@ibiz-template/vue3-components 0.7.41-alpha.12 → 0.7.41-alpha.14

package/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.mjs

@@ -184,7 +184,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
             emitVal = Number(select);
           emit("change", emitVal);
         }
-        if (c.editorParams.alwaysLoad === "true") {
+        if (c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true") {
           loadCodeList();
         }
         if (props.autoFocus) {
@@ -240,7 +240,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
-      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
+      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
           nextTick(() => {
@@ -319,7 +319,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = createVNode(resolveComponent("el-select-v2"), mergeProps({
       "ref": "editorRef",
@@ -334,7 +334,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       "disabled": this.disabled,
       "loading": this.isLoading,
       "fit-input-width": isEllipsis,
-      "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id))),
+      "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id)), " ").concat(this.ns.b("virtualized-list-popper")),
       "onFocus": this.onFocus,
       "onClear": this.handleClear,
       "onKeyup": this.handleKeyUp,
@@ -384,7 +384,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       }, [text])]);
     });
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.c.editorParams.type === "round" && this.ns.m("round")]
+      "class": [this.ns.b(), this.ns.b("virtualized-list"), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.c.editorParams.type === "round" && this.ns.m("round"), this.ns.is("has-value", this.value != null && this.value !== "")]
     }, [this.readonly ? readonlyContent : editContent]);
   }
 });

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs

