@ibiz-template/vue3-components 0.0.1-alpha.1 → 0.0.1-alpha.3

package/es/panel-component/nav-pos/nav-pos.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { EventBase } from '@ibiz-template/runtime';
+import { NavPosController } from './nav-pos.controller';
+import './nav-pos.scss';
+export declare const NavPos: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof NavPosController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onViewCreated: (event: EventBase) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof NavPosController;
+        required: true;
+    };
+}>>, {}>;

package/es/panel-component/nav-tabs/index.js

@@ -0,0 +1,16 @@
+import { registerPanelItemProvider } from "@ibiz-template/runtime";
+import { withInstall } from "@ibiz-template/vue3-util";
+import { NavTabs } from "./nav-tabs";
+import { NavTabs as NavTabs2 } from "./nav-tabs";
+import { NavTabsProvider } from "./nav-tabs-provider";
+import { NavTabsProvider as NavTabsProvider2 } from "./nav-tabs-provider";
+const IBizNavTabs = withInstall(NavTabs, function(v) {
+  v.component(NavTabs.name, NavTabs);
+  registerPanelItemProvider("RAWITEM_NAV_TABS", () => new NavTabsProvider());
+});
+export {
+  IBizNavTabs,
+  NavTabs2 as NavTabs,
+  NavTabsProvider2 as NavTabsProvider,
+  IBizNavTabs as default
+};

package/es/panel-component/nav-tabs/nav-tabs-provider.d.ts

@@ -0,0 +1,17 @@
+import { IPanelItemProvider } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { PanelController, PanelItemController } from '../../control';
+import { NavTabsController } from './nav-tabs.controller';
+/**
+ * 导航标签页占位适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class NavTabsProvider
+ * @implements {EditorProvider}
+ */
+export declare class NavTabsProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<NavTabsController>;
+}

package/es/panel-component/nav-tabs/nav-tabs-provider.js

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { NavTabsController } from "./nav-tabs.controller";
+class NavTabsProvider {
+  constructor() {
+    __publicField(this, "component", "NavTabs");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new NavTabsController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+export {
+  NavTabsProvider
+};

package/es/panel-component/nav-tabs/nav-tabs-state.d.ts

@@ -0,0 +1,21 @@
+import { PanelItemState } from '../../control/panel/panel/panel-item-state';
+interface TabMsg {
+    key: string;
+    fullPath: string;
+    caption?: string;
+}
+/**
+ * 导航标签页占位状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class NavTabsState
+ * @extends {PanelItemState}
+ */
+export declare class NavTabsState extends PanelItemState {
+    currentKey: string;
+    tabItems: TabMsg[];
+    operateSort: string[];
+}
+export {};

package/es/panel-component/nav-tabs/nav-tabs-state.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { PanelItemState } from "../../control/panel/panel/panel-item-state";
+class NavTabsState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "currentKey", "");
+    __publicField(this, "tabItems", []);
+    __publicField(this, "operateSort", []);
+  }
+}
+export {
+  NavTabsState
+};

package/es/panel-component/nav-tabs/nav-tabs.controller.js

