@ibiz-template/vue3-util 0.7.37-alpha.3 → 0.7.38-alpha.23

package/es/view/html-view/html-view.mjs

@@ -0,0 +1,94 @@
+import { defineComponent, ref, computed, onBeforeMount, withDirectives, createVNode, resolveDirective, h, resolveComponent } from 'vue';
+import { ViewController, getErrorViewProvider } from '@ibiz-template/runtime';
+import '../../use/index.mjs';
+import './html-view.css';
+import { useNamespace } from '../../use/namespace/namespace.mjs';
+import { useViewController } from '../../use/view/use-view-controller/use-view-controller.mjs';
+
+"use strict";
+const HtmlView = /* @__PURE__ */ defineComponent({
+  name: "IBizHtmlView",
+  props: {
+    context: Object,
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    modelData: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object
+    },
+    state: {
+      type: Object
+    }
+  },
+  setup() {
+    var _a;
+    const ns = useNamespace("view");
+    const c = useViewController((...args) => new ViewController(...args));
+    const controls = ((_a = c.model.viewLayoutPanel) == null ? void 0 : _a.controls) || c.model.controls;
+    const {
+      viewType,
+      sysCss,
+      codeName
+    } = c.model;
+    const typeClass = viewType.toLowerCase();
+    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
+    const viewClassNames = [ns.b(), ns.b(typeClass), ns.m(codeName), sysCssName];
+    const isLoading = ref(false);
+    const url = computed(() => {
+      if (c.model) {
+        const {
+          htmlUrl
+        } = c.model;
+        if (htmlUrl) {
+          return htmlUrl;
+        }
+      }
+      return "";
+    });
+    onBeforeMount(() => {
+      if (url.value) {
+        isLoading.value = true;
+      }
+    });
+    const onLoad = () => {
+      isLoading.value = false;
+    };
+    return {
+      c,
+      ns,
+      controls,
+      viewClassNames,
+      url,
+      isLoading,
+      onLoad
+    };
+  },
+  render() {
+    if (this.url) {
+      return withDirectives(createVNode("div", {
+        "class": this.viewClassNames
+      }, [createVNode("iframe", {
+        "src": this.url,
+        "onLoad": () => this.onLoad()
+      }, null)]), [[resolveDirective("loading"), this.isLoading]]);
+    }
+    let Content = null;
+    const provider = getErrorViewProvider("404");
+    if (provider) {
+      if (typeof provider.component === "string") {
+        Content = h(resolveComponent(provider.component));
+      }
+      Content = h(provider.component);
+    }
+    return createVNode("div", {
+      "class": this.viewClassNames
+    }, [Content]);
+  }
+});
+
+export { HtmlView };

package/es/view/html-view/html-view.provider.d.ts

@@ -0,0 +1,14 @@
+import { IViewProvider } from '@ibiz-template/runtime';
+/**
+ * 实体html视图适配器
+ *
+ * @author fzh
+ * @date 2024-08-21 18:00:57
+ * @export
+ * @class HtmlViewProvider
+ * @implements {IViewProvider}
+ */
+export declare class HtmlViewProvider implements IViewProvider {
+    component: string;
+}
+//# sourceMappingURL=html-view.provider.d.ts.map

package/es/view/html-view/html-view.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-view.provider.d.ts","sourceRoot":"","sources":["../../../src/view/html-view/html-view.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD;;;;;;;;GAQG;AACH,qBAAa,gBAAiB,YAAW,aAAa;IACpD,SAAS,EAAE,MAAM,CAAkB;CACpC"}

package/es/view/html-view/html-view.provider.mjs

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

package/es/view/html-view/index.d.ts

