@ibiz-template/vue3-components 0.5.7-alpha.2 → 0.5.7-alpha.4

package/lib/panel-component/user-message/internal-message/index.cjs

@@ -3,9 +3,13 @@
 var internalMessageTab = require('./internal-message-tab/internal-message-tab.cjs');
 var internalMessageDefault_provider = require('./internal-message-default/internal-message-default.provider.cjs');
 var internalMessageDefault = require('./internal-message-default/internal-message-default.cjs');
+var internalMessageJson_provider = require('./internal-message-json/internal-message-json.provider.cjs');
+var internalMessageJson = require('./internal-message-json/internal-message-json.cjs');
 
 "use strict";
 
 exports.InternalMessageTab = internalMessageTab.InternalMessageTab;
 exports.InternalMessageDefaultProvider = internalMessageDefault_provider.InternalMessageDefaultProvider;
 exports.InternalMessageDefault = internalMessageDefault.InternalMessageDefault;
+exports.InternalMessageJSONtProvider = internalMessageJson_provider.InternalMessageJSONtProvider;
+exports.InternalMessageJSON = internalMessageJson.InternalMessageJSON;

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

@@ -31,10 +31,10 @@ const InternalMessageDefault = /* @__PURE__ */ vue.defineComponent({
       required: true
     }
   },
-  setup(props) {
+  setup() {
     const ns = vue3Util.useNamespace("internal-message");
     const clickable = vue.computed(() => {
-      return props.message.short_content !== props.message.content;
+      return false;
     });
     return {
       ns,
@@ -48,6 +48,9 @@ const InternalMessageDefault = /* @__PURE__ */ vue.defineComponent({
       short_content,
       status
     } = this.message;
+    const content = vue.createVNode("div", {
+      "class": this.ns.e("short-content")
+    }, [short_content]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.clickable ? this.ns.m("clickable") : ""]
     }, [vue.createVNode("div", {
@@ -63,9 +66,7 @@ const InternalMessageDefault = /* @__PURE__ */ vue.defineComponent({
       "type": stateType[status]
     }, {
       default: () => [stateTexts[status]]
-    }), title]), vue.createVNode("div", {
-      "class": this.ns.e("short-content")
-    }, [short_content]), vue.createVNode("div", {
+    }), title]), content, vue.createVNode("div", {
       "class": this.ns.e("create-time")
     }, [create_time])]), vue.createVNode("div", {
       "class": this.ns.b("toolbar")

package/lib/panel-component/user-message/internal-message/internal-message-default/internal-message-default.css

@@ -1 +1 @@
-.ibiz-internal-message{--ibiz-internal-message-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));display:flex;align-items:center;justify-content:space-between;position:relative}.ibiz-internal-message--clickable{cursor:pointer}.ibiz-internal-message:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-internal-message__caption{margin-bottom:8px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-internal-message__short-content{margin-bottom:8px}.ibiz-internal-message__status{margin-right:8px}.ibiz-internal-message:hover .ibiz-internal-message-toolbar{display:block}.ibiz-internal-message-left{flex-grow:0;flex-shrink:0;align-self:flex-start;width:50px;font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-internal-message-center{flex-grow:1;width:342px}.ibiz-internal-message-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-toolbar__button:hover{color:var(--ibiz-color-primary)}
+.ibiz-internal-message{--ibiz-internal-message-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));display:flex;align-items:center;justify-content:space-between;position:relative}.ibiz-internal-message--clickable{cursor:pointer}.ibiz-internal-message__caption{margin-bottom:8px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-internal-message__short-content{margin-bottom:8px}.ibiz-internal-message__status{margin-right:8px}.ibiz-internal-message:hover .ibiz-internal-message-toolbar{display:block}.ibiz-internal-message-left{flex-grow:0;flex-shrink:0;align-self:flex-start;width:50px;font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-internal-message-center{flex-grow:1;width:342px}.ibiz-internal-message-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-toolbar__button:hover{color:var(--ibiz-color-primary)}

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

@@ -1,5 +1,8 @@
 'use strict';
 
+var vue = require('vue');
+var internalMessageDefault = require('./internal-message-default.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;
@@ -9,10 +12,13 @@ var __publicField = (obj, key, value) => {
 };
 class InternalMessageDefaultProvider {
   constructor() {
-    __publicField(this, "component", "IBizInternalMessageDefault");
+    __publicField(this, "component", internalMessageDefault.InternalMessageDefault);
   }
-  onClick(_msg, _event) {
-    return false;
+  render(props) {
+    return vue.h(this.component, {
+      provider: this,
+      ...props
+    });
   }
 }
 

package/lib/panel-component/user-message/internal-message/internal-message-json/internal-message-json.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./internal-message-json.css');
+
+"use strict";
+const InternalMessageJSON = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizInternalMessageJSON",
+  props: {
+    message: {
+      type: Object,
+      required: true
+    },
+    provider: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    close: () => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("internal-message-json");
+    const jsonContent = vue.computed(() => {
+      if (props.message.short_content && props.message.content_type === "JSON") {
+        return JSON.parse(props.message.short_content);
+      }
+      return null;
+    });
+    const clickable = vue.computed(() => {
+      var _a;
+      return !!((_a = jsonContent.value) == null ? void 0 : _a.redirecturl);
+    });
+    const onClick = async (event) => {
+      if (props.provider.onClick) {
+        const isClose = await props.provider.onClick(props.message, event);
+        if (isClose) {
+          emit("close");
+        }
+      }
+    };
+    return {
+      ns,
+      clickable,
+      jsonContent,
+      onClick
+    };
+  },
+  render() {
+    var _a;
+    let content = null;
+    if ((_a = this.jsonContent) == null ? void 0 : _a.html) {
+      content = vue.createVNode("div", {
+        "class": this.ns.e("content"),
+        "innerHTML": this.jsonContent.html
+      }, null);
+    } else {
+      content = vue.createVNode("div", {
+        "class": this.ns.e("content")
+      }, [vue.createTextVNode("\u6570\u636E\u7684short_content\u91CC\u7F3A\u5C11html")]);
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.clickable ? this.ns.m("clickable") : ""],
+      "onClick": this.onClick
+    }, [content, vue.createVNode("div", {
+      "class": this.ns.b("toolbar")
+    }, [vue.createVNode("ion-icon", {
+      "class": this.ns.be("toolbar", "button"),
+      "name": "timer-outline",
+      "title": "\u7A0D\u540E\u5904\u7406"
+    }, null), vue.createVNode("ion-icon", {
+      "class": this.ns.be("toolbar", "button"),
+      "name": "checkmark-done-outline",
+      "title": "\u5DF2\u8BFB"
+    }, null)])]);
+  }
+});
+
+exports.InternalMessageJSON = InternalMessageJSON;

