@zat-design/sisyphus-react 4.2.0-beta.1 → 4.2.0-beta.3

package/lib/ProUpload/components/DraggableUploadListItem.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DraggableUploadListItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utilities = require("@dnd-kit/utilities");
-var _sortable = require("@dnd-kit/sortable");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var DraggableUploadListItem = _ref => {
-  var file = _ref.file,
-    children = _ref.children;
-  var _useSortable = (0, _sortable.useSortable)({
-      id: file.uid
-    }),
-    attributes = _useSortable.attributes,
-    listeners = _useSortable.listeners,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition;
-  var style = {
-    transform: _utilities.CSS.Transform.toString(transform),
-    transition,
-    cursor: 'move',
-    zIndex: 10,
-    position: 'relative'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread(_objectSpread({
-    ref: setNodeRef,
-    style: style
-  }, attributes), listeners), {}, {
-    children: children
-  }));
-};
-exports.DraggableUploadListItem = DraggableUploadListItem;

package/lib/ProUpload/components/Example.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { ExampleModalType } from '../propsType';
-interface ExampleProps {
-    exampleContent?: React.ReactNode;
-    className?: string;
-    exampleTitle?: string | React.ReactNode;
-    exampleModalProps?: ExampleModalType;
-}
-export declare const Example: React.FC<ExampleProps>;
-export {};

package/lib/ProUpload/components/Example.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Example = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ProDrawerForm = _interopRequireDefault(require("../../ProDrawerForm"));
-var _locale = _interopRequireDefault(require("../../locale"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Example = props => {
-  var _locale$ProUpload;
-  var exampleContent = props.exampleContent,
-    className = props.className,
-    exampleTitle = props.exampleTitle,
-    exampleModalProps = props.exampleModalProps;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var handleShowModal = () => {
-    setVisible(true);
-  };
-  var handleCancel = () => {
-    setVisible(false);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: className,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      onClick: handleShowModal,
-      children: _locale.default === null || _locale.default === void 0 || (_locale$ProUpload = _locale.default.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.exampleTitle
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProDrawerForm.default, {
-      title: exampleTitle,
-      width: "600",
-      open: visible,
-      mode: "Modal",
-      onCancel: handleCancel,
-      modalProps: _objectSpread({}, exampleModalProps),
-      disabled: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "pro-upload-example",
-        children: exampleContent
-      })
-    })]
-  });
-};
-exports.Example = Example;

package/lib/ProUpload/components/FileItem.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { UploadFile } from 'antd/es/upload/interface';
-/**
- * @description: b 转成 Kb
- * @param {*} num
- * @return {*}
- */
-export declare const bToKb: (num: any) => string;
-/**
- * @description: 获取文件后缀名
- * @param {*} fileName
- * @return {*}
- */
-export declare const getFileExt: (fileName: string) => string;
-/**
- * @description: 根据文件扩展名获取图标地址
- * @param {string} fileExt
- * @return {*}
- */
-export declare const getFileIcon: (fileExt: string) => any;
-interface FileItemProps {
-    file: UploadFile;
-    hideFileIcon?: boolean;
-    showRemoveIcon?: boolean;
-    onRemove?: Function;
-    onDownload?: Function;
-    onPreview?: Function;
-    disabled?: boolean;
-    isConfirmDelete?: boolean;
-}
-declare const FileItem: React.FC<FileItemProps>;
-declare const DragSingleFileItem: React.FC<FileItemProps>;
-export { DragSingleFileItem, FileItem };

package/lib/ProUpload/components/FileItem.js

