@ibiz-template/vue3-components 0.7.41-alpha.141 → 0.7.41-alpha.142

package/es/common/html-doc-preview/html-doc-preview.css

@@ -0,0 +1 @@
+.ibiz-html-doc-preview{width:100%}.ibiz-html-doc-preview__iframe{display:block;width:100%;border:none}

package/es/common/html-doc-preview/html-doc-preview.mjs

@@ -0,0 +1,76 @@
+import { defineComponent, createVNode, ref, computed, watch } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './html-doc-preview.css';
+
+"use strict";
+const IBizHtmlDocPreview = /* @__PURE__ */ defineComponent({
+  name: "IBizHtmlDocPreview",
+  props: {
+    // html值，完整HTML文档内容
+    value: String,
+    enableScript: {
+      type: Boolean,
+      default: true
+    },
+    ctrl: {
+      type: Object,
+      required: false
+    },
+    view: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("html-doc-preview");
+    const iframeHeight = ref();
+    const sandbox = computed(() => {
+      if (props.enableScript) {
+        return "allow-same-origin allow-scripts";
+      }
+      return "allow-same-origin";
+    });
+    const calcHeight = (e) => {
+      const iframe = e.target;
+      const doc = iframe.contentDocument;
+      const contentWindow = iframe.contentWindow;
+      if (contentWindow) {
+        contentWindow.ctrl = props.ctrl;
+        contentWindow.view = props.view;
+      }
+      if (doc && doc.body) {
+        let h = doc.body.scrollHeight;
+        if (h > doc.documentElement.scrollHeight) {
+          h = doc.body.scrollHeight;
+        }
+        iframeHeight.value = h;
+      }
+    };
+    watch(() => props.value, (newVal) => {
+      if (!newVal) {
+        iframeHeight.value = void 0;
+      }
+    });
+    return {
+      ns,
+      iframeHeight,
+      sandbox,
+      calcHeight
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [createVNode("iframe", {
+      "class": this.ns.e("iframe"),
+      "srcdoc": this.value,
+      "sandbox": this.sandbox,
+      "style": this.iframeHeight ? {
+        height: "".concat(this.iframeHeight, "px")
+      } : void 0,
+      "onLoad": this.calcHeight
+    }, null)]);
+  }
+});
+
+export { IBizHtmlDocPreview };

package/es/common/index.mjs

@@ -4,6 +4,7 @@ import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
 import { IBizCol } from './col/col.mjs';
 import { IBizRow } from './row/row.mjs';
 import { IBizRawItem } from './rawitem/rawitem.mjs';
+import { IBizHtmlDocPreview } from './html-doc-preview/html-doc-preview.mjs';
 import { IBizNoData } from './no-data/no-data.mjs';
 import { IBizSplit } from './split/split.mjs';
 import { IBizSplitTrigger } from './split-trigger/split-trigger.mjs';
@@ -56,6 +57,7 @@ const IBizCommonComponents = {
     v.component(IBizViewShell.name, IBizViewShell);
     v.component(IBizControlShell.name, IBizControlShell);
     v.component(IBizRawItem.name, IBizRawItem);
+    v.component(IBizHtmlDocPreview.name, IBizHtmlDocPreview);
     v.component(IBizCodeList.name, IBizCodeList);
     v.component(IBizNoData.name, IBizNoData);
     v.component(IBizSplit.name, IBizSplit);

package/es/common/rawitem/rawitem.mjs

@@ -29,6 +29,10 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       type: String,
       required: false
     },
