@ibiz-template/vue3-components 0.7.10 → 0.7.12

package/lib/panel-component/short-cut/short-cut.cjs

@@ -0,0 +1,192 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var draggable = require('vuedraggable');
+require('./short-cut.css');
+var core = require('@ibiz-template/core');
+
+"use strict";
+const ShortCut = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizShortCut",
+  components: {
+    draggable
+  },
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: runtime.PanelItemController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("short-cut");
+    const vue$1 = vue.getCurrentInstance().proxy;
+    const isShowToolbar = vue.ref(false);
+    const isShowMore = vue.ref(false);
+    const data = vue.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(runtime.OpenAppViewCommand.TAG, item.appViewId, core.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$1.$forceUpdate();
+    };
+    const onDelete = (event, key) => {
+      event.stopPropagation();
+      ibiz.util.shortCut.removeShortCut(key);
+      vue$1.$forceUpdate();
+    };
+    const renderDraggable = (isVertical) => {
+      return vue.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 vue.createVNode("div", {
+              "class": ns.e("item"),
+              "onClick": () => onClick(element)
+            }, [vue.createVNode("svg", {
+              "viewBox": "0 0 16 16",
+              "class": ["drag-icon", "icon"],
+              "xmlns": "http://www.w3.org/2000/svg",
+              "height": "14px",
+              "width": "14px",
+              "focusable": "false"
+            }, [vue.createVNode("g", {
+              "id": "drag-icon/drag--",
+              "stroke-width": "1",
+              "fill-rule": "evenodd"
+            }, [vue.createVNode("g", {
+              "id": "drag-icon",
+              "transform": "translate(5 1)",
+              "fill-rule": "nonzero"
+            }, [vue.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)])])]), vue.createVNode("ion-icon", {
+              "class": ["icon", "caption"],
+              "name": "ellipsis-horizontal-circle-outline"
+            }, null), vue.createVNode("div", {
+              "class": ns.em("item", "caption")
+            }, [element.name]), vue.createVNode("ion-icon", {
+              "class": ["close-icon", "icon"],
+              "name": "close-outline",
+              "onClick": (event) => onDelete(event, element.key)
+            }, null)]);
+          }
+        },
+        footer: () => {
+          if (isVertical && !isShowToolbar.value) {
+            return vue.createVNode("div", {
+              "class": [ns.e("item"), ns.e("action")],
+              "onClick": onShowChange
+            }, [vue.createVNode("ion-icon", {
+              "name": "chevron-back-outline"
+            }, null), vue.createVNode("div", {
+              "class": ns.em("item", "caption")
+            }, [ibiz.i18n.t("panelComponent.shortCut.expandToolbar")])]);
+          }
+        }
+      });
+    };
+    const renderMoreToolbar = () => {
+      return vue.createVNode(vue.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 vue.createVNode("div", {
+            "class": ns.e("more")
+          }, [vue.createVNode(vue.resolveComponent("el-tooltip"), {
+            "content": ibiz.i18n.t("app.more"),
+            "placement": "top"
+          }, {
+            default: () => [vue.createVNode("div", null, [vue.createVNode("span", {
+              "class": ns.em("more", "caption")
+            }, [isShowToolbar.value ? "6/".concat(data.value.length) : data.value.length]), vue.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 vue.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 && vue.createVNode("div", {
+      "class": this.ns.e("recover"),
+      "onClick": this.onShowChange
+    }, [vue.createVNode(vue.resolveComponent("el-tooltip"), {
+      "effect": "dark",
+      "content": ibiz.i18n.t("app.retract"),
+      "placement": "top"
+    }, {
+      default: () => [vue.createVNode("ion-icon", {
+        "name": "chevron-forward-outline"
+      }, null)]
+    })])]);
+  }
+});
+
+exports.ShortCut = ShortCut;

package/lib/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/lib/panel-component/short-cut/short-cut.provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ShortCutProvider {
+  constructor() {
+    __publicField(this, "component", "IBizShortCut");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.ShortCutProvider = ShortCutProvider;

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

@@ -7,6 +7,9 @@ var qs = require('qs');
 require('./async-action-preview.css');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 function fileDownload(file) {
   ibiz.net.request(file.url, {
     method: "get",
@@ -24,10 +27,10 @@ function fileDownload(file) {
       file.name += ".".concat(filename.split(".")[1]);
     }
     if (response.status !== 200) {
-      throw new core.RuntimeError("\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25");
+      throw new core.RuntimeError(ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.downloadFailedErr"));
     }
     if (!response.data) {
-      throw new core.RuntimeError("\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728");
+      throw new core.RuntimeError(ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.noExistentErr"));
     } else {
       const fileName = file.name;
       core.downloadFileFromBlob(response.data, fileName);
@@ -64,7 +67,9 @@ const AsyncActionPreview = /* @__PURE__ */ vue.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) {
@@ -73,7 +78,7 @@ const AsyncActionPreview = /* @__PURE__ */ vue.defineComponent({
         try {
           actionResult = JSON.parse(actionResult);
         } catch (error) {
-          throw new core.RuntimeError("\u89E3\u6790\u5BFC\u5165\u4FE1\u606F\u5F02\u5E38");
+          throw new core.RuntimeError(ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.parseImportInfoErr"));
         }
       }
       info.total = actionResult.total || 0;
@@ -107,6 +112,7 @@ const AsyncActionPreview = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    let _slot, _slot2;
     return vue.createVNode("div", {
       "class": [this.ns.b()]
     }, [vue.createVNode("div", {
@@ -117,16 +123,16 @@ const AsyncActionPreview = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("toolbar")
     }, [this.info.errorFileUrl && vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": this.onDownLoad
-    }, {
-      default: () => [vue.createTextVNode("\u4E0B\u8F7D\u9519\u8BEF\u6587\u4EF6")]
+    }, _isSlot(_slot = ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.downloadErrFile")) ? _slot : {
+      default: () => [_slot]
     }), vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": this.onClose
-    }, {
-      default: () => [vue.createTextVNode("\u5173\u95ED")]
+    }, _isSlot(_slot2 = ibiz.i18n.t("app.close")) ? _slot2 : {
+      default: () => [_slot2]
     })])]), vue.createVNode("div", {
       "class": this.ns.b("time")
     }, [vue.createVNode(vue.resolveComponent("el-form-item"), {
-      "label": "\u5BFC\u5165\u65F6\u95F4: "
+      "label": ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.importTime")
     }, {
       default: () => [this.info.beginTime, vue.createTextVNode(" ~ "), this.info.endTime]
     })]), vue.createVNode(vue.resolveComponent("el-row"), {
@@ -136,7 +142,7 @@ const AsyncActionPreview = /* @__PURE__ */ vue.defineComponent({
         "span": 8
       }, {
         default: () => [vue.createVNode(vue.resolveComponent("el-form-item"), {
-          "label": "\u5BFC\u5165\u603B\u6761\u6570: "
+          "label": ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.importTotal")
         }, {
           default: () => [this.info.total]
         })]
@@ -144,7 +150,7 @@ const AsyncActionPreview = /* @__PURE__ */ vue.defineComponent({
         "span": 8
       }, {
         default: () => [vue.createVNode(vue.resolveComponent("el-form-item"), {
-          "label": "\u6210\u529F\u5BFC\u5165\u6570: "
+          "label": ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.successImport")
         }, {
           default: () => [this.info.success]
         })]
@@ -152,7 +158,7 @@ const AsyncActionPreview = /* @__PURE__ */ vue.defineComponent({
         "span": 8
       }, {
         default: () => [vue.createVNode(vue.resolveComponent("el-form-item"), {
-          "label": "\u5BFC\u5165\u5931\u8D25\u6570: "
+          "label": ibiz.i18n.t("panelComponent.userMessage.asyncActionPreview.ImportFailed")
         }, {
           default: () => [this.info.error]
         })]
@@ -168,7 +174,7 @@ const AsyncActionPreview = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.be("detail-item", "error")
       }, [vue.createVNode("div", {
         "class": this.ns.be("detail-item", "error-title")
-      }, [vue.createTextVNode("\u9519\u8BEF")]), vue.createVNode("div", {
+      }, [ibiz.i18n.t("app.error")]), vue.createVNode("div", {
         "class": this.ns.be("detail-item", "error-reason")
       }, [detail.reason])])]);
     })])]);

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

@@ -61,10 +61,12 @@ const AsyncActionTab = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.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 && vue.createVNode("div", {
       "class": this.ns.e("nodata")
-    }, [vue.createTextVNode("\u6682\u65E0\u5F02\u6B65\u64CD\u4F5C")])]);
+    }, [ibiz.i18n.t("panelComponent.userMessage.asyncActionTab.noAsyncAction")])]);
   }
 });
 

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

