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

package/es/panel-component/user-message/async-action/async-action/async-action.provider.d.ts

@@ -1,6 +1,39 @@
 import { IPortalAsyncAction } from '@ibiz-template/core';
 import { IAsyncActionProvider } from '@ibiz-template/runtime';
+import { VNode } from 'vue';
 export declare class AsyncActionProvider implements IAsyncActionProvider {
-    component: string;
-    onClick(asyncAction: IPortalAsyncAction, _event: MouseEvent): boolean;
+    component: import("vue").DefineComponent<{
+        action: {
+            type: import("vue").PropType<IPortalAsyncAction>;
+            required: true;
+        };
+        provider: {
+            type: import("vue").PropType<IAsyncActionProvider>;
+            required: true;
+        };
+    }, {
+        ns: import("@ibiz-template/core").Namespace;
+        showErrorInfo: import("vue").ComputedRef<boolean | "">;
+        clickable: import("vue").ComputedRef<boolean>;
+        actionstate: import("vue").ComputedRef<10 | 20 | 30 | 40>;
+        progressText: import("vue").ComputedRef<string>;
+        onClick: (event: MouseEvent) => Promise<void>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: import("vue").PropType<IPortalAsyncAction>;
+            required: true;
+        };
+        provider: {
+            type: import("vue").PropType<IAsyncActionProvider>;
+            required: true;
+        };
+    }>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    render(props: IData & {
+        action: IPortalAsyncAction;
+    }): VNode;
+    onClick(asyncAction: IPortalAsyncAction, _event: MouseEvent): Promise<boolean>;
 }

package/es/panel-component/user-message/async-action/async-action/async-action.provider.mjs

@@ -2,6 +2,7 @@ import { h } from 'vue';
 import { isNil, isObject } from 'lodash-es';
 import { AsyncActionPreview } from '../async-action-preview/async-action-preview.mjs';
 import { AsyncActionResult } from '../async-action-result/async-action-result.mjs';
