@hzab/form-render 1.6.17 → 1.6.19

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

@@ -1,393 +1,393 @@
-import { getFileURL, getFileType, isBase64Str } from "./utils";
-import { getUFileName, getFileName, getFullFileName, getFileExt, getFileNameObj } from "./fileName";
-import { nanoid } from "./nanoid";
-
-/**
- * 出入参归一化
- * 统一成对象格式用于内部处理
- {
- }
- 
- */
-
-/**
- * 出入参数据子项处理配置项
- */
-export interface IFile {
-  uid?: string;
-  /** 唯一 id */
-  id: string;
-  /** 文件地址 */
-  url: string;
-  /** 存储的文件地址 */
-  storeUrl: string;
-  /** 存储的文件名称 */
-  name?: string;
-  /** 存储的文件名称 */
-  filename?: string;
-  /** 上传的文件名称 */
-  originalFilename: string;
-  /** 基础路径 */
-  basePath?: string;
-  /** 存储路径 */
-  path?: string;
-  /** 文件后缀 */
-  ext?: string;
-  /** 文件类型 */
-  contentType: string;
-  /** 上传平台 */
-  platform: string;
-  /** 文件预览地址 */
-  previewUrl?: string;
-  /** 文件类型 */
-  type: string;
-  /** 文件大小 */
-  size: number;
-  /** 原始 file 文件 */
-  originFileObj?: File;
-  /** 文件上传时间 */
-  createTime?: string;
-  /** 最后更新时间戳 */
-  lastModified?: number;
-}
-
-/**
- * 出入参数据处理配置项
- */
-export interface IHandlerOpt {
-  /** 列表数据模式：数组 | 字符串 */
-  listMode: "array" | "jsonStr" | "splitStr";
-  /** 字符串列表数据模式下的分隔符 */
-  split: string;
-  /** 子项数据模式： 格式化对象 | file 文件格式 | url 地址 | JSON 序列化字符串 */
-  itemMode: "object" | "file" | "url" | "jsonStr";
-  /** 预览配置参数 */
-  previewConfig?: Object;
-}
-
-/** 内部文件格式 */
-const fileTpl: IFile = {
-  /** 唯一 id */
-  uid: "",
-  id: "",
-  /** 文件地址 */
-  url: "",
-  /** 存储的文件地址 */
-  storeUrl: "",
-  /** 存储的文件名称 */
-  name: "",
-  /** 存储的文件名称 */
-  filename: "",
-  /** 上传的文件名称 */
-  originalFilename: "",
-  /** 基础路径 */
-  basePath: "",
-  /** 存储路径 */
-  path: "",
-  /** 文件后缀 */
-  ext: "",
-  /** 文件类型 */
-  type: "",
-  /** 文件类型 */
-  contentType: "",
-  /** 文件预览地址 */
-  previewUrl: undefined,
-  /** 文件大小 */
-  size: undefined,
-  /** 上传平台 */
-  platform: undefined,
-  /** 最后更新时间戳 */
-  lastModified: undefined,
-  /** 文件上传时间 */
-  createTime: undefined,
-  /** 源文件 */
-  originFileObj: undefined,
-};
-
-/**
- * 对象字符串转为对象
- * @param objStr
- */
-export const objStrToObj = function (objStr) {
-  let _objStr = objStr;
-  if (typeof _objStr === "object") {
-    return _objStr;
-  }
-  // 对象字符串 转为 对象
-  if (typeof _objStr === "string") {
-    _objStr = _objStr.trim();
-    if (/^\[.*\]$|^\{.*\}$/.test(_objStr)) {
-      try {
-        _objStr = JSON.parse(_objStr);
-      } catch (error) {}
-    }
-  }
-  return _objStr;
-};
-
-/**
- * 预览 url 添加前缀
- * @param {*} uri
- * @param {*} previewConfig
- * @returns
- */
-export function mergePreviewConfig(uri, previewConfig) {
-  let _uri = uri;
-  let basePath = "";
-  if (typeof _uri === "object") {
-    basePath = _uri.basePath;
-    _uri = _uri.previewUrl || _uri.url;
-  }
-  if (typeof _uri !== "string") {
-    return _uri;
-  }
-  _uri = _uri?.trim();
-  // base64 直接返回
-  if (isBase64Str(_uri)) {
-    return _uri;
-  }
-  const isUriPattern = /http[s]?:\/\/[^\s]+/.test(_uri);
-  const query = previewConfig?.query?.trim() ? "?" + previewConfig?.query?.trim() : "";
-
-  if (isUriPattern) {
-    // 源地址为 http 地址，直接拼接 query 参数
-    return `${_uri}${query}`;
-  }
-
-  if (previewConfig) {
-    // 拼接前缀
-    return `${previewConfig?.url?.trim()}/${_uri}${query}`?.trim();
-  }
-
-  return _uri;
-}
-
-/**
- * 子项数据归一化
- * 字符串：url、base64
- * 对象：
- * 统一成对象格式用于内部处理
- */
-export const handleInputItem = (data, opt: IHandlerOpt) => {
-  if (!data) {
-    console.warn("Upload handleInputData 请传入正确的数据");
-    return data;
-  }
-  let file = {
-    ...fileTpl,
-  };
-  // 对象字符串 转为 对象
-  const _data = objStrToObj(data);
-  if (typeof _data === "string") {
-    const obj = getFileNameObj(_data);
-    file.id = obj?.id;
-    file.uid = file.id;
-    file.url = _data;
-    file.storeUrl = _data;
-    file.name = getFullFileName(file.url);
-    file.filename = file.name;
-    file.originalFilename = getFullFileName(file.url);
-    file.type = getFileType(file.url);
-    file.ext = getFileExt(file.url);
-  } else if (typeof _data === "object") {
-    const sourceData = _data.originFileObj || _data;
-    file.id = _data.id || _data.uid;
-    file.url = sourceData.url || sourceData.ossUrl;
-    file.storeUrl = file.url;
-    file.originalFilename = _data.originalFilename || getFullFileName(file.url) || _data.name;
-    file.name = _data.filename || _data.name || getFullFileName(file.url);
-    file.filename = file.name;
-    file.originFileObj = data instanceof File ? data : undefined;
-    file.lastModified = _data.lastModified;
-    /** 基础路径 */
-    file.basePath = _data.basePath;
-    /** 存储路径 */
-    file.path = _data.path;
-    /** 文件后缀 */
-    file.ext = getFileExt(file.url);
-    /** 文件类型 */
-    file.type = _data.contentType || _data.type;
-    /** 文件类型 */
-    file.contentType = file.type;
-    /** 文件大小 */
-    file.size = _data.size;
-    /** 上传平台 */
-    file.platform = _data.platform;
-    /** 上传平台 */
-    file.createTime = _data.createTime;
-  }
-  if (!file.id) {
-    file.id =
-      file.uid || `${getFileName(file.url || file.name || file.filename) || "rc-upload"}-${Date.now()}-${nanoid()}`;
-  }
-  if (!file.name) {
-    file.name = file.id;
-  }
-  if (!file.filename) {
-    file.filename = file.name;
-  }
-  if (!file.storeUrl) {
-    file.storeUrl = file.url;
-  }
-
-  const { previewConfig } = opt || {};
-
-  // 合并预览地址？
-  file.previewUrl = mergePreviewConfig(file, previewConfig);
-
-  return file;
-};
-
-/**
- * fileList 数据归一化
- * 统一成对象格式用于内部处理
- */
-export const handleInputFileList = (fileList, opt: IHandlerOpt) => {
-  if (!fileList) {
-    return [];
-  }
-
-  let _fileList = fileList;
-  const { listMode, split } = opt || {};
-
-  // splitStr jsonStr 模式下 Upload 自动将字符串嵌套了数组，需要手动处理
-  if (listMode === "splitStr" || listMode === "jsonStr") {
-    if (typeof _fileList === "string") {
-      if (listMode === "splitStr") {
-        // @ts-ignore
-        _fileList = _fileList?.split(split ?? ", ");
-      }
-
-      if (listMode === "jsonStr") {
-        _fileList = objStrToObj(_fileList);
-      }
-    }
-  }
-
-  // 统一成数组格式
-  if (_fileList !== null && _fileList !== undefined && !Array.isArray(_fileList)) {
-    _fileList = [_fileList];
-  }
-
-  if (Array.isArray(_fileList)) {
-    const arrRes = [];
-    _fileList.forEach((it) => {
-      const itRes = handleInputItem(it, opt);
-      itRes && arrRes.push(itRes);
-    });
-    return arrRes;
-  }
-  return _fileList;
-};
-
-export const handleFileName = function () {};
-
-/**
- * 子项数据归一化
- * @param data
- * @returns
- */
-export const formatItem = function (data) {
-  // TODO: storeUrl 来源于【本地 url 直接使用预览地址，解决 previewFile 无法正常使用 previewUrl 的问题】
-  const url = data.storeUrl || data.url || (data instanceof File ? getFileURL(data) : data.url);
-  const uid = data.uid ?? data.id ?? getUFileName(data.name || data.filename);
-  const filename = data.filename || data.uploadInfo?.filename || (data.url ? getFullFileName(data.url) : data.name);
-  const res = {
-    uid: uid,
-    /** 唯一 id */
-    id: uid,
-    /** 文件地址 */
-    url: url,
-    /** 存储的文件名称 */
-    name: filename,
-    /** 存储的文件名称 */
-    filename: filename,
-    /** 上传的文件名称 */
-    originalFilename: data.originalFilename || data.uploadInfo?.originalFilename || data.name || data.filename,
-    /** 基础路径 */
-    basePath: data.basePath || data.uploadInfo?.basePath,
-    /** 存储路径 */
-    path: data.path || data.uploadInfo?.path,
-    /** 文件后缀 */
-    ext: data.ext || data.uploadInfo?.ext || getFileExt(url),
-    /** 文件类型 */
-    type: data.type,
-    /** 文件类型 */
-    contentType: data.type,
-    /** 文件大小 */
-    size: data.size,
-    /** 上传平台 */
-    platform: data.platform || data.uploadInfo?.platform,
-    /** 最后更新时间戳 */
-    lastModified: data.lastModified,
-    /** 文件上传时间 */
-    createTime: data.createTime || data.uploadInfo?.createTime,
-    /** 源文件 */
-    originFileObj: data instanceof File ? data : undefined,
-  };
-  if (!res.name) {
-    res.name = res.id ?? res.uid;
-  }
-  if (!res.filename) {
-    res.filename = res.id ?? res.uid;
-  }
-  if (!res.originalFilename) {
-    res.originalFilename = res.name || res.filename;
-  }
-  return res;
-};
-
-/**
- * 出参子项归一化
- * 根据配置，将 对象 处理成所需格式
- */
-export const handleUploadItem = function (file, opt: IHandlerOpt) {
-  const { itemMode = "object" } = opt || {};
-  if (itemMode === "file") {
-    return file?.originFileObj || file;
-  }
-  if (itemMode === "object") {
-    return formatItem(file);
-  }
-  if (itemMode === "jsonStr" && typeof file !== "string") {
-    const { originFileObj, ...jFile } = formatItem(file);
-    return JSON.stringify({ ...jFile });
-  }
-  if (itemMode === "url") {
-    return typeof file === "string" ? file : file.originFileObj?.url || file?.url;
-  }
-  return file;
-};
-
-/**
- * 出参 fileList 归一化
- * 根据配置，将 对象 处理成所需格式
- */
-export const handleOutputFileList = function (fileList, opt: IHandlerOpt) {
-  if (!fileList) {
-    return undefined;
-  }
-
-  const { listMode, split } = opt || {};
-
-  let _fileList = fileList;
-  if (_fileList && !Array.isArray(_fileList)) {
-    _fileList = [fileList];
-  }
-
-  // 数组
-  if (listMode === "array") {
-    return _fileList?.map((it) => handleUploadItem(it, opt));
-  }
-  // 序列化后的字符串
-  if (listMode === "jsonStr") {
-    return JSON.stringify(_fileList?.map((it) => handleUploadItem(it, opt)));
-  }
-  // join 后的字符串
-  if (listMode === "splitStr") {
-    return _fileList
-      ?.map((it) => handleUploadItem(it, opt))
-      .filter((it) => it)
-      .join(split ?? ", ");
-  }
-};
+import { getFileURL, getFileType, isBase64Str } from "./utils";
+import { getUFileName, getFileName, getFullFileName, getFileExt, getFileNameObj } from "./fileName";
+import { nanoid } from "./nanoid";
+
+/**
+ * 出入参归一化
+ * 统一成对象格式用于内部处理
+ {
+ }
+ 
+ */
+
+/**
+ * 出入参数据子项处理配置项
+ */
+export interface IFile {
+  uid?: string;
+  /** 唯一 id */
+  id: string;
+  /** 文件地址 */
+  url: string;
+  /** 存储的文件地址 */
+  storeUrl: string;
+  /** 存储的文件名称 */
+  name?: string;
+  /** 存储的文件名称 */
+  filename?: string;
+  /** 上传的文件名称 */
+  originalFilename: string;
+  /** 基础路径 */
+  basePath?: string;
+  /** 存储路径 */
+  path?: string;
+  /** 文件后缀 */
+  ext?: string;
+  /** 文件类型 */
+  contentType: string;
+  /** 上传平台 */
+  platform: string;
+  /** 文件预览地址 */
+  previewUrl?: string;
+  /** 文件类型 */
+  type: string;
+  /** 文件大小 */
+  size: number;
+  /** 原始 file 文件 */
+  originFileObj?: File;
+  /** 文件上传时间 */
+  createTime?: string;
+  /** 最后更新时间戳 */
+  lastModified?: number;
+}
+
+/**
+ * 出入参数据处理配置项
+ */
+export interface IHandlerOpt {
+  /** 列表数据模式：数组 | 字符串 */
+  listMode: "array" | "jsonStr" | "splitStr";
+  /** 字符串列表数据模式下的分隔符 */
+  split: string;
+  /** 子项数据模式： 格式化对象 | file 文件格式 | url 地址 | JSON 序列化字符串 */
+  itemMode: "object" | "file" | "url" | "jsonStr";
+  /** 预览配置参数 */
+  previewConfig?: Object;
+}
+
+/** 内部文件格式 */
+const fileTpl: IFile = {
+  /** 唯一 id */
+  uid: "",
+  id: "",
+  /** 文件地址 */
+  url: "",
+  /** 存储的文件地址 */
+  storeUrl: "",
+  /** 存储的文件名称 */
+  name: "",
+  /** 存储的文件名称 */
+  filename: "",
+  /** 上传的文件名称 */
+  originalFilename: "",
+  /** 基础路径 */
+  basePath: "",
+  /** 存储路径 */
+  path: "",
+  /** 文件后缀 */
+  ext: "",
+  /** 文件类型 */
+  type: "",
+  /** 文件类型 */
+  contentType: "",
+  /** 文件预览地址 */
+  previewUrl: undefined,
+  /** 文件大小 */
+  size: undefined,
+  /** 上传平台 */
+  platform: undefined,
+  /** 最后更新时间戳 */
+  lastModified: undefined,
+  /** 文件上传时间 */
+  createTime: undefined,
+  /** 源文件 */
+  originFileObj: undefined,
+};
+
+/**
+ * 对象字符串转为对象
+ * @param objStr
+ */
+export const objStrToObj = function (objStr) {
+  let _objStr = objStr;
+  if (typeof _objStr === "object") {
+    return _objStr;
+  }
+  // 对象字符串 转为 对象
+  if (typeof _objStr === "string") {
+    _objStr = _objStr.trim();
+    if (/^\[.*\]$|^\{.*\}$/.test(_objStr)) {
+      try {
+        _objStr = JSON.parse(_objStr);
+      } catch (error) {}
+    }
+  }
+  return _objStr;
+};
+
+/**
+ * 预览 url 添加前缀
+ * @param {*} uri
+ * @param {*} previewConfig
+ * @returns
+ */
+export function mergePreviewConfig(uri, previewConfig) {
+  let _uri = uri;
+  let basePath = "";
+  if (typeof _uri === "object") {
+    basePath = _uri.basePath;
+    _uri = _uri.previewUrl || _uri.url;
+  }
+  if (typeof _uri !== "string") {
+    return _uri;
+  }
+  _uri = _uri?.trim();
+  // base64 直接返回
+  if (isBase64Str(_uri)) {
+    return _uri;
+  }
+  const isUriPattern = /http[s]?:\/\/[^\s]+/.test(_uri);
+  const query = previewConfig?.query?.trim() ? "?" + previewConfig?.query?.trim() : "";
+
+  if (isUriPattern) {
+    // 源地址为 http 地址，直接拼接 query 参数
+    return `${_uri}${query}`;
+  }
+
+  if (previewConfig) {
+    // 拼接前缀
+    return `${previewConfig?.url?.trim()}/${_uri}${query}`?.trim();
+  }
+
+  return _uri;
+}
+
+/**
+ * 子项数据归一化
+ * 字符串：url、base64
+ * 对象：
+ * 统一成对象格式用于内部处理
+ */
+export const handleInputItem = (data, opt: IHandlerOpt) => {
+  if (!data) {
+    console.warn("Upload handleInputData 请传入正确的数据");
+    return data;
+  }
+  let file = {
+    ...fileTpl,
+  };
+  // 对象字符串 转为 对象
+  const _data = objStrToObj(data);
+  if (typeof _data === "string") {
+    const obj = getFileNameObj(_data);
+    file.id = obj?.id;
+    file.uid = file.id;
+    file.url = _data;
+    file.storeUrl = _data;
+    file.name = getFullFileName(file.url);
+    file.filename = file.name;
+    file.originalFilename = getFullFileName(file.url);
+    file.type = getFileType(file.url);
+    file.ext = getFileExt(file.url);
+  } else if (typeof _data === "object") {
+    const sourceData = _data.originFileObj || _data;
+    file.id = _data.id || _data.uid;
+    file.url = sourceData.url || sourceData.ossUrl;
+    file.storeUrl = file.url;
+    file.originalFilename = _data.originalFilename || getFullFileName(file.url) || _data.name;
+    file.name = _data.filename || _data.name || getFullFileName(file.url);
+    file.filename = file.name;
+    file.originFileObj = data instanceof File ? data : undefined;
+    file.lastModified = _data.lastModified;
+    /** 基础路径 */
+    file.basePath = _data.basePath;
+    /** 存储路径 */
+    file.path = _data.path;
+    /** 文件后缀 */
+    file.ext = getFileExt(file.url);
+    /** 文件类型 */
+    file.type = _data.contentType || _data.type;
+    /** 文件类型 */
+    file.contentType = file.type;
+    /** 文件大小 */
+    file.size = _data.size;
+    /** 上传平台 */
+    file.platform = _data.platform;
+    /** 上传平台 */
+    file.createTime = _data.createTime;
+  }
+  if (!file.id) {
+    file.id =
+      file.uid || `${getFileName(file.url || file.name || file.filename) || "rc-upload"}-${Date.now()}-${nanoid()}`;
+  }
+  if (!file.name) {
+    file.name = file.id;
+  }
+  if (!file.filename) {
+    file.filename = file.name;
+  }
+  if (!file.storeUrl) {
+    file.storeUrl = file.url;
+  }
+
+  const { previewConfig } = opt || {};
+
+  // 合并预览地址？
+  file.previewUrl = mergePreviewConfig(file, previewConfig);
+
+  return file;
+};
+
+/**
+ * fileList 数据归一化
+ * 统一成对象格式用于内部处理
+ */
+export const handleInputFileList = (fileList, opt: IHandlerOpt) => {
+  if (!fileList) {
+    return [];
+  }
+
+  let _fileList = fileList;
+  const { listMode, split } = opt || {};
+
+  // splitStr jsonStr 模式下 Upload 自动将字符串嵌套了数组，需要手动处理
+  if (listMode === "splitStr" || listMode === "jsonStr") {
+    if (typeof _fileList === "string") {
+      if (listMode === "splitStr") {
+        // @ts-ignore
+        _fileList = _fileList?.split(split ?? ", ");
+      }
+
+      if (listMode === "jsonStr") {
+        _fileList = objStrToObj(_fileList);
+      }
+    }
+  }
+
+  // 统一成数组格式
+  if (_fileList !== null && _fileList !== undefined && !Array.isArray(_fileList)) {
+    _fileList = [_fileList];
+  }
+
+  if (Array.isArray(_fileList)) {
+    const arrRes = [];
+    _fileList.forEach((it) => {
+      const itRes = handleInputItem(it, opt);
+      itRes && arrRes.push(itRes);
+    });
+    return arrRes;
+  }
+  return _fileList;
+};
+
+export const handleFileName = function () {};
+
+/**
+ * 子项数据归一化
+ * @param data
+ * @returns
+ */
+export const formatItem = function (data) {
+  // TODO: storeUrl 来源于【本地 url 直接使用预览地址，解决 previewFile 无法正常使用 previewUrl 的问题】
+  const url = data.storeUrl || data.url || (data instanceof File ? getFileURL(data) : data.url);
+  const uid = data.uid ?? data.id ?? getUFileName(data.name || data.filename);
+  const filename = data.filename || data.uploadInfo?.filename || (data.url ? getFullFileName(data.url) : data.name);
+  const res = {
+    uid: uid,
+    /** 唯一 id */
+    id: uid,
+    /** 文件地址 */
+    url: url,
+    /** 存储的文件名称 */
+    name: filename,
+    /** 存储的文件名称 */
+    filename: filename,
+    /** 上传的文件名称 */
+    originalFilename: data.originalFilename || data.uploadInfo?.originalFilename || data.name || data.filename,
+    /** 基础路径 */
+    basePath: data.basePath || data.uploadInfo?.basePath,
+    /** 存储路径 */
+    path: data.path || data.uploadInfo?.path,
+    /** 文件后缀 */
+    ext: data.ext || data.uploadInfo?.ext || getFileExt(url),
+    /** 文件类型 */
+    type: data.type,
+    /** 文件类型 */
+    contentType: data.type,
+    /** 文件大小 */
+    size: data.size,
+    /** 上传平台 */
+    platform: data.platform || data.uploadInfo?.platform,
+    /** 最后更新时间戳 */
+    lastModified: data.lastModified,
+    /** 文件上传时间 */
+    createTime: data.createTime || data.uploadInfo?.createTime,
+    /** 源文件 */
+    originFileObj: data instanceof File ? data : undefined,
+  };
+  if (!res.name) {
+    res.name = res.id ?? res.uid;
+  }
+  if (!res.filename) {
+    res.filename = res.id ?? res.uid;
+  }
+  if (!res.originalFilename) {
+    res.originalFilename = res.name || res.filename;
+  }
+  return res;
+};
+
+/**
+ * 出参子项归一化
+ * 根据配置，将 对象 处理成所需格式
+ */
+export const handleUploadItem = function (file, opt: IHandlerOpt) {
+  const { itemMode = "object" } = opt || {};
+  if (itemMode === "file") {
+    return file?.originFileObj || file;
+  }
+  if (itemMode === "object") {
+    return formatItem(file);
+  }
+  if (itemMode === "jsonStr" && typeof file !== "string") {
+    const { originFileObj, ...jFile } = formatItem(file);
+    return JSON.stringify({ ...jFile });
+  }
+  if (itemMode === "url") {
+    return typeof file === "string" ? file : file.originFileObj?.url || file?.url;
+  }
+  return file;
+};
+
+/**
+ * 出参 fileList 归一化
+ * 根据配置，将 对象 处理成所需格式
+ */
+export const handleOutputFileList = function (fileList, opt: IHandlerOpt) {
+  if (!fileList) {
+    return undefined;
+  }
+
+  const { listMode, split } = opt || {};
+
+  let _fileList = fileList;
+  if (_fileList && !Array.isArray(_fileList)) {
+    _fileList = [fileList];
+  }
+
+  // 数组
+  if (listMode === "array") {
+    return _fileList?.map((it) => handleUploadItem(it, opt));
+  }
+  // 序列化后的字符串
+  if (listMode === "jsonStr") {
+    return JSON.stringify(_fileList?.map((it) => handleUploadItem(it, opt)));
+  }
+  // join 后的字符串
+  if (listMode === "splitStr") {
+    return _fileList
+      ?.map((it) => handleUploadItem(it, opt))
+      .filter((it) => it)
+      .join(split ?? ", ");
+  }
+};