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

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

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

@@ -16,7 +16,7 @@ function initCustomMenu(c) {
       vue.nextTick(() => {
         var _a;
         if ((_a = c.mdeditor) == null ? void 0 : _a.bubble) {
-          c.mdeditor.bubble.visible = true;
+          c.mdeditor.bubble.showBubble();
           const selectionPosition = c.mdeditor.bubble.bubbleDom.getBoundingClientRect();
           if (!selectionPosition || !selectionPosition.left || !selectionPosition.top)
             return;

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

@@ -6,8 +6,9 @@ var vue = require('vue');
 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');
+var renderUtil = require('./render-util.cjs');
+require('./ibiz-markdown-editor.css');
 
 "use strict";
 const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
@@ -15,7 +16,8 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
   props: vue3Util.getMarkDownProps(),
   emits: vue3Util.getEditorEmits(),
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     var _a, _b, _c;
     const ns = vue3Util.useNamespace("markdown");
@@ -24,6 +26,10 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     let editor = null;
     const id = qxUtil.createUUID();
     const [AIMenu] = customMenu.initCustomMenu(c);
+    const {
+      onMDEditorCreated,
+      renderImgPreview
+    } = renderUtil.useImgPreviewRender(ns);
     const uploadHeaders = ibiz.util.file.getUploadHeaders();
     const headers = vue.ref({
       ...uploadHeaders
@@ -44,6 +50,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     let resizeObserver = null;
     let lastMarkDownWidth = 0;
     const cssVars = vue.ref({});
+    const lastDirectoryState = vue.ref("full");
     let isIgnoreChange = false;
     vue.watch(() => props.data, (newVal) => {
       if (newVal && c) {
@@ -205,9 +212,12 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       if (editor && markDownBox.value) {
         if (isFullscreen()) {
           closeFullscreen();
+          editor.toggleToc(lastDirectoryState.value);
           isFullScreen.value = false;
         } else {
           openFullscreen();
+          lastDirectoryState.value = editor.toc.model;
+          editor.toggleToc("full");
           isFullScreen.value = true;
         }
       }
@@ -218,6 +228,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         _e.preventDefault();
         if (isFullscreen()) {
           closeFullscreen();
+          editor.toggleToc(lastDirectoryState.value);
           isFullScreen.value = false;
         }
       }
@@ -344,6 +355,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         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);
+        onMDEditorCreated(editor);
       });
     };
     vue.watch(() => UIStore.theme, (newVal) => {
@@ -443,6 +455,12 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         }, [ibiz.i18n.t("editor.common.confirm")])]);
       }
     };
+    const renderEditorSwitchMenu = () => {
+      var _a2;
+      return vue.createVNode("div", {
+        "class": [ns.b("menu"), ns.is("fullscreen", isFullScreen.value)]
+      }, [(_a2 = slots.editorSwitchMenu) == null ? void 0 : _a2.call(slots)]);
+    };
     vue.onMounted(() => {
       var _a2;
       editorInit();
@@ -475,18 +493,21 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       getCherryContent,
       setCherryContent,
       renderHeader,
-      renderFooter
+      renderFooter,
+      renderImgPreview,
+      renderEditorSwitchMenu
     };
   },
   render() {
+    const isShowEditorSwitchMenu = !!this.$slots.editorSwitchMenu;
     return vue.createVNode("div", {
       "ref": "markDownBox",
-      "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", {
+      "class": [this.ns.b(), this.ns.is("disabled", this.disabled), this.ns.is("manual", this.showmode === "manual"), this.ns.is("editing", this.isEditing), this.ns.is("show-editor-switch-menu", isShowEditorSwitchMenu)]
+    }, [isShowEditorSwitchMenu ? this.renderEditorSwitchMenu() : null, this.renderHeader(), this.renderFooter(), this.renderImgPreview(), vue.createVNode("div", {
       "tabindex": "-1",
       "id": this.id,
       "style": this.cssVars,
-      "class": this.ns.b("cherry")
+      "class": [this.ns.b("cherry"), this.ns.m(this.theme === "dark" ? "dark" : "light")]
     }, null)]);
   }
 });

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

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

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

