@ibiz-template/vue3-components 0.7.10 → 0.7.12

package/es/panel-component/panel-tab-panel/panel-tab-panel.state.d.ts

@@ -0,0 +1,20 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 分页面板状态
+ *
+ * @author tony001
+ * @date 2024-05-12 14:05:01
+ * @export
+ * @class PanelTabPanelState
+ * @extends {PanelItemState}
+ */
+export declare class PanelTabPanelState extends PanelItemState {
+    /**
+     * 当前激活分页
+     *
+     * @author tony001
+     * @date 2024-05-12 14:05:36
+     * @type {string}
+     */
+    activeTab: string;
+}

package/es/panel-component/panel-tab-panel/panel-tab-panel.state.mjs

@@ -0,0 +1,24 @@
+import { PanelItemState } from '@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 PanelTabPanelState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 当前激活分页
+     *
+     * @author tony001
+     * @date 2024-05-12 14:05:36
+     * @type {string}
+     */
+    __publicField(this, "activeTab", "");
+  }
+}
+
+export { PanelTabPanelState };

package/es/panel-component/searchform-buttons/searchform-buttons.controller.mjs

@@ -43,7 +43,9 @@ class SearchFormButtonsController extends PanelItemController {
     await super.onInit();
     const searchFrom = this.panel.container;
     if (!searchFrom) {
-      throw new RuntimeError("\u5F53\u524D\u89C6\u56FE\u91CC\u6CA1\u6709\u627E\u5230\u53EBsearchform\u7684\u641C\u7D22\u8868\u5355");
+      throw new RuntimeError(
+        ibiz.i18n.t("panelComponent.searchformButtons.errMessage")
+      );
     }
     this.searchFrom = searchFrom;
   }

package/es/panel-component/searchform-buttons/searchform-buttons.mjs

