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

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

@@ -14,71 +14,139 @@ const IBizInputIP = /* @__PURE__ */ vue.defineComponent({
   }) {
     const ns = vue3Util.useNamespace("input-ip");
     const c = props.controller;
-    const editorRef = vue.ref();
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
       }
       return false;
     });
-    const currentVal = vue.ref([]);
     const activeElement = vue.ref(false);
     const isAllBlur = vue.ref(false);
-    const firstIp = vue.ref("");
-    const secIp = vue.ref("");
-    const thirdIp = vue.ref("");
-    const forIp = vue.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 = vue.ref(splitIp(props.value || ""));
+    const ipInputs = vue.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));
       }
     };
-    vue.watch(firstIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, firstIp, 0);
-    });
-    vue.watch(secIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, secIp, 1);
-    });
-    vue.watch(thirdIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, thirdIp, 2);
-    });
-    vue.watch(forIp, (newVal, oldVal) => {
-      checkIpVal(newVal, oldVal, forIp, 3);
-    });
-    vue.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) {
@@ -87,75 +155,66 @@ const IBizInputIP = /* @__PURE__ */ vue.defineComponent({
         }
       }, 0);
     };
-    const handleKeyUp = (e) => {
-      if (e && e.code === "Enter") {
-        emit("enter", e);
+    vue.watch(() => props.value, (newVal) => {
+      ipSegments.value = splitIp(newVal || "");
+    });
+    vue.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 vue.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)]
-    }, [vue.createVNode(vue.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), vue.createTextVNode("."), vue.createVNode(vue.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), vue.createTextVNode("."), vue.createVNode(vue.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), vue.createTextVNode("."), vue.createVNode(vue.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 = vue.createVNode("div", {
+        "class": this.ns.b("content")
+      }, [this.ipSegments.map((segment, index) => {
+        return [vue.createVNode(vue.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 && vue.createVNode("span", {
+          "class": this.ns.b("dot")
+        }, [vue.createTextVNode(".")])];
+      })]);
+    }
+    const formDefaultContent = vue.createVNode("div", {
+      "class": this.ns.b("form-default-content")
+    }, [this.ipSegments.some((segment) => segment) ? this.joinIp(this.ipSegments) : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
     }, null)]);
+    return vue.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/lib/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/lib/editor/text-box/ibiz-input-number/ibiz-input-number.cjs

@@ -45,7 +45,7 @@ const IBizInputNumber = /* @__PURE__ */ vue.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, "");
@@ -205,7 +205,10 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
       }
       return vue.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 : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": this.c.emptyShowPlaceholder,
+        "placeHolder": this.c.placeHolder
+      }, null)]);
     };
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]

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

@@ -33,10 +33,10 @@ const IBizInput = /* @__PURE__ */ vue.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;
       }
     }
