@ibiz-template/vue3-components 0.7.41-alpha.36 → 0.7.41-alpha.38

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,8 +205,10 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       if (editor && markDownBox.value) {
         if (isFullscreen()) {
           closeFullscreen();
+          isFullScreen.value = false;
         } else {
           openFullscreen();
+          isFullScreen.value = true;
         }
       }
     };
@@ -204,15 +217,20 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       if (_e.key === "Escape") {
         if (isFullscreen()) {
           closeFullscreen();
+          isFullScreen.value = false;
         }
       }
     };
     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.editorParams.ac && c.deACMode) {
+          bubble.unshift("AI");
+        }
         editor = new Cherry({
           id,
           value: currentVal.value,
@@ -249,10 +267,28 @@ 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,
@@ -278,6 +314,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.setMDEditor(editor);
       });
     };
     vue.watch(() => UIStore.theme, (newVal) => {
@@ -314,15 +351,70 @@ 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 renderHeader = () => {
+      if (showmode === "manual" && !isEditing.value) {
+        return vue.createVNode("div", {
+          "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", {
+          "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();
       calcMarkDownStyle();
-      (_a2 = markDownBox.value) == null ? void 0 : _a2.addEventListener("keydown", handleKeyDown.bind(this));
+      document.addEventListener("keydown", handleKeyDown.bind(this));
     });
     vue.onBeforeUnmount(() => {
-      var _a2;
-      (_a2 = markDownBox.value) == null ? void 0 : _a2.removeEventListener("keydown", handleKeyDown.bind(this));
+      document.removeEventListener("keydown", handleKeyDown.bind(this));
     });
     vue.onUnmounted(() => {
       editor = null;
@@ -340,16 +432,20 @@ 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", {
       "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)}.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}

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

@@ -77,6 +77,20 @@ class MarkDownEditorController extends runtime.EditorController {
      * @type {boolean}
      */
     __publicField(this, "chatCompletion", false);
+    /**
+     * 编辑器实例
+     *
+     * @type {IData}
+     * @memberof MarkDownEditorController
+     */
+    __publicField(this, "mdeditor", null);
+    /**
+     * 选区位置缓存
+     *
+     * @type {(IData | null)}
+     * @memberof MarkDownEditorController
+     */
+    __publicField(this, "selectionAreaPosition", null);
   }
   async onInit() {
     await super.onInit();
@@ -143,6 +157,104 @@ class MarkDownEditorController extends runtime.EditorController {
       }
     }
   }
+  /**
+   * 设置编辑器实例
+   *
+   * @param {IData} mdeditor
+   * @memberof MarkDownEditorController
+   */
+  setMDEditor(mdeditor) {
+    this.mdeditor = mdeditor;
+  }
+  /**
+   * 设置保存当前选区位置
+   *
+   * @param {IData} start
+   * @param {IData} end
+   * @memberof MarkDownEditorController
+   */
+  setCursorPos(start, end) {
+    this.selectionAreaPosition = { start, end };
+  }
+  /**
+   * 获取选中文本
+   *
+   * @return {*}  {string}
+   * @memberof MarkDownEditorController
+   */
+  getSelectionText() {
+    var _a;
+    return (_a = this.mdeditor) == null ? void 0 : _a.editor.editor.getSelection();
+  }
+  /**
+   * 插入文本
+   *
+   * @param {string} text
+   * @memberof MarkDownEditorController
+   */
+  insertText(text) {
+    var _a;
+    (_a = this.mdeditor) == null ? void 0 : _a.insert(text);
+  }
+  /**
+   * 替换选中文本
+   *
+   * @param {string} text
+   * @memberof MarkDownEditorController
+   */
+  replaceSelectionText(text) {
+    var _a;
+    (_a = this.mdeditor) == null ? void 0 : _a.editor.editor.replaceSelection(text);
+  }
+  /**
+   * 恢复选区
+   *
+   * @memberof MarkDownEditorController
+   */
+  restoreSelection() {
+    var _a, _b, _c;
+    (_c = this.mdeditor) == null ? void 0 : _c.editor.editor.setSelection(
+      (_a = this.selectionAreaPosition) == null ? void 0 : _a.start,
+      (_b = this.selectionAreaPosition) == null ? void 0 : _b.end
+    );
+  }
+  /**
+   * 获取内联AI参数
+   *
+   * @return {*}  {IData}
+   * @memberof MarkDownEditorController
+   */
+  getInLineAiChatOptions() {
+    var _a;
+    const editorRect = (_a = this.mdeditor) == null ? void 0 : _a.wrapperDom.getBoundingClientRect();
+    return {
+      left: editorRect == null ? void 0 : editorRect.left,
+      top: editorRect == null ? void 0 : editorRect.top,
+      width: editorRect == null ? void 0 : editorRect.width
+    };
+  }
+  /**
+   *  执行内联AIUI操作
+   *
+   * @param {string} _uiAction
+   * @param {string} _appId
+   * @return {*}  {Promise<void>}
+   * @memberof MarkDownEditorController
+   */
+  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 runtime.UIActionUtil.exec(
+      uiActionId,
+      {
+        ...eventArgs
+      },
+      appId
+    );
+  }
 }
 
 exports.MarkDownEditorController = MarkDownEditorController;

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

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height);--ibiz-input-ai-chat-bottom-tight:10px}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-input-ai-chat-bottom-tight);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__count{bottom:0}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input .el-textarea__inner{min-height:32px!important}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height);--ibiz-input-ai-chat-bottom-tight:10px}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-tight);bottom:var(--ibiz-input-ai-chat-bottom-tight);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__count{bottom:0}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input .el-textarea__inner{min-height:32px!important}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}

