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

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/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
  */

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

@@ -2,7 +2,7 @@ import { isVNode, ref, computed, watch, onUnmounted, resolveComponent, createVNo
 import { debounce } from 'lodash-es';
 import { getInputProps, getEditorEmits, useNamespace, useUIStore, useCodeListListen } from '@ibiz-template/vue3-util';
 import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
-import { isEmoji, base64ToStr, StringUtil, CoreConst, getAppCookie, IBizContext } from '@ibiz-template/core';
+import { isEmoji, base64ToStr, StringUtil, IBizContext } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
 import '../../../util/index.mjs';
 import './input.css';
@@ -31,10 +31,10 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       rows.value = 10;
     }
     if (c.editorParams) {
-      if (c.editorParams.SHOWLIMIT === "false") {
+      if (c.editorParams.SHOWLIMIT === "false" || c.editorParams.showlimit === "false") {
         showLimit.value = false;
       }
-      if (c.editorParams.ISAUTO === "true") {
+      if (c.editorParams.ISAUTO === "true" || c.editorParams.isauto === "true") {
         isAuto.value = true;
       }
     }
@@ -312,13 +312,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
           uploader: {
             onUpload: async (file, reportProgress, options) => {
               const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
-              const uploadHeaders = {};
-              const token = getAppCookie(CoreConst.TOKEN);
-              if (token) {
-                Object.assign(uploadHeaders, {
-                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
-                });
-              }
+              const uploadHeaders = ibiz.util.file.getUploadHeaders();
               const formData = new FormData();
               formData.append("file", file);
               const res = await ibiz.net.axios({
@@ -507,7 +501,10 @@ 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.currentFormatVal : ibiz.config.common.emptyText]);
+    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     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/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -5,12 +5,14 @@ import './ibiz-file-upload.scss';
  *
  * @description 使用el-upload组件封装，用于点击上传文件。支持编辑器类型包含：`文件控件`、`文件控件（单项）`
  * @primary
- * @editorparams {"name":"isDrag","parameterType":"boolean","defaultvalue":false,"description":"el-upload组件drag属性"}
- * @editorparams {"name":"multiple","parameterType":"boolean","defaultvalue":true,"description":"el-upload组件属性"}
- * @editorparams {"name":"accept","parameterType":"string","description":"el-upload组件属性"}
- * @editorparams {"name":"uploadParams","parameterType":"string","description":"图片或文件上传时，用于计算上传路径"}
- * @editorparams {"name":"exportParams","parameterType":"string","description":"图片或文件下载时，用于计算下载路径"}
+ * @editorparams {"name":"isdrag","parameterType":"boolean","defaultvalue":false,"description":"el-upload组件的drag属性"}
+ * @editorparams {"name":"multiple","parameterType":"boolean","defaultvalue":true,"description":"el-upload组件的multiple属性，类型为文件控件（单项）时默认值为false"}
+ * @editorparams {"name":"accept","parameterType":"string","description":"el-upload组件的accept属性"}
+ * @editorparams {"name":"uploadparams","parameterType":"string","description":"上传参数，图片或文件上传时，用于计算上传路径"}
+ * @editorparams {"name":"exportparams","parameterType":"string","description":"下载参数，图片或文件下载时，用于计算下载路径"}
  * @editorparams {"name":"osscat","parameterType":"string","description":"用于计算上传和下载路径的OSS参数"}
+ * @editorparams {"name":"infomap","parameterType":"string","description":"上传文件信息的映射规则字符串，用于将上传成功后返回的文件数据转换为保存数据所需格式。格式为'源键:目标键;源键2:目标键2'。示例：映射规则（'filesize:size;fileext:ext'），源对象（{filesize:'10000', fileext:'.gif'}），转换结果（{size:'10000', ext:'.gif'}）"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

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/editor/upload/ibiz-image-cropping/ibiz-image-cropping.d.ts

@@ -4,15 +4,17 @@ import './ibiz-image-cropping.scss';
 /**
  * 图片裁剪上传
  *
- * @description 使用el-upload，el-image-viewer组件封装，用于对图片进行裁剪处理后再执行上传操作。支持编辑器样式为`裁剪上传`，基于`图片控件`编辑器进行扩展
+ * @description 使用el-upload，el-image-viewer组件封装，用于对图片进行裁剪处理后再执行上传操作。基于`图片控件`编辑器进行扩展，编辑器样式代码名称为：PICTURE_CROPPING
  * @primary
- * @editorparams {"name":"cropWidth","parameterType":"number","defaultvalue":400,"description":"设置图片截取区域的宽度"}
- * @editorparams {"name":"cropHeight","parameterType":"number","defaultvalue":200,"description":"设置图片截取区域的高度"}
- * @editorparams {"name":"autoPreview","parameterType":"boolean","defaultvalue":false,"description":"当输入参数 `readonly` 为 true 并且该参数为 true 时。加载完图片后将自动调整图片大小达到预览态，且鼠标移入后不显示图片处理工具栏"}
- * @editorparams {"name":"accept","parameterType":"string","description":"el-upload组件属性"}
- * @editorparams {"name":"uploadParams","parameterType":"string","description":"图片或文件上传时，用于计算上传路径"}
- * @editorparams {"name":"exportParams","parameterType":"string","description":"图片或文件下载时，用于计算下载路径"}
+ * @editorparams {"name":"cropwidth","parameterType":"number","defaultvalue":400,"description":"设置图片截取区域的宽度"}
+ * @editorparams {"name":"cropheight","parameterType":"number","defaultvalue":200,"description":"设置图片截取区域的高度"}
+ * @editorparams {"name":"autopreview","parameterType":"boolean","defaultvalue":false,"description":"当输入参数 `readonly` 为 true 并且该参数为 true 时。加载完图片后将自动调整图片大小达到预览态，且鼠标移入后不显示图片处理工具栏"}
+ * @editorparams {"name":"accept","parameterType":"string","description":"el-upload组件的accept属性"}
+ * @editorparams {"name":"uploadparams","parameterType":"string","description":"上传参数，图片上传时，用于计算上传路径"}
+ * @editorparams {"name":"exportparams","parameterType":"string","description":"下载参数，图片下载时，用于计算下载路径"}
  * @editorparams {"name":"osscat","parameterType":"string","description":"用于计算上传和下载路径的OSS参数"}
+ * @editorparams {"name":"infomap","parameterType":"string","description":"上传文件信息的映射规则字符串，用于将上传成功后返回的文件数据转换为保存数据所需格式。格式为'源键:目标键;源键2:目标键2'。示例：映射规则（'filesize:size;fileext:ext'），源对象（{filesize:'10000', fileext:'.gif'}），转换结果（{size:'10000', ext:'.gif'}）"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */