@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.40-alpha.9

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

@@ -17,20 +17,22 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("markdown");
     const c = props.controller;
     const currentVal = vue.ref("");
-    const editor = vue.ref(null);
+    let editor = null;
     const id = qxUtil.createUUID();
     const headers = vue.ref({
       ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(core.getAppCookie(core.CoreConst.TOKEN))
     });
     const uploadUrl = vue.ref("");
     const downloadUrl = vue.ref("");
+    const customTheme = (_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.customTheme;
     const {
       UIStore
     } = vue3Util.useUIStore();
-    const theme = vue.ref(UIStore.theme);
+    const theme = vue.ref(customTheme || UIStore.theme);
     const defaultModel = vue.ref("editOnly");
     let resizeObserver = null;
     let lastMarkDownWidth = 0;
@@ -52,18 +54,15 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       callback(url);
     };
     const getCherryHtml = () => {
-      var _a;
-      const result = (_a = editor.value) == null ? void 0 : _a.getHtml();
+      const result = editor == null ? void 0 : editor.getHtml();
       return result;
     };
     const getCherryContent = () => {
-      var _a;
-      const result = (_a = editor.value) == null ? void 0 : _a.getMarkdown();
+      const result = editor == null ? void 0 : editor.getMarkdown();
       return result;
     };
     const setCherryContent = (val) => {
-      var _a;
-      (_a = editor.value) == null ? void 0 : _a.setMarkdown(val, false);
+      editor == null ? void 0 : editor.setMarkdown(val, false);
     };
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -90,15 +89,108 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         [e]: src
       };
     };