@@ -0,0 +1,44 @@
+export declare const IBizHtmlView: import("../../util").TypeWithInstall<import("vue").DefineComponent<{
+    context: import("vue").PropType<IContext>;
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+    };
+    state: {
+        type: import("vue").PropType<IData>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").ViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    controls: import("@ibiz/model-core").IControl[] | undefined;
+    viewClassNames: (string | undefined)[];
+    url: import("vue").ComputedRef<any>;
+    isLoading: import("vue").Ref<boolean>;
+    onLoad: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: import("vue").PropType<IContext>;
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IModal>;
+    };
+    state: {
+        type: import("vue").PropType<IData>;
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+//# sourceMappingURL=index.d.ts.map

package/es/view/html-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/view/html-view/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAGvB,CAAC"}

package/es/view/html-view/index.mjs

@@ -0,0 +1,13 @@
+import { registerViewProvider, ViewType } from '@ibiz-template/runtime';
+import '../../util/index.mjs';
+import { HtmlViewProvider } from './html-view.provider.mjs';
+import { HtmlView } from './html-view.mjs';
+import { withInstall } from '../../util/install.mjs';
+
+"use strict";
+const IBizHtmlView = withInstall(HtmlView, function(v) {
+  v.component(HtmlView.name, HtmlView);
+  registerViewProvider(ViewType.DE_HTML_VIEW, () => new HtmlViewProvider());
+});
+
+export { IBizHtmlView };

package/es/view/index.d.ts

@@ -3,4 +3,5 @@ export * from './common/index';
 export * from './todo-redirect/todo-redirect';
 export * from './portal-view/index';
 export * from './de-redirect-view/index';
+export * from './html-view/index';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC"}

package/es/view/index.mjs

@@ -3,5 +3,6 @@ export { IBizView } from './common/index.mjs';
 export { TodoRedirect } from './todo-redirect/todo-redirect.mjs';
 export { IBizPortalView } from './portal-view/index.mjs';
 export { IBizDeRedirectView } from './de-redirect-view/index.mjs';
+export { IBizHtmlView } from './html-view/index.mjs';
 
 "use strict";

package/lib/common/code-list/code-list.cjs

@@ -31,6 +31,10 @@ const IBizCodeList = /* @__PURE__ */ vue.defineComponent({
     },
     unitName: {
       type: String
+    },
+    showMode: {
+      type: String,
+      default: "DEFAULT"
     }
   },
   emits: {
@@ -138,9 +142,9 @@ const IBizCodeList = /* @__PURE__ */ vue.defineComponent({
         "style": item.color ? this.ns.cssVarBlock({
           "item-color": "".concat(item.color)
         }) : null
-      }, [item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+      }, [this.showMode !== "TEXT" && item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "icon": item.sysImage
-      }, null), item.text])];
+      }, null), this.showMode !== "ICON" && item.text])];
     })]);
   }
 });

package/lib/control/panel/view-layout-panel/view-layout-panel.cjs

