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

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

@@ -0,0 +1,82 @@
+import { isVNode, defineComponent, watch, reactive, inject, computed, createVNode, resolveComponent } from 'vue';
+import '../../use/index.mjs';
+import { MultiDataContainerRawController } from './multi-data-container-raw.controller.mjs';
+import './multi-data-container-raw.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 MultiDataContainerRaw = /* @__PURE__ */ defineComponent({
+  name: "IBizMultiDataContainerRaw",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: MultiDataContainerRawController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("multi-data-container-raw");
+    const {
+      id
+    } = props.modelData;
+    watch(() => props.controller.state.items, () => {
+      const keys = Object.keys(props.controller.panelItems);
+      keys.forEach((key) => {
+        const panelItem = props.controller.panelItems[key];
+        panelItem.state = reactive(panelItem.state);
+      });
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const renderPanelItem = inject("renderPanelItem");
+    const classArr = 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 = createVNode(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 createVNode(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 createVNode("div", {
+      "class": this.classArr
+    }, [content]);
+  }
+});
+
+export { MultiDataContainerRaw };

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

@@ -0,0 +1,16 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+/**
+ * 多项数据容器适配器
+ *
+ * @author zzq
+ * @date 2024-09-09 16:04:27
+ * @export
+ * @class MultiDataContainerProvider
+ * @implements {EditorProvider}
+ */
+export declare class MultiDataContainerRawProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}
+//# sourceMappingURL=multi-data-container-raw.provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"multi-data-container-raw.provider.d.ts","sourceRoot":"","sources":["../../../src/panel-component/multi-data-container-raw/multi-data-container-raw.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,6BAA8B,YAAW,kBAAkB;IACtE,SAAS,EAAE,MAAM,CAA+B;IAE1C,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/multi-data-container-raw/multi-data-container-raw.provider.mjs

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

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

@@ -0,0 +1,20 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 多项数据容器状态
+ *
+ * @author zzq
+ * @date 2024-09-09 16:04:27
+ * @export
+ * @class MultiDataContainerRawState
+ * @extends {PanelItemState}
+ */
+export declare class MultiDataContainerRawState extends PanelItemState {
+    /**
+     * 多项数据容器数据
+     * @author zzq
+     * @date 2024-09-09 16:04:27
+     * @type {(IData | IData[])}
+     */
+    items: IData[];
+}
+//# sourceMappingURL=multi-data-container-raw.state.d.ts.map

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

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

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

@@ -0,0 +1,17 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+class MultiDataContainerRawState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 多项数据容器数据
+     * @author zzq
+     * @date 2024-09-09 16:04:27
+     * @type {(IData | IData[])}
+     */
+    this.items = [];
+  }
+}
+
+export { MultiDataContainerRawState };

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