+    const createElement = (tagName, className = "") => {
+      const element = document.createElement(tagName);
+      element.className = className;
+      return element;
+    };
+    const createCherryIcon = (tagName) => {
+      return createElement("i", "ch-icon ch-icon-".concat(tagName));
+    };
+    const fullscreenClassName = ns.e("fullscreen");
+    const clearNodeChildren = (node) => {
+      while (node.firstChild) {
+        node.removeChild(node.firstChild);
+      }
+    };
+    const getFullscreenNodeInfo = () => {
+      if (editor && markDownBox.value) {
+        const parentElement = editor.editor.options.editorDom.parentElement;
+        if (!parentElement)
+          return {};
+        const cherryClass = parentElement.classList;
+        const fullscreenNode = markDownBox.value.querySelector(".".concat(fullscreenClassName));
+        if (!fullscreenNode)
+          return {};
+        return {
+          parentElement,
+          cherryClass,
+          fullscreenNode
+        };
+      }
+      return {};
+    };
+    const openFullscreen = () => {
+      const {
+        parentElement,
+        cherryClass,
+        fullscreenNode
+      } = getFullscreenNodeInfo();
+      if (parentElement && cherryClass && fullscreenNode) {
+        clearNodeChildren(fullscreenNode);
+        fullscreenNode.appendChild(createCherryIcon("minscreen"));
+        cherryClass.add("fullscreen");
+        fullscreenNode.title = ibiz.i18n.t("editor.markdown.minimize");
+        parentElement.setAttribute("tabindex", "-1");
+        vue.nextTick(() => parentElement == null ? void 0 : parentElement.focus());
+      }
+    };
+    const closeFullscreen = () => {
+      const {
+        parentElement,
+        cherryClass,
+        fullscreenNode
+      } = getFullscreenNodeInfo();
+      if (parentElement && cherryClass && fullscreenNode) {
+        clearNodeChildren(fullscreenNode);
+        fullscreenNode.appendChild(createCherryIcon("fullscreen"));
+        fullscreenNode.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        cherryClass.remove("fullscreen");
+        parentElement == null ? void 0 : parentElement.blur();
+        parentElement.setAttribute("tabindex", "-1");
+      }
+    };
+    const isFullscreen = () => {
+      const {
+        cherryClass
+      } = getFullscreenNodeInfo();
+      return cherryClass == null ? void 0 : cherryClass.contains("fullscreen");
+    };
+    const onSwitchFullscreen = () => {
+      if (editor && markDownBox.value) {
+        if (isFullscreen()) {
+          closeFullscreen();
+        } else {
+          openFullscreen();
+        }
+      }
+    };
+    const handleKeyDown = (_e) => {
+      _e.stopPropagation();
+      if (_e.key === "Escape") {
+        if (isFullscreen()) {
+          closeFullscreen();
+        }
+      }
+    };
     const editorInit = () => {
       if (props.disabled) {
         defaultModel.value = "previewOnly";
       }
       vue.nextTick(() => {
-        editor.value = new Cherry({
+        var _a2;
+        editor = new Cherry({
           id,
           value: currentVal.value,
-          theme: theme.value,
+          previewer: {
+            enablePreviewerBubble: !(props.disabled || props.readonly)
+          },
+          themeSettings: {
+            // 目前应用的主题
+            mainTheme: theme.value,
+            // 目前应用的代码块主题
+            codeBlockTheme: theme.value
+          },
           fileUpload,
           emoji: {
             useUnicode: true
@@ -120,7 +212,6 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
             }
           },
           toolbars: {
-            theme: theme.value,
             toolbar: ["bold", "italic", "underline", "strikethrough", "|", "color", "header", "|", "list", "image", {
               insert: ["link", "hr", "br", "code", "formula", "toc", "table", "line-table", "bar-table"]
             }, "settings", "togglePreview"],
@@ -132,14 +223,33 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
           callback: {
             afterChange,
             beforeImageMounted
+          },
+          engine: {
+            syntax: {
+              table: {
+                enableChart: false,
+                externals: ["echarts"]
+              }
+            }
           }
         });
+        editor.setTheme(theme.value);
+        if (customTheme) {
+          editor.setTheme(customTheme);
+          editor.setCodeBlockTheme(customTheme);
+        }
+        const span = createElement("span", "".concat(fullscreenClassName, " cherry-toolbar-button"));
+        span.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        span.onclick = onSwitchFullscreen;
+        span.appendChild(createCherryIcon("fullscreen"));
+        const parentElement = props.disabled ? editor.editor.options.editorDom.parentElement : (_a2 = editor.editor.options.editorDom.parentElement) == null ? void 0 : _a2.querySelector(".cherry-toolbar>.toolbar-right");
+        parentElement == null ? void 0 : parentElement.appendChild(span);
       });
     };
     vue.watch(() => UIStore.theme, (newVal) => {
-      var _a;
-      theme.value = newVal;
-      (_a = editor.value) == null ? void 0 : _a.setTheme(theme.value);
+      theme.value = customTheme || newVal;
+      editor == null ? void 0 : editor.setTheme(theme.value);
+      editor == null ? void 0 : editor.setCodeBlockTheme(theme.value);
     });
     const calcMarkDownStyle = () => {
       if (window.ResizeObserver && markDownBox.value) {
@@ -171,11 +281,17 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       }
     };
     vue.onMounted(() => {
+      var _a2;
       editorInit();
       calcMarkDownStyle();
+      (_a2 = markDownBox.value) == null ? void 0 : _a2.addEventListener("keydown", handleKeyDown.bind(this));
+    });
+    vue.onBeforeUnmount(() => {
+      var _a2;
+      (_a2 = markDownBox.value) == null ? void 0 : _a2.removeEventListener("keydown", handleKeyDown.bind(this));
     });
     vue.onUnmounted(() => {
-      editor.value = null;
+      editor = null;
       if (resizeObserver) {
         resizeObserver.disconnect();
       }

package/lib/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.css

@@ -1 +1 @@
-.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}
+.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown.is-disabled .ibiz-markdown__fullscreen{position:absolute;top:8px;right:12px;z-index:98;font-size:var(--ibiz-font-size-regular);line-height:2.8}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen{color:var(--ibiz-color-text-0)}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen:hover{background-color:var(--ibiz-color-bg-3)}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}

package/lib/editor/not-supported-editor/not-supported-editor.cjs

@@ -11,15 +11,28 @@ const NotSupportedEditor = /* @__PURE__ */ vue.defineComponent({
     modelData: {
       type: Object,
       required: true
+    },
+    context: {
+      type: Object
     }
   },
-  setup() {
+  setup(props) {
+    var _a;
     const ns = vue3Util.useNamespace("not-supported-editor");
+    const isDesignPreview = ((_a = props.context) == null ? void 0 : _a.srfrunmode) === "DESIGN";
     return {
-      ns
+      ns,
+      isDesignPreview
     };
   },
   render() {
+    if (this.isDesignPreview) {
+      return vue.createVNode("div", {
+        "class": this.ns.b()
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("preview-content")
+      }, null)]);
+    }
     return vue.createVNode("div", {
       "class": this.ns.b()
     }, [ibiz.i18n.t("editor.notSupportedEditor.unsupportedType", {

package/lib/editor/not-supported-editor/not-supported-editor.css

@@ -1 +1 @@
-.ibiz-not-supported-editor{color:var(--ibiz-color-danger)}
+.ibiz-not-supported-editor{color:var(--ibiz-color-danger)}.ibiz-not-supported-editor-preview-content{height:var(--el-component-size);color:var(--el-disabled-text-color);background-color:var(--el-disabled-bg-color);border-radius:var(--el-border-radius-base);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -98,7 +98,9 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       "label": qxUtil.notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
-      default: () => [vue.createVNode("span", {
+      default: () => [_item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "icon": _item.sysImage
+      }, null), vue.createVNode("span", {
         "class": this.ns.e("text")
       }, [_item.text])]
     }) : vue.createVNode(vue.resolveComponent("el-radio-button"), {
@@ -107,7 +109,9 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       "label": qxUtil.notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
-      default: () => [vue.createVNode("span", {
+      default: () => [_item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "icon": _item.sysImage
+      }, null), vue.createVNode("span", {
         "class": this.ns.em("button", "text")
       }, [_item.text])]
     }))) ? _slot : {
@@ -126,7 +130,9 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
           }
           this.onSelectValueChange(value);
         }
-      }, [_item.text || ""]);
+      }, [_item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+        "icon": _item.sysImage
+      }, null), _item.text || ""]);
     })])]);
   }
 });

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.css

