fan-standard-comp 3.1.2 → 3.1.4

package/lib/FormComp/Uploader/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-interface UploaderProps {
-    extraExt?: string;
-    accept?: string;
-    fileList?: any[];
-    fileType?: string;
-    className?: string;
-    isOnly?: boolean;
-    children?: React.ReactNode;
-    onChange?: (file?: any) => void;
-    value?: any;
-    size?: number;
-    modalSize?: string;
-    onPreview?: (file?: any) => any;
-    beforeUpload?: (file: any, fileList: any) => any;
-    limit?: number;
-}
-declare const Uploader: React.ForwardRefExoticComponent<UploaderProps & React.RefAttributes<unknown>>;
-export default Uploader;

package/lib/FormComp/Uploader/index.js

@@ -1,301 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/upload/style");
-
-var _upload = _interopRequireDefault(require("antd/es/upload"));
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-require("antd/es/message/style");
-
-var _message2 = _interopRequireDefault(require("antd/es/message"));
-
-var _tslib = require("tslib");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _icons = require("@ant-design/icons");
-
-var _util = require("./util");
-
-var _StandardModal = _interopRequireDefault(require("../../StandardModal"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var accept = props.accept,
-      extraExt = props.extraExt,
-      fileType = props.fileType,
-      className = props.className,
-      isOnly = props.isOnly,
-      children = props.children,
-      onChange = props.onChange,
-      value = props.value,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 2 * 1024 * 1024 : _props$size,
-      _props$modalSize = props.modalSize,
-      modalSize = _props$modalSize === void 0 ? 'md' : _props$modalSize,
-      onPreview = props.onPreview,
-      beforeUpload = props.beforeUpload,
-      limit = props.limit; // 图片预览数据
-
-  var _useState = (0, _react.useState)({
-    visible: false,
-    url: ''
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      showConfig = _useState2[0],
-      setShowConfig = _useState2[1]; // 用于展示的缩略图
-
-
-  var _useState3 = (0, _react.useState)([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      fileList = _useState4[0],
-      setFileList = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    if (!value) {
-      setFileList([]);
-      return;
-    }
-
-    var S4 = function S4() {
-      return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
-    };
-
-    if (Object.prototype.toString.call(value) === '[object Array]') {
-      setFileList(value.map(function (file, index) {
-        file.uid = file.uid || "".concat(S4(), "-").concat(S4());
-        file.url = file.downloadUrl || file.url;
-        file.status = 'done';
-        return file;
-      }));
-      return;
-    }
-
-    if (Object.prototype.toString.call(value) === '[object Object]') {
-      setFileList([Object.assign({
-        uid: "".concat(S4(), "-").concat(S4()),
-        url: value.downloadUrl || value.url,
-        status: 'done'
-      }, value)]);
-      return;
-    }
-
-    if (Object.prototype.toString.call(value) === '[object String]') {
-      setFileList([{
-        uid: "".concat(S4(), "-").concat(S4()),
-        url: value,
-        name: '附件',
-        status: 'done'
-      }]);
-      return;
-    }
-  }, [value]);
-  var splitAccept = (0, _react.useMemo)(function () {
-    var res = (0, _util.getAccept)(fileType);
-
-    if (extraExt) {
-      res = res + ',' + extraExt;
-    }
-
-    if (accept) {
-      res = res + ',' + accept;
-    }
-
-    return res;
-  }, [fileType, extraExt]); // 点击文件链接或预览图标时的回调
-
-  var handlePreview = (0, _react.useCallback)(function (file) {
-    return (0, _tslib.__awaiter)(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var res;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(!file.url && !file.preview)) {
-                _context.next = 5;
-                break;
-              }
-
-              _context.next = 3;
-              return (0, _util.getBase64)(file.originFileObj);
-
-            case 3:
-              res = _context.sent;
-
-              if (res && res.status === 'success') {
-                file.preview = res.url;
-              }
-
-            case 5:
-              setShowConfig({
-                visible: true,
-                url: file.url || file.preview
-              });
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-  }, [setShowConfig]); // 检查文件是否规范
-
-  var handleCheck = (0, _react.useCallback)(function (file) {
-    var isLtSize = file.size < size;
-
-    if (!isLtSize) {
-      _message2.default.error("\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(Math.round(size / 1024 / 1024 * 100) / 100, "MB!"));
-
-      return false;
-    }
-
-    return true;
-  }, [fileType, size]);
-  var handleChange = (0, _react.useCallback)(function (res) {
-    return (0, _tslib.__awaiter)(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var isOk, result, list;
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(res.file.status === 'removed')) {
-                _context2.next = 4;
-                break;
-              }
-
-              setFileList(res.fileList);
-              onChange && onChange(isOnly ? res.fileList[0] && res.fileList[0].originFileObj : res.fileList);
-              return _context2.abrupt("return");
-
-            case 4:
-              isOk = handleCheck(res.file);
-
-              if (isOk) {
-                list = res.fileList.map(function (file) {
-                  if (!file.url) {
-                    file.url = file.thumbUrl;
-                  }
-
-                  return file;
-                });
-                result = _toConsumableArray(list);
-                setFileList(list);
-                onChange && onChange(isOnly ? result[0] && result[0].originFileObj : result);
-              }
-
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-  }, [isOnly, handleCheck]); // 渲染预览窗口
-
-  var renderPreviewComponent = (0, _react.useMemo)(function () {
-    if (fileType === 'image' || fileType === 'svg') {
-      var visible = showConfig.visible,
-          url = showConfig.url;
-      return /*#__PURE__*/_react.default.createElement(_StandardModal.default, {
-        visible: visible,
-        hideFooter: true,
-        onCancel: function onCancel() {
-          return setShowConfig({
-            visible: false,
-            url: ''
-          });
-        },
-        size: modalSize
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          textAlign: 'center'
-        }
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        style: {
-          maxWidth: '100%'
-        },
-        src: url,
-        alt: ""
-      })));
-    }
-
-    return null;
-  }, [fileType, showConfig]);
-  var renderChildrenComponent = (0, _react.useMemo)(function () {
-    var renderButton = function renderButton() {
-      if (fileType === 'image' || fileType === 'svg') {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: 'spec-uploader-control'
-        }, /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null), /*#__PURE__*/_react.default.createElement("div", {
-          className: "ant-upload-text"
-        }, "\u70B9\u51FB\u9009\u62E9"));
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_button.default, {
-        className: 'spec-uploader-button'
-      }, /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null), "\u70B9\u51FB\u9009\u62E9");
-    };
-
-    if (children) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " ", children, " ");
-    }
-
-    if (isOnly && fileList.length === 1 || limit && fileList.length === limit) {
-      return null;
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderButton());
-  }, [fileType, isOnly, children, fileList, limit]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_upload.default, Object.assign({}, props, {
-    ref: ref,
-    accept: splitAccept,
-    fileList: fileList,
-    listType: fileType === 'image' || fileType === 'svg' ? 'picture-card' : 'text',
-    className: "spec-uploader ".concat(className),
-    onPreview: onPreview ? onPreview : fileType === 'image' || fileType === 'svg' ? handlePreview : function () {},
-    beforeUpload: beforeUpload ? beforeUpload : function () {
-      return false;
-    },
-    onChange: handleChange
-  }), renderChildrenComponent), renderPreviewComponent);
-}); // as IUploader
-
-
-var _default = Uploader;
-exports.default = _default;

