@ibiz-template/vue3-components 0.7.41-alpha.40 → 0.7.41-alpha.41

package/es/control/form/form-detail/form-item/composite-form-item-ex/composite-form-item-ex.controller.mjs

@@ -26,7 +26,7 @@ class CompositeFormItemExController extends FormItemController {
     __publicField(this, "includesList", ["HTMLEDITOR_DEFAULT", "MARKDOWN_DEFAULT"]);
     /**
      * @description 切换菜单选项
-     * @type {{ id: string; name: string; editor?: IData }[]}
+     * @type {{ id: string; name: string; icon?: ISysImage, editor?: IData }[]}
      * @memberof CompositeFormItemExController
      */
     __publicField(this, "switchOptions", []);
@@ -60,6 +60,7 @@ class CompositeFormItemExController extends FormItemController {
           return {
             id: item.value,
             name: item.text,
+            icon: item.sysImage,
             editor: item.data
           };
         });

package/es/control/form/form-detail/form-item/composite-form-item-ex/composite-form-item-ex.css

@@ -1 +1 @@
-.ibiz-composite-form-item-ex{--ibiz-composite-form-item-ex-menu-top:0;--ibiz-composite-form-item-ex-menu-right:0;--ibiz-composite-form-item-ex-menu-text-color:var(--ibiz-color-text-2);--ibiz-composite-form-item-ex-menu-font-size:var(--ibiz-font-size-regular);--ibiz-composite-form-item-ex-menu-width:80px;--ibiz-composite-form-item-ex-menu-height:var(--ibiz-height-control-default);--ibiz-composite-form-item-ex-menu-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-composite-form-item-ex-menu-z-index:9;--ibiz-composite-form-item-ex-menu-padding:0 var(--ibiz-spacing-tight);--ibiz-composite-form-item-ex-menu-item-padding:var(--ibiz-spacing-extra-tight);--ibiz-composite-form-item-ex-menu-item-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-composite-form-item-ex-loading-min-height:calc(var(--el-loading-spinner-size) + var(--ibiz-spacing-tight));position:relative}.ibiz-composite-form-item-ex .ibiz-composite-form-item-ex-menu{position:absolute;top:var(--ibiz-composite-form-item-ex-menu-top);right:var(--ibiz-composite-form-item-ex-menu-right);z-index:var(--ibiz-composite-form-item-ex-menu-z-index);display:flex;align-items:center;width:var(--ibiz-composite-form-item-ex-menu-width);height:var(--ibiz-composite-form-item-ex-menu-height);padding:var(--ibiz-composite-form-item-ex-menu-padding);font-size:var(--ibiz-composite-form-item-ex-menu-font-size);color:var(--ibiz-composite-form-item-ex-menu-text-color);cursor:pointer}.ibiz-composite-form-item-ex-menu__text{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-composite-form-item-ex-menu__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;margin-left:var(--ibiz-composite-form-item-ex-menu-icon-gap)}.ibiz-composite-form-item-ex-menu__icon svg{width:1em;height:1em}.ibiz-form-item-container__editor>.el-loading-parent--relative{min-height:var(--ibiz-composite-form-item-ex-loading-min-height)}.ibiz-composite-form-item-ex-menu-popover{--ibiz-composite-form-item-ex-menu-top:0;--ibiz-composite-form-item-ex-menu-right:0;--ibiz-composite-form-item-ex-menu-text-color:var(--ibiz-color-text-2);--ibiz-composite-form-item-ex-menu-font-size:var(--ibiz-font-size-regular);--ibiz-composite-form-item-ex-menu-width:80px;--ibiz-composite-form-item-ex-menu-height:var(--ibiz-height-control-default);--ibiz-composite-form-item-ex-menu-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-composite-form-item-ex-menu-z-index:9;--ibiz-composite-form-item-ex-menu-padding:0 var(--ibiz-spacing-tight);--ibiz-composite-form-item-ex-menu-item-padding:var(--ibiz-spacing-extra-tight);--ibiz-composite-form-item-ex-menu-item-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-composite-form-item-ex-loading-min-height:calc(var(--el-loading-spinner-size) + var(--ibiz-spacing-tight))}.ibiz-composite-form-item-ex-menu-content{font-size:var(--ibiz-composite-form-item-ex-menu-font-size);color:var(--ibiz-composite-form-item-ex-menu-text-color)}.ibiz-composite-form-item-ex-menu-item{display:flex;align-items:center;padding:var(--ibiz-composite-form-item-ex-menu-item-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-composite-form-item-ex-menu-item__icon{flex:0 0 auto;width:1em;height:1em;margin-right:var(--ibiz-composite-form-item-ex-menu-icon-gap);visibility:hidden;fill:currentcolor}.ibiz-composite-form-item-ex-menu-item__text{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-composite-form-item-ex-menu-item.is-active .ibiz-composite-form-item-ex-menu-item__icon{visibility:visible}.ibiz-composite-form-item-ex-menu-item:hover{background-color:var(--ibiz-composite-form-item-ex-menu-item-hover-bg-color)}
+.ibiz-composite-form-item-ex{--ibiz-composite-form-item-ex-menu-top:0;--ibiz-composite-form-item-ex-menu-right:0;--ibiz-composite-form-item-ex-menu-text-color:var(--ibiz-color-text-2);--ibiz-composite-form-item-ex-menu-font-size:var(--ibiz-font-size-regular);--ibiz-composite-form-item-ex-menu-width:120px;--ibiz-composite-form-item-ex-menu-height:var(--ibiz-height-control-default);--ibiz-composite-form-item-ex-menu-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-composite-form-item-ex-menu-z-index:9;--ibiz-composite-form-item-ex-menu-padding:0 var(--ibiz-spacing-base-tight);--ibiz-composite-form-item-ex-menu-item-padding:var(--ibiz-spacing-extra-tight);--ibiz-composite-form-item-ex-menu-item-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-composite-form-item-ex-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-composite-form-item-ex-menu-text-icon-size:var(--ibiz-font-size-header-6);--ibiz-composite-form-item-ex-menu-content-padding:var(--ibiz-spacing-base-tight);--ibiz-composite-form-item-ex-loading-min-height:calc(var(--el-loading-spinner-size) + var(--ibiz-spacing-tight));position:relative}.ibiz-composite-form-item-ex .ibiz-composite-form-item-ex-menu{position:absolute;top:var(--ibiz-composite-form-item-ex-menu-top);right:var(--ibiz-composite-form-item-ex-menu-right);z-index:var(--ibiz-composite-form-item-ex-menu-z-index);display:flex;align-items:center;width:var(--ibiz-composite-form-item-ex-menu-width);height:var(--ibiz-composite-form-item-ex-menu-height);padding:var(--ibiz-composite-form-item-ex-menu-padding);font-size:var(--ibiz-composite-form-item-ex-menu-font-size);color:var(--ibiz-composite-form-item-ex-menu-text-color);cursor:pointer;background:var(--ibiz-composite-form-item-ex-menu-bg-color)}.ibiz-composite-form-item-ex-menu__text-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:1em;height:1em;margin-right:var(--ibiz-composite-form-item-ex-menu-icon-gap);font-size:var(--ibiz-composite-form-item-ex-menu-text-icon-size)}.ibiz-composite-form-item-ex-menu__text-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-composite-form-item-ex-menu__text-icon .ibiz-icon svg{width:1em;height:1em;fill:currentcolor}.ibiz-composite-form-item-ex-menu__text{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-composite-form-item-ex-menu__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;margin-left:var(--ibiz-composite-form-item-ex-menu-icon-gap)}.ibiz-composite-form-item-ex-menu__icon svg{width:1em;height:1em}.ibiz-form-item-container__editor>.el-loading-parent--relative{min-height:var(--ibiz-composite-form-item-ex-loading-min-height)}.ibiz-composite-form-item-ex-menu-popover{--ibiz-composite-form-item-ex-menu-top:0;--ibiz-composite-form-item-ex-menu-right:0;--ibiz-composite-form-item-ex-menu-text-color:var(--ibiz-color-text-2);--ibiz-composite-form-item-ex-menu-font-size:var(--ibiz-font-size-regular);--ibiz-composite-form-item-ex-menu-width:120px;--ibiz-composite-form-item-ex-menu-height:var(--ibiz-height-control-default);--ibiz-composite-form-item-ex-menu-icon-gap:var(--ibiz-spacing-extra-tight);--ibiz-composite-form-item-ex-menu-z-index:9;--ibiz-composite-form-item-ex-menu-padding:0 var(--ibiz-spacing-base-tight);--ibiz-composite-form-item-ex-menu-item-padding:var(--ibiz-spacing-extra-tight);--ibiz-composite-form-item-ex-menu-item-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-composite-form-item-ex-menu-bg-color:var(--ibiz-color-bg-3);--ibiz-composite-form-item-ex-menu-text-icon-size:var(--ibiz-font-size-header-6);--ibiz-composite-form-item-ex-menu-content-padding:var(--ibiz-spacing-base-tight);--ibiz-composite-form-item-ex-loading-min-height:calc(var(--el-loading-spinner-size) + var(--ibiz-spacing-tight))}.ibiz-composite-form-item-ex-menu-popover.el-popover.el-popper{width:var(--ibiz-composite-form-item-ex-menu-width)!important;min-width:var(--ibiz-composite-form-item-ex-menu-width);padding:var(--ibiz-composite-form-item-ex-menu-content-padding)}.ibiz-composite-form-item-ex-menu-content{font-size:var(--ibiz-composite-form-item-ex-menu-font-size);color:var(--ibiz-composite-form-item-ex-menu-text-color)}.ibiz-composite-form-item-ex-menu-item{display:flex;align-items:center;padding:var(--ibiz-composite-form-item-ex-menu-item-padding);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ibiz-composite-form-item-ex-menu-item__icon{flex:0 0 auto;width:1em;height:1em;margin-right:var(--ibiz-composite-form-item-ex-menu-icon-gap);visibility:hidden;fill:currentcolor}.ibiz-composite-form-item-ex-menu-item__text-icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:1em;height:1em;margin-right:var(--ibiz-composite-form-item-ex-menu-icon-gap);font-size:var(--ibiz-composite-form-item-ex-menu-text-icon-size)}.ibiz-composite-form-item-ex-menu-item__text-icon .ibiz-icon{display:flex;align-items:center;justify-content:center}.ibiz-composite-form-item-ex-menu-item__text-icon .ibiz-icon svg{width:1em;height:1em;fill:currentcolor}.ibiz-composite-form-item-ex-menu-item__text{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-composite-form-item-ex-menu-item.is-active .ibiz-composite-form-item-ex-menu-item__icon{visibility:visible}.ibiz-composite-form-item-ex-menu-item:hover{background-color:var(--ibiz-composite-form-item-ex-menu-item-hover-bg-color)}

package/es/control/form/form-detail/form-item/composite-form-item-ex/composite-form-item-ex.mjs

@@ -66,14 +66,20 @@ const CompositeFormItemEx = /* @__PURE__ */ defineComponent({
     const isIncludes = this.c.includesList.some((id) => id === "".concat(editorType, "_").concat(editorStyle));
     const editorSwitchMenu = createVNode(resolveComponent("el-popover"), {
       "trigger": "click",
-      "popper-class": this.ns2.b("menu-popover")
+      "popper-class": this.ns2.b("menu-popover"),
+      "offset": 0
     }, {
       reference: () => {
+        const option = this.c.switchOptions.find((item) => item.id === this.c.state.editorId);
         return createVNode("div", {
           "class": this.ns2.b("menu")
         }, [createVNode("div", {
+          "class": this.ns2.be("menu", "text-icon")
+        }, [createVNode(resolveComponent("iBizIcon"), {
+          "icon": option == null ? void 0 : option.icon
+        }, null)]), createVNode("div", {
           "class": this.ns2.be("menu", "text")
-        }, [this.c.state.editorId]), createVNode("div", {
+        }, [(option == null ? void 0 : option.name) || this.c.state.editorId]), createVNode("div", {
           "class": this.ns2.be("menu", "icon")
         }, [createVNode("svg", {
           "xmlns": "http://www.w3.org/2000/svg",
@@ -97,6 +103,10 @@ const CompositeFormItemEx = /* @__PURE__ */ defineComponent({
             "class": this.ns2.be("menu-item", "icon")
           }, [createVNode("path", {
             "d": "M574.116299 786.736392 1238.811249 48.517862C1272.390222 11.224635 1329.414799 7.827718 1366.75664 41.450462 1403.840015 74.840484 1406.731043 132.084741 1373.10189 169.433699L655.118888 966.834607C653.072421 969.716875 650.835807 972.514337 648.407938 975.210759 615.017957 1012.29409 558.292155 1015.652019 521.195664 982.250188L72.778218 578.493306C35.910826 545.297758 32.859041 488.584019 66.481825 451.242134 99.871807 414.158803 156.597563 410.800834 193.694055 444.202665L574.116299 786.736392Z"
+          }, null)]), createVNode("div", {
+            "class": this.ns2.be("menu-item", "text-icon")
+          }, [createVNode(resolveComponent("iBizIcon"), {
+            "icon": option.icon
           }, null)]), createVNode("span", {
             "class": this.ns2.be("menu-item", "text")
           }, [option.name])]);

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

@@ -4,10 +4,8 @@ import { createUUID } from 'qx-util';
 import { ElMessageBox } from 'element-plus';
 import '../../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
 import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
-import { IBizContext, StringUtil } from '@ibiz-template/core';
-import '../../../util/index.mjs';
+import { IBizContext } from '@ibiz-template/core';
 import './monaco-editor.css';
-import { calcAiToolbarItemsByAc } from '../../../util/ai-util/ai-util.mjs';
 import loader from '../../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
 
 "use strict";
@@ -33,7 +31,6 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     const enableFullScreen = ref(false);
     const isFullScreen = ref(false);
     const isLoading = ref(false);
-    let autoClose;
     const textTBRef = ref();
     const textTBStyle = ref({
       [ns.cssVarBlockName("text-editor-toolbar-z-index")]: zIndex.increment()
@@ -58,13 +55,6 @@ const IBizCode = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.enablefullscreen) {
         enableFullScreen.value = c.toBoolean(editorModel.editorParams.enablefullscreen);
       }
-      if (editorModel.editorParams.autoclose) {
-        try {
-          autoClose = JSON.parse(editorModel.editorParams.autoclose);
-        } catch (error) {
-          ibiz.log.error(error);
-        }
-      }
     }
     let editor;
     let monacoEditor;
@@ -127,19 +117,24 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     const openAIChat = async () => {
       if (!c.deACMode || !c.model.appDataEntityId)
         return;
+      const aiAgentlist = await ibiz.aiChatUtil.getAIAgentList(c.context, c.params);
       const {
         contentToolbarItems,
         footerToolbarItems,
         questionToolbarItems,
         otherToolbarItems
-      } = calcAiToolbarItemsByAc(c.deACMode);
-      const module = await import('@ibiz-template-plugin/ai-chat');
-      chatInstance = module.chat || module.default.chat;
+      } = ibiz.aiChatUtil.calcAiToolbarItemsByAc(c.deACMode);
+      const {
+        containerOptions,
+        chatOptions
+      } = ibiz.aiChatUtil.getEditorExAIChatParams(c.editorParams, c.context, c.params, props.data);
+      chatInstance = await ibiz.aiChatUtil.getAIChat();
       let id = "";
       let abortController;
       chatInstance.create({
         containerOptions: {
-          zIndex: zIndex.increment()
+          zIndex: zIndex.increment(),
+          ...containerOptions
         },
         chatOptions: {
           caption: c.deACMode.logicName,
@@ -150,28 +145,28 @@ const IBizCode = /* @__PURE__ */ defineComponent({
             ...c.params,
             srfactag: c.deACMode.codeName
           },
-          // 编辑器参数srfaiappendcurdata，是否传入对象参数，用于历史查询传参
-          appendCurData: c.editorParams.srfaiappendcurdata === "true" ? props.data : void 0,
-          // 自动提问
-          autoQuestion: c.editorParams.autoquestion !== "false",
-          // 自动填充
-          autoFill: c.editorParams.autofill === "true",
-          // 窗口的打开模式
-          openMode: c.editorParams.openmode,
-          // 窗口的自动关闭模式
-          autoClose,
-          // 编辑器参数srfaiappendcurcontent，传入编辑内容作为用户消息,获取历史数据后附加
-          appendCurContent: c.editorParams.srfaiappendcurcontent ? StringUtil.fill(c.editorParams.srfaiappendcurcontent, c.context, c.params, props.data) : void 0,
           appDataEntityId: c.model.appDataEntityId,
           contentToolbarItems,
           footerToolbarItems,
           questionToolbarItems,
           otherToolbarItems,
-          question: async (aiChat, ctx, param, other, arr, sessionid) => {
+          aiAgentlist,
+          ...chatOptions,
+          question: async (aiChat, ctx, param, other, arr, sessionid, srfaiagent, srfmode) => {
             id = createUUID();
             abortController = new AbortController();
             const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
             try {
+              const questionRequestData = {
+                messages: arr,
+                sessionid
+              };
+              if (srfaiagent) {
+                questionRequestData.srfaiagent = srfaiagent;
+              }
+              if (srfmode) {
+                questionRequestData.mode = srfmode;
+              }
               await deService.aiChatSse((msg) => {
                 if (msg.actionstate === 20 && msg.actionresult) {
                   aiChat.addMessage({
@@ -203,8 +198,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
                   });
                 }
               }, abortController, ctx, param, {
-                messages: arr,
-                sessionid
+                ...questionRequestData
               });
             } catch (error) {
               aiChat.replaceMessage({
@@ -237,8 +231,23 @@ const IBizCode = /* @__PURE__ */ defineComponent({
           },
           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);
+            const historyRequestData = {};
+            if (other.appendCurData) {
+              Object.assign(historyRequestData, {
+                ...other.appendCurData
+              });
+            }
+            if (other.srfaiagent) {
+              Object.assign(historyRequestData, {
+                srfaiagent: other.srfaiagent
+              });
+            }
+            if (other.srfmode) {
+              Object.assign(historyRequestData, {
+                mode: other.srfmode
+              });
+            }
+            const result = await deService.aiChatHistory(ctx, param, historyRequestData);
             if (result.data && Array.isArray(result.data)) {
               let preMsg;
               result.data.forEach((item) => {

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

@@ -0,0 +1,3 @@
+export { genDefaultToolbarKeys } from './toolbar.mjs';
+
+"use strict";

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

@@ -0,0 +1,90 @@
+import { t } from '@wangeditor/editor';
+import { MORE_SVG, JUSTIFY_LEFT_SVG, INDENT_RIGHT_SVG, IMAGE_SVG, VIDEO_SVG } from '../constants/svg.mjs';
+
+"use strict";
+function genDefaultToolbarKeys() {
+  return [
+    "headerSelect",
+    // 'header1',
+    // 'header2',
+    // 'header3',
+    "blockquote",
+    "|",
+    "bold",
+    "underline",
+    "italic",
+    {
+      key: "group-more-style",
+      // 以 group 开头
+      title: t("editor.more"),
+      iconSvg: MORE_SVG,
+      menuKeys: ["through", "code", "sup", "sub", "clearStyle"]
+    },
+    "color",
+    "bgColor",
+    "|",
+    "fontSize",
+    "fontFamily",
+    "lineHeight",
+    "|",
+    "bulletedList",
+    "numberedList",
+    "todo",
+    {
+      key: "group-justify",
+      // 以 group 开头
+      title: t("editor.justify"),
+      iconSvg: JUSTIFY_LEFT_SVG,
+      menuKeys: [
+        "justifyLeft",
+        "justifyRight",
+        "justifyCenter",
+        "justifyJustify"
+      ]
+    },
+    {
+      key: "group-indent",
+      // 以 group 开头
+      title: t("editor.indent"),
+      iconSvg: INDENT_RIGHT_SVG,
+      menuKeys: ["indent", "delIndent"]
+    },
+    "|",
+    "emotion",
+    "insertLink",
+    // 'editLink',
+    // 'unLink',
+    // 'viewLink',
+    {
+      key: "group-image",
+      // 以 group 开头
+      title: t("editor.image"),
+      iconSvg: IMAGE_SVG,
+      menuKeys: ["insertImage", "uploadImage"]
+    },
+    // 'deleteImage',
+    // 'editImage',
+    // 'viewImageLink',
+    {
+      key: "group-video",
+      // 以 group 开头
+      title: t("editor.video"),
+      iconSvg: VIDEO_SVG,
+      menuKeys: ["insertVideo", "uploadVideo"]
+    },
+    // 'deleteVideo',
+    "insertTable",
+    "codeBlock",
+    // 'codeSelectLang',
+    "divider",
+    // 'deleteTable',
+    "|",
+    "undo",
+    "redo",
+    "|",
+    "fullScreen",
+    "emoji"
+  ];
+}
+
+export { genDefaultToolbarKeys };

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

@@ -0,0 +1,8 @@
+"use strict";
+const INDENT_RIGHT_SVG = '<svg viewBox="0 0 1024 1024"><path d="M0 64h1024v128H0z m384 192h640v128H384z m0 192h640v128H384z m0 192h640v128H384zM0 832h1024v128H0z m0-128V320l256 192z"></path></svg>';
+const JUSTIFY_LEFT_SVG = '<svg viewBox="0 0 1024 1024"><path d="M768 793.6v102.4H51.2v-102.4h716.8z m204.8-230.4v102.4H51.2v-102.4h921.6z m-204.8-230.4v102.4H51.2v-102.4h716.8zM972.8 102.4v102.4H51.2V102.4h921.6z"></path></svg>';
+const IMAGE_SVG = '<svg viewBox="0 0 1024 1024"><path d="M959.877 128l0.123 0.123v767.775l-0.123 0.122H64.102l-0.122-0.122V128.123l0.122-0.123h895.775zM960 64H64C28.795 64 0 92.795 0 128v768c0 35.205 28.795 64 64 64h896c35.205 0 64-28.795 64-64V128c0-35.205-28.795-64-64-64zM832 288.01c0 53.023-42.988 96.01-96.01 96.01s-96.01-42.987-96.01-96.01S682.967 192 735.99 192 832 234.988 832 288.01zM896 832H128V704l224.01-384 256 320h64l224.01-192z"></path></svg>';
+const MORE_SVG = '<svg viewBox="0 0 1024 1024"><path d="M204.8 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path><path d="M505.6 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path><path d="M806.4 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path></svg>';
+const VIDEO_SVG = '<svg viewBox="0 0 1024 1024"><path d="M981.184 160.096C837.568 139.456 678.848 128 512 128S186.432 139.456 42.816 160.096C15.296 267.808 0 386.848 0 512s15.264 244.16 42.816 351.904C186.464 884.544 345.152 896 512 896s325.568-11.456 469.184-32.096C1008.704 756.192 1024 637.152 1024 512s-15.264-244.16-42.816-351.904zM384 704V320l320 192-320 192z"></path></svg>';
+
+export { IMAGE_SVG, INDENT_RIGHT_SVG, JUSTIFY_LEFT_SVG, MORE_SVG, VIDEO_SVG };

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

@@ -1 +1 @@
-.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor.is-readonly{height:auto!important}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:var(--ibiz-height-control-large);min-height:var(--ibiz-height-control-large);padding:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor table td{height:var(--ibiz-height-control-large);min-height:var(--ibiz-height-control-large);padding:var(--ibiz-spacing-tight);empty-cells:show;border:1px solid var(--ibiz-color-border)}.ibiz-html{--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-3);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-1)}.ibiz-html .table-container table{width:100%}.ibiz-html.is-enable-edit .w-e-bar-item>button{color:var(--w-e-toolbar-color);cursor:pointer}.ibiz-html.is-enable-edit .w-e-bar-item>button svg{fill:var(--w-e-toolbar-color)}.ibiz-html.is-show-editor-switch-menu .ibiz-html-content{position:relative}.ibiz-html.is-show-editor-switch-menu .ibiz-composite-form-item-ex-menu{--ibiz-composite-form-item-ex-menu-height:41px}.ibiz-html.is-show-editor-switch-menu .ibiz-html-toolbar>.w-e-toolbar.w-e-bar{padding-right:var(--ibiz-composite-form-item-ex-menu-width)}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-editor-readonly .ibiz-composite-form-item-ex-menu{display:none}.ibiz-html-toolbar .w-e-toolbar{background-color:var(--ibiz-color-bg-0);border:1px solid var(--ibiz-color-border);border-bottom:none;box-shadow:none}.ibiz-html-toolbar .w-e-toolbar .w-e-bar-item>button:hover{background-color:var(--ibiz-color-bg-0)}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-html-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-html-footer__cancel{height:var(--ibiz-height-control-default);line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-base);line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:var(--ibiz-height-control-default);padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-html-custom-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .el-dialog__header{display:none}.ibiz-html-dialog-full-screen .el-dialog__body{height:100%;padding-top:0}.ibiz-html-dialog-full-screen.is-editing .el-dialog__body{padding-bottom:0}.ibiz-html-dialog-full-screen .ibiz-html{padding:0;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px;padding-right:0}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 56px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-dialog-full-screen .ibiz-html-content.is-editing{height:calc(100% - 128px)}.ibiz-html-footer-dialog{height:68px;margin-top:0;margin-right:0}emoji-elem{margin:0 1px!important}
+.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor.is-readonly{height:auto!important}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:var(--ibiz-height-control-large);min-height:var(--ibiz-height-control-large);padding:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor table td{height:var(--ibiz-height-control-large);min-height:var(--ibiz-height-control-large);padding:var(--ibiz-spacing-tight);empty-cells:show;border:1px solid var(--ibiz-color-border)}.ibiz-html{--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-3);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-1)}.ibiz-html .table-container table{width:100%}.ibiz-html.is-enable-edit .w-e-bar-item>button{color:var(--w-e-toolbar-color);cursor:pointer}.ibiz-html.is-enable-edit .w-e-bar-item>button svg{fill:var(--w-e-toolbar-color)}.ibiz-html.is-show-editor-switch-menu .ibiz-html-content{position:relative}.ibiz-html.is-show-editor-switch-menu .ibiz-composite-form-item-ex-menu{--ibiz-composite-form-item-ex-menu-height:40px;position:relative;max-height:100%}.ibiz-html.is-show-editor-switch-menu .ibiz-html-toolbar>.w-e-toolbar.w-e-bar{padding-right:var(--ibiz-composite-form-item-ex-menu-width)}.ibiz-html.is-show-editor-switch-menu .ibiz-html-menu{position:absolute;top:2px;right:1px;z-index:var(--ibiz-composite-form-item-ex-menu-z-index);display:flex;align-items:center;height:calc(var(--ibiz-html-toolbar-height) - 1px);background:var(--ibiz-composite-form-item-ex-menu-bg-color);border-left:1px solid var(--ibiz-color-border)}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-editor-readonly .ibiz-composite-form-item-ex-menu{display:none}.ibiz-html-toolbar .w-e-toolbar{background-color:var(--ibiz-color-bg-0);border:1px solid var(--ibiz-color-border);border-bottom:none;box-shadow:none}.ibiz-html-toolbar .w-e-toolbar .w-e-bar-item>button:hover{background-color:var(--ibiz-color-bg-0)}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-html-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-html-footer__cancel{height:var(--ibiz-height-control-default);line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-base);line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:var(--ibiz-height-control-default);padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-html-custom-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .el-dialog__header{display:none}.ibiz-html-dialog-full-screen .el-dialog__body{height:100%;padding-top:0}.ibiz-html-dialog-full-screen.is-editing .el-dialog__body{padding-bottom:0}.ibiz-html-dialog-full-screen .ibiz-html{padding:0;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px;padding-right:0}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 56px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-dialog-full-screen .ibiz-html-content.is-editing{height:calc(100% - 128px)}.ibiz-html-footer-dialog{height:68px;margin-top:0;margin-right:0}emoji-elem{margin:0 1px!important}

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

@@ -3,14 +3,14 @@ import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
 import { createUUID } from 'qx-util';
 import { isNil } from 'ramda';
 import { useNamespace, useUIStore, getEditorEmits, getHtmlProps } from '@ibiz-template/vue3-util';
-import { IBizContext, StringUtil, awaitTimeout } from '@ibiz-template/core';
+import { IBizContext, awaitTimeout } from '@ibiz-template/core';
 import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
 import { ElMessageBox } from 'element-plus';
-import '../../../util/index.mjs';
 import './module/index.mjs';
+import './config/index.mjs';
 import './wang-editor.css';
+import { genDefaultToolbarKeys } from './config/toolbar.mjs';
 import { hoverbarKeysEx } from './module/inline-ai-module.mjs';
-import { calcAiToolbarItemsByAc } from '../../../util/ai-util/ai-util.mjs';
 
 "use strict";
 const IBizHtml = /* @__PURE__ */ defineComponent({
@@ -40,7 +40,6 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     const readonlyState = ref(false);
     const enableFullScreen = ref(false);
     const isFullScreen = ref(false);
-    let autoClose;
     const editorModel = c.model;
     if (editorModel.editorParams) {
       if (editorModel.editorParams.enableEdit) {
@@ -59,13 +58,6 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.enablefullscreen) {
         enableFullScreen.value = c.toBoolean(editorModel.editorParams.enablefullscreen);
       }
-      if (editorModel.editorParams.autoclose) {
-        try {
-          autoClose = JSON.parse(editorModel.editorParams.autoclose);
-        } catch (error) {
-          ibiz.log.error(error);
-        }
-      }
     }
     if (props.readonly) {
       hasEnableEdit.value = false;
@@ -108,12 +100,12 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     const customParseLinkUrl = (url) => {
       return url;
     };
+    const toolbarKeys = genDefaultToolbarKeys();
+    if (c.chatCompletion)
+      toolbarKeys.unshift(...["aichart", "|"]);
     const toolbarConfig = {
       excludeKeys: ["group-video", "emotion"],
-      insertKeys: {
-        index: 60,
-        keys: c.chatCompletion ? ["emoji", "|", "aichart"] : ["emoji"]
-      }
+      toolbarKeys
     };
     const editorConfig = {
       placeholder: c.placeHolder,
@@ -205,23 +197,28 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       const appDataEntityId = c.model.appDataEntityId;
       if (!appDataEntityId || !c.deACMode)
         return;
+      const aiAgentlist = await ibiz.aiChatUtil.getAIAgentList(c.context, c.params);
       const {
         contentToolbarItems,
         footerToolbarItems,
         questionToolbarItems,
         otherToolbarItems
-      } = calcAiToolbarItemsByAc(c.deACMode);
+      } = ibiz.aiChatUtil.calcAiToolbarItemsByAc(c.deACMode);
+      const {
+        containerOptions,
+        chatOptions
+      } = ibiz.aiChatUtil.getEditorExAIChatParams(c.editorParams, c.context, c.params, props.data);
       const {
         zIndex
       } = useUIStore();
       const containerZIndex = zIndex.increment();
-      const module = await import('@ibiz-template-plugin/ai-chat');
-      chatInstance = module.chat || module.default.chat;
+      chatInstance = await ibiz.aiChatUtil.getAIChat();
       let id = "";
       let abortController;
       chatInstance.create({
         containerOptions: {
-          zIndex: containerZIndex
+          zIndex: containerZIndex,
+          ...containerOptions
         },
         chatOptions: {
           caption: c.deACMode.logicName,
@@ -237,23 +234,23 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           footerToolbarItems,
           questionToolbarItems,
           otherToolbarItems,
-          // 编辑器参数srfaiappendcurdata，是否传入对象参数，用于历史查询传参
-          appendCurData: c.editorParams.srfaiappendcurdata === "true" ? props.data : void 0,
-          // 自动提问
-          autoQuestion: c.editorParams.autoquestion !== "false",
-          // 自动填充
-          autoFill: c.editorParams.autofill === "true",
-          // 窗口的打开模式
-          openMode: c.editorParams.openmode,
-          // 窗口的自动关闭模式
-          autoClose,
-          // 编辑器参数srfaiappendcurcontent，传入编辑内容作为用户消息,获取历史数据后附加
-          appendCurContent: c.editorParams.srfaiappendcurcontent ? StringUtil.fill(c.editorParams.srfaiappendcurcontent, c.context, c.params, props.data) : void 0,
-          question: async (aiChat, ctx, param, other, arr, sessionid) => {
+          aiAgentlist,
+          ...chatOptions,
+          question: async (aiChat, ctx, param, other, arr, sessionid, srfaiagent, srfmode) => {
             id = createUUID();
             abortController = new AbortController();
             const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
             try {
+              const questionRequestData = {
+                messages: arr,
+                sessionid
+              };
+              if (srfaiagent) {
+                questionRequestData.srfaiagent = srfaiagent;
+              }
+              if (srfmode) {
+                questionRequestData.mode = srfmode;
+              }
               await deService.aiChatSse((msg) => {
                 if (msg.actionstate === 20 && msg.actionresult) {
                   aiChat.addMessage({
@@ -285,8 +282,7 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
                   });
                 }
               }, abortController, ctx, param, {
-                messages: arr,
-                sessionid
+                ...questionRequestData
               });
             } catch (error) {
               aiChat.replaceMessage({
@@ -324,8 +320,23 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           },
           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);
+            const historyRequestData = {};
+            if (other.appendCurData) {
+              Object.assign(historyRequestData, {
+                ...other.appendCurData
+              });
+            }
+            if (other.srfaiagent) {
+              Object.assign(historyRequestData, {
+                srfaiagent: other.srfaiagent
+              });
+            }
+            if (other.srfmode) {
+              Object.assign(historyRequestData, {
+                mode: other.srfmode
+              });
+            }
+            const result = await deService.aiChatHistory(ctx, param, historyRequestData);
             if (result.data && Array.isArray(result.data)) {
               let preMsg;
               result.data.forEach((item) => {
@@ -523,7 +534,8 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
             const height = entries[0].contentRect.height;
             if (height !== lastToolbarHeight) {
               const tempCssVars = {
-                height: "".concat(htmlContentHeight - entries[0].contentRect.height + (height !== 0 ? 300 : 0), "px")
+                height: "".concat(htmlContentHeight - entries[0].contentRect.height + (height !== 0 ? 300 : 0), "px"),
+                "toolbar-height": "".concat(height, "px")
               };
               cssVars.value = ns.cssVarBlock(tempCssVars);
               lastToolbarHeight = height;
@@ -652,12 +664,13 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       return null;
     };
     const renderEditorContent = () => {
-      var _a;
       return createVNode("div", {
         "class": [ns.b("content"), ns.is("editing", !readonlyState.value)],
         "ref": "htmlContent",
         "style": cssVars.value
-      }, [(_a = slots.editorSwitchMenu) == null ? void 0 : _a.call(slots), createVNode(Toolbar, {
+      }, [slots.editorSwitchMenu ? createVNode("div", {
+        "class": ns.b("menu")
+      }, [slots.editorSwitchMenu()]) : null, createVNode(Toolbar, {
         "ref": "toolbarRef",
         "editor": editorRef.value,
         "default-config": toolbarConfig,