@ibiz-template/vue3-components 0.7.39 → 0.7.40

package/lib/view-engine/md-custom-view.engine.cjs

@@ -0,0 +1,208 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+var lodashEs = require('lodash-es');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class MDCustomViewEngine extends runtime.ViewEngineBase {
+  constructor() {
+    super(...arguments);
+    /**
+     * 部件集合
+     *
+     * @type {IControl[]}
+     * @memberof MDCustomViewEngine
+     */
+    __publicField(this, "controls", []);
+  }
+  /**
+   * 视图created生命周期执行逻辑
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof MDCustomViewEngine
+   */
+  async onCreated() {
+    await super.onCreated();
+    this.controls = runtime.getControlsByView(this.view.model);
+    this.initMDCtrlActiveMode();
+  }
+  /**
+   * 视图mounted生命周期执行逻辑
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof MDCustomViewEngine
+   */
+  async onMounted() {
+    await super.onMounted();
+    this.calcToolbarState = this.calcToolbarState.bind(this);
+    this.controls.forEach((ctrl) => {
+      const control = this.view.getController(
+        ctrl.name
+      );
+      control == null ? void 0 : control.evt.on(
+        "onLoadSuccess",
+        () => this.calcToolbarButtonState(ctrl, void 0)
+      );
+      control == null ? void 0 : control.evt.on(
+        "onSelectionChange",
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+      );
+      control == null ? void 0 : control.evt.on(
+        "onRefreshSuccess",
+        (evt) => this.calcToolbarButtonState(ctrl, evt.data[0])
+      );
+    });
+  }
+  /**
+   * @description 初始化部件激活模式
+   * @memberof MDCustomViewEngine
+   */
+  initMDCtrlActiveMode() {
+    const { model } = this.view;
+    this.controls.forEach((ctrl) => {
+      const name = ctrl.name || ctrl.id;
+      if (!this.view.slotProps[name]) {
+        this.view.slotProps[name] = {};
+      }
+      this.view.slotProps[name].mdctrlActiveMode = model.mdctrlActiveMode;
+    });
+  }
+  /**
+   * 计算工具栏按钮状态
+   *
+   * @param {IMDControl} control 数据部件模型
+   * @param {(IData | undefined)} data 数据
+   * @memberof MDCustomViewEngine
+   */
+  calcToolbarButtonState(control, data) {
+    const model = this.controls.find(
+      (ctrl) => {
+        var _a;
+        return ctrl.controlType === "TOOLBAR" && ((_a = ctrl.xdataControlName) == null ? void 0 : _a.toLowerCase()) === control.name;
+      }
+    );
+    if (model) {
+      const toolbar = this.view.getController(
+        model.name
+      );
+      toolbar == null ? void 0 : toolbar.calcButtonState(data, control.appDataEntityId);
+    }
+  }
+  /**
+   * 执行视图预置界面行为能力
+   *
+   * @param {string} key
+   * @param {*} args
+   * @return {*}  {(Promise<IData | null | undefined>)}
+   * @memberof MDCustomViewEngine
+   */
+  async call(key, args) {
+    var _a;
+    if (key === runtime.SysUIActionTag.REFRESH) {
+      await ((_a = this.viewLayoutPanel) == null ? void 0 : _a.load());
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.EDIT || key === runtime.SysUIActionTag.VIEW) {
+      return this.openData(args);
+    }
+    if (key === runtime.SysUIActionTag.NEW) {
+      return this.newData(args);
+    }
+    return super.call(key, args);
+  }
+  /**
+   * @description 打开编辑数据视图
+   * @protected
+   * @param {{
+   *     data: IData[];
+   *     event?: MouseEvent;
+   *     context?: IContext;
+   *     params?: IParams;
+   *   }} args
+   * @returns {*}  {Promise<IUIActionResult>}
+   * @memberof MDCustomViewEngine
+   */
+  async openData(args) {
+    var _a, _b;
+    const { data, ctrl, event } = args;
+    const context = (args.context || this.view.context).clone();
+    let deName = (_a = data[0].srfdecodename) == null ? void 0 : _a.toLowerCase();
+    if (ctrl) {
+      context.srfnavctrlid = ctrl.ctrlId;
+      if (!deName) {
+        deName = runtime.calcDeCodeNameById(ctrl.model.appDataEntityId);
+      }
+    }
+    const params = args.params || this.view.params;
+    context[deName.toLowerCase()] = data[0].srfkey;
+    const result = await ((_b = this.view.scheduler) == null ? void 0 : _b.triggerCustom("opendata", {
+      context,
+      params,
+      data,
+      event,
+      view: this.view
+    }));
+    if (result === -1) {
+      throw new core.RuntimeModelError(
+        this.view.model,
+        ibiz.i18n.t("runtime.engine.logicOpendata")
+      );
+    } else {
+      return {
+        cancel: result ? !result.ok : true
+      };
+    }
+  }
+  /**
+   * 打开编辑数据视图
+   *
+   * @author lxm
+   * @date 2022-09-01 18:09:19
+   * @param {IData} data
+   * @param {MouseEvent} [event]
+   * @returns {*}
+   */
+  async newData(args) {
+    var _a, _b, _c;
+    const { data, event, copyMode } = args;
+    const openAppViewLogic = (_b = (_a = this.view.model.viewLayoutPanel) == null ? void 0 : _a.appViewLogics) == null ? void 0 : _b.find(
+      (item) => item.id === "newdata"
+    );
+    if (!openAppViewLogic) {
+      throw new core.RuntimeModelError(
+        this.view.model,
+        ibiz.i18n.t("runtime.engine.logicNewdata")
+      );
+    }
+    const params = lodashEs.clone(this.view.params);
+    if (copyMode) {
+      params.srfcopymode = copyMode;
+    }
+    const result = await ((_c = this.view.scheduler) == null ? void 0 : _c.triggerCustom("newdata", {
+      context: this.view.context,
+      params,
+      data,
+      event,
+      view: this.view
+    }));
+    if (result === -1) {
+      throw new core.RuntimeModelError(
+        this.view.model,
+        ibiz.i18n.t("runtime.engine.logicNewdata")
+      );
+    } else {
+      return {
+        cancel: result ? !result.ok : true
+      };
+    }
+  }
+}
+
+exports.MDCustomViewEngine = MDCustomViewEngine;

