@ibiz-template/vue3-util 0.2.11 → 0.2.13

package/es/panel-component/grid-container/grid-container.mjs

@@ -0,0 +1,106 @@
+import { isVNode, computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import '../../use/index.mjs';
+import { GridContainerController } from './grid-container.controller.mjs';
+import './grid-container.css';
+import { useNamespace } from '../../use/namespace/namespace.mjs';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const GridContainer = /* @__PURE__ */ defineComponent({
+  name: "IBizGridContainer",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: GridContainerController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("grid-container");
+    const {
+      id
+    } = props.modelData;
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    const layoutModel = computed(() => {
+      return {
+        ...props.modelData.layout,
+        layout: "TABLE_12COL"
+      };
+    });
+    const convertLayoutPos = (layoutPos, adaptGrow2) => {
+      const result = {
+        ...layoutPos,
+        layout: "TABLE_12COL",
+        colXS: layoutPos.grow || adaptGrow2,
+        colSM: layoutPos.grow || adaptGrow2,
+        colMD: layoutPos.grow || adaptGrow2,
+        colLG: layoutPos.grow || adaptGrow2
+      };
+      delete result.grow;
+      return result;
+    };
+    const adaptCols = ref(void 0);
+    const adaptGrow = ref(12);
+    return {
+      ns,
+      classArr,
+      layoutModel,
+      convertLayoutPos,
+      adaptGrow,
+      adaptCols
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    if (this.adaptCols === void 0) {
+      let currentGrow = 0;
+      let adaptCols = 0;
+      defaultSlots.forEach((slot) => {
+        const props = slot.props;
+        if (props && props.modelData && props.modelData.layoutPos) {
+          if (typeof props.modelData.layoutPos.grow === "number") {
+            currentGrow += props.modelData.layoutPos.grow;
+          } else if (typeof props.modelData.layoutPos.grow === "undefined") {
+            adaptCols += 1;
+          }
+        }
+      });
+      let adaptGrow = 12;
+      if (adaptCols > 0) {
+        adaptGrow = (12 - currentGrow) / adaptCols;
+      }
+      this.adaptCols = adaptCols;
+      this.adaptGrow = adaptGrow;
+    }
+    return createVNode(resolveComponent("iBizRow"), {
+      "class": this.classArr,
+      "layout": this.layoutModel
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return createVNode(resolveComponent("iBizCol"), {
+        "layoutPos": this.convertLayoutPos(props.modelData.layoutPos, this.adaptGrow),
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { GridContainer };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-container.provider.d.ts","sourceRoot":"","sources":["../../../src/panel-component/grid-container/grid-container.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD;;;;;;;;GAQG;AACH,qBAAa,qBAAsB,YAAW,kBAAkB;IAC9D,SAAS,EAAE,MAAM,CAAuB;IAElC,gBAAgB,CACpB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,mBAAmB,GAAG,SAAS,GACtC,OAAO,CAAC,mBAAmB,CAAC;CAKhC"}

package/es/panel-component/grid-container/grid-container.provider.mjs

@@ -0,0 +1,15 @@
+import { GridContainerController } from './grid-container.controller.mjs';
+
+"use strict";
+class GridContainerProvider {
+  constructor() {
+    this.component = "IBizGridContainer";
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new GridContainerController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { GridContainerProvider };

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

@@ -0,0 +1,13 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 面板栅格容器状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class GridContainerState
+ * @extends {PanelItemState}
+ */
+export declare class GridContainerState extends PanelItemState {
+}
+//# sourceMappingURL=grid-container.state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-container.state.d.ts","sourceRoot":"","sources":["../../../src/panel-component/grid-container/grid-container.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD;;;;;;;;GAQG;AACH,qBAAa,kBAAmB,SAAQ,cAAc;CAAG"}

package/es/panel-component/grid-container/grid-container.state.mjs

@@ -0,0 +1,7 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+class GridContainerState extends PanelItemState {
+}
+
+export { GridContainerState };

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

@@ -0,0 +1,38 @@
+import { GridContainerState } from './grid-container.state';
+import { GridContainerController } from './grid-container.controller';
+export { GridContainerState, GridContainerController };
+export declare const IBizGridContainer: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof GridContainerController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    layoutModel: import("vue").ComputedRef<{
+        layout: string;
+        appId?: string | undefined;
+        id?: string | undefined;
+        name?: string | undefined;
+        codeName?: string | undefined;
+        userParam?: Record<string, string> | undefined;
+    }>;
+    convertLayoutPos: (layoutPos: import("@ibiz/model-core").IFlexLayoutPos, adaptGrow: number) => import("@ibiz/model-core").IFlexLayoutPos;
+    adaptGrow: import("vue").Ref<number>;
+    adaptCols: import("vue").Ref<number | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof GridContainerController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizGridContainer;
+//# sourceMappingURL=index.d.ts.map

package/es/panel-component/grid-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/grid-container/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,CAAC;AAEvD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAM5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/es/panel-component/grid-container/index.mjs

@@ -0,0 +1,18 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import '../../util/index.mjs';
+import { GridContainer } from './grid-container.mjs';
+import { GridContainerProvider } from './grid-container.provider.mjs';
+export { GridContainerState } from './grid-container.state.mjs';
+export { GridContainerController } from './grid-container.controller.mjs';
+import { withInstall } from '../../util/install.mjs';
+
+"use strict";
+const IBizGridContainer = withInstall(GridContainer, function(v) {
+  v.component(GridContainer.name, GridContainer);
+  registerPanelItemProvider(
+    "CONTAINER_CONTAINER_GRID",
+    () => new GridContainerProvider()
+  );
+});
+
+export { IBizGridContainer, IBizGridContainer as default };

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

@@ -0,0 +1,10 @@
+export * from './panel-container';
+export * from './panel-ctrl-pos';
+export * from './scroll-container';
+export * from './nav-pos';
+export * from './panel-field';
+export * from './panel-rawitem';
+export * from './multi-data-container';
+export * from './single-data-container';
+export * from './grid-container';
+//# sourceMappingURL=index.d.ts.map

package/es/panel-component/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panel-component/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC"}

package/es/panel-component/index.mjs

@@ -0,0 +1,28 @@
+export { IBizPanelContainer } from './panel-container/index.mjs';
+export { IBizPanelCtrlPos } from './panel-ctrl-pos/index.mjs';
+export { IBizScrollContainer } from './scroll-container/index.mjs';
+export { IBizNavPos } from './nav-pos/index.mjs';
+export { IBizPanelField } from './panel-field/index.mjs';
+export { IBizPanelRawItem } from './panel-rawitem/index.mjs';
+export { IBizMultiDataContainer } from './multi-data-container/index.mjs';
+export { IBizSingleDataContainer } from './single-data-container/index.mjs';
+export { IBizGridContainer } from './grid-container/index.mjs';
+export { PanelContainerState } from './panel-container/panel-container.state.mjs';
+export { PanelContainerController } from './panel-container/panel-container.controller.mjs';
+export { PanelCtrlPosController } from './panel-ctrl-pos/panel-ctrl-pos.controller.mjs';
+export { ScrollContainerController } from './scroll-container/scroll-container/scroll-container.controller.mjs';
+export { ScrollContainer } from './scroll-container/scroll-container/scroll-container.mjs';
+export { ScrollContainerItemController } from './scroll-container/scroll-container-item/scroll-container-item.controller.mjs';
+export { ScrollContainerItem } from './scroll-container/scroll-container-item/scroll-container-item.mjs';
+export { NavPosState } from './nav-pos/nav-pos.state.mjs';
+export { NavPosController } from './nav-pos/nav-pos.controller.mjs';
+export { PanelFieldController } from './panel-field/panel-field.controller.mjs';
+export { PanelRawItemController } from './panel-rawitem/panel-rawitem.controller.mjs';
+export { MultiDataContainerState } from './multi-data-container/multi-data-container.state.mjs';
+export { MultiDataContainerController } from './multi-data-container/multi-data-container.controller.mjs';
+export { SingleDataContainerState } from './single-data-container/single-data-container.state.mjs';
+export { SingleDataContainerController } from './single-data-container/single-data-container.controller.mjs';
+export { GridContainerState } from './grid-container/grid-container.state.mjs';
+export { GridContainerController } from './grid-container/grid-container.controller.mjs';
+
+"use strict";

package/es/panel-component/multi-data-container/index.d.ts

@@ -0,0 +1,37 @@
+import { MultiDataContainerState } from './multi-data-container.state';
+import { MultiDataContainerController } from './multi-data-container.controller';
+export { MultiDataContainerState, MultiDataContainerController };
+export declare const IBizMultiDataContainer: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof MultiDataContainerController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+    renderPanelItem: (panelItem: import("@ibiz/model-core").IPanelItem, options?: {
+        providers: {
+            [key: string]: import("@ibiz-template/runtime").IPanelItemProvider;
+        };
+        panelItems: {
+            [key: string]: import("@ibiz-template/runtime").IPanelItemController;
+        };
+    } | undefined) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof MultiDataContainerController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizMultiDataContainer;
+//# sourceMappingURL=index.d.ts.map

package/es/panel-component/multi-data-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,CAAC;AAEjE,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aASlC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/es/panel-component/multi-data-container/index.mjs

@@ -0,0 +1,21 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import '../../util/index.mjs';
+import { MultiDataContainer } from './multi-data-container.mjs';
+import { MultiDataContainerProvider } from './multi-data-container.provider.mjs';
+export { MultiDataContainerState } from './multi-data-container.state.mjs';
+export { MultiDataContainerController } from './multi-data-container.controller.mjs';
+import { withInstall } from '../../util/install.mjs';
+
+"use strict";
+const IBizMultiDataContainer = withInstall(
+  MultiDataContainer,
+  function(v) {
+    v.component(MultiDataContainer.name, MultiDataContainer);
+    registerPanelItemProvider(
+      "CONTAINER_CONTAINER_MULTIDATA",
+      () => new MultiDataContainerProvider()
+    );
+  }
+);
+
+export { IBizMultiDataContainer, IBizMultiDataContainer as default };

package/es/panel-component/multi-data-container/multi-data-container-item.controller.d.ts

@@ -0,0 +1,61 @@
+import { IPanelDataContainerController, IPanelItemContainerController, IPanelItemController, PanelController, PanelData, PanelNotifyState } from '@ibiz-template/runtime';
+import { IPanelContainer, IPanelItem } from '@ibiz/model-core';
+import { MultiDataContainerItemState } from './multi-data-container-itm.state';
+import { MultiDataContainerController } from './multi-data-container.controller';
+/**
+ * 多项数据容器每一个数据项的控制器
+ * @author lxm
+ * @date 2023-09-05 05:04:01
+ * @export
+ * @class MultiDataContainerItemController
+ * @extends {PanelItemController<IPanelContainer>}
+ * @implements {IPanelDataContainerController}
+ */
+export declare class MultiDataContainerItemController implements IPanelDataContainerController {
+    readonly model: IPanelContainer;
+    readonly panel: PanelController;
+    readonly parent: MultiDataContainerController;
+    state: MultiDataContainerItemState;
+    readonly isDataContainer = true;
+    get data(): IData;
+    /**
+     * 所有面板成员的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: IPanelItemController }}
+     */
+    panelItems: {
+        [key: string]: IPanelItemController;
+    };
+    /**
+     * Creates an instance of PanelItemController.
+     * @author lxm
+     * @date 2023-04-27 06:37:12
+     * @param {T} model 面板成员模型
+     * @param {PanelController} panel 面板控制器
+     * @param {PanelItemController} [parent] 父容器控制器
+     */
+    constructor(model: IPanelContainer, panel: PanelController, parent: MultiDataContainerController, data: PanelData);
+    /**
+     * 初始化方法
+     * @author lxm
+     * @date 2023-09-05 05:48:53
+     * @return {*}  {Promise<void>}
+     */
+    init(): Promise<void>;
+    /**
+     * 初始化面板成员控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 21:08:48
+     * @protected
+     */
+    protected initChildrenController(panelItems?: IPanelItem[] | undefined, panel?: PanelController, parent?: IPanelItemContainerController | undefined): Promise<void>;
+    dataChangeNotify(_names: string[]): Promise<void>;
+    childDataChangeNotify(names: string[]): Promise<void>;
+    panelStateNotify(state: PanelNotifyState): Promise<void>;
+    setDataValue(name: string, value: unknown): Promise<void>;
+    destroy(): void;
+}
+//# sourceMappingURL=multi-data-container-item.controller.d.ts.map

package/es/panel-component/multi-data-container/multi-data-container-item.controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-data-container-item.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container/multi-data-container-item.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,6BAA6B,EAC7B,6BAA6B,EAC7B,oBAAoB,EAEpB,eAAe,EACf,SAAS,EACT,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,UAAU,EAAkB,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF;;;;;;;;GAQG;AACH,qBAAa,gCACX,YAAW,6BAA6B;aA4BtB,KAAK,EAAE,eAAe;aACtB,KAAK,EAAE,eAAe;aACtB,MAAM,EAAE,4BAA4B;IA5BtD,KAAK,8BAAqC;IAE1C,QAAQ,CAAC,eAAe,QAAQ;IAEhC,IAAI,IAAI,IAAI,KAAK,CAEhB;IAED;;;;;;OAMG;IACH,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,CAAA;KAAE,CAAM;IAEzD;;;;;;;OAOG;gBAEe,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,4BAA4B,EACpD,IAAI,EAAE,SAAS;IAejB;;;;;OAKG;IACG,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAI3B;;;;;;OAMG;cACa,sBAAsB,CACpC,UAAU,GAAE,UAAU,EAAE,GAAG,SAAiC,EAC5D,KAAK,GAAE,eAA4B,EACnC,MAAM,GAAE,6BAA6B,GAAG,SAAgB,GACvD,OAAO,CAAC,IAAI,CAAC;IAsCV,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAIjD,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAMrD,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IAMxD,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAc/D,OAAO,IAAI,IAAI;CAMhB"}

package/es/panel-component/multi-data-container/multi-data-container-item.controller.mjs

@@ -0,0 +1,117 @@
+import { getAllPanelField, isDataContainer } from '@ibiz-template/runtime';
+import { MultiDataContainerItemState } from './multi-data-container-itm.state.mjs';
+
+"use strict";
+class MultiDataContainerItemController {
+  /**
+   * Creates an instance of PanelItemController.
+   * @author lxm
+   * @date 2023-04-27 06:37:12
+   * @param {T} model 面板成员模型
+   * @param {PanelController} panel 面板控制器
+   * @param {PanelItemController} [parent] 父容器控制器
+   */
+  constructor(model, panel, parent, data) {
+    this.model = model;
+    this.panel = panel;
+    this.parent = parent;
+    this.state = new MultiDataContainerItemState();
+    this.isDataContainer = true;
+    /**
+     * 所有面板成员的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: IPanelItemController }}
+     */
+    this.panelItems = {};
+    this.state.data = data;
+    const fields = getAllPanelField(this.model);
+    const fieldKeys = fields.map((item) => item.id);
+    data._evt.on("change", (key) => {
+      if (fieldKeys.includes(key)) {
+        this.childDataChangeNotify([key]);
+      }
+    });
+  }
+  get data() {
+    return this.state.data;
+  }
+  /**
+   * 初始化方法
+   * @author lxm
+   * @date 2023-09-05 05:48:53
+   * @return {*}  {Promise<void>}
+   */
+  async init() {
+    await this.initChildrenController();
+  }
+  /**
+   * 初始化面板成员控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 21:08:48
+   * @protected
+   */
+  async initChildrenController(panelItems = this.model.panelItems, panel = this.panel, parent = this) {
+    if (!panelItems) {
+      return;
+    }
+    await Promise.all(
+      panelItems.map(async (panelItem) => {
+        var _a, _b;
+        const panelItemProvider = this.parent.providers[panelItem.id];
+        if (!panelItemProvider) {
+          return;
+        }
+        const panelItemController = await panelItemProvider.createController(
+          panelItem,
+          panel,
+          parent
+        );
+        this.panelItems[panelItem.id] = panelItemController;
+        if (((_a = panelItem.panelItems) == null ? void 0 : _a.length) && !isDataContainer(panelItem)) {
+          await this.initChildrenController(
+            panelItem.panelItems,
+            panel,
+            panelItemController
+          );
+        } else if ((_b = panelItem.panelTabPages) == null ? void 0 : _b.length) {
+          await this.initChildrenController(
+            panelItem.panelTabPages,
+            panel,
+            panelItemController
+          );
+        }
+      })
+    );
+  }
+  async dataChangeNotify(_names) {
+  }
+  async childDataChangeNotify(names) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.dataChangeNotify(names);
+    });
+  }
+  async panelStateNotify(state) {
+    Object.values(this.panelItems).forEach((panelItem) => {
+      panelItem.panelStateNotify(state);
+    });
+  }
+  async setDataValue(name, value) {
+    if (Object.prototype.hasOwnProperty.call(this.state.data, name) && this.state.data[name] === value) {
+      return;
+    }
+    this.state.data[name] = value;
+    this.childDataChangeNotify([name]);
+  }
+  destroy() {
+    var _a, _b;
+    (_b = (_a = this.data).destroy) == null ? void 0 : _b.call(_a);
+    Object.values(this.panelItems).forEach((item) => {
+      item.destroy();
+    });
+  }
+}
+
+export { MultiDataContainerItemController };

package/es/panel-component/multi-data-container/multi-data-container-itm.state.d.ts

@@ -0,0 +1,20 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 多项数据容器项状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class MultiDataContainerItemState
+ * @extends {PanelItemState}
+ */
+export declare class MultiDataContainerItemState extends PanelItemState {
+    /**
+     * 多项数据容器数据
+     * @author lxm
+     * @date 2023-07-14 12:07:45
+     * @type {(IData | IData[])}
+     */
+    data: IData;
+}
+//# sourceMappingURL=multi-data-container-itm.state.d.ts.map

package/es/panel-component/multi-data-container/multi-data-container-itm.state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-data-container-itm.state.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container/multi-data-container-itm.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD;;;;;;;;GAQG;AACH,qBAAa,2BAA4B,SAAQ,cAAc;IAC7D;;;;;OAKG;IACH,IAAI,EAAE,KAAK,CAAM;CAClB"}

package/es/panel-component/multi-data-container/multi-data-container-itm.state.mjs

@@ -0,0 +1,17 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+class MultiDataContainerItemState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 多项数据容器数据
+     * @author lxm
+     * @date 2023-07-14 12:07:45
+     * @type {(IData | IData[])}
+     */
+    this.data = {};
+  }
+}
+
+export { MultiDataContainerItemState };