@pointcloud/pcloud-components 0.1.3 → 0.1.5

package/dist/esm/DTreeSelect/index.js

@@ -1,47 +1,56 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["className", "popupClassName", "treeData", "fieldNames", "treeNodeFilterProp", "loadData", "onLoadData", "loading"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-05-22 10:38:17
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-06-13 15:39:42
- * @Description  : 基于antd的TreeSelect组件
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "popupClassName", "treeData", "fieldNames", "loadData", "onLoadData", "loading"];
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-05-22 10:38:17
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-06-30 16:24:47
+ * @Description  : 基于antd的TreeSelect组件
  */
 
 import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
 import { TreeSelect } from 'antd';
 import { ConfigContext } from "../ConfigProvider";
 import "./index.less";
-/**
- *
- * loading相关代码
- */
+import { jsx as _jsx } from "react/jsx-runtime";
+// eslint-disable-next-line no-unused-vars
+function deepFind(node, fn) {
+  var childrenName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
+  if (fn instanceof Function) {
+    var treelist = node instanceof Array ? node : [node];
+    for (var i = 0; i < treelist.length; i++) {
+      if (fn(treelist[i], i)) {
+        return treelist[i];
+      } else {
+        var target = deepFind(treelist[i][childrenName] || [], fn, childrenName);
+        if (target) return target;
+      }
+    }
+  } else {
+    return undefined;
+  }
+}
 
+// 获取延时时间，默认800ms，true代表默认时间,false代表0
+function getDelayTime(value) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
+  if (value === true) {
+    return defaultValue;
+  } else if (value === false) {
+    return 0;
+  } else {
+    return typeof value === 'number' ? Number(value) || 0 : defaultValue;
+  }
+}
 function InternalTreeSelect(props, ref) {
   var _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
     popupClassName = props.popupClassName,
     initOptions = props.treeData,
     fieldNames = props.fieldNames,
-    treeNodeFilterProp = props.treeNodeFilterProp,
     loadData = props.loadData,
     onLoadData = props.onLoadData,
     initLoading = props.loading,
@@ -70,27 +79,31 @@ function InternalTreeSelect(props, ref) {
     children: 'children'
   }, fieldNames);
   var _treeNodeFilterProp = _fieldNames.label;
-  var _loadingState = getDelayTime(loading, 600); // loading: 默认600ms，false或0表示不开启
+  var _loadingState = getDelayTime(initLoading, 600); // loading: 默认600ms，false或0表示不开启
 
   var _loading = typeof initLoading === 'boolean' ? initLoading : loading;
 
   // 将外部传入的options转化为统一的异步请求方法