package/lib/panel-component/user-message/internal-message/internal-message-json/internal-message-json.css

@@ -0,0 +1 @@
+.ibiz-internal-message-json{display:flex;flex-flow:column nowrap;position:relative}.ibiz-internal-message-json--clickable{cursor:pointer}.ibiz-internal-message-json:hover .ibiz-internal-message-json-toolbar{display:block}.ibiz-internal-message-json__content{flex-grow:1}.ibiz-internal-message-json-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-json-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-json-toolbar__button:hover{color:var(--ibiz-color-primary)}

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

@@ -0,0 +1,57 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+var vue = require('vue');
+var internalMessageJson = require('./internal-message-json.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 InternalMessageJSONtProvider {
+  constructor() {
+    __publicField(this, "component", internalMessageJson.InternalMessageJSON);
+  }
+  render(props) {
+    return vue.h(this.component, {
+      provider: this,
+      ...props
+    });
+  }
+  async onClick(msg, _event) {
+    if (msg.content_type === "JSON" && msg.short_content) {
+      const json = JSON.parse(msg.short_content);
+      if (json.redirecturl) {
+        let viewId = "";
+        const params = {};
+        const url = new URL(json.redirecturl);
+        if (url.searchParams.size > 0) {
+          url.searchParams.forEach((value, _key) => {
+            params[_key] = value;
+          });
+        }
+        const rdTagItems = url.pathname.replace("//", "").split("/");
+        const [appOrViewTag, viewTag] = rdTagItems;
+        if (viewTag) {
+          viewId = viewTag;
+        } else {
+          viewId = appOrViewTag;
+        }
+        ibiz.commands.execute(
+          runtime.OpenAppViewCommand.TAG,
+          viewId,
+          core.IBizContext.create({}),
+          params
+        );
+        return true;
+      }
+    }
+    return false;
+  }
+}
+
+exports.InternalMessageJSONtProvider = InternalMessageJSONtProvider;

