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

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/text-box/signature/signature.css

@@ -0,0 +1 @@
+.ibiz-signature{--ibiz-signature-min-height:200px;width:100%;height:100%;min-height:var(--ibiz-signature-min-height)}.ibiz-signature__pad .ibiz-signature-pad__container{background-color:var(--ibiz-color-bg-0)}.ibiz-signature__toolbar{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-top:var(--ibiz-spacing-base)}.ibiz-signature--readonly{pointer-events:none}.ibiz-signature--disabled{pointer-events:none}.ibiz-form-item .ibiz-signature.is-show-default:hover .ibiz-signature__toolbar{display:flex}.ibiz-form-item .ibiz-signature.is-show-default .ibiz-signature__toolbar{display:none}

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

@@ -0,0 +1,102 @@
+import { Ref } from 'vue';
+import { TextBoxEditorController } from '../text-box-editor.controller';
+import './signature.scss';
+/**
+ * 电子签名（扩展）
+ *
+ * @description 用于在业务系统中采集、展示和保存用户签名信息。基于`文本框`编辑器进行扩展，编辑器样式代码名称为：SIGNATURE
+ * @primary
+ * @editorparams {"name":"mode","parameterType":"'img' | 'file'","defaultvalue":"'img'","description":"指定签名的保存格式。当值为'img'时，直接保存为Base64格式的图片URL（以data:协议开头）；当值为'file'时，系统会先将签名图片上传至服务器，再保存服务器返回的文件元信息（包含文件ID和名称）"}
+ * @editorparams {"name":"buttons","parameterType":"string","defaultvalue":"'\\[{\"label\":\"撤销\",\"type\":\"undo\"},{\"label\":\"重写\",\"type\":\"rewrite\"},{\"label\":\"确认\",\"type\":\"confirm\",\"buttonType\":\"primary\"}\\]'","description":"配置签名的操作按钮。JSON 字符串数组中每个对象表示一个按钮：label为按钮显示文本；type为按钮触发的事件类型（undo-撤销上一步，rewrite-清空重写，confirm-确认保存）；buttonType可选，指定按钮样式（支持primary/success/default/danger/warning）。示例：仅显示确认按钮可配置为\\[{\"label\":\"确认\",\"type\":\"confirm\",\"buttonType\":\"primary\"}\\]"}
+ * @editorparams {name:dotsize,parameterType:number,defaultvalue:0,description:点的大小（单位：像素）。控制点击画布时生成的点的尺寸，0表示根据线条宽度自动计算点的大小}
+ * @editorparams {name:minwidth,parameterType:number,defaultvalue:2,description:线条最小宽度（单位：像素）。控制签名线条的最细宽度，绘制速度越快，线条越接近此值}
+ * @editorparams {name:maxwidth,parameterType:number,defaultvalue:2,description:线条最大宽度（单位：像素）。控制签名线条的最粗宽度，绘制速度越慢，线条越接近此值}
+ * @editorparams {"name":"pencolor","parameterType":"string","defaultvalue":"'black'","description":"画笔颜色。签名轨迹的颜色，可接受CSS颜色格式（如#ff0000）"}
+ * @editorparams {name:velocityfilterweight,parameterType:number,defaultvalue:0.7,description:线条粗细速度敏感度。用于平滑处理绘制速度的计算，影响线条粗细随速度的变化幅度。值越接近1，当前速度对线条粗细影响越大；值越小，线条过渡越平滑}
+ * @editorparams {name:mindistance,parameterType:number,defaultvalue:5,description:绘制点最小记录间距（单位：像素）。当点击画布生成的点与后续绘制线的距离小于此值时，不记录后续绘制的线，用于减少冗余数据并优化绘制流畅度}
+ * @editorparams {"name":"backgroundcolor","parameterType":"string","defaultvalue":"'rgba(0,0,0,0)'","description":"画布背景色。签名画布的背景颜色，导出图片时会包含此背景，可接受CSS颜色格式"}
+ * @editorparams {name:throttle,parameterType:number,defaultvalue:16,description:事件节流时间（单位：毫秒）。限制绘制事件的触发频率，避免高频操作导致性能问题}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
+ * @editorparams {"name":"appentitytag","parameterType":"string","description":"在应用启用下载授权时，用于指定当前文件所属实体。该参数值会作为验证下载权限的依据。配置格式为（应用代码名称.实体代码名称），示例：web.master"}
+ * @editorparams {"name":"datafieldtag","parameterType":"string","description":"在应用启用下载授权时，用于指定当前文件所关联的数据属性。完成配置后，将自动从容器数据（涵盖表单数据、表格行数据、面板数据）、上下文环境以及视图参数中获取该属性的实际值，将其作为验证下载权限的依据"}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
+export declare const IBizSignature: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    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;
+    };
+}, {
+    c: TextBoxEditorController;
+    ns: import("@ibiz-template/core").Namespace;
+    signatureRef: Ref<any>;
+    fullScreen: Ref<boolean>;
+    currentDataURL: Ref<string>;
+    buttons: ({
+        label: string;
+        type: string;
+        buttonType?: undefined;
+    } | {
+        label: string;
+        type: string;
+        buttonType: string;
+    })[];
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    handleButtonClick: (_type: string) => 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 | NumberConstructor)[];
+    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;
+}, {}>;

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

@@ -0,0 +1,238 @@
+import { ref, computed, nextTick, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { CoreConst, getAppCookie, base64ToBlob } from '@ibiz-template/core';
+import './signature.css';
+
+"use strict";
+const IBizSignature = /* @__PURE__ */ defineComponent({
+  name: "IBizSignature",
+  props: getInputProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("signature");
+    const c = props.controller;
+    const editorModel = c.model;
+    const headers = ref({
+      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getAppCookie(CoreConst.TOKEN))
+    });
+    const uploadUrl = ref("");
+    const downloadUrl = ref("");
+    const signatureRef = ref();
+    const fullScreen = ref(false);
+    const currentDataURL = ref("");
+    const currentVal = ref("");
+    let saveMode = "img";
+    let buttons = [{
+      label: ibiz.i18n.t("editor.signature.undo"),
+      type: "undo"
+    }, {
+      label: ibiz.i18n.t("editor.signature.rewrite"),
+      type: "rewrite"
+    }, {
+      label: ibiz.i18n.t("editor.signature.confirm"),
+      type: "confirm",
+      buttonType: "primary"
+    }];
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.mode) {
+        saveMode = editorModel.editorParams.mode;
+      }
+      if (editorModel.editorParams.buttons) {
+        try {
+          buttons = JSON.parse(editorModel.editorParams.buttons);
+        } catch (error) {
+          ibiz.log.error(error);
+        }
+      }
+    }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
+        return true;
+      }
+      return false;
+    });
+    const restCavans = () => {
+      var _a;
+      (_a = signatureRef.value) == null ? void 0 : _a.updateSignaturePad(() => {
+        nextTick(() => {
+          var _a2, _b;
+          if (currentDataURL.value) {
+            (_a2 = signatureRef.value) == null ? void 0 : _a2.signaturePad.fromDataURL(currentDataURL.value);
+          } else {
+            (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.clear();
+          }
+        });
+      });
+    };
+    const handleCurrentVal = async () => {
+      var _a, _b;
+      if (currentVal.value) {
+        ibiz.loading.showRedirect();
+        if (saveMode === "img") {
+          currentDataURL.value = currentVal.value;
+        } else if (downloadUrl.value) {
+          const fileData = JSON.parse(currentVal.value)[0];
+          const _url = downloadUrl.value.replace("%fileId%", fileData.id);
+          try {
+            const editorParams = {
+              ...c.editorParams
+            };
+            if (editorParams.exportparams) {
+              editorParams.exportParams = JSON.parse(editorParams.exportparams);
+            }
+            const fileBlob = await ibiz.util.file.requestFile(_url, void 0, {
+              context: c.context,
+              params: c.params,
+              data: props.data,
+              file: {
+                fileId: fileData.id
+              },
+              extraParams: editorParams,
+              downloadTicketParams: c.downloadTicketParams
+            });
+            const dataUrl = await ((_a = signatureRef.value) == null ? void 0 : _a.signaturePad.blobToDataURL(fileBlob));
+            currentDataURL.value = dataUrl;
+          } catch (error) {
+            ibiz.log.error(error);
+          }
+        }
+        restCavans();
+        (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.loadImage(currentDataURL.value, () => {
+          ibiz.loading.hideRedirect();
+        });
+      }
+    };
+    watch(() => props.data, (newVal) => {
+      if (newVal) {
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
+        uploadUrl.value = urls.uploadUrl;
+        downloadUrl.value = urls.downloadUrl;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          currentVal.value = "";
+        } else {
+          currentVal.value = "".concat(newVal || "");
+        }
+        await handleCurrentVal();
+      }
+    }, {
+      immediate: true
+    });
+    const handleEmit = (_value) => {
+      emit("change", _value);
+    };
+    const getFileType = (dataURL) => {
+      const parts = dataURL.split(",");
+      const mime = parts[0].split(":")[1].split(";")[0];
+      return {
+        type: mime
+      };
+    };
+    const handleUpload = async (dataURL) => {
+      const {
+        type
+      } = getFileType(dataURL);
+      const blob = base64ToBlob(dataURL);
+      const fileName = "signature_".concat(Date.now(), ".png");
+      const file = new File([blob], fileName, {
+        type
+      });
+      const fileInfo = await ibiz.util.file.fileUpload(uploadUrl.value, file, headers.value);
+      return fileInfo;
+    };
+    const handleRemove = () => {
+      var _a;
+      (_a = signatureRef.value) == null ? void 0 : _a.signaturePad.clear();
+      currentDataURL.value = "";
+      handleEmit(null);
+    };
+    const handleFileChange = async (dataURL) => {
+      const file = await handleUpload(dataURL);
+      handleEmit(JSON.stringify([{
+        name: file.name,
+        id: file.id
+      }]));
+    };
+    const handleConfirm = () => {
+      var _a, _b, _c;
+      fullScreen.value = false;
+      if (!((_a = signatureRef.value) == null ? void 0 : _a.signaturePad.isRedrawn()))
+        return;
+      if ((_b = signatureRef.value) == null ? void 0 : _b.signaturePad.isEmpty()) {
+        handleRemove();
+        return;
+      }
+      const dataURL = (_c = signatureRef.value) == null ? void 0 : _c.signaturePad.toDataURL();
+      if (dataURL === currentDataURL.value)
+        return;
+      currentDataURL.value = dataURL;
+      switch (saveMode) {
+        case "file":
+          handleFileChange(dataURL);
+          break;
+        case "img":
+        default:
+          handleEmit(dataURL);
+          break;
+      }
+    };
+    const handleButtonClick = (_type) => {
+      var _a, _b;
+      switch (_type) {
+        case "undo":
+          (_a = signatureRef.value) == null ? void 0 : _a.signaturePad.undoLastStep();
+          break;
+        case "rewrite":
+          (_b = signatureRef.value) == null ? void 0 : _b.signaturePad.clear();
+          break;
+        case "confirm":
+          handleConfirm();
+          break;
+        default:
+          break;
+      }
+    };
+    return {
+      c,
+      ns,
+      signatureRef,
+      fullScreen,
+      currentDataURL,
+      buttons,
+      showFormDefaultContent,
+      handleButtonClick
+    };
+  },
+  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("iBizSignaturePad"), {
+      "ref": "signatureRef",
+      "class": this.ns.e("pad"),
+      "options": {
+        ...this.c.model.editorParams,
+        ...this.$attrs
+      }
+    }, null), !this.readonly && createVNode("div", {
+      "class": this.ns.e("toolbar")
+    }, [this.buttons.map((_btn) => {
+      return createVNode(resolveComponent("el-button"), {
+        "disabled": this.disabled,
+        "type": _btn.buttonType && _btn.buttonType.toLowerCase() || "default",
+        "onClick": () => this.handleButtonClick(_btn.type)
+      }, {
+        default: () => [_btn.label]
+      });
+    })])]);
+  }
+});
+
+export { IBizSignature };

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

