@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.39

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -136,7 +136,11 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           }
         });
         return data;
-      }, () => loadCodeList(), {
+      }, () => {
+        if (props.data) {
+          loadCodeList();
+        }
+      }, {
         deep: true
       });
     };
@@ -159,7 +163,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     } = runtime.useCodeListSelection(c.allItemsValue);
     const curValue = vue.computed({
       get() {
-        var _a, _b;
+        var _a, _b, _c;
         if (!isLoadedCodeList.value) {
           return c.multiple ? [] : "";
         }
@@ -178,7 +182,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           }
           return c.multiple ? props.value : props.value.toString();
         }
-        return props.value || props.value === 0 ? props.value.toString() : "";
+        return c.multiple ? [] : ((_c = props.value) == null ? void 0 : _c.toString()) || "";
       },
       set(_select) {
         let select = _select;

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

@@ -148,7 +148,7 @@ class HtmlEditorController extends runtime.EditorController {
    * @memberof HtmlEditorController
    */
   customRegister() {
-    if (!window.aichartRegister) {
+    if (!window.aichartRegister && ibiz.env.enableAI) {
       editor.Boot.registerMenu(aiModule.AIMenu);
       window.aichartRegister = true;
     }

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

@@ -1,8 +1,8 @@
 'use strict';
 
-require('../../../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/index.cjs');
+require('../../../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/index.cjs');
 var core = require('@ibiz-template/core');
-var h = require('../../../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/h.cjs');
+var h = require('../../../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/h.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;

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

@@ -8,8 +8,11 @@ var qxUtil = require('qx-util');
 var ramda = require('ramda');
 var vue3Util = require('@ibiz-template/vue3-util');
 var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
 var ElementPlus = require('element-plus');
+require('../../../util/index.cjs');
 require('./wang-editor.css');
+var aiUtil = require('../../../util/ai-util/ai-util.cjs');
 
 "use strict";
 const IBizHtml = /* @__PURE__ */ vue.defineComponent({
@@ -151,57 +154,107 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
     });
     let chatInstance;
     const onClickAI = async () => {
-      var _a;
-      if (c.deService) {
-        const module = await import('@ibiz-template-plugin/ai-chat');
-        const chat = module.chat || module.default.chat;
-        chatInstance = chat;
-        const aiChat = chat.create({
-          question: async (arr) => {
-            var _a2;
-            const id = qxUtil.createUUID();
-            await ((_a2 = c.deService) == null ? void 0 : _a2.aiChatSse((msg) => {
-              ibiz.log.info("aiChatSse", msg);
-              if (msg.actionstate === 20 && msg.actionresult) {
-                aiChat.addMessage({
-                  messageid: id,
-                  state: msg.actionstate,
-                  type: "DEFAULT",
-                  role: "ASSISTANT",
-                  content: msg.actionresult
-                });
-              } else if (msg.actionstate === 30 && msg.actionresult) {
-                const result = JSON.parse(msg.actionresult);
-                const choices = result.choices;
-                if (choices && choices.length > 0) {
-                  aiChat.replaceMessage({
+      const appDataEntityId = c.model.appDataEntityId;
+      if (!appDataEntityId || !c.deACMode)
+        return;
+      const {
+        contentToolbarItems,
+        footerToolbarItems,
+        questionToolbarItems,
+        otherToolbarItems
+      } = aiUtil.calcAiToolbarItemsByAc(c.deACMode);
+      const {
+        zIndex
+      } = vue3Util.useUIStore();
+      const containerZIndex = zIndex.increment();
+      const module = await import('@ibiz-template-plugin/ai-chat');
+      chatInstance = module.chat || module.default.chat;
+      let id = "";
+      let abortController;
+      chatInstance.create({
+        containerOptions: {
+          zIndex: containerZIndex
+        },
+        chatOptions: {
+          caption: c.deACMode.logicName,
+          context: {
+            ...c.context
+          },
+          params: {
+            ...c.params,
+            srfactag: c.deACMode.codeName
+          },
+          appDataEntityId,
+          contentToolbarItems,
+          footerToolbarItems,
+          questionToolbarItems,
+          otherToolbarItems,
+          // 编辑器参数srfaiappendcurdata，是否传入对象参数，用于历史查询传参
+          appendCurData: c.editorParams.srfaiappendcurdata === "true" ? props.data : void 0,
+          // 编辑器参数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) => {
+            id = qxUtil.createUUID();
+            abortController = new AbortController();
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            try {
+              await deService.aiChatSse((msg) => {
+                if (msg.actionstate === 20 && msg.actionresult) {
+                  aiChat.addMessage({
                     messageid: id,
                     state: msg.actionstate,
                     type: "DEFAULT",
                     role: "ASSISTANT",
-                    content: choices[0].content || ""
+                    content: msg.actionresult
+                  });
+                } else if (msg.actionstate === 30 && msg.actionresult) {
+                  const result = JSON.parse(msg.actionresult);
+                  const choices = result.choices;
+                  if (choices && choices.length > 0) {
+                    aiChat.replaceMessage({
+                      messageid: id,
+                      state: msg.actionstate,
+                      type: "DEFAULT",
+                      role: "ASSISTANT",
+                      content: choices[0].content || ""
+                    });
+                  }
+                } else if (msg.actionstate === 40) {
+                  aiChat.replaceMessage({
+                    messageid: id,
+                    state: msg.actionstate,
+                    type: "ERROR",
+                    role: "ASSISTANT",
+                    content: msg.actionresult
                   });
                 }
-              } else if (msg.actionstate === 40) {
-                aiChat.replaceMessage({
-                  messageid: id,
-                  state: msg.actionstate,
-                  type: "ERROR",
-                  role: "ASSISTANT",
-                  content: msg.actionresult
-                });
-              }
-            }, c.context, {}, {
-              messages: arr
-            }));
-            aiChat.addMessage({
+              }, abortController, ctx, param, {
+                messages: arr
+              });
+            } catch (error) {
+              aiChat.replaceMessage({
+                messageid: id,
+                state: 40,
+                type: "ERROR",
+                role: "ASSISTANT",
+                content: error.message || ibiz.i18n.t("app.aiError")
+              });
+              abortController == null ? void 0 : abortController.abort();
+            } finally {
+              aiChat.completeMessage(id, true);
+              return true;
+            }
+          },
+          abortQuestion: (aiChat) => {
+            abortController == null ? void 0 : abortController.abort();
+            aiChat.stopMessage({
               messageid: id,
-              state: 10,
+              state: 30,
               type: "DEFAULT",
               role: "ASSISTANT",
               content: ""
             });
-            return true;
+            aiChat.completeMessage(id, true);
           },
           action: (action, message) => {
             if (action === "backfill") {
@@ -211,22 +264,103 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
                 emit("change", message.content);
               }
             }
+          },
+          history: async (ctx, param, other) => {
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            const historyData = other.appendCurData ? other.appendCurData : {};
+            const result = await deService.aiChatHistory(ctx, param, historyData);
+            if (result.data && Array.isArray(result.data)) {
+              let preMsg;
+              result.data.forEach((item) => {
+                if (item.role === "TOOL") {
+                  if (preMsg && item.content) {
+                    chatInstance.aiChat.updateRecommendPrompt(preMsg, item.content);
+                  }
+                } else {
+                  const msg = {
+                    messageid: qxUtil.createUUID(),
+                    state: 30,
+                    type: "DEFAULT",
+                    role: item.role,
+                    content: item.content,
+                    completed: true
+                  };
+                  preMsg = msg;
+                  chatInstance.aiChat.addMessage(msg);
+                }
+              });
+            }
+            return true;
+          },
+          recommendPrompt: async (ctx, param, other) => {
+            const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+            const result = await deService.aiChatRecommendPrompt(ctx, param, other.message);
+            if (result.ok && result.data) {
+              const choices = result.data.choices;
+              if (choices && choices.length > 0) {
+                return choices[0];
+              }
+              return null;
+            }
+            return null;
+          },
+          uploader: {
+            onUpload: async (file, reportProgress, options) => {
+              const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
+              const uploadHeaders = {};
+              const token = core.getAppCookie(core.CoreConst.TOKEN);
+              if (token) {
+                Object.assign(uploadHeaders, {
+                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
+                });
+              }
+              const formData = new FormData();
+              formData.append("file", file);
+              const res = await ibiz.net.axios({
+                url: fileMeata.uploadUrl,
+                method: "post",
+                headers: uploadHeaders,
+                data: formData,
+                onUploadProgress: (progressEvent) => {
+                  const percent = progressEvent.loaded / progressEvent.total * 100;
+                  reportProgress(percent);
+                }
+              });
+              return res.data;
+            }
+          },
+          extendToolbarClick: async (event, source, context, params, data) => {
+            var _a, _b;
+            const result = await runtime.UIActionUtil.exec(source.id, {
+              view: c.view,
+              ctrl: c.ctrl,
+              context: core.IBizContext.create(context),
+              params,
+              data: [data],
+              event
+            }, source.appId);
+            if (result.closeView) {
+              c.view.closeView({
+                ok: true
+              });
+            } else if (result.refresh) {
+              switch (result.refreshMode) {
+                case 1:
+                  c.view.callUIAction(runtime.SysUIActionTag.REFRESH);
+                  break;
+                case 2:
+                  (_a = c.view.parentView) == null ? void 0 : _a.callUIAction(runtime.SysUIActionTag.REFRESH);
+                  break;
+                case 3:
+                  (_b = c.view.getTopView()) == null ? void 0 : _b.callUIAction(runtime.SysUIActionTag.REFRESH);
+                  break;
+                default:
+              }
+            }
+            return result;
           }
-        });
-        const res = await ((_a = c.deService) == null ? void 0 : _a.aiChatHistory(c.context, {}));
-        if (res.data && Array.isArray(res.data)) {
-          res.data.forEach((item) => {
-            const msg = {
-              messageid: qxUtil.createUUID(),
-              state: 30,
-              type: "DEFAULT",
-              role: item.role,
-              content: item.content
-            };
-            aiChat.addMessage(msg);
-          });
         }
-      }
+      });
     };
     const handleCreated = (editor) => {
       editorRef.value = editor;

package/lib/editor/index.cjs

@@ -172,10 +172,25 @@ const IBizEditor = {
       "IPADDRESSTEXTBOX",
       () => new textBoxEditor_provider.TextBoxEditorProvider("IPADDRESSTEXTBOX")
     );
+    runtime.registerEditorProvider("MOBTEXT", () => textBoxEditorProvider);
+    runtime.registerEditorProvider(
+      "MOBNUMBER",
+      () => new textBoxEditor_provider.TextBoxEditorProvider("NUMBER")
+    );
+    runtime.registerEditorProvider("MOBTEXTAREA", () => textBoxEditorProvider);
+    runtime.registerEditorProvider("MOBPASSWORD", () => textBoxEditorProvider);
     runtime.registerEditorProvider(
       "DROPDOWNLIST",
       () => new dropdownListEditor_provider.DropDownListEditorProvider()
     );
+    runtime.registerEditorProvider(
+      "MOBDROPDOWNLIST",
+      () => new dropdownListEditor_provider.DropDownListEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "MOBCHECKLIST",
+      () => new dropdownListEditor_provider.DropDownListEditorProvider()
+    );
     runtime.registerEditorProvider(
       "DROPDOWNLIST_100",
       () => new dropdownListEditor_provider.DropDownListEditorProvider()
@@ -205,6 +220,10 @@ const IBizEditor = {
       "RADIOBUTTONLIST",
       () => new radioButtonList_provider.RadioButtonListEditorProvider()
     );
+    runtime.registerEditorProvider(
+      "MOBRADIOLIST",
+      () => new radioButtonList_provider.RadioButtonListEditorProvider()
+    );
     const datePickerProvider = new datePickerEditor_provider.DatePickerEditorProvider();
     runtime.registerEditorProvider("DATEPICKER", () => datePickerProvider);
     runtime.registerEditorProvider("DATEPICKEREX", () => datePickerProvider);
@@ -217,6 +236,13 @@ const IBizEditor = {
       "DATEPICKEREX_NODAY_NOSECOND",
       () => datePickerProvider
     );
+    runtime.registerEditorProvider("MOBDATE", () => datePickerProvider);
+    runtime.registerEditorProvider("MOBDATE_HOUR", () => datePickerProvider);
+    runtime.registerEditorProvider("MOBDATE_MINUTE", () => datePickerProvider);
+    runtime.registerEditorProvider("MOBDATE_NODAY", () => datePickerProvider);
+    runtime.registerEditorProvider("MOBDATE_NODAY_NOSECOND", () => datePickerProvider);
+    runtime.registerEditorProvider("MOBDATE_NOTIME", () => datePickerProvider);
+    runtime.registerEditorProvider("MOBDATE_SECOND", () => datePickerProvider);
     runtime.registerEditorProvider(
       "DATERANGE_SWITCHUNIT",
       () => new dateRangeSelect_provider.DateRangeSelectProvider()
@@ -229,6 +255,14 @@ const IBizEditor = {
       "FILEUPLOADER_ONE",
       () => new uploadEditor_provider.FileUploaderEditorProvider("FILEUPLOADER_ONE")
     );
+    runtime.registerEditorProvider(
+      "MOBSINGLEFILEUPLOAD",
+      () => new uploadEditor_provider.FileUploaderEditorProvider("MOBSINGLEFILEUPLOAD")
+    );
+    runtime.registerEditorProvider(
+      "MOBMULTIFILEUPLOAD",
+      () => new uploadEditor_provider.FileUploaderEditorProvider("MOBMULTIFILEUPLOAD")
+    );
     runtime.registerEditorProvider(
       "PICTURE",
       () => new uploadEditor_provider.FileUploaderEditorProvider("PICTURE")
@@ -241,15 +275,31 @@ const IBizEditor = {
       "PICTURE_ONE_RAW",
       () => new uploadEditor_provider.FileUploaderEditorProvider("PICTURE_ONE_RAW")
     );
+    runtime.registerEditorProvider(
+      "MOBPICTURE",
+      () => new uploadEditor_provider.FileUploaderEditorProvider("MOBPICTURE")
+    );
+    runtime.registerEditorProvider(
+      "MOBPICTURE_RAW",
+      () => new uploadEditor_provider.FileUploaderEditorProvider("MOBPICTURE_RAW")
+    );
+    runtime.registerEditorProvider(
+      "MOBPICTURELIST",
+      () => new uploadEditor_provider.FileUploaderEditorProvider("MOBPICTURELIST")
+    );
     runtime.registerEditorProvider(
       "PICTURE_CROPPING",
       () => new uploadEditor_provider.FileUploaderEditorProvider("PICTURE_CROPPING")
     );
     runtime.registerEditorProvider("RAW", () => new rawEditor_provider.RawEditorProvider());
     runtime.registerEditorProvider("STEPPER", () => new stepperEditor_provider.StepperEditorProvider());
+    runtime.registerEditorProvider("MOBSTEPPER", () => new stepperEditor_provider.StepperEditorProvider());
     runtime.registerEditorProvider("RATING", () => new rateEditor_provider.RateEditorProvider());
+    runtime.registerEditorProvider("MOBRATING", () => new rateEditor_provider.RateEditorProvider());
     runtime.registerEditorProvider("SLIDER", () => new sliderEditor_provider.SliderEditorProvider());
+    runtime.registerEditorProvider("MOBSLIDER", () => new sliderEditor_provider.SliderEditorProvider());
     runtime.registerEditorProvider("SWITCH", () => new switchEditor_provider.SwitchEditorProvider());
+    runtime.registerEditorProvider("MOBSWITCH", () => new switchEditor_provider.SwitchEditorProvider());
     runtime.registerEditorProvider("LISTBOX", () => new listBoxEditor_provider.ListBoxEditorProvider());
     runtime.registerEditorProvider("LISTBOXPICKUP", () => new listBoxEditor_provider.ListBoxEditorProvider());
     const AutoCompleteProvider = new autocompleteEditor_provider.AutoCompleteEditorProvider();
@@ -309,24 +359,54 @@ const IBizEditor = {
       "PICKUPVIEW",
       () => new pickerEditor_provider.DataPickerEditorProvider("PICKUPVIEW")
     );
+    runtime.registerEditorProvider(
+      "MOBPICKER",
+      () => new pickerEditor_provider.DataPickerEditorProvider("MOBPICKER")
+    );
+    runtime.registerEditorProvider(
+      "MOBPICKER_DROPDOWNVIEW",
+      () => new pickerEditor_provider.DataPickerEditorProvider("MOBPICKER_DROPDOWNVIEW")
+    );
+    runtime.registerEditorProvider(
+      "MOBMPICKER",
+      () => new pickerEditor_provider.DataPickerEditorProvider("MOBMPICKER")
+    );
     runtime.registerEditorProvider(
       "NUMBERRANGE",
       () => new numberRangeEditor_provider.NumberRangeEditorProvider()
     );
+    runtime.registerEditorProvider(
+      "MOBNUMBERRANGE",
+      () => new numberRangeEditor_provider.NumberRangeEditorProvider()
+    );
     runtime.registerEditorProvider("DATERANGE", () => new dateRangeEditor_provider.DateRangeEditorProvider());
     runtime.registerEditorProvider(
       "DATERANGE_NOTIME",
       () => new dateRangeEditor_provider.DateRangeEditorProvider()
     );
+    runtime.registerEditorProvider("MOBDATERANGE", () => new dateRangeEditor_provider.DateRangeEditorProvider());
+    runtime.registerEditorProvider(
+      "MOBDATERANGE_NOTIME",
+      () => new dateRangeEditor_provider.DateRangeEditorProvider()
+    );
     runtime.registerEditorProvider("CODE", () => new codeEditor_provider.CodeEditorProvider());
+    runtime.registerEditorProvider("MOBCODE", () => new codeEditor_provider.CodeEditorProvider());
     runtime.registerEditorProvider("HTMLEDITOR", () => new htmlEditor_provider.HtmlEditorProvider());
+    runtime.registerEditorProvider("MOBHTMLTEXT", () => new htmlEditor_provider.HtmlEditorProvider());
     runtime.registerEditorProvider("MARKDOWN", () => new markdownEditor_provider.MarkDownEditorProvider());
+    runtime.registerEditorProvider("MOBMARKDOWN", () => new markdownEditor_provider.MarkDownEditorProvider());
     runtime.registerEditorProvider("ARRAY", () => new arrayEditor_provider.ArrayEditorProvider());
+    runtime.registerEditorProvider("MOBARRAY", () => new arrayEditor_provider.ArrayEditorProvider());
     runtime.registerEditorProvider("CASCADER", () => new cascaderEditor_provider.CascaderEditorProvider());
+    runtime.registerEditorProvider("MOBCASCADER", () => new cascaderEditor_provider.CascaderEditorProvider());
     runtime.registerEditorProvider(
       "COLORPICKER",
       () => new colorPickerEditor_provider.ColorPickerEditorProvider()
     );
+    runtime.registerEditorProvider(
+      "MOBCOLORPICKER",
+      () => new colorPickerEditor_provider.ColorPickerEditorProvider()
+    );
     runtime.registerEditorProvider(
       "PICKER_searchCondEdit",
       () => new ibizSearchcondEdit_provider.SearchCondEditEditorProvider()

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

@@ -17,6 +17,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("markdown");
     const c = props.controller;
     const currentVal = vue.ref("");
@@ -27,10 +28,11 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     });
     const uploadUrl = vue.ref("");
     const downloadUrl = vue.ref("");
+    const customTheme = (_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.customTheme;
     const {
       UIStore
     } = vue3Util.useUIStore();
-    const theme = vue.ref(UIStore.theme);
+    const theme = vue.ref(customTheme || UIStore.theme);
     const defaultModel = vue.ref("editOnly");
     let resizeObserver = null;
     let lastMarkDownWidth = 0;
@@ -52,18 +54,18 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       callback(url);
     };
     const getCherryHtml = () => {
-      var _a;
-      const result = (_a = editor.value) == null ? void 0 : _a.getHtml();
+      var _a2;
+      const result = (_a2 = editor.value) == null ? void 0 : _a2.getHtml();
       return result;
     };
     const getCherryContent = () => {
-      var _a;
-      const result = (_a = editor.value) == null ? void 0 : _a.getMarkdown();
+      var _a2;
+      const result = (_a2 = editor.value) == null ? void 0 : _a2.getMarkdown();
       return result;
     };
     const setCherryContent = (val) => {
-      var _a;
-      (_a = editor.value) == null ? void 0 : _a.setMarkdown(val, false);
+      var _a2;
+      (_a2 = editor.value) == null ? void 0 : _a2.setMarkdown(val, false);
     };
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -90,6 +92,88 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         [e]: src
       };
     };
+    const createElement = (tagName, className = "") => {
+      const element = document.createElement(tagName);
+      element.className = className;
+      return element;
+    };
+    const createCherryIcon = (tagName) => {
+      return createElement("i", "ch-icon ch-icon-".concat(tagName));
+    };
+    const fullscreenClassName = ns.e("fullscreen");
+    const clearNodeChildren = (node) => {
+      while (node.firstChild) {
+        node.removeChild(node.firstChild);
+      }
+    };
+    const getFullscreenNodeInfo = () => {
+      if (editor.value && markDownBox.value) {
+        const parentElement = editor.value.editor.options.editorDom.parentElement;
+        const cherryClass = parentElement.classList;
+        const fullscreenNode = markDownBox.value.querySelector(".".concat(fullscreenClassName));
+        if (!fullscreenNode)
+          return {};
+        return {
+          parentElement,
+          cherryClass,
+          fullscreenNode
+        };
+      }
+      return {};
+    };
+    const openFullscreen = () => {
+      const {
+        parentElement,
+        cherryClass,
+        fullscreenNode
+      } = getFullscreenNodeInfo();
+      if (parentElement && cherryClass && fullscreenNode) {
+        clearNodeChildren(fullscreenNode);
+        fullscreenNode.appendChild(createCherryIcon("minscreen"));
+        cherryClass.add("fullscreen");
+        fullscreenNode.title = ibiz.i18n.t("editor.markdown.minimize");
+        parentElement.setAttribute("tabindex", "-1");
+        vue.nextTick(() => parentElement == null ? void 0 : parentElement.focus());
+      }
+    };
+    const closeFullscreen = () => {
+      const {
+        parentElement,
+        cherryClass,
+        fullscreenNode
+      } = getFullscreenNodeInfo();
+      if (parentElement && cherryClass && fullscreenNode) {
+        clearNodeChildren(fullscreenNode);
+        fullscreenNode.appendChild(createCherryIcon("fullscreen"));
+        fullscreenNode.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        cherryClass.remove("fullscreen");
+        parentElement == null ? void 0 : parentElement.blur();
+        parentElement.setAttribute("tabindex", "-1");
+      }
+    };
+    const isFullscreen = () => {
+      const {
+        cherryClass
+      } = getFullscreenNodeInfo();
+      return cherryClass == null ? void 0 : cherryClass.contains("fullscreen");
+    };
+    const onSwitchFullscreen = () => {
+      if (editor.value && markDownBox.value) {
+        if (isFullscreen()) {
+          closeFullscreen();
+        } else {
+          openFullscreen();
+        }
+      }
+    };
+    const handleKeyDown = (_e) => {
+      _e.stopPropagation();
+      if (_e.key === "Escape") {
+        if (isFullscreen()) {
+          closeFullscreen();
+        }
+      }
+    };
     const editorInit = () => {
       if (props.disabled) {
         defaultModel.value = "previewOnly";
@@ -134,12 +218,21 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
             beforeImageMounted
           }
         });
+        if (customTheme) {
+          editor.value.setTheme(customTheme);
+        }
+        const span = createElement("span", "".concat(fullscreenClassName, " cherry-toolbar-button"));
+        span.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        span.onclick = onSwitchFullscreen;
+        span.appendChild(createCherryIcon("fullscreen"));
+        const parentElement = props.disabled ? editor.value.editor.options.editorDom.parentElement : editor.value.editor.options.editorDom.parentElement.querySelector(".cherry-toolbar>.toolbar-right");
+        parentElement == null ? void 0 : parentElement.appendChild(span);
       });
     };
     vue.watch(() => UIStore.theme, (newVal) => {
-      var _a;
-      theme.value = newVal;
-      (_a = editor.value) == null ? void 0 : _a.setTheme(theme.value);
+      var _a2;
+      theme.value = customTheme || newVal;
+      (_a2 = editor.value) == null ? void 0 : _a2.setTheme(theme.value);
     });
     const calcMarkDownStyle = () => {
       if (window.ResizeObserver && markDownBox.value) {
@@ -171,8 +264,14 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       }
     };
     vue.onMounted(() => {
+      var _a2;
       editorInit();
       calcMarkDownStyle();
+      (_a2 = markDownBox.value) == null ? void 0 : _a2.addEventListener("keydown", handleKeyDown.bind(this));
+    });
+    vue.onBeforeUnmount(() => {
+      var _a2;
+      (_a2 = markDownBox.value) == null ? void 0 : _a2.removeEventListener("keydown", handleKeyDown.bind(this));
     });
     vue.onUnmounted(() => {
       editor.value = null;

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 .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-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:99;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}