@@ -42,7 +42,7 @@ const InternalMessageContainer = /* @__PURE__ */ vue.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/lib/panel-component/user-message/internal-message/internal-message-json/internal-message-json.cjs

@@ -45,7 +45,7 @@ const InternalMessageJSON = /* @__PURE__ */ vue.defineComponent({
       return [{
         icon: "link-outline",
         key: "openRedirectView",
-        tooltip: "\u8DF3\u8F6C\u5230\u89C6\u56FE"
+        tooltip: ibiz.i18n.t("panelComponent.userMessage.internalMessageJson.jumpToView")
       }];
     });
     const onToolbarClick = (key) => {
@@ -73,7 +73,7 @@ const InternalMessageJSON = /* @__PURE__ */ vue.defineComponent({
     } else {
       content = vue.createVNode("div", {
         "class": this.ns.e("content")
-      }, [vue.createTextVNode("\u6570\u636E\u7684content\u91CC\u7F3A\u5C11html")]);
+      }, [ibiz.i18n.t("panelComponent.userMessage.internalMessageJson.missingHtml")]);
     }
     return vue.createVNode(vue.resolveComponent("iBizInternalMessageContainer"), {
       "class": [this.ns.b()],

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

@@ -121,19 +121,23 @@ const InternalMessageTab = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.createVNode("div", {
         "class": this.ns.e("item")
-      }, ["\u7AD9\u5185\u6D88\u606F\u7C7B\u578B".concat(msg.content_type, "\u6682\u672A\u652F\u6301")]);
+      }, [ibiz.i18n.t("panelComponent.userMessage.internalMessageTab.noSupportType", {
+        type: msg.content_type
+      })]);
     }), this.allItems.length === 0 && vue.createVNode("div", {
       "class": this.ns.e("nodata")
-    }, [vue.createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && vue.createVNode("div", {
+    }, [ibiz.i18n.t("panelComponent.userMessage.internalMessageTab.notificationYet")]), restLength > 0 && vue.createVNode("div", {
       "class": this.ns.e("load-more"),
       "onClick": this.showMore
-    }, [vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A("), restLength, vue.createTextVNode(")")])]), vue.createVNode("div", {
+    }, [ibiz.i18n.t("panelComponent.userMessage.internalMessageTab.loadMore", {
+      length: restLength
+    })])]), vue.createVNode("div", {
       "class": this.ns.b("footer")
     }, [vue.createVNode(vue.resolveComponent("el-switch"), {
       "value": this.state.unreadOnly,
       "onChange": this.switchChange,
       "class": this.ns.be("footer", "switch")
-    }, null), " ", vue.createTextVNode("\u53EA\u663E\u793A\u672A\u8BFB")])]);
+    }, null), " ", ibiz.i18n.t("panelComponent.userMessage.internalMessageTab.onlyShowUnread")])]);
   }
 });
 

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