package/lib/view-engine/tab-exp-view.engine.cjs

@@ -145,12 +145,17 @@ class TabExpViewEngine extends runtime.ViewEngineBase {
       case "TOP":
         deleteItems.splice(0, 1);
         break;
+      case "FLOW":
+      case "FLOW_NOHEADER":
+        break;
       default:
         deleteItems.splice(0, 1);
         break;
     }
-    setTabExpModelLayout(containerName);
-    findPanelItemsAndDelete(deleteItems);
+    if (tabLayout !== "FLOW" && tabLayout !== "FLOW_NOHEADER") {
+      setTabExpModelLayout(containerName);
+      findPanelItemsAndDelete(deleteItems);
+    }
   }
   /**
    * 计算视图头部元素的显示与否

package/lib/web-app/App.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
 require('./App.css');
 
 "use strict";
@@ -21,6 +22,7 @@ var App = /* @__PURE__ */ vue.defineComponent({
     window.addEventListener("unload", destroyAppHub);
     vue.onUnmounted(() => {
       destroyAppHub();
+      vue3Util.AppHooks.destoryApp.call(null);
     });
     return {
       modal

package/lib/web-app/guard/auth-guard/auth-guard.cjs

@@ -49,8 +49,9 @@ class AuthGuard {
       try {
         if (ibiz.env.enableAnonymous) {
           await this.anonymousValidate(context);
+        } else {
+          await this.appInit(context);
         }
-        await this.appInit(context);
       } catch (error) {
         result = false;
         error.tag = "APPINIT";
@@ -72,6 +73,39 @@ class AuthGuard {
   async anonymousValidate(context) {
     const authInfo = ibiz.auth.getAuthInfo();
     if (authInfo && !authInfo.isAnonymous) {
+      try {
+        await this.appInit(context);
+        return;
+      } catch (error) {
+        const { status } = error;
+        if (status === 401) {
+          const refreshToken = core.getAppCookie(core.CoreConst.REFRESH_TOKEN);
+          if (refreshToken) {
+            await ibiz.auth.refreshToken();
+            await this.appInit(context);
+            return;
+          }
+          ibiz.auth.clearAuthData();
+        } else {
+          throw error;
+        }
+      }
+    }
+    if (authInfo == null ? void 0 : authInfo.token) {
+      try {
+        await this.appInit(context);
+      } catch (error) {
+        const { status } = error;
+        if (status === 401) {
+          const loginResult = await ibiz.auth.anonymousLogin();
+          if (!loginResult) {
+            throw new core.RuntimeError(ibiz.i18n.t("webApp.authGuard.loginFailed"));
+          }
+          await this.appInit(context);
+        } else {
+          throw error;
+        }
+      }
       return;
     }
     await this.initModel(context, false);
@@ -103,6 +137,7 @@ class AuthGuard {
         throw new core.RuntimeError(ibiz.i18n.t("webApp.authGuard.loginFailed"));
       }
     }
+    await this.appInit(context);
   }
   /**
    * 应用参数初始化
@@ -113,11 +148,13 @@ class AuthGuard {
    * @return {*}  {Promise<void>}
    */
   async appInit(context) {
+    await vue3Util.AppHooks.beforeInitApp.call({ context });
     try {
       if (ibiz.env.isSaaSMode === true) {
         await this.loadOrgData();
       }
       await this.loadAppData(context);
+      await vue3Util.AppHooks.authedApp.call({ context });
     } catch (error) {
       const responseStatus = error.status;
       const remember = core.getAppCookie(core.CoreConst.TOKEN_REMEMBER);
@@ -129,6 +166,7 @@ class AuthGuard {
             await this.loadOrgData();
           }
           await this.loadAppData(context);
+          await vue3Util.AppHooks.authedApp.call({ context });
         } catch (refreshTokenError) {
           throw error;
         }
@@ -137,7 +175,7 @@ class AuthGuard {
       }
     }
     await this.initModel(context);
-    await ibiz.auth.extendLogin();
+    await ibiz.auth.extendLogin(context);
     await ibiz.hub.notice.init();
     await ibiz.util.theme.initCustomTheme();
   }

package/lib/web-app/guard/auth-guard/dyna-auth-guard.cjs

@@ -37,6 +37,7 @@ class DynaAuthGuard extends authGuard.AuthGuard {
       const tempApp = await helper.getAppModel();
       await this.initEnvironment(tempApp);
       const app = await ibiz.hub.getAppAsync(ibiz.env.appId);
+      await vue3Util.AppHooks.initedApp.call({ context, app });
       const appModel = app.model;
       ibiz.env.isMob = appModel.mobileApp === true;
       if (ibiz.env.isEnableMultiLan) {
@@ -54,6 +55,8 @@ class DynaAuthGuard extends authGuard.AuthGuard {
       const module = await import('@ibiz-template/web-theme');
       const theme = module.default || module;
       vue3Util.AppHooks.useComponent.callSync(null, theme);
+      if (ibiz.config.theme)
+        ibiz.util.theme.setTheme(ibiz.config.theme);
       if (appModel.appUIThemes) {
         await this.loadTheme();
       }

package/lib/web-app/main.cjs

@@ -36,6 +36,7 @@ async function runApp(plugins, opts) {
   });
   core.install();
   runtime.install();
+  vue3Util.AppHooks.appResorceInited.call(ibiz.hub);
   ibiz.util.getGlobalParam = () => {
     return vue3Util.useAppStore().appStore;
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.39",
+  "version": "0.7.40",
   "description": "web端组件库(vue3)",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -28,25 +28,26 @@
     "publish:local": "npm run build && npm publish --access public --registry=http://172.16.240.221:8081/repository/local/"
   },
   "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@floating-ui/dom": "^1.5.3",
-    "@ibiz-template-plugin/ai-chat": "^0.0.23",
-    "@ibiz-template-plugin/gantt": "0.1.8-alpha.92",
+    "@ibiz-template-plugin/ai-chat": "^0.0.28",
+    "@ibiz-template-plugin/gantt": "0.1.8-alpha.198",
     "@ibiz-template-plugin/bi-report": "0.0.26",
     "@ibiz-template-plugin/data-view": "0.0.4",
-    "@ibiz-template/core": "0.7.39",
-    "@ibiz-template/devtool": "0.0.10",
-    "@ibiz-template/model-helper": "0.7.39",
-    "@ibiz-template/runtime": "0.7.39",
+    "@ibiz-template/core": "0.7.40",
+    "@ibiz-template/devtool": "0.0.11",
+    "@ibiz-template/model-helper": "0.7.40",
+    "@ibiz-template/runtime": "0.7.40",
     "@ibiz-template/theme": "0.7.39",
-    "@ibiz-template/vue3-util": "0.7.39",
-    "@ibiz-template/web-theme": "3.0.0",
-    "@ibiz/model-core": "^0.1.68",
+    "@ibiz-template/vue3-util": "0.7.40",
+    "@ibiz-template/web-theme": "3.4.0",
+    "@ibiz/model-core": "^0.1.75",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "async-validator": "^4.2.5",
-    "cherry-markdown": "0.8.26",
+    "cherry-markdown": "0.8.58",
     "dayjs": "^1.11.10",
     "echarts": "^5.4.3",
     "element-plus": "2.4.4",
@@ -105,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.68",
+    "@ibiz/model-core": "^0.1.75",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
     "@wangeditor/editor": "^5.1.23",

package/dist/chart-WOVYJZdX.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","echarts","qx-util","@ibiz-template/runtime"],(function(e){"use strict";var t,i,a,l,n,s,r,o,d,c,h,u,m,p,v,f,g;return{setters:[function(e){t=e.defineComponent,i=e.ref,a=e.watch,l=e.onMounted,n=e.onBeforeUnmount,s=e.createVNode,r=e.resolveComponent,o=e.nextTick,d=e.isVNode},function(e){c=e.useControlController,h=e.useNamespace,u=e.hasEmptyPanelRenderer,m=e.IBizCustomRender},function(e){p=e.init},function(e){v=e.createUUID},function(e){f=e.ChartController,g=e.ControlVO}],execute:function(){function w(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!d(e)}e("default",t({name:"IBizChartControl",props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},provider:{type:Object},mdctrlActiveMode:{type:Number,default:void 0},loadDefault:{type:Boolean,default:!0},isSimple:{type:Boolean,required:!1},data:{type:Array,required:!1}},emits:["drillDetail"],setup(e,{emit:t}){const d=c(((...e)=>new f(...e))),D=h("control-".concat(d.model.controlType.toLowerCase())),b=i(),y=i(0),z=v(),C=i(!1),L=i({}),x=i();let P;const R=()=>{e.data&&(d.state.items=e.data.map((e=>new g(e))),d.afterLoad({},d.state.items))};d.evt.on("onCreated",(async()=>{e.isSimple&&(R(),d.state.isSimple=!0,d.state.isLoaded=!0)})),a((()=>e.data),(()=>{e.isSimple&&R()}),{deep:!0});const B=async()=>{await o();const e=document.getElementById(z);e&&("bottom"===d.state.gridPosition||"top"===d.state.gridPosition?y.value=e.offsetHeight/2-8:y.value=e.offsetHeight-16)},E=()=>{C.value=!1},S=()=>{C.value||d.changeTooltipState(!0)};let N;l((()=>{var t,i;const a=p(b.value);d.initChart(a),window.addEventListener("resize",B),window.addEventListener("pointerdown",E),window.addEventListener("click",S),b.value&&ResizeObserver&&(N=new ResizeObserver((()=>{d.resizeChart()})),N.observe(b.value)),B();const l=null==(i=null==(t=e.modelData.controlParam)?void 0:t.ctrlParams)?void 0:i.ENABLEDRILLDETAIL;(null==l?void 0:l.length)&&a.on("click",(e=>{const t=d.computedClickSerieModel(e);if(!t||ibiz.fullscreenUtil.isFullScreen)return;const i=l.find((e=>e.name===t.valueField));i&&i.isDrill&&(P=e,(e=>{if(e.event){const t=e.event.event,{offsetX:i,offsetY:a}=e.event,{clientWidth:l}=t.target;L.value=i+160>l?{top:"".concat(a-20,"px"),left:"".concat(i-160,"px")}:{top:"".concat(a,"px"),left:"".concat(i+16,"px")}}})(e),a.dispatchAction({type:"hideTip"}),d.changeTooltipState(!1),C.value=!0)}))}));a((()=>d.state.showGrid),(()=>{B()}),{immediate:!0});return n((()=>{window.removeEventListener("resize",B),window.removeEventListener("pointerdown",E),window.removeEventListener("click",S),null==N||N.disconnect()})),{c:d,ns:D,chartRef:b,uuid:z,showCheck:C,drillDetailPos:L,drillDetailRef:x,openDrillDetail:e=>{e.stopPropagation(),e.preventDefault(),C.value=!1,d.changeTooltipState(!0);const i=d.computedDrillDetailParam(P);t("drillDetail",i)},renderGrid:()=>{let e;return s(r("el-table"),{ref:"tableRef",data:d.state.gridData||[],border:!0,style:{width:"100%"},"max-height":y.value,"header-row-class-name":D.e("grid-header")},w(e=d.state.gridHeaders.map((e=>s(r("el-table-column"),{prop:e.id,align:"center",label:e.name},null))))?e:{default:()=>[e]})},renderNoData:()=>{if(0===d.state.items.length){const e={};return u(d)&&Object.assign(e,{customRender:()=>s(m,{controller:d},null)}),s(r("iBizNoData"),{text:d.model.emptyText,emptyTextLanguageRes:d.model.emptyTextLanguageRes,hideNoDataImage:d.state.hideNoDataImage},w(e)?e:{default:()=>[e]})}}}},render(){return s(r("iBizControlBase"),{controller:this.c},{default:()=>[s("div",{id:this.uuid,class:this.ns.b("chart-container")},[this.renderNoData(),s("div",{class:[this.ns.e("chart-grid"),this.ns.is("no-data",0===this.c.state.items.length),this.ns.is("show-grid",this.c.state.showGrid),{[this.ns.em("chart-grid",this.c.state.gridPosition)]:this.c.state.showGrid}]},[s("div",{class:[this.ns.e("chart-grid-container"),this.ns.is(this.c.state.gridPosition,this.c.state.showGrid),this.ns.is("no-grid",!this.c.state.showGrid)]},[s("div",{ref:"chartRef",class:[this.ns.e("chart")]},[ibiz.i18n.t("control.chart.chartPlaceholder")]),this.showCheck?s("div",{ref:"drillDetailRef",class:this.ns.e("drill-detail"),style:this.drillDetailPos,onPointerdown:this.openDrillDetail},[s("div",{class:this.ns.em("drill-detail","item")},[s("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",height:"1em",width:"1em",focusable:"false",fill:"currentColor"},[s("g",{id:"aspnormal/preview","stroke-width":"1","fill-rule":"evenodd"},[s("path",{d:"M11.626 0c1.057 0 1.923.818 2 1.855l.005.15v3.411a.6.6 0 0 1-1.192.097l-.008-.097.001-1.348V2.005c0-.41-.31-.749-.705-.799l-.101-.006h-9.62c-.41 0-.75.308-.8.704l-.006.101v11.989c0 .41.308.75.705.8l.101.006h5.906l.017-.004.016-.003h2.074a.598.598 0 1 1 .107 1.187l-.095.01V16H2.006a2.006 2.006 0 0 1-2-1.856L0 13.994V2.005C0 .948.818.082 1.856.005L2.006 0h9.62zm-1.595 6.328a3.669 3.669 0 0 1 3.665 3.665c0 .79-.251 1.523-.678 2.123l2.412 2.412a.6.6 0 1 1-.848.85l-2.41-2.412a3.646 3.646 0 0 1-2.14.692 3.67 3.67 0 0 1-3.667-3.665 3.67 3.67 0 0 1 3.666-3.665zm-5.106 5.29a.6.6 0 0 1 .097 1.191l-.097.008H2.85a.6.6 0 0 1-.097-1.192l.097-.008h2.074zm5.106-4.09a2.468 2.468 0 0 0-2.466 2.465 2.468 2.468 0 0 0 2.466 2.466 2.47 2.47 0 0 0 2.466-2.466 2.469 2.469 0 0 0-2.466-2.465zm-4.815-.126a.6.6 0 0 1 .097 1.193l-.097.007h-2.35A.6.6 0 0 1 2.77 7.41l.098-.008h2.349zm5.58-4a.6.6 0 0 1 .097 1.192l-.097.008H2.867A.6.6 0 0 1 2.77 3.41l.097-.008h7.929z",id:"asp合并形状"},null)])]),s("div",{class:this.ns.em("drill-detail","item-text")},[ibiz.i18n.t("control.chart.drillDetail")])])]):null]),this.c.state.showGrid?s("div",{class:this.ns.e("grid")},[this.renderGrid()]):null])])]})}}))}}}));

package/dist/ibiz-markdown-editor-6LwfUyrp.js

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