@ibiz-template/vue3-components 0.7.41-alpha.94 → 0.7.41-alpha.96

package/es/common/emoji-select/components/categories/categories.mjs

@@ -39,7 +39,7 @@ const Categories = /* @__PURE__ */ defineComponent({
         "onClick": () => this.onSelect(category)
       }, [createVNode("span", {
         "class": this.ns.em("category", "svg"),
-        "title": showTitle(category.label),
+        "title": showTitle(category.text),
         "innerHTML": category.icon
       }, null)]);
     })]);

package/es/common/rawitem/rawitem.mjs

@@ -127,6 +127,7 @@ const IBizRawItem = /* @__PURE__ */ defineComponent({
       if (["TEXT", "HEADING1", "HEADING2", "HEADING3", "HEADING4", "HEADING5", "HEADING6", "PARAGRAPH", "HTML", "RAW"].includes(rawItemType.value)) {
         rawItemText.value = rawItemContent.value;
         if (typeof rawItemText.value === "string") {
+          rawItemText.value = ibiz.appUtil.resolveI18nText(rawItemText.value);
           const val = rawItemText.value;
           rawItemText.value = val.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;nbsp;/g, " ").replace(/&nbsp;/g, " ");
         }

package/es/control/dashboard/dashboard-design/dashboard-design.mjs

@@ -133,7 +133,7 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
         const categoryTag = props.dashboard.controlParams.categorytag;
         const portletNameTag = props.dashboard.controlParams.portletnametag;
         app.model.appPortlets.forEach((portlet) => {
-          var _a, _b;
+          var _a, _b, _c;
           if (!isDEView && !portlet.enableAppDashboard) {
             return;
           }
@@ -160,13 +160,20 @@ const DashboardDesign = /* @__PURE__ */ defineComponent({
               return;
             }
           }
+          let groupName = (portletCat == null ? void 0 : portletCat.name) || "";
+          if (portletCat == null ? void 0 : portletCat.ungroup) {
+            groupName = ibiz.i18n.t("control.dashboard.dashboardDesign.unGroup");
+          }
+          if ((_c = portletCat == null ? void 0 : portletCat.nameLanguageRes) == null ? void 0 : _c.lanResTag) {
+            groupName = ibiz.i18n.t(portletCat.nameLanguageRes.lanResTag, groupName);
+          }
           const temp = {
             type: "app",
             portletCodeName: portlet.codeName,
             portletName: portlet.name,
             portletImage: portlet.control.sysImage,
             groupCodeName: (portletCat == null ? void 0 : portletCat.codeName) || "",
-            groupName: (portletCat == null ? void 0 : portletCat.name) || "",
+            groupName,
             appCodeName: portlet.appDataEntityId || app.model.pkgcodeName,
             appName: app.model.name
           };

package/es/control/data-view/data-view.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent, computed, ref, watch, withDirectives, resolveDirective, h } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, computed, ref, watch, withDirectives, resolveDirective, Fragment, h } from 'vue';
 import { useControlController, useNamespace, useControlPopoverzIndex, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { DataViewControlController, ControlVO, getControl } from '@ibiz-template/runtime';
 import { createUUID } from 'qx-util';
@@ -524,6 +524,102 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
       }
       return icon;
     };
+    const ITEM_HEIGHT = 30;
+    const calcSkeletonRows = () => {
+      const {
+        cardHeight
+      } = c.model;
+      if (cardHeight) {
+        return Math.max(1, Math.floor(cardHeight / ITEM_HEIGHT));
+      }
+      return 2;
+    };
+    const renderSkeletonItem = () => {
+      const rows = calcSkeletonRows();
+      return createVNode(resolveComponent("el-card"), {
+        "class": [ns.b("item"), ns.e("skeleton-item")],
+        "body-style": {
+          width: c.model.cardWidth ? "".concat(c.model.cardWidth, "px") : "auto",
+          height: c.model.cardHeight ? "".concat(c.model.cardHeight, "px") : "auto",
+          overflow: "hidden"
+        }
+      }, {
+        default: () => [createVNode(resolveComponent("el-skeleton"), {
+          "animated": true,
+          "style": "min-width: 30px;"
+        }, {
+          template: () => createVNode(Fragment, null, [Array.from({
+            length: rows
+          }, () => createVNode(resolveComponent("el-skeleton-item"), {
+            "variant": "rect"
+          }, null))])
+        })]
+      });
+    };
+    const renderSkeletonCardLayout = (count) => {
+      const {
+        cardColXS,
+        cardColSM,
+        cardColMD,
+        cardColLG
+      } = c.model;
+      if (cardColXS || cardColSM || cardColMD || cardColLG) {
+        return createVNode("div", {
+          "class": ["el-row", ns.e("layout-row")]
+        }, [Array.from({
+          length: count
+        }, () => createVNode(resolveComponent("el-col"), {
+          "xs": cardColXS,
+          "sm": cardColSM,
+          "md": cardColMD,
+          "lg": cardColLG,
+          "class": ns.e("layout-col")
+        }, {
+          default: () => [createVNode("div", {
+            "class": ns.b("scroll-item")
+          }, [renderSkeletonItem()])]
+        }))]);
+      }
+      return createVNode("div", {
+        "class": ns.e("layout-flex")
+      }, [Array.from({
+        length: count
+      }, () => createVNode("div", {
+        "class": ns.b("scroll-item")
+      }, [renderSkeletonItem()]))]);
+    };
+    const renderGroupSkeleton = () => {
+      return createVNode("div", {
+        "class": ns.b("skeleton")
+      }, [Array.from({
+        length: 3
+      }, () => createVNode("div", {
+        "class": ns.b("skeleton-group")
+      }, [createVNode("div", {
+        "class": ns.be("skeleton-group", "header")
+      }, [createVNode(resolveComponent("el-skeleton"), {
+        "animated": true,
+        "rows": 1
+      }, {
+        template: () => createVNode(resolveComponent("el-skeleton-item"), {
+          "variant": "rect",
+          "style": "width: 15%"
+        }, null)
+      })]), createVNode("div", {
+        "class": [ns.be("skeleton", "content"), ns.be("skeleton-group", "content")]
+      }, [renderSkeletonCardLayout(3)])]))]);
+    };
+    const renderSkeleton = () => {
+      if (c.state.enableGroup) {
+        return renderGroupSkeleton();
+      }
+      const count = c.state.size || 6;
+      return createVNode("div", {
+        "class": ns.b("skeleton")
+      }, [createVNode("div", {
+        "class": ns.be("skeleton", "content")
+      }, [renderSkeletonCardLayout(Math.min(count, 20))])]);
+    };
     const renderNavIcon = () => {
       const {
         enableNavView,
@@ -556,7 +652,7 @@ const DataViewControl = /* @__PURE__ */ defineComponent({
         }, null);
     };
     const renderContent = () => {
-      return [c.state.items.length > 0 ? renderHasData() : renderNoData(), renderBatchToolBar(), renderNavIcon(), renderCollapseExpandIcon()];
+      return [!c.state.isLoaded ? renderSkeleton() : c.state.items.length > 0 ? renderHasData() : renderNoData(), renderBatchToolBar(), renderNavIcon(), renderCollapseExpandIcon()];
     };
     const renderPagingBar = () => {
       if (c.state.enablePagingBar && c.model.pagingMode === 1)

package/es/control/kanban/swimlane-kanban/swimlane-kanban.mjs

@@ -433,7 +433,7 @@ const SwimlaneKanban = /* @__PURE__ */ defineComponent({
           "class": ns.em("cell", "right")
         }, [createVNode("span", {
           "class": ns.em("cell", "description")
-        }, ["".concat(lane.count, " \u4E2A").concat(c.laneDescription)])])])]), c.state.groups.map((group) => {
+        }, ["".concat(lane.count, " ").concat(ibiz.i18n.t("app.piece")).concat(c.laneDescription)])])])]), c.state.groups.map((group) => {
           if (group.hidden)
             return void 0;
           return renderBodyCell(index, lane, group);

package/es/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-control-list-item__right--actions{display:flex;-moz-column-gap:var(--ibiz-spacing-extra-tight);column-gap:var(--ibiz-spacing-extra-tight);justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list__batchtoolbar{display:none;margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list__batchtoolbar.is-show{display:block}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-scroll.is-reverse-scroll .ibiz-control-list__layout-flex{display:flex;flex-direction:column-reverse}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}
+.ibiz-control-list-item{flex-grow:1;min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item__right{padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-control-list-item__right--actions{display:flex;-moz-column-gap:var(--ibiz-spacing-extra-tight);column-gap:var(--ibiz-spacing-extra-tight);justify-content:center}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item{margin:0}.ibiz-control-list-item__right--actions .ibiz-action-toolbar__item--label.is-has-caption{margin:0}.ibiz-control-list-item:has(.ibiz-control-list-item__right){display:flex;justify-content:space-between}.ibiz-control-list-item:has(.ibiz-control-list-item__right) .ibiz-control-list-item__caption{flex:1}.ibiz-control-list-item__new{display:flex;align-items:center;justify-content:center;margin-top:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-3);border:2px dashed var(--ibiz-color-border)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__drag-icon{cursor:move;visibility:hidden}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list__quicktoolbar{display:flex;justify-content:center;width:100%}.ibiz-control-list__batchtoolbar{display:none;margin:var(--ibiz-spacing-tight) 0}.ibiz-control-list__batchtoolbar.is-show{display:block}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-row-detail:last-of-type .ibiz-control-list-scroll-item{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-scroll.is-reverse-scroll .ibiz-control-list__layout-flex{display:flex;flex-direction:column-reverse}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.ibiz-control-list-scroll-item{display:flex;align-items:center}.ibiz-control-list-scroll-item__checkbox{flex-shrink:0;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-list-scroll-item__icon{flex-shrink:0;margin-left:var(--ibiz-spacing-tight);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list-scroll-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-scroll-item:hover .ibiz-control-list__drag-icon{visibility:visible}.ibiz-control-list-scroll-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list-group-style2{--ibiz-control-list-group-style2-color:var(--ibiz-color-disabled-text)}.ibiz-control-list-group-style2__header{display:flex;align-items:center;justify-content:center;width:100%}.ibiz-control-list-group-style2__header--title{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-control-list-group-style2-color)}.ibiz-control-list-group-style2__header::after,.ibiz-control-list-group-style2__header::before{display:block;flex:1;height:1px;margin-top:1px;content:"";border-top:1px var(--ibiz-color-border) solid;transform:translateY(-50%)}.ibiz-control-list-skeleton-item{padding-bottom:var(--ibiz-spacing-tight)}.ibiz-control-list-skeleton-group__header{margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-list-skeleton-group-style2__header{display:flex;justify-content:center}

package/es/control/list/list.mjs

@@ -525,6 +525,80 @@ const ListControl = /* @__PURE__ */ defineComponent({
       }
       return null;
     };
+    const renderSkeletonItem = () => {
+      return createVNode("div", {
+        "class": ns.b("skeleton-item")
+      }, [createVNode(resolveComponent("el-skeleton"), {
+        "animated": true,
+        "rows": 1
+      }, {
+        template: () => createVNode(resolveComponent("el-skeleton-item"), {
+          "variant": "rect"
+        }, null)
+      })]);
+    };
+    const renderGroupSkeleton = () => {
+      return createVNode("div", {
+        "class": ns.b("skeleton")
+      }, [Array.from({
+        length: 3
+      }, () => createVNode("div", {
+        "class": ns.b("skeleton-group")
+      }, [createVNode("div", {
+        "class": ns.be("skeleton-group", "header")
+      }, [createVNode(resolveComponent("el-skeleton"), {
+        "animated": true,
+        "rows": 1
+      }, {
+        template: () => createVNode(resolveComponent("el-skeleton-item"), {
+          "variant": "rect",
+          "style": "width: 15%"
+        }, null)
+      })]), createVNode("div", {
+        "class": [ns.be("skeleton", "content"), ns.be("skeleton-group", "content")]
+      }, [Array.from({
+        length: 3
+      }, () => renderSkeletonItem())])]))]);
+    };
+    const renderGroupStyle2Skeleton = () => {
+      return createVNode("div", {
+        "class": ns.b("skeleton")
+      }, [Array.from({
+        length: 3
+      }, () => createVNode("div", {
+        "class": [ns.b("skeleton-group"), ns.b("skeleton-group-style2")]
+      }, [createVNode("div", {
+        "class": [ns.be("skeleton-group", "header"), ns.be("skeleton-group-style2", "header")]
+      }, [createVNode(resolveComponent("el-skeleton"), {
+        "animated": true,
+        "rows": 1,
+        "style": "width: 15%"
+      }, {
+        template: () => createVNode(resolveComponent("el-skeleton-item"), {
+          "variant": "rect"
+        }, null)
+      })]), createVNode("div", {
+        "class": [ns.be("skeleton", "content"), ns.be("skeleton-group", "content"), ns.be("skeleton-group-style2", "content")]
+      }, [Array.from({
+        length: 3
+      }, () => renderSkeletonItem())])]))]);
+    };
+    const renderSkeleton = () => {
+      if (c.state.enableGroup && !c.state.isSimple) {
+        if (c.model.groupStyle === "STYLE2") {
+          return renderGroupStyle2Skeleton();
+        }
+        return renderGroupSkeleton();
+      }
+      const count = c.state.size || 6;
+      return createVNode("div", {
+        "class": ns.b("skeleton")
+      }, [createVNode("div", {
+        "class": ns.be("skeleton", "content")
+      }, [Array.from({
+        length: Math.min(count, 20)
+      }, () => renderSkeletonItem())])]);
+    };
     return {
       c,
       ns,
@@ -536,13 +610,14 @@ const ListControl = /* @__PURE__ */ defineComponent({
       onPageSizeChange,
       renderListContent,
       renderBatchToolBar,
-      renderCollapseExpandIcon
+      renderCollapseExpandIcon,
+      renderSkeleton
     };
   },
   render() {
     let content = null;
     if (this.c.state.isCreated) {
-      content = [this.c.state.items.length > 0 ? this.renderListContent() : this.renderNoData(), this.renderBatchToolBar(), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 ? createVNode(resolveComponent("iBizPagination"), {
+      content = [!this.c.state.isLoaded ? this.renderSkeleton() : this.c.state.items.length > 0 ? this.renderListContent() : this.renderNoData(), this.renderBatchToolBar(), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 ? createVNode(resolveComponent("iBizPagination"), {
         "mode": this.c.paginationMode,
         "class": this.ns.e("pagination"),
         "total": this.c.state.total,

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

@@ -0,0 +1 @@
+.ibiz-embed-ai-chat{width:100%;height:100%}.ibiz-embed-ai-chat__container{width:100%;height:100%}

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

@@ -0,0 +1,98 @@
+import { defineComponent, createVNode, ref, onMounted, onUnmounted } from 'vue';
+import { createUUID } from 'qx-util';
+import { useNamespace, getEditorEmits, getInputProps } from '@ibiz-template/vue3-util';
+import './embed-ai-chat.css';
+
+"use strict";
+const IBizEmbedAIChat = /* @__PURE__ */ defineComponent({
+  name: "IBizEmbedAIChat",
+  props: getInputProps(),
+  emits: getEditorEmits(),
+  setup(props) {
+    const ns = useNamespace("embed-ai-chat");
+    const c = props.controller;
+    const aiChatElementRef = ref(null);
+    const mountedAIChat = async () => {
+      var _a, _b;
+      const appDataEntityId = c.model.appDataEntityId;
+      const chatInstance = c.chatInstance;
+      if (!appDataEntityId || !c.deACMode || !chatInstance)
+        return;
+      const topicId = createUUID();
+      const sessionid = ibiz.aiChatUtil.getChatSessionId("TOPIC", topicId);
+      const tempParams = {
+        ...c.params,
+        ...{
+          srfactag: c.deACMode.codeName
+        }
+      };
+      const {
+        topicOptions,
+        chatOptions
+      } = await ibiz.aiChatUtil.getEditorExAIChatParams(c.editorParams, c.context, c.params, props.data, c.deACMode, {
+        chatInstance,
+        view: c.view,
+        ctrl: c.ctrl
+      });
+      const resourceOptions = await ibiz.aiChatUtil.getAIResourceOptions(c.context, c.params);
+      let topicCaption = "[".concat(c.deACMode.logicName, "]").concat(((_a = props.data) == null ? void 0 : _a.srfmajortext) || "");
+      if (c.editorParams.srfaitopiccaption) {
+        topicCaption = "[".concat(ibiz.appUtil.resolveI18nText(c.editorParams.srfaitopiccaption), "]").concat(((_b = props.data) == null ? void 0 : _b.srfmajortext) || "");
+      }
+      let chatCaption = c.deACMode.logicName;
+      if (c.editorParams.srfaichatcaption) {
+        chatCaption = ibiz.appUtil.resolveI18nText(c.editorParams.srfaichatcaption);
+      }
+      chatInstance.create({
+        mode: "TOPIC",
+        resourceOptions,
+        containerOptions: {
+          container: aiChatElementRef.value
+        },
+        topicOptions: {
+          appid: ibiz.env.appId,
+          id: topicId,
+          caption: topicCaption,
+          url: window.location.hash.substring(1),
+          type: c.context.srftopicpath || "default",
+          ...topicOptions
+        },
+        chatOptions: {
+          caption: chatCaption,
+          context: {
+            ...c.context
+          },
+          params: tempParams,
+          appDataEntityId,
+          // 扩展参数
+          ...chatOptions,
+          sessionid
+        }
+      });
+    };
+    onMounted(() => {
+      mountedAIChat();
+    });
+    onUnmounted(() => {
+      const chatInstance = c.chatInstance;
+      if (chatInstance) {
+        chatInstance.close();
+      }
+    });
+    return {
+      c,
+      ns,
+      aiChatElementRef
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("container"),
+      "ref": "aiChatElementRef"
+    }, null)]);
+  }
+});
+
+export { IBizEmbedAIChat };

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

@@ -0,0 +1,70 @@
+import { EditorController, getDeACMode } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class EmbedAIChatEditorController extends EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * @description 聊天框实例
+     * @author tony001
+     * @date 2026-05-15 15:05:37
+     * @type {*}
+     * @memberof EmbedAIChatEditorController
+     */
+    __publicField(this, "chatInstance");
+    /**
+     * @description 应用实体服务
+     * @author tony001
+     * @date 2026-05-15 16:05:22
+     * @type {IAppDEService}
+     * @memberof EmbedAIChatEditorController
+     */
+    __publicField(this, "deService");
+    /**
+     * @description 自填模式
+     * @author tony001
+     * @date 2026-05-15 16:05:30
+     * @type {IAppDEACMode}
+     * @memberof EmbedAIChatEditorController
+     */
+    __publicField(this, "deACMode");
+  }
+  /**
+   * @description 初始化
+   * @author tony001
+   * @date 2026-05-15 16:05:12
+   * @protected
+   * @returns {*}  {Promise<void>}
+   * @memberof EmbedAIChatEditorController
+   */
+  async onInit() {
+    await super.onInit();
+    const model = this.model;
+    if (model.appDEACModeId) {
+      this.deACMode = await getDeACMode(
+        model.appDEACModeId,
+        model.appDataEntityId,
+        this.context.srfappid
+      );
+      if (this.deACMode) {
+        if (this.deACMode.actype === "CHATCOMPLETION" && ibiz.env.enableAI) {
+          this.deService = await ibiz.hub.getApp(model.appId).deService.getService(this.context, model.appDataEntityId);
+        }
+      }
+    }
+    const module = await import('@ibiz-template-plugin/ai-chat');
+    if (module && module.createFlatChat) {
+      this.chatInstance = module.createFlatChat();
+    } else if (module && module.default && module.default.createFlatChat) {
+      this.chatInstance = module.default.createFlatChat();
+    }
+  }
+}
+
+export { EmbedAIChatEditorController };

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

@@ -0,0 +1,22 @@
+import { EmbedAIChatEditorController } from './embed-ai-chat-editor.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class EmbedAIChatEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizEmbedAIChat");
+    __publicField(this, "gridEditor", "IBizEmbedAIChat");
+  }
+  async createController(editorModel, parentController) {
+    const c = new EmbedAIChatEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { EmbedAIChatEditorProvider };

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

@@ -0,0 +1,5 @@
+export { IBizEmbedAIChat } from './embed-ai-chat/embed-ai-chat.mjs';
+export { EmbedAIChatEditorController } from './embed-ai-chat-editor.controller.mjs';
+export { EmbedAIChatEditorProvider } from './embed-ai-chat-editor.provider.mjs';
+
+"use strict";

package/es/editor/code/code-editor.controller.mjs

@@ -107,7 +107,7 @@ class CodeEditorController extends EditorController {
         inlineaichatheight,
         hidelinenumbers,
         hideminimap,
-        aichatcaption
+        srfaichatcaption
       } = this.editorParams;
       if (inlineaichatheight)
         this.inlineAiChatHeight = Number(inlineaichatheight);
@@ -115,8 +115,8 @@ class CodeEditorController extends EditorController {
         this.hideLineNumbers = this.toBoolean(hidelinenumbers);
       if (hideminimap)
         this.hideMinimap = this.toBoolean(hideminimap);
-      if (aichatcaption) {
-        this.aiChatCaption = ibiz.appUtil.resolveI18nText(aichatcaption);
+      if (srfaichatcaption) {
+        this.aiChatCaption = ibiz.appUtil.resolveI18nText(srfaichatcaption);
       }
     }
     const { appDEACModeId, appDataEntityId } = this.model;

package/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -132,7 +132,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
           ...containerOptions
         },
         chatOptions: {
-          caption: c.deACMode.logicName,
+          caption: "".concat(c.aiChatCaption || c.deACMode.logicName),
           context: {
             ...c.context
           },

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -79,7 +79,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       if (c.blankItemName && !c.multiple) {
         items.value = [{
           value: void 0,
-          text: c.blankItemName
+          text: ibiz.appUtil.resolveI18nText(c.blankItemName)
         }, ...codeList];
       } else {
         items.value = codeList;

package/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.mjs

@@ -60,7 +60,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       if (c.blankItemName && !c.multiple) {
         items.value = [{
           value: void 0,
-          text: c.blankItemName
+          text: ibiz.appUtil.resolveI18nText(c.blankItemName)
         }, ...codeList];
       } else {
         items.value = codeList;

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -230,6 +230,10 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
         ctrl: c.ctrl
       });
       const resourceOptions = await ibiz.aiChatUtil.getAIResourceOptions(c.context, c.params);
+      let chatCaption = c.deACMode.logicName;
+      if (c.editorParams.srfaichatcaption) {
+        chatCaption = ibiz.appUtil.resolveI18nText(c.editorParams.srfaichatcaption);
+      }
       chatInstance.create({
         resourceOptions,
         containerOptions: {
@@ -237,7 +241,7 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           ...containerOptions
         },
         chatOptions: {
-          caption: c.deACMode.logicName,
+          caption: chatCaption,
           context: {
             ...c.context
           },

package/es/editor/index.mjs

@@ -30,6 +30,7 @@ import './carousel/index.mjs';
 import './user/ibiz-searchcond-edit/index.mjs';
 import './date-range-select/index.mjs';
 import './map-picker/index.mjs';
+import './ai-chat/index.mjs';
 import { IBizImageCropping } from './upload/ibiz-image-cropping/ibiz-image-cropping.mjs';
 import { IBizSpan } from './span/span/span.mjs';
 import { IBizSpanLink } from './span/span-link/span-link.mjs';
@@ -73,6 +74,7 @@ import { IBizPresetRawitem } from './preset/preset-rawitem/ibiz-preset-rawitem/i
 import { IBizSearchCondEdit } from './user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs';
 import { IBizCarousel } from './carousel/ibiz-carousel/ibiz-carousel.mjs';
 import { IBizMapPicker } from './map-picker/ibiz-map-picker/ibiz-map-picker.mjs';
+import { IBizEmbedAIChat } from './ai-chat/embed-ai-chat/embed-ai-chat.mjs';
 import { IBizDateRangeSelect } from './date-range-select/date-range-select-picker/date-range-select.mjs';
 import { IBizVirtualizedList } from './dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.mjs';
 import { SpanEditorProvider } from './span/span-editor.provider.mjs';
@@ -102,6 +104,7 @@ import { CascaderEditorProvider } from './cascader/cascader-editor.provider.mjs'
 import { ColorPickerEditorProvider } from './color-picker/color-picker-editor.provider.mjs';
 import { SearchCondEditEditorProvider } from './user/ibiz-searchcond-edit/ibiz-searchcond-edit.provider.mjs';
 import { MapPickerEditorProvider } from './map-picker/map-picker-editor.provider.mjs';
+import { EmbedAIChatEditorProvider } from './ai-chat/embed-ai-chat-editor.provider.mjs';
 import { CarouselEditorProvider } from './carousel/carousel-editor.provider.mjs';
 
 "use strict";
@@ -151,6 +154,7 @@ const IBizEditor = {
     v.component(IBizSearchCondEdit.name, IBizSearchCondEdit);
     v.component(IBizCarousel.name, IBizCarousel);
     v.component(IBizMapPicker.name, IBizMapPicker);
+    v.component(IBizEmbedAIChat.name, IBizEmbedAIChat);
     v.component(
       "IBizHtml",
       defineAsyncComponent(() => import('./html/wang-editor/wang-editor.mjs'))
@@ -439,6 +443,10 @@ const IBizEditor = {
       () => new SearchCondEditEditorProvider()
     );
     registerEditorProvider("MAPPICKER", () => new MapPickerEditorProvider());
+    registerEditorProvider(
+      "TEXTAREA_EMBED_AI_CHAT",
+      () => new EmbedAIChatEditorProvider()
+    );
     registerEditorProvider(
       "FIELD_IMAGE_PICTURE_ONE",
       () => new FileUploaderEditorProvider("PICTURE_ONE")

package/es/editor/markdown/ibiz-markdown-editor/custom-menu.mjs

@@ -74,6 +74,12 @@ function initCustomMenu(c, opts) {
         c.context,
         c.params
       );
+      let chatCaption = c.deACMode.logicName;
+      if (c.editorParams.srfaichatcaption) {
+        chatCaption = ibiz.appUtil.resolveI18nText(
+          c.editorParams.srfaichatcaption
+        );
+      }
       chatInstance.create({
         resourceOptions,
         containerOptions: {
@@ -81,7 +87,7 @@ function initCustomMenu(c, opts) {
           ...containerOptions
         },
         chatOptions: {
-          caption: c.deACMode.logicName,
+          caption: chatCaption,
           context: { ...c.context },
           params: { ...c.params, srfactag: c.deACMode.codeName },
           appDataEntityId,

package/es/editor/text-box/input/input.mjs

@@ -176,6 +176,10 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         ctrl: c.ctrl
       });
       const resourceOptions = await ibiz.aiChatUtil.getAIResourceOptions(c.context, c.params);
+      let chatCaption = c.deACMode.logicName;
+      if (c.editorParams.srfaichatcaption) {
+        chatCaption = ibiz.appUtil.resolveI18nText(c.editorParams.srfaichatcaption);
+      }
       chatInstance.create({
         resourceOptions,
         containerOptions: {
@@ -183,7 +187,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
           ...containerOptions
         },
         chatOptions: {
-          caption: c.deACMode.logicName,
+          caption: chatCaption,
           context: {
             ...c.context
           },