@@ -314,13 +314,7 @@ const IBizInput = /* @__PURE__ */ vue.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 = core.getAppCookie(core.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({
@@ -509,7 +503,10 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     }
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : ibiz.config.common.emptyText]);
+    }, [this.currentVal ? this.type === "password" ? this.currentVal.split("").map((_item) => "\u2022") : this.currentFormatVal : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("textarea", Object.is(this.type, "textarea")), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "style": {

package/lib/editor/upload/ibiz-file-upload/ibiz-file-upload.cjs

@@ -80,7 +80,7 @@ const IBizFileUpload = /* @__PURE__ */ vue.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/lib/editor/upload/ibiz-image-cropping/ibiz-image-cropping.cjs

@@ -13,7 +13,7 @@ const IBizImageCropping = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const ns = vue3Util.useNamespace("image-cropping-upload");
     const c = props.controller;
     const {
@@ -45,11 +45,21 @@ const IBizImageCropping = /* @__PURE__ */ vue.defineComponent({
         cropareaWidth: Number(c.editorParams.cropWidth)
       });
     }
-    if ((_b = c.editorParams) == null ? void 0 : _b.cropHeight) {
+    if ((_b = c.editorParams) == null ? void 0 : _b.cropwidth) {
+      Object.assign(cropRect, {
+        cropareaWidth: Number(c.editorParams.cropwidth)
+      });
+    }
+    if ((_c = c.editorParams) == null ? void 0 : _c.cropHeight) {
       Object.assign(cropRect, {
         cropareaHeight: Number(c.editorParams.cropHeight)
       });
     }
+    if ((_d = c.editorParams) == null ? void 0 : _d.cropheight) {
+      Object.assign(cropRect, {
+        cropareaHeight: Number(c.editorParams.cropheight)
+      });
+    }
     const tempFileList = vue.ref();
     const cropVisible = vue.ref(false);
     const onDialogVisibleChange = (value) => {

package/lib/editor/upload/ibiz-image-preview/ibiz-image-preview.cjs

@@ -10,10 +10,13 @@ const IBizImagePreview = /* @__PURE__ */ vue.defineComponent({
   props: vue3Util.getUploadProps(),
   emits: vue3Util.getEditorEmits(),
   setup(props) {
-    var _a;
+    var _a, _b;
     const ns = vue3Util.useNamespace("image-preview");
     const c = props.controller;
-    const result = ((_a = c.editorParams) == null ? void 0 : _a.STOPPROPAGATION) !== "false";
+    let result = ((_a = c.editorParams) == null ? void 0 : _a.STOPPROPAGATION) !== "false";
+    if ((_b = c.editorParams) == null ? void 0 : _b.stoppropagation) {
+      result = c.editorParams.stoppropagation !== "false";
+    }
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;

package/lib/editor/upload/upload-editor.controller.cjs

@@ -40,6 +40,10 @@ class UploadEditorController extends runtime.EditorController {
      * 下载参数
      */
     __publicField(this, "exportParams");
+    /**
+     * 上传文件信息的映射规则字符串，格式为"源键:目标键;源键2:目标键2"
+     */
+    __publicField(this, "infoMap", "");
     /**
      * 自适应预览
      * 只读状态下且配置了编辑器参数autoPreview ，加载完图片后自动调整大小达到预览态，且禁用图片hover工具栏
@@ -48,10 +52,44 @@ class UploadEditorController extends runtime.EditorController {
      * @memberof UploadEditorController
      */
     __publicField(this, "autoPreview", false);
+    /**
+     * 根据配置的映射关系转换对象属性
+     * 将源对象的指定属性，按照映射规则映射到新对象的目标属性
+     *
+     * @param {IData} [_data={}] - 源数据对象，包含需要被映射的原始属性
+     * @param {string} [infoMap=''] - 映射规则字符串，格式为"源键:目标键;源键2:目标键2"
+     * @param {boolean} [isEmit=false] - 是否为抛值时处理，抛值时将源键替换为目标键
+     * @returns {IData} 转换后的新对象，仅包含映射规则中定义的属性
+     *
+     * @example
+     * // isEmit=false
+     * // 源对象：{ filesize:'10000', fileext:'.gif', folder:'file' };
+     * // 映射规则：'filesize:size;fileext:ext;folder:folder';
+     * // 转换结果: { size:'10000', ext:'.gif', folder:'file' }
+     *
+     * // isEmit=true
+     * // 源对象：{ filesize:'10000', fileext:'.gif', folder:'file' };
+     * // 映射规则：'filesize:size;fileext:ext;folder:folder';
+     * // 转换结果: { size:undefined, ext:undefined, folder:'file' }
+     */
+    __publicField(this, "transformInfoMap", (_data = {}, infoMap = "", isEmit = false) => {
+      const result = {};
+      const mappings = infoMap.split(";");
+      mappings.forEach((mapping) => {
+        let [sourceKey, targetKey] = mapping.split(":");
+        if (isEmit)
+          sourceKey = targetKey;
+        if (sourceKey && targetKey) {
+          Object.assign(result, { [targetKey]: _data[sourceKey] });
+        }
+      });
+      return result;
+    });
   }
   async onInit() {
     var _a;
     await super.onInit();
+    this.infoMap = ibiz.config.uploadEditor.infoMap;
     if ((_a = this.model.editorType) == null ? void 0 : _a.includes("PICTURE")) {
       this.accept = "image/*";
     }
@@ -72,14 +110,25 @@ class UploadEditorController extends runtime.EditorController {
         size,
         uploadParams,
         exportParams,
-        autoPreview
+        autoPreview,
+        isdrag,
+        uploadparams,
+        exportparams,
+        autopreview,
+        infomap
       } = this.editorParams;
       if (isDrag) {
         this.isDrag = Boolean(isDrag);
       }
+      if (isdrag) {
+        this.isDrag = Boolean(isdrag);
+      }
       if (autoPreview) {
         this.autoPreview = autoPreview;
       }
+      if (autopreview) {
+        this.autoPreview = autopreview;
+      }
       if (multiple) {
         this.multiple = Boolean(multiple);
       }
@@ -89,6 +138,9 @@ class UploadEditorController extends runtime.EditorController {
       if (size) {
         this.size = Number(size);
       }
+      if (infomap) {
+        this.infoMap = infomap;
+      }
       if (uploadParams) {
         try {
           this.uploadParams = JSON.parse(uploadParams);
@@ -99,6 +151,16 @@ class UploadEditorController extends runtime.EditorController {
           );
         }
       }
+      if (uploadparams) {
+        try {
+          this.uploadParams = JSON.parse(uploadparams);
+        } catch (error) {
+          throw new core.RuntimeModelError(
+            uploadparams,
+            ibiz.i18n.t("editor.upload.uploadJsonFormatErr")
+          );
+        }
+      }
       if (exportParams) {
         try {
           this.exportParams = JSON.parse(exportParams);
@@ -109,6 +171,16 @@ class UploadEditorController extends runtime.EditorController {
           );
         }
       }
+      if (exportparams) {
+        try {
+          this.exportParams = JSON.parse(exportparams);
+        } catch (error) {
+          throw new core.RuntimeModelError(
+            exportparams,
+            ibiz.i18n.t("editor.upload.exportJsonFormatErr")
+          );
+        }
+      }
     }
   }
 }