package/lib/FormComp/Uploader/style/index.less

@@ -1,14 +0,0 @@
-@root-entry-name: default;
-@import (reference) '~antd/es/style/themes/index';
-.spec-uploader {
-
-}
-
-.ant-form-item-has-error {
-  .spec-uploader {
-    .ant-upload-list  .ant-upload-list-picture-card,
-    .ant-upload-list-picture .ant-upload-list-item, .ant-upload-list-picture-card .ant-upload-list-item {
-      border-color: @error-color;
-    }
-  }
-}

package/lib/FormComp/Uploader/util.d.ts

@@ -1,8 +0,0 @@
-interface baseResolveProps {
-    status?: string;
-    url?: any;
-    error?: any;
-}
-export declare function getBase64(file: any): Promise<baseResolveProps>;
-export declare function getAccept(fileType: string): ".jpg,.png" | ".svg" | ".doc,.docx,.pdf,.xls,.xlsx" | ".rar,.zip" | ".rar,.zip,.doc,.docx,.pdf,.jpg,.png";
-export {};

package/lib/FormComp/Uploader/util.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getBase64 = getBase64;
-exports.getAccept = getAccept;
-
-function getBase64(file) {
-  return new Promise(function (resolve) {
-    var reader = new FileReader();
-    reader.readAsDataURL(file);
-
-    reader.onload = function () {
-      return resolve({
-        status: 'success',
-        url: reader.result
-      });
-    };
-
-    reader.onerror = function (error) {
-      return resolve({
-        status: 'error',
-        error: error
-      });
-    };
-  });
-}
-
-function getAccept(fileType) {
-  switch (fileType) {
-    case 'image':
-      return '.jpg,.png';
-
-    case 'svg':
-      return '.svg';
-
-    case 'office':
-      return '.doc,.docx,.pdf,.xls,.xlsx';
-
-    case 'zip':
-      return '.rar,.zip';
-
-    default:
-      return '.rar,.zip,.doc,.docx,.pdf,.jpg,.png';
-  }
-}