+    enableHtmlDoc: {
+      type: Boolean,
+      required: false
+    },
     ctrl: {
       type: Object,
       required: false
@@ -303,6 +307,15 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
         }, [this.rawItemText]);
       }
       if (this.rawItemType === "HTML") {
+        if (this.enableHtmlDoc) {
+          return createVNode(resolveComponent("iBizHtmlDocPreview"), {
+            "class": [this.ns.e("paragraph"), this.semantic.html.class],
+            "style": this.semantic.html.style,
+            "value": this.rawItemText,
+            "view": this.view,
+            "ctrl": this.ctrl
+          }, null);
+        }
         return createVNode("div", {
           "class": [this.ns.e("paragraph"), this.semantic.html.class],
           "style": this.semantic.html.style,

package/es/control/form/form-detail/form-rawitem/form-rawitem.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, ref, computed, watch } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, watch } from 'vue';
 import { useNamespace, useSemanticNode } from '@ibiz-template/vue3-util';
 import { FormRawItemController } from '@ibiz-template/runtime';
 import './form-rawitem.css';
@@ -17,6 +17,10 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
     controller: {
       type: FormRawItemController,
       required: true
+    },
+    attrs: {
+      type: Object,
+      required: false
     }
   },
   setup(props) {
@@ -209,7 +213,7 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
         "class": this.ns.b("preview-content")
       }, [this.renderPreviewContent()])]);
     }
-    return createVNode(resolveComponent("iBizRawItem"), {
+    return createVNode(resolveComponent("iBizRawItem"), mergeProps({
       "class": [
         this.ns.b(),
         this.semanticClass("rawitem", {
@@ -225,8 +229,10 @@ const FormRawItem = /* @__PURE__ */ defineComponent({
       }),
       "rawItem": this.modelData,
       "content": this.content,
+      "ctrl": this.controller.form,
+      "view": this.controller.form.view,
       "onClick": (event) => this.controller.onClick(event)
-    }, null);
+    }, this.attrs), null);
   }
 });
 

package/es/editor/ai-chat/embed-ai-chat/embed-ai-chat.mjs