@@ -93,9 +93,17 @@ const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
       const component = vue.resolveComponent(provider.component);
       let children;
       if (panelItem.itemType === "CTRLPOS" && slots[panelItem.id]) {
-        children = () => {
-          return slots[panelItem.id]();
-        };
+        const panelItemC2 = panelItems[panelItem.id];
+        if (panelItemC2.parent && runtime.isSimpleDataContainer(panelItemC2.parent.model)) {
+          children = () => {
+            return slots[panelItem.id]({
+              isSimple: true,
+              data: panelItemC2.data
+            });
+          };
+        } else {
+          children = () => slots[panelItem.id]();
+        }
       } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
         children = () => {
           return panelItem.panelTabPages.map((child) => {

package/lib/index.cjs

@@ -40,30 +40,35 @@ var index$5 = require('./panel-component/panel-rawitem/index.cjs');
 var multiDataContainer_state = require('./panel-component/multi-data-container/multi-data-container.state.cjs');
 var multiDataContainer_controller = require('./panel-component/multi-data-container/multi-data-container.controller.cjs');
 var index$6 = require('./panel-component/multi-data-container/index.cjs');
+var multiDataContainerRaw_state = require('./panel-component/multi-data-container-raw/multi-data-container-raw.state.cjs');
+var multiDataContainerRaw_controller = require('./panel-component/multi-data-container-raw/multi-data-container-raw.controller.cjs');
+var index$7 = require('./panel-component/multi-data-container-raw/index.cjs');
 var singleDataContainer_state = require('./panel-component/single-data-container/single-data-container.state.cjs');
 var singleDataContainer_controller = require('./panel-component/single-data-container/single-data-container.controller.cjs');
-var index$7 = require('./panel-component/single-data-container/index.cjs');
+var index$8 = require('./panel-component/single-data-container/index.cjs');
 var gridContainer_state = require('./panel-component/grid-container/grid-container.state.cjs');
 var gridContainer_controller = require('./panel-component/grid-container/grid-container.controller.cjs');
-var index$8 = require('./panel-component/grid-container/index.cjs');
+var index$9 = require('./panel-component/grid-container/index.cjs');
 var panelContainerImage_state = require('./panel-component/panel-container-image/panel-container-image.state.cjs');
 var panelContainerImage_controller = require('./panel-component/panel-container-image/panel-container-image.controller.cjs');
-var index$9 = require('./panel-component/panel-container-image/index.cjs');
+var index$a = require('./panel-component/panel-container-image/index.cjs');
 var panelContainerGroup_state = require('./panel-component/panel-container-group/panel-container-group.state.cjs');
 var panelContainerGroup_controller = require('./panel-component/panel-container-group/panel-container-group.controller.cjs');
-var index$a = require('./panel-component/panel-container-group/index.cjs');
-var index$b = require('./panel-component/panel-tab-page/index.cjs');
-var index$c = require('./panel-component/panel-item-render/index.cjs');
+var index$b = require('./panel-component/panel-container-group/index.cjs');
+var index$c = require('./panel-component/panel-tab-page/index.cjs');
+var index$d = require('./panel-component/panel-item-render/index.cjs');
 var teleportPlaceholder_provider = require('./panel-component/teleport-placeholder/teleport-placeholder.provider.cjs');
-var index$d = require('./panel-component/teleport-placeholder/index.cjs');
-var index$e = require('./panel-component/panel-container-tabs/index.cjs');
+var index$e = require('./panel-component/teleport-placeholder/index.cjs');
+var index$f = require('./panel-component/panel-container-tabs/index.cjs');
+var index$g = require('./panel-component/panel-ctrl-view-page-caption/index.cjs');
 var appRedirectView = require('./view/app-redirect-view/app-redirect-view.cjs');
-var index$f = require('./view/common/index.cjs');
+var index$h = require('./view/common/index.cjs');
 var todoRedirect = require('./view/todo-redirect/todo-redirect.cjs');
-var index$g = require('./view/portal-view/index.cjs');
-var index$h = require('./view/de-redirect-view/index.cjs');
-var index$i = require('./control/panel/view-layout-panel/index.cjs');
-var index$j = require('./control/panel/panel/index.cjs');
+var index$i = require('./view/portal-view/index.cjs');
+var index$j = require('./view/de-redirect-view/index.cjs');
+var index$k = require('./view/html-view/index.cjs');
+var index$l = require('./control/panel/view-layout-panel/index.cjs');
+var index$m = require('./control/panel/panel/index.cjs');
 var pluginFactory = require('./plugin/plugin-factory/plugin-factory.cjs');
 var clickOutside = require('./use/click-outside/click-outside.cjs');
 var useControlController = require('./use/control/use-control-controller/use-control-controller.cjs');
@@ -71,11 +76,11 @@ var event = require('./use/event/event.cjs');
 var focusBlur = require('./use/focus-blur/focus-blur.cjs');
 var namespace = require('./use/namespace/namespace.cjs');
 var route = require('./use/route/route.cjs');
-var index$k = require('./use/util/index.cjs');
+var index$n = require('./use/util/index.cjs');
 var useViewController = require('./use/view/use-view-controller/use-view-controller.cjs');
 var vue = require('./use/vue/vue.cjs');
 var codelistListen = require('./use/codeList-listen/codelist-listen.cjs');
-var index$l = require('./use/storage/index.cjs');
+var index$o = require('./use/storage/index.cjs');
 var autofocusBlur = require('./use/autofocus-blur/autofocus-blur.cjs');
 var overlayContainer = require('./util/overlay-container/overlay-container.cjs');
 var overlayPopoverContainer = require('./util/overlay-popover-container/overlay-popover-container.cjs');
@@ -88,7 +93,7 @@ var render = require('./util/render/render.cjs');
 var overlayViewUtil = require('./util/overlay-view-util/overlay-view-util.cjs');
 var appStore = require('./util/store/app-store/app-store.cjs');
 var uiStore = require('./util/store/ui-store/ui-store.cjs');
-var index$m = require('./util/store/index.cjs');
+var index$p = require('./util/store/index.cjs');
 var common = require('./props/common.cjs');
 var textBox = require('./props/editor/text-box.cjs');
 var span = require('./props/editor/span.cjs');
@@ -115,8 +120,8 @@ var markdown = require('./props/editor/markdown.cjs');
 var array = require('./props/editor/array.cjs');
 var cascader = require('./props/editor/cascader.cjs');
 var colorPicker = require('./props/editor/color-picker.cjs');
-var index$n = require('./locale/en/index.cjs');
-var index$o = require('./locale/zh-CN/index.cjs');
+var index$q = require('./locale/en/index.cjs');
+var index$r = require('./locale/zh-CN/index.cjs');
 
 "use strict";
 
@@ -149,30 +154,35 @@ exports.IBizPanelRawItem = index$5.IBizPanelRawItem;
 exports.MultiDataContainerState = multiDataContainer_state.MultiDataContainerState;
 exports.MultiDataContainerController = multiDataContainer_controller.MultiDataContainerController;
 exports.IBizMultiDataContainer = index$6.IBizMultiDataContainer;
+exports.MultiDataContainerRawState = multiDataContainerRaw_state.MultiDataContainerRawState;
+exports.MultiDataContainerRawController = multiDataContainerRaw_controller.MultiDataContainerRawController;
+exports.IBizMultiDataContainerRaw = index$7.IBizMultiDataContainerRaw;
 exports.SingleDataContainerState = singleDataContainer_state.SingleDataContainerState;
 exports.SingleDataContainerController = singleDataContainer_controller.SingleDataContainerController;
-exports.IBizSingleDataContainer = index$7.IBizSingleDataContainer;
+exports.IBizSingleDataContainer = index$8.IBizSingleDataContainer;
 exports.GridContainerState = gridContainer_state.GridContainerState;
 exports.GridContainerController = gridContainer_controller.GridContainerController;
-exports.IBizGridContainer = index$8.IBizGridContainer;
+exports.IBizGridContainer = index$9.IBizGridContainer;
 exports.PanelContainerImageState = panelContainerImage_state.PanelContainerImageState;
 exports.PanelContainerImageController = panelContainerImage_controller.PanelContainerImageController;
-exports.IBizPanelContainerImage = index$9.IBizPanelContainerImage;
+exports.IBizPanelContainerImage = index$a.IBizPanelContainerImage;
 exports.PanelContainerGroupState = panelContainerGroup_state.PanelContainerGroupState;
 exports.PanelContainerGroupController = panelContainerGroup_controller.PanelContainerGroupController;
-exports.IBizPanelContainerGroup = index$a.IBizPanelContainerGroup;
-exports.IBizPanelTabPage = index$b.IBizPanelTabPage;
-exports.IBizPanelItemRender = index$c.IBizPanelItemRender;
+exports.IBizPanelContainerGroup = index$b.IBizPanelContainerGroup;
+exports.IBizPanelTabPage = index$c.IBizPanelTabPage;
+exports.IBizPanelItemRender = index$d.IBizPanelItemRender;
 exports.TeleportPlaceholderProvider = teleportPlaceholder_provider.TeleportPlaceholderProvider;
-exports.IBizTeleportPlaceholder = index$d.IBizTeleportPlaceholder;
-exports.IBizPanelContainerTabs = index$e.IBizPanelContainerTabs;
+exports.IBizTeleportPlaceholder = index$e.IBizTeleportPlaceholder;
+exports.IBizPanelContainerTabs = index$f.IBizPanelContainerTabs;
+exports.IBizPanelCtrlViewPageCaption = index$g.IBizPanelCtrlViewPageCaption;
 exports.AppRedirectView = appRedirectView.AppRedirectView;
-exports.IBizView = index$f.IBizView;
+exports.IBizView = index$h.IBizView;
 exports.TodoRedirect = todoRedirect.TodoRedirect;
-exports.IBizPortalView = index$g.IBizPortalView;
-exports.IBizDeRedirectView = index$h.IBizDeRedirectView;
-exports.IBizViewLayoutPanelControl = index$i.IBizViewLayoutPanelControl;
-exports.IBizPanelControl = index$j.IBizPanelControl;
+exports.IBizPortalView = index$i.IBizPortalView;
+exports.IBizDeRedirectView = index$j.IBizDeRedirectView;
+exports.IBizHtmlView = index$k.IBizHtmlView;
+exports.IBizViewLayoutPanelControl = index$l.IBizViewLayoutPanelControl;
+exports.IBizPanelControl = index$m.IBizPanelControl;
 exports.PluginFactory = pluginFactory.PluginFactory;
 exports.useClickOutside = clickOutside.useClickOutside;
 exports.useControlController = useControlController.useControlController;
@@ -181,8 +191,8 @@ exports.useFocusAndBlur = focusBlur.useFocusAndBlur;
 exports.useNamespace = namespace.useNamespace;
 exports.useRouteKey = route.useRouteKey;
 exports.useRouterQuery = route.useRouterQuery;
-exports.useCtx = index$k.useCtx;
-exports.useMobCtx = index$k.useMobCtx;
+exports.useCtx = index$n.useCtx;
+exports.useMobCtx = index$n.useMobCtx;
 exports.useViewController = useViewController.useViewController;
 exports.EmptyVNode = vue.EmptyVNode;
 exports.getOrigin = vue.getOrigin;
@@ -193,7 +203,7 @@ exports.useForceTogether = vue.useForceTogether;
 exports.useProps = vue.useProps;
 exports.usePropsWatch = vue.usePropsWatch;
 exports.useCodeListListen = codelistListen.useCodeListListen;
-exports.useLocalCacheKey = index$l.useLocalCacheKey;
+exports.useLocalCacheKey = index$o.useLocalCacheKey;
 exports.useAutoFocusBlur = autofocusBlur.useAutoFocusBlur;
 exports.OverlayContainer = overlayContainer.OverlayContainer;
 exports.OverlayPopoverContainer = overlayPopoverContainer.OverlayPopoverContainer;
@@ -220,7 +230,7 @@ exports.openViewModal = overlayViewUtil.openViewModal;
 exports.openViewPopover = overlayViewUtil.openViewPopover;
 exports.useAppStore = appStore.useAppStore;
 exports.useUIStore = uiStore.useUIStore;
-exports.piniaInstance = index$m.piniaInstance;
+exports.piniaInstance = index$p.piniaInstance;
 exports.RequiredProp = common.RequiredProp;
 exports.getGridInputIpProps = textBox.getGridInputIpProps;
 exports.getGridInputNumberProps = textBox.getGridInputNumberProps;
@@ -278,5 +288,5 @@ exports.getCascaderProps = cascader.getCascaderProps;
 exports.getGridCascaderProps = cascader.getGridCascaderProps;
 exports.getColorPickerProps = colorPicker.getColorPickerProps;
 exports.getGridColorPickerProps = colorPicker.getGridColorPickerProps;
-exports.en = index$n.en;
-exports.zhCn = index$o.zhCn;
+exports.en = index$q.en;
+exports.zhCn = index$r.zhCn;

package/lib/locale/en/index.cjs

@@ -43,7 +43,7 @@ const en = {
         noFocus: "No focus, no out-of-focus triggering"
       },
       view: {
-        stateChange: "View [{{name}] state change"
+        stateChange: "View [{name}] state change"
       }
     },
     util: {

package/lib/panel-component/index.cjs

@@ -7,14 +7,16 @@ var index$3 = require('./nav-pos/index.cjs');
 var index$4 = require('./panel-field/index.cjs');
 var index$5 = require('./panel-rawitem/index.cjs');
 var index$6 = require('./multi-data-container/index.cjs');
-var index$7 = require('./single-data-container/index.cjs');
-var index$8 = require('./grid-container/index.cjs');
-var index$9 = require('./panel-container-image/index.cjs');
-var index$a = require('./panel-container-group/index.cjs');
-var index$b = require('./panel-tab-page/index.cjs');
-var index$c = require('./panel-item-render/index.cjs');
-var index$d = require('./teleport-placeholder/index.cjs');
-var index$e = require('./panel-container-tabs/index.cjs');
+var index$7 = require('./multi-data-container-raw/index.cjs');
+var index$8 = require('./single-data-container/index.cjs');
+var index$9 = require('./grid-container/index.cjs');
+var index$a = require('./panel-container-image/index.cjs');
+var index$b = require('./panel-container-group/index.cjs');
+var index$c = require('./panel-tab-page/index.cjs');
+var index$d = require('./panel-item-render/index.cjs');
+var index$e = require('./teleport-placeholder/index.cjs');
+var index$f = require('./panel-container-tabs/index.cjs');
+var index$g = require('./panel-ctrl-view-page-caption/index.cjs');
 var panelContainer_state = require('./panel-container/panel-container.state.cjs');
 var panelContainer_controller = require('./panel-container/panel-container.controller.cjs');
 var panelCtrlPos_controller = require('./panel-ctrl-pos/panel-ctrl-pos.controller.cjs');
@@ -28,6 +30,8 @@ var panelField_controller = require('./panel-field/panel-field.controller.cjs');
 var panelRawitem_controller = require('./panel-rawitem/panel-rawitem.controller.cjs');
 var multiDataContainer_state = require('./multi-data-container/multi-data-container.state.cjs');
 var multiDataContainer_controller = require('./multi-data-container/multi-data-container.controller.cjs');
+var multiDataContainerRaw_state = require('./multi-data-container-raw/multi-data-container-raw.state.cjs');
+var multiDataContainerRaw_controller = require('./multi-data-container-raw/multi-data-container-raw.controller.cjs');
 var singleDataContainer_state = require('./single-data-container/single-data-container.state.cjs');
 var singleDataContainer_controller = require('./single-data-container/single-data-container.controller.cjs');
 var gridContainer_state = require('./grid-container/grid-container.state.cjs');
@@ -47,14 +51,16 @@ exports.IBizNavPos = index$3.IBizNavPos;
 exports.IBizPanelField = index$4.IBizPanelField;
 exports.IBizPanelRawItem = index$5.IBizPanelRawItem;
 exports.IBizMultiDataContainer = index$6.IBizMultiDataContainer;
-exports.IBizSingleDataContainer = index$7.IBizSingleDataContainer;
-exports.IBizGridContainer = index$8.IBizGridContainer;
-exports.IBizPanelContainerImage = index$9.IBizPanelContainerImage;
-exports.IBizPanelContainerGroup = index$a.IBizPanelContainerGroup;
-exports.IBizPanelTabPage = index$b.IBizPanelTabPage;
-exports.IBizPanelItemRender = index$c.IBizPanelItemRender;
-exports.IBizTeleportPlaceholder = index$d.IBizTeleportPlaceholder;
-exports.IBizPanelContainerTabs = index$e.IBizPanelContainerTabs;
+exports.IBizMultiDataContainerRaw = index$7.IBizMultiDataContainerRaw;
+exports.IBizSingleDataContainer = index$8.IBizSingleDataContainer;
+exports.IBizGridContainer = index$9.IBizGridContainer;
+exports.IBizPanelContainerImage = index$a.IBizPanelContainerImage;
+exports.IBizPanelContainerGroup = index$b.IBizPanelContainerGroup;
+exports.IBizPanelTabPage = index$c.IBizPanelTabPage;
+exports.IBizPanelItemRender = index$d.IBizPanelItemRender;
+exports.IBizTeleportPlaceholder = index$e.IBizTeleportPlaceholder;
+exports.IBizPanelContainerTabs = index$f.IBizPanelContainerTabs;
+exports.IBizPanelCtrlViewPageCaption = index$g.IBizPanelCtrlViewPageCaption;
 exports.PanelContainerState = panelContainer_state.PanelContainerState;
 exports.PanelContainerController = panelContainer_controller.PanelContainerController;
 exports.PanelCtrlPosController = panelCtrlPos_controller.PanelCtrlPosController;
@@ -68,6 +74,8 @@ exports.PanelFieldController = panelField_controller.PanelFieldController;
 exports.PanelRawItemController = panelRawitem_controller.PanelRawItemController;
 exports.MultiDataContainerState = multiDataContainer_state.MultiDataContainerState;
 exports.MultiDataContainerController = multiDataContainer_controller.MultiDataContainerController;
+exports.MultiDataContainerRawState = multiDataContainerRaw_state.MultiDataContainerRawState;
+exports.MultiDataContainerRawController = multiDataContainerRaw_controller.MultiDataContainerRawController;
 exports.SingleDataContainerState = singleDataContainer_state.SingleDataContainerState;
 exports.SingleDataContainerController = singleDataContainer_controller.SingleDataContainerController;
 exports.GridContainerState = gridContainer_state.GridContainerState;

package/lib/panel-component/multi-data-container-raw/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var multiDataContainerRaw = require('./multi-data-container-raw.cjs');
+var multiDataContainerRaw_provider = require('./multi-data-container-raw.provider.cjs');
+var multiDataContainerRaw_state = require('./multi-data-container-raw.state.cjs');
+var multiDataContainerRaw_controller = require('./multi-data-container-raw.controller.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizMultiDataContainerRaw = install.withInstall(
+  multiDataContainerRaw.MultiDataContainerRaw,
+  function(v) {
+    v.component(multiDataContainerRaw.MultiDataContainerRaw.name, multiDataContainerRaw.MultiDataContainerRaw);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_MULTIDATA_RAW",
+      () => new multiDataContainerRaw_provider.MultiDataContainerRawProvider()
+    );
+  }
+);
+
+exports.MultiDataContainerRawState = multiDataContainerRaw_state.MultiDataContainerRawState;
+exports.MultiDataContainerRawController = multiDataContainerRaw_controller.MultiDataContainerRawController;
+exports.IBizMultiDataContainerRaw = IBizMultiDataContainerRaw;
+exports.default = IBizMultiDataContainerRaw;

package/lib/panel-component/multi-data-container-raw/multi-data-container-raw.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var vue = require('vue');
+require('../../use/index.cjs');
+var multiDataContainerRaw_controller = require('./multi-data-container-raw.controller.cjs');
+require('./multi-data-container-raw.css');
+var namespace = require('../../use/namespace/namespace.cjs');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const MultiDataContainerRaw = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizMultiDataContainerRaw",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: multiDataContainerRaw_controller.MultiDataContainerRawController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = namespace.useNamespace("multi-data-container-raw");
+    const {
+      id
+    } = props.modelData;
+    vue.watch(() => props.controller.state.items, () => {
+      const keys = Object.keys(props.controller.panelItems);
+      keys.forEach((key) => {
+        const panelItem = props.controller.panelItems[key];
+        panelItem.state = vue.reactive(panelItem.state);
+      });
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const renderPanelItem = vue.inject("renderPanelItem");
+    const classArr = vue.computed(() => {
+      const result = [ns.b(), ns.m(id), ...props.controller.containerClass];
+      return result;
+    });
+    return {
+      ns,
+      classArr,
+      renderPanelItem
+    };
+  },
+  render() {
+    let content;
+    if (this.$slots.default) {
+      content = this.$slots.default();
+    } else {
+      content = vue.createVNode(vue.resolveComponent("iBizRow"), {
+        "class": this.ns.b("content"),
+        "layout": this.modelData.layout
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = this.modelData.panelItems) == null ? void 0 : _a.map((panelItem) => {
+            let _slot;
+            const childController = this.controller.panelItems[panelItem.id];
+            return vue.createVNode(vue.resolveComponent("iBizCol"), {
+              "layoutPos": panelItem.layoutPos,
+              "state": childController.state
+            }, _isSlot(_slot = this.renderPanelItem(panelItem, {
+              providers: this.controller.providers,
+              panelItems: this.controller.panelItems
+            })) ? _slot : {
+              default: () => [_slot]
+            });
+          })];
+        }
+      });
+    }
+    return vue.createVNode("div", {
+      "class": this.classArr
+    }, [content]);
+  }
+});
+
+exports.MultiDataContainerRaw = MultiDataContainerRaw;