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

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

@@ -2,9 +2,15 @@
 
 var Cherry = require('cherry-markdown');
 var vue = require('vue');
+var qxUtil = require('qx-util');
+var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
 
 "use strict";
-function initCustomMenu(c) {
+function initCustomMenu(c, opts) {
+  const { props, isEditing, currentVal, emit } = opts;
+  let chatInstance = opts.chatInstance;
   const AIMenu = Cherry.createMenuHook("AI", {
     icon: {
       type: "svg",
@@ -39,7 +45,263 @@ function initCustomMenu(c) {
       });
     }
   });
-  return [AIMenu];
+  const AIChart = Cherry.createMenuHook("AIChart", {
+    icon: {
+      type: "svg",
+      content: "<svg\n                viewBox='0 0 16 16'\n                xmlns='http://www.w3.org/2000/svg'\n                fill='currentColor'\n                height='1em'\n                width='1em'\n                preserveAspectRatio='xMidYMid meet'\n                focusable='false'\n              >\n                <g\n                  id='aae1.Base\u57FA\u7840/1.icon\u56FE\u6807/2.normal/ai-star'\n                  stroke-width='1'\n                  fill-rule='evenodd'\n                >\n                  <path\n                    d='M5.817 1.53l3.158 8.797h.054v.152l1.443 4.021-1.402.001-1.041-2.982H2.495l-1.03 2.982L0 14.5 4.671 1.533l1.146-.003zm7.86 5.424V14.5h-1.213V6.954h1.212zM5.248 3.549l-2.342 6.778h4.706L5.249 3.55zM13.046 0c.075 0 .147.02.204.071a.318.318 0 01.094.181l.064.273c.097.417.17.727.255.968.084.24.177.4.31.523.134.124.318.218.599.306.281.088.65.166 1.15.265a.358.358 0 01.195.095c.056.057.083.13.083.213a.289.289 0 01-.083.21.362.362 0 01-.197.094c-.528.093-.918.167-1.214.255-.295.088-.485.187-.621.324-.137.138-.23.324-.31.606-.08.283-.145.651-.23 1.147a.329.329 0 01-.093.184.293.293 0 01-.206.075.308.308 0 01-.207-.072.322.322 0 01-.1-.188l-.006-.033c-.085-.486-.149-.845-.228-1.12-.079-.274-.17-.452-.305-.585-.135-.133-.323-.23-.618-.32s-.683-.168-1.21-.273a.353.353 0 01-.2-.096.29.29 0 01-.08-.208c0-.079.023-.153.079-.211a.35.35 0 01.2-.097c.5-.098.869-.176 1.15-.263.282-.087.465-.18.597-.302.132-.12.224-.278.306-.511.082-.236.151-.539.244-.947l.071-.312a.312.312 0 01.102-.183.311.311 0 01.205-.069z'\n                    id='aae\u5F62\u72B6\u7ED3\u5408'\n                  ></path>\n                </g>\n              </svg>\n            "
+    },
+    onClick: async () => {
+      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
+      } = ibiz.aiChatUtil.calcAiToolbarItemsByAc(c.deACMode);
+      const { containerOptions, chatOptions } = ibiz.aiChatUtil.getEditorExAIChatParams(
+        c.editorParams,
+        c.context,
+        c.params,
+        props.data
+      );
+      const { zIndex } = vue3Util.useUIStore();
+      const containerZIndex = zIndex.increment();
+      chatInstance = await ibiz.aiChatUtil.getAIChat();
+      let id = "";
+      let abortController;
+      chatInstance.create({
+        containerOptions: {
+          zIndex: containerZIndex,
+          ...containerOptions
+        },
+        chatOptions: {
+          caption: c.deACMode.logicName,
+          context: { ...c.context },
+          params: { ...c.params, srfactag: c.deACMode.codeName },
+          appDataEntityId,
+          contentToolbarItems,
+          footerToolbarItems,
+          questionToolbarItems,
+          otherToolbarItems,
+          aiAgentlist,
+          ...chatOptions,
+          question: async (aiChat, ctx, param, other, arr, sessionid, srfaiagent, srfmode) => {
+            id = qxUtil.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({
+                      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({
+                        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
+                    });
+                  }
+                },
+                abortController,
+                ctx,
+                param,
+                { ...questionRequestData }
+              );
+            } 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: 30,
+              type: "DEFAULT",
+              role: "ASSISTANT",
+              content: ""
+            });
+            await aiChat.completeMessage(id, true);
+          },
+          action: (action, message) => {
+            if (action === "backfill") {
+              if (isEditing.value) {
+                currentVal.value = message.realcontent || "";
+              } else {
+                emit("change", message.realcontent);
+              }
+            }
+          },
+          history: async (ctx, param, other) => {
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            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) => {
+                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 fielUploadHeaders = ibiz.util.file.getUploadHeaders();
+              const formData = new FormData();
+              formData.append("file", file);
+              const res = await ibiz.net.axios({
+                url: fileMeata.uploadUrl,
+                method: "post",
+                headers: fielUploadHeaders,
+                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;
+          }
+        }
+      });
+    }
+  });
+  return [AIMenu, AIChart];
 }
 
 exports.initCustomMenu = initCustomMenu;

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