+import { AsyncAction } from './async-action.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -12,9 +13,15 @@ var __publicField = (obj, key, value) => {
 };
 class AsyncActionProvider {
   constructor() {
-    __publicField(this, "component", "IBizAsyncAction");
+    __publicField(this, "component", AsyncAction);
   }
-  onClick(asyncAction, _event) {
+  render(props) {
+    return h(this.component, {
+      provider: this,
+      ...props
+    });
+  }
+  async onClick(asyncAction, _event) {
     if (isNil(asyncAction.actiontype)) {
       ibiz.overlay.modal(
         (modal) => {

package/es/panel-component/user-message/async-action/async-action-tab/async-action-tab.d.ts

@@ -1,60 +1,18 @@
+import { PropType } from 'vue';
+import { IAsyncActionController } from '@ibiz-template/runtime';
 import './async-action-tab.scss';
 export declare const AsyncActionTab: import("vue").DefineComponent<{
+    controller: {
+        type: PropType<IAsyncActionController>;
+        required: true;
+    };
     showPopover: {
         type: BooleanConstructor;
         required: true;
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    appStore: {
-        allAsyncActions: {
-            asyncacitonid: string;
-            asyncacitonname: string;
-            fulltopictag: string;
-            srfdcid: string;
-            dcsystemid: string;
-            actiontype: string;
-            actionstate: 10 | 20 | 30 | 40;
-            actionresult?: unknown;
-            stepinfo?: string | undefined;
-            completionrate?: number | undefined;
-            asyncresultdownloadurl?: string | undefined;
-            actionparam?: unknown;
-            actionparam2?: unknown;
-            actionparam3?: unknown;
-            actionparam4?: unknown;
-            begintime: string;
-            endtime: string;
-            createman: string;
-            createdate: string;
-            updateman: string;
-            updatedate: string;
-        }[];
-        recentAsyncActions: {
-            asyncacitonid: string;
-            asyncacitonname: string;
-            fulltopictag: string;
-            srfdcid: string;
-            dcsystemid: string;
-            actiontype: string;
-            actionstate: 10 | 20 | 30 | 40;
-            actionresult?: unknown;
-            stepinfo?: string | undefined;
-            completionrate?: number | undefined;
-            asyncresultdownloadurl?: string | undefined;
-            actionparam?: unknown;
-            actionparam2?: unknown;
-            actionparam3?: unknown;
-            actionparam4?: unknown;
-            begintime: string;
-            endtime: string;
-            createman: string;
-            createdate: string;
-            updateman: string;
-            updatedate: string;
-        }[];
-    };
-    actualMsgs: import("vue").ComputedRef<{
+    allItems: import("vue").Ref<{
         asyncacitonid: string;
         asyncacitonname: string;
         fulltopictag: string;
@@ -78,11 +36,13 @@ export declare const AsyncActionTab: import("vue").DefineComponent<{
         updatedate: string;
     }[]>;
     hiddenPopover: () => void;
-    hiddenHistory: () => void;
-    showMoreHistory: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     hiddenPopover: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: PropType<IAsyncActionController>;
+        required: true;
+    };
     showPopover: {
         type: BooleanConstructor;
         required: true;

package/es/panel-component/user-message/async-action/async-action-tab/async-action-tab.mjs

@@ -1,12 +1,17 @@
-import { ref, computed, watch, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
-import { useNamespace, useAppStore } from '@ibiz-template/vue3-util';
+import { ref, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
 import { getAsyncActionProvider } from '@ibiz-template/runtime';
 import './async-action-tab.css';
+import { clone } from '@ibiz-template/core';
 
 "use strict";
 const AsyncActionTab = /* @__PURE__ */ defineComponent({
   name: "IBizAsyncActionTab",
   props: {
+    controller: {
+      type: Object,
+      required: true
+    },
     showPopover: {
       type: Boolean,
       required: true
@@ -19,72 +24,45 @@ const AsyncActionTab = /* @__PURE__ */ defineComponent({
     emit
   }) {
     const ns = useNamespace("async-action-tab");
-    const {
-      appStore
-    } = useAppStore();
-    const showHistoryLength = ref(0);
-    const actualMsgs = 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 = ref([]);
+    const updateData = () => {
+      allItems.value = clone(c.actions);
     };
+    updateData();
+    c.evt.on("dataChange", updateData);
     const hiddenPopover = () => {
       emit("hiddenPopover");
     };
-    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 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 = getAsyncActionProvider(msg.actiontype);
+        provider = getAsyncActionProvider(msg);
       } catch (error) {
         ibiz.log.error(error);
       }
       if (provider) {
-        return h(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 createVNode("div", {
         "class": this.ns.e("item")
       }, ["\u5F02\u6B65\u64CD\u4F5C\u7C7B\u578B".concat(msg.actiontype, "\u6682\u672A\u652F\u6301")]);
-    }), this.actualMsgs.length === 0 && createVNode("div", {
+    }), this.allItems.length === 0 && createVNode("div", {
       "class": this.ns.e("nodata")
-    }, [createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && createVNode("div", {
-      "class": this.ns.e("load-more"),
-      "onClick": this.showMoreHistory
-    }, [loadMoreText])]);
+    }, [createTextVNode("\u6682\u65E0\u5F02\u6B65\u64CD\u4F5C")])]);
   }
 });
 

package/es/panel-component/user-message/index.d.ts

@@ -10,6 +10,7 @@ export declare const IBizUserMessage: import("@ibiz-template/vue3-util").TypeWit
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    noticeController: import("@ibiz-template/runtime").INoticeController;
     noticeNum: import("vue").Ref<number>;
     popoverRef: import("vue").Ref<any>;
     showPopover: import("vue").Ref<boolean>;

package/es/panel-component/user-message/index.mjs

@@ -6,20 +6,27 @@ import { UserMessageProvider } from './user-message.provider.mjs';
 import './internal-message/index.mjs';
 import { AsyncAction } from './async-action/async-action/async-action.mjs';
 import { InternalMessageDefault } from './internal-message/internal-message-default/internal-message-default.mjs';
+import { InternalMessageJSON } from './internal-message/internal-message-json/internal-message-json.mjs';
 import { AsyncActionProvider } from './async-action/async-action/async-action.provider.mjs';
 import { InternalMessageDefaultProvider } from './internal-message/internal-message-default/internal-message-default.provider.mjs';
+import { InternalMessageJSONtProvider } from './internal-message/internal-message-json/internal-message-json.provider.mjs';
 
 "use strict";
 const IBizUserMessage = withInstall(UserMessage, function(v) {
   v.component(UserMessage.name, UserMessage);
   v.component(AsyncAction.name, AsyncAction);
   v.component(InternalMessageDefault.name, InternalMessageDefault);
+  v.component(InternalMessageJSON.name, InternalMessageJSON);
   registerAsyncActionProvider("DEIMPORTDATA2", () => new AsyncActionProvider());
   registerAsyncActionProvider("DEFAULT", () => new AsyncActionProvider());
   registerInternalMessageProvider(
     "DEFAULT",
     () => new InternalMessageDefaultProvider()
   );
+  registerInternalMessageProvider(
+    "JSON",
+    () => new InternalMessageJSONtProvider()
+  );
   registerPanelItemProvider(
     "RAWITEM_USERMESSAGE",
     () => new UserMessageProvider()

package/es/panel-component/user-message/internal-message/index.d.ts

@@ -1,3 +1,5 @@
 export { InternalMessageTab } from './internal-message-tab/internal-message-tab';
 export { InternalMessageDefaultProvider } from './internal-message-default/internal-message-default.provider';
 export { InternalMessageDefault } from './internal-message-default/internal-message-default';
+export { InternalMessageJSONtProvider } from './internal-message-json/internal-message-json.provider';
+export { InternalMessageJSON } from './internal-message-json/internal-message-json';

package/es/panel-component/user-message/internal-message/index.mjs

@@ -1,5 +1,7 @@
 export { InternalMessageTab } from './internal-message-tab/internal-message-tab.mjs';
 export { InternalMessageDefaultProvider } from './internal-message-default/internal-message-default.provider.mjs';
 export { InternalMessageDefault } from './internal-message-default/internal-message-default.mjs';
+export { InternalMessageJSONtProvider } from './internal-message-json/internal-message-json.provider.mjs';
+export { InternalMessageJSON } from './internal-message-json/internal-message-json.mjs';
 
 "use strict";

package/es/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-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/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.mjs

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

package/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.provider.d.ts

@@ -1,6 +1,22 @@
-import { IInternalMessage } from '@ibiz-template/core/src/interface';
+import { IInternalMessage } from '@ibiz-template/core';
 import { IInternalMessageProvider } from '@ibiz-template/runtime';
+import { VNode } from 'vue';
 export declare class InternalMessageDefaultProvider implements IInternalMessageProvider {
-    component: string;
-    onClick(_msg: IInternalMessage, _event: MouseEvent): boolean;
+    component: import("vue").DefineComponent<{
+        message: {
+            type: import("vue").PropType<IInternalMessage>;
+            required: true;
+        };
+    }, {
+        ns: import("@ibiz-template/core").Namespace;
+        clickable: import("vue").ComputedRef<boolean>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        message: {
+            type: import("vue").PropType<IInternalMessage>;
+            required: true;
+        };
+    }>>, {}, {}>;
+    render(props: IData & {
+        message: IInternalMessage;
+    }): VNode;
 }

package/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.provider.mjs

@@ -1,3 +1,6 @@
+import { h } from 'vue';
+import { InternalMessageDefault } from './internal-message-default.mjs';
+
 "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;
@@ -7,10 +10,13 @@ var __publicField = (obj, key, value) => {
 };
 class InternalMessageDefaultProvider {
   constructor() {
-    __publicField(this, "component", "IBizInternalMessageDefault");
+    __publicField(this, "component", InternalMessageDefault);
   }
-  onClick(_msg, _event) {
-    return false;
+  render(props) {
+    return h(this.component, {
+      provider: this,
+      ...props
+    });
   }
 }
 

package/es/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__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/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+import { IInternalMessage } from '@ibiz-template/core';
+import './internal-message-json.scss';
+import { IInternalMessageProvider } from '@ibiz-template/runtime';
+export declare const InternalMessageJSON: import("vue").DefineComponent<{
+    message: {
+        type: PropType<IInternalMessage>;
+        required: true;
+    };
+    provider: {
+        type: PropType<IInternalMessageProvider>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    clickable: import("vue").ComputedRef<boolean>;
+    jsonContent: import("vue").ComputedRef<{
+        html?: string | undefined;
+        redirecturl?: string | undefined;
+    } | null>;
+    onClick: (event: MouseEvent) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: PropType<IInternalMessage>;
+        required: true;
+    };
+    provider: {
+        type: PropType<IInternalMessageProvider>;
+        required: true;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+}, {}, {}>;

package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.mjs

@@ -0,0 +1,80 @@
+import { computed, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './internal-message-json.css';
+
+"use strict";
+const InternalMessageJSON = /* @__PURE__ */ defineComponent({
+  name: "IBizInternalMessageJSON",
+  props: {
+    message: {
+      type: Object,
+      required: true
+    },
+    provider: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    close: () => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("internal-message-json");
+    const jsonContent = computed(() => {
+      if (props.message.short_content && props.message.content_type === "JSON") {
+        return JSON.parse(props.message.short_content);
+      }
+      return null;
+    });
+    const clickable = 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 = createVNode("div", {
+        "class": this.ns.e("content"),
+        "innerHTML": this.jsonContent.html
+      }, null);
+    } else {
+      content = createVNode("div", {
+        "class": this.ns.e("content")
+      }, [createTextVNode("\u6570\u636E\u7684short_content\u91CC\u7F3A\u5C11html")]);
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.clickable ? this.ns.m("clickable") : ""],
+      "onClick": this.onClick
+    }, [content, createVNode("div", {
+      "class": this.ns.b("toolbar")
+    }, [createVNode("ion-icon", {
+      "class": this.ns.be("toolbar", "button"),
+      "name": "timer-outline",
+      "title": "\u7A0D\u540E\u5904\u7406"
+    }, null), createVNode("ion-icon", {
+      "class": this.ns.be("toolbar", "button"),
+      "name": "checkmark-done-outline",
+      "title": "\u5DF2\u8BFB"
+    }, null)])]);
+  }
+});
+
+export { InternalMessageJSON };

package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.d.ts

@@ -0,0 +1,40 @@
+import { IInternalMessage } from '@ibiz-template/core/src/interface';
+import { IInternalMessageProvider } from '@ibiz-template/runtime';
+import { VNode } from 'vue';
+export declare class InternalMessageJSONtProvider implements IInternalMessageProvider {
+    component: import("vue").DefineComponent<{
+        message: {
+            type: import("vue").PropType<import("@ibiz-template/core").IInternalMessage>;
+            required: true;
+        };
+        provider: {
+            type: import("vue").PropType<IInternalMessageProvider>;
+            required: true;
+        };
+    }, {
+        ns: import("@ibiz-template/core").Namespace;
+        clickable: import("vue").ComputedRef<boolean>;
+        jsonContent: import("vue").ComputedRef<{
+            html?: string | undefined;
+            redirecturl?: string | undefined;
+        } | null>;
+        onClick: (event: MouseEvent) => Promise<void>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        message: {
+            type: import("vue").PropType<import("@ibiz-template/core").IInternalMessage>;
+            required: true;
+        };
+        provider: {
+            type: import("vue").PropType<IInternalMessageProvider>;
+            required: true;
+        };
+    }>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    render(props: IData & {
+        message: IInternalMessage;
+    }): VNode;
+    onClick(msg: IInternalMessage, _event: MouseEvent): Promise<boolean>;
+}

package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.provider.mjs

@@ -0,0 +1,55 @@
+import { IBizContext } from '@ibiz-template/core';
+import { OpenAppViewCommand } from '@ibiz-template/runtime';
+import { h } from 'vue';
+import { InternalMessageJSON } from './internal-message-json.mjs';
+
+"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);
+  }
+  render(props) {
+    return 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(
+          OpenAppViewCommand.TAG,
+          viewId,
+          IBizContext.create({}),
+          params
+        );
+        return true;
+      }
+    }
+    return false;
+  }
+}
+
+export { InternalMessageJSONtProvider };

package/es/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/es/panel-component/user-message/internal-message/internal-message-tab/internal-message-tab.d.ts

@@ -1,5 +1,11 @@
+import { PropType } from 'vue';
+import { IInternalMessageController } from '@ibiz-template/runtime';
 import './internal-message-tab.scss';
 export declare const InternalMessageTab: import("vue").DefineComponent<{
+    controller: {
+        type: PropType<IInternalMessageController>;
+        required: true;
+    };
     showPopover: {
         type: BooleanConstructor;
         required: true;
@@ -25,7 +31,6 @@ export declare const InternalMessageTab: import("vue").DefineComponent<{
     }[]>;
     state: {
         total: number;
-        curPage: number;
         pageSize: number;
     };
     hiddenPopover: () => void;
@@ -33,6 +38,10 @@ export declare const InternalMessageTab: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     hiddenPopover: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: PropType<IInternalMessageController>;
+        required: true;
+    };
     showPopover: {
         type: BooleanConstructor;
         required: true;