@@ -1,238 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getFileIcon = exports.getFileExt = exports.bToKb = exports.FileItem = exports.DragSingleFileItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _antd = require("antd");
-var _reactSvg = require("react-svg");
-var _iconPDF = _interopRequireDefault(require("../style/icon-PDF.png"));
-var _iconTXT = _interopRequireDefault(require("../style/icon-TXT.png"));
-var _iconExcel = _interopRequireDefault(require("../style/icon-excel.png"));
-var _iconPic = _interopRequireDefault(require("../style/icon-pic.png"));
-var _iconWord = _interopRequireDefault(require("../style/icon-word.png"));
-var _look = _interopRequireDefault(require("../../assets/look.svg"));
-var _delete = _interopRequireDefault(require("../../assets/delete.svg"));
-var _download = _interopRequireDefault(require("../../assets/download.svg"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * @description: b 转成 Kb
- * @param {*} num
- * @return {*}
- */
-var bToKb = num => {
-  return num ? (num / 1024).toFixed(2) : '';
-};
-
-/**
- * @description: 获取文件后缀名
- * @param {*} fileName
- * @return {*}
- */
-exports.bToKb = bToKb;
-var getFileExt = fileName => {
-  if (!fileName) return '';
-  return fileName.substring(fileName.lastIndexOf('.'));
-};
-
-/**
- * @description: 根据文件扩展名获取图标地址
- * @param {string} fileExt
- * @return {*}
- */
-exports.getFileExt = getFileExt;
-var getFileIcon = fileExt => {
-  if (['.PDF'].includes(fileExt.toLocaleUpperCase())) return _iconPDF.default;
-  if (['.TXT', '.JSON'].includes(fileExt.toLocaleUpperCase())) return _iconTXT.default;
-  if (['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(fileExt.toLocaleUpperCase())) {
-    return _iconPic.default;
-  }
-  if (['.DOC', '.DOCX'].includes(fileExt.toLocaleUpperCase())) return _iconWord.default;
-  if (['.XLS', '.XLSX'].includes(fileExt.toLocaleUpperCase())) return _iconExcel.default;
-  return _iconTXT.default;
-};
-exports.getFileIcon = getFileIcon;
-var FileItem = props => {
-  var file = props.file,
-    disabled = props.disabled,
-    _props$hideFileIcon = props.hideFileIcon,
-    hideFileIcon = _props$hideFileIcon === void 0 ? false : _props$hideFileIcon,
-    onRemove = props.onRemove,
-    onDownload = props.onDownload,
-    onPreview = props.onPreview,
-    _props$showRemoveIcon = props.showRemoveIcon,
-    showRemoveIcon = _props$showRemoveIcon === void 0 ? true : _props$showRemoveIcon,
-    isConfirmDelete = props.isConfirmDelete;
-  var _onPreview = () => {
-    if (onPreview) {
-      return onPreview(file);
-    }
-  };
-  var _onDownload = () => {
-    if (onDownload) {
-      return onDownload(file);
-    }
-  };
-  var _onRemove = () => {
-    if (onRemove) {
-      return onRemove(file);
-    }
-  };
-  var _fileExt = getFileExt(file.name);
-  var _fileSize = bToKb(file.size);
-  var _fileIcon = getFileIcon(_fileExt);
-  var _isShowDownloadIcon = file.status === 'done' && onDownload;
-  var _showPreViewIcon = onPreview;
-  var _showRemoveIcon = showRemoveIcon;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "filelist-item-wrapper",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: `file-info-box ${file.status === 'error' ? 'file-box-error' : ''}`,
-      children: [!hideFileIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "file-type-icon",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: _fileIcon
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `file-name ${hideFileIcon ? 'file-name-pf0' : ''}`,
-        children: file.name.replace(_fileExt, '')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "file-ext",
-        children: _fileExt
-      }), _fileSize && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "file-size",
-        children: `(${_fileSize || 0}kb)`
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "file-actions-wrap",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "file-actions",
-          children: [_isShowDownloadIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
-            type: "link",
-            className: "file-action-item",
-            onClick: _onDownload,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              src: _download.default
-            })
-          }), _showPreViewIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
-            type: "link",
-            className: "file-action-item",
-            onClick: _onPreview,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              color: "#006aff",
-              src: _look.default
-            })
-          }), _showRemoveIcon && !disabled && (isConfirmDelete ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popconfirm, {
-            title: "\u786E\u5B9A\u5220\u9664?",
-            onConfirm: _onRemove,
-            okText: "\u786E\u8BA4",
-            cancelText: "\u53D6\u6D88",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
-              type: "link",
-              className: "file-action-item",
-              disabled: disabled,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-                className: "action-icon",
-                wrapper: "span",
-                src: _delete.default
-              })
-            })
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
-            type: "link",
-            className: "file-action-item",
-            disabled: disabled,
-            onClick: _onRemove,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              src: _delete.default
-            })
-          }))]
-        })
-      })]
-    }), file.status === 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "file-progress",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Progress, {
-        percent: Math.ceil(file.percent),
-        size: 2
-      })
-    })]
-  });
-};
-exports.FileItem = FileItem;
-var DragSingleFileItem = props => {
-  var file = props.file,
-    disabled = props.disabled,
-    onRemove = props.onRemove,
-    onDownload = props.onDownload,
-    onPreview = props.onPreview,
-    _props$showRemoveIcon2 = props.showRemoveIcon,
-    showRemoveIcon = _props$showRemoveIcon2 === void 0 ? true : _props$showRemoveIcon2;
-  var _onPreview = () => {
-    if (onPreview) {
-      return onPreview(file);
-    }
-  };
-  var _onDownload = () => {
-    if (onDownload) {
-      return onDownload(file);
-    }
-  };
-  var _fileExt = getFileExt(file.name);
-  var _fileSize = bToKb(file.size);
-  var _isShowDownloadIcon = file.status === 'done' && onDownload;
-  var _showPreViewIcon = file.status === 'done' && onPreview;
-  var _showRemoveIcon = showRemoveIcon;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "drag-Single-item-wrapper",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: `file-info-box ${file.status === 'error' ? 'file-box-error' : ''}`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "file-name",
-        children: file.name.replace(_fileExt, '')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "file-ext",
-        children: _fileExt
-      }), _fileSize && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "file-size",
-        children: `(${_fileSize || 0}kb)`
-      }), (_isShowDownloadIcon || _showPreViewIcon || _showRemoveIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "file-actions-wrap",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "file-actions",
-          children: [_showPreViewIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
-            type: "link",
-            className: "file-action-item",
-            onClick: _onPreview,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              src: _look.default
-            })
-          }), _isShowDownloadIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
-            type: "link",
-            className: "file-action-item",
-            onClick: _onDownload,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-              className: "action-icon",
-              wrapper: "span",
-              src: _download.default
-            })
-          })]
-        })
-      })]
-    }), file.status === 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "file-progress",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Progress, {
-        percent: Math.ceil(file.percent),
-        size: 2
-      })
-    })]
-  });
-};
-exports.DragSingleFileItem = DragSingleFileItem;

package/lib/ProUpload/components/ImageRender.d.ts

@@ -1,19 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { UploadFile } from 'antd/es/upload/interface';
-import type { ProUploadType } from '../propsType';
-interface DragRenderProps extends Pick<ProUploadType, 'buttonProps' | 'disabled' | 'maxCount' | 'extraTipText' | 'showExampleContent' | 'exampleTitle' | 'exampleContent' | 'exampleModalProps'> {
-    isView?: boolean;
-    headerRender: () => ReactNode;
-    footerRender: () => ReactNode;
-    centerRender: React.ReactNode | (() => React.ReactNode);
-    sensor: any;
-    fileList: UploadFile[];
-    baseUploadProps: any;
-    onDragEnd: any;
-    onPreview: any;
-    onDownload: any;
-    extExt: any[];
-    onRemove: (file: UploadFile) => any | Promise<any>;
-}
-declare const ImageRender: FC<DragRenderProps>;
-export default ImageRender;