@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.21

package/es/editor/span/span/span.mjs

@@ -20,7 +20,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    var _a;
+    var _a, _b;
     const ns = useNamespace("span");
     const c = props.controller;
     const text = ref("");
@@ -31,7 +31,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       unitName
     } = c.parent;
     const spanTitle = ref("");
-    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
+    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ((_b = c.editorParams) == null ? void 0 : _b.textseparator) || ",";
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (isNil(newVal)) {
@@ -151,16 +151,20 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
           "class": this.ns.e("code-list"),
           "codeListItems": this.items,
           "codeList": this.c.codeList,
-          "value": this.text
+          "value": this.text,
+          "convertToCodeItemText": this.c.convertToCodeItemText
         }, null);
       }
     } else if (this.text) {
       content = this.text;
       this.spanTitle = this.text;
     } else {
-      content = ibiz.config.common.emptyText;
+      content = createVNode(resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": this.c.emptyShowPlaceholder,
+        "placeHolder": this.c.placeHolder
+      }, null);
     }
-    const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
+    const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.editorParams.overflowmode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return createVNode("span", {
       "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("is-ellipsis", isEllipsis)],
       "ref": "editorRef",

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

@@ -5,10 +5,11 @@ import { StepperEditorController } from '../stepper-editor.controller';
  *
  * @description 使用el-input-number组件，在数值框的基础上，增加或减少特定数值。支持编辑器类型包含：`步进器`
  * @primary
- * @editorparams {name:stepvalue,parameterType:number,defaultvalue:1,description:el-input-number组件的step属性，设置递增递减的步进控制}
+ * @editorparams {name:stepvalue,parameterType:number,defaultvalue:1,description:el-input-number组件的step属性，设置递增递减的步进值}
  * @editorparams {name:precision,parameterType:number,defaultvalue:0,description:el-input-number组件的precision属性，设置数值精度}
  * @editorparams {name:maxvalue,parameterType:number,defaultvalue:Infinity,description:el-input-number组件的max属性，设置步进器允许的最大值}
- * @editorparams {name:minvalue,parameterType:number,defaultvalue:Infinity,description:el-input-number组件的min属性，设置步进器允许的最小值}
+ * @editorparams {name:minvalue,parameterType:number,defaultvalue:-Infinity,description:el-input-number组件的min属性，设置步进器允许的最小值}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits enter | infoTextChange
  */

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

@@ -1,5 +1,6 @@
 import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getStepperProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { isNilOrEmpty } from 'qx-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-stepper.css';
 
@@ -75,7 +76,7 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = "".concat(this.currentVal);
+      content = isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
     } else {
       content = [createVNode(resolveComponent("el-input-number"), mergeProps({
         "ref": "inputRef",

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

@@ -5,7 +5,8 @@ import { SwitchEditorController } from '../switch-editor.controller';
  *
  * @description 使用el-switch组件，表示两种相互对立的状态间的切换，多用于触发「开/关」。支持编辑器类型包含：`开关部件`
  * @primary
- * @editorparams {"name":"dicData","parameterType":"Array<{value: number;label: string;}>","defaultvalue":[{"value":0,"label":""},{"value":1,"label":""}],"description":"开关时文字描述。在配置的数组中，value值为0时，是 switch 关闭时的文字描述；value值为1时，是 switch 打开时的文字描述"}
+ * @editorparams {"name":"dicdata","parameterType":"Array<{value: number;label: string;}>","defaultvalue":[{"value":0,"label":""},{"value":1,"label":""}],"description":"开关的文字描述。在配置的数组中，value值为0时，是 switch 关闭时的文字描述；value值为1时，是 switch 打开时的文字描述"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

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

@@ -27,6 +27,9 @@ const IBizSwitch = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.dicData) {
         dicData = c.toObj(editorModel.editorParams.dicData);
       }
+      if (editorModel.editorParams.dicdata) {
+        dicData = c.toObj(editorModel.editorParams.dicdata);
+      }
     }
     if (dicData && Array.isArray(dicData)) {
       const inactiveResult = dicData.find((item) => {

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,85 +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/ibiz-input-number/ibiz-input-number.d.ts

@@ -7,9 +7,10 @@ import { TextBoxEditorController } from '../text-box-editor.controller';
  * @primary
  * @editorparams {name:precision,parameterType:number,description:el-input-number组件的precision属性，设置数值精度}
  * @editorparams {name:maxvalue,parameterType:number,defaultvalue:Infinity,description:el-input-number组件的max属性，设置数值框允许的最大值}
- * @editorparams {name:minvalue,parameterType:number,defaultvalue:Infinity,description:el-input-number组件的min属性，设置数值框允许的最小值}
+ * @editorparams {name:minvalue,parameterType:number,defaultvalue:-Infinity,description:el-input-number组件的min属性，设置数值框允许的最小值}
  * @editorparams {name:enablethousands,parameterType:boolean,defaultvalue:false,description:是否启用千分位}
- * @editorparams {"name":"triggerMode","parameterType":"'blur' |' input'","defaultvalue":"'blur'","description":"指定编辑器触发 `emit` 事件的模式，input: 输入框值变更时触发emit，blur：输入框blur时触发blur"}
+ * @editorparams {"name":"triggermode","parameterType":"'blur' | 'input'","defaultvalue":"'blur'","description":"指定编辑器触发 `change` 值变更事件的模式，input: 输入框输入时触发事件，blur：输入框blur时触发事件"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops overflowMode
  * @ignoreemits infoTextChange
  */

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

@@ -43,7 +43,7 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
         minimumFractionDigits: decimalPlaces,
         maximumFractionDigits: decimalPlaces
       };
-      return num.toLocaleString("en-US", options);
+      return num == null ? void 0 : num.toLocaleString("en-US", options);
     };
     const convertToNumber = (str) => {
       const stringWithoutCommas = str.replace(/,/g, "");
@@ -203,7 +203,10 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
       }
       return createVNode("div", {
         "class": this.ns.b("form-default-content")
-      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : ibiz.config.common.emptyText]);
+      }, [this.currentVal || this.currentVal === 0 ? this.currentFormatVal + unit : 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("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]

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

@@ -1,5 +1,6 @@
 export { IBizInput } from './input/input';
 export { IBizInputNumber } from './ibiz-input-number/ibiz-input-number';
 export { IBizInputIP } from './ibiz-input-ip/ibiz-input-ip';
+export { IBizSignature } from './signature/signature';
 export * from './text-box-editor.controller';
 export * from './text-box-editor.provider';

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

@@ -1,6 +1,7 @@
 export { IBizInput } from './input/input.mjs';
 export { IBizInputNumber } from './ibiz-input-number/ibiz-input-number.mjs';
 export { IBizInputIP } from './ibiz-input-ip/ibiz-input-ip.mjs';
+export { IBizSignature } from './signature/signature.mjs';
 export { TextBoxEditorController } from './text-box-editor.controller.mjs';
 export { TextBoxEditorProvider } from './text-box-editor.provider.mjs';
 

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

@@ -3,14 +3,18 @@ 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:srfaiappendcurdata,parameterType:boolean,defaultvalue:false,description:在打开AI功能时，该参数用于判断是否传入对象参数，主要用于在请求历史记录时，附加当前参数}
+ * @editorparams {name:ac,parameterType:boolean,defaultvalue:false,description:是否启用ac自填模式}
+ * @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":"指定编辑器触发 `emit` 事件的模式，input: 输入框值变更时触发emit，blur：输入框blur时触发blur"}
+ * @editorparams {"name":"triggermode","parameterType":"'blur' | 'input'","defaultvalue":"'blur'","description":"指定编辑器触发 `change` 值变更事件的模式，input: 输入框输入时触发事件，blur：输入框blur时触发事件"}
+ * @editorparams {name:minlength,parameterType:number,description:指定编辑器输入内容的最小字数}
+ * @editorparams {name:maxlength,parameterType:number,description:指定编辑器输入内容的最大字数}
+ * @editorparams {name:readonly,parameterType:boolean,defaultvalue:false,description:设置编辑器是否为只读态}
  * @ignoreprops overflowMode
  * @ignoreemits infoTextChange
  */