@@ -1 +1 @@
-{"version":3,"file":"nav-pos.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/nav-pos/nav-pos.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,MAAM,EAGN,0BAA0B,EAE1B,WAAW,EAEX,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK9C;;;;;;GAMG;AACH,qBAAa,gBACX,SAAQ,mBAAmB,CAAC,aAAa,CACzC,YAAW,0BAA0B;IAErC;;;;;OAKG;IACK,KAAK,EAAE,WAAW,CAAC;IAE3B;;;;;OAKG;IACH,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAM;IAE3C;;;;;OAKG;IACH,aAAa,EAAG,WAAW,CAAC;IAE5B;;;;;OAKG;IACH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3B;;;;;;;OAOG;IACH,aAAa,EAAE,KAAK,CAAM;IAE1B;;;;;OAKG;IACH,cAAc,EAAE,OAAO,CAAS;IAEhC;;;;;;;OAOG;IACH,IAAI,KAAK,IAAI,6BAA6B,CAEzC;IAED;;;;;;;;OAQG;IACH,iBAAiB,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO;IAUnD;;;;;OAKG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;cAIf,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAoDvC;;;;;;OAMG;IACH,SAAS,CAAC,WAAW,IAAI,WAAW;IAIpC;;;;;;OAMG;IACH,IAAI,UAAU,IAAI,MAAM,GAAG,SAAS,CAEnC;IAED;;;;;;;;OAQG;IACH,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM;IAOhD;;;;OAIG;IACH,aAAa,CAAC,KAAK,EAAE,6BAA6B,GAAG,IAAI;IAazD;;;;;;;OAOG;IACH,cAAc,CAAC,UAAU,EAAE,WAAW,GAAG,IAAI;IAiC7C;;;;;OAKG;IACH,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAI1B;;;;;OAKG;IACH,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAIrC,YAAY,IAAI,IAAI;IAKpB;;;;;OAKG;IACH,QAAQ,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAiBxC;;;;;OAKG;IACG,cAAc,CAAC,WAAW,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IA0E7D;;;;;OAKG;IACH,eAAe,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAM/C;;;;;;;OAOG;IACH,SAAS,CAAC,mBAAmB,IAAI,IAAI;CAWtC"}
+{"version":3,"file":"nav-pos.controller.d.ts","sourceRoot":"","sources":["../../../src/panel-component/nav-pos/nav-pos.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,MAAM,EAGN,0BAA0B,EAE1B,WAAW,EAEX,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAK9C;;;;;;GAMG;AACH,qBAAa,gBACX,SAAQ,mBAAmB,CAAC,aAAa,CACzC,YAAW,0BAA0B;IAErC;;;;;OAKG;IACK,KAAK,EAAE,WAAW,CAAC;IAE3B;;;;;OAKG;IACH,UAAU,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAM;IAE3C;;;;;OAKG;IACH,aAAa,EAAG,WAAW,CAAC;IAE5B;;;;;OAKG;IACH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,WAAW,EAAE,MAAM,EAAE,CAAM;IAE3B;;;;;;;OAOG;IACH,aAAa,EAAE,KAAK,CAAM;IAE1B;;;;;OAKG;IACH,cAAc,EAAE,OAAO,CAAS;IAEhC;;;;;;;OAOG;IACH,IAAI,KAAK,IAAI,6BAA6B,CAEzC;IAED;;;;;;;;OAQG;IACH,iBAAiB,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO;IAUnD;;;;;OAKG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;cAIf,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAoDvC;;;;;;OAMG;IACH,SAAS,CAAC,WAAW,IAAI,WAAW;IAIpC;;;;;;OAMG;IACH,IAAI,UAAU,IAAI,MAAM,GAAG,SAAS,CAEnC;IAED;;;;;;;;OAQG;IACH,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM;IAOhD;;;;OAIG;IACH,aAAa,CAAC,KAAK,EAAE,6BAA6B,GAAG,IAAI;IAazD;;;;;;;OAOG;IACH,cAAc,CAAC,UAAU,EAAE,WAAW,GAAG,IAAI;IAiC7C;;;;;OAKG;IACH,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAI1B;;;;;OAKG;IACH,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IASrC,YAAY,IAAI,IAAI;IAKpB;;;;;OAKG;IACH,QAAQ,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAiBxC;;;;;OAKG;IACG,cAAc,CAAC,WAAW,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IA0E7D;;;;;OAKG;IACH,eAAe,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAM/C;;;;;;;OAOG;IACH,SAAS,CAAC,mBAAmB,IAAI,IAAI;CAWtC"}

package/es/panel-component/nav-pos/nav-pos.controller.mjs

@@ -210,6 +210,11 @@ class NavPosController extends PanelItemController {
    * @memberof NavPosController
    */
   onViewCreated(event) {
+    this.panel.evt.emit("onPresetPanelItemEvent", {
+      panelItemName: this.model.id,
+      panelItemEventName: "onViewCreated",
+      presetParams: event
+    });
     ibiz.log.debug(this.constructor.name, "onViewCreated", event);
   }
   toBlankRoute() {

package/es/use/click-outside/click-outside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"click-outside.d.ts","sourceRoot":"","sources":["../../../src/use/click-outside/click-outside.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAmB,GAAG,EAAS,MAAM,KAAK,CAAC;AAElD;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,qBAAqB,EAC9B,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CA8CtB"}
+{"version":3,"file":"click-outside.d.ts","sourceRoot":"","sources":["../../../src/use/click-outside/click-outside.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAmB,GAAG,EAAS,MAAM,KAAK,CAAC;AAElD;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,qBAAqB,EAC9B,OAAO,GAAE,qBAA0B,GAClC,oBAAoB,CA8CtB"}

package/es/util/store/ui-store/ui-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-store.d.ts","sourceRoot":"","sources":["../../../../src/util/store/ui-store/ui-store.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,GAAG,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,WAAW,QAAQ;IACvB;;;;;;OAMG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAEpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU;;;eAHd,MAAM;;;;;;eAAN,MAAM;;;;;;eAAN,MAAM;;;UAYb,CAAC"}
+{"version":3,"file":"ui-store.d.ts","sourceRoot":"","sources":["../../../../src/util/store/ui-store/ui-store.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,GAAG,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,WAAW,QAAQ;IACvB;;;;;;OAMG;IACH,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAEpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU;;;eAHd,MAAM;;;;;;eAAN,MAAM;;;;;;eAAN,MAAM;;;UAqBb,CAAC"}

package/es/util/store/ui-store/ui-store.mjs

@@ -5,9 +5,16 @@ import { useZIndexStore } from './z-index.mjs';
 "use strict";
 const useUIStore = defineStore("uiStore", () => {
   const zIndex = useZIndexStore();
+  const getTheme = () => {
+    const themeTag = ibiz.util.theme.getTheme();
+    return themeTag.includes("dark") ? "dark" : "light";
+  };
   const UIStore = reactive({
     zIndex: zIndex.zIndex,
-    theme: "light"
+    theme: getTheme()
+  });
+  ibiz.util.theme.evt.on("onChange", () => {
+    UIStore.theme = getTheme();
   });
   return { UIStore, zIndex };
 });

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

@@ -24,8 +24,8 @@ export declare const IBizView: import("../../util").TypeWithInstall<import("vue"
     teleportControls: import("@ibiz/model-core").IControl[];
     viewClassNames: import("vue").ComputedRef<(string | undefined)[]>;
     onLayoutPanelCreated: (controller: import("@ibiz-template/runtime").IViewLayoutPanelController) => void;
-    getCtrlProps: (ctrl: import("@ibiz/model-core").IControl) => IParams;
-    renderControl: (ctrl: import("@ibiz/model-core").IControl) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    getCtrlProps: (ctrl: import("@ibiz/model-core").IControl, slotProps?: IData) => IParams;
+    renderControl: (ctrl: import("@ibiz/model-core").IControl, slotProps?: IData) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;
     getCtrlTeleportTag: (ctrl: import("@ibiz/model-core").IControl) => string | undefined;

package/es/view/common/view.d.ts

@@ -28,8 +28,8 @@ export declare const View: import("vue").DefineComponent<{
     teleportControls: IControl[];
     viewClassNames: import("vue").ComputedRef<(string | undefined)[]>;
     onLayoutPanelCreated: (controller: IViewLayoutPanelController) => void;
-    getCtrlProps: (ctrl: IControl) => IParams;
-    renderControl: (ctrl: IControl) => VNode;
+    getCtrlProps: (ctrl: IControl, slotProps?: IData) => IParams;
+    renderControl: (ctrl: IControl, slotProps?: IData) => VNode;
     getCtrlTeleportTag: (ctrl: IControl) => string | undefined;
     getControlStyle: () => {};
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -1 +1 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/view/common/view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,MAAM,EACN,0BAA0B,EAC1B,aAAa,EACb,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAGL,QAAQ,EAER,KAAK,EAIN,MAAM,KAAK,CAAC;AACb,OAAO,aAAa,CAAC;AAGrB,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;uCAsDC,0BAA0B,KACrC,IAAI;yBAmBqB,QAAQ,KAAG,OAAO;0BAiBjB,QAAQ,KAAG,KAAK;+BA7DX,QAAQ,KAAG,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;MAqLjE,CAAC"}
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/view/common/view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,MAAM,EACN,0BAA0B,EAC1B,aAAa,EACb,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAGL,QAAQ,EAER,KAAK,EAIN,MAAM,KAAK,CAAC;AACb,OAAO,aAAa,CAAC;AAGrB,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;uCAsDC,0BAA0B,KACrC,IAAI;yBAmBqB,QAAQ,cAAa,KAAK,KAAQ,OAAO;0BAkBxC,QAAQ,cAAa,KAAK,KAAQ,KAAK;+BA9DlC,QAAQ,KAAG,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;MAsLjE,CAAC"}

package/es/view/common/view.mjs

@@ -81,18 +81,19 @@ const View = /* @__PURE__ */ defineComponent({
       });
       return result;
     };
-    const getCtrlProps = (ctrl) => {
+    const getCtrlProps = (ctrl, slotProps = {}) => {
       const slotKey = ctrl.name || ctrl.id;
       return {
         context: c.context,
         params: c.params,
         modelData: ctrl,
-        ...c.slotProps[slotKey] || {}
+        ...c.slotProps[slotKey] || {},
+        ...slotProps
       };
     };
-    const renderControl = (ctrl) => {
+    const renderControl = (ctrl, slotProps = {}) => {
       const slotKey = ctrl.name || ctrl.id;
-      const ctrlProps = getCtrlProps(ctrl);
+      const ctrlProps = getCtrlProps(ctrl, slotProps);
       if (slots[slotKey]) {
         return renderSlot(slots, slotKey, ctrlProps);
       }
@@ -133,8 +134,8 @@ const View = /* @__PURE__ */ defineComponent({
         if ((_a = this.controls) == null ? void 0 : _a.length) {
           this.controls.forEach((ctrl) => {
             const slotKey = ctrl.name || ctrl.id;
-            slots[slotKey] = () => {
-              return this.renderControl(ctrl);
+            slots[slotKey] = (slotProps) => {
+              return this.renderControl(ctrl, slotProps);
             };
           });
         }

package/es/view/html-view/html-view.css

@@ -0,0 +1 @@
+.ibiz-view-dehtmlview>iframe{width:100%;height:100%;border:0}

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

@@ -0,0 +1,48 @@
+import { IModal, ViewController } from '@ibiz-template/runtime';
+import { IAppPortalView } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './html-view.scss';
+export declare const HtmlView: import("vue").DefineComponent<{
+    context: PropType<IContext>;
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: PropType<IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: PropType<IModal>;
+    };
+    state: {
+        type: PropType<IData>;
+    };
+}, {
+    c: 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: PropType<IContext>;
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    modelData: {
+        type: PropType<IAppPortalView>;
+        required: true;
+    };
+    modal: {
+        type: PropType<IModal>;
+    };
+    state: {
+        type: PropType<IData>;
+    };
+}>>, {
+    params: IParams;
+}, {}>;
+//# sourceMappingURL=html-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"html-view.d.ts","sourceRoot":"","sources":["../../../src/view/html-view/html-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EACN,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEL,QAAQ,EAMT,MAAM,KAAK,CAAC;AAEb,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmEnB,CAAC"}

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) => {