@ibiz-template/vue3-components 0.5.7-alpha.1 → 0.5.7-alpha.10

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

@@ -5,6 +5,8 @@ var dom = require('@floating-ui/dom');
 var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./app-popover-component.css');
+var lodashEs = require('lodash-es');
+var core = require('@ibiz-template/core');
 
 "use strict";
 async function computePos(element, el, arrEl, opts) {
@@ -14,11 +16,15 @@ async function computePos(element, el, arrEl, opts) {
       element: arrEl
     }));
   }
-  const options = await dom.computePosition(element, el, {
+  const config = {
     placement: opts.placement,
     strategy: "absolute",
     middleware: middlewareArr
-  });
+  };
+  if (opts.options) {
+    Object.assign(config, opts.options);
+  }
+  const options = await dom.computePosition(element, el, config);
   {
     const {
       x,
@@ -68,6 +74,25 @@ const AppPopoverComponent = /* @__PURE__ */ vue.defineComponent({
       zIndex
     } = vue3Util.useUIStore();
     const popoverZIndex = zIndex.increment();
+    const customStyle = vue.reactive({});
+    const {
+      width,
+      height
+    } = props.opts;
+    if (width) {
+      if (lodashEs.isNumber(width)) {
+        customStyle.width = core.calcOpenModeStyle(width, "popover");
+      } else {
+        customStyle.width = width;
+      }
+    }
+    if (height) {
+      if (lodashEs.isNumber(height)) {
+        customStyle.height = core.calcOpenModeStyle(height, "popover");
+      } else {
+        customStyle.height = height;
+      }
+    }
     const modal = new runtime.Modal({
       mode: runtime.ViewMode.POPOVER,
       viewUsage: 2,
@@ -105,7 +130,8 @@ const AppPopoverComponent = /* @__PURE__ */ vue.defineComponent({
       popoverZIndex,
       onMaskClick,
       present,
-      dismiss
+      dismiss,
+      customStyle
     };
   },
   render() {
@@ -113,6 +139,7 @@ const AppPopoverComponent = /* @__PURE__ */ vue.defineComponent({
     const content = vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("show", this.isShow)],
       "ref": "el",
+      "style": this.customStyle,
       "onClick": (e) => {
         e.stopPropagation();
       }

package/lib/util/confirm-util/confirm-util.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var core = require('@ibiz-template/core');
-var ElementPlus = require('element-plus');
+var elementPlus = require('element-plus');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -16,7 +16,7 @@ class ConfirmUtil {
   }
   async info(params) {
     return new Promise((resolve) => {
-      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("info")),
         type: "info",
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
@@ -27,7 +27,7 @@ class ConfirmUtil {
   }
   async success(params) {
     return new Promise((resolve) => {
-      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("success")),
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
         confirmButtonClass: "".concat(this.ns.b("ok")),
@@ -38,7 +38,7 @@ class ConfirmUtil {
   }
   async warning(params) {
     return new Promise((resolve) => {
-      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("warning")),
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
         confirmButtonClass: "".concat(this.ns.b("ok")),
@@ -49,7 +49,7 @@ class ConfirmUtil {
   }
   async error(params) {
     return new Promise((resolve) => {
-      ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
+      elementPlus.ElMessageBox.confirm(params.desc, params.title, {
         customClass: "".concat(this.ns.b(), " ").concat(this.ns.e("error")),
         cancelButtonClass: "".concat(this.ns.b("cancel"), " el-button--info"),
         confirmButtonClass: "".concat(this.ns.b("ok")),

package/lib/util/index.cjs

@@ -8,6 +8,7 @@ var notificationUtil = require('./notification-util/notification-util.cjs');
 var openViewUtil = require('./open-view-util/open-view-util.cjs');
 var overlayController = require('./overlay-controller/overlay-controller.cjs');
 var usePagination = require('./pagination/use-pagination.cjs');
+var noticeUtil = require('./notice-util/notice-util.cjs');
 
 "use strict";
 
@@ -19,3 +20,4 @@ exports.NotificationUtil = notificationUtil.NotificationUtil;
 exports.OpenViewUtil = openViewUtil.OpenViewUtil;
 exports.OverlayController = overlayController.OverlayController;
 exports.usePagination = usePagination.usePagination;
+exports.NoticeUtil = noticeUtil.NoticeUtil;

package/lib/util/loading-util/loading-util.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var ElementPlus = require('element-plus');
+var elementPlus = require('element-plus');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -44,7 +44,7 @@ class LoadingUtil {
    */
   show() {
     if (this.count === 0) {
-      this.loading = ElementPlus.ElLoading.service({ lock: true, fullscreen: true });
+      this.loading = elementPlus.ElLoading.service({ lock: true, fullscreen: true });
     }
     this.count += 1;
   }

package/lib/util/message-util/message-util.cjs

@@ -1,32 +1,32 @@
 'use strict';
 
-var ElementPlus = require('element-plus');
+var elementPlus = require('element-plus');
 
 "use strict";
 class MessageUtil {
   info(msg, duration, closable) {
-    ElementPlus.ElMessage.info({
+    elementPlus.ElMessage.info({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   success(msg, duration, closable) {
-    ElementPlus.ElMessage.success({
+    elementPlus.ElMessage.success({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   warning(msg, duration, closable) {
-    ElementPlus.ElMessage.warning({
+    elementPlus.ElMessage.warning({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable
     });
   }
   error(msg, duration, closable) {
-    ElementPlus.ElMessage.error({
+    elementPlus.ElMessage.error({
       message: msg,
       duration: duration ? duration * 1e3 : duration,
       showClose: closable

package/lib/util/modal-util/modal-util.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var ElementPlus = require('element-plus');
+var elementPlus = require('element-plus');
 
 "use strict";
 class ModalUtil {
   async info(params) {
-    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "info" });
+    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "info" });
   }
   async success(params) {
-    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "success" });
+    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "success" });
   }
   async warning(params) {
-    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "warning" });
+    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "warning" });
   }
   async error(params) {
-    await ElementPlus.ElMessageBox.alert(params.desc, params.title, { type: "error" });
+    await elementPlus.ElMessageBox.alert(params.desc, params.title, { type: "error" });
   }
   async confirm(params) {
     return new Promise((resolve) => {
-      ElementPlus.ElMessageBox.confirm(params.desc, params.title, params).then(() => resolve(true)).catch(() => resolve(false));
+      elementPlus.ElMessageBox.confirm(params.desc, params.title, params).then(() => resolve(true)).catch(() => resolve(false));
     });
   }
 }

package/lib/util/notice-util/notice-util.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var elementPlus = require('element-plus');
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('../../common/index.cjs');
+var doingNotice = require('../../common/doing-notice/doing-notice.cjs');
+
+"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 NoticeUtil {
+  constructor() {
+    __publicField(this, "doingNotice");
+  }
+  async showAsyncAction(asyncAction) {
+    const ns = vue3Util.useNamespace("async-action-notice");
+    const porvider = await runtime.getAsyncActionProvider(asyncAction);
+    if (porvider.render) {
+      const ins = elementPlus.ElNotification({
+        customClass: ns.b(),
+        message: porvider.render({
+          action: asyncAction,
+          onClose: () => {
+            ins.close();
+          }
+        }),
+        position: "bottom-right",
+        duration: 0
+      });
+    }
+  }
+  showDoingNotice(info) {
+    if (!this.doingNotice) {
+      const reactiveInfo = vue.reactive(info);
+      const ins = elementPlus.ElNotification({
+        message: vue.h(doingNotice.DoingNotice, {
+          info: reactiveInfo
+        }),
+        onClose: () => {
+          this.closeDoingNotice();
+        },
+        position: "bottom-right",
+        duration: 0
+      });
+      this.doingNotice = { info: reactiveInfo, close: () => ins.close() };
+    } else {
+      Object.assign(this.doingNotice.info, info);
+    }
+  }
+  closeDoingNotice() {
+    if (this.doingNotice) {
+      this.doingNotice.close();
+      this.doingNotice = void 0;
+    }
+  }
+}
+
+exports.NoticeUtil = NoticeUtil;

package/lib/util/notification-util/notification-util.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var ElementPlus = require('element-plus');
+var elementPlus = require('element-plus');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -51,10 +51,11 @@ class NotificationUtil {
    */
   handleNotice(params, noticeType) {
     const duration = params.duration ? params.duration * 1e3 : 4500;
-    ElementPlus.ElNotification({
+    elementPlus.ElNotification({
       title: params.title,
       message: params.desc,
       type: noticeType,
+      position: params.position || "top-right",
       duration
     });
   }

package/lib/util/open-view-util/open-view-util.cjs

@@ -19,7 +19,8 @@ class OpenViewUtil {
       context,
       params
     );
-    return vue3Util.routerCallback.open(this.router, path);
+    this.router.push({ path });
+    return { ok: true };
   }
   async rootByModal(appViewId, context, params) {
     const appView = await ibiz.hub.config.view.get(appViewId);
@@ -29,7 +30,8 @@ class OpenViewUtil {
       context,
       params
     );
-    return vue3Util.routerCallback.open(this.router, path);
+    this.router.push({ path });
+    return { ok: true };
   }
   /**
    * 模态打开视图
@@ -37,8 +39,8 @@ class OpenViewUtil {
    * @author lxm
    * @date 2022-09-12 01:09:06
    * @param {string} appViewId
-   * @param {(IContext | undefined)} [context]
-   * @param {(IParams | undefined)} [params]
+   * @param {(IContext)} [context]
+   * @param {(IParams)} [params]
    * @returns {*}  {Promise<IModalData>}
    */
   async modal(appViewId, context, params) {
@@ -46,7 +48,8 @@ class OpenViewUtil {
     const opts = {
       width: appView.width || "80%",
       height: appView.height || "80%",
-      footerHide: true
+      footerHide: true,
+      ...appView.modalOption
     };
     return vue3Util.openViewModal(
       {
@@ -57,8 +60,16 @@ class OpenViewUtil {
       opts
     );
   }
-  async popover(appViewId, event, context, params) {
+  async popover(appViewId, event, context, params, options = {}) {
     const appView = await ibiz.hub.config.view.get(appViewId);
+    const opts = {
+      width: appView.width,
+      height: appView.height,
+      autoClose: true,
+      placement: "bottom",
+      ...options,
+      ...appView.modalOption
+    };
     return vue3Util.openViewPopover(
       event,
       {
@@ -66,7 +77,7 @@ class OpenViewUtil {
         params,
         viewId: appView.id
       },
-      { autoClose: true, placement: "bottom" }
+      opts
     );
   }
   /**
@@ -75,8 +86,8 @@ class OpenViewUtil {
    * @author lxm
    * @date 2022-09-15 15:09:50
    * @param {string} appViewId
-   * @param {(IContext | undefined)} [context]
-   * @param {(IParams | undefined)} [params]
+   * @param {(IContext)} [context]
+   * @param {(IParams)} [params]
    * @returns {*}  {Promise<IModalData>}
    */
   async drawer(appViewId, context, params) {
@@ -85,7 +96,8 @@ class OpenViewUtil {
     const opts = {
       width: appView.width,
       height: appView.height,
-      placement
+      placement,
+      ...appView.modalOption
     };
     return vue3Util.openViewDrawer(
       {

package/lib/view/404-view/404-view.cjs

@@ -11,8 +11,9 @@ const View404 = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("404-view");
     const router = vueRouter.useRouter();
     const route = vueRouter.useRoute();
-    const gotoIndexView = () => {
-      router.push("/");
+    const gotoIndexView = async () => {
+      await router.push("/");
+      window.location.reload();
     };
     vue.onMounted(() => ibiz.util.hiddenAppLoading());
     const isTop = vue.computed(() => {
@@ -36,9 +37,9 @@ const View404 = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.be("text", "text1")
     }, [vue.createTextVNode("\u62B1\u6B49\uFF0C\u60A8\u8BBF\u95EE\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF01")]), this.isTop ? vue.createVNode("div", {
       "class": this.ns.be("text", "text2")
-    }, [vue.createTextVNode("\u60A8\u8981\u627E\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF0C\u8BF7\u8FD4\u56DE"), vue.createVNode("a", {
-      "on-click": this.gotoIndexView
-    }, [vue.createTextVNode("\u9996\u9875")]), vue.createTextVNode("\u7EE7\u7EED\u6D4F\u89C8")]) : null])]);
+    }, [vue.createTextVNode("\u60A8\u8981\u627E\u7684\u9875\u9762\u4E0D\u5B58\u5728\uFF0C\u8BF7"), vue.createVNode("a", {
+      "onClick": this.gotoIndexView
+    }, [vue.createTextVNode("\u8FD4\u56DE\u9996\u9875")]), vue.createTextVNode("\u7EE7\u7EED\u6D4F\u89C8")]) : null])]);
   }
 });
 

package/lib/view/404-view/404-view.css

@@ -1 +1 @@
-.ibiz-404-view{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-404-view-text__text1{margin-bottom:20px}.ibiz-404-view.is-top{width:100vw;height:100vh}
+.ibiz-404-view{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px}.ibiz-404-view .ibiz-404-view-text{margin-top:40px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-404-view-text__text1{margin-bottom:20px}.ibiz-404-view-text__text2 a{color:#557da5;cursor:pointer}.ibiz-404-view.is-top{width:100vw;height:100vh}

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

@@ -2,9 +2,26 @@
 
 var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
+var ramda = require('ramda');
 
 "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 EditViewEngine extends runtime.ViewEngineBase {
+  constructor() {
+    super(...arguments);
+    /**
+     * 实体名称
+     * @author lxm
+     * @date 2024-01-31 11:05:49
+     * @type {string}
+     */
+    __publicField(this, "deName");
+  }
   get form() {
     return this.view.getController("form");
   }
@@ -12,6 +29,7 @@ class EditViewEngine extends runtime.ViewEngineBase {
     await super.onCreated();
     const { childNames, modal } = this.view;
     childNames.push("form");
+    this.deName = runtime.calcDeCodeNameById(this.view.model.appDataEntityId);
     if (!this.view.slotProps.form) {
       this.view.slotProps.form = {};
     }
@@ -30,6 +48,7 @@ class EditViewEngine extends runtime.ViewEngineBase {
   }
   async onMounted() {
     await super.onMounted();
+    this.initMarkOpenData();
     const { model, evt } = this.view;
     const formDeId = this.form.model.appDataEntityId;
     const formDataStateChange = (event) => {
@@ -218,6 +237,77 @@ class EditViewEngine extends runtime.ViewEngineBase {
     );
     ibiz.mc.command.send({ srfdecodename: "SysTodo" }, "OBJECTUPDATED");
   }
+  /**
+   * 初始化标记打开数据相关逻辑
+   * @author lxm
+   * @date 2024-01-31 11:52:13
+   * @return {*}  {void}
+   */
+  initMarkOpenData() {
+    if (ramda.isNil(this.view.modal.routeDepth)) {
+      return;
+    }
+    let srfkey;
+    const callback = (data) => {
+      if (!this.view.state.activated) {
+        return;
+      }
+      const dataInfo = this.form.getData()[0].srfmajortext;
+      let actionMsg = "";
+      switch (data.action) {
+        case "VIEW":
+          actionMsg = "\u6D4F\u89C8\u4E86";
+          break;
+        case "EDIT":
+          actionMsg = "\u7F16\u8F91\u4E86";
+          break;
+        case "UPDATE":
+          actionMsg = "\u66F4\u65B0\u4E86";
+          break;
+        default:
+          break;
+      }
+      ibiz.notification.info({
+        position: "bottom-right",
+        title: data.username,
+        desc: "".concat(actionMsg, " ").concat(this.view.state.caption, "-").concat(dataInfo)
+      });
+    };
+    this.form.evt.on("onLoadSuccess", (event) => {
+      const formData = event.data[0];
+      srfkey = formData.srfkey;
+      ibiz.markOpenData.action(this.deName, srfkey, "VIEW");
+      ibiz.markOpenData.subscribe(this.deName, srfkey, callback);
+      this.view.evt.on("onDestroyed", () => {
+        ibiz.markOpenData.unsubscribe(this.deName, srfkey, callback);
+      });
+    });
+    let isWait = false;
+    const actionEdit = () => {
+      if (!srfkey || isWait) {
+        return;
+      }
+      isWait = true;
+      ibiz.markOpenData.action(this.deName, srfkey, "EDIT");
+      setTimeout(
+        () => {
+          isWait = false;
+        },
+        1e3 * 60 * 5
+      );
+    };
+    this.form.evt.on("onFormDataChange", actionEdit);
+    this.form.evt.on("onSaveSuccess", () => {
+      if (srfkey) {
+        ibiz.markOpenData.action(this.deName, srfkey, "UPDATE");
+      }
+    });
+    this.view.evt.on("onCloseView", () => {
+      if (srfkey) {
+        ibiz.markOpenData.action(this.deName, srfkey, "CLOSE");
+      }
+    });
+  }
 }
 
 exports.EditViewEngine = EditViewEngine;

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

@@ -151,16 +151,43 @@ class ReportViewEngine extends runtime.ViewEngineBase {
    * @memberof ReportViewEngine
    */
   calcViewHeaderVisible() {
-    let showHeader = super.calcViewHeaderVisible();
-    if (!this.searchBar || !this.searchBar.state.visible) {
-      const controller = this.viewLayoutPanel.panelItems.view_searchbar;
-      if (controller) {
-        controller.state.visible = false;
-      }
-    } else {
-      showHeader = true;
+    const showHeader = super.calcViewHeaderVisible();
+    const visible = this.calcViewSearchBarVisible();
+    return visible || showHeader;
+  }
+  /**
+   * 计算搜索栏显示
+   *
+   * @author zk
+   * @date 2024-01-29 05:01:36
+   * @protected
+   * @return {*}  {boolean}
+   * @memberof MDViewEngine
+   */
+  calcViewSearchBarVisible() {
+    const { model } = this.view;
+    const has = this.isExistAndInLayout("searchbar");
+    if (!has) {
+      return has;
+    }
+    const searchBar = runtime.getControl(model, "searchbar");
+    const visible = !!(searchBar.enableQuickSearch || searchBar.enableGroup || searchBar.enableFilter === true);
+    return visible;
+  }
+  /**
+   * 计算移除的模型名称
+   *
+   * @author zk
+   * @date 2024-01-29 03:01:42
+   * @return {*}  {string[]}
+   * @memberof MDViewEngine
+   */
+  calcRemoveLayoutModel() {
+    const names = super.calcRemoveLayoutModel();
+    if (!this.calcViewSearchBarVisible()) {
+      names.push("view_searchbar");
     }
-    return showHeader;
+    return names;
   }
   /**
    * 切换搜索表单的显示与否

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

@@ -22,6 +22,7 @@ class TabExpViewEngine extends runtime.ViewEngineBase {
    */
   async onCreated() {
     var _a;
+    this.preprocessTabExpModelLayout();
     await super.onCreated();
     const { childNames, model } = this.view;
     childNames.push("tabexppanel");
@@ -33,7 +34,6 @@ class TabExpViewEngine extends runtime.ViewEngineBase {
       (item) => item.id === "srfdefaultnav"
     )) == null ? void 0 : _a.value;
     this.view.slotProps.tabexppanel.defaultTabName = this.view.state.srfnav || srfdefaultnav;
-    this.preprocessTabExpModelLayout();
   }
   async onMounted() {
     await super.onMounted();
@@ -144,7 +144,7 @@ class TabExpViewEngine extends runtime.ViewEngineBase {
   calcViewHeaderVisible() {
     let showHeader = super.calcViewHeaderVisible();
     const { tabLayout } = this.view.model;
-    if ((tabLayout === void 0 || tabLayout === "TOP") && this.tabExpPanel) {
+    if (tabLayout === void 0 || tabLayout === "TOP" && runtime.getControl(this.view.model, "tabexppanel")) {
       showHeader = true;
     }
     return showHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.5.7-alpha.1",
+  "version": "0.5.7-alpha.10",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -27,12 +27,12 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.1",
     "@ibiz-template-plugin/gantt": "0.1.1",
-    "@ibiz-template/core": "^0.5.7-alpha.0",
-    "@ibiz-template/model-helper": "^0.5.7-alpha.1",
-    "@ibiz-template/runtime": "^0.5.7-alpha.1",
+    "@ibiz-template/core": "^0.5.7-alpha.10",
+    "@ibiz-template/model-helper": "^0.5.7-alpha.10",
+    "@ibiz-template/runtime": "^0.5.7-alpha.10",
     "@ibiz-template/theme": "^0.5.0",
-    "@ibiz-template/vue3-util": "^0.5.7-alpha.1",
-    "@ibiz/model-core": "^0.1.6",
+    "@ibiz-template/vue3-util": "^0.5.7-alpha.10",
+    "@ibiz/model-core": "^0.1.9",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",
     "@wangeditor/editor": "^5.1.23",

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

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown","@ibiz-template/core"],(function(e){"use strict";var t,a,o,n,l,r,i,s,u,c,d,h,v,m,b;return{setters:[function(e){t=e.defineComponent,a=e.ref,o=e.watch,n=e.onMounted,l=e.onUnmounted,r=e.createVNode,i=e.nextTick},function(e){s=e.getMarkDownProps,u=e.getEditorEmits,c=e.useNamespace,d=e.useUIStore},function(e){h=e.createUUID,v=e.getCookie},function(e){m=e.default},function(e){b=e.CoreConst}],execute:function(){e("default",t({name:"IBizMarkDown",props:s(),emits:u(),setup(e,{emit:t}){const r=c("markdown"),s=e.controller,u=a(""),f=a(null),g=h(),p=a({Authorization:"Bearer ".concat(v(b.TOKEN))}),w=a(""),k=a(""),{UIStore:y}=d(),x=a(y.theme),C=a("editOnly");let U=null,z=0;const M=a({});o((()=>e.data),(e=>{if(e&&s){const t=s.calcBaseUrl(e);w.value=t.uploadUrl,k.value=t.downloadUrl}}),{immediate:!0,deep:!0});const B=a(),O=(e,t)=>{const a=new FormData;a.append("file",e),ibiz.net.axios({url:w.value,method:"post",headers:p.value,data:a}).then((e=>{if(200===e.status&&e.data.fileid){const a=k.value.replace("%fileId%",e.data.fileid);t(a)}})).catch((e=>{ibiz.log.error("上传出错",e)}))},D=()=>{var e;return null==(e=f.value)?void 0:e.getMarkdown()},I=e=>{var t;null==(t=f.value)||t.setMarkdown(e,!1)};o((()=>e.value),((e,t)=>{e!==t&&(u.value=e||"")}),{immediate:!0}),o(u,((e,t)=>{const a=D();e!==t&&a!==e&&I(e)}));const V=e=>{t("change",D())},R=(e,t)=>({[e]:t});o((()=>y.theme),(e=>{var t;x.value=e,null==(t=f.value)||t.setTheme(x.value)}));return n((()=>{e.disabled&&(C.value="previewOnly"),i((()=>{f.value=new m({id:g,value:u.value,theme:x.value,fileUpload:O,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:C.value,codemirror:{autofocus:!1}},toolbars:{theme:x.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:V,beforeImageMounted:R}})})),(()=>{if(window.ResizeObserver&&B.value){const e={width:"".concat(B.value.offsetWidth,"px")};s&&"number"==typeof s.parent.model.height&&Object.assign(e,{height:"".concat(s.parent.model.height,"px")}),M.value=r.cssVarBlock(e),U=new ResizeObserver((e=>{const t=e[0].contentRect.width;if(t!==z){const a={width:"".concat(e[0].contentRect.width,"px")};s&&"number"==typeof s.parent.model.height&&Object.assign(a,{height:"".concat(s.parent.model.height,"px")}),M.value=r.cssVarBlock(a),z=t}})),U.observe(B.value)}})()})),l((()=>{f.value=null,U&&U.disconnect()})),{ns:r,currentVal:u,id:g,editor:f,markDownBox:B,headers:p,theme:x,defaultModel:C,cssVars:M,getCherryHtml:()=>{var e;return null==(e=f.value)?void 0:e.getHtml()},getCherryContent:D,setCherryContent:I}},render(){return r("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled)]},[r("div",{id:this.id,style:this.cssVars,class:this.ns.b("cherry")},null)])}}))}}}));