@@ -0,0 +1,124 @@
+import { PanelItemController } from "../../control";
+import { NavTabsState } from "./nav-tabs-state";
+class NavTabsController extends PanelItemController {
+  createState() {
+    var _a;
+    return new NavTabsState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 当前视图的路由层级，非路由模式不存在。
+   * @author lxm
+   * @date 2023-05-09 12:46:26
+   * @readonly
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * 导航占位控制器
+   * @author lxm
+   * @date 2023-05-09 02:35:48
+   * @readonly
+   * @type {(NavPosController | undefined)}
+   */
+  get navPos() {
+    return this.panel.panelItems.nav_pos;
+  }
+  /**
+   * 获取tabItem
+   * @author lxm
+   * @date 2023-05-09 02:04:11
+   * @param {string} key
+   * @return {*}
+   */
+  findTabItem(key) {
+    return this.state.tabItems.find((item) => item.key === key);
+  }
+  /**
+   * 处理路由变更
+   * @author lxm
+   * @date 2023-05-09 03:12:16
+   * @param {{ currentKey: string; fullPath: string }} args
+   */
+  onRouteChange(args) {
+    const { currentKey, fullPath } = args;
+    this.state.currentKey = currentKey;
+    if (currentKey === "") {
+      return;
+    }
+    const findItem = this.findTabItem(currentKey);
+    if (findItem) {
+      findItem.fullPath = fullPath;
+    } else {
+      this.state.tabItems.push({ key: currentKey, fullPath });
+    }
+    const index = this.state.operateSort.indexOf(currentKey);
+    if (index !== -1) {
+      this.state.operateSort.splice(index, 1);
+    }
+    this.state.operateSort.push(currentKey);
+  }
+  /**
+   * 更新视图信息
+   * @author lxm
+   * @date 2023-05-09 01:40:34
+   * @param {string} key
+   * @param {{ caption?: string; dataInfo?: string }} info
+   */
+  updateViewInfo(key, info) {
+    const findItem = this.findTabItem(key);
+    if (findItem) {
+      Object.assign(findItem, info);
+    }
+  }
+  /**
+   * 删除分页
+   * @author lxm
+   * @date 2023-05-09 02:08:46
+   * @param {string} key
+   */
+  onTabRemove(key) {
+    var _a;
+    const findIndex = this.state.tabItems.findIndex((item) => item.key === key);
+    if (findIndex !== -1) {
+      this.state.tabItems.splice(findIndex, 1);
+    }
+    const removeKey = this.state.operateSort.pop();
+    (_a = this.navPos) == null ? void 0 : _a.removeCache(removeKey);
+    return this.state.operateSort[this.state.operateSort.length - 1];
+  }
+  /**
+   * 删除其他所有的标签页
+   * @author lxm
+   * @date 2023-05-09 02:19:55
+   */
+  removeOther() {
+    const currentKey = this.state.currentKey;
+    const findItem = this.findTabItem(this.state.currentKey);
+    if (findItem) {
+      this.state.tabItems.forEach((item) => {
+        var _a;
+        if (item.key !== currentKey) {
+          (_a = this.navPos) == null ? void 0 : _a.removeCache(item.key);
+        }
+      });
+      this.state.tabItems = [findItem];
+      this.state.operateSort = [this.state.currentKey];
+    }
+  }
+  /**
+   * 删除所有的标签页
+   * @author lxm
+   * @date 2023-05-09 02:50:01
+   */
+  removeAll() {
+    var _a;
+    this.state.currentKey = "";
+    this.state.tabItems = [];
+    this.state.operateSort = [];
+    (_a = this.navPos) == null ? void 0 : _a.clearCache();
+  }
+}
+export {
+  NavTabsController
+};

package/es/panel-component/nav-tabs/nav-tabs.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+import './nav-tabs.scss';
+import { TabsPaneContext } from 'element-plus';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { NavTabsController } from './nav-tabs.controller';
+interface dropdownAction {
+    text: string;
+    value?: string;
+}
+export declare const NavTabs: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof NavTabsController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    actions: dropdownAction[];
+    changePage: (pane: TabsPaneContext) => void;
+    onTabRemove: (key: string) => void;
+    handleCommand: (command: dropdownAction) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof NavTabsController;
+        required: true;
+    };
+}>>, {}>;
+export {};

package/es/panel-component/panel-container/index.js

@@ -0,0 +1,23 @@
+import { withInstall } from "@ibiz-template/vue3-util";
+import { registerPanelItemProvider } from "@ibiz-template/runtime";
+import { PanelContainer } from "./panel-container";
+import { PanelContainer as PanelContainer2 } from "./panel-container";
+import { PanelContainerProvider } from "./panel-container-provider";
+import { PanelContainerProvider as PanelContainerProvider2 } from "./panel-container-provider";
+import { PanelContainerState } from "./panel-container-state";
+import { PanelContainerController } from "./panel-container.controller";
+const IBizPanelContainer = withInstall(
+  PanelContainer,
+  function(v) {
+    v.component(PanelContainer.name, PanelContainer);
+    registerPanelItemProvider("CONTAINER", () => new PanelContainerProvider());
+  }
+);
+export {
+  IBizPanelContainer,
+  PanelContainer2 as PanelContainer,
+  PanelContainerController,
+  PanelContainerProvider2 as PanelContainerProvider,
+  PanelContainerState,
+  IBizPanelContainer as default
+};

package/es/panel-component/panel-container/panel-container-provider.d.ts

