@ibiz-template/vue3-components 0.7.6 → 0.7.7

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -33,12 +33,15 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
     zIndex: {
       type: Number,
       required: true
-    }
+    },
+    popperClass: String
   },
   setup(props, {
     emit
   }) {
     const ns = vue3Util.useNamespace("action-toolbar");
+    const dropdownRef = vue.ref();
+    const popoverVisible = vue.ref(false);
     props.actionDetails.forEach((detail) => {
       if (detail.capLanguageRes && detail.capLanguageRes.lanResTag) {
         detail.caption = ibiz.i18n.t(detail.capLanguageRes.lanResTag, detail.caption);
@@ -49,6 +52,11 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
     });
     const handleClick = async (detail, e) => {
       e.stopPropagation();
+      if (props.mode === "buttons") {
+        popoverVisible.value = false;
+      } else if (dropdownRef.value) {
+        dropdownRef.value.handleClose();
+      }
       emit("action-click", detail, e);
     };
     const expandDetails = vue.ref([]);
@@ -63,7 +71,6 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
       });
     }
     const groupButtonRef = vue.ref();
-    const popoverVisible = vue.ref(false);
     const calcActionItemClass = (item) => {
       const {
         actionLevel
@@ -73,6 +80,7 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
     const popoverIndex = props.zIndex;
     return {
       ns,
+      dropdownRef,
       popoverIndex,
       expandDetails,
       groupDetails,
@@ -144,8 +152,10 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
       })]]);
     }
     return vue.createVNode(vue.resolveComponent("el-dropdown"), {
+      "ref": "dropdownRef",
       "onCommand": (command) => this.handleClick(command, new MouseEvent("click")),
-      "class": [this.ns.b(), this.ns.m("dropdown")]
+      "class": [this.ns.b(), this.ns.m("dropdown")],
+      "popper-class": this.popperClass
     }, {
       default: () => vue.createVNode("span", {
         "class": this.ns.e("caption")

package/lib/control/dashboard/portlet/portlet-layout/portlet-layout.cjs

@@ -15,7 +15,9 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const ns = vue3Util.useNamespace("portlet-layout");
+    const portletType = "portlet-".concat((_a = props.controller.model.portletType) == null ? void 0 : _a.toLowerCase());
     const c = props.controller;
     const isShowHeader = vue.computed(() => {
       return c.model.showTitleBar && (c.model.title || c.model.sysImage) || c.model.uiactionGroup;
@@ -26,6 +28,7 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
     return {
       c,
       ns,
+      portletType,
       isShowHeader,
       onActionClick
     };
@@ -58,6 +61,7 @@ const PortletLayout = /* @__PURE__ */ vue.defineComponent({
       "action-details": model.uiactionGroup.uiactionGroupDetails,
       "actions-state": state.actionGroupState,
       "mode": model.actionGroupExtractMode === "ITEMS" ? "dropdown" : "buttons",
+      "popperClass": this.ns.em("toolbar", "".concat(this.portletType, "-").concat(model.id)),
       "onActionClick": this.onActionClick
     }, null)])]), vue.createVNode("div", {
       "key": "content",

package/lib/control/toolbar/toolbar.cjs

@@ -28,6 +28,10 @@ const btnContent = (item) => {
   }
   return result;
 };
+const calcCssName = (item) => {
+  var _a;
+  return (_a = item == null ? void 0 : item.sysCss) == null ? void 0 : _a.cssName;
+};
 const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizToolbarControl",
   props: {
@@ -78,15 +82,16 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     const renderSubmenu = (item) => {
       const detoolbarItems = item.detoolbarItems || [];
       const loading = detoolbarItems.findIndex((item2) => c.state.buttonsState[item2.id].loading) !== -1;
+      const groupButtonStyle = item.buttonStyle || "";
       return vue.createVNode(vue.resolveComponent("el-sub-menu"), {
-        "class": ns.b("submenu"),
+        "class": [ns.b("submenu"), ns.em("item", groupButtonStyle.toLowerCase()), calcCssName(item)],
         "index": item.id,
         "title": item.tooltip,
-        "popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle)]
+        "popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle), ns.em("submenu-popper", groupButtonStyle.toLowerCase()), ns.bm("submenu-popper", calcCssName(item))]
       }, {
         default: () => {
           return detoolbarItems.map((item2) => {
-            var _a2;
+            var _a2, _b;
             const actionId = item2.uiactionId;
             const visible = (_a2 = c.state.buttonsState[item2.id]) == null ? void 0 : _a2.visible;
             if (!visible) {
@@ -108,9 +113,10 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
             }
             if (item2.itemType === "DEUIACTION") {
               let _slot2;
+              const buttonType = (_b = item2.buttonStyle) == null ? void 0 : _b.toLowerCase();
               if (actionId === "exportexcel") {
                 return vue.createVNode(exportExcel.IBizExportExcel, {
-                  "class": [ns.e("menu-exportexcel")],
+                  "class": [ns.e("menu-exportexcel"), ns.em("item", buttonType), calcCssName(item2)],
                   "mode": "menu",
                   "item": item2,
                   "btnContent": btnContent,
@@ -122,7 +128,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
                 }, null);
               }
               return vue.createVNode(vue.resolveComponent("el-menu-item"), {
-                "class": [ns.is("loading", c.state.buttonsState[item2.id].loading)],
+                "class": [ns.is("loading", c.state.buttonsState[item2.id].loading), ns.em("item", buttonType), calcCssName(item2)],
                 "index": "menuitem".concat(item2.id),
                 "disabled": c.state.buttonsState[item2.id].disabled,
                 "title": item2.tooltip,
@@ -175,9 +181,10 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
       if (item.itemType === "DEUIACTION") {
         let _slot4;
         const actionId = item.uiactionId;
+        const buttonType = (_b = item.buttonStyle) == null ? void 0 : _b.toLowerCase();
         if (actionId === "exportexcel") {
           return vue.createVNode(exportExcel.IBizExportExcel, {
-            "class": [ns.e("item"), ns.e("item-deuiaction")],
+            "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item)],
             "item": item,
             "btnContent": btnContent,
             "size": btnSize.value,
@@ -187,10 +194,9 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
             }
           }, null);
         }
-        const buttonType = (_b = item.buttonStyle) == null ? void 0 : _b.toLowerCase();
         return vue.createVNode("div", {
           "key": itemId,
-          "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), ns.is("loading", c.state.buttonsState[itemId].loading)]
+          "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item), ns.is("loading", c.state.buttonsState[itemId].loading)]
         }, [vue.createVNode(vue.resolveComponent("el-button"), {
           "title": item.tooltip,
           "size": btnSize.value,

package/lib/editor/code/monaco-editor/monaco-editor.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 require('./monaco-editor.css');
 var vue3Util = require('@ibiz-template/vue3-util');
+var ElementPlus = require('element-plus');
 require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.cjs');
 var index = require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/loader/index.cjs');
 
@@ -15,7 +16,24 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("code");
+    const c = props.controller;
     const currentVal = vue.ref("");
+    const enableEdit = vue.ref(true);
+    const hasEnableEdit = vue.ref(false);
+    const readonlyState = vue.ref(false);
+    const enableFullScreen = vue.ref(false);
+    const isFullScreen = vue.ref(false);
+    const editorModel = c.model;
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.enableEdit) {
+        hasEnableEdit.value = true;
+        readonlyState.value = true;
+        enableEdit.value = c.toBoolean(editorModel.editorParams.enableEdit) && !props.readonly && !props.disabled;
+      }
+      if (editorModel.editorParams.enableFullScreen) {
+        enableFullScreen.value = c.toBoolean(editorModel.editorParams.enableFullScreen);
+      }
+    }
     let editor;
     let monacoEditor;
     const {
@@ -35,13 +53,22 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(() => props.readonly, (newVal) => {
-      if (editor) {
-        editor.updateOptions({
-          readOnly: newVal
-        });
+    const updateEditorOptions = () => {
+      if (!editor) {
+        return;
       }
-    }, {
+      if (props.readonly || props.disabled) {
+        hasEnableEdit.value = false;
+        readonlyState.value = true;
+      }
+      editor.updateOptions({
+        readOnly: hasEnableEdit.value ? readonlyState.value : props.readonly || props.disabled
+      });
+    };
+    vue.watch(() => props.readonly, updateEditorOptions, {
+      immediate: true
+    });
+    vue.watch(() => props.disabled, updateEditorOptions, {
       immediate: true
     });
     const codeEditBox = vue.ref();
@@ -67,10 +94,10 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
               minimap: {
                 enabled: true
               },
-              readOnly: props.readonly,
+              readOnly: hasEnableEdit.value ? readonlyState.value : props.readonly || props.disabled,
               // 只读
               readOnlyMessage: {
-                value: "\u5F53\u524D\u4E3A\u53EA\u8BFB\u6A21\u5F0F\uFF0C\u4E0D\u53EF\u7F16\u8F91"
+                value: ibiz.i18n.t("editor.code.readOnlyPrompt")
               },
               fontSize: 16,
               // 字体大小
@@ -85,8 +112,10 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
             editor.setValue(currentVal.value);
           });
           editor.onDidChangeModelContent(() => {
-            currentVal.value = editor.getValue();
-            emit("change", currentVal.value);
+            if (!hasEnableEdit.value) {
+              currentVal.value = editor.getValue();
+              emit("change", currentVal.value);
+            }
           });
           window.addEventListener("resize", () => {
             editor.layout();
@@ -94,6 +123,115 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
         });
       });
     };
+    const changeEditState = () => {
+      readonlyState.value = !readonlyState.value;
+      if (!editor)
+        return;
+      if (!readonlyState.value) {
+        editor.updateOptions({
+          readOnly: false
+        });
+      } else {
+        editor.updateOptions({
+          readOnly: true
+        });
+      }
+    };
+    const changeFullScreenState = async () => {
+      currentVal.value = String(editor == null ? void 0 : editor.getValue());
+      editor == null ? void 0 : editor.dispose();
+      editor = null;
+      isFullScreen.value = !isFullScreen.value;
+      editorInit();
+    };
+    const isAllowRenderFullScreen = () => {
+      if (enableFullScreen.value) {
+        if (isFullScreen.value) {
+          return vue.createVNode("i", {
+            "class": "fa fa-compress",
+            "aria-hidden": "true",
+            "onClick": () => changeFullScreenState()
+          }, null);
+        }
+        return vue.createVNode("i", {
+          "class": "fa fa-expand",
+          "aria-hidden": "true",
+          "onClick": () => changeFullScreenState()
+        }, null);
+      }
+      return null;
+    };
+    const renderCancelMessage = () => {
+      return vue.createVNode("div", {
+        "class": ns.be("message", "message-content")
+      }, [vue.createVNode("p", null, [ibiz.i18n.t("editor.code.confirmCancelPrompt")]), vue.createVNode("p", {
+        "class": ns.bem("message", "message-content", "message-tip")
+      }, [ibiz.i18n.t("editor.code.cancelEditPrompt")])]);
+    };
+    const cancelEdit = () => {
+      if (props.value !== (editor == null ? void 0 : editor.getValue())) {
+        ElementPlus.ElMessageBox({
+          title: ibiz.i18n.t("editor.code.confirmCancel"),
+          type: "warning",
+          customClass: ns.b("message"),
+          message: renderCancelMessage(),
+          showCancelButton: true,
+          cancelButtonClass: ns.be("message", "message-cancel"),
+          confirmButtonClass: ns.be("message", "message-comfire")
+        }).then(() => {
+          editor == null ? void 0 : editor.setValue(String(props.value || ""));
+          changeEditState();
+        }).catch(() => {
+          editor == null ? void 0 : editor.focus();
+        });
+      } else {
+        changeEditState();
+      }
+    };
+    const save = () => {
+      changeEditState();
+      if (editor) {
+        currentVal.value = editor.getValue();
+        emit("change", currentVal.value);
+      }
+      if (isFullScreen.value) {
+        changeFullScreenState();
+      }
+    };
+    const renderFooter = () => {
+      if (hasEnableEdit.value) {
+        return vue.createVNode("div", {
+          "class": [ns.b("footer"), {
+            [ns.b("footer-dialog")]: isFullScreen.value
+          }]
+        }, [vue.createVNode("div", {
+          "class": ns.be("footer", "cancel"),
+          "onClick": () => cancelEdit()
+        }, [ibiz.i18n.t("app.cancel")]), vue.createVNode("div", {
+          "class": ns.be("footer", "save"),
+          "onClick": () => save()
+        }, [ibiz.i18n.t("app.save")])]);
+      }
+      return null;
+    };
+    const renderHeaderToolbar = () => {
+      if (hasEnableEdit.value || enableFullScreen.value) {
+        return vue.createVNode("div", {
+          "class": ns.b("toolbar")
+        }, [hasEnableEdit.value && enableEdit.value && readonlyState.value ? vue.createVNode("i", {
+          "class": "fa fa-edit",
+          "aria-hidden": "true",
+          "onClick": () => changeEditState()
+        }, null) : null, isAllowRenderFullScreen()]);
+      }
+      return null;
+    };
+    const renderCodeContent = () => {
+      return vue.createVNode("div", {
+        "ref": codeEditBox,
+        "class": ns.e("box")
+      }, null);
+    };
     vue.onMounted(() => {
       editorInit();
     });
@@ -103,14 +241,39 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     return {
       ns,
       currentVal,
-      codeEditBox
+      codeEditBox,
+      isFullScreen,
+      hasEnableEdit,
+      readonlyState,
+      renderFooter,
+      renderHeaderToolbar,
+      renderCodeContent,
+      changeFullScreenState
     };
   },
   render() {
-    return vue.createVNode("div", {
-      "ref": "codeEditBox",
-      "class": this.ns.b()
-    }, null);
+    return !this.isFullScreen ? vue.createVNode("div", {
+      "class": [this.ns.b(), {
+        [this.ns.b("editor-readonly")]: this.readonlyState
+      }, {
+        [this.ns.b("editor-enable")]: !this.readonlyState
+      }]
+    }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null]) : vue.createVNode(vue.resolveComponent("el-dialog"), {
+      "modelValue": this.isFullScreen,
+      "onUpdate:modelValue": ($event) => this.isFullScreen = $event,
+      "width": "80%",
+      "top": "10vh",
+      "class": this.ns.b("dialog-full-screen"),
+      "onClose": () => this.changeFullScreenState()
+    }, {
+      default: () => [vue.createVNode("div", {
+        "class": [this.ns.b(), {
+          [this.ns.b("editor-readonly")]: this.readonlyState
+        }, {
+          [this.ns.b("editor-enable")]: !this.readonlyState
+        }]
+      }, [this.renderHeaderToolbar(), this.renderCodeContent(), this.hasEnableEdit && !this.readonlyState ? this.renderFooter() : null])]
+    });
   }
 });
 

package/lib/editor/code/monaco-editor/monaco-editor.css

@@ -1 +1 @@
-.ibiz-code{display:inline-block;width:100%;height:100%;min-height:200px}
+.ibiz-code{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-code__box{width:100%;height:100%;min-height:200px;overflow:hidden}.ibiz-code-toolbar{display:flex;align-items:center;justify-content:end;width:100%;min-height:32px;padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-code-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-code-toolbar i{cursor:pointer}.ibiz-code-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-code-footer{display:flex;align-items:center;justify-content:end;width:100%;min-height:36px;margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-code-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-code-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-code-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-code-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-code-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-code-message{width:500px;max-width:unset}.ibiz-code-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-code-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-code-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-code-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-code-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-code-editor-enable .ibiz-code__box{height:calc(100% - 68px)}.ibiz-code-dialog-full-screen{height:80%!important}.ibiz-code-dialog-full-screen .ibiz-code{gap:0;padding:0 var(--ibiz-spacing-extra-loose);--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code__box{height:calc(100% - 124px)}.ibiz-code-dialog-full-screen .ibiz-code .ibiz-code-toolbar{min-height:56px}.ibiz-code-footer-dialog{min-height:68px;margin-top:0}

package/lib/editor/html/wang-editor/wang-editor.cjs

@@ -202,9 +202,13 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
       vue.watch(() => props.value, (newVal, oldVal) => {
         if (newVal !== oldVal && (typeof props.value === "string" || newVal == null)) {
           if (newVal == null) {
-            valueHtml.value = "";
+            vue.nextTick(() => {
+              valueHtml.value = "";
+            });
           } else {
-            valueHtml.value = newVal;
+            vue.nextTick(() => {
+              valueHtml.value = newVal;
+            });
           }
         }
       }, {

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs

@@ -44,6 +44,12 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
+    const currentFormatVal = vue.computed(() => {
+      if (currentVal.value || currentVal.value === 0) {
+        return props.controller.formatValue(currentVal.value);
+      }
+      return "";
+    });
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -88,7 +94,8 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
       setEditable,
       showFormDefaultContent,
       max,
-      min
+      min,
+      currentFormatVal
     };
   },
   render() {
@@ -97,7 +104,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
     } = this.c.parent;
     let content = null;
     if (this.readonly) {
-      content = qxUtil.isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
+      content = qxUtil.isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentFormatVal);
       if (content && unitName) {
         content += unitName;
       }
@@ -122,7 +129,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
     }
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.currentVal || this.currentVal === 0 ? this.currentVal : "-"]);
+    }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal : "-"]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, content]);

package/lib/editor/text-box/input/input.cjs

@@ -66,6 +66,12 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
+    const currentFormatVal = vue.computed(() => {
+      if (currentVal.value) {
+        return props.controller.formatValue(currentVal.value);
+      }
+      return "";
+    });
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -218,7 +224,8 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
       setEditable,
       showLimit,
       isAuto,
-      showFormDefaultContent
+      showFormDefaultContent,
+      currentFormatVal
     };
   },
   render() {
@@ -278,7 +285,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     }
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentVal : "-"]);
+    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : "-"]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("textarea", Object.is(this.type, "textarea")), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "style": {

package/lib/ibiz-vue3.cjs

@@ -12,6 +12,7 @@ require('./view/index.cjs');
 var index = require('./locale/index.cjs');
 var index$3 = require('./view-engine/index.cjs');
 var _404View = require('./view/404-view/404-view.cjs');
+var _403View = require('./view/403-view/403-view.cjs');
 var index$4 = require('./view/wf-step-trace-view/index.cjs');
 var index$5 = require('./view/sub-app-ref-view/index.cjs');
 var index$6 = require('./control/data-view/index.cjs');
@@ -55,6 +56,7 @@ var IBizVue3 = {
     ibiz.i18n = index.iBizI18n;
     ibiz.util.getExcelUtil = () => Promise.resolve().then(function () { return require('./util/xlsx-util/xlsx-util.cjs'); });
     runtime.registerErrorViewProvider("404", () => ({ component: _404View.View404 }));
+    runtime.registerErrorViewProvider("403", () => ({ component: _403View.View403 }));
     v.use(index$1.IBizCommonComponents);
     v.use(index$2.IBizPanelComponents);
     v.use(index$3.IBizViewEngine);

package/lib/index.cjs

@@ -102,6 +102,7 @@ var index$10 = require('./panel-component/panel-index-view-search/index.cjs');
 var index$11 = require('./panel-component/index-actions/index.cjs');
 var index$12 = require('./panel-component/user-action/index.cjs');
 var _404View = require('./view/404-view/404-view.cjs');
+var _403View = require('./view/403-view/403-view.cjs');
 var loginView = require('./view/login-view/login-view.cjs');
 var index$14 = require('./view/wf-step-trace-view/index.cjs');
 var index$15 = require('./view/sub-app-ref-view/index.cjs');
@@ -229,6 +230,7 @@ exports.IBizPanelIndexViewSearch = index$10.IBizPanelIndexViewSearch;
 exports.IBizIndexActions = index$11.IBizIndexActions;
 exports.IBizUserAction = index$12.IBizUserAction;
 exports.View404 = _404View.View404;
+exports.View403 = _403View.View403;
 exports.LoginView = loginView.LoginView;
 exports.IBizWFStepTraceView = index$14.IBizWFStepTraceView;
 exports.IBizSubAppRefView = index$15.IBizSubAppRefView;

package/lib/locale/en/index.cjs

@@ -16,7 +16,8 @@ var index = {
     refresh: "Refresh",
     noSupport: "Not supported currently",
     add: "Add",
-    delete: "Delete"
+    delete: "Delete",
+    save: "Save"
   },
   // 视图
   view: {},
@@ -113,7 +114,14 @@ var index = {
     }
   },
   // 编辑器
-  editor: {}
+  editor: {
+    code: {
+      readOnlyPrompt: "Currently in read-only mode, not editable",
+      confirmCancelPrompt: "Are you sure you want to cancel editing?",
+      cancelEditPrompt: "Canceling editing will prevent the modified content from being saved and cannot be retrieved.",
+      confirmCancel: "Confirm cancel"
+    }
+  }
 };
 
 exports.default = index;

package/lib/locale/zh-CN/index.cjs

@@ -16,7 +16,8 @@ var index = {
     refresh: "\u5237\u65B0",
     noSupport: "\u6682\u672A\u652F\u6301",
     add: "\u6DFB\u52A0",
-    delete: "\u5220\u9664"
+    delete: "\u5220\u9664",
+    save: "\u4FDD\u5B58"
   },
   // 视图
   view: {},
@@ -113,7 +114,14 @@ var index = {
     }
   },
   // 编辑器
-  editor: {}
+  editor: {
+    code: {
+      readOnlyPrompt: "\u5F53\u524D\u4E3A\u53EA\u8BFB\u6A21\u5F0F\uFF0C\u4E0D\u53EF\u7F16\u8F91",
+      confirmCancelPrompt: "\u786E\u5B9A\u8981\u53D6\u6D88\u7F16\u8F91\u5417\uFF1F",
+      cancelEditPrompt: "\u53D6\u6D88\u7F16\u8F91\u5C06\u65E0\u6CD5\u4FDD\u5B58\u4FEE\u6539\u7684\u5185\u5BB9\uFF0C\u4E14\u4E0D\u80FD\u627E\u56DE\u3002",
+      confirmCancel: "\u786E\u8BA4\u53D6\u6D88"
+    }
+  }
 };
 
 exports.default = index;