-  var getOptionsFun = useMemo(function () {
+  var getOptionsFun = useMemo(
+  // eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars
+  function () {
     return typeof initOptions === 'function' ? initOptions : function (params) {
       return Promise.resolve(initOptions || []);
     };
   }, [initOptions]);
+
+  // eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars
   var updateOptions = function updateOptions(fun, value) {
     // 设置加载中状态
     if (_loadingState > 0) {
       loadingRef.current.status = 'loading';
+      loadingParamsRef.current = value;
       clearTimeout(loadingRef.current.timer);
       loadingRef.current.timer = setTimeout(function () {
-        loadingRef.current.status === 'loading' && setLoading(true);
+        if (loadingRef.current.status === 'loading') setLoading(true);
       }, _loadingState);
     }
     // 发起请求
-    loadingParamsRef.current = value;
     fun === null || fun === void 0 ? void 0 : fun(value).then(function (response) {
       if (loadingParamsRef.current === value) {
         setTreeData(response);
@@ -105,19 +118,41 @@ function InternalTreeSelect(props, ref) {
     });
   };
   var _loadData = function _loadData(selectedOption) {
-    onLoadData && onLoadData(selectedOption);
+    if (onLoadData) onLoadData(selectedOption);
     var _getOptions = typeof initOptions === 'function' ? initOptions : null;
     var loadFn = loadData === null ? loadData : loadData || _getOptions;
     if (typeof loadFn === 'function') {
-      var loadFnPromise = loadFn === null || loadFn === void 0 ? void 0 : loadFn(selectedOption);
+      // 设置加载中状态
+      if (_loadingState > 0) {
+        loadingRef.current.status = 'loading';
+        loadingParamsRef.current = loadingParamsRef.current ? loadingParamsRef.current + 1 : 1;
+        clearTimeout(loadingRef.current.timer);
+        loadingRef.current.timer = setTimeout(function () {
+          if (loadingRef.current.status === 'loading') {
+            setLoading(true);
+          }
+        }, _loadingState);
+      }
+      var loadFnPromise = loadFn(selectedOption);
       if (typeof loadFnPromise['then'] === 'function') {
         loadFnPromise.then(function (response) {
+          loadingParamsRef.current = loadingParamsRef.current ? loadingParamsRef.current - 1 : null;
+          if (!loadingParamsRef.current) {
+            setLoading(false);
+            loadingRef.current.status = 'done';
+          }
           var list = treeData || [];
           var node = deepFind(list, function (item) {
             return item[_fieldNames.value] === selectedOption[_fieldNames.value];
           }, _fieldNames.children);
-          node && (node[_fieldNames.children] = response);
+          if (node) node[_fieldNames.children] = response;
           setTreeData(_toConsumableArray(list));
+        }).catch(function () {
+          loadingParamsRef.current = loadingParamsRef.current ? loadingParamsRef.current - 1 : null;
+          if (!loadingParamsRef.current) {
+            setLoading(false);
+            loadingRef.current.status = 'done';
+          }
         });
       }
       return loadFnPromise;
@@ -131,7 +166,7 @@ function InternalTreeSelect(props, ref) {
   useEffect(function () {
     return updateOptions(getOptionsFun);
   }, [getOptionsFun]);
-  return /*#__PURE__*/React.createElement(TreeSelect, _extends({}, otherProps, {
+  return /*#__PURE__*/_jsx(TreeSelect, _objectSpread(_objectSpread({}, otherProps), {}, {
     ref: ref,
     className: _className,
     popupClassName: _popupClassName,
@@ -142,33 +177,5 @@ function InternalTreeSelect(props, ref) {
     loading: _loading
   }));
 }
-
-// 获取延时时间，默认800ms，true代表默认时间,false代表0
-function getDelayTime(value) {
-  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
-  if (value === true) {
-    return defaultValue;
-  } else if (value === false) {
-    return 0;
-  } else {
-    return typeof value === 'number' ? Number(value) || 0 : defaultValue;
-  }
-}
-function deepFind(node, fn) {
-  var childrenName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
-  if (fn instanceof Function) {
-    var treelist = node instanceof Array ? node : [node];
-    for (var i = 0; i < treelist.length; i++) {
-      if (fn(treelist[i], i)) {
-        return treelist[i];
-      } else {
-        var target = deepFind(treelist[i][childrenName] || [], fn, childrenName);
-        if (target) return target;
-      }
-    }
-  } else {
-    return undefined;
-  }
-}
 var DTreeSelect = /*#__PURE__*/forwardRef(InternalTreeSelect);
 export default DTreeSelect;

package/dist/esm/DTreeSelect/index.less

@@ -1,9 +1,11 @@
 @import '../commonStyle/index.less';
+
 .@{prefix}-tree-select-dropdown .ant-select-tree-node-content-wrapper {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+
 .@{prefix}-tree-select-dropdown .ant-select-tree-node-content-wrapper .ant-select-tree-title {
   overflow: hidden;
 }

package/dist/esm/DUpload/helper.d.ts

@@ -0,0 +1,105 @@
+import { UploadFile } from 'antd';
+declare type DUploadFile = Omit<UploadFile, 'uid'> & {
+    /** 文件id */
+    id?: string | number;
+    /** 文件uid,系统自动生成 */
+    uid?: string | number;
+    /** 文件来源 upload:文件对话框,remote:已上传的文件对象 */
+    source?: 'upload' | 'remote';
+};
+/** 转换base64时的参数 */
+declare type CompressProps = {
+    width?: number;
+    /** 图像高度 */
+    height?: number;
+    /** 图像质量 */
+    quality?: number;
+};
+declare type ThumbOptionProps = {
+    /** 对目标文件进行过滤，默认只对图片格式生成缩略图 */
+    filter?: ((file: DUploadFile) => boolean) | Array<string>;
+    /** 文件大小,当上传文件大于指定值时会对缩略图进行压缩,单位为字节，默认2MB */
+    size?: number;
+    /** 缩略图压缩参数,默认为 {width:300,height:200,quality:0.7} */
+    compress?: CompressProps | null;
+    /** 缩略图生成失败时的回调函数 */
+    onError?: (err: Error) => void;
+    /** 自定义生成base64缩略图的方法 */
+    getThumbUrl?: (file: DUploadFile, option: ThumbOptionProps) => Promise<string>;
+};
+/**
+ * @description  : 将图像文件转换为Base64格式
+ * @param         {Blob} blob 图像文件
+ * @param         {CompressProps} options 指定图像压缩参数,其格式为: {width:300,height:200,quality:0.7}
+ * @return        {Promise<string>} 包含Base64字符串的Promise对象
+ * @example      : imageToBase64(file,{ width: 300, height: 200, quality: 0.7 }).then( url => console.log( url ) )
+ */
+declare function imageToBase64(blob: Blob, options?: CompressProps | null): Promise<string>;
+/**
+ * @description  : 将传入的文件转换为UploadFile数组
+ * @param         {any} files 目标文件对象
+ * @return        {UploadFile[]} UploadFile数组
+ * @example      :
+ */
+declare function getUploadFile(files: any, maxCount?: number): any[];
+/**
+ * @description  : 根据传入的option对象获取缩略图参数
+ * @param         {ThumbOptionProps} option 缩略图参数对象
+ * @return        {ThumbOptionProps} ThumbOption对象
+ * @example      :
+ */
+declare function getThumbOption(option?: ThumbOptionProps | null): {
+    size: number;
+    filter: (file: DUploadFile) => boolean;
+    compress: {
+        width: number;
+        height: number;
+        quality: number;
+    } | null;
+    onError: ((err: Error) => void) | undefined;
+    getThumbUrl: ((file: DUploadFile, option: ThumbOptionProps) => Promise<string>) | undefined;
+};
+/**
+ * @description  : a标签下载文件
+ * @param         {Blob | string} url a标签的下载url或文件流
+ * @param         {string} fileName 下载文件的名称,如果缺省则尝试从url中获取，默认为: "新建文件"
+ * @return        {*}
+ * @example      :
+ */
+declare function downloadFile(url: Blob | string, fileName?: string): void;
+/**
+ * @description  : a标签预览文件
+ * @param         {Blob | string} url a标签的预览url或文件流
+ * @return        {*}
+ * @example      :
+ */
+declare function previewFile(url: Blob | string): void;
+/**
+ * @description  : 以递归方式深度查找一个对象
+ * @param         {Record} object 待查找的对象
+ * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则递归过程并返回当前对象
+ * @param         {number} maxDepth 递归的最大深度，默认10
+ * @return        {*} 查找到的对象,未查找到则返回undefined
+ * @example      :
+ */
+declare function deepFindObject(object: Record<string, any>, fn: (item: any, parent: any, fieldMap: any) => boolean, maxDepth?: number): any;
+/**
+ * @description  : 以递归方式深度查找一个Jsx对象
+ * @param         {Record} object 待查找的Jsx对象
+ * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则停止递归过程并返回当前对象
+ * @param         {number} maxDepth 递归的最大深度，默认10
+ * @return        {*} 查找到的对象,未查找到则返回undefined
+ * @example      :
+ */
+declare function deepFindJsx(object: Record<string, any>, fn: (item: any, parent: any) => boolean, maxDepth?: number): any;
+declare const _default: {
+    imageToBase64: typeof imageToBase64;
+    getUploadFile: typeof getUploadFile;
+    getThumbOption: typeof getThumbOption;
+    downloadFile: typeof downloadFile;
+    previewFile: typeof previewFile;
+    deepFindObject: typeof deepFindObject;
+    deepFindJsx: typeof deepFindJsx;
+};
+export default _default;
+export type { DUploadFile, ThumbOptionProps };

package/dist/esm/DUpload/helper.js

@@ -0,0 +1,261 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-16 11:25:57
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-06-29 18:10:04
+ * @Description  : 辅助方法集合
+ */
+
+/** 转换base64时的参数 */
+
+var TYPES = {
+  OPTION_TYPE_PRIMARY: 'primary',
+  OPTION_TYPE_OBJECT: 'object',
+  OPTION_TYPE_ARRAY: 'array'
+};
+
+// 获取某个字段的类型
+function getType(value) {
+  if (typeof value === 'string') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (typeof value === 'number') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (typeof value === 'boolean') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (typeof value === 'undefined') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (_typeof(value) === 'symbol') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (value === null) {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (typeof value === 'function') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (value instanceof Array) {
+    return TYPES.OPTION_TYPE_ARRAY;
+  } else if (Object.keys(value).length > 0) {
+    return TYPES.OPTION_TYPE_OBJECT;
+  } else {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  }
+}
+
+/**
+ * @description  : 将图像文件转换为Base64格式
+ * @param         {Blob} blob 图像文件
+ * @param         {CompressProps} options 指定图像压缩参数,其格式为: {width:300,height:200,quality:0.7}
+ * @return        {Promise<string>} 包含Base64字符串的Promise对象
+ * @example      : imageToBase64(file,{ width: 300, height: 200, quality: 0.7 }).then( url => console.log( url ) )
+ */
+function imageToBase64(blob, options) {
+  return new Promise(function (resolve, reject) {
+    var reader = new FileReader();
+    try {
+      reader.readAsDataURL(blob);
+    } catch (err) {
+      reject(err);
+    }
+    reader.onload = function () {
+      if (typeof reader.result === 'string') {
+        if (options === null) {
+          resolve(reader.result);
+          return;
+        }
+        var img = new Image();
+        img.src = reader.result;
+        img.onload = function () {
+          var _ref = options || {},
+            _ref$width = _ref.width,
+            width = _ref$width === void 0 ? img.naturalWidth : _ref$width,
+            _ref$height = _ref.height,
+            height = _ref$height === void 0 ? img.naturalHeight : _ref$height,
+            _ref$quality = _ref.quality,
+            quality = _ref$quality === void 0 ? 0.7 : _ref$quality;
+          var canvas = document.createElement('canvas');
+          var ctx = canvas.getContext('2d');
+          canvas.width = width;
+          canvas.height = height;
+          if (ctx) {
+            ctx.drawImage(img, 0, 0, width, height);
+            var base64 = canvas.toDataURL(undefined, quality);
+            resolve(base64);
+          } else {
+            reject(new Error("\u8F6C\u6362\u7F29\u7565\u56FE\u5931\u8D25: ".concat(reader.result)));
+          }
+        };
+        img.onerror = function (err) {
+          return reject(err);
+        };
+      } else {
+        reject(new Error("\u8F6C\u6362\u7F29\u7565\u56FE\u5931\u8D25: ".concat(reader.result)));
+      }
+    };
+    reader.onerror = function () {
+      return reject(reader.error);
+    };
+  });
+}
+
+/**
+ * @description  : 将传入的文件转换为UploadFile数组
+ * @param         {any} files 目标文件对象
+ * @return        {UploadFile[]} UploadFile数组
+ * @example      :
+ */
+function getUploadFile(files, maxCount) {
+  if (files) {
+    var list = files instanceof Array ? files : [files];
+    return maxCount && maxCount > 0 ? list.slice(0, maxCount) : list;
+  }
+  return [];
+}
+
+/**
+ * @description  : 根据传入的option对象获取缩略图参数
+ * @param         {ThumbOptionProps} option 缩略图参数对象
+ * @return        {ThumbOptionProps} ThumbOption对象
+ * @example      :
+ */
+function getThumbOption(option) {
+  var _ref2 = option || {},
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 2097152 : _ref2$size,
+    _ref2$filter = _ref2.filter,
+    filter = _ref2$filter === void 0 ? ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml'] : _ref2$filter,
+    compress = _ref2.compress,
+    onError = _ref2.onError,
+    getThumbUrl = _ref2.getThumbUrl;
+  var _filter = filter instanceof Array ? function (file) {
+    return filter.includes(file.type || '');
+  } : filter;
+  var _compress = compress === null ? compress : _objectSpread({
+    width: 300,
+    height: 200,
+    quality: 0.7
+  }, compress);
+  var defaultOption = {
+    size: size,
+    filter: _filter,
+    compress: _compress,
+    onError: onError,
+    getThumbUrl: getThumbUrl
+  };
+  var _option = option === null ? _objectSpread(_objectSpread({}, defaultOption), {}, {
+    filter: function filter() {
+      return false;
+    }
+  }) : defaultOption;
+  return _option;
+}
+
+/**
+ * @description  : a标签下载文件
+ * @param         {Blob | string} url a标签的下载url或文件流
+ * @param         {string} fileName 下载文件的名称,如果缺省则尝试从url中获取，默认为: "新建文件"
+ * @return        {*}
+ * @example      :
+ */
+function downloadFile(url, fileName) {
+  var eLink = document.createElement('a');
+  eLink.download = fileName || (typeof url === 'string' ? '新建文件' : (url === null || url === void 0 ? void 0 : url.name) || '新建文件');
+  eLink.style.display = 'none';
+  eLink.href = typeof url === 'string' ? url : URL.createObjectURL(url);
+  document.body.appendChild(eLink);
+  eLink.click();
+  URL.revokeObjectURL(eLink.href);
+  document.body.removeChild(eLink);
+}
+
+/**
+ * @description  : a标签预览文件
+ * @param         {Blob | string} url a标签的预览url或文件流
+ * @return        {*}
+ * @example      :
+ */
+function previewFile(url) {
+  var eLink = document.createElement('a');
+  eLink.target = '_blank';
+  eLink.style.display = 'none';
+  eLink.href = typeof url === 'string' ? url : URL.createObjectURL(url);
+  document.body.appendChild(eLink);
+  eLink.click();
+  URL.revokeObjectURL(eLink.href);
+  document.body.removeChild(eLink);
+}
+
+/**
+ * @description  : 以递归方式深度查找一个对象
+ * @param         {Record} object 待查找的对象
+ * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则递归过程并返回当前对象
+ * @param         {number} maxDepth 递归的最大深度，默认10
+ * @return        {*} 查找到的对象,未查找到则返回undefined
+ * @example      :
+ */
+// eslint-disable-next-line no-unused-vars
+function deepFindObject(object, fn) {
+  var maxDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+  function recursive(obj, parent, parentPath, fn, result) {
+    if (fn(obj, parent, result)) return obj;
+    if (parentPath.split(/\[|\./).length >= maxDepth) return;
+    var type = getType(obj);
+    if (type === 'object') {
+      for (var key in obj) {
+        if (key) {
+          var pathString = parentPath ? "".concat(parentPath, ".").concat(key) : key;
+          var target = recursive(obj[key], obj, pathString, fn, result);
+          if (target) return target;
+        }
+      }
+    } else if (type === 'array') {
+      for (var index = 0; index < obj.length; index++) {
+        var _pathString = parentPath ? "".concat(parentPath, "[").concat(index, "]") : index;
+        var _target = recursive(obj[index], obj, _pathString, fn, result);
+        if (_target) return _target;
+      }
+    } else {
+      result[parentPath] = obj;
+    }
+  }
+  return recursive(object, undefined, '', fn, {});
+}
+
+/**
+ * @description  : 以递归方式深度查找一个Jsx对象
+ * @param         {Record} object 待查找的Jsx对象
+ * @param         {function} fn 查找函数,每次递归时执行，如果执行结果为true，则停止递归过程并返回当前对象
+ * @param         {number} maxDepth 递归的最大深度，默认10
+ * @return        {*} 查找到的对象,未查找到则返回undefined
+ * @example      :
+ */
+// eslint-disable-next-line no-unused-vars
+function deepFindJsx(object, fn) {
+  var maxDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+  function recursive(obj, parent, parentPath, fn) {
+    var _obj$props;
+    if (fn(obj, parent)) return obj;
+    if (parentPath.split(/\./).length >= maxDepth) return;
+    var children = obj === null || obj === void 0 ? void 0 : (_obj$props = obj.props) === null || _obj$props === void 0 ? void 0 : _obj$props.children;
+    if (children instanceof Array) {
+      for (var index = 0; index < children.length; index++) {
+        var pathString = parentPath ? "".concat(parentPath, ".children[").concat(index, "]") : ".children[".concat(index, "]");
+        var target = recursive(children[index], obj, pathString, fn);
+        if (target) return target;
+      }
+    } else if (children) {
+      var _pathString2 = parentPath ? "".concat(parentPath, ".children") : 'children';
+      var _target2 = recursive(children, obj, _pathString2, fn);
+      if (_target2) return _target2;
+    }
+  }
+  return recursive(object, undefined, '', fn);
+}
+export default {
+  imageToBase64: imageToBase64,
+  getUploadFile: getUploadFile,
+  getThumbOption: getThumbOption,
+  downloadFile: downloadFile,
+  previewFile: previewFile,
+  deepFindObject: deepFindObject,
+  deepFindJsx: deepFindJsx
+};

package/dist/esm/DUpload/index.d.ts

@@ -0,0 +1,55 @@
+import React, { ReactNode } from 'react';
+import { UploadProps } from 'antd';
+import { UploadChangeParam } from 'antd/lib/upload';
+import helper, { DUploadFile, ThumbOptionProps } from './helper';
+import './index.less';
+declare type DUploadProps = Omit<UploadProps, 'fileList' | 'onChange' | 'customRequest' | 'onRemove' | 'onDownload' | 'onPreview'> & {
+    /** 初始文件列表(相当于defaultFileList,但优先级高于defaultFileList) */
+    value?: DUploadFile | DUploadFile[];
+    /** 文件列表(在Form组件中表现为受控列表，在一般情况下相当于初始文件列表，其优先级高于value属性) */
+    fileList?: DUploadFile | DUploadFile[];
+    /** 文件列表变化时的回调函数 */
+    onChange?: (list: DUploadFile[], info: UploadChangeParam<DUploadFile>) => void;
+    /** 文件上传时的回调函数，支持Promise */
+    customRequest?: (file: DUploadFile, list: DUploadFile[], requestOption: any) => DUploadFile[] | Promise<DUploadFile[] | void> | void;
+    /** 点击删除按钮时的回调，支持Promise */
+    onRemove?: (file: DUploadFile, list: DUploadFile[]) => DUploadFile[] | Promise<DUploadFile[] | void> | void;
+    /** 点击下载按钮时的回调，支持Promise */
+    onDownload?: (file: DUploadFile) => DUploadFile | Blob | Promise<DUploadFile | Blob> | void;
+    /** 点击预览按钮时的回调，支持Promise */
+    onPreview?: (file: DUploadFile) => DUploadFile | Blob | Promise<DUploadFile | Blob> | void;
+    /** 上传按钮，等同于children但优先于children */
+    uploadButton?: ReactNode;
+    /** 上传文件时的缩略图选项,null表示不生成缩略图 */
+    thumbOption?: ThumbOptionProps | null;
+    /** 列表项样式类名 */
+    itemClassName?: string;
+    enablePreview?: boolean | ((file: DUploadFile) => boolean);
+};
+declare const DUpload: React.ForwardRefExoticComponent<Omit<UploadProps<any>, "onChange" | "fileList" | "customRequest" | "onRemove" | "onDownload" | "onPreview"> & {
+    /** 初始文件列表(相当于defaultFileList,但优先级高于defaultFileList) */
+    value?: DUploadFile | DUploadFile[] | undefined;
+    /** 文件列表(在Form组件中表现为受控列表，在一般情况下相当于初始文件列表，其优先级高于value属性) */
+    fileList?: DUploadFile | DUploadFile[] | undefined;
+    /** 文件列表变化时的回调函数 */
+    onChange?: ((list: DUploadFile[], info: UploadChangeParam<DUploadFile>) => void) | undefined;
+    /** 文件上传时的回调函数，支持Promise */
+    customRequest?: ((file: DUploadFile, list: DUploadFile[], requestOption: any) => DUploadFile[] | Promise<DUploadFile[] | void> | void) | undefined;
+    /** 点击删除按钮时的回调，支持Promise */
+    onRemove?: ((file: DUploadFile, list: DUploadFile[]) => DUploadFile[] | Promise<DUploadFile[] | void> | void) | undefined;
+    /** 点击下载按钮时的回调，支持Promise */
+    onDownload?: ((file: DUploadFile) => DUploadFile | Blob | Promise<DUploadFile | Blob> | void) | undefined;
+    /** 点击预览按钮时的回调，支持Promise */
+    onPreview?: ((file: DUploadFile) => DUploadFile | Blob | Promise<DUploadFile | Blob> | void) | undefined;
+    /** 上传按钮，等同于children但优先于children */
+    uploadButton?: ReactNode;
+    /** 上传文件时的缩略图选项,null表示不生成缩略图 */
+    thumbOption?: ThumbOptionProps | null | undefined;
+    /** 列表项样式类名 */
+    itemClassName?: string | undefined;
+    enablePreview?: boolean | ((file: DUploadFile) => boolean) | undefined;
+} & React.RefAttributes<unknown>> & {
+    imageToBase64: typeof helper.imageToBase64;
+};
+export type { DUploadProps, DUploadFile };
+export default DUpload;