@@ -19,6 +19,10 @@ class TextBoxEditorProvider {
       this.formEditor = "IBizInputIP";
       this.gridEditor = "IBizInputIP";
     }
+    if (editorType === "SIGNATURE") {
+      this.formEditor = "IBizSignature";
+      this.gridEditor = "IBizSignature";
+    }
   }
   async createController(editorModel, parentController) {
     const c = new TextBoxEditorController(editorModel, parentController);

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -5,12 +5,16 @@ 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":"设置编辑器是否为只读态"}
+ * @editorparams {"name":"appentitytag","parameterType":"string","description":"在应用启用下载授权时，用于指定当前文件所属实体。该参数值会作为验证下载权限的依据。配置格式为（应用代码名称.实体代码名称），示例：web.master"}
+ * @editorparams {"name":"datafieldtag","parameterType":"string","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,19 @@ 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":"设置编辑器是否为只读态"}
+ * @editorparams {"name":"appentitytag","parameterType":"string","description":"在应用启用下载授权时，用于指定当前文件所属实体。该参数值会作为验证下载权限的依据。配置格式为（应用代码名称.实体代码名称），示例：web.master"}
+ * @editorparams {"name":"datafieldtag","parameterType":"string","description":"在应用启用下载授权时，用于指定当前文件所关联的数据属性。完成配置后，将自动从容器数据（涵盖表单数据、表格行数据、面板数据）、上下文环境以及视图参数中获取该属性的实际值，将其作为验证下载权限的依据"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

package/es/editor/upload/ibiz-image-cropping/ibiz-image-cropping.mjs

@@ -11,7 +11,7 @@ const IBizImageCropping = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const ns = useNamespace("image-cropping-upload");
     const c = props.controller;
     const {
@@ -43,11 +43,21 @@ const IBizImageCropping = /* @__PURE__ */ 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 = ref();
     const cropVisible = ref(false);
     const onDialogVisibleChange = (value) => {

package/es/editor/upload/ibiz-image-preview/ibiz-image-preview.d.ts

@@ -5,8 +5,8 @@ import './ibiz-image-preview.scss';
  *
  * @description 使用el-image组件封装，用于绘制图片内容，支持图片预览。支持编辑器类型包含：`图片控件（单项、直接内容）`
  * @primary
- * @editorparams {"name":"STOPPROPAGATION","parameterType":"boolean","defaultvalue":true,"description":"是否阻止图片默认点击事件"}
- * @ignoreprops autoFocus | overflowMode | controlParams
+ * @editorparams {"name":"stoppropagation","parameterType":"boolean","defaultvalue":true,"description":"是否阻止图片默认点击事件"}
+ * @ignoreprops autoFocus | overflowMode
  * @ignoreemits change | blur | focus | enter | infoTextChange
  */
 export declare const IBizImagePreview: import("vue").DefineComponent<{

package/es/editor/upload/ibiz-image-preview/ibiz-image-preview.mjs

@@ -8,10 +8,13 @@ const IBizImagePreview = /* @__PURE__ */ defineComponent({
   props: getUploadProps(),
   emits: getEditorEmits(),
   setup(props) {
-    var _a;
+    var _a, _b;
     const ns = 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 = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -5,12 +5,16 @@ import { UploadEditorController } from '../upload-editor.controller';
  *
  * @description 使用el-upload，el-image-viewer组件封装，用于图片上传，上传后的图片会以卡片形式展示。支持编辑器类型包含：`图片控件`、`图片控件（单项）`
  * @primary
- * @editorparams {"name":"multiple","parameterType":"boolean","defaultvalue":true,"description":"el-upload组件属性"}
- * @editorparams {"name":"accept","parameterType":"string","description":"el-upload组件属性"}
- * @editorparams {"name":"autoPreview","parameterType":"boolean","defaultvalue":false,"description":"当输入参数 `readonly` 为 true 并且该参数为 true 时。加载完图片后将自动调整图片大小达到预览态，且鼠标移入后不显示图片处理工具栏"}
- * @editorparams {"name":"uploadParams","parameterType":"string","description":"图片或文件上传时，用于计算上传路径"}
- * @editorparams {"name":"exportParams","parameterType":"string","description":"图片或文件下载时，用于计算下载路径"}
+ * @editorparams {"name":"multiple","parameterType":"boolean","defaultvalue":true,"description":"el-upload组件的multiple属性，类型为图片控件（单项）时默认值为false"}
+ * @editorparams {"name":"accept","parameterType":"string","description":"el-upload组件的accept属性"}
+ * @editorparams {"name":"autopreview","parameterType":"boolean","defaultvalue":false,"description":"当输入参数 `readonly` 为 true 并且该参数为 true 时。加载完图片后将自动调整图片大小达到预览态，且鼠标移入后不显示图片处理工具栏"}
+ * @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":"设置编辑器是否为只读态"}
+ * @editorparams {"name":"appentitytag","parameterType":"string","description":"在应用启用下载授权时，用于指定当前文件所属实体。该参数值会作为验证下载权限的依据。配置格式为（应用代码名称.实体代码名称），示例：web.master"}
+ * @editorparams {"name":"datafieldtag","parameterType":"string","description":"在应用启用下载授权时，用于指定当前文件所关联的数据属性。完成配置后，将自动从容器数据（涵盖表单数据、表格行数据、面板数据）、上下文环境以及视图参数中获取该属性的实际值，将其作为验证下载权限的依据"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

package/es/editor/upload/upload-editor.controller.d.ts

@@ -34,6 +34,10 @@ export declare class UploadEditorController extends EditorController<IFileUpload
      * 下载参数
      */
     exportParams?: IParams;
+    /**
+     * 上传文件信息的映射规则字符串，格式为"源键:目标键;源键2:目标键2"
+     */
+    infoMap: string;
     /**
      * 自适应预览
      * 只读状态下且配置了编辑器参数autoPreview ，加载完图片后自动调整大小达到预览态，且禁用图片hover工具栏
@@ -43,4 +47,25 @@ export declare class UploadEditorController extends EditorController<IFileUpload
      */
     autoPreview: boolean;
     protected onInit(): Promise<void>;
+    /**
+     * 根据配置的映射关系转换对象属性
+     * 将源对象的指定属性，按照映射规则映射到新对象的目标属性
+     *
+     * @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' }
+     */
+    transformInfoMap: (_data?: IData, infoMap?: string, isEmit?: boolean) => IData;
 }