package/lib/util/open-view-util/open-view-util.cjs

@@ -24,7 +24,7 @@ class OpenViewUtil {
     } else {
       this.router.push({ path });
     }
-    return { ok: true };
+    return { ok: false };
   }
   async rootByModal(appViewId, context, params) {
     const appView = await ibiz.hub.config.view.get(appViewId);
@@ -34,8 +34,7 @@ class OpenViewUtil {
       context,
       params
     );
-    this.router.push({ path });
-    return { ok: true };
+    return this.push(path);
   }
   /**
    * 模态打开视图

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var vueRouter = require('vue-router');
+require('./403-view.css');
+
+"use strict";
+const View403 = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizView403",
+  setup() {
+    const ns = vue3Util.useNamespace("403-view");
+    const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
+    const gotoIndexView = async () => {
+      await router.push("/");
+      window.location.reload();
+    };
+    vue.onMounted(() => ibiz.util.hiddenAppLoading());
+    const isTop = vue.computed(() => {
+      return route && !route.params.view1;
+    });
+    return {
+      ns,
+      isTop,
+      gotoIndexView
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("top", this.isTop)]
+    }, [vue.createVNode("img", {
+      "class": this.ns.b("img"),
+      "src": "./assets/images/404.png"
+    }, null), vue.createVNode("div", {
+      "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", {
+      "class": this.ns.be("text", "text2")
+    }, [vue.createTextVNode("\u60A8\u6CA1\u6709\u8BBF\u95EE\u8BE5\u9875\u9762\u7684\u6743\u9650\uFF0C\u8BF7"), vue.createVNode("a", {
+      "onClick": this.gotoIndexView
+    }, [vue.createTextVNode("\u8FD4\u56DE\u9996\u9875")]), vue.createTextVNode("\u7EE7\u7EED\u6D4F\u89C8")]) : null])]);
+  }
+});
+
+exports.View403 = View403;

package/lib/view/403-view/403-view.css

@@ -0,0 +1 @@
+.ibiz-403-view{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px}.ibiz-403-view .ibiz-403-view-text{margin-top:40px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-403-view-text__text1{margin-bottom:20px}.ibiz-403-view-text__text2 a{color:#557da5;cursor:pointer}.ibiz-403-view.is-top{width:100vw;height:100vh}