@@ -173,7 +173,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       }
     };
     const editorInit = () => {
-      if (props.disabled) {
+      if (props.disabled || props.readonly) {
         defaultModel.value = "previewOnly";
       }
       nextTick(() => {

package/es/editor/slider/ibiz-slider/ibiz-slider.d.ts

@@ -12,9 +12,9 @@ import './ibiz-slider.scss';
  * @editorparams {name:showstops,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 时，是否显示间断点，el-slider组件的show-stops属性}
  * @editorparams {name:range,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 时，是否开启选择范围，el-slider组件的range属性}
  * @editorparams {name:showinput,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 时，是否显示输入框，仅在非范围选择时有效，el-slider组件的show-input属性}
- * @editorparams {name:showtext,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 或为 'circle' 时，是否显示文本}
- * @editorparams {name:format,parameterType:string,defaultvalue:'0%',description:当 `type` 为 'line' 或为 'circle' 时，设置显示文本的格式}
- * @editorparams {name:textitem,parameterType:string,description:当 `type` 为 'line' 或为 'circle' 时，设置显示文本属性。设置后，环形进度条的显示文本将优先获取主数据内对应属性的数据进行展示}
+ * @editorparams {name:showtext,parameterType:boolean,defaultvalue:false,description:当 `type` 为 'line' 或 'circle' 时，是否显示文本}
+ * @editorparams {name:format,parameterType:string,defaultvalue:'0%',description:当 `type` 为 'line' 或 'circle' 时，设置显示文本的格式}
+ * @editorparams {name:textitem,parameterType:string,description:当 `type` 为 'line' 或 'circle' 时，设置显示文本属性。设置后，环形进度条的显示文本将优先获取主数据内对应属性的数据进行展示}
  * @editorparams {name:piebg,parameterType:string,description:当 `type` 为 'pie' 时，设置饼图进度条背景色，可配置十六进制颜色、rgb颜色}
  * @editorparams {name:piepercentbg,parameterType:string,description:当 `type` 为 'pie' 时，设置饼图进度条占比背景色，可配置十六进制颜色、rgb颜色}
  * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}

package/es/editor/span/span/span.d.ts

@@ -7,7 +7,7 @@ import { SpanEditorController } from '../span-editor.controller';
  * @description 直接呈现文本内容，可配置单位，无值时显示全局配置的emptyText，支持编辑器类型包含：`标签`
  * @primary
  * @editorparams {"name":"textseparator","parameterType":"string","defaultvalue":"','","description":"文本分隔符。如果是数组数据，在呈现时会使用文本分隔符拼接为字符串显示"}
- * @editorparams {name:overflowmode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:文本换行模式。当参数为 'auto' 时，若内容超出宽度则会换行显示；当参数为 'ellipsis' 时，若内容超出宽度则会显示省略号}
+ * @editorparams {name:overflowmode,parameterType:'auto' | 'ellipsis',description:文本换行模式。当参数为 'auto' 时，若内容超出宽度则会换行显示；当参数为 'ellipsis' 时，若内容超出宽度则会显示省略号}
  * @editorparams {"name":"valuetype","parameterType":"string","description":"编辑器的值类型"}
  * @editorparams {"name":"objectnamefield","parameterType":"string","defaultvalue":"'srfmajortext'","description":"值类型为OBJECT、OBJECTS时显示的对象属性"}
  * @ignoreprops autoFocus | overflowMode

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.css

@@ -1 +1 @@
-.ibiz-input-ip{display:flex;flex-wrap:nowrap;height:100%;line-height:var(--ibiz-form-item-line-height)}.ibiz-form-item .ibiz-input-ip.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-input-ip{display:flex;flex-wrap:nowrap;height:100%;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-input-ip .el-input .el-input__wrapper{background-color:transparent;box-shadow:none}.ibiz-input-ip .el-input.is-disabled .el-input__wrapper{background-color:transparent}.ibiz-input-ip:hover:not(.ibiz-input-ip--disabled) .ibiz-input-ip-content{box-shadow:0 0 0 1px var(--ibiz-editor-hover-border-color) inset}.ibiz-input-ip--disabled .ibiz-input-ip-content{color:var(--el-disabled-text-color);cursor:not-allowed;background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.ibiz-input-ip--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-input-ip.is-focus .ibiz-input-ip-content{box-shadow:0 0 0 1px var(--ibiz-color-primary) inset}.ibiz-input-ip-content{display:flex;flex-wrap:nowrap;align-items:center;width:100%;height:100%;color:var(--ibiz-editor-default-text-color);border-radius:var(--ibiz-border-radius-small);box-shadow:0 0 0 1px var(--ibiz-editor-default-border-color) inset}.ibiz-form-item .ibiz-input-ip.is-show-default .ibiz-input-ip-form-default-content{display:block;padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-input-ip.is-show-default .ibiz-input-ip-content{display:none}.ibiz-form-item .ibiz-input-ip.is-show-default:hover .ibiz-input-ip-form-default-content{display:none}.ibiz-form-item .ibiz-input-ip.is-show-default:hover .ibiz-input-ip-content{display:flex}.ibiz-form-item .ibiz-input-ip.is-show-default.is-focus .ibiz-input-ip-form-default-content{display:none}.ibiz-form-item .ibiz-input-ip.is-show-default.is-focus .ibiz-input-ip-content{display:flex}

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

@@ -1,86 +1,12 @@
-import { Ref } from 'vue';
+import { defineComponent } from 'vue';
 import './ibiz-input-ip.scss';
-import { TextBoxEditorController } from '../text-box-editor.controller';
 /**
  * IP地址输入框
  *
- * @description 使用多个el-input组件用于 IP 地址数据的录入，呈现样式为 4 个输入框。支持编辑器类型包含：`IP地址输入框`
+ * @description 由多个el-input组件组合而成，用于IP地址数据的录入。支持编辑器类型包含：`IP地址输入框`
  * @primary
  * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops overflowMode
  * @ignoreemits infoTextChange
  */
-export declare const IBizInputIP: import("vue").DefineComponent<{
-    value: StringConstructor;
-    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
-    disabled: {
-        type: BooleanConstructor;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    overflowMode: {
-        type: StringConstructor;
-    };
-    controlParams: {
-        type: ObjectConstructor;
-        required: boolean;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    c: TextBoxEditorController;
-    editorRef: Ref<any>;
-    currentVal: Ref<string[]>;
-    getFocus: () => void;
-    blur: () => void;
-    firstIp: Ref<string>;
-    secIp: Ref<string>;
-    thirdIp: Ref<string>;
-    forIp: Ref<string>;
-    showFormDefaultContent: import("vue").ComputedRef<boolean>;
-    handleKeyUp: (e: KeyboardEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    infoTextChange: (_text: string) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: StringConstructor;
-    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
-    disabled: {
-        type: BooleanConstructor;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    overflowMode: {
-        type: StringConstructor;
-    };
-    controlParams: {
-        type: ObjectConstructor;
-        required: boolean;
-    };
-}>> & {
-    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-}, {
-    disabled: boolean;
-    readonly: boolean;
-    autoFocus: boolean;
-}, {}>;
+export declare const IBizInputIP: ReturnType<typeof defineComponent>;

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

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { computed, ref, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { getInputIpProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-input-ip.css';
 
@@ -12,71 +12,139 @@ const IBizInputIP = /* @__PURE__ */ defineComponent({
   }) {
     const ns = useNamespace("input-ip");
     const c = props.controller;
-    const editorRef = ref();
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;
     });
-    const currentVal = ref([]);
     const activeElement = ref(false);
     const isAllBlur = ref(false);
-    const firstIp = ref("");
-    const secIp = ref("");
-    const thirdIp = ref("");
-    const forIp = ref("");
-    if (props.value) {
-      const ipArr = props.value.split(".");
-      currentVal.value = ipArr;
-      firstIp.value = currentVal.value[0];
-      secIp.value = currentVal.value[1];
-      thirdIp.value = currentVal.value[2];
-      forIp.value = currentVal.value[3];
-    }
-    const checkIpVal = (newVal, oldVal, ip, index) => {
-      if (newVal === "")
-        return;
-      const reg = /^(([0-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5]))))$/g;
-      if (reg.test(newVal)) {
-        currentVal.value[index] = newVal;
-      } else if (ip) {
-        ibiz.message.warning(ibiz.i18n.t("editor.textBox.warningMessage", {
-          num: index + 1
-        }));
-        ip.value = oldVal;
-        currentVal.value[index] = oldVal;
+    const splitIp = (ip) => {
+      const parts = ip.split(".");
+      return [parts[0] || "", parts[1] || "", parts[2] || "", parts[3] || ""];
+    };
+    const joinIp = (parts) => {
+      return parts.join(".");
+    };
+    const isValidIp = (parts) => {
+      return parts.every((part) => {
+        if (!part) {
+          return false;
+        }
+        return /^(0|[1-9]\d?|1\d\d|2[0-4]\d|25[0-5])$/.test(part);
+      });
+    };
+    const ipSegments = ref(splitIp(props.value || ""));
+    const ipInputs = ref([]);
+    const handleInput = (value, index) => {
+      var _a;
+      value = value.replace(/[^0-9]/g, "").slice(0, 3);
+      if (value) {
+        const num = parseInt(value, 10);
+        if (num > 255) {
+          value = "255";
+        } else {
+          value = "".concat(num);
+        }
+      }
+      ipSegments.value[index] = value;
+      const target = ipInputs.value[index];
+      const input = target == null ? void 0 : target.input;
+      if (ipSegments.value[index].length === 3 && index < 3 && input && input.selectionStart === ipSegments.value[index].length && input.selectionEnd === ipSegments.value[index].length) {
+        const ipInput = ipInputs.value[index + 1];
+        if (ipInput) {
+          ipInput.focus();
+          (_a = ipInput.input) == null ? void 0 : _a.setSelectionRange(0, ipSegments.value[index + 1].length);
+        }
       }
-      if (firstIp.value && secIp.value && thirdIp.value && forIp.value) {
-        emit("change", "".concat(firstIp.value, ".").concat(secIp.value, ".").concat(thirdIp.value, ".").concat(forIp.value));
+      if (isValidIp(ipSegments.value)) {
+        emit("change", joinIp(ipSegments.value));
       }
     };
-    watch(firstIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, firstIp, 0);
-    });
-    watch(secIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, secIp, 1);
-    });
-    watch(thirdIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, thirdIp, 2);
-    });
-    watch(forIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, forIp, 3);
-    });
-    watch(editorRef, (newVal) => {
-      if (props.autoFocus && newVal) {
-        const input = newVal.$el.getElementsByTagName("input")[0];
-        input.focus();
+    const handleKeydown = (event, index) => {
+      var _a, _b, _c, _d, _e;
+      if (event.key === "Enter") {
+        emit("enter", event);
+        return;
       }
-    });
-    const getFocus = () => {
+      if (/^[0-9]$/.test(event.key)) {
+        const input = event.target;
+        if (input && ipSegments.value[index].length === 3 && input.selectionStart === input.selectionEnd) {
+          event.preventDefault();
+          if (index < 3 && input.selectionEnd === ipSegments.value[index].length) {
+            const nextIndex = index + 1;
+            const nextInput = ipInputs.value[nextIndex];
+            if (nextInput) {
+              nextInput.focus();
+              (_a = nextInput.input) == null ? void 0 : _a.setSelectionRange(0, ipSegments.value[nextIndex].length);
+            }
+          }
+        }
+        return;
+      }
+      if (event.key === ".") {
+        event.preventDefault();
+        const input = event.target;
+        if (input && index < 3 && input.selectionStart === input.selectionEnd && input.selectionEnd !== 0 && ipSegments.value[index].length) {
+          const nextIndex = index + 1;
+          const nextInput = ipInputs.value[nextIndex];
+          if (nextInput) {
+            nextInput.focus();
+            (_b = nextInput.input) == null ? void 0 : _b.setSelectionRange(0, ipSegments.value[nextIndex].length);
+          }
+        }
+        return;
+      }
+      if (event.key === "Backspace") {
+        const input = event.target;
+        if (input && index > 0 && input.selectionStart === 0 && input.selectionEnd === 0) {
+          event.preventDefault();
+          const prevIndex = index - 1;
+          const prevValue = ipSegments.value[prevIndex];
+          const prevInput = ipInputs.value[prevIndex];
+          if (prevValue.length > 0) {
+            ipSegments.value[prevIndex] = prevValue.slice(0, -1);
+          }
+          if (prevInput) {
+            prevInput.focus();
+            (_c = prevInput.input) == null ? void 0 : _c.setSelectionRange(ipSegments.value[prevIndex].length, ipSegments.value[prevIndex].length);
+          }
+        }
+      }
+      if (event.key === "ArrowLeft") {
+        const input = event.target;
+        if (input && index > 0 && input.selectionStart === 0 && input.selectionEnd === 0) {
+          event.preventDefault();
+          const prevIndex = index - 1;
+          const prevInput = ipInputs.value[prevIndex];
+          if (prevInput) {
+            prevInput.focus();
+            (_d = prevInput.input) == null ? void 0 : _d.setSelectionRange(ipSegments.value[prevIndex].length, ipSegments.value[prevIndex].length);
+          }
+        }
+      }
+      if (event.key === "ArrowRight") {
+        const input = event.target;
+        if (input && index < 3 && input.selectionStart === ipSegments.value[index].length && input.selectionEnd === ipSegments.value[index].length) {
+          event.preventDefault();
+          const nextIndex = index + 1;
+          const nextInput = ipInputs.value[nextIndex];
+          if (nextInput) {
+            nextInput.focus();
+            (_e = nextInput.input) == null ? void 0 : _e.setSelectionRange(0, 0);
+          }
+        }
+      }
+    };
+    const handleFocus = () => {
       activeElement.value = true;
       if (isAllBlur.value) {
         isAllBlur.value = false;
         emit("focus");
       }
     };
-    const blur = () => {
+    const handleBlur = () => {
       activeElement.value = false;
       setTimeout(() => {
         if (!activeElement.value) {
@@ -85,75 +153,66 @@ const IBizInputIP = /* @__PURE__ */ defineComponent({
         }
       }, 0);
     };
-    const handleKeyUp = (e) => {
-      if (e && e.code === "Enter") {
-        emit("enter", e);
+    watch(() => props.value, (newVal) => {
+      ipSegments.value = splitIp(newVal || "");
+    });
+    watch(() => ipInputs.value[0], (input) => {
+      if (props.autoFocus && input) {
+        input.focus();
       }
-    };
+    });
     return {
       ns,
       c,
-      editorRef,
-      currentVal,
-      getFocus,
-      blur,
-      firstIp,
-      secIp,
-      thirdIp,
-      forIp,
       showFormDefaultContent,
-      handleKeyUp
+      activeElement,
+      ipSegments,
+      ipInputs,
+      joinIp,
+      handleInput,
+      handleKeydown,
+      handleFocus,
+      handleBlur
     };
   },
   render() {
-    return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
-    }, [createVNode(resolveComponent("el-input"), {
-      "ref": "editorRef",
-      "type": "text",
-      "size": "small",
-      "disabled": this.disabled,
-      "readonly": this.readonly,
-      "onFocus": this.getFocus,
-      "onBlur": this.blur,
-      "onKeyup": this.handleKeyUp,
-      "maxlength": 3,
-      "modelValue": this.firstIp,
-      "onUpdate:modelValue": ($event) => this.firstIp = $event
-    }, null), createTextVNode("."), createVNode(resolveComponent("el-input"), {
-      "type": "text",
-      "size": "small",
-      "disabled": this.disabled,
-      "readonly": this.readonly,
-      "onFocus": this.getFocus,
-      "onBlur": this.blur,
-      "onKeyup": this.handleKeyUp,
-      "maxlength": 3,
-      "modelValue": this.secIp,
-      "onUpdate:modelValue": ($event) => this.secIp = $event
-    }, null), createTextVNode("."), createVNode(resolveComponent("el-input"), {
-      "type": "text",
-      "size": "small",
-      "disabled": this.disabled,
-      "readonly": this.readonly,
-      "onFocus": this.getFocus,
-      "onBlur": this.blur,
-      "onKeyup": this.handleKeyUp,
-      "maxlength": 3,
-      "modelValue": this.thirdIp,
-      "onUpdate:modelValue": ($event) => this.thirdIp = $event
-    }, null), createTextVNode("."), createVNode(resolveComponent("el-input"), {
-      "type": "text",
-      "size": "small",
-      "disabled": this.disabled,
-      "readonly": this.readonly,
-      "onFocus": this.getFocus,
-      "onBlur": this.blur,
-      "onKeyup": this.handleKeyUp,
-      "maxlength": 3,
-      "modelValue": this.forIp,
-      "onUpdate:modelValue": ($event) => this.forIp = $event
+    let content = null;
+    if (this.readonly) {
+      content = this.value;
+    } else {
+      content = createVNode("div", {
+        "class": this.ns.b("content")
+      }, [this.ipSegments.map((segment, index) => {
+        return [createVNode(resolveComponent("el-input"), {
+          "model-value": segment,
+          "maxlength": 4,
+          "disabled": this.disabled,
+          "readonly": this.readonly,
+          "ref": (el) => {
+            if (el) {
+              this.ipInputs[index] = el;
+            } else {
+              this.ipInputs[index] = void 0;
+            }
+          },
+          "onInput": (value) => this.handleInput(value, index),
+          "onKeydown": (e) => this.handleKeydown(e, index),
+          "onFocus": this.handleFocus,
+          "onBlur": this.handleBlur
+        }, null), index < 3 && createVNode("span", {
+          "class": this.ns.b("dot")
+        }, [createTextVNode(".")])];
+      })]);
+    }
+    const formDefaultContent = createVNode("div", {
+      "class": this.ns.b("form-default-content")
+    }, [this.ipSegments.some((segment) => segment) ? this.joinIp(this.ipSegments) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
     }, null)]);
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("focus", this.activeElement && !this.disabled && !this.readonly)]
+    }, [this.showFormDefaultContent && formDefaultContent, content]);
   }
 });
 

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

@@ -3,13 +3,13 @@ import './input.scss';
 /**
  * 文本框
  *
- * @description 使用el-input组件，用于数据录入，通过鼠标或键盘输入字符。支持编辑器类型包含：`文本框`、`多行输入框`、`多行输入（10行）`、`密码框`
+ * @description 使用el-input组件，用于数据录入，通过鼠标或键盘输入字符。支持编辑器类型包含：`文本框`、`多行输入框`、`多行输入框（10行）`、`密码框`
  * @primary
- * @editorparams {name:showlimit,parameterType:boolean,defaultvalue:true,description:el-input组件的show-word-limit属性，控制文本域是否显示字数限制，当编辑器类型为多行输入框、多行输入（10行）时生效}
- * @editorparams {name:isauto,parameterType:boolean,defaultvalue:false,description:el-input组件的autosize属性，控制文本域高度是否自适应，当编辑器类型为多行输入框、多行输入（10行）时生效}
+ * @editorparams {name:showlimit,parameterType:boolean,defaultvalue:true,description:el-input组件的show-word-limit属性，控制文本域是否显示字数限制，当编辑器类型为多行输入框、多行输入框（10行）时生效}
+ * @editorparams {name:isauto,parameterType:boolean,defaultvalue:false,description:el-input组件的autosize属性，控制文本域高度是否自适应，当编辑器类型为多行输入框、多行输入框（10行）时生效}
  * @editorparams {name:autocomplete,parameterType:boolean,defaultvalue:false,description:el-input组件的autocomplete属性，是否允许自动填充}
  * @editorparams {name:ac,parameterType:boolean,defaultvalue:false,description:是否启用ac自填模式}
- * @editorparams {name:srfaiappendcurdata,parameterType:boolean,defaultvalue:false,description:在打开AI功能时，该参数用于判断是否传入对象参数，主要用于在请求历史记录时，附加当前参数}
+ * @editorparams {name:srfaiappendcurdata,parameterType:boolean,defaultvalue:false,description:在打开AI功能时，该参数用于判断是否传入对象参数，主要用于在请求历史记录时，附加当前数据对象}
  * @editorparams {name:srfaiappendcurcontent,parameterType:string,description:在打开AI功能时，如果该参数存在值，会将其传入编辑内容作为用户消息，主要用于在请求历史记录后，附加当前编辑内容作为用户消息}
  * @editorparams {"name":"triggermode","parameterType":"'blur' | 'input'","defaultvalue":"'blur'","description":"指定编辑器触发 `change` 值变更事件的模式，input: 输入框输入时触发事件，blur：输入框blur时触发事件"}
  * @editorparams {name:minlength,parameterType:number,description:指定编辑器输入内容的最小字数}

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.mjs

@@ -78,7 +78,7 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       "file-list": this.files,
       "action": this.uploadUrl,
       "headers": this.headers,
-      "disabled": this.disabled,
+      "disabled": this.disabled || this.readonly,
       "multiple": this.c.multiple,
       "limit": this.limit,
       "drag": !!this.c.isDrag,

package/es/index.mjs

@@ -40,6 +40,7 @@ export { IBizFormRawItem } from './control/form/form-detail/form-rawitem/index.m
 export { IBizFormTabPanel } from './control/form/form-detail/form-tab-panel/index.mjs';
 export { IBizFormTabPage } from './control/form/form-detail/form-tab-page/index.mjs';
 export { IBizFormButtonList } from './control/form/form-detail/form-button-list/index.mjs';
+export { IBizFormIFrame } from './control/form/form-detail/form-iframe/index.mjs';
 export { IBizEditFormControl } from './control/form/edit-form/index.mjs';
 export { IBizFormControl } from './control/form/form/index.mjs';
 export { IBizToolbarControl } from './control/toolbar/index.mjs';

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

@@ -109,7 +109,8 @@ class PanelButtonController extends PanelItemController {
         data: [this.data],
         view: this.panel.view,
         event,
-        noWaitRoute: true
+        noWaitRoute: true,
+        ctrl: this.panel
       },
       this.model.appId
     );

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

@@ -66,7 +66,7 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       try {
         state.loading = true;
         await props.controller.onActionClick(event);
-        props.controller.onClick();
+        props.controller.onClick(event);
       } finally {
         state.loading = false;
       }

package/es/util/app-util/app-util.d.ts

@@ -1,8 +1,14 @@
 import { Router } from 'vue-router';
-import { IAppUtil, IAuthResult, IAiChatParam } from '@ibiz-template/runtime';
+import { IAppUtil, IAuthResult, IAiChatParam, IApiViewController } from '@ibiz-template/runtime';
 import { IChatMessage } from '@ibiz-template/core';
 export declare class AppUtil implements IAppUtil {
-    protected router: Router;
+    router: Router;
+    /**
+     * @description 视图缓存中心
+     * @type {Map<string, IApiViewController>}
+     * @memberof AppUtil
+     */
+    viewCacheCenter: Map<string, IApiViewController>;
     /**
      * Creates an instance of AppUtil.
      * @author tony001
@@ -109,4 +115,50 @@ export declare class AppUtil implements IAppUtil {
      * @memberof AppUtil
      */
     openAiChat(chartParams: IAiChatParam): Promise<IChatMessage[]>;
+    /**
+     * @description 当前路由转换成路由路径对象
+     * @param {boolean} [isRouteModal]
+     * @returns {*}  {{
+     *     appContext?: IParams;
+     *     pathNodes: {
+     *       viewName: string;
+     *       context?: IParams;
+     *       params?: IParams;
+     *       srfnav?: string;
+     *     }[];
+     *   }}
+     * @memberof AppUtil
+     */
+    route2routeObject(isRouteModal?: boolean): {
+        appContext?: IParams;
+        pathNodes: {
+            viewName: string;
+            context?: IParams;
+            params?: IParams;
+            srfnav?: string;
+        }[];
+    };
+    /**
+     * @description 路由路径对象转化为路由路径
+     * @param {{
+     *     appContext?: IParams;
+     *     pathNodes: {
+     *       viewName: string;
+     *       context?: IParams;
+     *       params?: IParams;
+     *       srfnav?: string;
+     *     }[];
+     *   }} routePath
+     * @returns {*}  {string}
+     * @memberof AppUtil
+     */
+    routeObject2String(routePath: {
+        appContext?: IParams;
+        pathNodes: {
+            viewName: string;
+            context?: IParams;
+            params?: IParams;
+            srfnav?: string;
+        }[];
+    }): string;
 }