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

package/lib/panel-component/index.cjs

@@ -20,6 +20,7 @@ var index$e = require('./panel-remember-me/index.cjs');
 var index$7 = require('./index-actions/index.cjs');
 var index$f = require('./user-message/index.cjs');
 var index$g = require('./searchform-buttons/index.cjs');
+var index$h = require('./view-message/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -59,6 +60,7 @@ const IBizPanelComponents = {
     v.use(vue3Util.IBizPanelContainerImage);
     v.use(index$g.IBizSearchFormButtons);
     v.use(vue3Util.IBizPanelItemRender);
+    v.use(index$h.IBizViewMessage);
   }
 };
 

package/lib/panel-component/panel-app-login-view/panel-app-login-view.cjs

@@ -31,9 +31,25 @@ const PanelAppLoginView = /* @__PURE__ */ vue.defineComponent({
       result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
       return result;
     });
+    const cssVars = vue.computed(() => {
+      let styles = {};
+      const pathName = window.location.pathname;
+      if (pathName) {
+        const lastIndex = pathName.lastIndexOf("/");
+        if (lastIndex !== -1) {
+          const path = pathName.substring(0, lastIndex + 1);
+          styles = {
+            "header-url": "url('".concat(path, "assets/images/login-header.png')"),
+            "avatar-url": "url('".concat(path, "assets/images/login-avatar.png')")
+          };
+        }
+      }
+      return ns.cssVarBlock(styles);
+    });
     return {
       ns,
-      classArr
+      classArr,
+      cssVars
     };
   },
   render() {
@@ -59,6 +75,7 @@ const PanelAppLoginView = /* @__PURE__ */ vue.defineComponent({
     });
     return vue.createVNode("div", {
       "class": this.classArr,
+      "style": this.cssVars,
       "onClick": () => {
         this.controller.onClick();
       }

package/lib/panel-component/panel-app-login-view/panel-app-login-view.css

@@ -1 +1 @@
-.ibiz-panel-app-login-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-panel-app-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-panel-app-login-view .el-button{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-panel-app-login-view .ibiz-panel-container--container1{width:430px;margin-bottom:80px}.ibiz-panel-app-login-view .ibiz-panel-container--container4{position:relative;height:150px;background:url(assets/images/login-header.png);background-size:100% 100%}.ibiz-panel-app-login-view .ibiz-panel-container--container4 .ibiz-rawitem{position:absolute;top:28%;left:50%;height:auto;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.54);transform:translateX(-50%)}.ibiz-panel-app-login-view .ibiz-panel-container--container5{position:relative;height:380px;padding:100px 40px 40px;background:#fff}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__prefix{width:20px;margin-left:-1px}.ibiz-panel-app-login-view .ibiz-panel-container--container5 ion-icon{font-size:16px}.ibiz-panel-app-login-view .ibiz-panel-container--container6{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:url(assets/images/login-avatar.png);background-size:100% 100%;border:4px solid #fff;border-radius:50%}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>*+*{margin-left:10px}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>.ibiz-col{flex:1}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button{width:100%;padding:0}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button .el-button{font-weight:300;letter-spacing:2px}
+.ibiz-panel-app-login-view{--ibiz-panel-app-login-view-header-url:url("/assets/images/login-header.png");--ibiz-panel-app-login-view-avatar-url:url("/assets/images/login-avatar.png");display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-panel-app-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-panel-app-login-view .el-button{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-panel-app-login-view .ibiz-panel-container--container1{width:430px;margin-bottom:80px}.ibiz-panel-app-login-view .ibiz-panel-container--container4{position:relative;height:150px;background:var(--ibiz-panel-app-login-view-header-url);background-size:100% 100%}.ibiz-panel-app-login-view .ibiz-panel-container--container4 .ibiz-rawitem{position:absolute;top:28%;left:50%;height:auto;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.54);transform:translateX(-50%)}.ibiz-panel-app-login-view .ibiz-panel-container--container5{position:relative;height:380px;padding:100px 40px 40px;background:#fff}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__prefix{width:20px;margin-left:-1px}.ibiz-panel-app-login-view .ibiz-panel-container--container5 ion-icon{font-size:16px}.ibiz-panel-app-login-view .ibiz-panel-container--container6{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--ibiz-panel-app-login-view-avatar-url);background-size:100% 100%;border:4px solid #fff;border-radius:50%}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>*+*{margin-left:10px}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>.ibiz-col{flex:1}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button{width:100%;padding:0}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button .el-button{font-weight:300;letter-spacing:2px}

package/lib/panel-component/panel-button/panel-button.cjs

@@ -29,12 +29,18 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       showCaption,
       sysImage,
       codeName,
-      itemStyle
+      itemStyle,
+      tooltip,
+      buttonCssStyle
     } = props.modelData;
     const {
       panel,
       state
     } = props.controller;
+    const tempStyle = vue.ref("");
+    if (buttonCssStyle) {
+      tempStyle.value = buttonCssStyle;
+    }
     const captionText = vue.computed(() => {
       if (captionItemName && panel.data) {
         return panel.data[captionItemName.toLowerCase()];
@@ -84,16 +90,21 @@ const PanelButton = /* @__PURE__ */ vue.defineComponent({
       sysImage,
       codeName,
       state,
-      handleButtonClick
+      tooltip,
+      handleButtonClick,
+      buttonCssStyle,
+      tempStyle
     };
   },
   render() {
     if (this.state.visible) {
       return vue.createVNode("div", {
-        "class": [this.ns.b(), this.ns.m(this.codeName), this.ns.is("loading", this.state.loading), ...this.controller.containerClass]
+        "class": [this.ns.b(), this.ns.m(this.codeName), this.ns.is("loading", this.state.loading), ...this.controller.containerClass],
+        "style": this.tempStyle
       }, [vue.createVNode(vue.resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
+        "title": this.tooltip,
         "disabled": this.state.disabled,
         "loading": this.state.loading,
         "onClick": this.handleButtonClick

package/lib/panel-component/searchform-buttons/searchform-buttons.cjs

@@ -3,7 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./searchform-buttons.css');
-var ElementPlus = require('element-plus');
+var elementPlus = require('element-plus');
 var searchformButtons_controller = require('./searchform-buttons.controller.cjs');
 
 "use strict";
@@ -29,7 +29,7 @@ const SearchFormButtons = /* @__PURE__ */ vue.defineComponent({
       c.onResetButtonClick();
     };
     const saveFilterConfirm = () => {
-      ElementPlus.ElMessageBox.prompt("\u8BF7\u8F93\u5165\u8981\u5B58\u50A8\u7684\u81EA\u5B9A\u4E49\u67E5\u8BE2\u540D\u79F0\uFF1A", "\u5B58\u50A8\u81EA\u5B9A\u4E49\u67E5\u8BE2", {
+      elementPlus.ElMessageBox.prompt("\u8BF7\u8F93\u5165\u8981\u5B58\u50A8\u7684\u81EA\u5B9A\u4E49\u67E5\u8BE2\u540D\u79F0\uFF1A", "\u5B58\u50A8\u81EA\u5B9A\u4E49\u67E5\u8BE2", {
         confirmButtonText: "\u4FDD\u5B58",
         cancelButtonText: "\u53D6\u6D88"
       }).then(({

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

@@ -7,23 +7,17 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./async-action/index.cjs');
 var userMessage = require('./user-message.cjs');
 var userMessage_provider = require('./user-message.provider.cjs');
-require('./internal-message/index.cjs');
+var index = 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 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');
 
 "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);
   runtime.registerAsyncActionProvider("DEIMPORTDATA2", () => new asyncAction_provider.AsyncActionProvider());
   runtime.registerAsyncActionProvider("DEFAULT", () => new asyncAction_provider.AsyncActionProvider());
-  runtime.registerInternalMessageProvider(
-    "DEFAULT",
-    () => new internalMessageDefault_provider.InternalMessageDefaultProvider()
-  );
+  index.installInternalMessage(v);
   runtime.registerPanelItemProvider(
     "RAWITEM_USERMESSAGE",
     () => new userMessage_provider.UserMessageProvider()

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

@@ -0,0 +1,11 @@
+'use strict';
+
+var internalMessageContainer = require('./internal-message-container/internal-message-container.cjs');
+var internalMessageDefault = require('./internal-message-default/internal-message-default.cjs');
+var internalMessageDefault_provider = require('./internal-message-default/internal-message-default.provider.cjs');
+
+"use strict";
+
+exports.InternalMessageContainer = internalMessageContainer.InternalMessageContainer;
+exports.InternalMessageDefault = internalMessageDefault.InternalMessageDefault;
+exports.InternalMessageDefaultProvider = internalMessageDefault_provider.InternalMessageDefaultProvider;

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

@@ -0,0 +1,101 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./internal-message-container.css');
+
+"use strict";
+const InternalMessageContainer = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizInternalMessageContainer",
+  props: {
+    message: {
+      type: Object,
+      required: true
+    },
+    provider: {
+      type: Object,
+      required: true
+    },
+    clickable: {
+      type: Boolean,
+      default: void 0
+    },
+    toolbarItems: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: {
+    toolbarClick: (_key) => true,
+    close: () => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("internal-message-container");
+    const isUnread = vue.computed(() => {
+      return props.message.status === "RECEIVED";
+    });
+    const finalToolbarItems = vue.computed(() => {
+      const toolbarItems = [...props.toolbarItems];
+      if (isUnread.value) {
+        toolbarItems.push({
+          key: "read",
+          icon: "checkmark-done-outline",
+          tooltip: "\u6807\u8BB0\u4E3A\u5DF2\u8BFB"
+        });
+      }
+      return toolbarItems;
+    });
+    const onToolbarClick = (event, key) => {
+      event.stopPropagation();
+      if (key === "read") {
+        ibiz.hub.notice.internalMessage.markRead(props.message);
+      } else {
+        emit("toolbarClick", key);
+      }
+    };
+    const isClickable = vue.computed(() => {
+      if (props.clickable === void 0) {
+        return ibiz.env.isMob ? !!props.message.mobile_url : !!props.message.url;
+      }
+      return props.clickable;
+    });
+    const onClick = async (event) => {
+      if (isClickable.value && props.provider.onClick) {
+        const isClose = await props.provider.onClick(props.message, event);
+        if (isClose) {
+          emit("close");
+        }
+      }
+    };
+    return {
+      ns,
+      isUnread,
+      isClickable,
+      finalToolbarItems,
+      onToolbarClick,
+      onClick
+    };
+  },
+  render() {
+    var _a, _b;
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.isClickable ? this.ns.m("clickable") : "", this.isUnread ? this.ns.m("unread") : ""],
+      "onClick": this.onClick
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), vue.createVNode("div", {
+      "class": this.ns.b("toolbar")
+    }, [this.finalToolbarItems.map((item) => {
+      return vue.createVNode("ion-icon", {
+        "class": this.ns.be("toolbar", "button"),
+        "name": item.icon,
+        "title": item.tooltip,
+        "onClick": (e) => this.onToolbarClick(e, item.key)
+      }, null);
+    })]), vue.createVNode("div", {
+      "class": this.ns.e("unread-tag")
+    }, null)]);
+  }
+});
+
+exports.InternalMessageContainer = InternalMessageContainer;

package/lib/panel-component/user-message/internal-message/common/internal-message-container/internal-message-container.css

@@ -0,0 +1 @@
+.ibiz-internal-message-container{position:relative}.ibiz-internal-message-container--clickable{cursor:pointer}.ibiz-internal-message-container__unread-tag{position:absolute;top:8px;right:8px;display:none;align-self:flex-start;width:10px;height:10px;background-color:var(--ibiz-color-danger);border-radius:50%}.ibiz-internal-message-container--unread .ibiz-internal-message-container__unread-tag{display:block}.ibiz-internal-message-container--unread:hover .ibiz-internal-message-container__unread-tag{display:none}.ibiz-internal-message-container-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-container-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-container-toolbar__button:hover{color:var(--ibiz-color-primary)}

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

@@ -0,0 +1,83 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./internal-message-default.css');
+
+"use strict";
+const stateTexts = {
+  READ: "\u5DF2\u9605\u8BFB",
+  SENT: "\u5DF2\u53D1\u9001",
+  RECEIVED: "\u5DF2\u63A5\u6536",
+  REPLIED: "\u5DF2\u56DE\u590D",
+  SEND_FAILED: "\u53D1\u9001\u5931\u8D25",
+  NOT_SENT: "\u672A\u53D1\u9001",
+  DELETED: "\u5DF2\u5220\u9664"
+};
+const stateType = {
+  READ: "",
+  SENT: "success",
+  RECEIVED: "success",
+  REPLIED: "warning",
+  SEND_FAILED: "danger",
+  NOT_SENT: "info",
+  DELETED: "info"
+};
+const InternalMessageDefault = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizInternalMessageDefault",
+  props: {
+    message: {
+      type: Object,
+      required: true
+    },
+    provider: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    close: () => true
+  },
+  setup() {
+    const ns = vue3Util.useNamespace("internal-message");
+    return {
+      ns
+    };
+  },
+  render() {
+    const {
+      title,
+      create_time,
+      short_content,
+      status
+    } = this.message;
+    const content = vue.createVNode("div", {
+      "class": this.ns.e("short-content")
+    }, [short_content]);
+    return vue.createVNode(vue.resolveComponent("iBizInternalMessageContainer"), {
+      "class": [this.ns.b()],
+      "message": this.message,
+      "provider": this.provider,
+      "onClose": () => this.$emit("close")
+    }, {
+      default: () => [vue.createVNode("div", {
+        "class": this.ns.b("left")
+      }, [vue.createVNode("ion-icon", {
+        "name": "list-outline"
+      }, null)]), vue.createVNode("div", {
+        "class": this.ns.b("center")
+      }, [vue.createVNode("div", {
+        "class": this.ns.e("caption")
+      }, [vue.createVNode(vue.resolveComponent("el-tag"), {
+        "class": this.ns.e("status"),
+        "type": stateType[status]
+      }, {
+        default: () => [stateTexts[status]]
+      }), title]), content, vue.createVNode("div", {
+        "class": this.ns.e("create-time")
+      }, [create_time])])]
+    });
+  }
+});
+
+exports.InternalMessageDefault = InternalMessageDefault;

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

@@ -0,0 +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}.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-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}

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

@@ -0,0 +1,68 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+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;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class InternalMessageDefaultProvider {
+  constructor() {
+    __publicField(this, "component", internalMessageDefault.InternalMessageDefault);
+  }
+  render(props) {
+    return vue.h(this.component, {
+      provider: this,
+      ...props
+    });
+  }
+  async onClick(message, _event) {
+    await ibiz.hub.notice.internalMessage.markRead(message);
+    const redirectUrl = ibiz.env.isMob ? message.mobile_url : message.url;
+    if (redirectUrl) {
+      this.openRedirectView(message, redirectUrl);
+      return true;
+    }
+    return false;
+  }
+  /**
+   * 解析url并打开对应视图，打开视图前会先标记已读
+   * @author lxm
+   * @date 2024-02-02 11:56:07
+   * @param {IInternalMessage} msg
+   * @param {string} redirectUrl
+   * @return {*}  {Promise<void>}
+   */
+  async openRedirectView(msg, redirectUrl) {
+    await ibiz.hub.notice.internalMessage.markRead(msg);
+    let viewId = "";
+    const params = {};
+    const url = new URL(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
+    );
+  }
+}
+
+exports.InternalMessageDefaultProvider = InternalMessageDefaultProvider;