index.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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 { HandleLayout } from "./HandleLayout/index";
  18. import { AddRemove } from "./AddRemove/index";
  19. import './index.css';
  20. var DemoMap = {
  21. normalLayout: React.createElement(LayoutDemo, null),
  22. SortedTable: React.createElement(SortedTable, null),
  23. StaticHeader: React.createElement(SortedTableWithStatic, null),
  24. LayoutRestore: React.createElement(LayoutRestore, null),
  25. HandleLayout: React.createElement(HandleLayout, null),
  26. AddRemove: React.createElement(AddRemove, null)
  27. };
  28. var DemoDispatcher = /** @class */ (function (_super) {
  29. __extends(DemoDispatcher, _super);
  30. function DemoDispatcher() {
  31. var _this = _super !== null && _super.apply(this, arguments) || this;
  32. _this.state = {
  33. demo: React.createElement(LayoutDemo, null)
  34. };
  35. _this.handleLayoutChange = function (demoName) {
  36. _this.setState({
  37. demo: DemoMap[demoName]
  38. });
  39. };
  40. return _this;
  41. }
  42. DemoDispatcher.prototype.render = function () {
  43. var _this = this;
  44. return (React.createElement("div", null,
  45. React.createElement("div", { className: 'demo-button-layout' },
  46. React.createElement("div", null, "Switch Demos"),
  47. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('normalLayout'); } }, "normalLayout"),
  48. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('SortedTable'); } }, "SortedTable"),
  49. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('StaticHeader'); } }, "StaticHeader"),
  50. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('LayoutRestore'); } }, "LayoutRestore"),
  51. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('HandleLayout'); } }, "HandleLayout"),
  52. React.createElement("button", { onClick: function () { return _this.handleLayoutChange('AddRemove'); } }, "AddRemove")),
  53. this.state.demo));
  54. };
  55. return DemoDispatcher;
  56. }(React.Component));
  57. ReactDOM.render(React.createElement(DemoDispatcher, null), document.getElementById('root'));