@@ -1,10 +1,13 @@
-import { resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './searchform-buttons.css';
 import { ElMessageBox } from 'element-plus';
 import { SearchFormButtonsController } from './searchform-buttons.controller.mjs';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 const SearchFormButtons = /* @__PURE__ */ defineComponent({
   name: "IBizSearchFormButtons",
   props: {
@@ -27,9 +30,9 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
       c.onResetButtonClick();
     };
     const saveFilterConfirm = () => {
-      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"
+      ElMessageBox.prompt(ibiz.i18n.t("panelComponent.searchformButtons.enterPrompt"), ibiz.i18n.t("panelComponent.searchformButtons.queryPrompt"), {
+        confirmButtonText: ibiz.i18n.t("app.save"),
+        cancelButtonText: ibiz.i18n.t("app.cancel")
       }).then(({
         value
       }) => {
@@ -45,12 +48,13 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    let _slot;
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
     }, [this.controller.searchButtonStyle === "SEARCHONLY" ? createVNode(resolveComponent("el-button"), {
       "onClick": this.onSearchButtonClick
-    }, {
-      default: () => [createTextVNode("\u641C\u7D22")]
+    }, _isSlot(_slot = ibiz.i18n.t("app.search")) ? _slot : {
+      default: () => [_slot]
     }) : createVNode(resolveComponent("el-dropdown"), {
       "split-button": true,
       "type": "primary",
@@ -58,17 +62,18 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
     }, {
       default: () => createVNode("span", {
         "class": this.ns.b("label")
-      }, [createTextVNode("\u641C\u7D22")]),
+      }, [ibiz.i18n.t("app.search")]),
       dropdown: () => {
+        let _slot2, _slot3;
         return createVNode(resolveComponent("el-dropdown-menu"), null, {
           default: () => [createVNode(resolveComponent("el-dropdown-item"), {
             "onClick": this.onResetButtonClick
-          }, {
-            default: () => [createTextVNode("\u91CD\u7F6E")]
+          }, _isSlot(_slot2 = ibiz.i18n.t("app.reset")) ? _slot2 : {
+            default: () => [_slot2]
           }), createVNode(resolveComponent("el-dropdown-item"), {
             "onClick": this.saveFilterConfirm
-          }, {
-            default: () => [createTextVNode("\u4FDD\u5B58\u6761\u4EF6")]
+          }, _isSlot(_slot3 = ibiz.i18n.t("panelComponent.searchformButtons.saveCondition")) ? _slot3 : {
+            default: () => [_slot3]
           }), this.controller.storedFilters.length > 0 && this.controller.storedFilters.map((item, index) => {
             return createVNode(resolveComponent("el-dropdown-item"), {
               "class": this.ns.b("filter-item"),

package/es/panel-component/short-cut/index.d.ts

@@ -0,0 +1,43 @@
+export declare const IBizShortCut: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    data: import("vue").Ref<{
+        key: string;
+        name: string;
+        appViewId: string;
+        context: {
+            [x: string]: any;
+            [x: symbol]: any;
+            srfsessionid: string;
+            srfappid: string;
+            srfsimple?: boolean | undefined;
+            srfpaginationviewid?: string | undefined;
+        };
+        params: IParams;
+        openMode: string;
+        icon?: string | undefined;
+    }[]>;
+    isShowToolbar: import("vue").Ref<boolean>;
+    onChange: (evt: IData) => void;
+    onShowChange: () => void;
+    renderDraggable: (isVertical: boolean) => JSX.Element;
+    renderMoreToolbar: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof import("@ibiz-template/runtime").PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizShortCut;

package/es/panel-component/short-cut/index.mjs

@@ -0,0 +1,12 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { ShortCut } from './short-cut.mjs';
+import { ShortCutProvider } from './short-cut.provider.mjs';
+
+"use strict";
+const IBizShortCut = withInstall(ShortCut, function(v) {
+  v.component(ShortCut.name, ShortCut);
+  registerPanelItemProvider("RAWITEM_SHORTCUT", () => new ShortCutProvider());
+});
+
+export { IBizShortCut, IBizShortCut as default };

package/es/panel-component/short-cut/short-cut.css

@@ -0,0 +1 @@
+.ibiz-short-cut{bottom:4px;right:4px;z-index:2;position:fixed;display:flex;align-items:center;border-radius:4px;box-shadow:0 0 16px rgba(0,0,0,.0784313725);border:1px solid var(--ibiz-color-border);background:var(--ibiz-color-bg-1)}.ibiz-short-cut.is-hidden{display:none}.ibiz-short-cut__more{padding:2px;cursor:pointer}.ibiz-short-cut__more .el-tooltip__trigger{padding:8px;line-height:18px}.ibiz-short-cut__more .el-tooltip__trigger:hover{border-radius:2px;color:var(--ibiz-color-primary);background-color:var(--ibiz-color-primary-light-default)}.ibiz-short-cut__more--icon{margin-left:8px}.ibiz-short-cut__recover{padding:2px;display:flex;cursor:pointer;align-items:center}.ibiz-short-cut__recover .el-tooltip__trigger{padding:8px;line-height:18px}.ibiz-short-cut__recover .el-tooltip__trigger:hover{border-radius:2px;color:var(--ibiz-color-primary);background-color:var(--ibiz-color-primary-light-default)}.ibiz-short-cut__item{display:flex;cursor:pointer;position:relative;align-items:center;flex-flow:row nowrap;place-content:center flex-start}.ibiz-short-cut__item .icon{flex-shrink:0}.ibiz-short-cut__item .icon.caption{margin-right:8px}.ibiz-short-cut__item .drag-icon{visibility:hidden}.ibiz-short-cut__item .close-icon{visibility:hidden;font-size:18px}.ibiz-short-cut__item .close-icon:hover{color:var(--ibiz-color-danger-hover)}.ibiz-short-cut__item--caption{flex-grow:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ibiz-short-cut__item:hover .close-icon,.ibiz-short-cut__item:hover .drag-icon{visibility:visible}.ibiz-short-cut .is-horizontal{display:flex;padding:8px}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item{max-width:165px;border-right:1px solid var(--ibiz-color-border)}.ibiz-short-cut .is-horizontal .ibiz-short-cut__item--caption{margin:0 8px}.ibiz-short-cut__popover.el-popover.el-popper{padding:10px 0}.ibiz-short-cut__popover .is-vertical .ibiz-short-cut__item{width:225px;height:44px;padding:9px 20px}.ibiz-short-cut__popover .is-vertical .ibiz-short-cut__item .drag-icon{left:5px;position:absolute}.ibiz-short-cut__popover .is-vertical .ibiz-short-cut__item:hover{background-color:var(--ibiz-color-fill-1)}

package/es/panel-component/short-cut/short-cut.d.ts

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './short-cut.scss';
+export declare const ShortCut: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    data: import("vue").Ref<{
+        key: string;
+        name: string;
+        appViewId: string;
+        context: {
+            [x: string]: any;
+            [x: symbol]: any;
+            srfsessionid: string;
+            srfappid: string;
+            srfsimple?: boolean | undefined;
+            srfpaginationviewid?: string | undefined;
+        };
+        params: IParams;
+        openMode: string;
+        icon?: string | undefined;
+    }[]>;
+    isShowToolbar: import("vue").Ref<boolean>;
+    onChange: (evt: IData) => void;
+    onShowChange: () => void;
+    renderDraggable: (isVertical: boolean) => JSX.Element;
+    renderMoreToolbar: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelItemController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/short-cut/short-cut.mjs

@@ -0,0 +1,190 @@
+import { getCurrentInstance, ref, createVNode, resolveComponent, defineComponent } from 'vue';
+import { PanelItemController, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import draggable from 'vuedraggable';
+import './short-cut.css';
+import { IBizContext } from '@ibiz-template/core';
+
+"use strict";
+const ShortCut = /* @__PURE__ */ defineComponent({
+  name: "IBizShortCut",
+  components: {
+    draggable
+  },
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("short-cut");
+    const vue = getCurrentInstance().proxy;
+    const isShowToolbar = ref(false);
+    const isShowMore = ref(false);
+    const data = ref(ibiz.util.shortCut.data);
+    const dragCache = {
+      newIndex: 0,
+      oldIndex: 0
+    };
+    const onShowChange = () => {
+      isShowToolbar.value = !isShowToolbar.value;
+      if (isShowToolbar.value) {
+        isShowMore.value = false;
+      }
+    };
+    const getOpenMode = (openMode) => {
+      switch (openMode) {
+        case "ROUTE_MODAL":
+          return "INDEXVIEWTAB_POPUPMODAL";
+        case "MODAL":
+          return "POPUPMODAL";
+        case "DRAWER":
+          return "DRAWER_RIGHT";
+        default:
+      }
+    };
+    const onClick = (item) => {
+      isShowMore.value = false;
+      ibiz.commands.execute(OpenAppViewCommand.TAG, item.appViewId, IBizContext.create(item.context), item.params, {
+        openMode: getOpenMode(item.openMode)
+      });
+    };
+    const onChange = (evt) => {
+      if (evt.moved) {
+        ibiz.util.shortCut.changeIndex(evt.moved.newIndex, evt.moved.oldIndex);
+      } else if (evt.added) {
+        dragCache.newIndex = evt.added.newIndex;
+      } else if (evt.removed) {
+        dragCache.oldIndex = evt.removed.oldIndex;
+        ibiz.util.shortCut.changeIndex(dragCache.newIndex, dragCache.oldIndex);
+      }
+      vue.$forceUpdate();
+    };
+    const onDelete = (event, key) => {
+      event.stopPropagation();
+      ibiz.util.shortCut.removeShortCut(key);
+      vue.$forceUpdate();
+    };
+    const renderDraggable = (isVertical) => {
+      return createVNode(draggable, {
+        "itemKey": "key",
+        "class": [ns.e("draggable"), ns.is("vertical", isVertical), ns.is("horizontal", !isVertical)],
+        "modelValue": data.value,
+        "group": props.controller.model.id,
+        "onChange": (evt) => onChange(evt)
+      }, {
+        item: ({
+          element,
+          index
+        }) => {
+          if (isVertical && !isShowToolbar.value || isVertical && isShowToolbar.value && index > 5 || !isVertical && index < 6) {
+            return createVNode("div", {
+              "class": ns.e("item"),
+              "onClick": () => onClick(element)
+            }, [createVNode("svg", {
+              "viewBox": "0 0 16 16",
+              "class": ["drag-icon", "icon"],
+              "xmlns": "http://www.w3.org/2000/svg",
+              "height": "14px",
+              "width": "14px",
+              "focusable": "false"
+            }, [createVNode("g", {
+              "id": "drag-icon/drag--",
+              "stroke-width": "1",
+              "fill-rule": "evenodd"
+            }, [createVNode("g", {
+              "id": "drag-icon",
+              "transform": "translate(5 1)",
+              "fill-rule": "nonzero"
+            }, [createVNode("path", {
+              "d": "M1 2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM1 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-4 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm4 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2z",
+              "id": "drag-icon-air"
+            }, null)])])]), createVNode("ion-icon", {
+              "class": ["icon", "caption"],
+              "name": "ellipsis-horizontal-circle-outline"
+            }, null), createVNode("div", {
+              "class": ns.em("item", "caption")
+            }, [element.name]), createVNode("ion-icon", {
+              "class": ["close-icon", "icon"],
+              "name": "close-outline",
+              "onClick": (event) => onDelete(event, element.key)
+            }, null)]);
+          }
+        },
+        footer: () => {
+          if (isVertical && !isShowToolbar.value) {
+            return createVNode("div", {
+              "class": [ns.e("item"), ns.e("action")],
+              "onClick": onShowChange
+            }, [createVNode("ion-icon", {
+              "name": "chevron-back-outline"
+            }, null), createVNode("div", {
+              "class": ns.em("item", "caption")
+            }, [ibiz.i18n.t("panelComponent.shortCut.expandToolbar")])]);
+          }
+        }
+      });
+    };
+    const renderMoreToolbar = () => {
+      return createVNode(resolveComponent("el-popover"), {
+        "visible": isShowMore.value,
+        "onUpdate:visible": ($event) => isShowMore.value = $event,
+        "placement": "top-start",
+        "trigger": "click",
+        "width": "auto",
+        "popper-class": ns.e("popover")
+      }, {
+        reference: () => {
+          return createVNode("div", {
+            "class": ns.e("more")
+          }, [createVNode(resolveComponent("el-tooltip"), {
+            "content": ibiz.i18n.t("app.more"),
+            "placement": "top"
+          }, {
+            default: () => [createVNode("div", null, [createVNode("span", {
+              "class": ns.em("more", "caption")
+            }, [isShowToolbar.value ? "6/".concat(data.value.length) : data.value.length]), createVNode("i", {
+              "class": ["fa", ns.em("more", "icon"), isShowMore.value ? "fa-angle-double-down" : "fa-angle-double-up"],
+              "aria-hidden": "true"
+            }, null)])]
+          })]);
+        },
+        default: () => {
+          return renderDraggable(true);
+        }
+      });
+    };
+    return {
+      ns,
+      data,
+      isShowToolbar,
+      onChange,
+      onShowChange,
+      renderDraggable,
+      renderMoreToolbar
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), ...this.controller.containerClass, this.ns.is("hidden", this.data.length === 0)]
+    }, [this.isShowToolbar && this.renderDraggable(false), (!this.isShowToolbar || this.data.length > 6) && this.renderMoreToolbar(), this.isShowToolbar && createVNode("div", {
+      "class": this.ns.e("recover"),
+      "onClick": this.onShowChange
+    }, [createVNode(resolveComponent("el-tooltip"), {
+      "effect": "dark",
+      "content": ibiz.i18n.t("app.retract"),
+      "placement": "top"
+    }, {
+      default: () => [createVNode("ion-icon", {
+        "name": "chevron-forward-outline"
+      }, null)]
+    })])]);
+  }
+});
+
+export { ShortCut };

package/es/panel-component/short-cut/short-cut.provider.d.ts

@@ -0,0 +1,12 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+/**
+ * 快捷方式组件适配器
+ *
+ * @class ShortCutProvider
+ * @implements {EditorProvider}
+ */
+export declare class ShortCutProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/short-cut/short-cut.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@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 ShortCutProvider {
+  constructor() {
+    __publicField(this, "component", "IBizShortCut");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { ShortCutProvider };

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

@@ -1,10 +1,13 @@
-import { reactive, createVNode, resolveComponent, createTextVNode, defineComponent } from 'vue';
+import { isVNode, reactive, createVNode, resolveComponent, createTextVNode, defineComponent } from 'vue';
 import { RuntimeError, downloadFileFromBlob } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import qs from 'qs';
 import './async-action-preview.css';
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 function fileDownload(file) {
   ibiz.net.request(file.url, {
     method: "get",
@@ -22,10 +25,10 @@ function fileDownload(file) {
       file.name += ".".concat(filename.split(".")[1]);
     }
     if (response.status !== 200) {
-      throw new RuntimeError("\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25");
+      throw new RuntimeError(ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.downloadFailedErr"));
     }
     if (!response.data) {
-      throw new RuntimeError("\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728");
+      throw new RuntimeError(ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.noExistentErr"));
     } else {
       const fileName = file.name;
       downloadFileFromBlob(response.data, fileName);
@@ -62,7 +65,9 @@ const AsyncActionPreview = /* @__PURE__ */ defineComponent({
       }],
       errorFileUrl: ""
     });
-    info.title = "\u5BFC\u5165\u6570\u636E\u8BE6\u60C5-".concat(props.asyncAction.asyncacitonname);
+    info.title = ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.importDetailPrompt", {
+      name: props.asyncAction.asyncacitonname
+    });
     info.beginTime = props.asyncAction.begintime;
     info.endTime = props.asyncAction.endtime;
     if (props.asyncAction.actionresult) {
@@ -71,7 +76,7 @@ const AsyncActionPreview = /* @__PURE__ */ defineComponent({
         try {
           actionResult = JSON.parse(actionResult);
         } catch (error) {
-          throw new RuntimeError("\u89E3\u6790\u5BFC\u5165\u4FE1\u606F\u5F02\u5E38");
+          throw new RuntimeError(ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.parseImportInfoErr"));
         }
       }
       info.total = actionResult.total || 0;
@@ -105,6 +110,7 @@ const AsyncActionPreview = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    let _slot, _slot2;
     return createVNode("div", {
       "class": [this.ns.b()]
     }, [createVNode("div", {
@@ -115,16 +121,16 @@ const AsyncActionPreview = /* @__PURE__ */ defineComponent({
       "class": this.ns.b("toolbar")
     }, [this.info.errorFileUrl && createVNode(resolveComponent("el-button"), {
       "onClick": this.onDownLoad
-    }, {
-      default: () => [createTextVNode("\u4E0B\u8F7D\u9519\u8BEF\u6587\u4EF6")]
+    }, _isSlot(_slot = ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.downloadErrFile")) ? _slot : {
+      default: () => [_slot]
     }), createVNode(resolveComponent("el-button"), {
       "onClick": this.onClose
-    }, {
-      default: () => [createTextVNode("\u5173\u95ED")]
+    }, _isSlot(_slot2 = ibiz.i18n.t("app.close")) ? _slot2 : {
+      default: () => [_slot2]
     })])]), createVNode("div", {
       "class": this.ns.b("time")
     }, [createVNode(resolveComponent("el-form-item"), {
-      "label": "\u5BFC\u5165\u65F6\u95F4: "
+      "label": ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.importTime")
     }, {
       default: () => [this.info.beginTime, createTextVNode(" ~ "), this.info.endTime]
     })]), createVNode(resolveComponent("el-row"), {
@@ -134,7 +140,7 @@ const AsyncActionPreview = /* @__PURE__ */ defineComponent({
         "span": 8
       }, {
         default: () => [createVNode(resolveComponent("el-form-item"), {
-          "label": "\u5BFC\u5165\u603B\u6761\u6570: "
+          "label": ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.importTotal")
         }, {
           default: () => [this.info.total]
         })]
@@ -142,7 +148,7 @@ const AsyncActionPreview = /* @__PURE__ */ defineComponent({
         "span": 8
       }, {
         default: () => [createVNode(resolveComponent("el-form-item"), {
-          "label": "\u6210\u529F\u5BFC\u5165\u6570: "
+          "label": ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.successImport")
         }, {
           default: () => [this.info.success]
         })]
@@ -150,7 +156,7 @@ const AsyncActionPreview = /* @__PURE__ */ defineComponent({
         "span": 8
       }, {
         default: () => [createVNode(resolveComponent("el-form-item"), {
-          "label": "\u5BFC\u5165\u5931\u8D25\u6570: "
+          "label": ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.ImportFailed")
         }, {
           default: () => [this.info.error]
         })]
@@ -166,7 +172,7 @@ const AsyncActionPreview = /* @__PURE__ */ defineComponent({
         "class": this.ns.be("detail-item", "error")
       }, [createVNode("div", {
         "class": this.ns.be("detail-item", "error-title")
-      }, [createTextVNode("\u9519\u8BEF")]), createVNode("div", {
+      }, [ibiz.i18n.t("app.error")]), createVNode("div", {
         "class": this.ns.be("detail-item", "error-reason")
       }, [detail.reason])])]);
     })])]);

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

@@ -1,4 +1,4 @@
-import { ref, createVNode, createTextVNode, defineComponent } from 'vue';
+import { ref, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { getAsyncActionProvider } from '@ibiz-template/runtime';
 import './async-action-tab.css';
@@ -59,10 +59,12 @@ const AsyncActionTab = /* @__PURE__ */ defineComponent({
       }
       return createVNode("div", {
         "class": this.ns.e("item")
-      }, ["\u5F02\u6B65\u64CD\u4F5C\u7C7B\u578B".concat(msg.actiontype, "\u6682\u672A\u652F\u6301")]);
+      }, [ibiz.i18n.t("panelComponent.userMessage.asyncActionTab.noSupportType", {
+        type: msg.actiontype
+      })]);
     }), this.allItems.length === 0 && createVNode("div", {
       "class": this.ns.e("nodata")
-    }, [createTextVNode("\u6682\u65E0\u5F02\u6B65\u64CD\u4F5C")])]);
+    }, [ibiz.i18n.t("panelComponent.userMessage.asyncActionTab.noAsyncAction")])]);
   }
 });
 

package/es/panel-component/user-message/internal-message/common/internal-message-container/internal-message-container.mjs

@@ -40,7 +40,7 @@ const InternalMessageContainer = /* @__PURE__ */ defineComponent({
         toolbarItems.push({
           key: "read",
           icon: "checkmark-done-outline",
-          tooltip: "\u6807\u8BB0\u4E3A\u5DF2\u8BFB"
+          tooltip: ibiz.i18n.t("panelComponent.userMessage.internalMessageContainer.markAsRead")
         });
       }
       return toolbarItems;

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

@@ -1,4 +1,4 @@
-import { isVNode, computed, createVNode, createTextVNode, resolveComponent, defineComponent } from 'vue';
+import { isVNode, computed, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './internal-message-json.css';
 
@@ -43,7 +43,7 @@ const InternalMessageJSON = /* @__PURE__ */ defineComponent({
       return [{
         icon: "link-outline",
         key: "openRedirectView",
-        tooltip: "\u8DF3\u8F6C\u5230\u89C6\u56FE"
+        tooltip: ibiz.i18n.t("panelComponent.userMessage.internalMessageJson.jumpToView")
       }];
     });
     const onToolbarClick = (key) => {
@@ -71,7 +71,7 @@ const InternalMessageJSON = /* @__PURE__ */ defineComponent({
     } else {
       content = createVNode("div", {
         "class": this.ns.e("content")
-      }, [createTextVNode("\u6570\u636E\u7684content\u91CC\u7F3A\u5C11html")]);
+      }, [ibiz.i18n.t("panelComponent.userMessage.internalMessageJson.missingHtml")]);
     }
     return createVNode(resolveComponent("iBizInternalMessageContainer"), {
       "class": [this.ns.b()],