@ibiz-template/vue3-util 0.3.5-alpha.1 → 0.3.6-dev.0

package/es/common/code-list/code-list.mjs

@@ -50,13 +50,14 @@ const IBizCodeList = /* @__PURE__ */ defineComponent({
       }
     };
     watch(() => props.value, (newVal, oldVal) => {
+      var _a;
       if (newVal !== oldVal) {
         if (isNil(newVal) || newVal === "") {
           items.value = [];
         } else {
           let values;
           if (typeof newVal === "string") {
-            values = newVal.split(",");
+            values = newVal.split(((_a = props.codeList) == null ? void 0 : _a.valueSeparator) || ",");
           } else {
             values = [newVal];
           }

package/es/control/index.d.ts

@@ -0,0 +1,2 @@
+export * from './panel';
+//# sourceMappingURL=index.d.ts.map

package/es/control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/control/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/es/control/index.mjs

@@ -0,0 +1,5 @@
+import './panel/index.mjs';
+export { IBizViewLayoutPanelControl } from './panel/view-layout-panel/index.mjs';
+export { IBizPanelControl } from './panel/panel/index.mjs';
+
+"use strict";

package/es/control/panel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './view-layout-panel';
+export * from './panel';
+//# sourceMappingURL=index.d.ts.map

package/es/control/panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/control/panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}

package/es/control/panel/index.mjs

@@ -0,0 +1,4 @@
+export { IBizViewLayoutPanelControl } from './view-layout-panel/index.mjs';
+export { IBizPanelControl } from './panel/index.mjs';
+
+"use strict";

package/es/control/panel/panel/index.d.ts

@@ -0,0 +1,57 @@
+export declare const IBizPanelControl: import("../../../util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    container: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
+    data: import("vue").PropType<IData>;
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: import("@ibiz-template/runtime").PanelController<import("@ibiz/model-core").IPanel, import("@ibiz-template/runtime").IPanelState, import("@ibiz-template/runtime").IPanelEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+}, 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").IPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    container: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
+    data: import("vue").PropType<IData>;
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+}, {}>>;
+export default IBizPanelControl;
+//# sourceMappingURL=index.d.ts.map

package/es/control/panel/panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/panel/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAG3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/es/control/panel/panel/index.mjs

@@ -0,0 +1,13 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { PanelControl } from './panel.mjs';
+import { PanelProvider } from './panel.provider.mjs';
+import '../../../util/index.mjs';
+import { withInstall } from '../../../util/install.mjs';
+
+"use strict";
+const IBizPanelControl = withInstall(PanelControl, function(v) {
+  v.component(PanelControl.name, PanelControl);
+  registerControlProvider(ControlType.PANEL, () => new PanelProvider());
+});
+
+export { IBizPanelControl, IBizPanelControl as default };

package/es/control/panel/panel/panel.css

@@ -0,0 +1 @@
+.ibiz-control-panel{width:100%;height:100%}.ibiz-control-panel-content{width:100%;height:100%}

package/es/control/panel/panel/panel.d.ts

@@ -0,0 +1,63 @@
+import { PropType } from 'vue';
+import { IPanel } from '@ibiz/model-core';
+import './panel.scss';
+import { IControlProvider, IController, PanelController } from '@ibiz-template/runtime';
+/**
+ * 视图布局面板组件
+ */
+export declare const PanelControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    container: {
+        type: PropType<IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
+    data: PropType<IData>;
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: PanelController<IPanel, import("@ibiz-template/runtime").IPanelState, import("@ibiz-template/runtime").IPanelEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    container: {
+        type: PropType<IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
+    data: PropType<IData>;
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+}, {}>;
+//# sourceMappingURL=panel.d.ts.map

package/es/control/panel/panel/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/panel/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAOT,MAAM,KAAK,CAAC;AACb,OAAO,EACL,MAAM,EAKP,MAAM,kBAAkB,CAAC;AAC1B,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EAChB,MAAM,wBAAwB,CAAC;AAiEhC;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAqEvB,CAAC"}

package/es/control/panel/panel/panel.mjs

@@ -0,0 +1,135 @@
+import { isVNode, createTextVNode, createVNode, resolveComponent, h, watch, reactive, defineComponent } from 'vue';
+import './panel.css';
+import { PanelController } from '@ibiz-template/runtime';
+import '../../../use/index.mjs';
+import { useControlController } from '../../../use/control/use-control-controller/use-control-controller.mjs';
+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);
+}
+function renderPanelItem(panelItem, c, ins) {
+  var _a, _b;
+  if (panelItem.hidden) {
+    return;
+  }
+  const {
+    providers,
+    panelItems
+  } = c;
+  const provider = providers[panelItem.id];
+  if (!provider) {
+    return createVNode("div", null, [createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, createTextVNode(" - "), panelItem.itemType]);
+  }
+  const component = resolveComponent(provider.component);
+  let children;
+  if (panelItem.itemType === "CTRLPOS" && ins.$slots[panelItem.id]) {
+    children = () => {
+      return ins.$slots[panelItem.id]();
+    };
+  } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
+    children = () => {
+      return panelItem.panelTabPages.map((child) => {
+        return renderPanelItem(child, c, ins);
+      });
+    };
+  } else if ((_b = panelItem.panelItems) == null ? void 0 : _b.length) {
+    children = () => {
+      return panelItem.panelItems.map((child) => {
+        return renderPanelItem(child, c, ins);
+      });
+    };
+  }
+  return h(component, {
+    modelData: panelItem,
+    controller: panelItems[panelItem.id],
+    key: panelItem.id
+  }, children);
+}
+const PanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    container: {
+      type: Object
+    },
+    data: Object,
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const c = useControlController((...args) => new PanelController(...args, props.container));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    watch(() => props.data, (newVal) => {
+      if (newVal) {
+        c.setInputData(newVal);
+        c.load();
+      }
+    }, {
+      immediate: true
+    });
+    c.evt.on("onCreated", () => {
+      const keys = Object.keys(c.panelItems);
+      keys.forEach((key) => {
+        const panelItem = c.panelItems[key];
+        panelItem.state = reactive(panelItem.state);
+      });
+    });
+    return {
+      c,
+      ns
+    };
+  },
+  render() {
+    const {
+      state,
+      model
+    } = this.c;
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [createVNode(resolveComponent("iBizRow"), {
+        "class": this.ns.b("content"),
+        "layout": {
+          layout: "FLEX"
+        }
+      }, {
+        default: () => {
+          var _a;
+          return [state.isCreated && (this.$slots.default ? this.$slots.default({
+            panelItems: this.c.panelItems
+          }) : (_a = model.rootPanelItems) == null ? void 0 : _a.map((panelItem) => {
+            let _slot;
+            const subC = this.c.panelItems[panelItem.id];
+            panelItem.layoutPos.layout = "FLEX";
+            return createVNode(resolveComponent("iBizCol"), {
+              "layoutPos": panelItem.layoutPos,
+              "state": subC.state
+            }, _isSlot(_slot = renderPanelItem(panelItem, this.c, this)) ? _slot : {
+              default: () => [_slot]
+            });
+          }))];
+        }
+      })]
+    });
+  }
+});
+
+export { PanelControl };

