@ibiz-template/vue3-components 0.7.5 → 0.7.7-dev.0

package/es/control/wizard-panel/wizard-panel.mjs

@@ -35,16 +35,15 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const {
-      activeFormTag
+      activeFormTag,
+      buttonsState
     } = this.c.state;
     let stepsTitle = null;
     let formComponent = null;
     let footer = null;
     if (activeFormTag && this.c.activeWizardForm) {
-      const wizardForm = this.c.activeWizardForm;
-      const supportActions = wizardForm.stepActions;
       if (this.c.providers[activeFormTag]) {
         const component = resolveComponent(this.c.providers[activeFormTag].component);
         const editForm = (_a = this.c.model.deeditForms) == null ? void 0 : _a.find((_editForm) => {
@@ -64,22 +63,22 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
       const {
         dewizard
       } = this.c.model;
-      footer = supportActions && dewizard && createVNode("div", {
+      footer = dewizard && createVNode("div", {
         "key": "".concat(activeFormTag, "footer"),
         "class": this.ns.b("footer")
-      }, [supportActions.includes("PREV") && createVNode(resolveComponent("el-button"), {
+      }, [((_b = buttonsState["".concat(activeFormTag, "@PREV")]) == null ? void 0 : _b.visible) && createVNode(resolveComponent("el-button"), {
         "onClick": () => {
           this.c.onPrevClick();
         }
       }, {
         default: () => [dewizard.prevCaption ? dewizard.prevCaption : "\u540E\u9000"]
-      }), supportActions.includes("NEXT") && createVNode(resolveComponent("el-button"), {
+      }), ((_c = buttonsState["".concat(activeFormTag, "@NEXT")]) == null ? void 0 : _c.visible) && createVNode(resolveComponent("el-button"), {
         "onClick": () => {
           this.c.onNextClick();
         }
       }, {
         default: () => [dewizard.nextCaption ? dewizard.nextCaption : "\u524D\u8FDB"]
-      }), supportActions.includes("FINISH") && createVNode(resolveComponent("el-button"), {
+      }), ((_d = buttonsState["".concat(activeFormTag, "@FINISH")]) == null ? void 0 : _d.visible) && createVNode(resolveComponent("el-button"), {
         "onClick": () => {
           this.c.onFinishClick();
         }
@@ -91,7 +90,7 @@ const WizardPanelControl = /* @__PURE__ */ defineComponent({
       } = dewizard;
       if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
         let _slot;
-        const active = this.c.steps.indexOf(this.c.stepTags["".concat(this.c.model.name, "_form_").concat((_b = this.c.state.activeFormTag) == null ? void 0 : _b.toLowerCase())]) + 1;
+        const active = this.c.steps.indexOf(this.c.stepTags["".concat(this.c.model.name, "_form_").concat((_e = this.c.state.activeFormTag) == null ? void 0 : _e.toLowerCase())]) + 1;
         stepsTitle = createVNode(resolveComponent("el-steps"), {
           "class": this.ns.b("header"),
           "align-center": true,

package/es/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/es/editor/code/monaco-editor/monaco-editor.d.ts

@@ -32,6 +32,13 @@ export declare const IBizCode: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     currentVal: import("vue").Ref<string>;
     codeEditBox: import("vue").Ref<any>;
+    isFullScreen: import("vue").Ref<boolean>;
+    hasEnableEdit: import("vue").Ref<boolean>;
+    readonlyState: import("vue").Ref<boolean>;
+    renderFooter: () => JSX.Element | null;
+    renderHeaderToolbar: () => JSX.Element | null;
+    renderCodeContent: () => JSX.Element;
+    changeFullScreenState: () => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -1,6 +1,7 @@
-import { ref, watch, nextTick, onMounted, onUnmounted, createVNode, defineComponent } from 'vue';
+import { ref, watch, nextTick, createVNode, onMounted, onUnmounted, resolveComponent, defineComponent } from 'vue';
 import './monaco-editor.css';
 import { getCodeProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
+import { ElMessageBox } from 'element-plus';
 import '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
 import loader from '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
 
@@ -13,7 +14,24 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     emit
   }) {
     const ns = useNamespace("code");
+    const c = props.controller;
     const currentVal = ref("");
+    const enableEdit = ref(true);
+    const hasEnableEdit = ref(false);
+    const readonlyState = ref(false);
+    const enableFullScreen = ref(false);
+    const isFullScreen = 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 {
@@ -33,13 +51,22 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
-    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
+      });
+    };
+    watch(() => props.readonly, updateEditorOptions, {
+      immediate: true
+    });
+    watch(() => props.disabled, updateEditorOptions, {
       immediate: true
     });
     const codeEditBox = ref();
@@ -65,10 +92,10 @@ const IBizCode = /* @__PURE__ */ 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,
               // 字体大小
@@ -83,8 +110,10 @@ const IBizCode = /* @__PURE__ */ 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();
@@ -92,6 +121,115 @@ const IBizCode = /* @__PURE__ */ 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 createVNode("i", {
+            "class": "fa fa-compress",
+            "aria-hidden": "true",
+            "onClick": () => changeFullScreenState()
+          }, null);
+        }
+        return createVNode("i", {
+          "class": "fa fa-expand",
+          "aria-hidden": "true",
+          "onClick": () => changeFullScreenState()
+        }, null);
+      }
+      return null;
+    };
+    const renderCancelMessage = () => {
+      return createVNode("div", {
+        "class": ns.be("message", "message-content")
+      }, [createVNode("p", null, [ibiz.i18n.t("editor.code.confirmCancelPrompt")]), 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())) {
+        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 createVNode("div", {
+          "class": [ns.b("footer"), {
+            [ns.b("footer-dialog")]: isFullScreen.value
+          }]
+        }, [createVNode("div", {
+          "class": ns.be("footer", "cancel"),
+          "onClick": () => cancelEdit()
+        }, [ibiz.i18n.t("app.cancel")]), createVNode("div", {
+          "class": ns.be("footer", "save"),
+          "onClick": () => save()
+        }, [ibiz.i18n.t("app.save")])]);
+      }
+      return null;
+    };
+    const renderHeaderToolbar = () => {
+      if (hasEnableEdit.value || enableFullScreen.value) {
+        return createVNode("div", {
+          "class": ns.b("toolbar")
+        }, [hasEnableEdit.value && enableEdit.value && readonlyState.value ? createVNode("i", {
+          "class": "fa fa-edit",
+          "aria-hidden": "true",
+          "onClick": () => changeEditState()
+        }, null) : null, isAllowRenderFullScreen()]);
+      }
+      return null;
+    };
+    const renderCodeContent = () => {
+      return createVNode("div", {
+        "ref": codeEditBox,
+        "class": ns.e("box")
+      }, null);
+    };
     onMounted(() => {
       editorInit();
     });
@@ -101,14 +239,39 @@ const IBizCode = /* @__PURE__ */ defineComponent({
     return {
       ns,
       currentVal,
-      codeEditBox
+      codeEditBox,
+      isFullScreen,
+      hasEnableEdit,
+      readonlyState,
+      renderFooter,
+      renderHeaderToolbar,
+      renderCodeContent,
+      changeFullScreenState
     };
   },
   render() {
-    return createVNode("div", {
-      "ref": "codeEditBox",
-      "class": this.ns.b()
-    }, null);
+    return !this.isFullScreen ? 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]) : createVNode(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: () => [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/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -26,6 +26,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     const isLoading = ref(false);
     let editorState = "";
     let funcs;
+    const codeItemValueNumber = ref(false);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -64,6 +65,13 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       return list;
     };
     const loadCodeList = async () => {
+      if (c.model.appCodeListId) {
+        const app = ibiz.hub.getApp(c.context.srfappid);
+        const codeListModel = app.codeList.getCodeList(c.model.appCodeListId);
+        if (codeListModel) {
+          codeItemValueNumber.value = codeListModel.codeItemValueNumber || false;
+        }
+      }
       isLoading.value = true;
       const codeList = await c.loadCodeList(props.data);
       isLoadedCodeList.value = true;
@@ -102,20 +110,20 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     };
     const curValue = computed({
       get() {
-        var _a, _b;
+        var _a, _b, _c;
         if (!isLoadedCodeList.value) {
           return c.multiple ? [] : "";
         }
         if (editorItems && editorItems.length > 0 && !c.multiple) {
-          return props.data[editorItems[0].id];
+          return (_a = props.data[editorItems[0].id]) == null ? void 0 : _a.toString();
         }
         if (props.value && typeof props.value === "string") {
-          return c.multiple ? (_a = props.value) == null ? void 0 : _a.toString().split(",") : props.value.toString();
+          return c.multiple ? (_b = props.value) == null ? void 0 : _b.toString().split(",") : props.value.toString();
         }
         if (props.value && Array.isArray(props.value)) {
           return c.multiple ? props.value : props.value.toString();
         }
-        return (_b = props.value) == null ? void 0 : _b.toString();
+        return (_c = props.value) == null ? void 0 : _c.toString();
       },
       set(select) {
         if (Array.isArray(select)) {
@@ -129,13 +137,13 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           }
           emit("change", selectArr);
         } else if (editorItems && editorItems.length > 0) {
-          emit("change", select, editorItems[0].id);
-          const selectItem = getCodeListItemByValue(select);
+          emit("change", codeItemValueNumber.value ? Number(select) : select, editorItems[0].id);
+          const selectItem = getCodeListItemByValue(codeItemValueNumber.value ? Number(select) : select);
           if (selectItem) {
             emit("change", selectItem.text);
           }
         } else {
-          emit("change", select);
+          emit("change", codeItemValueNumber.value ? Number(select) : select);
         }
         setEditable(false);
       }
@@ -146,7 +154,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       const textArr = [];
       valueArr.forEach((item) => {
         list.forEach((codeItem) => {
-          if (codeItem.value === item) {
+          if (codeItemValueNumber.value ? codeItem.value === Number(item) : codeItem.value === item) {
             textArr.push(codeItem.text);
           }
         });

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.d.ts

@@ -36,6 +36,7 @@ export declare const IBizInputNumber: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
     max: number;
     min: number;
+    currentFormatVal: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs

@@ -42,6 +42,12 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    const currentFormatVal = computed(() => {
+      if (currentVal.value || currentVal.value === 0) {
+        return props.controller.formatValue(currentVal.value);
+      }
+      return "";
+    });
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -86,7 +92,8 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
       setEditable,
       showFormDefaultContent,
       max,
-      min
+      min,
+      currentFormatVal
     };
   },
   render() {
@@ -95,7 +102,7 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
     } = this.c.parent;
     let content = null;
     if (this.readonly) {
-      content = isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
+      content = isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentFormatVal);
       if (content && unitName) {
         content += unitName;
       }
@@ -120,7 +127,7 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
     }
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.currentVal || this.currentVal === 0 ? this.currentVal : "-"]);
+    }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal : "-"]);
     return 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/es/editor/text-box/input/input.d.ts

@@ -41,6 +41,7 @@ export declare const IBizInput: import("vue").DefineComponent<{
     showLimit: import("vue").Ref<boolean>;
     isAuto: import("vue").Ref<boolean>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    currentFormatVal: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/text-box/input/input.mjs

@@ -64,6 +64,12 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    const currentFormatVal = computed(() => {
+      if (currentVal.value) {
+        return props.controller.formatValue(currentVal.value);
+      }
+      return "";
+    });
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -216,7 +222,8 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       setEditable,
       showLimit,
       isAuto,
-      showFormDefaultContent
+      showFormDefaultContent,
+      currentFormatVal
     };
   },
   render() {
@@ -276,7 +283,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     }
     const formDefaultContent = 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 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/es/ibiz-vue3.mjs

@@ -8,6 +8,7 @@ import './view/index.mjs';
 import { iBizI18n } from './locale/index.mjs';
 import { IBizViewEngine } from './view-engine/index.mjs';
 import { View404 } from './view/404-view/404-view.mjs';
+import { View403 } from './view/403-view/403-view.mjs';
 import { IBizWFStepTraceView } from './view/wf-step-trace-view/index.mjs';
 import { IBizSubAppRefView } from './view/sub-app-ref-view/index.mjs';
 import { IBizDataViewControl } from './control/data-view/index.mjs';
@@ -51,6 +52,7 @@ var IBizVue3 = {
     ibiz.i18n = iBizI18n;
     ibiz.util.getExcelUtil = () => import('./util/xlsx-util/xlsx-util.mjs');
     registerErrorViewProvider("404", () => ({ component: View404 }));
+    registerErrorViewProvider("403", () => ({ component: View403 }));
     v.use(IBizCommonComponents);
     v.use(IBizPanelComponents);
     v.use(IBizViewEngine);

package/es/index.mjs

@@ -100,6 +100,7 @@ export { IBizPanelIndexViewSearch } from './panel-component/panel-index-view-sea
 export { IBizIndexActions } from './panel-component/index-actions/index.mjs';
 export { IBizUserAction } from './panel-component/user-action/index.mjs';
 export { View404 } from './view/404-view/404-view.mjs';
+export { View403 } from './view/403-view/403-view.mjs';
 export { LoginView } from './view/login-view/login-view.mjs';
 export { IBizWFStepTraceView } from './view/wf-step-trace-view/index.mjs';
 export { IBizSubAppRefView } from './view/sub-app-ref-view/index.mjs';

package/es/locale/en/index.d.ts

@@ -11,6 +11,7 @@ declare const _default: {
         noSupport: string;
         add: string;
         delete: string;
+        save: string;
     };
     view: {};
     control: {
@@ -103,6 +104,13 @@ declare const _default: {
             more: string;
         };
     };
-    editor: {};
+    editor: {
+        code: {
+            readOnlyPrompt: string;
+            confirmCancelPrompt: string;
+            cancelEditPrompt: string;
+            confirmCancel: string;
+        };
+    };
 };
 export default _default;

package/es/locale/en/index.mjs

@@ -12,7 +12,8 @@ var index = {
     refresh: "Refresh",
     noSupport: "Not supported currently",
     add: "Add",
-    delete: "Delete"
+    delete: "Delete",
+    save: "Save"
   },
   // 视图
   view: {},
@@ -109,7 +110,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"
+    }
+  }
 };
 
 export { index as default };

package/es/locale/zh-CN/index.d.ts

@@ -11,6 +11,7 @@ declare const _default: {
         noSupport: string;
         add: string;
         delete: string;
+        save: string;
     };
     view: {};
     control: {
@@ -103,6 +104,13 @@ declare const _default: {
             more: string;
         };
     };
-    editor: {};
+    editor: {
+        code: {
+            readOnlyPrompt: string;
+            confirmCancelPrompt: string;
+            cancelEditPrompt: string;
+            confirmCancel: string;
+        };
+    };
 };
 export default _default;

package/es/locale/zh-CN/index.mjs

@@ -12,7 +12,8 @@ var index = {
     refresh: "\u5237\u65B0",
     noSupport: "\u6682\u672A\u652F\u6301",
     add: "\u6DFB\u52A0",
-    delete: "\u5220\u9664"
+    delete: "\u5220\u9664",
+    save: "\u4FDD\u5B58"
   },
   // 视图
   view: {},
@@ -109,7 +110,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"
+    }
+  }
 };
 
 export { index as default };