@@ -86,7 +86,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
   },
   render() {
     return vue.createVNode("div", {
-      "title": "\u901A\u77E5",
+      "title": ibiz.i18n.t("panelComponent.userMessage.notice"),
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
     }, [vue.createVNode(vue.resolveComponent("el-popover"), {
       "ref": "popoverRef",
@@ -118,7 +118,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
           "onUpdate:modelValue": ($event) => this.currentTab = $event
         }, {
           default: () => [vue.createVNode(vue.resolveComponent("el-tab-pane"), {
-            "label": "\u901A\u77E5",
+            "label": ibiz.i18n.t("panelComponent.userMessage.notice"),
             "name": "notification"
           }, {
             default: () => [vue.createVNode(internalMessageTab.InternalMessageTab, {
@@ -127,7 +127,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
               "onHiddenPopover": this.hiddenPopover
             }, null)]
           }), vue.createVNode(vue.resolveComponent("el-tab-pane"), {
-            "label": "\u540E\u53F0\u4F5C\u4E1A",
+            "label": ibiz.i18n.t("panelComponent.userMessage.backendTasks"),
             "name": "async-action"
           }, {
             default: () => [vue.createVNode(asyncActionTab.AsyncActionTab, {
@@ -144,7 +144,7 @@ const UserMessage = /* @__PURE__ */ vue.defineComponent({
             imagePath: "svg/read.svg"
           },
           "baseDir": "iconfont",
-          "title": "\u5168\u90E8\u5DF2\u8BFB",
+          "title": ibiz.i18n.t("panelComponent.userMessage.allRead"),
           "onClick": this.onBatchReadClick
         }, null)])]);
       }

package/lib/panel-component/view-msg-pos/view-msg-pos.cjs

@@ -39,7 +39,10 @@ const ViewMsgPos = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.b()
       }, [vue.createVNode(vue.resolveComponent("view-message"), {
         "messages": viewMessages,
-        "scroll": scroll
+        "scroll": scroll,
+        "context": c.panel.context,
+        "params": c.panel.params,
+        "controller": c.panel.view.viewMsgController
       }, null)]);
     }
     return null;

package/lib/util/index.cjs

@@ -9,6 +9,7 @@ var openViewUtil = require('./open-view-util/open-view-util.cjs');
 var overlayController = require('./overlay-controller/overlay-controller.cjs');
 var usePagination = require('./pagination/use-pagination.cjs');
 var noticeUtil = require('./notice-util/notice-util.cjs');
+var renderUtil = require('./render-util/render-util.cjs');
 
 "use strict";
 
@@ -21,3 +22,4 @@ exports.OpenViewUtil = openViewUtil.OpenViewUtil;
 exports.OverlayController = overlayController.OverlayController;
 exports.usePagination = usePagination.usePagination;
 exports.NoticeUtil = noticeUtil.NoticeUtil;
+exports.RenderUtil = renderUtil.RenderUtil;

package/lib/util/render-util/render-util.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+var vue = require('vue');
+
+"use strict";
+class RenderUtil {
+  /**
+   * 绘制视图
+   *
+   * @author tony001
+   * @date 2024-05-08 16:05:56
+   * @param {string} viewId
+   * @param {IAppView} model
+   * @param {IContext} context
+   * @param {IParams} params
+   * @param {IData} [options]
+   * @return {*}  {IObject}
+   */
+  renderViewShell(viewId, model, context, params, options = {}) {
+    const props = {
+      viewId,
+      modelData: model,
+      context,
+      params,
+      ...options
+    };
+    return vue.h(vue.resolveComponent("IBizViewShell"), props);
+  }
+  /**
+   *  绘制部件
+   *
+   * @author tony001
+   * @date 2024-05-08 16:05:02
+   * @param {IControl} model
+   * @param {IContext} context
+   * @param {IParams} params
+   * @param {IData} [options]
+   */
+  renderCtrlShell(model, context, params, options = {}) {
+    const props = {
+      modelData: model,
+      context,
+      params,
+      ...options
+    };
+    return vue.h(vue.resolveComponent("IBizControlShell"), props);
+  }
+  /**
+   * 绘制组件
+   *
+   * @author tony001
+   * @date 2024-05-08 16:05:08
+   * @param {string} name
+   * @param {IData} options
+   * @return {*}  {IObject}
+   */
+  renderComponent(name, options) {
+    return vue.h(vue.resolveComponent(name), options);
+  }
+}
+
+exports.RenderUtil = RenderUtil;

package/lib/view/403-view/403-view.cjs

@@ -36,11 +36,11 @@ const View403 = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("text")
     }, [vue.createVNode("div", {
       "class": this.ns.be("text", "text1")
-    }, [vue.createTextVNode("\u62B1\u6B49\uFF0C\u60A8\u6CA1\u6709\u8BBF\u95EE\u8BE5\u9875\u9762\u7684\u6743\u9650")]), this.isTop ? vue.createVNode("div", {
+    }, [ibiz.i18n.t("view.noPermissionView.noPermissionPrompt")]), this.isTop ? vue.createVNode("div", {
       "class": this.ns.be("text", "text2")
-    }, [vue.createTextVNode("\u60A8\u6CA1\u6709\u8BBF\u95EE\u8BE5\u9875\u9762\u7684\u6743\u9650\uFF0C\u8BF7"), vue.createVNode("a", {
+    }, [ibiz.i18n.t("view.noPermissionView.noPermission"), vue.createVNode("a", {
       "onClick": this.gotoIndexView
-    }, [vue.createTextVNode("\u8FD4\u56DE\u9996\u9875")]), vue.createTextVNode("\u7EE7\u7EED\u6D4F\u89C8")]) : null])]);
+    }, [ibiz.i18n.t("view.common.backHomepage")]), ibiz.i18n.t("view.common.continueBrowsing")]) : null])]);
   }
 });
 