package/lib/index.cjs

@@ -182,6 +182,7 @@ var fullscreenUtil = require('./util/fullscreen/fullscreen-util.cjs');
 var keydownUtil = require('./util/keydown-util/keydown-util.cjs');
 var aiUtil = require('./util/ai-util/ai-util.cjs');
 var buttonUtil = require('./util/button-util/button-util.cjs');
+var inlineAiUtil = require('./util/inline-ai-util/inline-ai-util.cjs');
 var wangEditorUtil = require('./util/wang-editor-util/wang-editor-util.cjs');
 var icon = require('./util/icon/icon.cjs');
 var authGuard = require('./web-app/guard/auth-guard/auth-guard.cjs');
@@ -372,6 +373,7 @@ exports.FullscreenUtil = fullscreenUtil.FullscreenUtil;
 exports.useFocusByEnter = keydownUtil.useFocusByEnter;
 exports.calcAiToolbarItemsByAc = aiUtil.calcAiToolbarItemsByAc;
 exports.convertBtnType = buttonUtil.convertBtnType;
+exports.InLineAIUtil = inlineAiUtil.InLineAIUtil;
 exports.parseHtml = wangEditorUtil.parseHtml;
 exports.ArrowLeftBold = icon.ArrowLeftBold;
 exports.ArrowRightBold = icon.ArrowRightBold;

package/lib/locale/en/index.cjs