package/es/panel-component/panel-button/panel-button.controller.mjs

@@ -97,6 +97,8 @@ class PanelButtonController extends PanelItemController {
     if (actionType === "NONE") {
       return;
     }
+    event.stopPropagation();
+    event.preventDefault();
     await UIActionUtil.execAndResolved(
       uiactionId,
       {

package/es/panel-component/panel-static-carousel/panel-static-carousel.mjs

@@ -36,10 +36,18 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
     if ((_a = model.rawItem) == null ? void 0 : _a.rawItemParams) {
       let swipeData = [];
       const imgData = model.rawItem.rawItemParams;
-      const configItem = imgData.findIndex((item) => Object.is(item.key, "autoplay"));
-      if (configItem > -1) {
-        swipeData = imgData.slice(0, -2);
-        getSwipeConfig(imgData.slice(-2));
+      const autoplayIndex = imgData.findIndex((item) => Object.is(item.key, "autoplay"));
+      const timespanIndex = imgData.findIndex((item) => Object.is(item.key, "timespan"));
+      let number = 0;
+      if (autoplayIndex >= 0) {
+        number += 1;
+      }
+      if (timespanIndex >= 0) {
+        number += 1;
+      }
+      if (number > 0) {
+        swipeData = imgData.slice(0, -number);
+        getSwipeConfig(imgData.slice(-number));
       } else {
         swipeData = imgData;
         getSwipeConfig(imgData);
@@ -53,7 +61,7 @@ const PanelStaticCarousel = /* @__PURE__ */ defineComponent({
         return {
           id,
           name: key,
-          imgUrl: sysImage == null ? void 0 : sysImage.imagePath,
+          imgUrl: (sysImage == null ? void 0 : sysImage.imagePath) || (sysImage == null ? void 0 : sysImage.rawContent),
           cssClass: sysImage == null ? void 0 : sysImage.cssClass,
           linkPath: item.linkPath
         };