@@ -82,7 +82,8 @@ const IBizEmbedAIChat = /* @__PURE__ */ defineComponent({
         mode: editorParams.srfaimode || "TOPIC",
         resourceOptions,
         containerOptions: {
-          container: aiChatElementRef.value
+          container: aiChatElementRef.value,
+          compWrapperId: editorParams.compwrapperid || "DEFAULT"
         },
         topicOptions: {
           appid: ibiz.env.appId,

package/es/editor/raw/ibiz-raw/ibiz-raw.mjs

@@ -21,6 +21,7 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
     });
     const chunkView = c.editorParams.chunkview;
     const chunkEntity = c.editorParams.chunkentity;
+    const enableHtmlDoc = c.toBoolean(c.editorParams.enablehtmldoc);
     let type = "TEXT";
     let template = "";
     if (editorModel.contentType) {
@@ -79,6 +80,7 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
       template,
       chunkView,
       chunkEntity,
+      enableHtmlDoc,
       enableOverFlow,
       semanticClass,
       semanticStyle,
@@ -95,6 +97,7 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
       "content": this.content,
       "chunkView": this.chunkView,
       "chunkEntity": this.chunkEntity,
+      "enableHtmlDoc": this.enableHtmlDoc,
       "context": this.controller.context,
       "ctrl": this.controller.ctrl,
       "view": this.controller.view,

package/es/panel-component/index.mjs

@@ -1,4 +1,4 @@
-import { IBizPanelCtrlViewPageCaption, IBizPanelContainer, IBizPanelCtrlPos, IBizScrollContainer, IBizNavPos, IBizSingleDataContainer, IBizMultiDataContainer, IBizMultiDataContainerRaw, IBizPanelField, IBizPanelRawItem, IBizGridContainer, IBizPanelTabPage, IBizPanelContainerImage, IBizPanelItemRender, IBizTeleportPlaceholder, IBizPanelContainerTabs, IBizAuthWxmpQrcode } from '@ibiz-template/vue3-util';
+import { IBizPanelCtrlViewPageCaption, IBizPanelContainer, IBizPanelCtrlPos, IBizScrollContainer, IBizNavPos, IBizSingleDataContainer, IBizMultiDataContainer, IBizMultiDataContainerRaw, IBizPanelField, IBizPanelRawItem, IBizGridContainer, IBizPanelTabPage, IBizPanelContainerImage, IBizPanelItemRender, IBizPanelSimpleList, IBizTeleportPlaceholder, IBizPanelContainerTabs, IBizAuthWxmpQrcode } from '@ibiz-template/vue3-util';
 import { IBizAuthUserinfo } from './auth-userinfo/index.mjs';
 import { IBizNavPosIndex } from './nav-pos-index/index.mjs';
 import { IBizNavTabs } from './nav-tabs/index.mjs';
@@ -114,6 +114,7 @@ const IBizPanelComponents = {
     v.use(IBizPanelContainerImage);
     v.use(IBizSearchFormButtons);
     v.use(IBizPanelItemRender);
+    v.use(IBizPanelSimpleList);
     v.use(IBizViewMessage);
     v.use(IBizPanelStaticCarousel);
     v.use(IBizTeleportPlaceholder);

package/es/util/ai-chat-util/ai-chat-util.mjs

@@ -55,6 +55,11 @@ class AIChatUtil {
         ibiz.log.error(error);
       }
     }
+    if (editorParams.compwrapperid) {
+      containerOptions.compWrapperId = editorParams.compwrapperid;
+    } else {
+      containerOptions.compWrapperId = "DEFAULT";
+    }
     const topicOptions = {};
     topicOptions.captionMode = ibiz.config.common.aiChatTopicCaptionMode;
     if (editorParams.topiccaptionmode) {
@@ -669,6 +674,12 @@ class AIChatUtil {
         ibiz.log.error(error);
       }
     }
+    if (params.hasOwnProperty("compwrapperid")) {
+      containerOptions.compWrapperId = params.compwrapperid;
+      delete params.compwrapperid;
+    } else {
+      containerOptions.compWrapperId = "DEFAULT";
+    }
     const topicOptions = {};
     if (params.hasOwnProperty("topiccaptionmode")) {
       topicOptions.captionMode = params.topiccaptionmode;

package/es/view-engine/mpickup-view-engine.mjs

@@ -1,5 +1,4 @@
-import { RuntimeModelError } from '@ibiz-template/core';
-import { SysUIActionTag } from '@ibiz-template/runtime';
+import { getControlsByView, SysUIActionTag } from '@ibiz-template/runtime';
 import { PickupViewEngine } from './pickup-view.engine.mjs';
 
 "use strict";
@@ -28,7 +27,12 @@ class MPickupViewEngine extends PickupViewEngine {
    * @memberof MPickupViewEngine
    */
   get simpleList() {
-    return this.view.getController("simplelist");
+    var _a;
+    const list = this.view.getController("simplelist");
+    if (list) {
+      return list;
+    }
+    return (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.simplelist;
   }
   /**
    * 视图created生命周期执行逻辑
@@ -40,23 +44,23 @@ class MPickupViewEngine extends PickupViewEngine {
    */
   async onCreated() {
     await super.onCreated();
-    if (!this.view.providers.simplelist) {
-      throw new RuntimeModelError(
-        this.view.model,
-        ibiz.i18n.t("viewEngine.missingConfigErr")
-      );
-    }
-    const { childNames } = this.view;
-    childNames.push("simplelist");
-    if (!this.view.slotProps.simplelist) {
-      this.view.slotProps.simplelist = {};
+    const controls = getControlsByView(this.view.model);
+    const simpleListControl = controls.find(
+      (control) => control.name === "simplelist"
+    );
+    if (simpleListControl) {
+      const { childNames } = this.view;
+      childNames.push("simplelist");
+      if (!this.view.slotProps.simplelist) {
+        this.view.slotProps.simplelist = {};
+      }
+      this.view.slotProps.simplelist.mdctrlActiveMode = 2;
+      this.view.slotProps.simplelist.isSimple = true;
+      this.view.slotProps.simplelist.singleSelect = false;
     }
     if (!this.view.slotProps.pickupviewpanel) {
       this.view.slotProps.pickupviewpanel = {};
     }
-    this.view.slotProps.simplelist.mdctrlActiveMode = 2;
-    this.view.slotProps.simplelist.isSimple = true;
-    this.view.slotProps.simplelist.singleSelect = false;
     this.view.slotProps.pickupviewpanel.singleSelect = false;
     if (this.view.params.checkstrictly) {
       this.checkStrictly = this.view.params.checkstrictly === "true" || this.view.params.checkstrictly === true;

package/lib/common/html-doc-preview/html-doc-preview.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./html-doc-preview.css');
+
+"use strict";
+const IBizHtmlDocPreview = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizHtmlDocPreview",
+  props: {
+    // html值，完整HTML文档内容
+    value: String,
+    enableScript: {
+      type: Boolean,
+      default: true
+    },
+    ctrl: {
+      type: Object,
+      required: false
+    },
+    view: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("html-doc-preview");
+    const iframeHeight = vue.ref();
+    const sandbox = vue.computed(() => {
+      if (props.enableScript) {
+        return "allow-same-origin allow-scripts";
+      }
+      return "allow-same-origin";
+    });
+    const calcHeight = (e) => {
+      const iframe = e.target;
+      const doc = iframe.contentDocument;
+      const contentWindow = iframe.contentWindow;
+      if (contentWindow) {
+        contentWindow.ctrl = props.ctrl;
+        contentWindow.view = props.view;
+      }
+      if (doc && doc.body) {
+        let h = doc.body.scrollHeight;
+        if (h > doc.documentElement.scrollHeight) {
+          h = doc.body.scrollHeight;
+        }
+        iframeHeight.value = h;
+      }
+    };
+    vue.watch(() => props.value, (newVal) => {
+      if (!newVal) {
+        iframeHeight.value = void 0;
+      }
+    });
+    return {
+      ns,
+      iframeHeight,
+      sandbox,
+      calcHeight
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()]
+    }, [vue.createVNode("iframe", {
+      "class": this.ns.e("iframe"),
+      "srcdoc": this.value,
+      "sandbox": this.sandbox,
+      "style": this.iframeHeight ? {
+        height: "".concat(this.iframeHeight, "px")
+      } : void 0,
+      "onLoad": this.calcHeight
+    }, null)]);
+  }
+});
+
+exports.IBizHtmlDocPreview = IBizHtmlDocPreview;

package/lib/common/html-doc-preview/html-doc-preview.css

@@ -0,0 +1 @@
+.ibiz-html-doc-preview{width:100%}.ibiz-html-doc-preview__iframe{display:block;width:100%;border:none}

package/lib/common/index.cjs

@@ -8,6 +8,7 @@ var actionToolbar = require('./action-toolbar/action-toolbar.cjs');
 var col = require('./col/col.cjs');
 var row = require('./row/row.cjs');
 var rawitem = require('./rawitem/rawitem.cjs');
+var htmlDocPreview = require('./html-doc-preview/html-doc-preview.cjs');
 var noData = require('./no-data/no-data.cjs');
 var split = require('./split/split.cjs');
 var splitTrigger = require('./split-trigger/split-trigger.cjs');
@@ -60,6 +61,7 @@ const IBizCommonComponents = {
     v.component(vue3Util.IBizViewShell.name, vue3Util.IBizViewShell);
     v.component(vue3Util.IBizControlShell.name, vue3Util.IBizControlShell);
     v.component(rawitem.IBizRawItem.name, rawitem.IBizRawItem);
+    v.component(htmlDocPreview.IBizHtmlDocPreview.name, htmlDocPreview.IBizHtmlDocPreview);
     v.component(vue3Util.IBizCodeList.name, vue3Util.IBizCodeList);
     v.component(noData.IBizNoData.name, noData.IBizNoData);
     v.component(split.IBizSplit.name, split.IBizSplit);

package/lib/common/rawitem/rawitem.cjs

@@ -31,6 +31,10 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
       type: String,
       required: false
     },
+    enableHtmlDoc: {
+      type: Boolean,
+      required: false
+    },
     ctrl: {
       type: Object,
       required: false
@@ -305,6 +309,15 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
         }, [this.rawItemText]);
       }
       if (this.rawItemType === "HTML") {
+        if (this.enableHtmlDoc) {
+          return vue.createVNode(vue.resolveComponent("iBizHtmlDocPreview"), {
+            "class": [this.ns.e("paragraph"), this.semantic.html.class],
+            "style": this.semantic.html.style,
+            "value": this.rawItemText,
+            "view": this.view,
+            "ctrl": this.ctrl
+          }, null);
+        }
         return vue.createVNode("div", {
           "class": [this.ns.e("paragraph"), this.semantic.html.class],
           "style": this.semantic.html.style,

package/lib/control/form/form-detail/form-rawitem/form-rawitem.cjs

@@ -21,6 +21,10 @@ const FormRawItem = /* @__PURE__ */ vue.defineComponent({
     controller: {
       type: runtime.FormRawItemController,
       required: true
+    },
+    attrs: {
+      type: Object,
+      required: false
     }
   },
   setup(props) {
@@ -213,7 +217,7 @@ const FormRawItem = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.b("preview-content")
       }, [this.renderPreviewContent()])]);
     }
-    return vue.createVNode(vue.resolveComponent("iBizRawItem"), {
+    return vue.createVNode(vue.resolveComponent("iBizRawItem"), vue.mergeProps({
       "class": [
         this.ns.b(),
         this.semanticClass("rawitem", {
@@ -229,8 +233,10 @@ const FormRawItem = /* @__PURE__ */ vue.defineComponent({
       }),
       "rawItem": this.modelData,
       "content": this.content,
+      "ctrl": this.controller.form,
+      "view": this.controller.form.view,
       "onClick": (event) => this.controller.onClick(event)
-    }, null);
+    }, this.attrs), null);
   }
 });
 

package/lib/editor/ai-chat/embed-ai-chat/embed-ai-chat.cjs

@@ -84,7 +84,8 @@ const IBizEmbedAIChat = /* @__PURE__ */ vue.defineComponent({
         mode: editorParams.srfaimode || "TOPIC",
         resourceOptions,
         containerOptions: {
-          container: aiChatElementRef.value
+          container: aiChatElementRef.value,
+          compWrapperId: editorParams.compwrapperid || "DEFAULT"
         },
         topicOptions: {
           appid: ibiz.env.appId,

package/lib/editor/raw/ibiz-raw/ibiz-raw.cjs

@@ -23,6 +23,7 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
     });
     const chunkView = c.editorParams.chunkview;
     const chunkEntity = c.editorParams.chunkentity;
+    const enableHtmlDoc = c.toBoolean(c.editorParams.enablehtmldoc);
     let type = "TEXT";
     let template = "";
     if (editorModel.contentType) {
@@ -81,6 +82,7 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
       template,
       chunkView,
       chunkEntity,
+      enableHtmlDoc,
       enableOverFlow,
       semanticClass,
       semanticStyle,
@@ -97,6 +99,7 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
       "content": this.content,
       "chunkView": this.chunkView,
       "chunkEntity": this.chunkEntity,
+      "enableHtmlDoc": this.enableHtmlDoc,
       "context": this.controller.context,
       "ctrl": this.controller.ctrl,
       "view": this.controller.view,

package/lib/panel-component/index.cjs

@@ -118,6 +118,7 @@ const IBizPanelComponents = {
     v.use(vue3Util.IBizPanelContainerImage);
     v.use(index$m.IBizSearchFormButtons);
     v.use(vue3Util.IBizPanelItemRender);
+    v.use(vue3Util.IBizPanelSimpleList);
     v.use(index$n.IBizViewMessage);
     v.use(index$o.IBizPanelStaticCarousel);
     v.use(vue3Util.IBizTeleportPlaceholder);

package/lib/util/ai-chat-util/ai-chat-util.cjs

@@ -57,6 +57,11 @@ class AIChatUtil {
         ibiz.log.error(error);
       }
     }
+    if (editorParams.compwrapperid) {
+      containerOptions.compWrapperId = editorParams.compwrapperid;
+    } else {
+      containerOptions.compWrapperId = "DEFAULT";
+    }
     const topicOptions = {};
     topicOptions.captionMode = ibiz.config.common.aiChatTopicCaptionMode;
     if (editorParams.topiccaptionmode) {
@@ -671,6 +676,12 @@ class AIChatUtil {
         ibiz.log.error(error);
       }
     }
+    if (params.hasOwnProperty("compwrapperid")) {
+      containerOptions.compWrapperId = params.compwrapperid;
+      delete params.compwrapperid;
+    } else {
+      containerOptions.compWrapperId = "DEFAULT";
+    }
     const topicOptions = {};
     if (params.hasOwnProperty("topiccaptionmode")) {
       topicOptions.captionMode = params.topiccaptionmode;

package/lib/view-engine/mpickup-view-engine.cjs

@@ -1,6 +1,5 @@
 'use strict';
 
-var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 var pickupView_engine = require('./pickup-view.engine.cjs');
 
@@ -30,7 +29,12 @@ class MPickupViewEngine extends pickupView_engine.PickupViewEngine {
    * @memberof MPickupViewEngine
    */
   get simpleList() {
-    return this.view.getController("simplelist");
+    var _a;
+    const list = this.view.getController("simplelist");
+    if (list) {
+      return list;
+    }
+    return (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.simplelist;
   }
   /**
    * 视图created生命周期执行逻辑
@@ -42,23 +46,23 @@ class MPickupViewEngine extends pickupView_engine.PickupViewEngine {
    */
   async onCreated() {
     await super.onCreated();
-    if (!this.view.providers.simplelist) {
-      throw new core.RuntimeModelError(
-        this.view.model,
-        ibiz.i18n.t("viewEngine.missingConfigErr")
-      );
-    }
-    const { childNames } = this.view;
-    childNames.push("simplelist");
-    if (!this.view.slotProps.simplelist) {
-      this.view.slotProps.simplelist = {};
+    const controls = runtime.getControlsByView(this.view.model);
+    const simpleListControl = controls.find(
+      (control) => control.name === "simplelist"
+    );
+    if (simpleListControl) {
+      const { childNames } = this.view;
+      childNames.push("simplelist");
+      if (!this.view.slotProps.simplelist) {
+        this.view.slotProps.simplelist = {};
+      }
+      this.view.slotProps.simplelist.mdctrlActiveMode = 2;
+      this.view.slotProps.simplelist.isSimple = true;
+      this.view.slotProps.simplelist.singleSelect = false;
     }
     if (!this.view.slotProps.pickupviewpanel) {
       this.view.slotProps.pickupviewpanel = {};
     }
-    this.view.slotProps.simplelist.mdctrlActiveMode = 2;
-    this.view.slotProps.simplelist.isSimple = true;
-    this.view.slotProps.simplelist.singleSelect = false;
     this.view.slotProps.pickupviewpanel.singleSelect = false;
     if (this.view.params.checkstrictly) {
       this.checkStrictly = this.view.params.checkstrictly === "true" || this.view.params.checkstrictly === true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.141",
+  "version": "0.7.41-alpha.142",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -31,16 +31,16 @@
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@floating-ui/dom": "^1.5.3",
-    "@ibiz-template-plugin/ai-chat": "^0.0.108",
+    "@ibiz-template-plugin/ai-chat": "^0.0.109",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.468",
     "@ibiz-template-plugin/bi-report": "0.0.32",
     "@ibiz-template-plugin/data-view": "0.0.8",
     "@ibiz-template/core": "0.7.41-alpha.140",
     "@ibiz-template/devtool": "0.0.17",
-    "@ibiz-template/model-helper": "0.7.41-alpha.145",
-    "@ibiz-template/runtime": "0.7.41-alpha.145",
+    "@ibiz-template/model-helper": "0.7.41-alpha.146",
+    "@ibiz-template/runtime": "0.7.41-alpha.146",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.145",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.146",
     "@ibiz-template/web-theme": "3.16.0",
     "@ibiz/model-core": "^0.1.89",
     "@imengyu/vue3-context-menu": "^1.3.5",

package/src/common/html-doc-preview/html-doc-preview.scss

@@ -0,0 +1,9 @@
+@include b(html-doc-preview) {
+  width: 100%;
+
+  @include e(iframe) {
+    display: block;
+    width: 100%;
+    border: none;
+  }
+}