package/lib/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.cjs

@@ -4,11 +4,16 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 require('./internal-message-tab.css');
+var ramda = require('ramda');
 
 "use strict";
 const InternalMessageTab = /* @__PURE__ */ vue.defineComponent({
   name: "IBizInternalMessageTab",
   props: {
+    controller: {
+      type: Object,
+      required: true
+    },
     showPopover: {
       type: Boolean,
       required: true
@@ -24,38 +29,22 @@ const InternalMessageTab = /* @__PURE__ */ vue.defineComponent({
     const hiddenPopover = () => {
       emit("hiddenPopover");
     };
+    const c = props.controller;
     const allItems = vue.ref([]);
     const state = vue.reactive({
       total: 0,
-      curPage: 0,
-      pageSize: 20
+      pageSize: 0
     });
-    const load = async (params) => {
-      const res = await ibiz.internalMessage.fetch({
-        page: 0,
-        size: state.pageSize,
-        ...params
-      });
-      if (res.ok) {
-        if (typeof res.total === "number") {
-          state.total = res.total;
-        }
-        if (typeof res.page === "number") {
-          state.curPage = res.page;
-        }
-        if (state.curPage === 0) {
-          allItems.value = res.data;
-        } else {
-          allItems.value.push(...res.data);
-        }
-      }
+    const updateData = () => {
+      allItems.value = ramda.clone(c.messages);
+      state.total = c.total;
+      state.pageSize = c.size;
     };
+    updateData();
+    c.evt.on("dataChange", updateData);
     const showMore = () => {
-      load({
-        page: state.curPage + 1
-      });
+      c.loadMore();
     };
-    load();
     return {
       ns,
       allItems,
@@ -76,15 +65,10 @@ const InternalMessageTab = /* @__PURE__ */ vue.defineComponent({
         ibiz.log.error(error);
       }
       if (provider) {
-        return vue.h(vue.resolveComponent(provider.component), {
+        return provider.render({
           class: this.ns.e("item"),
-          onClick: (event) => {
-            const isClose = provider.onClick(msg, event);
-            if (isClose) {
-              this.hiddenPopover();
-            }
-          },
-          message: msg
+          message: msg,
+          onClose: this.hiddenPopover
         });
       }
       return vue.createVNode("div", {

package/lib/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.css

@@ -1 +1 @@
-.ibiz-internal-message-tab{--ibiz-internal-message-tab-load-more-height:30px;width:100%;height:100%}.ibiz-internal-message-tab__item{min-height:60px;padding:6px 0}.ibiz-internal-message-tab__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-internal-message-tab-load-more-height))}.ibiz-internal-message-tab__load-more{height:var(--ibiz-internal-message-tab-load-more-height);line-height:var(--ibiz-internal-message-tab-load-more-height);text-align:center}.ibiz-internal-message-tab__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}
+.ibiz-internal-message-tab{--ibiz-internal-message-tab-load-more-height:30px;width:100%;height:100%}.ibiz-internal-message-tab__item{min-height:60px;padding:var(--ibiz-spacing-tight)}.ibiz-internal-message-tab__item:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-internal-message-tab__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-internal-message-tab-load-more-height))}.ibiz-internal-message-tab__load-more{height:var(--ibiz-internal-message-tab-load-more-height);line-height:var(--ibiz-internal-message-tab-load-more-height);text-align:center}.ibiz-internal-message-tab__load-more:hover{color:var(--ibiz-color-primary-hover);cursor:pointer}

package/lib/panel-component/user-message/user-message.cjs

@@ -24,6 +24,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const ns = vue3Util.useNamespace("user-message");
     const c = props.controller;
+    const noticeController = ibiz.hub.notice;
     const showPopover = vue.ref(false);
     const currentTab = vue.ref("notification");
     const sysImage = props.modelData.sysImage || {
@@ -37,6 +38,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
     return {
       ns,
       c,
+      noticeController,
       noticeNum,
       popoverRef,
       showPopover,
@@ -63,6 +65,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
           "hidden": this.noticeNum === 0
         }, {
           default: () => [vue.createVNode(vue.resolveComponent("i-biz-icon"), {
+            "id": runtime.PresetIdentifier.MESSAGE,
             "class": [this.ns.e("image")],
             "icon": this.sysImage
           }, null)]
@@ -79,6 +82,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
             "name": "notification"
           }, {
             default: () => [vue.createVNode(internalMessageTab.InternalMessageTab, {
+              "controller": this.noticeController.internalMessage,
               "showPopover": this.showPopover,
               "onHiddenPopover": this.hiddenPopover
             }, null)]
@@ -87,6 +91,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
             "name": "async-action"
           }, {
             default: () => [vue.createVNode(asyncActionTab.AsyncActionTab, {
+              "controller": this.noticeController.asyncAction,
               "showPopover": this.showPopover,
               "onHiddenPopover": this.hiddenPopover
             }, null)]

package/lib/panel-component/view-message/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var viewMessage = require('./view-message.cjs');
+var viewMessage_provider = require('./view-message.provider.cjs');
+
+"use strict";
+const IBizViewMessage = vue3Util.withInstall(viewMessage.ViewMessage, function(v) {
+  v.component(viewMessage.ViewMessage.name, viewMessage.ViewMessage);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_VIEW_MESSAGE",
+    () => new viewMessage_provider.ViewMessageProvider()
+  );
+});
+
+exports.IBizViewMessage = IBizViewMessage;
+exports.default = IBizViewMessage;

package/lib/panel-component/view-message/view-message.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const ViewMessage = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizViewMessage",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("view-message");
+    const c = props.controller;
+    const ctx = vue3Util.useCtx();
+    const {
+      view
+    } = ctx;
+    return {
+      ns,
+      c,
+      view
+    };
+  },
+  render() {
+    const c = this.view;
+    if (c.state.isCreated) {
+      const viewMessages = c.state.viewMessages.BODY;
+      if (viewMessages == null ? void 0 : viewMessages.length) {
+        return vue.createVNode(vue.resolveComponent("view-message"), {
+          "class": [this.ns.e("body-message")],
+          "messages": viewMessages
+        }, null);
+      }
+    }
+    return null;
+  }
+});
+
+exports.ViewMessage = ViewMessage;

package/lib/panel-component/view-message/view-message.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"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 ViewMessageProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewMessage");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ViewMessageProvider = ViewMessageProvider;

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

@@ -14,11 +14,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,

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/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/open-view-util/open-view-util.cjs

@@ -37,8 +37,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) {
@@ -57,7 +57,7 @@ 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);
     return vue3Util.openViewPopover(
       event,
@@ -66,7 +66,7 @@ class OpenViewUtil {
         params,
         viewId: appView.id
       },
-      { autoClose: true, placement: "bottom" }
+      { autoClose: true, placement: "bottom", ...options }
     );
   }
   /**
@@ -75,8 +75,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) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.5.7-alpha.2",
+  "version": "0.5.7-alpha.4",
   "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.2",
-    "@ibiz-template/runtime": "^0.5.7-alpha.2",
+    "@ibiz-template/core": "^0.5.7-alpha.4",
+    "@ibiz-template/model-helper": "^0.5.7-alpha.4",
+    "@ibiz-template/runtime": "^0.5.7-alpha.4",
     "@ibiz-template/theme": "^0.5.0",
-    "@ibiz-template/vue3-util": "^0.5.7-alpha.2",
-    "@ibiz/model-core": "^0.1.7",
+    "@ibiz-template/vue3-util": "^0.5.7-alpha.4",
+    "@ibiz/model-core": "^0.1.8",
     "@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)])}}))}}}));