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

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

@@ -37,7 +37,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const cssVars = vue.ref({});
     vue.watch(() => props.data, (newVal) => {
       if (newVal && c) {
-        const urls = c.calcBaseUrl(newVal);
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;
       }
@@ -46,22 +46,10 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       deep: true
     });
     const markDownBox = vue.ref();
-    const fileUpload = (file, callback) => {
-      const formData = new FormData();
-      formData.append("file", file);
-      ibiz.net.axios({
-        url: uploadUrl.value,
-        method: "post",
-        headers: headers.value,
-        data: formData
-      }).then((res) => {
-        if (res.status === 200 && res.data.fileid) {
-          const url = downloadUrl.value.replace("%fileId%", res.data.fileid);
-          callback(url);
-        }
-      }).catch((error) => {
-        ibiz.log.error("\u4E0A\u4F20\u51FA\u9519", error);
-      });
+    const fileUpload = async (file, callback) => {
+      const data = await ibiz.util.file.fileUpload(uploadUrl.value, file, headers.value);
+      const url = downloadUrl.value.replace("%fileId%", data.fileid);
+      callback(url);
     };
     const getCherryHtml = () => {
       var _a;

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

@@ -2,7 +2,6 @@
 
 var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
-var qs = require('qs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -144,67 +143,6 @@ class MarkDownEditorController extends runtime.EditorController {
       }
     }
   }
-  /**
-   * 计算文件的上传路径和下载路径
-   * 下载路径文件id用%fileId%占位，替换即可
-   * 配置编辑器参数uploadParams和exportParams时，会像导航参数一样动态添加对应的参数到url上
-   *
-   * @author lxm
-   * @date 2022-11-17 13:11:43
-   * @param {IData} data
-   * @returns {*}  {{ uploadUrl: string; downloadUrl: string }}
-   */
-  calcBaseUrl(data) {
-    let uploadUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.uploadFileUrl);
-    let downloadUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.downloadFileUrl, "/%fileId%");
-    let uploadParams = {};
-    let exportParams = {};
-    if (this.uploadParams) {
-      uploadParams = runtime.convertNavData(
-        this.uploadParams,
-        data,
-        this.params,
-        this.context
-      );
-    }
-    if (this.exportParams) {
-      exportParams = runtime.convertNavData(
-        this.exportParams,
-        data,
-        this.params,
-        this.context
-      );
-    }
-    uploadUrl += qs.stringify(uploadParams, { addQueryPrefix: true });
-    downloadUrl += qs.stringify(exportParams, { addQueryPrefix: true });
-    return { uploadUrl, downloadUrl };
-  }
-  /**
-   * 请求url获取文件流，并用JS触发文件下载
-   *
-   * @author lxm
-   * @date 2022-11-17 14:11:09
-   * @param {string} url
-   * @param {IData} file
-   */
-  fileDownload(file) {
-    ibiz.net.request(file.url, {
-      method: "get",
-      responseType: "blob",
-      baseURL: ""
-      // 已经有baseURL了，这里无需再写
-    }).then((response) => {
-      if (response.status !== 200) {
-        throw new core.RuntimeError("\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25");
-      }
-      if (!response.data) {
-        throw new core.RuntimeError("\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728");
-      } else {
-        const fileName = file.name;
-        core.downloadFileFromBlob(response.data, fileName);
-      }
-    });
-  }
 }
 
 exports.MarkDownEditorController = MarkDownEditorController;

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

@@ -2,7 +2,6 @@
 
 var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
-var qs = require('qs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -79,67 +78,6 @@ class UploadEditorController extends runtime.EditorController {
       }
     }
   }
-  /**
-   * 计算文件的上传路径和下载路径
-   * 下载路径文件id用%fileId%占位，替换即可
-   * 配置编辑器参数uploadParams和exportParams时，会像导航参数一样动态添加对应的参数到url上
-   *
-   * @author lxm
-   * @date 2022-11-17 13:11:43
-   * @param {IData} data
-   * @returns {*}  {{ uploadUrl: string; downloadUrl: string }}
-   */
-  calcBaseUrl(data) {
-    let uploadUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.uploadFileUrl);
-    let downloadUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.downloadFileUrl, "/%fileId%");
-    let uploadParams = {};
-    let exportParams = {};
-    if (this.uploadParams) {
-      uploadParams = runtime.convertNavData(
-        this.uploadParams,
-        data,
-        this.params,
-        this.context
-      );
-    }
-    if (this.exportParams) {
-      exportParams = runtime.convertNavData(
-        this.exportParams,
-        data,
-        this.params,
-        this.context
-      );
-    }
-    uploadUrl += qs.stringify(uploadParams, { addQueryPrefix: true });
-    downloadUrl += qs.stringify(exportParams, { addQueryPrefix: true });
-    return { uploadUrl, downloadUrl };
-  }
-  /**
-   * 请求url获取文件流，并用JS触发文件下载
-   *
-   * @author lxm
-   * @date 2022-11-17 14:11:09
-   * @param {string} url
-   * @param {IData} file
-   */
-  fileDownload(file) {
-    ibiz.net.request(file.url, {
-      method: "get",
-      responseType: "blob",
-      baseURL: ""
-      // 已经有baseURL了，这里无需再写
-    }).then((response) => {
-      if (response.status !== 200) {
-        throw new core.RuntimeError("\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25");
-      }
-      if (!response.data) {
-        throw new core.RuntimeError("\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728");
-      } else {
-        const fileName = file.name;
-        core.downloadFileFromBlob(response.data, fileName);
-      }
-    });
-  }
 }
 
 exports.UploadEditorController = UploadEditorController;

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