package/lib/view/404-view/404-view.cjs

@@ -36,11 +36,11 @@ const View404 = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("text")
     }, [vue.createVNode("div", {
       "class": this.ns.be("text", "text1")
-    }, [vue.createTextVNode("\u62B1\u6B49\uFF0C\u60A8\u8BBF\u95EE\u7684\u8D44\u6E90\u4E0D\u5B58\u5728")]), this.isTop ? vue.createVNode("div", {
+    }, [ibiz.i18n.t("view.noResourcesView.noResourcePrompt")]), this.isTop ? vue.createVNode("div", {
       "class": this.ns.be("text", "text2")
-    }, [vue.createTextVNode("\u60A8\u8981\u627E\u7684\u8D44\u6E90\u4E0D\u5B58\u5728\uFF0C\u8BF7"), vue.createVNode("a", {
+    }, [ibiz.i18n.t("view.noResourcesView.resourceNoExist"), vue.createVNode("a", {
       "onClick": this.gotoIndexView
-    }, [vue.createTextVNode("\u8FD4\u56DE\u9996\u9875")]), vue.createTextVNode("\u7EE7\u7EED\u6D4F\u89C8")]) : null])]);
+    }, [ibiz.i18n.t("view.common.backHomepage")]), ibiz.i18n.t("view.common.continueBrowsing")]) : null])]);
   }
 });
 

package/lib/view/error-view/error-view.cjs

@@ -37,7 +37,9 @@ const ErrorView = /* @__PURE__ */ vue.defineComponent({
     }
     return vue.createVNode("div", {
       "class": [this.ns.b()]
-    }, ["\u9519\u8BEF\u89C6\u56FE\u4E0D\u5B58\u5728".concat(this.code)]);
+    }, [ibiz.i18n.t("view.errorView.noExistPrompt", {
+      code: this.code
+    })]);
   }
 });