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

package/lib/editor/html/wang-editor/module/inline-ai-module.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+"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"
+    ]
+  }
+};
+
+exports.InLineAIMenu = InLineAIMenu;
+exports.hoverbarKeysEx = hoverbarKeysEx;

package/lib/editor/html/wang-editor/wang-editor.cjs

@@ -11,7 +11,9 @@ var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 var ElementPlus = require('element-plus');
 require('../../../util/index.cjs');
+require('./module/index.cjs');
 require('./wang-editor.css');
+var inlineAiModule = require('./module/inline-ai-module.cjs');
 var aiUtil = require('../../../util/ai-util/ai-util.cjs');
 
 "use strict";
@@ -41,6 +43,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
     const readonlyState = vue.ref(false);
     const enableFullScreen = vue.ref(false);
     const isFullScreen = vue.ref(false);
+    let autoClose;
     const editorModel = c.model;
     if (editorModel.editorParams) {
       if (editorModel.editorParams.enableEdit) {
@@ -59,6 +62,13 @@ const IBizHtml = /* @__PURE__ */ vue.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;
@@ -184,7 +194,8 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
           parseLinkUrl: customParseLinkUrl
           // 也支持 async 函数
         }
-      }
+      },
+      hoverbarKeys: inlineAiModule.hoverbarKeysEx
     };
     vue.onBeforeUnmount(() => {
       const editor = editorRef.value;
@@ -231,6 +242,14 @@ const IBizHtml = /* @__PURE__ */ vue.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 ? core.StringUtil.fill(c.editorParams.srfaiappendcurcontent, c.context, c.params, props.data) : void 0,
           question: async (aiChat, ctx, param, other, arr, sessionid) => {
@@ -404,6 +423,24 @@ const IBizHtml = /* @__PURE__ */ vue.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();
@@ -619,7 +656,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
     };
     const renderEditorContent = () => {
       return vue.createVNode("div", {
-        "class": ns.b("content"),
+        "class": [ns.b("content"), ns.is("editing", !readonlyState.value)],
         "ref": "htmlContent",
         "style": cssVars.value
       }, [vue.createVNode(editorForVue.Toolbar, {
@@ -689,13 +726,13 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
     return !this.isFullScreen ? vue.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]) : vue.createVNode(vue.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: () => [vue.createVNode("div", {

package/lib/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/lib/editor/markdown/ibiz-markdown-editor/custom-menu.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var Cherry = require('cherry-markdown');
+var vue = require('vue');
+
+"use strict";
+function initCustomMenu(c) {
+  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();
+      vue.nextTick(() => {
+        var _a;
+        if ((_a = c.mdeditor) == null ? void 0 : _a.bubble) {
+          c.mdeditor.bubble.visible = true;
+          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;
+          ibiz.inLineAIUtil.showContextMenus(
+            // 浮动工具栏的左侧距离
+            selectionPosition.left,
+            // 浮动工具栏的顶部距离 + 浮动工具栏的高度
+            selectionPosition.top + 43,
+            items
+          );
+        }
+      });
+    }
+  });
+  return [AIMenu];
+}
+
+exports.initCustomMenu = initCustomMenu;

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

@@ -7,6 +7,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
 var Cherry = require('cherry-markdown');
 require('./ibiz-markdown-editor.css');
+var customMenu = require('./custom-menu.cjs');
 
 "use strict";
 const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
@@ -16,12 +17,13 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b;
+    var _a, _b, _c;
     const ns = vue3Util.useNamespace("markdown");
     const c = props.controller;
     const currentVal = vue.ref("");
     let editor = null;
     const id = qxUtil.createUUID();
+    const [AIMenu] = customMenu.initCustomMenu(c);
     const uploadHeaders = ibiz.util.file.getUploadHeaders();
     const headers = vue.ref({
       ...uploadHeaders
@@ -32,6 +34,12 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       UIStore
     } = vue3Util.useUIStore();
     const theme = vue.ref(customTheme || UIStore.theme);
+    const isEditing = vue.ref(false);
+    let showmode = "default";
+    if (c && ((_c = c.editorParams) == null ? void 0 : _c.showmode)) {
+      showmode = c.editorParams.showmode;
+    }
+    const isFullScreen = vue.ref(false);
     const defaultModel = vue.ref("editOnly");
     let resizeObserver = null;
     let lastMarkDownWidth = 0;
@@ -95,7 +103,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     };
     const setCherryContent = (val) => {
       isIgnoreChange = true;
-      editor == null ? void 0 : editor.setMarkdown(val, false);
+      editor == null ? void 0 : editor.setMarkdown(val, true);
     };
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -115,6 +123,9 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const afterChange = (_e) => {
+      if (showmode === "manual") {
+        return;
+      }
       emit("change", getCherryContent(), c == null ? void 0 : c.model.id, isIgnoreChange);
       isIgnoreChange = false;
     };
@@ -194,25 +205,57 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       if (editor && markDownBox.value) {
         if (isFullscreen()) {
           closeFullscreen();
+          isFullScreen.value = false;
         } else {
           openFullscreen();
+          isFullScreen.value = true;
         }
       }
     };
     const handleKeyDown = (_e) => {
       _e.stopPropagation();
       if (_e.key === "Escape") {
+        _e.preventDefault();
         if (isFullscreen()) {
           closeFullscreen();
+          isFullScreen.value = false;
         }
       }
     };
+    const changeMainTheme = (_theme) => {
+      c == null ? void 0 : c.setCurrentEditorTheme(_theme);
+    };
+    const selectionChange = (event) => {
+      var _a2, _b2;
+      const {
+        info
+      } = event;
+      let isForwardSelection = true;
+      const firstRange = info.ranges && info.ranges[0];
+      if (!firstRange) {
+        isForwardSelection = true;
+      } else {
+        const {
+          anchor,
+          head
+        } = firstRange;
+        isForwardSelection = c.isPositionBefore(anchor, head);
+      }
+      const startPos = (_a2 = c.mdeditor) == null ? void 0 : _a2.editor.editor.getCursor("start");
+      const endPos = (_b2 = c.mdeditor) == null ? void 0 : _b2.editor.editor.getCursor("end");
+      c.setCursorPos(startPos, endPos);
+      c.setSelectionDirection(isForwardSelection);
+    };
     const editorInit = () => {
-      if (props.disabled || props.readonly) {
+      if (props.disabled || props.readonly || showmode === "manual") {
         defaultModel.value = "previewOnly";
       }
       vue.nextTick(() => {
         var _a2;
+        const bubble = ["bold", "italic", "underline", "strikethrough", "sub", "sup", "|", "size", "color"];
+        if (c && c.chatCompletion) {
+          bubble.unshift("AI");
+        }
         editor = new Cherry({
           id,
           value: currentVal.value,
@@ -249,15 +292,37 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
             toolbar: ["bold", "italic", "underline", "strikethrough", "|", "color", "header", "|", "list", "image", {
               insert: ["link", "hr", "br", "code", "formula", "toc", "table", "line-table", "bar-table"]
             }, "settings", "togglePreview"],
-            bubble: ["bold", "italic", "underline", "strikethrough", "sub", "sup", "|", "size", "color"],
+            bubble,
             float: ["h1", "h2", "h3", "|", "checklist", "quote", "quickTable", "code"],
-            customMenu: [],
-            sidebar: []
+            customMenu: {
+              AI: AIMenu
+            },
+            // 定义侧边栏，默认为空
+            sidebar: ["theme", "copy"],
+            // 定义顶部右侧工具栏，默认为空
+            toolbarRight: [],
+            // 目录
+            toc: {
+              updateLocationHash: false,
+              // 要不要更新URL的hash
+              defaultModel: "pure",
+              // pure: 精简模式/缩略模式，只有一排小点； full: 完整模式，会展示所有标题
+              showAutoNumber: true,
+              // 是否显示自增序号
+              position: "absolute",
+              // 悬浮目录的悬浮方式。当滚动条在cherry内部时，用absolute；当滚动条在cherry外部时，用fixed
+              cssText: ""
+              // 自定义样式
+            }
           },
           callback: {
             afterChange,
             beforeImageMounted
           },
+          event: {
+            changeMainTheme,
+            selectionChange
+          },
           engine: {
             syntax: {
               table: {
@@ -278,6 +343,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         span.appendChild(createCherryIcon("fullscreen"));
         const parentElement = props.disabled ? editor.editor.options.editorDom.parentElement : (_a2 = editor.editor.options.editorDom.parentElement) == null ? void 0 : _a2.querySelector(".cherry-toolbar>.toolbar-right");
         parentElement == null ? void 0 : parentElement.appendChild(span);
+        c == null ? void 0 : c.setMDEditor(editor);
       });
     };
     vue.watch(() => UIStore.theme, (newVal) => {
@@ -314,6 +380,69 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         resizeObserver.observe(markDownBox.value);
       }
     };
+    const onEnableEdit = () => {
+      isEditing.value = true;
+      defaultModel.value = "editOnly";
+      editor == null ? void 0 : editor.switchModel(defaultModel.value);
+    };
+    const onResetEditState = () => {
+      isEditing.value = false;
+      defaultModel.value = "previewOnly";
+      editor == null ? void 0 : editor.switchModel(defaultModel.value);
+    };
+    const onEditCancel = () => {
+      setCherryContent(currentVal.value);
+      onResetEditState();
+    };
+    const onEditConfirm = () => {
+      emit("change", getCherryContent(), c == null ? void 0 : c.model.id, isIgnoreChange);
+      isIgnoreChange = false;
+      onResetEditState();
+    };
+    const onFocusEditor = () => {
+      const target = document.getElementById(id);
+      target == null ? void 0 : target.focus();
+    };
+    const renderHeader = () => {
+      if (showmode === "manual" && !isEditing.value) {
+        return vue.createVNode("div", {
+          "onClick": onFocusEditor,
+          "class": [ns.e("header"), ns.is("fullscreen", isFullScreen.value)]
+        }, [!props.disabled && !props.readonly && vue.createVNode("div", {
+          "class": ns.em("header", "edit"),
+          "onClick": onEnableEdit,
+          "title": ibiz.i18n.t("editor.markdown.edit")
+        }, [vue.createVNode("i", {
+          "class": "fa fa-edit",
+          "aria-hidden": "true"
+        }, null)]), vue.createVNode("div", {
+          "class": ns.em("header", "full"),
+          "onClick": onSwitchFullscreen
+        }, [isFullScreen.value ? vue.createVNode("i", {
+          "class": "fa fa-compress",
+          "aria-hidden": "true",
+          "title": ibiz.i18n.t("editor.html.reduce")
+        }, null) : vue.createVNode("i", {
+          "class": "fa fa-expand",
+          "aria-hidden": "true",
+          "title": ibiz.i18n.t("editor.common.fullscreen")
+        }, null)])]);
+      }
+    };
+    const renderFooter = () => {
+      if (showmode === "manual" && isEditing.value && !props.disabled && !props.readonly) {
+        return vue.createVNode("div", {
+          "onClick": onFocusEditor,
+          "class": [ns.e("footer"), ns.is("fullscreen", isFullScreen.value)]
+        }, [vue.createVNode("div", {
+          "class": ns.em("footer", "cancel"),
+          "onClick": onEditCancel
+        }, [ibiz.i18n.t("editor.common.cancel")]), vue.createVNode("div", {
+          "class": ns.em("footer", "save"),
+          "onClick": onEditConfirm
+        }, [ibiz.i18n.t("editor.common.confirm")])]);
+      }
+    };
     vue.onMounted(() => {
       var _a2;
       editorInit();
@@ -340,16 +469,21 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       theme,
       defaultModel,
       cssVars,
+      isEditing,
+      showmode,
       getCherryHtml,
       getCherryContent,
-      setCherryContent
+      setCherryContent,
+      renderHeader,
+      renderFooter
     };
   },
   render() {
     return vue.createVNode("div", {
       "ref": "markDownBox",
-      "class": [this.ns.b(), this.ns.is("disabled", this.disabled)]
-    }, [vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("disabled", this.disabled), this.ns.is("manual", this.showmode === "manual"), this.ns.is("editing", this.isEditing)]
+    }, [this.renderHeader(), this.renderFooter(), vue.createVNode("div", {
+      "tabindex": "-1",
       "id": this.id,
       "style": this.cssVars,
       "class": this.ns.b("cherry")

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

@@ -1 +1 @@
-.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown.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-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__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 .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{background-color:var(--ibiz-color-bg-0);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-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 .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}