@@ -25,7 +25,12 @@ function useIBizUploadInit(props) {
     props.data,
     (newVal) => {
       if (newVal) {
-        const urls = props.controller.value.calcBaseUrl(newVal);
+        const urls = ibiz.util.file.calcFileUpDownUrl(
+          props.controller.value.context,
+          props.controller.value.params,
+          newVal,
+          props.controller.value.editorParams
+        );
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;
       }

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

@@ -28,7 +28,12 @@ function useIViewUpload(props, valueChange, c) {
     () => props.data,
     (newVal) => {
       if (newVal) {
-        const urls = c.calcBaseUrl(newVal);
+        const urls = ibiz.util.file.calcFileUpDownUrl(
+          c.context,
+          c.params,
+          newVal,
+          c.editorParams
+        );
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;
       }
@@ -98,7 +103,7 @@ function useIViewUpload(props, valueChange, c) {
   };
   const onDownload = (file) => {
     const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
-    c.fileDownload({ url, name: file.name });
+    ibiz.util.file.fileDownload(url, file.name);
   };
   const limit = vue.computed(() => {
     return c.multiple ? 9999 : 1;

package/lib/index.cjs

@@ -48,6 +48,7 @@ var index$T = require('./control/map/index.cjs');
 var index$U = require('./control/report-panel/index.cjs');
 var index$V = require('./control/gantt/index.cjs');
 var index$W = require('./control/context-menu/index.cjs');
+var doingNotice = require('./common/doing-notice/doing-notice.cjs');
 var col = require('./common/col/col.cjs');
 var row = require('./common/row/row.cjs');
 var actionToolbar = require('./common/action-toolbar/action-toolbar.cjs');
@@ -120,6 +121,7 @@ var notificationUtil = require('./util/notification-util/notification-util.cjs')
 var openViewUtil = require('./util/open-view-util/open-view-util.cjs');
 var overlayController = require('./util/overlay-controller/overlay-controller.cjs');
 var usePagination = require('./util/pagination/use-pagination.cjs');
+var noticeUtil = require('./util/notice-util/notice-util.cjs');
 
 "use strict";
 var index = {
@@ -216,6 +218,7 @@ exports.IBizMapControl = index$T.IBizMapControl;
 exports.IBizReportPanelControl = index$U.IBizReportPanelControl;
 exports.IBizGanttControl = index$V.IBizGanttControl;
 exports.IBizContextMenuControl = index$W.IBizContextMenuControl;
+exports.DoingNotice = doingNotice.DoingNotice;
 exports.IBizCol = col.IBizCol;
 exports.IBizRow = row.IBizRow;
 exports.IBizActionToolbar = actionToolbar.IBizActionToolbar;
@@ -291,4 +294,5 @@ exports.NotificationUtil = notificationUtil.NotificationUtil;
 exports.OpenViewUtil = openViewUtil.OpenViewUtil;
 exports.OverlayController = overlayController.OverlayController;
 exports.usePagination = usePagination.usePagination;
+exports.NoticeUtil = noticeUtil.NoticeUtil;
 exports.default = index;

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

@@ -21,40 +21,58 @@ const stateType = {
 const AsyncAction = /* @__PURE__ */ vue.defineComponent({
   name: "IBizAsyncAction",
   props: {
-    message: {
+    action: {
+      type: Object,
+      required: true
+    },
+    provider: {
       type: Object,
       required: true
     }
   },
-  setup(props) {
+  emits: {
+    close: () => true
+  },
+  setup(props, {
+    emit
+  }) {
     const ns = vue3Util.useNamespace("async-action");
-    const hasObjResult = vue.computed(() => lodashEs.isObject(props.message.actionresult));
+    const hasObjResult = vue.computed(() => lodashEs.isObject(props.action.actionresult));
     const clickable = vue.computed(() => {
-      return !props.message.actiontype || hasObjResult.value;
+      return !props.action.actiontype || hasObjResult.value;
     });
     const showErrorInfo = vue.computed(() => {
-      return props.message.actiontype && lodashEs.isString(props.message.actionresult);
+      return props.action.actiontype && lodashEs.isString(props.action.actionresult);
     });
     const actionstate = vue.computed(() => {
       if (hasObjResult.value) {
-        const result = props.message.actionresult;
+        const result = props.action.actionresult;
         const errorNum = result.total - result.success;
         if (errorNum > 0) {
           return 40;
         }
         return 30;
       }
-      return props.message.actionstate;
+      return props.action.actionstate;
     });
     const progressText = vue.computed(() => {
-      return !props.message.completionrate ? "" : "(".concat(props.message.completionrate, "%)");
+      return !props.action.completionrate ? "" : "(".concat(props.action.completionrate, "%)");
     });
+    const onClick = async (event) => {
+      if (props.provider.onClick) {
+        const isClose = await props.provider.onClick(props.action, event);
+        if (isClose) {
+          emit("close");
+        }
+      }
+    };
     return {
       ns,
       showErrorInfo,
       clickable,
       actionstate,
-      progressText
+      progressText,
+      onClick
     };
   },
   render() {
@@ -62,9 +80,10 @@ const AsyncAction = /* @__PURE__ */ vue.defineComponent({
       asyncacitonname,
       begintime,
       stepinfo = "\u8FDB\u884C\u4E2D"
-    } = this.message;
+    } = this.action;
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.clickable ? this.ns.m("clickable") : ""]
+      "class": [this.ns.b(), this.clickable ? this.ns.m("clickable") : ""],
+      "onClick": this.onClick
     }, [vue.createVNode("div", {
       "class": this.ns.b("left")
     }, [vue.createVNode("ion-icon", {
@@ -74,9 +93,9 @@ const AsyncAction = /* @__PURE__ */ vue.defineComponent({
     }, [vue.createVNode("div", {
       "class": this.ns.e("caption")
     }, [asyncacitonname]), this.showErrorInfo && vue.createVNode("div", {
-      "title": this.message.actionresult,
+      "title": this.action.actionresult,
       "class": this.ns.e("error-info")
-    }, [this.message.actionresult]), this.actionstate === 20 ? vue.createVNode("div", {
+    }, [this.action.actionresult]), this.actionstate === 20 ? vue.createVNode("div", {
       "class": this.ns.e("progress")
     }, [stepinfo, this.progressText]) : vue.createVNode("div", {
       "class": this.ns.e("begin-time")
@@ -86,11 +105,11 @@ const AsyncAction = /* @__PURE__ */ vue.defineComponent({
       "type": stateType[this.actionstate]
     }, {
       default: () => [stateTexts[this.actionstate]]
-    })]), this.actionstate === 20 && !!this.message.completionrate && vue.createVNode("div", {
+    })]), this.actionstate === 20 && !!this.action.completionrate && vue.createVNode("div", {
       "class": this.ns.b("loading-warp")
     }, [vue.createVNode("div", {
       "class": this.ns.be("loading-warp", "inner"),
-      "style": "width:".concat(this.message.completionrate, "%;")
+      "style": "width:".concat(this.action.completionrate, "%;")
     }, null)])]);
   }
 });

package/lib/panel-component/user-message/async-action/async-action/async-action.provider.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var lodashEs = require('lodash-es');
 var asyncActionPreview = require('../async-action-preview/async-action-preview.cjs');
 var asyncActionResult = require('../async-action-result/async-action-result.cjs');
+var asyncAction = require('./async-action.cjs');
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -14,9 +15,15 @@ var __publicField = (obj, key, value) => {
 };
 class AsyncActionProvider {
   constructor() {
-    __publicField(this, "component", "IBizAsyncAction");
+    __publicField(this, "component", asyncAction.AsyncAction);
   }
-  onClick(asyncAction, _event) {
+  render(props) {
+    return vue.h(this.component, {
+      provider: this,
+      ...props
+    });
+  }
+  async onClick(asyncAction, _event) {
     if (lodashEs.isNil(asyncAction.actiontype)) {
       ibiz.overlay.modal(
         (modal) => {

package/lib/panel-component/user-message/async-action/async-action-tab/async-action-tab.cjs

@@ -4,11 +4,16 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 require('./async-action-tab.css');
+var core = require('@ibiz-template/core');
 
 "use strict";
 const AsyncActionTab = /* @__PURE__ */ vue.defineComponent({
   name: "IBizAsyncActionTab",
   props: {
+    controller: {
+      type: Object,
+      required: true
+    },
     showPopover: {
       type: Boolean,
       required: true
@@ -21,72 +26,45 @@ const AsyncActionTab = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("async-action-tab");
-    const {
-      appStore
-    } = vue3Util.useAppStore();
-    const showHistoryLength = vue.ref(0);
-    const actualMsgs = vue.computed(() => {
-      const showLength = appStore.recentAsyncActions.length + showHistoryLength.value;
-      return appStore.allAsyncActions.filter((_, index) => {
-        return index < showLength;
-      });
-    });
-    const hiddenHistory = () => {
-      showHistoryLength.value = 0;
-    };
-    const showMoreHistory = () => {
-      showHistoryLength.value += 10;
+    const c = props.controller;
+    const allItems = vue.ref([]);
+    const updateData = () => {
+      allItems.value = core.clone(c.actions);
     };
+    updateData();
+    c.evt.on("dataChange", updateData);
     const hiddenPopover = () => {
       emit("hiddenPopover");
     };
-    vue.watch(() => props.showPopover, (newVal, oldVal) => {
-      if (newVal !== oldVal && newVal === false) {
-        hiddenHistory();
-      }
-    });
     return {
       ns,
-      appStore,
-      actualMsgs,
-      hiddenPopover,
-      hiddenHistory,
-      showMoreHistory
+      allItems,
+      hiddenPopover
     };
   },
   render() {
-    const restLength = this.appStore.allAsyncActions.length - this.actualMsgs.length;
-    const loadMoreText = this.actualMsgs.length === 0 ? "\u67E5\u770B\u5386\u53F2\uFF08".concat(restLength, "\uFF09") : "\u52A0\u8F7D\u66F4\u591A\uFF08".concat(restLength, "\uFF09");
     return vue.createVNode("div", {
       "class": [this.ns.b()]
-    }, [this.actualMsgs.length > 0 && this.actualMsgs.map((msg) => {
+    }, [this.allItems.length > 0 && this.allItems.map((msg) => {
       let provider;
       try {
-        provider = runtime.getAsyncActionProvider(msg.actiontype);
+        provider = runtime.getAsyncActionProvider(msg);
       } catch (error) {
         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
+          action: msg,
+          onClose: this.hiddenPopover
         });
       }
       return vue.createVNode("div", {
         "class": this.ns.e("item")
       }, ["\u5F02\u6B65\u64CD\u4F5C\u7C7B\u578B".concat(msg.actiontype, "\u6682\u672A\u652F\u6301")]);
-    }), this.actualMsgs.length === 0 && vue.createVNode("div", {
+    }), this.allItems.length === 0 && vue.createVNode("div", {
       "class": this.ns.e("nodata")
-    }, [vue.createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && vue.createVNode("div", {
-      "class": this.ns.e("load-more"),
-      "onClick": this.showMoreHistory
-    }, [loadMoreText])]);
+    }, [vue.createTextVNode("\u6682\u65E0\u5F02\u6B65\u64CD\u4F5C")])]);
   }
 });
 

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

@@ -10,20 +10,27 @@ var userMessage_provider = require('./user-message.provider.cjs');
 require('./internal-message/index.cjs');
 var asyncAction = require('./async-action/async-action/async-action.cjs');
 var internalMessageDefault = require('./internal-message/internal-message-default/internal-message-default.cjs');
+var internalMessageJson = require('./internal-message/internal-message-json/internal-message-json.cjs');
 var asyncAction_provider = require('./async-action/async-action/async-action.provider.cjs');
 var internalMessageDefault_provider = require('./internal-message/internal-message-default/internal-message-default.provider.cjs');
+var internalMessageJson_provider = require('./internal-message/internal-message-json/internal-message-json.provider.cjs');
 
 "use strict";
 const IBizUserMessage = vue3Util.withInstall(userMessage.UserMessage, function(v) {
   v.component(userMessage.UserMessage.name, userMessage.UserMessage);
   v.component(asyncAction.AsyncAction.name, asyncAction.AsyncAction);
   v.component(internalMessageDefault.InternalMessageDefault.name, internalMessageDefault.InternalMessageDefault);
+  v.component(internalMessageJson.InternalMessageJSON.name, internalMessageJson.InternalMessageJSON);
   runtime.registerAsyncActionProvider("DEIMPORTDATA2", () => new asyncAction_provider.AsyncActionProvider());
   runtime.registerAsyncActionProvider("DEFAULT", () => new asyncAction_provider.AsyncActionProvider());
   runtime.registerInternalMessageProvider(
     "DEFAULT",
     () => new internalMessageDefault_provider.InternalMessageDefaultProvider()
   );
+  runtime.registerInternalMessageProvider(
+    "JSON",
+    () => new internalMessageJson_provider.InternalMessageJSONtProvider()
+  );
   runtime.registerPanelItemProvider(
     "RAWITEM_USERMESSAGE",
     () => new userMessage_provider.UserMessageProvider()

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
+    });
   }
 }