index.js 2.7 KB

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