@@ -25,7 +25,6 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const currentVal = vue.ref("");
     let editor = null;
     const id = qxUtil.createUUID();
-    const [AIMenu] = customMenu.initCustomMenu(c);
     const {
       onMDEditorCreated,
       renderImgPreview
@@ -48,10 +47,20 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const isFullScreen = vue.ref(false);
     const defaultModel = vue.ref("editOnly");
     let resizeObserver = null;
+    let toolbarResizeObserver = null;
     let lastMarkDownWidth = 0;
     const cssVars = vue.ref({});
+    const toolbarCssVars = vue.ref({});
     const lastDirectoryState = vue.ref("full");
     let isIgnoreChange = false;
+    let chatInstance;
+    const [AIMenu, AIChart] = customMenu.initCustomMenu(c, {
+      props,
+      chatInstance,
+      isEditing,
+      currentVal,
+      emit
+    });
     vue.watch(() => props.data, (newVal) => {
       if (newVal && c) {
         const editorParams = {
@@ -264,7 +273,11 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       vue.nextTick(() => {
         var _a2;
         const bubble = ["bold", "italic", "underline", "strikethrough", "sub", "sup", "|", "size", "color"];
+        const toolbar = ["bold", "italic", "underline", "strikethrough", "|", "color", "header", "|", "list", "image", {
+          insert: ["link", "hr", "br", "code", "formula", "toc", "table", "line-table", "bar-table"]
+        }, "settings", "togglePreview"];
         if (c && c.chatCompletion) {
+          toolbar.unshift("AIChart");
           bubble.unshift("AI");
         }
         editor = new Cherry({
@@ -300,13 +313,12 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
             }
           },
           toolbars: {
-            toolbar: ["bold", "italic", "underline", "strikethrough", "|", "color", "header", "|", "list", "image", {
-              insert: ["link", "hr", "br", "code", "formula", "toc", "table", "line-table", "bar-table"]
-            }, "settings", "togglePreview"],
+            toolbar,
             bubble,
             float: ["h1", "h2", "h3", "|", "checklist", "quote", "quickTable", "code"],
             customMenu: {
-              AI: AIMenu
+              AI: AIMenu,
+              AIChart
             },
             // 定义侧边栏，默认为空
             sidebar: ["theme", "copy"],
@@ -356,6 +368,19 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         parentElement == null ? void 0 : parentElement.appendChild(span);
         c == null ? void 0 : c.setMDEditor(editor);
         onMDEditorCreated(editor);
+        if (slots.editorSwitchMenu && window.ResizeObserver && markDownBox.value) {
+          const cherryToolbar = markDownBox.value.querySelector(".cherry-toolbar");
+          if (cherryToolbar) {
+            toolbarResizeObserver = new ResizeObserver((entries) => {
+              var _a3;
+              const height = (_a3 = entries[0]) == null ? void 0 : _a3.contentRect.height;
+              toolbarCssVars.value = ns.cssVarBlock({
+                "toolbar-height": "".concat(height, "px")
+              });
+            });
+            toolbarResizeObserver.observe(cherryToolbar);
+          }
+        }
       });
     };
     vue.watch(() => UIStore.theme, (newVal) => {
@@ -458,7 +483,8 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const renderEditorSwitchMenu = () => {
       var _a2;
       return vue.createVNode("div", {
-        "class": [ns.b("menu"), ns.is("fullscreen", isFullScreen.value)]
+        "class": [ns.b("menu"), ns.is("fullscreen", isFullScreen.value)],
+        "style": toolbarCssVars.value
       }, [(_a2 = slots.editorSwitchMenu) == null ? void 0 : _a2.call(slots)]);
     };
     vue.onMounted(() => {
@@ -476,6 +502,12 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
+      if (toolbarResizeObserver) {
+        toolbarResizeObserver.disconnect();
+      }
+      if (chatInstance && chatInstance.close) {
+        chatInstance.close();
+      }
     });
     return {
       ns,

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

@@ -1 +1 @@
-.ibiz-markdown{--ibiz-markdown-width:100%;--ibiz-markdown-color-manual-toolbar-bg-save:var(--ibiz-color-primary);--ibiz-markdown-color-manual-toolbar-text-save:var(--ibiz-color-primary-active-text);--ibiz-markdown-color-manual-toolbar-text-cancel:var(--ibiz-color-text-1);--ibiz-markdown-color-manual-toolbar-text-cancel-hover:var(--ibiz-color-primary);--ibiz-markdown-color-dark-scrollbar-thumb-dark:rgb(var(--ibiz-grey-4));--ibiz-markdown-color-light-scrollbar-thumb-dark:rgb(var(--ibiz-grey-4));--ibiz-markdown-color-scrollbar-thumb-dark-hover:rgba(var(--ibiz-grey-4), 0.5);--ibiz-markdown-color-dark-toc-text:var(--ibiz-color-fill-0);--ibiz-markdown-color-toc-header-text:var(--ibiz-color-text-0);--ibiz-markdown-color-dark-mardown-border:rgb(var(--ibiz-grey-2));--ibiz-markdown-spacing-manual-toolbar-height:32px;--ibiz-markdown-spacing-manual-toolbar-gap:var(--ibiz-spacing-base);--ibiz-markdown-spacing-manual-toolbar-item-padding:0 var(--ibiz-spacing-base);--ibiz-markdown-spacing-manual-toolbar-margin:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-tight) 0 0;--ibiz-markdown-spacing-manual-toolbar-fullscreen-height:var(--ibiz-height-control-default);--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding:0 var(--ibiz-spacing-extra-loose);--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header:var(--ibiz-spacing-super-loose);--ibiz-markdown-height-manual-toolbar-height:var(--ibiz-height-control-default);--ibiz-markdown-border-radius-manual-toolbar-item:var(--ibiz-border-radius-small);--ibiz-markdown-border-manual-toolbar-fullscreen-footer:1px solid var(--ibiz-color-border);--ibiz-markdown-img-preview-top:-32px;--ibiz-markdown-img-preview-right:-36px;--ibiz-markdown-img-preview-width:32px;--ibiz-markdown-img-preview-height:32px}.ibiz-markdown__header{display:flex;flex-shrink:0;gap:var(--ibiz-markdown-spacing-manual-toolbar-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-spacing-manual-toolbar-height)}.ibiz-markdown__header--edit{cursor:pointer}.ibiz-markdown__header--full{cursor:pointer}.ibiz-markdown__header.is-fullscreen{position:fixed;top:0;right:0;left:0;z-index:999;width:100%;height:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header));padding:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding);margin-top:0;background-color:var(--ibiz-view-bg-color)}.ibiz-markdown__header.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{top:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header));height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header))}.ibiz-markdown__footer{display:flex;gap:var(--ibiz-markdown-spacing-manual-toolbar-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-spacing-manual-toolbar-height);margin:var(--ibiz-markdown-spacing-manual-toolbar-margin)}.ibiz-markdown__footer--save{height:var(--ibiz-markdown-height-manual-toolbar-height);padding:var(--ibiz-markdown-spacing-manual-toolbar-item-padding);line-height:var(--ibiz-markdown-height-manual-toolbar-height);color:var(--ibiz-markdown-color-manual-toolbar-text-save);text-align:center;cursor:pointer;background-color:var(--ibiz-markdown-color-manual-toolbar-bg-save);border-radius:var(--ibiz-markdown-border-radius-manual-toolbar-item)}.ibiz-markdown__footer--cancel{color:var(--ibiz-markdown-color-manual-toolbar-text-cancel);cursor:pointer}.ibiz-markdown__footer--cancel:hover{color:var(--ibiz-markdown-color-manual-toolbar-text-cancel-hover)}.ibiz-markdown__footer.is-fullscreen{position:fixed;right:0;bottom:0;left:0;z-index:999;width:100%;height:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2);padding:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding);margin-top:0;background-color:var(--ibiz-view-bg-color);border-top:var(--ibiz-markdown-border-manual-toolbar-fullscreen-footer)}.ibiz-markdown__footer.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2)}.ibiz-markdown__img-preview.el-image{position:absolute;height:0}.ibiz-markdown__img-preview .el-image-viewer__wrapper{width:90%;height:90%;margin:auto}.ibiz-markdown__img-preview .el-image-viewer__mask{position:fixed;width:100vw;height:100vh;cursor:zoom-out;opacity:.7}.ibiz-markdown__img-preview .el-image-viewer__close{top:var(--ibiz-markdown-img-preview-top);right:var(--ibiz-markdown-img-preview-right);width:var(--ibiz-markdown-img-preview-width);height:var(--ibiz-markdown-img-preview-height)}.ibiz-markdown .ibiz-markdown-cherry{width:var(--ibiz-markdown-width);outline:0}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%;border:1px solid var(--ibiz-color-border);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-toolbar{box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-editor{border-top:1px solid var(--ibiz-color-border)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer{border-top:1px solid var(--ibiz-color-border)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer img{cursor:zoom-in}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-sidebar{border-left:1px solid var(--ibiz-color-border);box-shadow:none}.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.is-manual{display:flex;flex-direction:column}.ibiz-markdown.is-manual .ibiz-markdown-cherry{flex-grow:1;height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-height))!important}.ibiz-markdown.is-manual.is-editing{flex-direction:column-reverse}.ibiz-markdown.is-manual .ibiz-markdown-menu{display:none}.ibiz-markdown.is-manual.is-editing .ibiz-markdown-menu{display:block}.ibiz-markdown.is-show-editor-switch-menu .ibiz-composite-form-item-ex-menu{--ibiz-composite-form-item-ex-menu-height:48px;--ibiz-composite-form-item-ex-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-tight) 0}.ibiz-markdown.is-show-editor-switch-menu .cherry-toolbar{padding-right:var(--ibiz-composite-form-item-ex-menu-width)}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu{position:absolute;top:0;right:0}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu.is-fullscreen{position:fixed;z-index:1000}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu .ibiz-composite-form-item-ex-menu{position:relative}.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 .cherry.fullscreen{z-index:999}.ibiz-markdown--light .theme__green .cherry-toolbar,.ibiz-markdown--light .theme__light .cherry-toolbar,.ibiz-markdown--light .theme__violet .cherry-toolbar{background-color:var(--ibiz-color-bg-0)}.ibiz-markdown--light .theme__dark.cherry .cherry-flex-toc{color:var(--ibiz-markdown-color-toc-header-text)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-color-light-scrollbar-thumb-dark)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-color-scrollbar-thumb-dark-hover)}.ibiz-markdown--dark.ibiz-markdown-cherry .cherry{border:1px solid var(--ibiz-markdown-color-dark-mardown-border)}.ibiz-markdown--dark .theme__green .cherry-toolbar,.ibiz-markdown--dark .theme__light .cherry-toolbar,.ibiz-markdown--dark .theme__violet .cherry-toolbar{background-color:var(--ibiz-color-shadow)}.ibiz-markdown--dark .theme__dark.cherry .cherry-toc-head{color:var(--ibiz-markdown-color-dark-toc-text)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-color-dark-scrollbar-thumb-dark)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-color-scrollbar-thumb-dark-hover)}
+.ibiz-markdown{--ibiz-markdown-width:100%;--ibiz-markdown-color-manual-toolbar-bg-save:var(--ibiz-color-primary);--ibiz-markdown-color-manual-toolbar-text-save:var(--ibiz-color-primary-active-text);--ibiz-markdown-color-manual-toolbar-text-cancel:var(--ibiz-color-text-1);--ibiz-markdown-color-manual-toolbar-text-cancel-hover:var(--ibiz-color-primary);--ibiz-markdown-color-dark-scrollbar-thumb-dark:rgb(var(--ibiz-grey-4));--ibiz-markdown-color-light-scrollbar-thumb-dark:rgb(var(--ibiz-grey-4));--ibiz-markdown-color-scrollbar-thumb-dark-hover:rgba(var(--ibiz-grey-4), 0.5);--ibiz-markdown-color-dark-toc-text:var(--ibiz-color-fill-0);--ibiz-markdown-color-toc-header-text:var(--ibiz-color-text-0);--ibiz-markdown-color-dark-mardown-border:rgb(var(--ibiz-grey-2));--ibiz-markdown-spacing-manual-toolbar-height:32px;--ibiz-markdown-spacing-manual-toolbar-gap:var(--ibiz-spacing-base);--ibiz-markdown-spacing-manual-toolbar-item-padding:0 var(--ibiz-spacing-base);--ibiz-markdown-spacing-manual-toolbar-margin:var(--ibiz-spacing-base-tight) var(--ibiz-spacing-tight) 0 0;--ibiz-markdown-spacing-manual-toolbar-fullscreen-height:var(--ibiz-height-control-default);--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding:0 var(--ibiz-spacing-extra-loose);--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header:var(--ibiz-spacing-super-loose);--ibiz-markdown-height-manual-toolbar-height:var(--ibiz-height-control-default);--ibiz-markdown-border-radius-manual-toolbar-item:var(--ibiz-border-radius-small);--ibiz-markdown-border-manual-toolbar-fullscreen-footer:1px solid var(--ibiz-color-border);--ibiz-markdown-img-preview-top:-32px;--ibiz-markdown-img-preview-right:-36px;--ibiz-markdown-img-preview-width:32px;--ibiz-markdown-img-preview-height:32px}.ibiz-markdown__header{display:flex;flex-shrink:0;gap:var(--ibiz-markdown-spacing-manual-toolbar-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-spacing-manual-toolbar-height)}.ibiz-markdown__header--edit{cursor:pointer}.ibiz-markdown__header--full{cursor:pointer}.ibiz-markdown__header.is-fullscreen{position:fixed;top:0;right:0;left:0;z-index:999;width:100%;height:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header));padding:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding);margin-top:0;background-color:var(--ibiz-view-bg-color)}.ibiz-markdown__header.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{top:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header));height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header))}.ibiz-markdown__footer{display:flex;gap:var(--ibiz-markdown-spacing-manual-toolbar-gap);align-items:center;justify-content:end;height:var(--ibiz-markdown-spacing-manual-toolbar-height);margin:var(--ibiz-markdown-spacing-manual-toolbar-margin)}.ibiz-markdown__footer--save{height:var(--ibiz-markdown-height-manual-toolbar-height);padding:var(--ibiz-markdown-spacing-manual-toolbar-item-padding);line-height:var(--ibiz-markdown-height-manual-toolbar-height);color:var(--ibiz-markdown-color-manual-toolbar-text-save);text-align:center;cursor:pointer;background-color:var(--ibiz-markdown-color-manual-toolbar-bg-save);border-radius:var(--ibiz-markdown-border-radius-manual-toolbar-item)}.ibiz-markdown__footer--cancel{color:var(--ibiz-markdown-color-manual-toolbar-text-cancel);cursor:pointer}.ibiz-markdown__footer--cancel:hover{color:var(--ibiz-markdown-color-manual-toolbar-text-cancel-hover)}.ibiz-markdown__footer.is-fullscreen{position:fixed;right:0;bottom:0;left:0;z-index:999;width:100%;height:calc(var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2);padding:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-padding);margin-top:0;background-color:var(--ibiz-view-bg-color);border-top:var(--ibiz-markdown-border-manual-toolbar-fullscreen-footer)}.ibiz-markdown__footer.is-fullscreen+.ibiz-markdown-cherry .cherry.fullscreen{height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2)}.ibiz-markdown__img-preview.el-image{position:absolute;height:0}.ibiz-markdown__img-preview .el-image-viewer__wrapper{width:90%;height:90%;margin:auto}.ibiz-markdown__img-preview .el-image-viewer__mask{position:fixed;width:100vw;height:100vh;cursor:zoom-out;opacity:.7}.ibiz-markdown__img-preview .el-image-viewer__close{top:var(--ibiz-markdown-img-preview-top);right:var(--ibiz-markdown-img-preview-right);width:var(--ibiz-markdown-img-preview-width);height:var(--ibiz-markdown-img-preview-height)}.ibiz-markdown .ibiz-markdown-cherry{width:var(--ibiz-markdown-width);outline:0}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%;border:1px solid var(--ibiz-color-border);box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-toolbar{box-shadow:none}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-editor{border-top:1px solid var(--ibiz-color-border)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer{border-top:1px solid var(--ibiz-color-border)}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-previewer img{cursor:zoom-in}.ibiz-markdown .ibiz-markdown-cherry .cherry .cherry-sidebar{border-left:1px solid var(--ibiz-color-border);box-shadow:none}.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.is-manual{display:flex;flex-direction:column}.ibiz-markdown.is-manual .ibiz-markdown-cherry{flex-grow:1;height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-height))!important}.ibiz-markdown.is-manual.is-editing{flex-direction:column-reverse}.ibiz-markdown.is-manual .ibiz-markdown-menu{display:none}.ibiz-markdown.is-manual.is-editing .ibiz-markdown-menu{display:block}.ibiz-markdown.is-show-editor-switch-menu .ibiz-composite-form-item-ex-menu{--ibiz-composite-form-item-ex-menu-height:47px;--ibiz-composite-form-item-ex-menu-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-tight) 0;max-height:100%}.ibiz-markdown.is-show-editor-switch-menu .cherry-toolbar{padding-right:calc(var(--ibiz-composite-form-item-ex-menu-width) + 36px)}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu{position:absolute;top:1px;right:37px;z-index:var(--ibiz-composite-form-item-ex-menu-z-index);display:flex;align-items:center;height:calc(var(--ibiz-markdown-toolbar-height) - 1px);background:var(--ibiz-composite-form-item-ex-menu-bg-color);border-right:1px solid var(--ibiz-color-border);border-left:1px solid var(--ibiz-color-border)}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu.is-fullscreen{position:fixed;z-index:1000}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu .ibiz-composite-form-item-ex-menu{position:relative}.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 .cherry.fullscreen{z-index:999}.ibiz-markdown--light .theme__green .cherry-toolbar,.ibiz-markdown--light .theme__light .cherry-toolbar,.ibiz-markdown--light .theme__violet .cherry-toolbar{background-color:var(--ibiz-color-bg-0)}.ibiz-markdown--light .theme__dark.cherry .cherry-flex-toc{color:var(--ibiz-markdown-color-toc-header-text)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-color-light-scrollbar-thumb-dark)}.ibiz-markdown--light .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-color-scrollbar-thumb-dark-hover)}.ibiz-markdown--dark.ibiz-markdown-cherry .cherry{border:1px solid var(--ibiz-markdown-color-dark-mardown-border)}.ibiz-markdown--dark .theme__green .cherry-toolbar,.ibiz-markdown--dark .theme__light .cherry-toolbar,.ibiz-markdown--dark .theme__violet .cherry-toolbar{background-color:var(--ibiz-color-shadow)}.ibiz-markdown--dark .theme__dark.cherry .cherry-toc-head{color:var(--ibiz-markdown-color-dark-toc-text)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb{background:var(--ibiz-markdown-color-dark-scrollbar-thumb-dark)}.ibiz-markdown--dark .theme__dark.cherry ::-webkit-scrollbar-thumb:hover{background:var(--ibiz-markdown-color-scrollbar-thumb-dark-hover)}

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

@@ -6,6 +6,31 @@ var vue = require('vue');
 function isElement(element, nodeName) {
   return !!(element && element.nodeType === 1 && element.nodeName === nodeName);
 }
+function getMermaidSvg(element) {
+  let current = element;
+  while (current) {
+    if (current.classList.contains("cherry-previewer")) {
+      return null;
+    }
+    const parent = current.parentElement;
+    if (isElement(current, "svg") && parent && parent.dataset.type === "mermaid") {
+      return current;
+    }
+    current = current.parentElement;
+  }
+  return null;
+}
+function svgToBase64(svgElement) {
+  const clonedSvg = svgElement.cloneNode(true);
+  const width = svgElement.width.baseVal.value || svgElement.clientWidth;
+  const height = svgElement.height.baseVal.value || svgElement.clientHeight;
+  clonedSvg.setAttribute("width", width);
+  clonedSvg.setAttribute("height", height);
+  clonedSvg.style.backgroundColor = "white";
+  const svgString = new XMLSerializer().serializeToString(clonedSvg);
+  const base64 = btoa(unescape(encodeURIComponent(svgString)));
+  return "data:image/svg+xml;base64,".concat(base64);
+}
 function useImgPreviewRender(ns) {
   const imgPreviewUrl = vue.ref("");
   const imgPreviewUrlList = vue.ref([]);
@@ -51,10 +76,14 @@ function useImgPreviewRender(ns) {
     imgViewerWrapper == null ? void 0 : imgViewerWrapper.removeEventListener("keydown", handleKeyPress);
   };
   const handlePreviewerImgClick = (event) => {
-    var _a;
-    const imgUrl = (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.src;
-    if (isElement(event == null ? void 0 : event.target, "IMG") && imgUrl) {
-      openImgPreview(imgUrl);
+    const target = event == null ? void 0 : event.target;
+    if (isElement(target, "IMG") && target) {
+      openImgPreview(target.src);
+      return;
+    }
+    const mermaidSvg = getMermaidSvg(target);
+    if (mermaidSvg) {
+      openImgPreview(svgToBase64(mermaidSvg));
     }
   };
   const renderImgPreview = () => {

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

@@ -6,9 +6,7 @@ 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) {
@@ -32,7 +30,6 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     if (editorModel.editorType === "TEXTAREA_10") {
       rows.value = 10;
     }
-    let autoClose;
     if (c.editorParams) {
       if (c.editorParams.SHOWLIMIT === "false" || c.editorParams.showlimit === "false") {
         showLimit.value = false;
@@ -40,13 +37,6 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       if (c.editorParams.ISAUTO === "true" || c.editorParams.isauto === "true") {
         isAuto.value = true;
       }
-      if (c.editorParams.autoclose) {
-        try {
-          autoClose = JSON.parse(c.editorParams.autoclose);
-        } catch (error) {
-          ibiz.log.error(error);
-        }
-      }
     }
     const type = vue.computed(() => {
       switch (editorModel.editorType) {
@@ -181,18 +171,23 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
         footerToolbarItems,
         questionToolbarItems,
         otherToolbarItems
-      } = aiUtil.calcAiToolbarItemsByAc(c.deACMode);
+      } = ibiz.aiChatUtil.calcAiToolbarItemsByAc(c.deACMode);
+      const aiAgentlist = await ibiz.aiChatUtil.getAIAgentList(c.context, c.params);
+      const {
+        containerOptions,
+        chatOptions
+      } = ibiz.aiChatUtil.getEditorExAIChatParams(c.editorParams, c.context, c.params, props.data);
       const {
         zIndex
       } = vue3Util.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,
@@ -203,28 +198,28 @@ const IBizInput = /* @__PURE__ */ vue.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 ? 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, sessionid) => {
+          aiAgentlist,
+          ...chatOptions,
+          question: async (aiChat, ctx, param, other, arr, sessionid, srfaiagent, srfmode) => {
             id = qxUtil.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({
@@ -256,8 +251,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
                   });
                 }
               }, abortController, ctx, param, {
-                messages: arr,
-                sessionid
+                ...questionRequestData
               });
             } catch (error) {
               aiChat.replaceMessage({
@@ -290,8 +284,23 @@ const IBizInput = /* @__PURE__ */ vue.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/lib/index.cjs

@@ -180,9 +180,9 @@ var renderUtil = require('./util/render-util/render-util.cjs');
 var appUtil = require('./util/app-util/app-util.cjs');
 var fullscreenUtil = require('./util/fullscreen/fullscreen-util.cjs');
 var keydownUtil = require('./util/keydown-util/keydown-util.cjs');
-var aiUtil = require('./util/ai-util/ai-util.cjs');
 var buttonUtil = require('./util/button-util/button-util.cjs');
 var inlineAiUtil = require('./util/inline-ai-util/inline-ai-util.cjs');
+var aiChatUtil = require('./util/ai-chat-util/ai-chat-util.cjs');
 var wangEditorUtil = require('./util/wang-editor-util/wang-editor-util.cjs');
 var icon = require('./util/icon/icon.cjs');
 var authGuard = require('./web-app/guard/auth-guard/auth-guard.cjs');
@@ -371,9 +371,9 @@ exports.RenderUtil = renderUtil.RenderUtil;
 exports.AppUtil = appUtil.AppUtil;
 exports.FullscreenUtil = fullscreenUtil.FullscreenUtil;
 exports.useFocusByEnter = keydownUtil.useFocusByEnter;
-exports.calcAiToolbarItemsByAc = aiUtil.calcAiToolbarItemsByAc;
 exports.convertBtnType = buttonUtil.convertBtnType;
 exports.InLineAIUtil = inlineAiUtil.InLineAIUtil;
+exports.AIChatUtil = aiChatUtil.AIChatUtil;
 exports.parseHtml = wangEditorUtil.parseHtml;
 exports.ArrowLeftBold = icon.ArrowLeftBold;
 exports.ArrowRightBold = icon.ArrowRightBold;

package/lib/locale/en/index.cjs

@@ -849,7 +849,9 @@ var index = {
       info: "The content is generated by AI, please carefully discern.",
       stopEdit: "Terminate editing",
       warningTitle: "Confirm termination",
-      warningDesc: "Are you sure to terminate the creation?"
+      warningDesc: "Are you sure to terminate the creation?",
+      thinking: "In depth thinking",
+      thinked: "Deeply pondered"
     }
   },
   // runTime

package/lib/locale/zh-CN/index.cjs

@@ -845,7 +845,9 @@ var index = {
       info: "\u5185\u5BB9\u7531 AI \u751F\u6210\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B\u3002",
       stopEdit: "\u7EC8\u6B62\u7F16\u8F91",
       warningTitle: "\u786E\u8BA4\u4E2D\u6B62",
-      warningDesc: "\u786E\u8BA4\u4E2D\u6B62\u521B\u4F5C\u5417\uFF1F"
+      warningDesc: "\u786E\u8BA4\u4E2D\u6B62\u521B\u4F5C\u5417\uFF1F",
+      thinking: "\u6DF1\u5EA6\u601D\u8003\u4E2D",
+      thinked: "\u5DF2\u6DF1\u5EA6\u601D\u8003"
     }
   },
   // runTime