@@ -1 +1 @@
-.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-radio-tab{height:100%;overflow-x:auto;white-space:nowrap}.ibiz-radio-tab-item{position:relative;display:inline-block;height:100%;padding:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-radio-tab-item:hover{color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-radio-tab-item.is-disabled::after{background-color:var(--ibiz-color-disabled-text)}
+.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio .el-radio__label{display:flex;align-items:center}.ibiz-radio .el-radio__label .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio__button .el-radio-button__inner{display:flex;align-items:center}.ibiz-radio__button .el-radio-button__inner .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-radio-tab{display:flex;height:100%;overflow-x:auto;white-space:nowrap}.ibiz-radio-tab-item{position:relative;display:inline-block;display:flex;align-items:center;width:auto;height:100%;padding:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-radio-tab-item:hover{color:var(--ibiz-color-primary)}.ibiz-radio-tab-item .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio-tab-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-radio-tab-item.is-disabled::after{background-color:var(--ibiz-color-disabled-text)}

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

@@ -14,6 +14,9 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
     const c = props.controller;
     const editorModel = c.model;
     const content = vue.ref("");
+    const enableOverFlow = vue.computed(() => {
+      return !!c.model.editorHeight;
+    });
     let type = "TEXT";
     let template = "";
     if (editorModel.contentType) {
@@ -66,12 +69,13 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
       content,
       type,
       template,
+      enableOverFlow,
       showFormDefaultContent
     };
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
+      "class": [this.ns.b(), this.ns.is("overflow", this.enableOverFlow), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.content && vue.createVNode(vue.resolveComponent("iBizRawItem"), {
       "class": this.ns.b("content"),
       "content": this.content,

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

@@ -1 +1 @@
-.ibiz-raw{line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-raw.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-raw{line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-raw.is-overflow .ibiz-rawitem{overflow-y:auto}.ibiz-form-item .ibiz-raw.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/lib/editor/text-box/input/input.cjs

@@ -3,9 +3,12 @@
 var vue = require('vue');
 var lodashEs = require('lodash-es');
 var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
 var core = require('@ibiz-template/core');
 var qxUtil = require('qx-util');
+require('../../../util/index.cjs');
 require('./input.css');
+var aiUtil = require('../../../util/ai-util/ai-util.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -40,11 +43,14 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const type = vue.computed(() => {
       switch (editorModel.editorType) {
         case "TEXTBOX":
+        case "MOBTEXT":
           return "text";
         case "PASSWORD":
+        case "MOBPASSWORD":
           return "password";
         case "TEXTAREA":
         case "TEXTAREA_10":
+        case "MOBTEXTAREA":
           return "textarea";
         default:
           return "string";
@@ -159,82 +165,209 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     };
     let chatInstance;
     const onClick = async () => {
-      var _a, _b;
-      if (c.deService) {
-        const module = await import('@ibiz-template-plugin/ai-chat');
-        const chat = module.chat || module.default.chat;
-        chatInstance = chat;
-        const aiChat = chat.create({
-          question: async (arr) => {
-            var _a2, _b2;
-            const id = qxUtil.createUUID();
-            await ((_b2 = c.deService) == null ? void 0 : _b2.aiChatSse((msg) => {
-              ibiz.log.info("aiChatSse", msg);
-              if (msg.actionstate === 20 && msg.actionresult) {
-                aiChat.addMessage({
-                  messageid: id,
-                  state: msg.actionstate,
-                  type: "DEFAULT",
-                  role: "ASSISTANT",
-                  content: msg.actionresult
-                });
-              } else if (msg.actionstate === 30 && msg.actionresult) {
-                const result = JSON.parse(msg.actionresult);
-                const choices = result.choices;
-                if (choices && choices.length > 0) {
-                  aiChat.replaceMessage({
+      const appDataEntityId = c.model.appDataEntityId;
+      if (!appDataEntityId || !c.deACMode)
+        return;
+      const {
+        contentToolbarItems,
+        footerToolbarItems,
+        questionToolbarItems,
+        otherToolbarItems
+      } = aiUtil.calcAiToolbarItemsByAc(c.deACMode);
+      const {
+        zIndex
+      } = vue3Util.useUIStore();
+      const containerZIndex = zIndex.increment();
+      const module = await import('@ibiz-template-plugin/ai-chat');
+      chatInstance = module.chat || module.default.chat;
+      let id = "";
+      let abortController;
+      chatInstance.create({
+        containerOptions: {
+          zIndex: containerZIndex
+        },
+        chatOptions: {
+          caption: c.deACMode.logicName,
+          context: {
+            ...c.context
+          },
+          params: {
+            ...c.params,
+            srfactag: c.deACMode.codeName
+          },
+          // 编辑器参数srfaiappendcurdata，是否传入对象参数，用于历史查询传参
+          appendCurData: c.editorParams.srfaiappendcurdata === "true" ? props.data : void 0,
+          // 编辑器参数srfaiappendcurcontent，传入编辑内容作为用户消息,获取历史数据后附加
+          appendCurContent: c.editorParams.srfaiappendcurcontent ? core.StringUtil.fill(c.editorParams.srfaiappendcurcontent, c.context, c.params, props.data) : void 0,
+          appDataEntityId,
+          contentToolbarItems,
+          footerToolbarItems,
+          questionToolbarItems,
+          otherToolbarItems,
+          question: async (aiChat, ctx, param, other, arr) => {
+            id = qxUtil.createUUID();
+            abortController = new AbortController();
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            try {
+              await deService.aiChatSse((msg) => {
+                if (msg.actionstate === 20 && msg.actionresult) {
+                  aiChat.addMessage({
                     messageid: id,
                     state: msg.actionstate,
                     type: "DEFAULT",
                     role: "ASSISTANT",
-                    content: choices[0].content || ""
+                    content: msg.actionresult
+                  });
+                } else if (msg.actionstate === 30 && msg.actionresult) {
+                  const result = JSON.parse(msg.actionresult);
+                  const choices = result.choices;
+                  if (choices && choices.length > 0) {
+                    aiChat.replaceMessage({
+                      messageid: id,
+                      state: msg.actionstate,
+                      type: "DEFAULT",
+                      role: "ASSISTANT",
+                      content: choices[0].content || ""
+                    });
+                  }
+                } else if (msg.actionstate === 40) {
+                  aiChat.replaceMessage({
+                    messageid: id,
+                    state: msg.actionstate,
+                    type: "ERROR",
+                    role: "ASSISTANT",
+                    content: msg.actionresult
                   });
                 }
-              } else if (msg.actionstate === 40) {
-                aiChat.replaceMessage({
-                  messageid: id,
-                  state: msg.actionstate,
-                  type: "ERROR",
-                  role: "ASSISTANT",
-                  content: msg.actionresult
-                });
-              }
-            }, c.context, {
-              srfactag: (_a2 = c.deACMode) == null ? void 0 : _a2.codeName
-            }, {
-              messages: arr
-            }));
-            aiChat.addMessage({
+              }, abortController, ctx, param, {
+                messages: arr
+              });
+            } catch (error) {
+              aiChat.replaceMessage({
+                messageid: id,
+                state: 40,
+                type: "ERROR",
+                role: "ASSISTANT",
+                content: error.message || ibiz.i18n.t("app.aiError")
+              });
+              abortController == null ? void 0 : abortController.abort();
+            } finally {
+              aiChat.completeMessage(id, true);
+              return true;
+            }
+          },
+          abortQuestion: async (aiChat) => {
+            abortController == null ? void 0 : abortController.abort();
+            await aiChat.stopMessage({
               messageid: id,
-              state: 10,
+              state: 30,
               type: "DEFAULT",
               role: "ASSISTANT",
               content: ""
             });
-            return true;
+            await aiChat.completeMessage(id, true);
           },
           action: (action, message) => {
             if (action === "backfill") {
-              handleChange(message.content);
+              handleChange(message.realcontent || "");
+            }
+          },
+          history: async (ctx, param, other) => {
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            const historyData = other.appendCurData ? other.appendCurData : {};
+            const result = await deService.aiChatHistory(ctx, param, historyData);
+            if (result.data && Array.isArray(result.data)) {
+              let preMsg;
+              result.data.forEach((item) => {
+                if (item.role === "TOOL") {
+                  if (preMsg && item.content) {
+                    chatInstance.aiChat.updateRecommendPrompt(preMsg, item.content);
+                  }
+                } else {
+                  const msg = {
+                    messageid: qxUtil.createUUID(),
+                    state: 30,
+                    type: "DEFAULT",
+                    role: item.role,
+                    content: item.content,
+                    completed: true
+                  };
+                  preMsg = msg;
+                  chatInstance.aiChat.addMessage(msg);
+                }
+              });
+            }
+            return true;
+          },
+          recommendPrompt: async (ctx, param, other) => {
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            const result = await deService.aiChatRecommendPrompt(ctx, param, other.message);
+            if (result.ok && result.data) {
+              const choices = result.data.choices;
+              if (choices && choices.length > 0) {
+                return choices[0];
+              }
+              return null;
             }
+            return null;
+          },
+          uploader: {
+            onUpload: async (file, reportProgress, options) => {
+              const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
+              const uploadHeaders = {};
+              const token = core.getAppCookie(core.CoreConst.TOKEN);
+              if (token) {
+                Object.assign(uploadHeaders, {
+                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
+                });
+              }
+              const formData = new FormData();
+              formData.append("file", file);
+              const res = await ibiz.net.axios({
+                url: fileMeata.uploadUrl,
+                method: "post",
+                headers: uploadHeaders,
+                data: formData,
+                onUploadProgress: (progressEvent) => {
+                  const percent = progressEvent.loaded / progressEvent.total * 100;
+                  reportProgress(percent);
+                }
+              });
+              return res.data;
+            }
+          },
+          extendToolbarClick: async (event, source, context, params, data) => {
+            var _a, _b;
+            const result = await runtime.UIActionUtil.exec(source.id, {
+              view: c.view,
+              ctrl: c.ctrl,
+              context: core.IBizContext.create(context),
+              params,
+              data: [data],
+              event
+            }, source.appId);
+            if (result.closeView) {
+              c.view.closeView({
+                ok: true
+              });
+            } else if (result.refresh) {
+              switch (result.refreshMode) {
+                case 1:
+                  c.view.callUIAction(runtime.SysUIActionTag.REFRESH);
+                  break;
+                case 2:
+                  (_a = c.view.parentView) == null ? void 0 : _a.callUIAction(runtime.SysUIActionTag.REFRESH);
+                  break;
+                case 3:
+                  (_b = c.view.getTopView()) == null ? void 0 : _b.callUIAction(runtime.SysUIActionTag.REFRESH);
+                  break;
+                default:
+              }
+            }
+            return result;
           }
-        });
-        const res = await ((_b = c.deService) == null ? void 0 : _b.aiChatHistory(c.context, {
-          srfactag: (_a = c.deACMode) == null ? void 0 : _a.codeName
-        }));
-        if (res.data && Array.isArray(res.data)) {
-          res.data.forEach((item) => {
-            const msg = {
-              messageid: qxUtil.createUUID(),
-              state: 30,
-              type: "DEFAULT",
-              role: item.role,
-              content: item.content
-            };
-            aiChat.addMessage(msg);
-          });
         }
-      }
+      });
     };
     vue.onUnmounted(() => {
       if (chatInstance) {

package/lib/editor/text-box/text-box-editor.controller.cjs

@@ -94,7 +94,7 @@ class TextBoxEditorController extends runtime.CodeListEditorController {
   async onInit() {
     await super.onInit();
     this.precision = this.editorParams.precision ? lodashEs.toNumber(this.editorParams.precision) : this.model.precision;
-    if (this.model.editorType === "TEXTAREA" || this.model.editorType === "TEXTAREA_10") {
+    if (this.model.editorType === "TEXTAREA" || this.model.editorType === "TEXTAREA_10" || this.model.editorType === "MOBTEXTAREA") {
       const model = this.model;
       if (model.appDEACModeId) {
         this.deACMode = await runtime.getDeACMode(
@@ -125,7 +125,7 @@ class TextBoxEditorController extends runtime.CodeListEditorController {
               );
             }
           }
-          if (this.deACMode.actype === "CHATCOMPLETION") {
+          if (this.deACMode.actype === "CHATCOMPLETION" && ibiz.env.enableAI) {
             this.deService = await ibiz.hub.getApp(model.appId).deService.getService(this.context, model.appDataEntityId);
             this.chatCompletion = true;
           }