@@ -625,7 +625,11 @@ var index = {
       }
     },
     code: {
-      readOnlyPrompt: "Currently in read-only mode, not editable"
+      readOnlyPrompt: "Currently in read-only mode, not editable",
+      noEditorArea: "Editor content area not found",
+      noSelStart: "No start position of current selection",
+      noEditorRect: "No editor DOM node position info",
+      noSelCoords: "No scroll coordinates of selection"
     },
     dateRange: {
       rangeSeparator: "To"
@@ -661,7 +665,8 @@ var index = {
     },
     markdown: {
       uploadJsonFormatErr: "The configuration of uploadparams did not follow the standard JSON format",
-      exportJsonFormatErr: "The configuration of exportparams did not follow the standard JSON format"
+      exportJsonFormatErr: "The configuration of exportparams did not follow the standard JSON format",
+      edit: "Edit"
     },
     notSupportedEditor: {
       unsupportedType: "Unsupported editor types - {editorType}"
@@ -834,6 +839,14 @@ var index = {
     appModal: {
       prev: "Previous record",
       next: "Next record"
+    },
+    inlineAiUtil: {
+      regenerate: "Regenerate",
+      insertText: "Insert Text",
+      replaceText: "Replace Text",
+      copyText: "Copy Text",
+      info: "The content is generated by AI, please carefully discern.",
+      stopEdit: "Terminate editing"
     }
   },
   // runTime

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

@@ -621,7 +621,11 @@ var index = {
       }
     },
     code: {
-      readOnlyPrompt: "\u5F53\u524D\u4E3A\u53EA\u8BFB\u6A21\u5F0F\uFF0C\u4E0D\u53EF\u7F16\u8F91"
+      readOnlyPrompt: "\u5F53\u524D\u4E3A\u53EA\u8BFB\u6A21\u5F0F\uFF0C\u4E0D\u53EF\u7F16\u8F91",
+      noEditorArea: "\u672A\u627E\u5230\u7F16\u8F91\u5668\u5185\u5BB9\u533A\u57DF",
+      noSelStart: "\u672A\u83B7\u53D6\u5230\u5F53\u524D\u9009\u4E2D\u533A\u57DF\u7684\u8D77\u59CB\u4F4D\u7F6E",
+      noEditorRect: "\u672A\u83B7\u53D6\u5230\u7F16\u8F91\u5668DOM\u8282\u70B9\u7684\u4F4D\u7F6E\u4FE1\u606F",
+      noSelCoords: "\u672A\u8BA1\u7B97\u51FA\u9009\u4E2D\u4F4D\u7F6E\u7684\u6EDA\u52A8\u53EF\u89C6\u5750\u6807"
     },
     dateRange: {
       rangeSeparator: "\u81F3"
@@ -657,7 +661,8 @@ var index = {
     },
     markdown: {
       uploadJsonFormatErr: "\u914D\u7F6Euploadparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F",
-      exportJsonFormatErr: "\u914D\u7F6Eexportparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F"
+      exportJsonFormatErr: "\u914D\u7F6Eexportparams\u6CA1\u6709\u6309\u6807\u51C6JSON\u683C\u5F0F",
+      edit: "\u7F16\u8F91"
     },
     notSupportedEditor: {
       unsupportedType: "\u672A\u652F\u6301\u7684\u7F16\u8F91\u5668\u7C7B\u578B - {type}"
@@ -830,6 +835,14 @@ var index = {
     appModal: {
       prev: "\u4E0A\u4E00\u4E2A\u8BB0\u5F55",
       next: "\u4E0B\u4E00\u4E2A\u8BB0\u5F55"
+    },
+    inlineAiUtil: {
+      regenerate: "\u91CD\u65B0\u751F\u6210",
+      insertText: "\u63D2\u5165\u6587\u672C",
+      replaceText: "\u66FF\u6362\u6587\u672C",
+      copyText: "\u590D\u5236\u6587\u672C",
+      info: "\u5185\u5BB9\u7531 AI \u751F\u6210\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B\u3002",
+      stopEdit: "\u7EC8\u6B62\u7F16\u8F91"
     }
   },
   // runTime

package/lib/panel-component/nav-breadcrumb/nav-breadcrumb.util.cjs

@@ -73,7 +73,7 @@ function getViewInfoByViewStack(viewName, context) {
   const indexViewName = getAppIndexViewName(context);
   if (view) {
     let isEmbed = false;
-    if (view.parentView && view.parentView.model.codeName !== indexViewName) {
+    if (view.parentView && view.parentView.model.codeName !== indexViewName && view.parentView.model.viewType !== "APPINDEXVIEW") {
       isEmbed = true;
     }
     const data = view.state.srfactiveviewdata;

package/lib/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.cjs

@@ -68,8 +68,8 @@ class InternalMessageJSONtProvider extends internalMessageDefault_provider.Inter
             {
               srfapptype: "pc",
               srfapp: mainApp.model.codeName,
-              todosubtype: subType
-              // todourltype: 'RouterUrl',
+              todosubtype: subType,
+              todourltype: "RouterUrl"
             }
           );
           if (res.data && res.data.linkurl) {

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

@@ -7,10 +7,11 @@ function calcAiToolbarItemsByAc(deACMode) {
   const footerToolbarItems = [];
   const questionToolbarItems = [];
   const functionToolbarItems = [];
+  const inlineToolbarItems = [];
   const otherToolbarItems = [];
   (_b = (_a = deACMode.deuiactionGroup) == null ? void 0 : _a.uiactionGroupDetails) == null ? void 0 : _b.forEach(
     (item) => {
-      var _a2, _b2, _c, _d, _e, _f;
+      var _a2, _b2, _c, _d, _e, _f, _g, _h;
       const toolbarItem = {
         appId: item.appId,
         id: item.uiactionId,
@@ -33,6 +34,8 @@ function calcAiToolbarItemsByAc(deACMode) {
         questionToolbarItems.push(toolbarItem);
       } else if ((_f = item.uiactionId) == null ? void 0 : _f.startsWith("function_")) {
         functionToolbarItems.push(toolbarItem);
+      } else if (((_g = item.uiactionId) == null ? void 0 : _g.startsWith("inline")) || item.refUIActionGroup && ((_h = item.refUIActionGroup.id) == null ? void 0 : _h.startsWith("inline"))) {
+        inlineToolbarItems.push(toolbarItem);
       } else {
         otherToolbarItems.push(toolbarItem);
       }
@@ -43,7 +46,8 @@ function calcAiToolbarItemsByAc(deACMode) {
     footerToolbarItems,
     questionToolbarItems,
     otherToolbarItems,
-    functionToolbarItems
+    functionToolbarItems,
+    inlineToolbarItems
   };
 }
 

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

@@ -186,6 +186,42 @@ class AppUtil {
     }
     return true;
   }
+  /**
+   * 计算AI扩展参数
+   *
+   * @private
+   * @param {IData} params
+   * @return {*}  {IData}
+   */
+  computeAiExParams(context, params, data) {
+    const exParams = {};
+    if (params.hasOwnProperty("autoquestion")) {
+      exParams.autoQuestion = params.autoquestion !== "false";
+      delete params.autoquestion;
+    }
+    if (params.hasOwnProperty("openmode")) {
+      exParams.openMode = params.openmode;
+      delete params.openmode;
+    }
+    if (params.hasOwnProperty("autoclose")) {
+      try {
+        exParams.autoClose = JSON.parse(params.autoclose);
+        delete params.autoclose;
+      } catch (error) {
+        ibiz.log.error(error);
+      }
+    }
+    if (params.hasOwnProperty("srfaiappendcurcontent")) {
+      exParams.appendCurContent = core.StringUtil.fill(
+        params.srfaiappendcurcontent,
+        context,
+        params,
+        data
+      );
+      delete params.srfaiappendcurcontent;
+    }
+    return exParams;
+  }
   /**
    * 打开AI聊天
    *
@@ -203,6 +239,7 @@ class AppUtil {
       appDEACModeId,
       appDataEntityId
     } = chartParams;
+    const exParams = this.computeAiExParams(context, params, data);
     const deACMode = await runtime.getDeACMode(
       appDEACModeId,
       appDataEntityId,
@@ -451,7 +488,9 @@ class AppUtil {
               }
             }
             return result;
-          }
+          },
+          // 扩展参数
+          ...exParams
         }
       });
     });

package/lib/util/index.cjs

@@ -17,6 +17,7 @@ var keydownUtil = require('./keydown-util/keydown-util.cjs');
 var aiUtil = require('./ai-util/ai-util.cjs');
 var buttonUtil = require('./button-util/button-util.cjs');
 var icon = require('./icon/icon.cjs');
+var inlineAiUtil = require('./inline-ai-util/inline-ai-util.cjs');
 
 "use strict";
 
@@ -38,3 +39,4 @@ exports.calcAiToolbarItemsByAc = aiUtil.calcAiToolbarItemsByAc;
 exports.convertBtnType = buttonUtil.convertBtnType;
 exports.ArrowLeftBold = icon.ArrowLeftBold;
 exports.ArrowRightBold = icon.ArrowRightBold;
+exports.InLineAIUtil = inlineAiUtil.InLineAIUtil;