package/es/control/panel/panel/panel.provider.d.ts

@@ -0,0 +1,14 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 面板部件适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class ViewLayoutPanelProvider
+ * @implements {IControlProvider}
+ */
+export declare class PanelProvider implements IControlProvider {
+    component: string;
+}
+//# sourceMappingURL=panel.provider.d.ts.map

package/es/control/panel/panel/panel.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.provider.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/panel/panel.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;;;;;;;GAQG;AACH,qBAAa,aAAc,YAAW,gBAAgB;IACpD,SAAS,EAAE,MAAM,CAAsB;CACxC"}

package/es/control/panel/panel/panel.provider.mjs

@@ -0,0 +1,8 @@
+"use strict";
+class PanelProvider {
+  constructor() {
+    this.component = "IBizPanelControl";
+  }
+}
+
+export { PanelProvider };

package/es/control/panel/view-layout-panel/index.d.ts

@@ -0,0 +1,58 @@
+export declare const IBizViewLayoutPanelControl: import("../../../util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    container: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
+    data: import("vue").PropType<IData>;
+}, {
+    c: import("@ibiz-template/runtime").ViewLayoutPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+    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").IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    container: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
+    data: import("vue").PropType<IData>;
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizViewLayoutPanelControl;
+//# sourceMappingURL=index.d.ts.map

package/es/control/panel/view-layout-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/view-layout-panel/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAStC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/es/control/panel/view-layout-panel/index.mjs

@@ -0,0 +1,19 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { ViewLayoutPanelControl } from './view-layout-panel.mjs';
+import { ViewLayoutPanelProvider } from './view-layout-panel.provider.mjs';
+import '../../../util/index.mjs';
+import { withInstall } from '../../../util/install.mjs';
+
+"use strict";
+const IBizViewLayoutPanelControl = withInstall(
+  ViewLayoutPanelControl,
+  function(v) {
+    v.component(ViewLayoutPanelControl.name, ViewLayoutPanelControl);
+    registerControlProvider(
+      ControlType.VIEW_LAYOUT_PANEL,
+      () => new ViewLayoutPanelProvider()
+    );
+  }
+);
+
+export { IBizViewLayoutPanelControl, IBizViewLayoutPanelControl as default };

package/es/control/panel/view-layout-panel/view-layout-panel.css

@@ -0,0 +1 @@
+.ibiz-control-viewlayoutpanel{width:100%;height:100%}.ibiz-control-viewlayoutpanel-content{width:100%;height:100%}

package/es/control/panel/view-layout-panel/view-layout-panel.d.ts

@@ -0,0 +1,62 @@
+import { PropType, VNode } from 'vue';
+import { IPanelItem, IViewLayoutPanel } from '@ibiz/model-core';
+import './view-layout-panel.scss';
+import { IController, IControlProvider, IPanelItemController, IPanelItemProvider, ViewLayoutPanelController } from '@ibiz-template/runtime';
+/**
+ * 视图布局面板组件
+ */
+export declare const ViewLayoutPanelControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    container: {
+        type: PropType<IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
+    data: PropType<IData>;
+}, {
+    c: ViewLayoutPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+    renderPanelItem: (panelItem: IPanelItem, options?: {
+        providers: {
+            [key: string]: IPanelItemProvider;
+        };
+        panelItems: {
+            [key: string]: IPanelItemController;
+        };
+    } | undefined) => VNode | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    container: {
+        type: PropType<IController<import("@ibiz/model-core").IModelObject, object, import("@ibiz-template/runtime").IComponentEvent>>;
+    };
+    data: PropType<IData>;
+}>>, {
+    params: IParams;
+}, {}>;
+//# sourceMappingURL=view-layout-panel.d.ts.map

package/es/control/panel/view-layout-panel/view-layout-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-layout-panel.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/view-layout-panel/view-layout-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,EAGR,KAAK,EAIN,MAAM,KAAK,CAAC;AACb,OAAO,EAGL,UAAU,EAEV,gBAAgB,EACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAElB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAGhC;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;iCAiDlB,UAAU;;;;;;;sBASpB,KAAK,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;MAkFjB,CAAC"}

package/es/control/panel/view-layout-panel/view-layout-panel.mjs

@@ -0,0 +1,137 @@
+import { isVNode, watch, reactive, createTextVNode, createVNode, resolveComponent, h, provide, defineComponent } from 'vue';
+import './view-layout-panel.css';
+import { ViewLayoutPanelController, isDataContainer } from '@ibiz-template/runtime';
+import '../../../use/index.mjs';
+import { useControlController } from '../../../use/control/use-control-controller/use-control-controller.mjs';
+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 ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizViewLayoutPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    container: {
+      type: Object
+    },
+    data: Object
+  },
+  setup(props, {
+    slots
+  }) {
+    const c = useControlController((...args) => new ViewLayoutPanelController(...args, props.container));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    watch(() => props.data, (newVal) => {
+      if (newVal) {
+        c.setInputData(newVal);
+        c.load();
+      }
+    }, {
+      immediate: true
+    });
+    c.evt.on("onCreated", () => {
+      const keys = Object.keys(c.panelItems);
+      keys.forEach((key) => {
+        const panelItem = c.panelItems[key];
+        panelItem.state = reactive(panelItem.state);
+      });
+    });
+    const renderPanelItem = (panelItem, options) => {
+      var _a, _b;
+      if (panelItem.hidden) {
+        return null;
+      }
+      const {
+        providers,
+        panelItems
+      } = options || c;
+      const provider = providers[panelItem.id];
+      if (!provider) {
+        return createVNode("div", null, [createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, createTextVNode(" - "), panelItem.itemType]);
+      }
+      const component = resolveComponent(provider.component);
+      let children;
+      if (panelItem.itemType === "CTRLPOS" && slots[panelItem.id]) {
+        children = () => {
+          return slots[panelItem.id]();
+        };
+      } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
+        children = () => {
+          return panelItem.panelTabPages.map((child) => {
+            return renderPanelItem(child, options);
+          });
+        };
+      } else if (isDataContainer(panelItem)) {
+        children = void 0;
+      } else if ((_b = panelItem.panelItems) == null ? void 0 : _b.length) {
+        children = () => {
+          return panelItem.panelItems.map((child) => {
+            return renderPanelItem(child, options);
+          });
+        };
+      }
+      return h(component, {
+        modelData: panelItem,
+        controller: panelItems[panelItem.id],
+        key: panelItem.id
+      }, children);
+    };
+    provide("renderPanelItem", renderPanelItem);
+    return {
+      c,
+      ns,
+      renderPanelItem
+    };
+  },
+  render() {
+    const {
+      state,
+      model
+    } = this.c;
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [createVNode(resolveComponent("iBizRow"), {
+        "class": this.ns.b("content"),
+        "layout": {
+          layout: "FLEX"
+        }
+      }, {
+        default: () => {
+          var _a;
+          return [state.isCreated && (this.$slots.default ? this.$slots.default({
+            panelItems: this.c.panelItems
+          }) : (_a = model.rootPanelItems) == null ? void 0 : _a.map((panelItem) => {
+            let _slot;
+            const subC = this.c.panelItems[panelItem.id];
+            panelItem.layoutPos.layout = "FLEX";
+            return createVNode(resolveComponent("iBizCol"), {
+              "layoutPos": panelItem.layoutPos,
+              "state": subC.state
+            }, _isSlot(_slot = this.renderPanelItem(panelItem)) ? _slot : {
+              default: () => [_slot]
+            });
+          }))];
+        }
+      })]
+    });
+  }
+});
+
+export { ViewLayoutPanelControl };

package/es/control/panel/view-layout-panel/view-layout-panel.provider.d.ts

@@ -0,0 +1,14 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 视图布局面板部件适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class ViewLayoutPanelProvider
+ * @implements {IControlProvider}
+ */
+export declare class ViewLayoutPanelProvider implements IControlProvider {
+    component: string;
+}
+//# sourceMappingURL=view-layout-panel.provider.d.ts.map

package/es/control/panel/view-layout-panel/view-layout-panel.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-layout-panel.provider.d.ts","sourceRoot":"","sources":["../../../../src/control/panel/view-layout-panel/view-layout-panel.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;;;;;;;GAQG;AACH,qBAAa,uBAAwB,YAAW,gBAAgB;IAC9D,SAAS,EAAE,MAAM,CAAgC;CAClD"}