@hzab/form-render-mobile 1.2.2 → 1.2.3-beta

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# @hzab/form-render-mobile@1.2.3
+
+feat:缩略图全局配置
+
 # @hzab/form-render-mobile@1.2.2
 
 feat:缩略图地址优化

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render-mobile",
-  "version": "1.2.2",
+  "version": "1.2.3-beta",
   "description": "formily-form-render-mobile",
   "main": "src",
   "scripts": {

package/src/components/Uploader/common/ossUpload.js

@@ -1,5 +1,6 @@
 import { axios } from "@hzab/data-model";
 import OssUpload from "@hzab/utils/src/upload/ossUpload";
+import { getFormRenderGlobalServeConfig } from "../../../globalConfig.ts";
 
 /**
  * 处理文件上传逻辑
@@ -13,7 +14,7 @@ export async function handleOssUpload(files, opt) {
   const ossUpload = new OssUpload({
     axios: opt.axios,
     axiosConf: axiosConf,
-    serverUrl: ossUrl || "/api/v1/common/oss/getWebOssConfig",
+    serverUrl: ossUrl || getFormRenderGlobalServeConfig()?.serverUrl || "/api/v1/user/oss/getWebOssConfig",
   });
 
   const promise = [];
@@ -40,14 +41,15 @@ export async function handleOssUpload(files, opt) {
               thumbnailParams,
             })
             .then((res) => {
-              resolve({
-                fileUrl: res?.data?.data?.fileUrl,
-                thumbnailUrl: res?.data?.data?.thumbnailUrl,
-              });
-              return Promise.resolve({
-                fileUrl: res?.data?.data?.fileUrl,
-                thumbnailUrl: res?.data?.data?.thumbnailUrl,
-              });
+              let tempUrl = res?.data?.data?.fileUrl;
+              if (getFormRenderGlobalServeConfig()?.showThumbnail) {
+                tempUrl = {
+                  fileUrl: res?.data?.data?.fileUrl,
+                  thumbnailUrl: res?.data?.data?.thumbnailUrl,
+                };
+              }
+              resolve(tempUrl);
+              return Promise.resolve(tempUrl);
             })
             .catch(reject);
         }),
@@ -58,7 +60,9 @@ export async function handleOssUpload(files, opt) {
   return Promise.all(promise).then((filePromises) => {
     filePromises?.forEach((item, idx) => {
       _files[idx].ossUrl = item?.fileUrl;
-      _files[idx].thumbnailUrl = item?.thumbnailUrl;
+      if (getFormRenderGlobalServeConfig()?.showThumbnail) {
+        _files[idx].thumbnailUrl = item?.thumbnailUrl;
+      }
     });
     return Promise.resolve(_files);
   });

package/src/components/Uploader/common/utils.js

@@ -1,4 +1,5 @@
 import { nanoid } from "nanoid";
+import { getFormRenderGlobalServeConfig } from "../../../globalConfig";
 
 /**
  *  建立一个可以存取该 file 的 url
@@ -132,7 +133,9 @@ export function handleInputFileList(_fileList, maxCount = 1, opt) {
     if (typeof file === "string") {
       const uid = nanoid();
       let thumbnailUrl = "";
-      thumbnailUrl = `${file}${opt?.thumbnailParams ? isSelf(opt?.selfUrlList, file) + opt?.thumbnailParams : ""}`;
+      if (getFormRenderGlobalServeConfig()?.showThumbnail) {
+        thumbnailUrl = `${file}${opt?.thumbnailParams ? isSelf(opt?.selfUrlList, file) + opt?.thumbnailParams : ""}`;
+      }
       return {
         name: uid,
         uid: uid,

package/src/components/Uploader/components/Image/index.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect } from "react";
 import { ImageViewer } from "antd-mobile";
 
 import { loadHeaderImage } from "../../common/img";
+import { getFormRenderGlobalServeConfig } from "../../../../globalConfig";
 
 import "./index.less";
 
@@ -31,7 +32,12 @@ function ImagePreviewer(props) {
   return (
     <div className={`uploader-image-previewer ${props.className || ""}`}>
       <div className="uploader-image-previewer-img-wrap" onClick={onPreview}>
-        <img className="uploader-image-previewer-img" src={thumbnailSrc} alt={props.alt} onClick={onPreview} />
+        <img
+          className="uploader-image-previewer-img"
+          src={getFormRenderGlobalServeConfig()?.showThumbnail ? thumbnailSrc : imgUrl}
+          alt={props.alt}
+          onClick={onPreview}
+        />
       </div>
       <ImageViewer
         image={imgUrl}

package/src/globalConfig.ts

@@ -0,0 +1,15 @@
+window.formRenderGlobalServeConfig = {}
+/** 获取全局配置（url、是否显示缩略图地址） */
+export function getFormRenderGlobalServeConfig() {
+  return window.formRenderGlobalServeConfig || {}
+}
+/** 设置全局配置（url、是否显示缩略图地址）*/
+export function setFormRenderGlobalServeConfigs(data) {
+  Object.assign(window.formRenderGlobalServeConfig || {}, data);
+  return window.formRenderGlobalServeConfig || {}
+}
+/** 设置全局单个配置（url、是否显示缩略图地址）*/
+export function setFormRenderGlobalServeConfig(key, data) {
+  window.formRenderGlobalServeConfig[key] = data
+  return window.formRenderGlobalServeConfig || {}
+}