@@ -0,0 +1,90 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+function isElement(element, nodeName) {
+  return !!(element && element.nodeType === 1 && element.nodeName === nodeName);
+}
+function useImgPreviewRender(ns) {
+  const imgPreviewUrl = vue.ref("");
+  const imgPreviewUrlList = vue.ref([]);
+  const imgPreviewRef = vue.ref();
+  let mdPreviewerDom = null;
+  const openImgPreview = async (url) => {
+    var _a;
+    imgPreviewUrl.value = url;
+    imgPreviewUrlList.value = [url];
+    await vue.nextTick();
+    if (imgPreviewRef.value) {
+      const {
+        container
+      } = imgPreviewRef.value.$refs;
+      if (container) {
+        (_a = container.children[0]) == null ? void 0 : _a.click();
+      }
+    }
+  };
+  const handleKeyPress = (event) => {
+    if (event.key === "Escape" || event.keyCode === 27) {
+      event.stopPropagation();
+      event.preventDefault();
+      imgPreviewUrlList.value = [];
+      removeKeydownListener();
+    }
+  };
+  const addKeydownListener = async () => {
+    var _a;
+    await vue.nextTick();
+    const container = (_a = imgPreviewRef.value) == null ? void 0 : _a.$refs.container;
+    if (!container)
+      return;
+    const imgViewerWrapper = container.querySelector(".el-image-viewer__wrapper");
+    imgViewerWrapper == null ? void 0 : imgViewerWrapper.addEventListener("keydown", handleKeyPress);
+  };
+  const removeKeydownListener = () => {
+    var _a;
+    const container = (_a = imgPreviewRef.value) == null ? void 0 : _a.$refs.container;
+    if (!container)
+      return;
+    const imgViewerWrapper = container.querySelector(".el-image-viewer__wrapper");
+    imgViewerWrapper == null ? void 0 : imgViewerWrapper.removeEventListener("keydown", handleKeyPress);
+  };
+  const handlePreviewerImgClick = (event) => {
+    var _a;
+    const imgUrl = (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.src;
+    if (isElement(event == null ? void 0 : event.target, "IMG") && imgUrl) {
+      openImgPreview(imgUrl);
+    }
+  };
+  const renderImgPreview = () => {
+    return vue.createVNode(vue.resolveComponent("el-image"), {
+      "class": ns.e("img-preview"),
+      "ref": imgPreviewRef,
+      "zoom-rate": 1.1,
+      "src": imgPreviewUrl.value,
+      "preview-src-list": imgPreviewUrlList.value,
+      "hide-on-click-modal": true,
+      "onShow": addKeydownListener,
+      "fit": "cover"
+    }, null);
+  };
+  const onMDEditorCreated = (mdeditor) => {
+    var _a, _b;
+    mdPreviewerDom = ((_b = (_a = mdeditor == null ? void 0 : mdeditor.previewer) == null ? void 0 : _a.previewerBubble) == null ? void 0 : _b.previewerDom) || null;
+    mdPreviewerDom == null ? void 0 : mdPreviewerDom.addEventListener("click", handlePreviewerImgClick);
+  };
+  vue.onBeforeUnmount(() => {
+    if (mdPreviewerDom) {
+      mdPreviewerDom.removeEventListener("click", handlePreviewerImgClick);
+      mdPreviewerDom = null;
+    }
+    removeKeydownListener();
+  });
+  return {
+    renderImgPreview,
+    onMDEditorCreated
+  };
+}
+
+exports.useImgPreviewRender = useImgPreviewRender;

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

@@ -2,6 +2,7 @@
 
 var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
+var ramda = require('ramda');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -105,6 +106,13 @@ class MarkDownEditorController extends runtime.EditorController {
      * @memberof MarkDownEditorController
      */
     __publicField(this, "currentEditorTheme", "light");
+    /**
+     * AI行内聊天框高度
+     *
+     * @type {number}
+     * @memberof MarkDownEditorController
+     */
+    __publicField(this, "inlineAiChatHeight");
   }
   async onInit() {
     await super.onInit();
@@ -112,7 +120,7 @@ class MarkDownEditorController extends runtime.EditorController {
       this.style.height = "600px";
     }
     if (this.editorParams) {
-      const { uploadparams, exportparams } = this.editorParams;
+      const { uploadparams, exportparams, inlineaichatheight } = this.editorParams;
       if (uploadparams) {
         try {
           this.uploadParams = JSON.parse(uploadparams);
@@ -133,6 +141,9 @@ class MarkDownEditorController extends runtime.EditorController {
           );
         }
       }
+      if (inlineaichatheight) {
+        this.inlineAiChatHeight = Number(inlineaichatheight);
+      }
     }
     const model = this.model;
     if (model.appDEACModeId) {
@@ -314,9 +325,12 @@ class MarkDownEditorController extends runtime.EditorController {
    * @memberof MarkDownEditorController
    */
   getInLineAiChatOptions() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const editorRect = (_a = this.mdeditor) == null ? void 0 : _a.wrapperDom.getBoundingClientRect();
-    const bubbleRect = (_b = this.mdeditor) == null ? void 0 : _b.bubble.bubbleDom.getBoundingClientRect();
+    if (!((_b = this.mdeditor) == null ? void 0 : _b.bubble.visible)) {
+      (_c = this.mdeditor) == null ? void 0 : _c.bubble.showBubble();
+    }
+    const bubbleRect = (_d = this.mdeditor) == null ? void 0 : _d.bubble.bubbleDom.getBoundingClientRect();
     return {
       // 编辑器的左侧距离 + 10px
       left: editorRect.left + 10,
@@ -324,8 +338,9 @@ class MarkDownEditorController extends runtime.EditorController {
       top: bubbleRect.top,
       // 编辑器的宽度 - 右侧工具栏的宽度(38px) - 左侧边距（10px）- 右侧边距（10px）
       width: editorRect.width - 58,
-      editorElement: (_c = this.mdeditor) == null ? void 0 : _c.wrapperDom,
-      editorTheme: this.getCurrentTheme()
+      editorElement: (_e = this.mdeditor) == null ? void 0 : _e.wrapperDom,
+      editorTheme: this.getCurrentTheme(),
+      height: this.inlineAiChatHeight
     };
   }
   /**
@@ -348,6 +363,7 @@ class MarkDownEditorController extends runtime.EditorController {
    */
   async doInLineAIUIAction(uiActionId, appId) {
     const eventArgs = this.ctrl.getEventArgs();
+    eventArgs.params = ramda.clone(eventArgs.params);
     eventArgs.params.editor = this;
     if (this.editorParams.srfaiappendcurdata && this.editorParams.srfaiappendcurdata === "true") {
       eventArgs.context.srfaiappendcurdata = true;

package/lib/util/ai-util/ai-util.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+var runtime = require('@ibiz-template/runtime');
+
 "use strict";
 function calcAiToolbarItemsByAc(deACMode) {
   var _a, _b;
@@ -50,5 +52,20 @@ function calcAiToolbarItemsByAc(deACMode) {
     inlineToolbarItems
   };
 }
+const getAIAgentList = async (context, params) => {
+  const emptyList = [];
+  const app = ibiz.hub.getApp(ibiz.env.appId);
+  const aiAgentUtil = app.getAppUtil("DYNAMICAIGENT", "CUSTOM");
+  if (!aiAgentUtil) {
+    return emptyList;
+  }
+  const utilService = new runtime.UtilService(aiAgentUtil);
+  const data = await utilService.load("", context, params);
+  if (!data || data.length === 0) {
+    return emptyList;
+  }
+  return data;
+};
 
 exports.calcAiToolbarItemsByAc = calcAiToolbarItemsByAc;
+exports.getAIAgentList = getAIAgentList;

package/lib/util/app-util/app-util.cjs

@@ -239,6 +239,7 @@ class AppUtil {
       appDEACModeId,
       appDataEntityId
     } = chartParams;
+    const aiAgentlist = await aiUtil.getAIAgentList(context, params);
     const exParams = this.computeAiExParams(context, params, data);
     const deACMode = await runtime.getDeACMode(
       appDEACModeId,
@@ -311,11 +312,19 @@ class AppUtil {
           footerToolbarItems,
           questionToolbarItems,
           otherToolbarItems,
-          question: async (aiChat, ctx, param, other, arr, sessionid) => {
+          aiAgentlist,
+          question: async (aiChat, ctx, param, other, arr, sessionid, srfaiagent) => {
             id = qxUtil.createUUID();
             abortController = new AbortController();
             const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
             try {
+              const questionRequestData = {
+                messages: arr,
+                sessionid
+              };
+              if (srfaiagent) {
+                questionRequestData.srfaiagent = srfaiagent;
+              }
               await deService.aiChatSse(
                 (msg) => {
                   if (msg.actionstate === 20 && msg.actionresult) {
@@ -351,10 +360,7 @@ class AppUtil {
                 abortController,
                 ctx,
                 param,
-                {
-                  messages: arr,
-                  sessionid
-                }
+                { ...questionRequestData }
               );
             } catch (error) {
               aiChat.replaceMessage({
@@ -386,11 +392,21 @@ class AppUtil {
           },
           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 historyRequestData = {};
+            if (other.appendCurData) {
+              Object.assign(historyRequestData, {
+                ...other.appendCurData
+              });
+            }
+            if (other.srfaiagent) {
+              Object.assign(historyRequestData, {
+                srfaiagent: other.srfaiagent
+              });
+            }
             const result = await deService.aiChatHistory(
               ctx,
               param,
-              historyData
+              historyRequestData
             );
             if (result.data && Array.isArray(result.data)) {
               let preMsg;

package/lib/util/inline-ai-util/inline-ai-textarea/inline-ai-textarea.cjs

@@ -78,30 +78,38 @@ const InlineAITextArea = /* @__PURE__ */ vue.defineComponent({
       containerStyle,
       contentStyle
     } = inlineAiTextarea_hook.useBase(props, containerRef, actionsRef);
-    inlineAiTextarea_hook.useInLineAIContainerClick(props, textareaContent, isLoading);
     const {
-      askAI
+      askAI,
+      abortController
     } = inlineAiTextarea_hook.useAI(props, {
       srfaiappendcurdata,
       srfmode,
       srfaiagent
     });
+    const stopQuestionAndClose = () => {
+      var _a;
+      (_a = abortController.value) == null ? void 0 : _a.abort();
+      props.unMountAIChat();
+    };
+    inlineAiTextarea_hook.useInLineAIContainerClick(props, textareaContent, isLoading);
     const restoreFocus = () => {
       var _a;
       (_a = textareaRef.value) == null ? void 0 : _a.blur();
       props.restoreSelection();
     };
     const sendQuestion = async (content) => {
-      restoreFocus();
-      question = content;
-      textareaContent.value = "";
-      isLoading.value = true;
-      textareaContent.value = await askAI(question);
-      isLoading.value = false;
-      contentType.value = "ASSISTANT";
-    };
-    const stopQuestion = () => {
-      props.unMountAIChat();
+      try {
+        isLoading.value = true;
+        restoreFocus();
+        question = content;
+        textareaContent.value = "";
+        textareaContent.value = await askAI(question);
+        contentType.value = "ASSISTANT";
+      } catch (error) {
+        ibiz.log.error(error);
+      } finally {
+        isLoading.value = false;
+      }
     };
     const onKeydown = (e) => {
       if (e.code === "Enter" && !e.isComposing) {
@@ -161,8 +169,8 @@ const InlineAITextArea = /* @__PURE__ */ vue.defineComponent({
       textareaContent,
       onKeydown,
       sendQuestion,
-      stopQuestion,
-      handleAction
+      handleAction,
+      stopQuestionAndClose
     };
   },
   render() {
@@ -196,7 +204,7 @@ const InlineAITextArea = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.em("content", "suffix")
     }, [this.isLoading && vue.createVNode("div", {
       "class": this.ns.em("content", "stop-icon"),
-      "onClick": () => this.stopQuestion()
+      "onClick": () => this.stopQuestionAndClose()
     }, [icon.StopIcon, vue.createVNode("span", null, [ibiz.i18n.t("util.inlineAiUtil.stopEdit")])]), !this.disabled && vue.createVNode("div", {
       "class": this.ns.em("content", "sand-icon"),
       "onClick": () => this.sendQuestion(this.textareaContent)

package/lib/util/inline-ai-util/inline-ai-textarea/inline-ai-textarea.hook.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+var qs = require('qs');
+var qxUtil = require('qx-util');
 var vue = require('vue');
 var runtime = require('@ibiz-template/runtime');
 var icon = require('./icon.cjs');
@@ -17,7 +19,11 @@ const computedInLineAIParams = (props) => {
 const useInLineAIContainerClick = (props, content, isLoading) => {
   const handclick = async (evt) => {
     const target = evt.target;
-    if (!target.closest(".ibiz-inline-ai-textarea-container") && !target.closest(".ibiz-inline-ai-alert") && !isLoading.value) {
+    if (!target.closest(".ibiz-inline-ai-textarea-container") && !target.closest(".ibiz-inline-ai-alert")) {
+      if (isLoading.value) {
+        evt.stopPropagation();
+        return;
+      }
       const isChange = props.content !== content.value;
       let isClose = true;
       if (isChange) {
@@ -72,6 +78,27 @@ const useAI = (props, opts) => {
       );
     }
   };
+  const abortController = vue.ref();
+  const attachUrlParam = (url) => {
+    {
+      const urlSplit = url.split("?");
+      urlSplit[0] = urlSplit[0].split("/").map((item) => encodeURIComponent(item)).join("/");
+      url = urlSplit.length > 1 ? urlSplit.join("?") : urlSplit[0];
+    }
+    const strParams = qs.stringify(params);
+    if (qxUtil.notNilEmpty(strParams)) {
+      if (url.endsWith("?")) {
+        url = "".concat(url).concat(strParams);
+      } else if (url.indexOf("?") !== -1 && url.endsWith("&")) {
+        url = "".concat(url).concat(strParams);
+      } else if (url.indexOf("?") !== -1 && !url.endsWith("&")) {
+        url = "".concat(url, "&").concat(strParams);
+      } else {
+        url = "".concat(url, "?").concat(strParams);
+      }
+    }
+    return url;
+  };
   const askAI = async (content) => {
     var _a, _b;
     const body = {
@@ -87,12 +114,17 @@ const useAI = (props, opts) => {
       Object.assign(body, { mode: srfmode });
     if (srfaiagent)
       Object.assign(body, { srfaiagent });
+    abortController.value = new AbortController();
     const appDataEntity = await ibiz.hub.getAppDataEntity(
       deACMode.appDataEntityId,
       deACMode.appId
     );
-    const path = calcAIPath(appDataEntity);
-    const response = await app.net.post(path, body, params);
+    const path = attachUrlParam(calcAIPath(appDataEntity));
+    const response = await app.net.request(path, {
+      method: "post",
+      data: body,
+      signal: abortController.value.signal
+    });
     if (response.ok) {
       const result = (_b = (_a = response.data.choices) == null ? void 0 : _a[0]) == null ? void 0 : _b.content;
       return result;
@@ -103,7 +135,8 @@ const useAI = (props, opts) => {
     loadAiHistory();
   });
   return {
-    askAI
+    askAI,
+    abortController
   };
 };
 const useBase = (props, container, target) => {
@@ -154,7 +187,7 @@ const useBase = (props, container, target) => {
     top: "".concat(options.top, "px")
   });
   const contentStyle = vue.ref({
-    height: "".concat(options.height || 80, "px"),
+    height: "".concat(options.height || 300, "px"),
     "max-height": "".concat(options.maxHeight, "px")
   });
   const updatePosition = () => {

package/lib/util/inline-ai-util/inline-ai-util.cjs

@@ -83,12 +83,13 @@ class InLineAIUtil {
    * @param y 距离上方距离
    * @param menus 菜单集合
    */
-  showContextMenus(x, y, menus) {
+  showContextMenus(x, y, menus, options = {}) {
     ContextMenu.showContextMenu({
       x,
       y,
       customClass: this.ns.b("context-menu"),
-      items: menus
+      items: menus,
+      ...options
     });
   }
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.39",
+  "version": "0.7.41-alpha.40",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,16 +30,16 @@
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@floating-ui/dom": "^1.5.3",
-    "@ibiz-template-plugin/ai-chat": "^0.0.33",
+    "@ibiz-template-plugin/ai-chat": "^0.0.34",
     "@ibiz-template-plugin/gantt": "0.1.8-alpha.316",
     "@ibiz-template-plugin/bi-report": "0.0.30",
     "@ibiz-template-plugin/data-view": "0.0.6",
     "@ibiz-template/core": "0.7.41-alpha.35",
     "@ibiz-template/devtool": "0.0.13",
-    "@ibiz-template/model-helper": "0.7.41-alpha.38",
-    "@ibiz-template/runtime": "0.7.41-alpha.38",
+    "@ibiz-template/model-helper": "0.7.41-alpha.39",
+    "@ibiz-template/runtime": "0.7.41-alpha.39",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.38",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.39",
     "@ibiz-template/web-theme": "3.9.0",
     "@ibiz/model-core": "^0.1.83",
     "@imengyu/vue3-context-menu": "^1.3.5",