@@ -0,0 +1,16 @@
+import { IPanelItemProvider } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+import { PanelController, PanelItemController } from '../../control';
+/**
+ * 面板容器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class PanelContainerProvider
+ * @implements {EditorProvider}
+ */
+export declare class PanelContainerProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/panel-container/panel-container-provider.js

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { PanelContainerController } from "./panel-container.controller";
+class PanelContainerProvider {
+  constructor() {
+    __publicField(this, "component", "PanelContainer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+export {
+  PanelContainerProvider
+};

package/es/panel-component/panel-container/panel-container-state.d.ts

@@ -0,0 +1,12 @@
+import { PanelItemState } from '../../control/panel/panel/panel-item-state';
+/**
+ * 面板容器状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class PanelContainerState
+ * @extends {PanelItemState}
+ */
+export declare class PanelContainerState extends PanelItemState {
+}

package/es/panel-component/panel-container/panel-container-state.js

@@ -0,0 +1,6 @@
+import { PanelItemState } from "../../control/panel/panel/panel-item-state";
+class PanelContainerState extends PanelItemState {
+}
+export {
+  PanelContainerState
+};

package/es/panel-component/panel-container/panel-container.controller.d.ts

@@ -0,0 +1,14 @@
+import { IPanelContainer } from '@ibiz/model-core';
+import { PanelItemController } from '../../control';
+import { PanelContainerState } from './panel-container-state';
+/**
+ * 面板容器控制器
+ *
+ * @export
+ * @class PanelContainerController
+ * @extends {PanelItemController}
+ */
+export declare class PanelContainerController extends PanelItemController<IPanelContainer> {
+    state: PanelContainerState;
+    protected createState(): PanelContainerState;
+}

package/es/panel-component/panel-container/panel-container.controller.js

@@ -0,0 +1,11 @@
+import { PanelItemController } from "../../control";
+import { PanelContainerState } from "./panel-container-state";
+class PanelContainerController extends PanelItemController {
+  createState() {
+    var _a;
+    return new PanelContainerState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+}
+export {
+  PanelContainerController
+};

package/es/panel-component/panel-container/panel-container.d.ts

@@ -0,0 +1,28 @@
+import { IPanelContainer } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { PanelContainerController } from './panel-container.controller';
+import './panel-container.scss';
+export declare const PanelContainer: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelContainerController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    isCollapse: import("vue").Ref<boolean>;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    changeCollapse: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelContainerController;
+        required: true;
+    };
+}>>, {}>;

package/es/panel-component/panel-ctrl-pos/index.js

@@ -0,0 +1,18 @@
+import { withInstall } from "@ibiz-template/vue3-util";
+import { registerPanelItemProvider } from "@ibiz-template/runtime";
+import { PanelCtrlPos } from "./panel-ctrl-pos";
+import { PanelCtrlPos as PanelCtrlPos2 } from "./panel-ctrl-pos";
+import { PanelCtrlPosProvider } from "./panel-ctrl-pos-provider";
+import { PanelCtrlPosProvider as PanelCtrlPosProvider2 } from "./panel-ctrl-pos-provider";
+import { PanelCtrlPosController } from "./panel-ctrl-pos.controller";
+const IBizPanelCtrlPos = withInstall(PanelCtrlPos, function(v) {
+  v.component(PanelCtrlPos.name, PanelCtrlPos);
+  registerPanelItemProvider("CTRLPOS", () => new PanelCtrlPosProvider());
+});
+export {
+  IBizPanelCtrlPos,
+  PanelCtrlPos2 as PanelCtrlPos,
+  PanelCtrlPosController,
+  PanelCtrlPosProvider2 as PanelCtrlPosProvider,
+  IBizPanelCtrlPos as default
+};

package/es/panel-component/panel-ctrl-pos/panel-ctrl-pos-provider.d.ts

@@ -0,0 +1,17 @@
+import { IPanelItemProvider } from '@ibiz-template/runtime';
+import { IPanelCtrlPos } from '@ibiz/model-core';
+import { PanelController, PanelItemController } from '../../control';
+import { PanelCtrlPosController } from './panel-ctrl-pos.controller';
+/**
+ * 面板控件占位适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class PanelCtrlPosProvider
+ * @implements {EditorProvider}
+ */
+export declare class PanelCtrlPosProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelCtrlPos, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelCtrlPosController>;
+}

