@hzab/form-render 1.6.20 → 1.6.21-beta1

package/CHANGELOG.md

@@ -1,5 +1,10 @@
+# @hzab/form-render@1.6.21
+
+refactor: upload 接入 utils upload utils
+
 # @hzab/form-render@1.6.20
-feat: 新增 TreeCheckbox的readOnly属性
+
+feat: 新增 TreeCheckbox 的 readOnly 属性
 
 # @hzab/form-render@1.6.19
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render",
-  "version": "1.6.20",
+  "version": "1.6.21-beta1",
   "description": "",
   "main": "src",
   "scripts": {
@@ -19,7 +19,7 @@
   "author": "CaiYansong",
   "license": "ISC",
   "devDependencies": {
-    "@hzab/data-model": "^1.2.0",
+    "@hzab/data-model": "^1.8.8",
     "@hzab/permissions": "^0.1.1",
     "@hzab/webpack-config": "0.0.12",
     "@types/react": "^17.0.62",
@@ -34,6 +34,7 @@
     "typescript": "^4.9.4"
   },
   "peerDependencies": {
+    "@hzab/utils": ">=1.0.5",
     "antd": "4.x",
     "axios": ">=1.6.2",
     "react": ">=16.8.0",

package/src/components/RichEditor/index.tsx

@@ -95,7 +95,6 @@ export const RichEditor = observer(function (props: PropsType, parentRef) {
       file,
       onSuccess: (res) => {
         setIsLoading(false);
-        console.log(res);
         insertFn(res.url, "", "");
       },
       onError: () => {

package/src/components/Upload/common/OfflineUpload.ts

@@ -1,339 +1,5 @@
-import { axios } from "@hzab/data-model";
+import { OfflineUpload } from "@hzab/utils/src/upload/OfflineUpload";
 
-import { getFileNameByFileObj } from "./fileName";
-import { formatDirStr, mergeDirStr } from "./utils";
-
-/**
- * 获取上传相关配置入参
- */
-export interface IGetSignatureOpt {
-  /**
-   * 配置接口地址
-   */
-  serverUrl?: string;
-  /**
-   * axios 实例
-   */
-  axios?: Object;
-  /**
-   * axios 配置
-   */
-  axiosConf?: Object;
-  /**
-   * 请求入参
-   */
-  params?: {
-    path?: string;
-  };
-}
-
-export interface IOfflineUploadProps {
-  /**
-   * axios 实例
-   */
-  axios?: Object;
-  /**
-   * axios 配置
-   */
-  axiosConf?: Object;
-  /**
-   * 配置接口地址
-   */
-  serverUrl?: string;
-  /**
-   * 获取配置接口请求入参
-   */
-  signatureParams?: {
-    path?: string;
-  };
-}
-
-/**
- * 文件上传入参
- */
-export interface IUploadOpt {
-  /**
-   * 配置接口地址
-   */
-  serverUrl?: string;
-  /**
-   * 是否开启 Hash 命名
-   */
-  useHashName?: boolean;
-  /**
-   * 文件上传接口地址
-   */
-  uploadUrl?: string;
-  /**
-   * 获取配置接口请求入参
-   */
-  params?: {
-    path?: string;
-    // 兼容 老数据
-    dir?: string;
-  };
-  /**
-   * 文件上传请求入参
-   */
-  ossParams?: {
-    path?: string;
-    // 兼容 老数据
-    dir?: string;
-  };
-  /**
-   * axios 实例
-   */
-  axios?: Object;
-  /**
-   * axios 配置
-   */
-  axiosConf?: Object;
-}
-
-/**
- * 获取上传配置
- * @param opt
- * @returns
- */
-export function getSignature(opt: IGetSignatureOpt = {}) {
-  const { serverUrl = "/api/v1/upload/init" } = opt;
-  // 减 10 秒，避免发起请求时 刚好过期的情况
-  const { axios: _ax = axios, params = {}, axiosConf } = opt;
-  if (
-    window._$offlineSignatureRes &&
-    window._$offlineSignatureRes.data &&
-    serverUrl + JSON.stringify(params) === window._$offlineSignatureRes.serverUrlParams &&
-    Date.now() - window._$offlineSignatureRes.__saveTime < window._$offlineSignatureRes.expireTimeMillis - 10000
-  ) {
-    return Promise.resolve(window._$offlineSignatureRes.data);
-  }
-  // 处理 path 格式，必须为非 / 开头， /  结尾。如： test/
-  params.path = formatDirStr(params.path);
-
-  return _ax
-    .post(
-      serverUrl,
-      {
-        ...params,
-      },
-      {
-        ...axiosConf,
-      },
-    )
-    .then((res) => {
-      if (res?.data?.code === 500) {
-        return Promise.reject(res.data);
-      }
-      if (res?.data?.code === 200) {
-        window._$offlineSignatureRes = {
-          data: res?.data?.data,
-        };
-        if (window._$offlineSignatureRes) {
-          window._$offlineSignatureRes.__saveTime = Date.now();
-          window._$offlineSignatureRes.serverUrlParams = serverUrl + JSON.stringify(params);
-        }
-        return window._$offlineSignatureRes.data;
-      }
-    });
-}
-
-export interface IGetPreviewUrlsOpt {
-  previewUrl?: string;
-  params?: Object;
-  axios?: Object;
-  axiosConf?: Object;
-}
-
-/**
- * 获取预览地址-批量
- * @param urlList
- * @param opt
- * @returns
- */
-export const getPreviewUrls = function (urlList, opt: IGetPreviewUrlsOpt = {}) {
-  return new Promise(async (resolve, reject) => {
-    const { axios: _ax = axios, axiosConf, previewUrl } = opt || {};
-
-    const _axios = _ax;
-
-    let _list = urlList;
-    if (_list && !Array.isArray(_list)) {
-      _list = [_list];
-    }
-
-    return _axios
-      .post(previewUrl || "/api/v1/upload/preview", _list, { ...axiosConf })
-      .then((res) => {
-        if (res?.data?.code == 200) {
-          resolve(res?.data?.data);
-        } else {
-          reject(res);
-        }
-        return res;
-      })
-      .catch((err) => {
-        console.error("offline upload err", err);
-        reject(err);
-        return Promise.reject(err);
-      });
-  });
-};
-
-/**
- * 获取预览地址
- * @param url
- * @param opt
- * @returns
- */
-export const getPreviewUrl = function (url, opt: IGetPreviewUrlsOpt = {}) {
-  return new Promise(async (resolve, reject) => {
-    const { axios: _ax = axios, axiosConf, previewUrl } = opt || {};
-
-    const _axios = _ax;
-
-    return _axios
-      .post(previewUrl || "/api/v1/upload/preview", [url], { ...axiosConf })
-      .then((res) => {
-        if (res?.data?.code == 200) {
-          resolve(res?.data?.data?.[0]);
-        } else {
-          reject(res);
-        }
-        return res;
-      })
-      .catch((err) => {
-        console.error("offline upload err", err);
-        reject(err);
-        return Promise.reject(err);
-      });
-  });
-};
-
-/**
- * 私有部署版文件上传
- */
-export class OfflineUpload {
-  axios;
-  axiosConf;
-  serverUrl;
-  signatureParams;
-  constructor(props: IOfflineUploadProps = {}) {
-    this.axios = props.axios || axios;
-    this.axiosConf = props.axiosConf || {};
-    this.serverUrl = props.serverUrl || "/api/v1/upload/init";
-    this.signatureParams = props.signatureParams || {};
-  }
-
-  getSignature(serverUrl = this.serverUrl, opt) {
-    // path 前缀 oss-upload 文件目录
-    opt.params.path = mergeDirStr("web-upload/", opt.params.path ?? opt.params.dir);
-    return getSignature({
-      ...opt,
-      serverUrl,
-      axios: opt?.axios || this.axios,
-      axiosConf: { ...this.axiosConf, ...opt?.axiosConf },
-    });
-  }
-
-  upload(file, opt: IUploadOpt = {}) {
-    return new Promise(async (resolve, reject) => {
-      // filename 表示待上传的本地文件名称。
-      const filename = getFileNameByFileObj(file, opt);
-      try {
-        const fileInfo = await this.getSignature(opt.serverUrl || this.serverUrl, {
-          ...opt,
-          params: {
-            /** 最终保存的文件名称（不传默认文件名） */
-            filename,
-            /** 存储路径（不传默认基础路径） */
-            path: opt.params?.dir || this.signatureParams?.dir,
-            /** 文件存储平台（1、s3，2、本地存储，3、FTP，默认s3） */
-            platformCode: undefined,
-            ...this.signatureParams,
-            ...opt.params,
-          },
-        });
-        const { uploadUrl, ossParams: propOssParams } = opt || {};
-        const formData = new FormData();
-        formData.set("fileInfo", fileInfo);
-        formData.set("file", file);
-
-        if (propOssParams) {
-          for (const key in propOssParams) {
-            if (Object.hasOwnProperty.call(propOssParams, key)) {
-              formData.set(key, propOssParams[key]);
-            }
-          }
-        }
-
-        const _axios = opt?.axios || this.axios;
-
-        return _axios
-          .post(uploadUrl || "/api/v1/upload/execute", formData, { ...this.axiosConf, ...opt?.axiosConf })
-          .then((res) => {
-            if (res?.data?.code == 200) {
-              resolve(res?.data?.data);
-            } else {
-              reject(res);
-            }
-            return res;
-          })
-          .catch((err) => {
-            console.error("offline upload err", err);
-            reject(err);
-            return Promise.reject(err);
-          });
-      } catch (error) {
-        reject(error);
-        return Promise.reject(error);
-      }
-    });
-  }
-
-  /**
-   * 获取预览地址
-   * @param urlList
-   * @param opt
-   * @returns
-   */
-  getPreviewUrls(urlList, opt) {
-    return getPreviewUrls(urlList, {
-      ...opt,
-      axios: opt?.axios || this.axios,
-      axiosConf: { ...this.axiosConf, ...opt?.axiosConf },
-    });
-  }
-}
-
-/**
- * 批量处理预览地址
- * @param fileList
- * @param opt
- * @returns
- */
-export const handlePreviewUrls = async function (fileList, opt: IGetPreviewUrlsOpt) {
-  const res = await getPreviewUrls(
-    fileList?.map((it) => it.storeUrl || it.url),
-    {
-      ...opt,
-    },
-  );
-
-  fileList.forEach((it, i) => {
-    // TODO: storeUrl 来源于【本地 url 直接使用预览地址，解决 previewFile 无法正常使用 previewUrl 的问题】
-    if (!it.storeUrl) {
-      it.storeUrl = it.url;
-    }
-    // TODO: 本地 url 直接使用预览地址，解决 previewFile 无法正常使用 previewUrl 的问题
-    it.url = res[i].presignedUrl;
-
-    // 常规预览地址写法
-    it.previewUrl = res[i].presignedUrl;
-    if (it.uploadInfo) {
-      it.uploadInfo.previewUrl = it.previewUrl;
-    }
-  });
-  return fileList;
-};
+export * from "@hzab/utils/src/upload/OfflineUpload";
 
 export default OfflineUpload;

package/src/components/Upload/common/checkFileType.ts

@@ -1,39 +1,4 @@
-import { checkImageUrl, checkVideoUrl, checkAudioUrl } from "./utils";
+export * from "@hzab/utils/src/file/fileType";
+import { getFileTypeStr } from "@hzab/utils/src/file/fileType";
 
-export const TYPE_VIDEO = "video";
-export const TYPE_IMG = "image";
-export const TYPE_AUDIO = "audio";
-
-export function checkFileType(file) {
-  const { type, url = file?.ossUrl } = file || {};
-  let fileType = "";
-  // 判断文件类型，获取对应展示的数据
-  if (url) {
-    // 图片
-    if (url.startsWith("data:image/") || checkImageUrl(url)) {
-      fileType = TYPE_IMG;
-    } else if (checkVideoUrl(url)) {
-      // 视频
-      fileType = TYPE_VIDEO;
-    } else if (checkAudioUrl(url)) {
-      // 音频
-      fileType = TYPE_AUDIO;
-    }
-  } else if (type) {
-    // 图片
-    if (type?.startsWith("image/")) {
-      fileType = TYPE_IMG;
-    }
-
-    // 视频
-    if (type?.startsWith("video/")) {
-      fileType = TYPE_VIDEO;
-    }
-
-    // 音频
-    if (type?.startsWith("audio/")) {
-      fileType = TYPE_AUDIO;
-    }
-  }
-  return fileType || type;
-}
+export const checkFileType = getFileTypeStr;

package/src/components/Upload/common/fileName.ts

@@ -1,142 +1,5 @@
-import { nanoid } from "./nanoid";
+export * from "@hzab/utils/src/file/fileName";
 
-/**
- * 获取文件后缀
- * @param fileUrl
- * @returns
- */
-export function getFileExt(fileUrl) {
-  if (typeof fileUrl !== "string") {
-    return;
-  }
-  const res = fileUrl?.match(/([^\/]+?)\.([^\/\.]+)$/);
-  if (res && res.length > 2) {
-    return res[2];
-  }
-  return fileUrl;
-}
+import { getFileNameByFileObj, getFileNameObj, setFileNameObj, getValByKey } from "@hzab/utils/src/upload/uploadUtils";
 
-/**
- * 从 url 获取文件名称，不包含后缀
- * @param {*} fileName
- * @param {*} str
- * @returns
- */
-export function getFileName(fileUrl) {
-  if (typeof fileUrl !== "string") {
-    return;
-  }
-  const res = fileUrl?.match(/([^\/]+?)\.[^\/\.]+$/);
-  if (res && res.length > 0) {
-    return res?.[1] || res?.[0];
-  }
-  return fileUrl;
-}
-
-/**
- * 从 url 获取文件名称，包含后缀
- * @param {*} fileName
- * @param {*} str
- * @returns
- */
-export function getFullFileName(fileUrl) {
-  if (typeof fileUrl !== "string") {
-    return;
-  }
-  const res = fileUrl?.match(/[^\/]+?\.[^\/\.]+$/);
-  if (res && res.length > 0) {
-    return res[0];
-  }
-  return fileUrl;
-}
-
-/**
- * 合并文件名称，自动处理后缀
- * @param {*} fileName
- * @param {*} str
- * @returns
- */
-export const mergeFileName = function (fileName, str = "") {
-  if (typeof fileName !== "string") {
-    return "";
-  }
-
-  const suffix = fileName?.match(/\.([^\/.]+)$/)?.[1] || "";
-  const name = fileName?.match(/([^\/]+)\.[^.]+$/)?.[1] || "";
-  return `${name}${str ?? ""}.${suffix}`;
-};
-
-/**
- * 获取唯一的文件名
- * @param {*} fileName
- * @returns
- */
-export const getUFileName = function (fileName) {
-  return mergeFileName(getFileName(fileName) || "rc-upload", "-" + `~kid-${nanoid()}~` + `${Date.now()}`);
-};
-
-/**
- * 根据 file 对象获取文件名称，文件名称包含：初始名称、类型
- * 数据存储格式 ~k[key]-[data]~ 如： ~ktime-1743649562530~
- * key、data 中的 ~ 转为 _
- * @param file
- */
-export const getFileNameByFileObj = (file, opt: any) => {
-  const { useHashName = true } = opt || {};
-  const _fileName = file.name || getFullFileName(file.url);
-  if (_fileName.indexOf("~kid-") >= 0 || !useHashName) {
-    return _fileName;
-  }
-  // id、时间、文件类型
-  const id = file.id || file.uid || nanoid();
-  return mergeFileName(
-    _fileName,
-    "-" +
-    setFileNameObj({
-      id,
-      time: file.createTime ?? Date.now(),
-      type: (file.type || file.contentType)?.replace("/", "_"),
-    }),
-  );
-};
-
-/**
- * 解析
- * @param url
- * @returns
- */
-export const getFileNameObj = function (url): any {
-  const list = url.match(/~k([^-~]+)-([^~]*)~/g);
-  const res = {};
-  list?.forEach((it) => {
-    const arr = it?.match(/~k([^-~]+)-([^~]*)~/);
-    if (arr?.length >= 3) {
-      res[arr[1]] = arr[2];
-    }
-  });
-  return res;
-};
-
-/**
- * 解析
- * @param url
- * @returns
- */
-export function setFileNameObj(obj) {
-  return Object.keys(obj)
-    .map((key) => {
-      return `~k${key?.replace(/~/g, "_")}-${obj[key]?.toString()?.replace(/~/g, "_")}~`;
-    })
-    .join("");
-}
-
-/**
- * 通过 key 获取对应的值
- * @param url
- * @param key
- * @returns
- */
-export const getValByKey = function (url, key) {
-  const reg = new RegExp(`~k${key?.replace(/~/g, "_")}-\([^~]*\)~`);
-  return url.match(reg)?.[1];
-};
+export { getFileNameByFileObj, getFileNameObj, setFileNameObj, getValByKey };

package/src/components/Upload/common/handleIOFileList.ts

@@ -1,6 +1,9 @@
-import { getFileURL, getFileType, isBase64Str } from "./utils";
-import { getUFileName, getFileName, getFullFileName, getFileExt, getFileNameObj } from "./fileName";
-import { nanoid } from "./nanoid";
+import { getFileURL } from "@hzab/utils/src/file/file";
+import { getFileType } from "@hzab/utils/src/file/fileType";
+import { isBase64Str } from "@hzab/utils/src/base64Str";
+import { getUFileName, getFileName, getFullFileName, getFileExt } from "@hzab/utils/src/file/fileName";
+import { getFileNameObj } from "@hzab/utils/src/upload/uploadUtils";
+import { nanoidNumALetters } from "@hzab/utils/src/nanoid";
 
 /**
  * 出入参归一化
@@ -218,7 +221,8 @@ export const handleInputItem = (data, opt: IHandlerOpt) => {
   }
   if (!file.id) {
     file.id =
-      file.uid || `${getFileName(file.url || file.name || file.filename) || "rc-upload"}-${Date.now()}-${nanoid()}`;
+      file.uid ||
+      `${getFileName(file.url || file.name || file.filename) || "rc-upload"}-${Date.now()}-${nanoidNumALetters()}`;
   }
   if (!file.name) {
     file.name = file.id;

package/src/components/Upload/common/nanoid.ts

@@ -1,7 +1,5 @@
-import { customAlphabet } from "nanoid";
-/**
- * 指定 nanoid 字符集合
- */
-export const alphabet = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+export * from "@hzab/utils/src/nanoid";
 
-export const nanoid = customAlphabet(alphabet, 8);
+import { nanoidNumALetters } from "@hzab/utils/src/nanoid";
+
+export const nanoid = nanoidNumALetters;

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

@@ -1,106 +1,4 @@
-import { axios } from "@hzab/data-model";
-import { getFileNameByFileObj } from "./fileName";
-import { formatDirStr, mergeDirStr } from "./utils";
-
-export function getSignature(opt = {}) {
-  const { serverUrl = "/api/v1/user/oss/getWebOssConfig" } = opt;
-  // 减 10 秒，避免发起请求时 刚好过期的情况
-  if (
-    window.__ossSignatureRes &&
-    serverUrl === window.__ossSignatureRes.serverUrl &&
-    Date.now() - window.__ossSignatureRes.__saveTime < window.__ossSignatureRes.expireTimeMillis - 10000
-  ) {
-    return Promise.resolve(window.__ossSignatureRes);
-  }
-  const { axios: _ax = axios, params = {}, axiosConf } = opt;
-  // 处理 dir 格式，必须为非 / 开头， /  结尾。如： test/
-  params.dir = formatDirStr(params.dir);
-
-  return _ax
-    .get(serverUrl, {
-      ...axiosConf,
-      params: {
-        isPublic: 1,
-        ...params,
-      },
-    })
-    .then((res) => {
-      window.__ossSignatureRes = res?.data?.data ?? res?.data ?? res;
-      if (window.__ossSignatureRes) {
-        window.__ossSignatureRes.__saveTime = Date.now();
-        window.__ossSignatureRes.serverUrl = serverUrl;
-      }
-      return window.__ossSignatureRes;
-    });
-}
-
-class OssUpload {
-  constructor(props = {}) {
-    this.axios = props.axios || axios;
-    this.axiosConf = props.axiosConf || {};
-    this.serverUrl = props.serverUrl || "/api/v1/user/oss/getWebOssConfig";
-    this.signatureParams = props.signatureParams || {};
-  }
-
-  getSignature(serverUrl = this.serverUrl, opt) {
-    // dir 前缀 oss-upload 文件目录
-    opt.params.dir = mergeDirStr("web-upload/", opt.params.dir);
-    return getSignature({
-      ...opt,
-      serverUrl,
-      axios: opt?.axios || this.axios,
-      axiosConf: { ...this.axiosConf, ...opt?.axiosConf },
-    });
-  }
-
-  upload(file, opt = {}) {
-
-    return new Promise(async (resolve, reject) => {
-      const ossParams = await this.getSignature(opt.serverUrl || this.serverUrl, {
-        ...opt,
-        params: { ...this.signatureParams, ...opt.params },
-      });
-
-      const { ossParams: propOssParams, useHashName } = opt || {};
-      const formData = new FormData();
-      // key 表示上传到 Bucket 内的 Object 的完整路径，例如 exampledir/exampleobject.txtObject，完整路径中不能包含 Bucket 名称。
-      // filename 表示待上传的本地文件名称。
-      const filename = getFileNameByFileObj(file, opt);
-      const key = `${ossParams?.dir}${filename}`;
-      formData.set("key", key);
-      formData.set("OSSAccessKeyId", ossParams.accessid);
-      formData.set("policy", ossParams.policy);
-      formData.set("Signature", ossParams.signature);
-      if (ossParams.callback) {
-        formData.set("callback", ossParams.callback);
-      }
-      formData.set("success_action_status", 200);
-      formData.set("file", file);
-
-      if (propOssParams) {
-        for (const key in propOssParams) {
-          if (Object.hasOwnProperty.call(propOssParams, key)) {
-            formData.set(key, propOssParams[key]);
-          }
-        }
-      }
-
-      const _axios = opt?.axios || this.axios;
-
-      return _axios
-        .post(ossParams.host, formData, { ...this.axiosConf, ...opt?.axiosConf })
-        .then((res) => {
-          resolve(res);
-          return res;
-        })
-        .catch((err) => {
-          console.error("oss upload err", err);
-          reject(err);
-          return Promise.reject(err);
-        });
-    });
-  }
-}
+import OssUploadUtil, { axios, getSignature } from "@hzab/utils/src/upload/OssUploadUtil";
 
 /**
  * 处理文件上传逻辑
@@ -111,7 +9,8 @@ class OssUpload {
 export async function handleOssUpload(files, opt) {
   const _files = files;
   const { ossUrl, signatureParams, ossParams, axiosConf, useHashName } = opt || {};
-  const ossUpload = new OssUpload({
+  const ossUpload = new OssUploadUtil({
+    ...opt,
     axios: opt.axios,
     axiosConf: axiosConf,
     serverUrl: ossUrl || "/api/v1/user/oss/getWebOssConfig",
@@ -154,6 +53,6 @@ export async function handleOssUpload(files, opt) {
   });
 }
 
-export { axios };
+export { axios, getSignature };
 
-export default OssUpload;
+export default OssUploadUtil;

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

@@ -1,194 +1,27 @@
-import { nanoid } from "nanoid";
-
-/**
- * 格式化 dir 字符串，必须为非 / 开头， /  结尾。如： test/
- * @param {*} dir
- * @returns
- */
-export const formatDirStr = function (dir) {
-  return dir?.replace(/^\/(.*)\/*$/, "$1").replace(/(.?=*)\/*$/, "$1/");
-};
-
-/**
- * 合并 dir 字符串
- * @param {*} dir
- */
-export const mergeDirStr = function (dir1, dir2) {
-  return `${formatDirStr(dir1 || "")}${formatDirStr(dir2 || "")}`;
+import { formatDirStr, mergeDirStr, handleMaxCount, mergePreviewConfig } from "@hzab/utils/upload/uploadUtils";
+import { getFileURL } from "@hzab/utils/file/file";
+import { isBase64Str } from "@hzab/utils/src/base64Str";
+import {
+  checkImageUrl,
+  checkVideoUrl,
+  checkAudioUrl,
+  isValidMediaType,
+  checkUrlSuffix,
+} from "@hzab/utils/src/file/fileType";
+import { getArr } from "@hzab/utils/src/array";
+
+export {
+  formatDirStr,
+  mergeDirStr,
+  getFileURL,
+  isBase64Str,
+  checkImageUrl,
+  checkVideoUrl,
+  checkAudioUrl,
+  isValidMediaType,
+  checkUrlSuffix,
+  getFileType,
+  getArr,
+  handleMaxCount,
+  mergePreviewConfig,
 };
-
-/**
- *  建立一个可以存取该 file 的 url
- * @param {Object} file 文件
- * @returns {string} url
- * blob:http://localhost:8000/c9950644-5118-4231-9be7-8183bde1fdc7
- */
-export function getFileURL(file) {
-  const _file = file?.file || file;
-  if (!(_file instanceof File)) {
-    return;
-  }
-
-  let url = _file.url || null;
-
-  try {
-    // 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
-    if (window.createObjectURL != undefined) {
-      // basic
-      return window.createObjectURL(_file);
-    } else if (window.URL != undefined) {
-      // mozilla(firefox)
-      return window.URL.createObjectURL(_file);
-    } else if (window.webkitURL != undefined) {
-      // webkit or chrome
-      return window.webkitURL.createObjectURL(_file);
-    }
-  } catch (error) {
-    console.warn("getFileURL Error: ", error);
-  }
-
-  return url;
-}
-
-/**
- * 是否是 base64 字符串
- * @param {*} str
- * @returns
- */
-export const isBase64Str = function (str) {
-  return /^data:\w+\/\w+;base64/i.test(str);
-};
-
-/**
- * 判断 url 是否带有指定图片后缀
- * @param {string} url
- * @returns
- */
-export function checkImageUrl(url) {
-  // base64
-  if (/^data:image\/\w+;base64/i.test(url)) {
-    return true;
-  }
-  const imgTypes = [
-    "apng",
-    "avif",
-    "bmp",
-    "gif",
-    "ico",
-    "cur",
-    "jpg",
-    "jpeg",
-    "jfif",
-    "pjpeg",
-    "pjp",
-    "png",
-    "svg",
-    "tif",
-    "tiff",
-    "webp",
-  ];
-  return checkUrlSuffix(url, imgTypes);
-}
-
-/**
- * 判断是否是合法的媒体类型
- * @param {String} input
- * @returns
- */
-export function isValidMediaType(input) {
-  const validPrefixes = ["image/", "video/", "audio/"];
-  return validPrefixes.some((prefix) => input?.startsWith(prefix));
-}
-
-/**
- * 判断 url 是否带有指定视频后缀
- * @param {string} url
- * @returns
- */
-export function checkVideoUrl(url) {
-  const imgTypes = ["3gp", "mpg", "mpeg", "mp4", "m4v", "m4p", "ogv", "ogg", "mov", "webm"];
-  return checkUrlSuffix(url, imgTypes);
-}
-
-/**
- * 判断 url 是否带有指定音频后缀
- * @param {string} url
- * @returns
- */
-export function checkAudioUrl(url) {
-  const imgTypes = ["3gp", "adts", "mpeg", "mp3", "mp4", "ogg", "mov", "webm", "rtp", "amr", "wav"];
-  return checkUrlSuffix(url, imgTypes);
-}
-
-/**
- * 检查 url 是否带有指定后缀
- * @param {string} url url 地址
- * @param {Array} types 后缀数组
- * @returns
- */
-export function checkUrlSuffix(url, types = [], caseSensitive) {
-  if (!url) {
-    return false;
-  }
-  let _url = url?.replace(/\?.+/, "");
-  const reg = new RegExp(`\.(${types.join("|")})$`, caseSensitive ? undefined : "i");
-  if (reg.test(_url)) {
-    return true;
-  }
-}
-
-export function getFileType(file) {
-  if (typeof file === "object" && file?.type) {
-    return file?.type;
-  }
-  if (typeof file === "string") {
-    let type = null;
-    if (checkVideoUrl(file)) {
-      type = "video/mp4";
-    } else if (checkImageUrl(file)) {
-      type = "image/jpeg";
-    } else if (checkAudioUrl(file)) {
-      type = "audio/3gpp";
-    } else if (checkUrlSuffix(file, ["pdf"])) {
-      type = "application/pdf";
-    } else if (checkUrlSuffix(file, ["pdf"])) {
-      type = "application/pdf";
-    } else if (checkUrlSuffix(file, ["xlsx", "xls", "csv", "xlsm", "xlsb"])) {
-      type = "application/vnd.ms-excel";
-    } else if (checkUrlSuffix(file, ["doc", "docx"])) {
-      type = "application/msword";
-    } else if (checkUrlSuffix(file, ["ppt", "pptx"])) {
-      type = "application/vnd.ms-powerpoint";
-    }
-    return type;
-  }
-}
-
-function getArr(value) {
-  return Array.isArray(value) ? value : (value && [value]) || [];
-}
-
-export function handleMaxCount(fileList, maxCount) {
-  let list = getArr(fileList);
-  if (maxCount > 0 && list.length > maxCount) {
-    list = list.slice(0, maxCount);
-  }
-  return list;
-}
-
-/**
- * 预览 url 添加前缀
- * @param {*} uri
- * @param {*} previewConfig
- * @returns
- */
-export function mergePreviewConfig(uri, previewConfig) {
-  const isUriPattern = /http[s]?:\/\/[^\s]+/.test(uri);
-  const query = previewConfig?.query ? "?" + previewConfig?.query : "";
-
-  if (isUriPattern) return `${uri}${query}`?.trim();
-
-  if (previewConfig) return `${previewConfig?.url}/${uri}${query}`?.trim();
-
-  return uri;
-}

package/src/components/Upload/components/ItemList/index.tsx

@@ -1,6 +1,5 @@
-import { getFileURL } from "../../common/utils";
-
-import { TYPE_VIDEO, TYPE_IMG, TYPE_AUDIO, checkFileType } from "../../common/checkFileType";
+import { getFileURL } from "@hzab/utils/src/file/file";
+import { TYPE_VIDEO, TYPE_IMG, TYPE_AUDIO, getFileTypeStr } from "@hzab/utils/src/file/fileType";
 
 import Video from "../video";
 import Image from "../Image";
@@ -28,7 +27,7 @@ export const ItemList = (props) => {
           </div>
         );
 
-        const fileType = checkFileType(it);
+        const fileType = getFileTypeStr(it);
         if (fileType === TYPE_IMG) {
           content = <Image src={src} alt={name} />;
         }

package/src/components/Upload/components/PreviewModal/previewRender.tsx

@@ -1,5 +1,13 @@
-import { checkFileType, TYPE_VIDEO, TYPE_IMG, TYPE_AUDIO } from "../../common/checkFileType";
-import { checkImageUrl, checkVideoUrl, checkAudioUrl, isValidMediaType } from "../../common/utils";
+import {
+  TYPE_VIDEO,
+  TYPE_IMG,
+  TYPE_AUDIO,
+  getFileTypeStr,
+  checkImageUrl,
+  checkVideoUrl,
+  checkAudioUrl,
+  isValidMediaType,
+} from "@hzab/utils/src/file/fileType";
 
 export const previewRenderEnum = {
   [TYPE_VIDEO]: videoRender,
@@ -8,7 +16,7 @@ export const previewRenderEnum = {
 };
 
 export function hasPreviewRender(file) {
-  return !!previewRenderEnum[checkFileType(file)];
+  return !!previewRenderEnum[getFileTypeStr(file)];
 }
 
 function getFirstAcceptRule(accept: string): string {
@@ -31,11 +39,11 @@ export function hasPreviewMedium(accept: string): boolean {
 }
 
 export function getPreviewRender(file, accept) {
-  const fileType = checkFileType(file);
+  const fileType = getFileTypeStr(file);
   let render = null;
 
   if (fileType) {
-    render = previewRenderEnum[checkFileType(file)];
+    render = previewRenderEnum[getFileTypeStr(file)];
   }
 
   if (accept) {
@@ -50,8 +58,6 @@ export function getPreviewRender(file, accept) {
   return render;
 }
 
-
-
 export function getPreviewContent(file, accept) {
   let render = getPreviewRender(file, accept);
   if (!render) {

package/src/components/Upload/uploader-input.jsx

@@ -3,7 +3,7 @@ import { Button, Modal, message } from "antd";
 
 import ItemList from "./components/ItemList";
 
-import { handleMaxCount } from "./common/utils";
+import { handleMaxCount } from "@hzab/utils/upload/uploadUtils";
 import { handleInputFileList, handleOutputFileList } from "./common/handleIOFileList";
 import { handleOssUpload } from "./common/ossUpload";