index.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. var __extends = (this && this.__extends) || (function () {
  2. var extendStatics = Object.setPrototypeOf ||
  3. ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
  4. function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
  5. return function (d, b) {
  6. extendStatics(d, b);
  7. function __() { this.constructor = d; }
  8. d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  9. };
  10. })();
  11. import * as React from "react";
  12. import * as ReactDOM from "react-dom";
  13. import { LayoutDemo } from './NormalLayout/index';
  14. import { SortedTable } from "./SortedTable/index";
  15. import { SortedTableWithStatic } from "./StaticHeader/index";
  16. import { LayoutRestore } from "./LayoutRestore/index";
  17. import './index.css';
  18. var DemoMap = {
  19. normalLayout: React.createElement(LayoutDemo, null),
  20. SortedTable: React.createElement(SortedTable, null),
  21. StaticHeader: React.createElement(SortedTableWithStatic, null),
  22. LayoutRestore: React.createElement(LayoutRestore, null)
  23. };
  24. var DemoDispatcher = /** @class */ (function (_super) {
  25. __extends(DemoDispatcher, _super);
  26. function DemoDispatcher() {
  27. var _this = _super !== null && _super.apply(this, arguments) || this;
  28. _this.state = {
  29. demo: React.createElement(LayoutDemo, null)
  30. };
  31. _this.handleLayoutChange = function (demoName) {
  32. _this.setState({
  33. demo: DemoMap[demoName]
  34. });
  35. };
  36. return _this;
  37. }
  38. DemoDispatcher.prototype.render = function () {
  39. var _this = this;
  40. return (React.createElement("div", null,
  41. React.createElement("div", { className: 'demo-button-layout' },
  42. React.createElement("div", null, "Switch Demos"),
  43. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('normalLayout'); } }, "normalLayout"),
  44. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('SortedTable'); } }, "SortedTable"),
  45. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('StaticHeader'); } }, "StaticHeader"),
  46. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('LayoutRestore'); } }, "LayoutRestore")),
  47. this.state.demo));
  48. };
  49. return DemoDispatcher;
  50. }(React.Component));
  51. ReactDOM.render(React.createElement(DemoDispatcher, null), document.getElementById('root'));