package/es/panel-component/panel-ctrl-pos/panel-ctrl-pos-provider.js

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { PanelCtrlPosController } from "./panel-ctrl-pos.controller";
+class PanelCtrlPosProvider {
+  constructor() {
+    __publicField(this, "component", "PanelCtrlPos");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelCtrlPosController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+export {
+  PanelCtrlPosProvider
+};

package/es/panel-component/panel-ctrl-pos/panel-ctrl-pos.controller.d.ts

@@ -0,0 +1,21 @@
+import { IPanelCtrlPos } from '@ibiz/model-core';
+import { PanelItemController, ViewLayoutPanelController } from '../../control';
+/**
+ * 面板控件占位控制器
+ *
+ * @author lxm
+ * @date 2023-02-07 06:05:23
+ * @export
+ * @class PanelButtonController
+ * @extends {PanelItemController}
+ */
+export declare class PanelCtrlPosController extends PanelItemController<IPanelCtrlPos> {
+    /**
+     * 面板控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 22:08:59
+     * @type {PanelController}
+     */
+    panel: ViewLayoutPanelController;
+}

package/es/panel-component/panel-ctrl-pos/panel-ctrl-pos.controller.js

@@ -0,0 +1,6 @@
+import { PanelItemController } from "../../control";
+class PanelCtrlPosController extends PanelItemController {
+}
+export {
+  PanelCtrlPosController
+};

package/es/panel-component/scroll-container/index.js

@@ -0,0 +1,43 @@
+import { registerPanelItemProvider } from "@ibiz-template/runtime";
+import { withInstall } from "@ibiz-template/vue3-util";
+import { ScrollContainerItem } from "./scroll-container-item/scroll-container-item";
+import { ScrollContainerItemProvider } from "./scroll-container-item/scroll-container-item-provider";
+import { ScrollContainer } from "./scroll-container/scroll-container";
+import { ScrollContainerProvider } from "./scroll-container/scroll-container-provider";
+export * from "./scroll-container";
+export * from "./scroll-container-item";
+const IBizScrollContainer = withInstall(
+  ScrollContainer,
+  function(v) {
+    v.component(ScrollContainer.name, ScrollContainer);
+    v.component(ScrollContainerItem.name, ScrollContainerItem);
+    registerPanelItemProvider(
+      "CONTAINER_BORDER",
+      () => new ScrollContainerProvider()
+    );
+    registerPanelItemProvider(
+      "CONTAINER_BORDER_WEST",
+      () => new ScrollContainerItemProvider()
+    );
+    registerPanelItemProvider(
+      "CONTAINER_BORDER_NORTH",
+      () => new ScrollContainerItemProvider()
+    );
+    registerPanelItemProvider(
+      "CONTAINER_BORDER_EAST",
+      () => new ScrollContainerItemProvider()
+    );
+    registerPanelItemProvider(
+      "CONTAINER_BORDER_SOUTH",
+      () => new ScrollContainerItemProvider()
+    );
+    registerPanelItemProvider(
+      "CONTAINER_BORDER_CENTER",
+      () => new ScrollContainerItemProvider()
+    );
+  }
+);
+export {
+  IBizScrollContainer,
+  IBizScrollContainer as default
+};

package/es/panel-component/scroll-container/scroll-container/index.d.ts

@@ -0,0 +1,3 @@
+export * from './scroll-container-provider';
+export * from './scroll-container.controller';
+export * from './scroll-container';

package/es/panel-component/scroll-container/scroll-container/index.js

@@ -0,0 +1,3 @@
+export * from "./scroll-container-provider";
+export * from "./scroll-container.controller";
+export * from "./scroll-container";

package/es/panel-component/scroll-container/scroll-container/scroll-container-provider.d.ts

@@ -0,0 +1,17 @@
+import { IPanelItemProvider } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+import { PanelController, PanelItemController } from '../../../control';
+import { ScrollContainerController } from './scroll-container.controller';
+/**
+ * 面板滚动条容器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class ScrollContainerProvider
+ * @implements {EditorProvider}
+ */
+export declare class ScrollContainerProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<ScrollContainerController>;
+}

package/es/panel-component/scroll-container/scroll-container/scroll-container-provider.js

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ScrollContainerController } from "./scroll-container.controller";
+class ScrollContainerProvider {
+  constructor() {
+    __publicField(this, "component", "ScrollContainer");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new ScrollContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+export {
+  ScrollContainerProvider
+};

package/es/panel-component/scroll-container/scroll-container/scroll-container.controller.d.ts

@@ -0,0 +1,22 @@
+import { IPanelContainer } from '@ibiz/model-core';
+import { PanelItemController, ViewLayoutPanelController } from '../../../control';
+/**
+ * 面板滚动容器控制器
+ *
+ * @author lxm
+ * @date 2023-02-07 06:05:23
+ * @export
+ * @class PanelButtonController
+ * @extends {PanelItemController}
+ */
+export declare class ScrollContainerController extends PanelItemController<IPanelContainer> {
+    /**
+     * 面板控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 22:08:59
+     * @type {PanelController}
+     */
+    panel: ViewLayoutPanelController;
+    protected onInit(): Promise<void>;
+}

package/es/panel-component/scroll-container/scroll-container/scroll-container.controller.js

@@ -0,0 +1,11 @@
+import { PanelItemController } from "../../../control";
+class ScrollContainerController extends PanelItemController {
+  async onInit() {
+    await super.onInit();
+    this.state.layoutController.width = "100%";
+    this.state.layoutController.height = "100%";
+  }
+}
+export {
+  ScrollContainerController
+};