@ibiz-template/vue3-components 0.7.41-alpha.37 → 0.7.41-alpha.39

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

@@ -23,12 +23,23 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     const c = props.controller;
     const UUID = createUUID();
     const currentVal = ref("");
+    const {
+      UIStore,
+      zIndex
+    } = useUIStore();
     const enableEdit = ref(true);
     const hasEnableEdit = ref(false);
     const readonlyState = ref(false);
     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()
+    });
+    const textTBVisible = ref(false);
+    const editorTheme = ref("");
     const editorModel = c.model;
     if (editorModel.editorParams) {
       if (editorModel.editorParams.enableEdit) {
@@ -47,6 +58,13 @@ 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;
@@ -54,13 +72,10 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     let inlineCompletionsProviderDisposable;
     let decorationsCollection;
     let chatInstance;
-    const {
-      UIStore,
-      zIndex
-    } = useUIStore();
     const getMonacoTheme = (name) => {
-      var _a;
-      const customTheme = (_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.customTheme;
+      var _a, _b;
+      editorTheme.value = ((_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.customTheme) || ibiz.config.codeEditorTheme || name;
+      const customTheme = (_b = c == null ? void 0 : c.editorParams) == null ? void 0 : _b.customTheme;
       if (customTheme) {
         return customTheme === "dark" ? "vs-dark" : "vs";
       }
@@ -137,6 +152,14 @@ const IBizCode = /* @__PURE__ */ defineComponent({
           },
           // 编辑器参数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,
@@ -309,6 +332,71 @@ const IBizCode = /* @__PURE__ */ defineComponent({
         return false;
       return true;
     };
+    const updateTextToolbarPos = (selection) => {
+      var _a;
+      const position = selection.getStartPosition();
+      if (position) {
+        const coordinates = editor == null ? void 0 : editor.getScrolledVisiblePosition(position);
+        const editorRect = (_a = editor == null ? void 0 : editor.getDomNode()) == null ? void 0 : _a.getBoundingClientRect();
+        if (!editorRect || !coordinates)
+          return;
+        textTBStyle.value = {
+          ...textTBStyle.value,
+          // 编辑器左侧距离 + 选区距离编辑器左侧距离
+          [ns.cssVarBlockName("text-editor-toolbar-left")]: "".concat(editorRect.left + coordinates.left, "px"),
+          // 编辑器上方距离 + 选区距离编辑器上方距离 + 行高度
+          [ns.cssVarBlockName("text-editor-toolbar-top")]: "".concat(editorRect.top + coordinates.top + coordinates.height, "px")
+        };
+      }
+    };
+    const setTextTBVisible = () => {
+      if (props.readonly || !enableEdit.value || !c.deACMode || !c.chatCompletion)
+        return;
+      const selection = editor == null ? void 0 : editor.getSelection();
+      textTBVisible.value = !!(selection && !selection.isEmpty());
+    };
+    const onSelectionChange = (e) => {
+      const selection = e.selection;
+      if (selection) {
+        updateTextToolbarPos(selection);
+        c.currentSelection = selection;
+      }
+    };
+    const handleLineAiClick = (_e) => {
+      var _a, _b;
+      const position = (_a = editor == null ? void 0 : editor.getSelection()) == null ? void 0 : _a.getStartPosition();
+      if (!position)
+        return;
+      const coordinates = editor == null ? void 0 : editor.getScrolledVisiblePosition(position);
+      const editorRect = (_b = editor == null ? void 0 : editor.getDomNode()) == null ? void 0 : _b.getBoundingClientRect();
+      const textTBHeight = textTBRef.value.offsetHeight;
+      if (!coordinates || !editorRect || !textTBHeight)
+        return;
+      const items = ibiz.inLineAIUtil.calcContextMenus(c.deACMode, (tag) => {
+        c.doInLineAIUIAction(tag, c.model.appId);
+      });
+      if (items.length === 0)
+        return;
+      ibiz.inLineAIUtil.showContextMenus(
+        // 编辑器左侧距离 + 选区距离编辑器左侧距离
+        editorRect.left + coordinates.left,
+        // 编辑器上方距离 + 选区距离编辑器上方距离 + 行高度 + 工具栏高度
+        editorRect.top + coordinates.top + coordinates.height + textTBHeight,
+        items
+      );
+    };
+    const handleEditorClick = (e) => {
+      var _a;
+      if (!((_a = textTBRef.value) == null ? void 0 : _a.contains(e.target))) {
+        setTimeout(setTextTBVisible, 100);
+      }
+    };
+    const handleMousedown = (e) => {
+      var _a;
+      if (textTBVisible.value && !((_a = textTBRef.value) == null ? void 0 : _a.contains(e.target))) {
+        textTBVisible.value = false;
+      }
+    };
     const editorInit = () => {
       nextTick(() => {
         isLoading.value = true;
@@ -318,6 +406,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
           }
         });
         loader.init().then((loaderMonaco) => {
+          var _a;
           isLoading.value = false;
           if (!editor) {
             monacoEditor = loaderMonaco.editor;
@@ -374,6 +463,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
               });
             }
           }
+          c.onCreated(editor, loaderMonaco);
           setTimeout(() => {
             editor.layout();
             editor.setValue(currentVal.value);
@@ -406,11 +496,14 @@ const IBizCode = /* @__PURE__ */ defineComponent({
             createDecorationsCollection();
           });
           editor.onDidChangeModelContent(() => {
+            setTextTBVisible();
             if (!hasEnableEdit.value) {
               currentVal.value = editor.getValue();
               emit("change", currentVal.value);
             }
           });
+          editor.onDidChangeCursorSelection(onSelectionChange);
+          (_a = editor.getDomNode()) == null ? void 0 : _a.addEventListener("click", handleEditorClick);
           window.addEventListener("resize", () => {
             editor.layout();
           });
@@ -526,11 +619,37 @@ const IBizCode = /* @__PURE__ */ defineComponent({
         }
       }, null);
     };
+    const renderTextEditorToolbar = () => {
+      if (!textTBVisible.value)
+        return null;
+      return createVNode("div", {
+        "ref": "textTBRef",
+        "class": [ns.b("text-editor-toolbar")],
+        "style": {
+          ...textTBStyle.value
+        }
+      }, [createVNode("div", {
+        "class": [ns.be("text-editor-toolbar", "item")],
+        "title": "AI",
+        "onClick": handleLineAiClick
+      }, [createVNode("svg", {
+        "version": "1.1",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 1024 1024",
+        "width": "1em",
+        "height": "1em",
+        "fill": "currentColor"
+      }, [createVNode("path", {
+        "d": "M274.344554 173.673875c16.429399 0 30.950568 8.00526 39.956484 20.338945a34.906655 34.906655 0 0 1 14.660796 15.754537l1.117013 2.815803 210.138065 597.927736c6.795162 19.268474-5.329083 40.817516-27.041022 48.147913-20.641469 6.95806-42.493035-1.419537-50.451753-18.803052l-1.117013-2.815803-54.477653-154.939008H134.997185L80.566074 837.039954c-6.771891 19.268474-29.856826 28.949253-51.568765 21.618855-20.641469-6.981331-32.602816-26.761769-27.925325-45.239025l0.861031-2.908888L212.047809 212.58316c4.025901-11.426112 13.799764-19.477914 25.598214-22.619512 9.029188-10.006575 22.107548-16.289773 36.67526-16.289773z m386.416675 169.460176c21.828295 0 39.723774 10.890876 41.469106 24.713912l0.116356 2.210755v461.652153c0 14.893506-18.616883 26.947938-41.585462 26.947938-21.805024 0-39.700503-10.890876-41.422565-24.737183l-0.162897-2.210755V370.081989c0-14.870235 18.616883-26.924667 41.585462-26.924667z m-389.697901-48.171184L163.620643 600.628812h214.88537l-107.442685-305.665945z m602.163076-206.181978a12.566396 12.566396 0 0 1 8.144887 8.051802l32.509731 99.041817 101.694723 36.07021a12.566396 12.566396 0 0 1-0.791218 23.922695l-99.53051 27.995137-30.857483 97.552467a12.566396 12.566396 0 0 1-23.899423 0.116355l-32.509732-99.018546-98.669479-31.322905a12.566396 12.566396 0 0 1-0.186169-23.876152l97.505924-32.812256 30.834212-97.529195a12.566396 12.566396 0 0 1 15.754537-8.191429zM649.544557 0.513593c2.676177 0.884302 4.770576 3.025243 5.608336 5.724692l18.523798 59.294772 60.970292 20.66474a8.796477 8.796477 0 0 1-0.325796 16.755194l-60.73758 18.058377-19.780438 59.550754a8.796477 8.796477 0 0 1-16.731924-0.162898l-18.523798-59.271501-59.062061-17.825665a8.796477 8.796477 0 0 1-0.395609-16.708653l59.574025-20.943993 19.780438-59.574025a8.796477 8.796477 0 0 1 11.100317-5.561794z"
+      }, null)])])]);
+    };
     onMounted(() => {
       editorInit();
+      window.addEventListener("mousedown", handleMousedown.bind(this));
     });
     onUnmounted(() => {
       unload();
+      window.removeEventListener("mousedown", handleMousedown.bind(this));
     });
     return {
       ns,
@@ -540,8 +659,11 @@ const IBizCode = /* @__PURE__ */ defineComponent({
       hasEnableEdit,
       readonlyState,
       isLoading,
+      textTBRef,
+      editorTheme,
       renderFooter,
       renderHeaderToolbar,
+      renderTextEditorToolbar,
       renderCodeContent,
       changeFullScreenState
     };
@@ -550,24 +672,24 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     var _a, _b;
     const isLoading = !((_b = (_a = this.controller.view) == null ? void 0 : _a.state) == null ? void 0 : _b.isLoading) && this.isLoading;
     return !this.isFullScreen ? withDirectives(createVNode("div", {
-      "class": [this.ns.b(), {
+      "class": [this.ns.b(), this.ns.is(this.editorTheme, !!this.editorTheme), {
         [this.ns.b("editor-readonly")]: this.readonlyState
       }, {
         [this.ns.b("editor-enable")]: !this.readonlyState
       }, this.ns.is("enable", this.hasEnableEdit)]
-    }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]), [[resolveDirective("loading"), isLoading]]) : createVNode(resolveComponent("el-dialog"), {
+    }, [this.renderTextEditorToolbar(), this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]), [[resolveDirective("loading"), isLoading]]) : createVNode(resolveComponent("el-dialog"), {
       "modelValue": this.isFullScreen,
       "onUpdate:modelValue": ($event) => this.isFullScreen = $event,
       "class": this.ns.b("dialog-full-screen"),
       "onClose": () => this.changeFullScreenState()
     }, {
       default: () => [withDirectives(createVNode("div", {
-        "class": [this.ns.b(), {
+        "class": [this.ns.b(), this.ns.is(this.editorTheme, !!this.editorTheme), {
           [this.ns.b("editor-readonly")]: this.readonlyState
         }, {
           [this.ns.b("editor-enable")]: !this.readonlyState
         }]
-      }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]), [[resolveDirective("loading"), isLoading]])]
+      }, [this.renderTextEditorToolbar(), this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]), [[resolveDirective("loading"), isLoading]])]
     });
   }
 });

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

@@ -1,9 +1,10 @@
 import { h } from 'vue';
-import { EditorController, getDeACMode } from '@ibiz-template/runtime';
-import { NOOP, listenJSEvent } from '@ibiz-template/core';
+import { EditorController, getDeACMode, UIActionUtil } from '@ibiz-template/runtime';
+import { NOOP, listenJSEvent, RuntimeError } from '@ibiz-template/core';
 import { Boot } from '@wangeditor/editor';
 import './wang-editor/index.mjs';
 import { AIMenu } from './wang-editor/module/ai-module.mjs';
+import { InLineAIMenu } from './wang-editor/module/inline-ai-module.mjs';
 import { EmojiElem } from './wang-editor/element/emoji.mjs';
 import { EmojiModule } from './wang-editor/module/emoji-module.mjs';
 import { Plugin } from './wang-editor/plugin/plugin.mjs';
@@ -170,6 +171,7 @@ class HtmlEditorController extends EditorController {
   customRegister() {
     if (!window.aichartRegister && ibiz.env.enableAI) {
       Boot.registerMenu(AIMenu);
+      Boot.registerMenu(InLineAIMenu);
       window.aichartRegister = true;
     }
     if (!window.customElements.get("emoji-elem")) {
@@ -280,6 +282,124 @@ class HtmlEditorController extends EditorController {
       this.overlay.dismiss();
     }
   }
+  /**
+   * 获取选中文本
+   * @returns 选中文本
+   */
+  getSelectionText() {
+    if (this.wangEditor) {
+      return this.wangEditor.getSelectionText();
+    }
+    return "";
+  }
+  /**
+   * 插入文本
+   * @param text 文本
+   */
+  insertText(text) {
+    if (this.wangEditor) {
+      const newParagraph = {
+        type: "paragraph",
+        children: [{ text }]
+      };
+      const selection = this.wangEditor.selection;
+      if (selection) {
+        const collapsedSelection = {
+          anchor: selection.anchor,
+          focus: selection.anchor
+        };
+        if (selection.anchor.path !== selection.focus.path || selection.anchor.offset !== selection.focus.offset) {
+          collapsedSelection.anchor = selection.focus;
+          collapsedSelection.focus = selection.focus;
+        }
+        this.wangEditor.select(collapsedSelection);
+      }
+      this.wangEditor.insertNode(newParagraph);
+      this.wangEditor.move(1);
+    }
+  }
+  /**
+   * 替换选中文本
+   * @param text 文本
+   */
+  replaceSelectionText(text) {
+    if (this.wangEditor) {
+      if (this.wangEditor.selection) {
+        this.wangEditor.deleteFragment();
+        this.wangEditor.insertText(text);
+      } else {
+        this.wangEditor.insertText(text);
+      }
+    }
+  }
+  /**
+   * 恢复选区
+   */
+  restoreSelection() {
+    if (this.wangEditor) {
+      this.wangEditor.restoreSelection();
+    }
+  }
+  /**
+   * 获取内联AI编辑器元素
+   */
+  getInLineAiEditorElement() {
+    if (!this.wangEditor) {
+      throw new RuntimeError("\u7F16\u8F91\u5668\u672A\u521D\u59CB\u5316");
+    }
+    return this.wangEditor.getEditableContainer();
+  }
+  /**
+   * 获取内联AI编辑器主题
+   */
+  getInLineAiEditorTheme() {
+    const appTheme = ibiz.util.theme.getTheme();
+    if (appTheme.indexOf("dark") !== -1) {
+      return "dark";
+    }
+    return "light";
+  }
+  /**
+   * 获取内联AI参数
+   */
+  getInLineAiChatOptions() {
+    if (!this.wangEditor) {
+      throw new RuntimeError("\u7F16\u8F91\u5668\u672A\u521D\u59CB\u5316");
+    }
+    const selectionPosition = this.wangEditor.getSelectionPosition();
+    if (!selectionPosition || !selectionPosition.left || !selectionPosition.top)
+      throw new RuntimeError("\u83B7\u53D6\u9009\u533A\u4F4D\u7F6E\u5931\u8D25");
+    const editorBoundingClientRect = this.wangEditor.getEditableContainer().getBoundingClientRect();
+    return {
+      // 编辑器的左侧距离 + 默认padding
+      left: editorBoundingClientRect.x + 10,
+      // 编辑器的上方距离+选区距离编辑器上方距离
+      top: editorBoundingClientRect.y + Number(selectionPosition.top.replace("px", "")),
+      // 编辑器的宽度 - 左右padding
+      width: editorBoundingClientRect.width - 20,
+      editorElement: this.getInLineAiEditorElement(),
+      editorTheme: this.getInLineAiEditorTheme()
+    };
+  }
+  /**
+   * 执行内联AIUI操作
+   * @param uiActionId
+   * @param appId
+   */
+  async doInLineAIUIAction(uiActionId, appId) {
+    const eventArgs = this.ctrl.getEventArgs();
+    eventArgs.params.editor = this;
+    if (this.editorParams.srfaiappendcurdata && this.editorParams.srfaiappendcurdata === "true") {
+      eventArgs.context.srfaiappendcurdata = true;
+    }
+    await UIActionUtil.exec(
+      uiActionId,
+      {
+        ...eventArgs
+      },
+      appId
+    );
+  }
 }
 
 export { HtmlEditorController };

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

@@ -4,6 +4,7 @@ import './plugin/index.mjs';
 import './component/index.mjs';
 export { AIMenu } from './module/ai-module.mjs';
 export { EmojiModule } from './module/emoji-module.mjs';
+export { InLineAIMenu, hoverbarKeysEx } from './module/inline-ai-module.mjs';
 export { EmojiElem } from './element/emoji.mjs';
 export { Plugin } from './plugin/plugin.mjs';
 export { Emoji } from './component/emoji/emoji.mjs';

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

@@ -1,4 +1,5 @@
 export { AIMenu } from './ai-module.mjs';
 export { EmojiModule } from './emoji-module.mjs';
+export { InLineAIMenu, hoverbarKeysEx } from './inline-ai-module.mjs';
 
 "use strict";

package/es/editor/html/wang-editor/module/inline-ai-module.mjs

@@ -0,0 +1,95 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class InLineAIButton {
+  constructor() {
+    __publicField(this, "title");
+    __publicField(this, "tag");
+    __publicField(this, "iconSvg");
+    this.title = "AI";
+    this.tag = "button";
+    this.iconSvg = '<svg t="1763370094787" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="14" height="14" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M274.344554 173.673875c16.429399 0 30.950568 8.00526 39.956484 20.338945a34.906655 34.906655 0 0 1 14.660796 15.754537l1.117013 2.815803 210.138065 597.927736c6.795162 19.268474-5.329083 40.817516-27.041022 48.147913-20.641469 6.95806-42.493035-1.419537-50.451753-18.803052l-1.117013-2.815803-54.477653-154.939008H134.997185L80.566074 837.039954c-6.771891 19.268474-29.856826 28.949253-51.568765 21.618855-20.641469-6.981331-32.602816-26.761769-27.925325-45.239025l0.861031-2.908888L212.047809 212.58316c4.025901-11.426112 13.799764-19.477914 25.598214-22.619512 9.029188-10.006575 22.107548-16.289773 36.67526-16.289773z m386.416675 169.460176c21.828295 0 39.723774 10.890876 41.469106 24.713912l0.116356 2.210755v461.652153c0 14.893506-18.616883 26.947938-41.585462 26.947938-21.805024 0-39.700503-10.890876-41.422565-24.737183l-0.162897-2.210755V370.081989c0-14.870235 18.616883-26.924667 41.585462-26.924667z m-389.697901-48.171184L163.620643 600.628812h214.88537l-107.442685-305.665945z m602.163076-206.181978a12.566396 12.566396 0 0 1 8.144887 8.051802l32.509731 99.041817 101.694723 36.07021a12.566396 12.566396 0 0 1-0.791218 23.922695l-99.53051 27.995137-30.857483 97.552467a12.566396 12.566396 0 0 1-23.899423 0.116355l-32.509732-99.018546-98.669479-31.322905a12.566396 12.566396 0 0 1-0.186169-23.876152l97.505924-32.812256 30.834212-97.529195a12.566396 12.566396 0 0 1 15.754537-8.191429zM649.544557 0.513593c2.676177 0.884302 4.770576 3.025243 5.608336 5.724692l18.523798 59.294772 60.970292 20.66474a8.796477 8.796477 0 0 1-0.325796 16.755194l-60.73758 18.058377-19.780438 59.550754a8.796477 8.796477 0 0 1-16.731924-0.162898l-18.523798-59.271501-59.062061-17.825665a8.796477 8.796477 0 0 1-0.395609-16.708653l59.574025-20.943993 19.780438-59.574025a8.796477 8.796477 0 0 1 11.100317-5.561794z" fill="black"></path></svg>';
+  }
+  // 获取选中文本
+  getValue(editor) {
+    return "";
+  }
+  // 判断按钮是否激活
+  isActive(editor) {
+    return false;
+  }
+  // 判断按钮是否可用
+  isDisabled(editor) {
+    return editor.getConfig().readOnly;
+  }
+  // 点击按钮的执行逻辑
+  exec(editor, value) {
+    if (this.isDisabled(editor))
+      return;
+    editor.emit("lineAiClick");
+  }
+}
+const InLineAIMenu = {
+  key: "inline-ai",
+  factory() {
+    return new InLineAIButton();
+  }
+};
+const hoverbarKeysEx = {
+  link: {
+    menuKeys: ["inline-ai", "editLink", "unLink", "viewLink"]
+  },
+  image: {
+    menuKeys: [
+      "inline-ai",
+      "imageWidth30",
+      "imageWidth50",
+      "imageWidth100",
+      "editImage",
+      "viewImageLink",
+      "deleteImage"
+    ]
+  },
+  pre: {
+    menuKeys: ["inline-ai", "enter", "codeBlock", "codeSelectLang"]
+  },
+  table: {
+    menuKeys: [
+      "inline-ai",
+      "enter",
+      "tableHeader",
+      "tableFullWidth",
+      "insertTableRow",
+      "deleteTableRow",
+      "insertTableCol",
+      "deleteTableCol",
+      "deleteTable"
+    ]
+  },
+  divider: {
+    menuKeys: ["inline-ai", "enter"]
+  },
+  video: {
+    menuKeys: ["inline-ai", "enter", "editVideoSize"]
+  },
+  text: {
+    menuKeys: [
+      "inline-ai",
+      "headerSelect",
+      "insertLink",
+      "bulletedList",
+      "|",
+      "bold",
+      "through",
+      "color",
+      "bgColor",
+      "clearStyle"
+    ]
+  }
+};
+
+export { InLineAIMenu, hoverbarKeysEx };

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-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.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 .ibiz-html{padding:0 var(--ibiz-spacing-extra-loose);--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top: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-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border: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

@@ -7,7 +7,9 @@ import { IBizContext, StringUtil, 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 './wang-editor.css';
+import { hoverbarKeysEx } from './module/inline-ai-module.mjs';
 import { calcAiToolbarItemsByAc } from '../../../util/ai-util/ai-util.mjs';
 
 "use strict";
@@ -37,6 +39,7 @@ 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) {
@@ -55,6 +58,13 @@ 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;
@@ -180,7 +190,8 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           parseLinkUrl: customParseLinkUrl
           // 也支持 async 函数
         }
-      }
+      },
+      hoverbarKeys: hoverbarKeysEx
     };
     onBeforeUnmount(() => {
       const editor = editorRef.value;
@@ -227,6 +238,14 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
           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) => {
@@ -400,6 +419,24 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
       editor.on("aiClick", () => {
         onClickAI();
       });
+      editor.on("lineAiClick", () => {
+        const selectionPosition = editor.getSelectionPosition();
+        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 editorBoundingClientRect = editor.getEditableContainer().getBoundingClientRect();
+        ibiz.inLineAIUtil.showContextMenus(
+          // 编辑器的左侧距离+选区距离编辑器左侧距离
+          editorBoundingClientRect.x + Number(selectionPosition.left.replace("px", "")),
+          // 编辑器的上方距离+选区距离编辑器上方距离+悬浮工具栏高度
+          editorBoundingClientRect.y + Number(selectionPosition.top.replace("px", "")) + 42,
+          items
+        );
+      });
     };
     const handleChange = (editor) => {
       const html = editor.getHtml();
@@ -615,7 +652,7 @@ 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, {
@@ -685,13 +722,13 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     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.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", {