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

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

@@ -0,0 +1,240 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
+require('./signature.css');
+
+"use strict";
+const IBizSignature = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSignature",
+  props: vue3Util.getInputProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("signature");
+    const c = props.controller;
+    const editorModel = c.model;
+    const headers = vue.ref({
+      ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(core.getAppCookie(core.CoreConst.TOKEN))
+    });
+    const uploadUrl = vue.ref("");
+    const downloadUrl = vue.ref("");
+    const signatureRef = vue.ref();
+    const fullScreen = vue.ref(false);
+    const currentDataURL = vue.ref("");
+    const currentVal = vue.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 = vue.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(() => {
+        vue.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();
+        });
+      }
+    };
+    vue.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
+    });
+    vue.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 = core.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 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("iBizSignaturePad"), {
+      "ref": "signatureRef",
+      "class": this.ns.e("pad"),
+      "options": {
+        ...this.c.model.editorParams,
+        ...this.$attrs
+      }
+    }, null), !this.readonly && vue.createVNode("div", {
+      "class": this.ns.e("toolbar")
+    }, [this.buttons.map((_btn) => {
+      return vue.createVNode(vue.resolveComponent("el-button"), {
+        "disabled": this.disabled,
+        "type": _btn.buttonType && _btn.buttonType.toLowerCase() || "default",
+        "onClick": () => this.handleButtonClick(_btn.type)
+      }, {
+        default: () => [_btn.label]
+      });
+    })])]);
+  }
+});
+
+exports.IBizSignature = IBizSignature;

package/lib/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/lib/editor/text-box/text-box-editor.provider.cjs

@@ -21,6 +21,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 textBoxEditor_controller.TextBoxEditorController(editorModel, parentController);

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")
+          );
+        }
+      }
     }
   }
 }

package/lib/editor/upload/use/use-iview-upload.cjs

@@ -6,11 +6,9 @@ var vue = require('vue');
 "use strict";
 function useIViewUpload(props, valueChange, c) {
   const files = vue.ref([]);
-  const headers = vue.ref({
-    ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(core.getAppCookie(core.CoreConst.TOKEN))
-  });
+  const uploadHeaders = ibiz.util.file.getUploadHeaders();
+  const headers = vue.ref({ ...uploadHeaders });
   const uploadUrl = vue.ref("");
-  const downloadUrl = vue.ref("");
   const uploadCache = {
     count: 0,
     cacheFiles: []
@@ -24,18 +22,37 @@ function useIViewUpload(props, valueChange, c) {
     },
     { immediate: true }
   );
+  const getDownloadUrl = (data, file) => {
+    const editorParams = { ...c.editorParams };
+    if (editorParams.exportparams) {
+      editorParams.exportParams = JSON.parse(editorParams.exportparams);
+    }
+    if (file && file.folder) {
+      editorParams.osscat = file.folder;
+    }
+    const urls = ibiz.util.file.calcFileUpDownUrl(
+      c.context,
+      c.params,
+      data,
+      editorParams
+    );
+    return urls.downloadUrl;
+  };
   vue.watch(
     () => props.data,
     (newVal) => {
       if (newVal) {
+        const editorParams = { ...c.editorParams };
+        if (editorParams.uploadparams) {
+          editorParams.uploadParams = JSON.parse(editorParams.uploadparams);
+        }
         const urls = ibiz.util.file.calcFileUpDownUrl(
           c.context,
           c.params,
           newVal,
-          c.editorParams
+          editorParams
         );
         uploadUrl.value = urls.uploadUrl;
-        downloadUrl.value = urls.downloadUrl;
       }
     },
     { immediate: true, deep: true }
@@ -80,24 +97,31 @@ function useIViewUpload(props, valueChange, c) {
   vue.watch(
     files,
     (newVal) => {
-      if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
+      if (newVal == null ? void 0 : newVal.length) {
         newVal.forEach((file) => {
-          file.url = file.url || downloadUrl.value.replace("%fileId%", file.id);
-          if (file.name.split(".").pop() === "svg") {
-            calcSvgPreview(file);
-          }
-        });
-      }
-    },
-    { immediate: true }
-  );
-  vue.watch(
-    downloadUrl,
-    (newVal) => {
-      if (newVal && files.value.length) {
-        files.value.forEach((file) => {
-          file.url = downloadUrl.value.replace("%fileId%", file.id);
-          if (file.name.split(".").pop() === "svg") {
+          const downloadUrl = getDownloadUrl(props.data, file);
+          file.url = file.url || downloadUrl.replace("%fileId%", file.id);
+          if (ibiz.config.common.enableDownloadTicket) {
+            ibiz.util.file.getDownloadTicket(
+              c.context,
+              c.params,
+              props.data,
+              {
+                fileId: file.id
+              },
+              c.downloadTicketParams
+            ).then((downloadTicket) => {
+              if (downloadTicket && downloadTicket.ticket) {
+                file.url = downloadUrl.replace(
+                  "%fileId%",
+                  downloadTicket.ticket
+                );
+                if (file.name.split(".").pop() === "svg") {
+                  calcSvgPreview(file);
+                }
+              }
+            });
+          } else if (file.name.split(".").pop() === "svg") {
             calcSvgPreview(file);
           }
         });
@@ -107,7 +131,14 @@ function useIViewUpload(props, valueChange, c) {
   );
   const emitValue = () => {
     const _files = [...files.value, ...uploadCache.cacheFiles];
-    const value = _files.length > 0 ? JSON.stringify(_files.map((file) => ({ name: file.name, id: file.id }))) : null;
+    const value = _files.length > 0 ? JSON.stringify(
+      _files.map((file) => ({
+        name: file.name,
+        id: file.id,
+        folder: file.folder,
+        ...c.transformInfoMap(file, c.infoMap, true)
+      }))
+    ) : null;
     uploadCache.cacheFiles = [];
     valueChange(value);
   };
@@ -130,9 +161,14 @@ function useIViewUpload(props, valueChange, c) {
     if (!response) {
       return;
     }
+    if (ibiz.config.common.enableDownloadTicket && response.ticket) {
+      ibiz.util.file.setDownloadTicket(response.id, response.ticket);
+    }
     uploadCache.cacheFiles.push({
       name: response.filename,
-      id: response.fileid
+      id: response.fileid,
+      folder: response.folder,
+      ...c.transformInfoMap(response, c.infoMap)
     });
     if (response.name.split(".").pop() === "svg") {
       const blob = svgBlob.get(response.name);
@@ -164,15 +200,26 @@ function useIViewUpload(props, valueChange, c) {
     emitValue();
   };
   const onDownload = (file) => {
-    const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
-    ibiz.util.file.fileDownload(url, file.name);
+    const downloadUrl = getDownloadUrl(props.data, file);
+    const url = file.url || downloadUrl.replace("%fileId%", file.id);
+    const editorParams = { ...c.editorParams };
+    if (editorParams.exportparams) {
+      editorParams.exportParams = JSON.parse(editorParams.exportparams);
+    }
+    ibiz.util.file.fileDownload(url, file.name, {
+      context: c.context,
+      params: c.params,
+      data: props.data,
+      file: { fileId: file.id, ...file },
+      extraParams: editorParams,
+      downloadTicketParams: c.downloadTicketParams
+    });
   };
   const limit = vue.computed(() => {
     return c.multiple ? 9999 : 1;
   });
   return {
     uploadUrl,
-    downloadUrl,
     headers,
     files,
     limit,