@pointcloud/pcloud-components 0.1.3 → 0.1.4

package/dist/esm/DUpload/helper.js

@@ -0,0 +1,265 @@
+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 _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); }
+/*
+ * @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;