@ibiz-template/vue3-components 0.7.41-alpha.7 → 0.7.41-alpha.70

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

@@ -1,14 +1,14 @@
-import { ref, shallowRef, watch, onBeforeUnmount, nextTick, onMounted, createVNode, onUnmounted, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, shallowRef, watch, onBeforeUnmount, onMounted, nextTick, onUnmounted } from 'vue';
 import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
-import { createUUID } from 'qx-util';
 import { isNil } from 'ramda';
-import { getHtmlProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
-import { StringUtil, IBizContext, awaitTimeout } from '@ibiz-template/core';
-import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
+import { useNamespace, useUIStore, getEditorEmits, getHtmlProps } from '@ibiz-template/vue3-util';
+import { awaitTimeout } from '@ibiz-template/core';
 import { ElMessageBox } from 'element-plus';
-import '../../../util/index.mjs';
+import './module/index.mjs';
+import './config/index.mjs';
 import './wang-editor.css';
-import { calcAiToolbarItemsByAc } from '../../../util/ai-util/ai-util.mjs';
+import { genDefaultToolbarKeys } from './config/toolbar.mjs';
+import { hoverbarKeysEx } from './module/inline-ai-module.mjs';
 
 "use strict";
 const IBizHtml = /* @__PURE__ */ defineComponent({
@@ -16,8 +16,10 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
   props: getHtmlProps(),
   emits: getEditorEmits(),
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
+    var _a;
     const ns = useNamespace("html");
     const c = props.controller;
     const htmlContent = ref();
@@ -32,12 +34,12 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       ...uploadHeaders
     });
     const uploadUrl = ref("");
-    const downloadUrl = ref("");
     const enableEdit = ref(true);
     const hasEnableEdit = ref(false);
     const readonlyState = ref(false);
     const enableFullScreen = ref(false);
     const isFullScreen = ref(false);
+    let enableNoAccess = false;
     const editorModel = c.model;
     if (editorModel.editorParams) {
       if (editorModel.editorParams.enableEdit) {
@@ -45,19 +47,55 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
         readonlyState.value = true;
         enableEdit.value = c.toBoolean(editorModel.editorParams.enableEdit) && !props.readonly && !props.disabled;
       }
+      if (editorModel.editorParams.enableedit) {
+        hasEnableEdit.value = true;
+        readonlyState.value = true;
+        enableEdit.value = c.toBoolean(editorModel.editorParams.enableedit) && !props.readonly && !props.disabled;
+      }
       if (editorModel.editorParams.enableFullScreen) {
         enableFullScreen.value = c.toBoolean(editorModel.editorParams.enableFullScreen);
       }
+      if (editorModel.editorParams.enablefullscreen) {
+        enableFullScreen.value = c.toBoolean(editorModel.editorParams.enablefullscreen);
+      }
+      if (editorModel.editorParams.enablenoaccess) {
+        enableNoAccess = ((_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.enablenoaccess) === "true";
+      }
     }
     if (props.readonly) {
       hasEnableEdit.value = false;
       readonlyState.value = true;
     }
+    const getDownloadUrl = (data, file) => {
+      const editorParams = {
+        ...c.editorParams,
+        enableNoAccess
+      };
+      if (editorParams.exportparams) {
+        editorParams.exportParams = JSON.parse(editorParams.exportparams);
+      }
+      if (file && file.folder) {
+        editorParams.osscat = file.folder;
+      }
+      if (editorParams.globaldownloadprifix) {
+        editorParams.globalDownloadPrifix = editorParams.globaldownloadprifix === "true";
+      } else {
+        editorParams.globalDownloadPrifix = ibiz.config.common.globalDownloadPrifix;
+      }
+      const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, data, editorParams);
+      return urls.downloadUrl;
+    };
     watch(() => props.data, (newVal) => {
       if (newVal) {
-        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
+        const editorParams = {
+          ...c.editorParams,
+          enableNoAccess
+        };
+        if (editorParams.uploadparams) {
+          editorParams.uploadParams = JSON.parse(editorParams.uploadparams);
+        }
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, editorParams);
         uploadUrl.value = urls.uploadUrl;
-        downloadUrl.value = urls.downloadUrl;
       }
     }, {
       immediate: true,
@@ -72,12 +110,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,
@@ -110,6 +148,9 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           },
           // 单个文件上传成功之后
           onSuccess(file, res) {
+            if (ibiz.config.common.enableDownloadTicket && !enableNoAccess && res.ticket) {
+              ibiz.util.file.setDownloadTicket(res.id, res.ticket);
+            }
             console.log("".concat(file.name, " \u4E0A\u4F20\u6210\u529F"), res);
           },
           // 单个文件上传失败
@@ -122,9 +163,20 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           },
           // 自定义插入图片
           async customInsert(res, insertFn) {
-            const url = downloadUrl.value.replace("%fileId%", res.id);
+            const downloadUrl = getDownloadUrl(props.data, res);
+            let url = downloadUrl.replace("%fileId%", res.id);
             const alt = res.filename;
-            insertFn(url, alt, "");
+            if (ibiz.config.common.enableDownloadTicket && !enableNoAccess) {
+              const downloadTicket = await ibiz.util.file.getDownloadTicket(c.context, c.params, props.data, {
+                fileId: res.id
+              }, c.downloadTicketParams);
+              if (downloadTicket && downloadTicket.ticket) {
+                url = downloadUrl.replace("%fileId%", downloadTicket.ticket);
+                insertFn(url, alt, "");
+              }
+            } else {
+              insertFn(url, alt, "");
+            }
           }
         },
         // 插入链接
