@ibiz-template/vue3-components 0.7.41-alpha.46 → 0.7.41-alpha.48

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

@@ -19,7 +19,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     emit,
     slots
   }) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const ns = vue3Util.useNamespace("markdown");
     const c = props.controller;
     const currentVal = vue.ref("");
@@ -55,8 +55,12 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const lastDirectoryState = vue.ref("pure");
     let isIgnoreChange = false;
     let chatInstance;
+    let disabledirectory = false;
+    if ((_e = c == null ? void 0 : c.editorParams) == null ? void 0 : _e.disabledirectory) {
+      disabledirectory = c.editorParams.disabledirectory === "true";
+    }
     let tocPos = "absolute";
-    if ((_e = c == null ? void 0 : c.editorParams) == null ? void 0 : _e.tocpos) {
+    if ((_f = c == null ? void 0 : c.editorParams) == null ? void 0 : _f.tocpos) {
       tocPos = c.editorParams.tocpos === "fixed" ? "fixed" : "absolute";
     }
     const [AIMenu, AIChart] = customMenu.initCustomMenu(c, {
@@ -278,7 +282,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         defaultModel.value = "previewOnly";
       }
       vue.nextTick(() => {
-        var _a2;
+        var _a2, _b2, _c2;
         const bubble = ["bold", "italic", "underline", "strikethrough", "sub", "sup", "|", "size", "color"];
         const toolbar = ["bold", "italic", "underline", "strikethrough", "|", "color", "header", "|", "list", "image", {
           insert: ["link", "hr", "br", "code", "formula", "toc", "table", "line-table", "bar-table"]
@@ -332,7 +336,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
             // 定义顶部右侧工具栏，默认为空
             toolbarRight: [],
             // 目录
-            toc: {
+            toc: !disabledirectory && {
               updateLocationHash: false,
               // 要不要更新URL的hash
               defaultModel: "pure",
@@ -365,7 +369,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         editor.toggleToc("pure");
         const html = editor.engine.makeHtml(currentVal.value);
         editor.previewer.update(html);
-        editor.toc.updateTocList();
+        (_b2 = (_a2 = editor.toc) == null ? void 0 : _a2.updateTocList) == null ? void 0 : _b2.call(_a2);
         editor.setTheme(theme.value);
         if (customTheme) {
           editor.setTheme(customTheme);
@@ -375,7 +379,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         span.title = ibiz.i18n.t("editor.common.fullscreen");
         span.onclick = onSwitchFullscreen;
         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");
+        const parentElement = props.disabled ? editor.editor.options.editorDom.parentElement : (_c2 = editor.editor.options.editorDom.parentElement) == null ? void 0 : _c2.querySelector(".cherry-toolbar>.toolbar-right");
         parentElement == null ? void 0 : parentElement.appendChild(span);
         c == null ? void 0 : c.setMDEditor(editor);
         onMDEditorCreated(editor);

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

@@ -103,6 +103,7 @@ class AIChatUtil {
     chatOptions.sessionid = sessionid;
     let id = "";
     let abortController;
+    let asyncacitonid = "";
     const { chatInstance, view, ctrl } = args;
     chatOptions.history = async (ctx, param, other) => {
       const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
@@ -176,6 +177,7 @@ class AIChatUtil {
         await deService.aiChatSse(
           (msg) => {
             if (msg.actionstate === 20 && msg.actionresult) {
+              asyncacitonid = msg.asyncacitonid;
               aiChat.addMessage({
                 messageid: id,
                 state: msg.actionstate,
@@ -225,8 +227,23 @@ class AIChatUtil {
         return true;
       }
     };
-    chatOptions.abortQuestion = async (aiChat) => {
+    chatOptions.abortQuestion = async (aiChat, ctx, param, other) => {
       abortController == null ? void 0 : abortController.abort();
+      if (asyncacitonid) {
+        const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+        const abortRequestData = { asyncacitonid };
+        if (other.sessionid) {
+          Object.assign(abortRequestData, {
+            sessionid: other.sessionid
+          });
+        }
+        const result = await deService.aiChatCancel(
+          ctx,
+          param,
+          abortRequestData
+        );
+        asyncacitonid = "";
+      }
       await aiChat.stopMessage({
         messageid: id,
         state: 30,
@@ -444,6 +461,7 @@ class AIChatUtil {
     }
     let id = "";
     let abortController;
+    let asyncacitonid = "";
     const { chatInstance, view, ctrl } = args;
     chatOptions.history = async (ctx, param, other) => {
       const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
@@ -517,6 +535,7 @@ class AIChatUtil {
         await deService.aiChatSse(
           (msg) => {
             if (msg.actionstate === 20 && msg.actionresult) {
+              asyncacitonid = msg.asyncacitonid;
               aiChat.addMessage({
                 messageid: id,
                 state: msg.actionstate,
@@ -566,8 +585,23 @@ class AIChatUtil {
         return true;
       }
     };
-    chatOptions.abortQuestion = async (aiChat) => {
+    chatOptions.abortQuestion = async (aiChat, ctx, param, other) => {
       abortController == null ? void 0 : abortController.abort();
+      if (asyncacitonid) {
+        const deService = await ibiz.hub.getApp(ctx.srfappid).deService.getService(ctx, other.appDataEntityId);
+        const abortRequestData = { asyncacitonid };
+        if (other.sessionid) {
+          Object.assign(abortRequestData, {
+            sessionid: other.sessionid
+          });
+        }
+        const result = await deService.aiChatCancel(
+          ctx,
+          param,
+          abortRequestData
+        );
+        asyncacitonid = "";
+      }
       await aiChat.stopMessage({
         messageid: id,
         state: 30,

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

@@ -55,6 +55,7 @@ async function computePos(element, el, arrEl, opts) {
         bottom: "",
         [staticSide]: "-4px"
       });
+      arrEl.setAttribute("data-placement", placement);
     }
   }
 }

package/lib/util/app-popover/app-popover-component.css

@@ -1 +1 @@
-.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;z-index:-1;width:var(--ibiz-width-icon-extra-small);height:var(--ibiz-width-icon-extra-small);background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}
+.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;z-index:-1;width:var(--ibiz-width-icon-extra-small);height:var(--ibiz-width-icon-extra-small);background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover__arrow[data-placement^=top]{border-right:1px solid var(--ibiz-color-border);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-popover__arrow[data-placement^=bottom]{border-top:1px solid var(--ibiz-color-border);border-left:1px solid var(--ibiz-color-border)}.ibiz-popover__arrow[data-placement^=left]{border-top:1px solid var(--ibiz-color-border);border-right:1px solid var(--ibiz-color-border)}.ibiz-popover__arrow[data-placement^=right]{border-bottom:1px solid var(--ibiz-color-border);border-left:1px solid var(--ibiz-color-border)}.ibiz-popover.is-show{display:block}.ibiz-popover__overlay{position:fixed;inset:0;background-color:transparent}

package/lib/view-engine/edit-view.engine.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var ramda = require('ramda');
 var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 
@@ -123,7 +124,11 @@ class EditViewEngine extends runtime.DEMainViewEngine {
         const data = event.data[0];
         this.view.state.srfactiveviewdata = data;
         if (Object.prototype.hasOwnProperty.call(data, "srfreadonly")) {
-          this.view.context.srfreadonly = data.srfreadonly;
+          if (data.srfreadonly) {
+            this.view.context.srfreadonly = true;
+          } else if (ramda.isNil(this.view.context.srfreadonly)) {
+            this.view.context.srfreadonly = false;
+          }
         }
         evt.emit("onDataChange", { ...event, actionType: "LOAD" });
       });

package/lib/view-engine/opt-view.engine.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var runtime = require('@ibiz-template/runtime');
+var ramda = require('ramda');
 
 "use strict";
 class OptViewEngine extends runtime.ViewEngineBase {
@@ -79,7 +80,11 @@ class OptViewEngine extends runtime.ViewEngineBase {
       const data = event.data[0];
       this.view.state.srfactiveviewdata = data;
       if (Object.prototype.hasOwnProperty.call(data, "srfreadonly")) {
-        this.view.context.srfreadonly = data.srfreadonly;
+        if (data.srfreadonly) {
+          this.view.context.srfreadonly = true;
+        } else if (ramda.isNil(this.view.context.srfreadonly)) {
+          this.view.context.srfreadonly = false;
+        }
       }
       formDataStateChange(event);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.46",
+  "version": "0.7.41-alpha.48",
   "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.38",
+    "@ibiz-template-plugin/ai-chat": "^0.0.40",
     "@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.44",
-    "@ibiz-template/runtime": "0.7.41-alpha.44",
+    "@ibiz-template/model-helper": "0.7.41-alpha.47",
+    "@ibiz-template/runtime": "0.7.41-alpha.47",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.44",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.47",
     "@ibiz-template/web-theme": "3.9.0",
     "@ibiz/model-core": "^0.1.84",
     "@imengyu/vue3-context-menu": "^1.3.5",

package/dist/ibiz-markdown-editor-C7wR017-.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown"],function(e){"use strict";var t,n,i,l,o,a,r,s,c,d,u,m,h,v,p;return{setters:[function(e){t=e.nextTick,n=e.ref,i=e.onBeforeUnmount,l=e.createVNode,o=e.resolveComponent,a=e.defineComponent,r=e.watch,s=e.onMounted,c=e.onUnmounted},function(e){d=e.useUIStore,u=e.getEditorEmits,m=e.getMarkDownProps,h=e.useNamespace},function(e){v=e.createUUID},function(e){p=e.default}],execute:function(){function f(e,t){return!(!e||1!==e.nodeType||e.nodeName!==t)}function b(e){const a=n(""),r=n([]),s=n();let c=null;const d=async e=>{var n;if(a.value=e,r.value=[e],await t(),s.value){const{container:e}=s.value.$refs;e&&(null==(n=e.children[0])||n.click())}},u=e=>{"Escape"!==e.key&&27!==e.keyCode||(e.stopPropagation(),e.preventDefault(),r.value=[],h())},m=async()=>{var e;await t();const n=null==(e=s.value)?void 0:e.$refs.container;if(!n)return;const i=n.querySelector(".el-image-viewer__wrapper");null==i||i.addEventListener("keydown",u)},h=()=>{var e;const t=null==(e=s.value)?void 0:e.$refs.container;if(!t)return;const n=t.querySelector(".el-image-viewer__wrapper");null==n||n.removeEventListener("keydown",u)},v=e=>{const t=null==e?void 0:e.target;if(f(t,"IMG")&&t)return void d(t.src);const n=function(e){let t=e;for(;t;){if(t.classList.contains("cherry-previewer"))return null;const e=t.parentElement;if(f(t,"svg")&&e&&"mermaid"===e.dataset.type)return t;t=t.parentElement}return null}(t);n&&d(function(e){const t=e.cloneNode(!0),n=e.width.baseVal.value||e.clientWidth,i=e.height.baseVal.value||e.clientHeight;t.setAttribute("width",n),t.setAttribute("height",i),t.style.backgroundColor="white";const l=(new XMLSerializer).serializeToString(t),o=btoa(unescape(encodeURIComponent(l)));return"data:image/svg+xml;base64,".concat(o)}(n))};return i(()=>{c&&(c.removeEventListener("click",v),c=null),h()}),{renderImgPreview:()=>l(o("el-image"),{class:e.e("img-preview"),ref:s,"zoom-rate":1.1,src:a.value,"preview-src-list":r.value,"hide-on-click-modal":!0,onShow:m,fit:"cover"},null),onMDEditorCreated:e=>{var t,n;c=(null==(n=null==(t=null==e?void 0:e.previewer)?void 0:t.previewerBubble)?void 0:n.previewerDom)||null,null==c||c.addEventListener("click",v)}}}e("default",a({name:"IBizMarkDown",props:m(),emits:u(),setup(e,{emit:o,slots:a}){var u,m,f,g,w;const C=h("markdown"),k=e.controller,y=n("");let x=null;const z=v(),{onMDEditorCreated:M,renderImgPreview:I}=b(C),E=ibiz.util.file.getUploadHeaders(),A=n({...E}),P=n(""),U=(null==(u=null==k?void 0:k.editorParams)?void 0:u.customTheme)||(null==(m=null==k?void 0:k.editorParams)?void 0:m.customtheme),D="true"===(null==(f=null==k?void 0:k.editorParams)?void 0:f.enablenoaccess),{UIStore:S}=d(),T=n(U||S.theme),B=n(!1);let L="default";k&&(null==(g=k.editorParams)?void 0:g.showmode)&&(L=k.editorParams.showmode);const O=n(!1),N=n("editOnly");let V=null,R=null,H=0;const q=n({}),F=n({}),$=n("pure");let _=!1,j="absolute";(null==(w=null==k?void 0:k.editorParams)?void 0:w.tocpos)&&(j="fixed"===k.editorParams.tocpos?"fixed":"absolute");const[W,J]=function(e,n){const{props:i,isEditing:l,currentVal:o,emit:a}=n;let r=n.chatInstance;return[p.createMenuHook("AI",{icon:{type:"svg",content:"<svg\n                viewBox='0 0 16 16'\n                xmlns='http://www.w3.org/2000/svg'\n                fill='currentColor'\n                height='1em'\n                width='1em'\n                preserveAspectRatio='xMidYMid meet'\n                focusable='false'\n              >\n                <g\n                  id='aae1.Base基础/1.icon图标/2.normal/ai-star'\n                  stroke-width='1'\n                  fill-rule='evenodd'\n                >\n                  <path\n                    d='M5.817 1.53l3.158 8.797h.054v.152l1.443 4.021-1.402.001-1.041-2.982H2.495l-1.03 2.982L0 14.5 4.671 1.533l1.146-.003zm7.86 5.424V14.5h-1.213V6.954h1.212zM5.248 3.549l-2.342 6.778h4.706L5.249 3.55zM13.046 0c.075 0 .147.02.204.071a.318.318 0 01.094.181l.064.273c.097.417.17.727.255.968.084.24.177.4.31.523.134.124.318.218.599.306.281.088.65.166 1.15.265a.358.358 0 01.195.095c.056.057.083.13.083.213a.289.289 0 01-.083.21.362.362 0 01-.197.094c-.528.093-.918.167-1.214.255-.295.088-.485.187-.621.324-.137.138-.23.324-.31.606-.08.283-.145.651-.23 1.147a.329.329 0 01-.093.184.293.293 0 01-.206.075.308.308 0 01-.207-.072.322.322 0 01-.1-.188l-.006-.033c-.085-.486-.149-.845-.228-1.12-.079-.274-.17-.452-.305-.585-.135-.133-.323-.23-.618-.32s-.683-.168-1.21-.273a.353.353 0 01-.2-.096.29.29 0 01-.08-.208c0-.079.023-.153.079-.211a.35.35 0 01.2-.097c.5-.098.869-.176 1.15-.263.282-.087.465-.18.597-.302.132-.12.224-.278.306-.511.082-.236.151-.539.244-.947l.071-.312a.312.312 0 01.102-.183.311.311 0 01.205-.069z'\n                    id='aae形状结合'\n                  ></path>\n                </g>\n              </svg>\n            "},onClick:(n,i,l)=>{l.stopPropagation(),l.preventDefault(),t(()=>{var t;if(null==(t=e.mdeditor)?void 0:t.bubble){e.mdeditor.bubble.showBubble();const t=e.mdeditor.bubble.bubbleDom.getBoundingClientRect();if(!t||!t.left||!t.top)return;const n=ibiz.inLineAIUtil.calcContextMenus(e.deACMode,t=>{e.doInLineAIUIAction(t,e.model.appId)});if(0===n.length)return;const{zIndex:i}=d(),l=i.increment();ibiz.inLineAIUtil.showContextMenus(t.left,t.top+43,n,{zIndex:l,onClose:()=>{i.decrement()}})}})}}),p.createMenuHook("AIChart",{icon:{type:"svg",content:"<svg\n                viewBox='0 0 16 16'\n                xmlns='http://www.w3.org/2000/svg'\n                fill='currentColor'\n                height='1em'\n                width='1em'\n                preserveAspectRatio='xMidYMid meet'\n                focusable='false'\n              >\n                <g\n                  id='aae1.Base基础/1.icon图标/2.normal/ai-star'\n                  stroke-width='1'\n                  fill-rule='evenodd'\n                >\n                  <path\n                    d='M5.817 1.53l3.158 8.797h.054v.152l1.443 4.021-1.402.001-1.041-2.982H2.495l-1.03 2.982L0 14.5 4.671 1.533l1.146-.003zm7.86 5.424V14.5h-1.213V6.954h1.212zM5.248 3.549l-2.342 6.778h4.706L5.249 3.55zM13.046 0c.075 0 .147.02.204.071a.318.318 0 01.094.181l.064.273c.097.417.17.727.255.968.084.24.177.4.31.523.134.124.318.218.599.306.281.088.65.166 1.15.265a.358.358 0 01.195.095c.056.057.083.13.083.213a.289.289 0 01-.083.21.362.362 0 01-.197.094c-.528.093-.918.167-1.214.255-.295.088-.485.187-.621.324-.137.138-.23.324-.31.606-.08.283-.145.651-.23 1.147a.329.329 0 01-.093.184.293.293 0 01-.206.075.308.308 0 01-.207-.072.322.322 0 01-.1-.188l-.006-.033c-.085-.486-.149-.845-.228-1.12-.079-.274-.17-.452-.305-.585-.135-.133-.323-.23-.618-.32s-.683-.168-1.21-.273a.353.353 0 01-.2-.096.29.29 0 01-.08-.208c0-.079.023-.153.079-.211a.35.35 0 01.2-.097c.5-.098.869-.176 1.15-.263.282-.087.465-.18.597-.302.132-.12.224-.278.306-.511.082-.236.151-.539.244-.947l.071-.312a.312.312 0 01.102-.183.311.311 0 01.205-.069z'\n                    id='aae形状结合'\n                  ></path>\n                </g>\n              </svg>\n            "},onClick:async()=>{const t=e.model.appDataEntityId;if(!t||!e.deACMode)return;const{zIndex:n}=d(),s=n.increment();r=await ibiz.aiChatUtil.getAIChat();const{containerOptions:c,chatOptions:u}=await ibiz.aiChatUtil.getEditorExAIChatParams(e.editorParams,e.context,e.params,i.data,e.deACMode,{chatInstance:r,view:e.view,ctrl:e.ctrl}),m=await ibiz.aiChatUtil.getAIResourceOptions(e.context,e.params);r.create({resourceOptions:m,containerOptions:{zIndex:s,...c},chatOptions:{caption:e.deACMode.logicName,context:{...e.context},params:{...e.params,srfactag:e.deACMode.codeName},appDataEntityId:t,...u,action:(e,t)=>{"backfill"===e&&(l.value?o.value=t.realcontent||"":a("change",t.realcontent))}}})}})]}(k,{props:e,chatInstance:undefined,isEditing:B,currentVal:y,emit:o});r(()=>e.data,e=>{if(e&&k){const t={...k.editorParams,enableNoAccess:D};t.uploadparams&&(t.uploadParams=JSON.parse(t.uploadparams));const n=ibiz.util.file.calcFileUpDownUrl(k.context,k.params,e,t);P.value=n.uploadUrl}},{immediate:!0,deep:!0});const Y=n(),G=async(t,n)=>{const i=await ibiz.util.file.fileUpload(P.value,t,A.value),l=((e,t)=>{if(!k)return"";const n={...k.editorParams,enableNoAccess:D};return n.exportparams&&(n.exportParams=JSON.parse(n.exportparams)),t&&t.folder&&(n.osscat=t.folder),ibiz.util.file.calcFileUpDownUrl(k.context,k.params,e,n).downloadUrl})(e.data||{},i.fileid);let o=l.replace("%fileId%",i.fileid);if(ibiz.config.common.enableDownloadTicket&&k&&k.editorParams&&!D){const t=await ibiz.util.file.getDownloadTicket(k.context,k.params,e.data||{},{fileId:i.fileid},k.downloadTicketParams);t&&t.ticket&&(o=l.replace("%fileId%",t.ticket),n(o))}else n(o)},X=()=>null==x?void 0:x.getMarkdown(),K=e=>{_=!0,null==x||x.setMarkdown(e,!0)};r(()=>e.value,(e,t)=>{e!==t&&(y.value=e||"")},{immediate:!0}),r(y,(e,t)=>{const n=X();e!==t&&n!==e&&K(e)});const Q=e=>{"manual"!==L&&(o("change",X(),null==k?void 0:k.model.id,_),_=!1)},Z=(e,t)=>({[e]:t}),ee=(e,t="")=>{const n=document.createElement(e);return n.className=t,n},te=e=>ee("i","ch-icon ch-icon-".concat(e)),ne=C.e("fullscreen"),ie=e=>{for(;e.firstChild;)e.removeChild(e.firstChild)},le=()=>{if(x&&Y.value){const e=x.editor.options.editorDom.parentElement;if(!e)return{};const t=e.classList,n=Y.value.querySelector(".".concat(ne));return n?{parentElement:e,cherryClass:t,fullscreenNode:n}:{}}return{}},oe=()=>{const{parentElement:e,cherryClass:t,fullscreenNode:n}=le();e&&t&&n&&(ie(n),n.appendChild(te("fullscreen")),n.title=ibiz.i18n.t("editor.common.fullscreen"),t.remove("fullscreen"),null==e||e.blur(),e.setAttribute("tabindex","-1"))},ae=()=>{const{cherryClass:e}=le();return null==e?void 0:e.contains("fullscreen")},re=()=>{x&&Y.value&&(ae()?(oe(),x.toggleToc($.value),O.value=!1):((()=>{const{parentElement:e,cherryClass:n,fullscreenNode:i}=le();e&&n&&i&&(ie(i),i.appendChild(te("minscreen")),n.add("fullscreen"),i.title=ibiz.i18n.t("editor.common.minimize"),e.setAttribute("tabindex","-1"),t(()=>null==e?void 0:e.focus()))})(),$.value=x.toc.model,x.toggleToc("full"),O.value=!0))},se=e=>{e.stopPropagation(),"Escape"===e.key&&(e.preventDefault(),ae()&&(oe(),x.toggleToc($.value),O.value=!1))},ce=e=>{null==k||k.setCurrentEditorTheme(e)},de=e=>{var t,n;const{info:i}=e;let l=!0;const o=i.ranges&&i.ranges[0];if(o){const{anchor:e,head:t}=o;l=k.isPositionBefore(e,t)}else l=!0;const a=null==(t=k.mdeditor)?void 0:t.editor.editor.getCursor("start"),r=null==(n=k.mdeditor)?void 0:n.editor.editor.getCursor("end");k.setCursorPos(a,r),k.setSelectionDirection(l)};r(()=>S.theme,e=>{T.value=U||e,null==x||x.setTheme(T.value),null==x||x.setCodeBlockTheme(T.value)});const ue=()=>{B.value=!0,N.value="editOnly",null==x||x.switchModel(N.value)},me=()=>{B.value=!1,N.value="previewOnly",null==x||x.switchModel(N.value)},he=()=>{K(y.value),me()},ve=()=>{o("change",X(),null==k?void 0:k.model.id,_),_=!1,me()},pe=()=>{const e=document.getElementById(z);null==e||e.focus()};return s(()=>{var n;(e.disabled||e.readonly||"manual"===L)&&(N.value="previewOnly"),t(()=>{var t;const n=["bold","italic","underline","strikethrough","sub","sup","|","size","color"],i=["bold","italic","underline","strikethrough","|","color","header","|","list","image",{insert:["link","hr","br","code","formula","toc","table","line-table","bar-table"]},"settings","togglePreview"];k&&k.chatCompletion&&(i.unshift("AIChart"),n.unshift("AI")),x=new p({id:z,value:y.value,previewer:{enablePreviewerBubble:!(e.disabled||e.readonly)},themeSettings:{mainTheme:T.value,codeBlockTheme:T.value},fileUpload:G,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:N.value,codemirror:{autofocus:!1}},toolbars:{toolbar:i,bubble:n,float:["h1","h2","h3","|","checklist","quote","quickTable","code"],customMenu:{AI:W,AIChart:J},sidebar:["theme","copy"],toolbarRight:[],toc:{updateLocationHash:!1,defaultModel:"pure",showAutoNumber:!0,position:j,cssText:""}},callback:{afterChange:Q,beforeImageMounted:Z},event:{changeMainTheme:ce,selectionChange:de},engine:{syntax:{table:{enableChart:!1,externals:["echarts"]}}}}),x.toggleToc("pure");const l=x.engine.makeHtml(y.value);x.previewer.update(l),x.toc.updateTocList(),x.setTheme(T.value),U&&(x.setTheme(U),x.setCodeBlockTheme(U));const o=ee("span","".concat(ne," cherry-toolbar-button"));o.title=ibiz.i18n.t("editor.common.fullscreen"),o.onclick=re,o.appendChild(te("fullscreen"));const r=e.disabled?x.editor.options.editorDom.parentElement:null==(t=x.editor.options.editorDom.parentElement)?void 0:t.querySelector(".cherry-toolbar>.toolbar-right");if(null==r||r.appendChild(o),null==k||k.setMDEditor(x),M(x),a.editorSwitchMenu&&window.ResizeObserver&&Y.value){const e=Y.value.querySelector(".cherry-toolbar");e&&(R=new ResizeObserver(e=>{var t;const n=null==(t=e[0])?void 0:t.contentRect.height;F.value=C.cssVarBlock({"toolbar-height":"".concat(n,"px")})}),R.observe(e))}}),(()=>{if(window.ResizeObserver&&Y.value){const e={width:Y.value.offsetWidth?"".concat(Y.value.offsetWidth,"px"):"100%"};k&&"number"==typeof k.parent.model.height&&Object.assign(e,{height:"".concat(k.parent.model.height,"px")}),q.value=C.cssVarBlock(e),V=new ResizeObserver(e=>{const t=e[0].contentRect.width;if(t!==H){const n={width:"".concat(e[0].contentRect.width,"px")};k&&"number"==typeof k.parent.model.height&&Object.assign(n,{height:"".concat(k.parent.model.height,"px")}),q.value=C.cssVarBlock(n),H=t}}),V.observe(Y.value)}})(),null==(n=Y.value)||n.addEventListener("keydown",se.bind(this))}),i(()=>{var e;null==(e=Y.value)||e.removeEventListener("keydown",se.bind(this))}),c(()=>{x=null,V&&V.disconnect(),R&&R.disconnect()}),{ns:C,currentVal:y,id:z,editor:x,markDownBox:Y,headers:A,theme:T,UIStore:S,defaultModel:N,cssVars:q,isEditing:B,showmode:L,getCherryHtml:()=>null==x?void 0:x.getHtml(),getCherryContent:X,setCherryContent:K,renderHeader:()=>{if("manual"===L&&!B.value)return l("div",{onClick:pe,class:[C.e("header"),C.is("fullscreen",O.value)]},[!e.disabled&&!e.readonly&&l("div",{class:C.em("header","edit"),onClick:ue,title:ibiz.i18n.t("editor.markdown.edit")},[l("i",{class:"fa fa-edit","aria-hidden":"true"},null)]),l("div",{class:C.em("header","full"),onClick:re},[O.value?l("i",{class:"fa fa-compress","aria-hidden":"true",title:ibiz.i18n.t("editor.html.reduce")},null):l("i",{class:"fa fa-expand","aria-hidden":"true",title:ibiz.i18n.t("editor.common.fullscreen")},null)])])},renderFooter:()=>{if("manual"===L&&B.value&&!e.disabled&&!e.readonly)return l("div",{onClick:pe,class:[C.e("footer"),C.is("fullscreen",O.value)]},[l("div",{class:C.em("footer","cancel"),onClick:he},[ibiz.i18n.t("editor.common.cancel")]),l("div",{class:C.em("footer","save"),onClick:ve},[ibiz.i18n.t("editor.common.confirm")])])},renderImgPreview:I,renderEditorSwitchMenu:()=>{var e;return l("div",{class:[C.b("menu"),C.is("fullscreen",O.value)],style:F.value},[null==(e=a.editorSwitchMenu)?void 0:e.call(a)])}}},render(){const e=!!this.$slots.editorSwitchMenu;return l("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled),this.ns.is("manual","manual"===this.showmode),this.ns.is("editing",this.isEditing),this.ns.is("show-editor-switch-menu",e)]},[e?this.renderEditorSwitchMenu():null,this.renderHeader(),this.renderFooter(),this.renderImgPreview(),l("div",{tabindex:"-1",id:this.id,style:this.cssVars,class:[this.ns.b("cherry"),this.ns.m("dark"===this.UIStore.theme?"dark":"light")]},null)])}}))}}});