@ibiz-template/vue3-components 0.7.41-alpha.10 → 0.7.41-alpha.11

package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.cjs

@@ -14,15 +14,15 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const ns = vue3Util.useNamespace("color-picker");
     const c = props.controller;
     const currentVal = vue.ref("");
     const colorPicker = vue.ref(null);
-    const multiple = ((_a = c.editorParams) == null ? void 0 : _a.MULTIPLE) === "true";
-    const isCustom = ((_b = c.editorParams) == null ? void 0 : _b.CUSTOM) === "true";
-    const type = (_c = c.editorParams) == null ? void 0 : _c.TYPE;
-    const customColorList = ((_d = c.editorParams) == null ? void 0 : _d.CUSTOMCOLORLIST) || "";
+    const multiple = ((_a = c.editorParams) == null ? void 0 : _a.MULTIPLE) === "true" || ((_b = c.editorParams) == null ? void 0 : _b.multiple) === "true";
+    const isCustom = ((_c = c.editorParams) == null ? void 0 : _c.CUSTOM) === "true" || ((_d = c.editorParams) == null ? void 0 : _d.custom) === "true";
+    const type = ((_e = c.editorParams) == null ? void 0 : _e.TYPE) || ((_f = c.editorParams) == null ? void 0 : _f.type);
+    const customColorList = ((_g = c.editorParams) == null ? void 0 : _g.CUSTOMCOLORLIST) || ((_h = c.editorParams) == null ? void 0 : _h.customcolorlist) || "";
     const predefineColors = vue.ref(["#000000", "#2C2C2C", "#50555C", "#ACB3BF", "#D0D3D9", "#C4C4C4", "#DADADA", "#E5E5E5", "#F0F0F0", "#F24E1E", "#E99C58", "#FFC700", "#FF4D00", "#FF00D6", "#D82E57", "#8E1DE8", "#0ACF83", "#18A0FB", "#A259FF", "#907CFF"]);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -54,7 +54,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    const showPicker = (_e) => {
+    const showPicker = (_e2) => {
       setTimeout(() => {
         if (colorPicker.value) {
           colorPicker.value.show();
@@ -96,7 +96,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c;
     if (this.multiple) {
       if (this.isCustom) {
         return vue.createVNode(ibizColorMpickerCustom.IBizColorMPickerCustom, {
@@ -135,7 +135,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
         "size": "small",
         "predefine": this.predefineColors,
         "show-alpha": true
-      }, this.$attrs), null), ((_b = this.c.editorParams) == null ? void 0 : _b.isHiddenText) === "true" ? null : vue.createVNode("span", {
+      }, this.$attrs), null), ((_b = this.c.editorParams) == null ? void 0 : _b.isHiddenText) === "true" || ((_c = this.c.editorParams) == null ? void 0 : _c.ishiddentext) === "true" ? null : vue.createVNode("span", {
         "class": this.ns.b("text")
       }, [this.currentVal])]);
     }

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.cjs

@@ -302,7 +302,7 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = [!this.readonly && vue.createVNode(vue.resolveComponent("el-select"), vue.mergeProps({
       "ref": "editorRef",

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -476,7 +476,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
         });
       },
       dropdown: () => {
-        var _a;
+        var _a, _b;
         if (!this.showView) {
           return;
         }
@@ -486,7 +486,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
           params: this.params,
           viewId: this.c.pickupView.id,
           style: {
-            height: "".concat(((_a = this.c.editorParams) == null ? void 0 : _a.pickupViewHeight) || 500, "px"),
+            height: "".concat(((_a = this.c.editorParams) == null ? void 0 : _a.pickupViewHeight) || ((_b = this.c.editorParams) == null ? void 0 : _b.pickupviewheight) || 500, "px"),
             width: this.pickViewWidth
           },
           state: {

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

@@ -102,7 +102,7 @@ class HtmlEditorController extends runtime.EditorController {
     await super.onInit();
     this.customRegister();
     if (this.editorParams) {
-      const { uploadParams, exportParams } = this.editorParams;
+      const { uploadParams, exportParams, uploadparams, exportparams } = this.editorParams;
       if (uploadParams) {
         try {
           this.uploadParams = JSON.parse(uploadParams);
@@ -114,6 +114,17 @@ class HtmlEditorController extends runtime.EditorController {
           );
         }
       }
+      if (uploadparams) {
+        try {
+          this.uploadParams = JSON.parse(uploadparams);
+        } catch (error) {
+          ibiz.log.error(
+            "\u7F16\u8F91\u5668[".concat(ibiz.log.error(
+              error
+            ), "]\u7F16\u8F91\u5668\u53C2\u6570 uploadparams \u975E json \u683C\u5F0F")
+          );
+        }
+      }
       if (exportParams) {
         try {
           this.exportParams = JSON.parse(exportParams);
@@ -125,6 +136,17 @@ class HtmlEditorController extends runtime.EditorController {
           );
         }
       }
+      if (exportparams) {
+        try {
+          this.exportParams = JSON.parse(exportparams);
+        } catch (error) {
+          ibiz.log.error(
+            "\u7F16\u8F91\u5668[".concat(ibiz.log.error(
+              error
+            ), "]\u7F16\u8F91\u5668\u53C2\u6570 exportparams \u975E json \u683C\u5F0F")
+          );
+        }
+      }
     }
     const model = this.model;
     if (model.appDEACModeId) {

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

@@ -49,9 +49,17 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
         readonlyState.value = true;
         enableEdit.value = c.toBoolean(editorModel.editorParams.enableEdit) && !props.readonly && !props.disabled;
       }
+      if (editorModel.editorParams.enableedit) {
+        hasEnableEdit.value = true;
+        readonlyState.value = true;
+        enableEdit.value = c.toBoolean(editorModel.editorParams.enableedit) && !props.readonly && !props.disabled;
+      }
       if (editorModel.editorParams.enableFullScreen) {
         enableFullScreen.value = c.toBoolean(editorModel.editorParams.enableFullScreen);
       }
+      if (editorModel.editorParams.enablefullscreen) {
+        enableFullScreen.value = c.toBoolean(editorModel.editorParams.enablefullscreen);
+      }
     }
     if (props.readonly) {
       hasEnableEdit.value = false;
@@ -59,7 +67,16 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
     }
     vue.watch(() => props.data, (newVal) => {
       if (newVal) {
-        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
+        const editorParams = {
+          ...c.editorParams
+        };
+        if (editorParams.uploadparams) {
+          editorParams.uploadParams = JSON.parse(editorParams.uploadparams);
+        }
+        if (editorParams.exportparams) {
+          editorParams.exportParams = JSON.parse(editorParams.exportparams);
+        }
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, editorParams);
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;
       }

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

@@ -16,7 +16,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a;
+    var _a, _b;
     const ns = vue3Util.useNamespace("markdown");
     const c = props.controller;
     const currentVal = vue.ref("");
@@ -28,7 +28,7 @@ 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 customTheme = ((_a = c == null ? void 0 : c.editorParams) == null ? void 0 : _a.customTheme) || ((_b = c == null ? void 0 : c.editorParams) == null ? void 0 : _b.customtheme);
     const {
       UIStore
     } = vue3Util.useUIStore();

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs

@@ -40,9 +40,15 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.valueSeparator) {
         valueSeparator = editorModel.editorParams.valueSeparator;
       }
+      if (editorModel.editorParams.valueseparator) {
+        valueSeparator = editorModel.editorParams.valueseparator;
+      }
       if (editorModel.editorParams.rangeSeparator) {
         rangeSeparator = editorModel.editorParams.rangeSeparator;
       }
+      if (editorModel.editorParams.rangeseparator) {
+        rangeSeparator = editorModel.editorParams.rangeseparator;
+      }
     }
     const refFormItem = vue.ref([]);
     const editorItems = editorModel.editorItems;

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

@@ -29,6 +29,9 @@ const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.dicData) {
         dicData = c.toObj(editorModel.editorParams.dicData);
       }
+      if (editorModel.editorParams.dicdata) {
+        dicData = c.toObj(editorModel.editorParams.dicdata);
+      }
     }
     if (dicData && Array.isArray(dicData)) {
       const inactiveResult = dicData.find((item) => {

package/lib/editor/upload/ibiz-image-cropping/ibiz-image-cropping.cjs

@@ -13,7 +13,7 @@ const IBizImageCropping = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const ns = vue3Util.useNamespace("image-cropping-upload");
     const c = props.controller;
     const {
@@ -45,11 +45,21 @@ const IBizImageCropping = /* @__PURE__ */ vue.defineComponent({
         cropareaWidth: Number(c.editorParams.cropWidth)
       });
     }
-    if ((_b = c.editorParams) == null ? void 0 : _b.cropHeight) {
+    if ((_b = c.editorParams) == null ? void 0 : _b.cropwidth) {
+      Object.assign(cropRect, {
+        cropareaWidth: Number(c.editorParams.cropwidth)
+      });
+    }
+    if ((_c = c.editorParams) == null ? void 0 : _c.cropHeight) {
       Object.assign(cropRect, {
         cropareaHeight: Number(c.editorParams.cropHeight)
       });
     }
+    if ((_d = c.editorParams) == null ? void 0 : _d.cropheight) {
+      Object.assign(cropRect, {
+        cropareaHeight: Number(c.editorParams.cropheight)
+      });
+    }
     const tempFileList = vue.ref();
     const cropVisible = vue.ref(false);
     const onDialogVisibleChange = (value) => {

package/lib/editor/upload/ibiz-image-preview/ibiz-image-preview.cjs

@@ -10,10 +10,13 @@ const IBizImagePreview = /* @__PURE__ */ vue.defineComponent({
   props: vue3Util.getUploadProps(),
   emits: vue3Util.getEditorEmits(),
   setup(props) {
-    var _a;
+    var _a, _b;
     const ns = vue3Util.useNamespace("image-preview");
     const c = props.controller;
-    const result = ((_a = c.editorParams) == null ? void 0 : _a.STOPPROPAGATION) !== "false";
+    let result = ((_a = c.editorParams) == null ? void 0 : _a.STOPPROPAGATION) !== "false";
+    if ((_b = c.editorParams) == null ? void 0 : _b.stoppropagation) {
+      result = c.editorParams.stoppropagation !== "false";
+    }
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;

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

@@ -72,14 +72,24 @@ class UploadEditorController extends runtime.EditorController {
         size,
         uploadParams,
         exportParams,
-        autoPreview
+        autoPreview,
+        isdrag,
+        uploadparams,
+        exportparams,
+        autopreview
       } = this.editorParams;
       if (isDrag) {
         this.isDrag = Boolean(isDrag);
       }
+      if (isdrag) {
+        this.isDrag = Boolean(isdrag);
+      }
       if (autoPreview) {
         this.autoPreview = autoPreview;
       }
+      if (autopreview) {
+        this.autoPreview = autopreview;
+      }
       if (multiple) {
         this.multiple = Boolean(multiple);
       }
@@ -99,6 +109,16 @@ class UploadEditorController extends runtime.EditorController {
           );
         }
       }
+      if (uploadparams) {
+        try {
+          this.uploadParams = JSON.parse(uploadparams);
+        } catch (error) {
+          throw new core.RuntimeModelError(
+            uploadparams,
+            ibiz.i18n.t("editor.upload.uploadJsonFormatErr")
+          );
+        }
+      }
       if (exportParams) {
         try {
           this.exportParams = JSON.parse(exportParams);
@@ -109,6 +129,16 @@ class UploadEditorController extends runtime.EditorController {
           );
         }
       }
+      if (exportparams) {
+        try {
+          this.exportParams = JSON.parse(exportparams);
+        } catch (error) {
+          throw new core.RuntimeModelError(
+            exportparams,
+            ibiz.i18n.t("editor.upload.exportJsonFormatErr")
+          );
+        }
+      }
     }
   }
 }

package/lib/editor/upload/use/use-iview-upload.cjs

@@ -27,11 +27,18 @@ function useIViewUpload(props, valueChange, c) {
     () => props.data,
     (newVal) => {
       if (newVal) {
+        const editorParams = { ...c.editorParams };
+        if (editorParams.uploadparams) {
+          editorParams.uploadParams = JSON.parse(editorParams.uploadparams);
+        }
+        if (editorParams.exportparams) {
+          editorParams.exportParams = JSON.parse(editorParams.exportparams);
+        }
         const urls = ibiz.util.file.calcFileUpDownUrl(
           c.context,
           c.params,
           newVal,
-          c.editorParams
+          editorParams
         );
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;

package/lib/panel-component/split-container/split-container.controller.cjs

@@ -84,7 +84,8 @@ class SplitContainerController extends runtime.PanelItemController {
    * @param {('left' | 'right' | 'top' | 'bottom')} position
    */
   hiddenPanel(position) {
-    this.lastSplitValue = this.state.splitValue;
+    if (!this.state.isHiddenTrigger)
+      this.lastSplitValue = this.state.splitValue;
     if (position === "left" || position === "top") {
       this.state.splitValue = 0;
     }

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

@@ -52,6 +52,7 @@ class InternalMessageDefaultProvider {
     if (redirectUrl) {
       if (redirectUrl.startsWith("view://")) {
         const { viewId, context, params } = runtime.parseViewProtocol(redirectUrl);
+        context.srfkeepnull = true;
         ibiz.commands.execute(
           runtime.OpenAppViewCommand.TAG,
           viewId,

package/lib/web-app/create-vue-app.cjs

@@ -14,8 +14,8 @@ function createVueApp(rootComponent, rootProps) {
   app.config.errorHandler = function(err) {
     ibiz.util.error.handle(err);
   };
-  const installPlugin = (_, plugin) => {
-    app.use(plugin);
+  const installPlugin = (_, plugin, extraParams) => {
+    app.use(plugin, extraParams);
   };
   vue3Util.AppHooks.useComponent.tap(installPlugin);
   const importBIReport = () => import('@ibiz-template-plugin/bi-report');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.41-alpha.10",
+  "version": "0.7.41-alpha.11",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -31,17 +31,17 @@
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.28",
-    "@ibiz-template-plugin/gantt": "0.1.8-alpha.198",
+    "@ibiz-template-plugin/gantt": "0.1.8-alpha.266",
     "@ibiz-template-plugin/bi-report": "0.0.26",
     "@ibiz-template-plugin/data-view": "0.0.4",
     "@ibiz-template/core": "0.7.41-alpha.9",
     "@ibiz-template/devtool": "0.0.11",
-    "@ibiz-template/model-helper": "0.7.41-alpha.10",
-    "@ibiz-template/runtime": "0.7.41-alpha.10",
+    "@ibiz-template/model-helper": "0.7.41-alpha.11",
+    "@ibiz-template/runtime": "0.7.41-alpha.11",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.41-alpha.10",
+    "@ibiz-template/vue3-util": "0.7.41-alpha.11",
     "@ibiz-template/web-theme": "3.5.0",
-    "@ibiz/model-core": "^0.1.78",
+    "@ibiz/model-core": "^0.1.79",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
@@ -106,7 +106,7 @@
     "@ibiz-template/runtime": "^0.7.0",
     "@ibiz-template/theme": "^0.7.0",
     "@ibiz-template/vue3-util": "^0.7.0",
-    "@ibiz/model-core": "^0.1.78",
+    "@ibiz/model-core": "^0.1.79",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",

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

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown"],(function(e){"use strict";var t,l,n,o,r,i,a,s,c,d,u,h,m,v;return{setters:[function(e){t=e.defineComponent,l=e.ref,n=e.watch,o=e.onMounted,r=e.onBeforeUnmount,i=e.onUnmounted,a=e.createVNode,s=e.nextTick},function(e){c=e.getMarkDownProps,d=e.getEditorEmits,u=e.useNamespace,h=e.useUIStore},function(e){m=e.createUUID},function(e){v=e.default}],execute:function(){e("default",t({name:"IBizMarkDown",props:c(),emits:d(),setup(e,{emit:t}){var a;const c=u("markdown"),d=e.controller,b=l("");let f=null;const p=m(),g=ibiz.util.file.getUploadHeaders(),w=l({...g}),y=l(""),k=l(""),C=null==(a=null==d?void 0:d.editorParams)?void 0:a.customTheme,{UIStore:x}=h(),U=l(C||x.theme),z=l("editOnly");let E=null,B=0;const T=l({});let D=!1;n((()=>e.data),(e=>{if(e&&d){const t=ibiz.util.file.calcFileUpDownUrl(d.context,d.params,e,d.editorParams);y.value=t.uploadUrl,k.value=t.downloadUrl}}),{immediate:!0,deep:!0});const M=l(),S=async(e,t)=>{const l=await ibiz.util.file.fileUpload(y.value,e,w.value);t(k.value.replace("%fileId%",l.fileid))},I=()=>null==f?void 0:f.getMarkdown(),N=e=>{D=!0,null==f||f.setMarkdown(e,!1)};n((()=>e.value),((e,t)=>{e!==t&&(b.value=e||"")}),{immediate:!0}),n(b,((e,t)=>{const l=I();e!==t&&l!==e&&N(e)}));const O=e=>{t("change",I(),null==d?void 0:d.model.id,D),D=!1},P=(e,t)=>({[e]:t}),V=(e,t="")=>{const l=document.createElement(e);return l.className=t,l},q=e=>V("i","ch-icon ch-icon-".concat(e)),R=c.e("fullscreen"),j=e=>{for(;e.firstChild;)e.removeChild(e.firstChild)},H=()=>{if(f&&M.value){const e=f.editor.options.editorDom.parentElement;if(!e)return{};const t=e.classList,l=M.value.querySelector(".".concat(R));return l?{parentElement:e,cherryClass:t,fullscreenNode:l}:{}}return{}},L=()=>{const{parentElement:e,cherryClass:t,fullscreenNode:l}=H();e&&t&&l&&(j(l),l.appendChild(q("fullscreen")),l.title=ibiz.i18n.t("editor.common.fullscreen"),t.remove("fullscreen"),null==e||e.blur(),e.setAttribute("tabindex","-1"))},A=()=>{const{cherryClass:e}=H();return null==e?void 0:e.contains("fullscreen")},W=()=>{f&&M.value&&(A()?L():(()=>{const{parentElement:e,cherryClass:t,fullscreenNode:l}=H();e&&t&&l&&(j(l),l.appendChild(q("minscreen")),t.add("fullscreen"),l.title=ibiz.i18n.t("editor.common.minimize"),e.setAttribute("tabindex","-1"),s((()=>null==e?void 0:e.focus())))})())},F=e=>{e.stopPropagation(),"Escape"===e.key&&A()&&L()};n((()=>x.theme),(e=>{U.value=C||e,null==f||f.setTheme(U.value),null==f||f.setCodeBlockTheme(U.value)}));return o((()=>{var t;e.disabled&&(z.value="previewOnly"),s((()=>{var t;f=new v({id:p,value:b.value,previewer:{enablePreviewerBubble:!(e.disabled||e.readonly)},themeSettings:{mainTheme:U.value,codeBlockTheme:U.value},fileUpload:S,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:z.value,codemirror:{autofocus:!1}},toolbars:{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"],float:["h1","h2","h3","|","checklist","quote","quickTable","code"],customMenu:[],sidebar:[]},callback:{afterChange:O,beforeImageMounted:P},engine:{syntax:{table:{enableChart:!1,externals:["echarts"]}}}}),f.setTheme(U.value),C&&(f.setTheme(C),f.setCodeBlockTheme(C));const l=V("span","".concat(R," cherry-toolbar-button"));l.title=ibiz.i18n.t("editor.common.fullscreen"),l.onclick=W,l.appendChild(q("fullscreen"));const n=e.disabled?f.editor.options.editorDom.parentElement:null==(t=f.editor.options.editorDom.parentElement)?void 0:t.querySelector(".cherry-toolbar>.toolbar-right");null==n||n.appendChild(l)})),(()=>{if(window.ResizeObserver&&M.value){const e={width:M.value.offsetWidth?"".concat(M.value.offsetWidth,"px"):"100%"};d&&"number"==typeof d.parent.model.height&&Object.assign(e,{height:"".concat(d.parent.model.height,"px")}),T.value=c.cssVarBlock(e),E=new ResizeObserver((e=>{const t=e[0].contentRect.width;if(t!==B){const l={width:"".concat(e[0].contentRect.width,"px")};d&&"number"==typeof d.parent.model.height&&Object.assign(l,{height:"".concat(d.parent.model.height,"px")}),T.value=c.cssVarBlock(l),B=t}})),E.observe(M.value)}})(),null==(t=M.value)||t.addEventListener("keydown",F.bind(this))})),r((()=>{var e;null==(e=M.value)||e.removeEventListener("keydown",F.bind(this))})),i((()=>{f=null,E&&E.disconnect()})),{ns:c,currentVal:b,id:p,editor:f,markDownBox:M,headers:w,theme:U,defaultModel:z,cssVars:T,getCherryHtml:()=>null==f?void 0:f.getHtml(),getCherryContent:I,setCherryContent:N}},render(){return a("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled)]},[a("div",{id:this.id,style:this.cssVars,class:this.ns.b("cherry")},null)])}}))}}}));