@@ -141,7 +193,8 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           parseLinkUrl: customParseLinkUrl
           // 也支持 async 函数
         }
-      }
+      },
+      hoverbarKeys: hoverbarKeysEx
     };
     onBeforeUnmount(() => {
       const editor = editorRef.value;
@@ -154,23 +207,25 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       const appDataEntityId = c.model.appDataEntityId;
       if (!appDataEntityId || !c.deACMode)
         return;
-      const {
-        contentToolbarItems,
-        footerToolbarItems,
-        questionToolbarItems,
-        otherToolbarItems
-      } = calcAiToolbarItemsByAc(c.deACMode);
       const {
         zIndex
       } = 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 = await ibiz.aiChatUtil.getAIChat();
+      const {
+        containerOptions,
+        chatOptions
+      } = await ibiz.aiChatUtil.getEditorExAIChatParams(c.editorParams, c.context, c.params, props.data, c.deACMode, {
+        chatInstance,
+        view: c.view,
+        ctrl: c.ctrl
+      });
+      const resourceOptions = await ibiz.aiChatUtil.getAIResourceOptions(c.context, c.params);
       chatInstance.create({
+        resourceOptions,
         containerOptions: {
-          zIndex: containerZIndex
+          zIndex: containerZIndex,
+          ...containerOptions
         },
         chatOptions: {
           caption: c.deACMode.logicName,
@@ -182,77 +237,7 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
             srfactag: c.deACMode.codeName
           },
           appDataEntityId,
-          contentToolbarItems,
-          footerToolbarItems,
-          questionToolbarItems,
-          otherToolbarItems,
-          // 编辑器参数srfaiappendcurdata，是否传入对象参数，用于历史查询传参
-          appendCurData: c.editorParams.srfaiappendcurdata === "true" ? props.data : void 0,
-          // 编辑器参数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) => {
-            id = 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: 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, {
-                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: 30,
-              type: "DEFAULT",
-              role: "ASSISTANT",
-              content: ""
-            });
-            await aiChat.completeMessage(id, true);
-          },
+          ...chatOptions,
           action: (action, message) => {
             if (action === "backfill") {
               if (hasEnableEdit.value) {
@@ -261,94 +246,6 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
                 emit("change", 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: 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 UIActionUtil.exec(source.id, {
-              view: c.view,
-              ctrl: c.ctrl,
-              context: 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(SysUIActionTag.REFRESH);
-                  break;
-                case 2:
-                  (_a = c.view.parentView) == null ? void 0 : _a.callUIAction(SysUIActionTag.REFRESH);
-                  break;
-                case 3:
-                  (_b = c.view.getTopView()) == null ? void 0 : _b.callUIAction(SysUIActionTag.REFRESH);
-                  break;
-                default:
-              }
-            }
-            return result;
           }
         }
       });
@@ -360,6 +257,41 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       editor.on("aiClick", () => {
         onClickAI();
       });
+      editor.on("lineAiClick", () => {
+        const container = editor.getEditableContainer();
+        const hoverToolbar = container.querySelector(".w-e-hover-bar");
+        if (!hoverToolbar) {
+          return;
+        }
+        const {
+          offsetLeft,
+          offsetTop,
+          offsetHeight
+        } = hoverToolbar;
+        const items = ibiz.inLineAIUtil.calcContextMenus(c.deACMode, (tag) => {
+          c.doInLineAIUIAction(tag, c.model.appId);
+        });
+        if (items.length === 0)
+          return;
+        const editorBoundingClientRect = editor.getEditableContainer().getBoundingClientRect();
+        const {
+          zIndex
+        } = useUIStore();
+        const popoverZIndex = zIndex.increment();
+        ibiz.inLineAIUtil.showContextMenus(
+          // 编辑器的左侧距离+选区距离编辑器左侧距离
+          editorBoundingClientRect.x + offsetLeft,
+          // 编辑器的上方距离+选区距离编辑器上方距离+悬浮工具栏高度
+          editorBoundingClientRect.y + offsetTop + offsetHeight,
+          items,
+          {
+            zIndex: popoverZIndex,
+            onClose: () => {
+              zIndex.decrement();
+            }
+          }
+        );
+      });
     };
     const handleChange = (editor) => {
       const html = editor.getHtml();
@@ -445,7 +377,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;
@@ -456,11 +389,11 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       });
     };
     const moveToLastStr = () => {
-      var _a, _b;
+      var _a2, _b;
       if (props.value) {
         const index = props.value.indexOf("</p>");
         if (index >= 0) {
-          const offset = (_a = editorRef.value.selection.anchor) == null ? void 0 : _a.offset;
+          const offset = (_a2 = editorRef.value.selection.anchor) == null ? void 0 : _a2.offset;
           const path = (_b = editorRef.value.selection.anchor) == null ? void 0 : _b.path;
           if (offset === 0 && path.length > 0 && path[0] === 0) {
             editorRef.value.move(index - 3);
@@ -575,10 +508,12 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     };
     const renderEditorContent = () => {
       return createVNode("div", {
-        "class": ns.b("content"),
+        "class": [ns.b("content"), ns.is("editing", !readonlyState.value)],
         "ref": "htmlContent",
         "style": cssVars.value
-      }, [createVNode(Toolbar, {
+      }, [slots.editorSwitchMenu ? createVNode("div", {
+        "class": ns.b("menu")
+      }, [slots.editorSwitchMenu()]) : null, createVNode(Toolbar, {
         "ref": "toolbarRef",
         "editor": editorRef.value,
         "default-config": toolbarConfig,
@@ -642,22 +577,23 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    const isShowEditorSwitchMenu = !!this.$slots.editorSwitchMenu;
     return !this.isFullScreen ? createVNode("div", {
       "class": [this.ns.b(), {
         [this.ns.b("editor-readonly")]: this.readonlyState
-      }, this.ns.is("show-ai", true)]
+      }, this.ns.is("show-ai", true), this.ns.is("enable-edit", !this.readonly && !this.disabled), this.ns.is("show-editor-switch-menu", isShowEditorSwitchMenu)]
     }, [this.renderHeaserToolbar(), this.renderEditorContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]) : createVNode(resolveComponent("el-dialog"), {
       "modelValue": this.isFullScreen,
       "onUpdate:modelValue": ($event) => this.isFullScreen = $event,
       "width": "80%",
       "top": "10vh",
-      "class": this.ns.b("dialog-full-screen"),
+      "class": [this.ns.b("dialog-full-screen"), this.ns.is("editing", !this.readonlyState)],
       "onClose": () => this.changeFullScreenState()
     }, {
       default: () => [createVNode("div", {
         "class": [this.ns.b(), {
           [this.ns.b("editor-readonly")]: this.readonlyState
-        }]
+        }, this.ns.is("show-editor-switch-menu", isShowEditorSwitchMenu)]
       }, [this.renderHeaserToolbar(), this.renderEditorContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null])]
     });
   }

package/es/editor/index.mjs

@@ -36,6 +36,7 @@ import { IBizSpanLink } from './span/span-link/span-link.mjs';
 import { IBizInput } from './text-box/input/input.mjs';
 import { IBizInputNumber } from './text-box/ibiz-input-number/ibiz-input-number.mjs';
 import { IBizInputIP } from './text-box/ibiz-input-ip/ibiz-input-ip.mjs';
+import { IBizSignature } from './text-box/signature/signature.mjs';
 import { IBizDropdown } from './dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs';
 import { IBizEmojiPicker } from './dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs';
 import { IBizTreePicker } from './dropdown-list/ibiz-tree-picker/ibiz-tree-picker.mjs';
@@ -112,6 +113,7 @@ const IBizEditor = {
     v.component(IBizInput.name, IBizInput);
     v.component(IBizInputNumber.name, IBizInputNumber);
     v.component(IBizInputIP.name, IBizInputIP);
+    v.component(IBizSignature.name, IBizSignature);
     v.component(IBizDropdown.name, IBizDropdown);
     v.component(IBizEmojiPicker.name, IBizEmojiPicker);
     v.component(IBizTreePicker.name, IBizTreePicker);
@@ -185,6 +187,10 @@ const IBizEditor = {
     );
     registerEditorProvider("MOBTEXTAREA", () => textBoxEditorProvider);
     registerEditorProvider("MOBPASSWORD", () => textBoxEditorProvider);
+    registerEditorProvider(
+      "TEXTBOX_SIGNATURE",
+      () => new TextBoxEditorProvider("SIGNATURE")
+    );
     registerEditorProvider(
       "DROPDOWNLIST",
       () => new DropDownListEditorProvider()

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

@@ -1,5 +1,5 @@
-import { isVNode, computed, ref, watch, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
-import { getListBoxProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { isVNode, defineComponent, createVNode, resolveComponent, mergeProps, h, computed, ref, watch } from 'vue';
+import { useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur, getEditorEmits, getListBoxProps } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import { useCalcOrMode, useCodeListSelection } from '@ibiz-template/runtime';
 import './ibiz-list-box.css';

package/es/editor/map-picker/ibiz-map-picker/ibiz-map-picker.mjs

@@ -1,6 +1,6 @@
-import { isVNode, ref, computed, nextTick, onUnmounted, createVNode, resolveComponent, vModelText, withDirectives, resolveDirective, defineComponent } from 'vue';
-import { getMapPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import AMapLoader from '../../../node_modules/.pnpm/@amap_amap-jsapi-loader@1.0.1/node_modules/@amap/amap-jsapi-loader/dist/index.mjs';
+import { isVNode, defineComponent, createVNode, resolveComponent, withDirectives, vModelText, resolveDirective, ref, computed, nextTick, onUnmounted } from 'vue';
+import { useNamespace, getEditorEmits, getMapPickerProps } from '@ibiz-template/vue3-util';
+import AMapLoader from '../../../node_modules/.pnpm/@amap_amap-jsapi-loader@1.0.1_patch_hash_73bpcwbs2m5ip4qppmz6a7epsa/node_modules/@amap/amap-jsapi-loader/dist/index.mjs';
 import './ibiz-map-picker.css';
 
 "use strict";

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

@@ -0,0 +1,103 @@
+import Cherry from 'cherry-markdown';
+import { nextTick } from 'vue';
+import { useUIStore } from '@ibiz-template/vue3-util';
+
+"use strict";
+function initCustomMenu(c, opts) {
+  const { props, isEditing, currentVal, emit } = opts;
+  let chatInstance = opts.chatInstance;
+  const AIMenu = Cherry.createMenuHook("AI", {
+    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: (_selection, _menukey, event) => {
+      event.stopPropagation();
+      event.preventDefault();
+      nextTick(() => {
+        var _a;
+        if ((_a = c.mdeditor) == null ? void 0 : _a.bubble) {
+          c.mdeditor.bubble.showBubble();
+          const selectionPosition = c.mdeditor.bubble.bubbleDom.getBoundingClientRect();
+          if (!selectionPosition || !selectionPosition.left || !selectionPosition.top)
+            return;
+          const items = ibiz.inLineAIUtil.calcContextMenus(
+            c.deACMode,
+            (tag) => {
+              c.doInLineAIUIAction(tag, c.model.appId);
+            }
+          );
+          if (items.length === 0)
+            return;
+          const { zIndex } = useUIStore();
+          const popoverZIndex = zIndex.increment();
+          ibiz.inLineAIUtil.showContextMenus(
+            // 浮动工具栏的左侧距离
+            selectionPosition.left,
+            // 浮动工具栏的顶部距离 + 浮动工具栏的高度
+            selectionPosition.top + 43,
+            items,
+            {
+              zIndex: popoverZIndex,
+              onClose: () => {
+                zIndex.decrement();
+              }
+            }
+          );
+        }
+      });
+    }
+  });
+  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 { zIndex } = useUIStore();
+      const containerZIndex = zIndex.increment();
+      chatInstance = await ibiz.aiChatUtil.getAIChat();
+      const { containerOptions, chatOptions } = await ibiz.aiChatUtil.getEditorExAIChatParams(
+        c.editorParams,
+        c.context,
+        c.params,
+        props.data,
+        c.deACMode,
+        { chatInstance, view: c.view, ctrl: c.ctrl }
+      );
+      const resourceOptions = await ibiz.aiChatUtil.getAIResourceOptions(
+        c.context,
+        c.params
+      );
+      chatInstance.create({
+        resourceOptions,
+        containerOptions: {
+          zIndex: containerZIndex,
+          ...containerOptions
+        },
+        chatOptions: {
+          caption: c.deACMode.logicName,
+          context: { ...c.context },
+          params: { ...c.params, srfactag: c.deACMode.codeName },
+          appDataEntityId,
+          ...chatOptions,
+          action: (action, message) => {
+            if (action === "backfill") {
+              if (isEditing.value) {
+                currentVal.value = message.realcontent || "";
+              } else {
+                emit("change", message.realcontent);
+              }
+            }
+          }
+        }
+      });
+    }
+  });
+  return [AIMenu, AIChart];
+}
+
+export { initCustomMenu };

package/es/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.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}
+.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-color-fixed-toc-text:var(--ibiz-color-black);--ibiz-markdown-color-fixed-toc-arrow-text:var(--ibiz-color-primary);--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:1000;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:1000;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{top:49px;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 .cherry.fullscreen .cherry-previewer{padding-top:var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height-header)}.ibiz-markdown.is-manual.is-editing{flex-direction:column-reverse}.ibiz-markdown.is-manual.is-editing .cherry.fullscreen{height:calc(100% - var(--ibiz-markdown-spacing-manual-toolbar-fullscreen-height) * 2)}.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-base-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) + var(--ibiz-spacing-extra-tight))}.ibiz-markdown.is-show-editor-switch-menu .ibiz-markdown-menu{position:absolute;top:1px;right:1px;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 .cherry-flex-toc__fixed{color:var(--ibiz-markdown-color-fixed-toc-text)}.ibiz-markdown .cherry-flex-toc__fixed.cherry-flex-toc__pure .cherry-toc-head{color:var(--ibiz-markdown-color-fixed-toc-arrow-text)}.ibiz-markdown .cherry-flex-toc__fixed:hover{z-index:100}.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)}