@zat-design/sisyphus-react 3.13.13-beta.6 → 4.0.0-beta.2

package/es/ProUpload/components/FileItem.js

@@ -1,10 +1,5 @@
-import "antd/es/progress/style";
-import _Progress from "antd/es/progress";
-import "antd/es/popconfirm/style";
-import _Popconfirm from "antd/es/popconfirm";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Progress, Button, Popconfirm } from 'antd';
 import { ReactSVG } from 'react-svg';
 import PDF from '../style/icon-PDF.png';
 import TXT from '../style/icon-TXT.png';
@@ -14,7 +9,6 @@ import WORD from '../style/icon-word.png';
 import lookSvg from '../../assets/look.svg';
 import deleteSvg from '../../assets/delete.svg';
 import downloadSvg from '../../assets/download.svg';
-import '../style/fileItem.less';
 /**
  * @description: b 转成 Kb
  * @param {*} num
@@ -40,7 +34,9 @@ export var getFileExt = function getFileExt(fileName) {
 export var getFileIcon = function getFileIcon(fileExt) {
   if (['.PDF'].includes(fileExt.toLocaleUpperCase())) return PDF;
   if (['.TXT', '.JSON'].includes(fileExt.toLocaleUpperCase())) return TXT;
-  if (['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(fileExt.toLocaleUpperCase())) return PIC;
+  if (['.PNG', '.JPG', '.JPEG', '.GIF', '.BMP', '.JPE'].includes(fileExt.toLocaleUpperCase())) {
+    return PIC;
+  }
   if (['.DOC', '.DOCX'].includes(fileExt.toLocaleUpperCase())) return WORD;
   if (['.XLS', '.XLSX'].includes(fileExt.toLocaleUpperCase())) return EXCEL;
   return TXT;
@@ -99,7 +95,7 @@ var FileItem = function FileItem(props) {
         className: "file-actions-wrap",
         children: _jsxs("div", {
           className: "file-actions",
-          children: [_isShowDownloadIcon && _jsx(_Button, {
+          children: [_isShowDownloadIcon && _jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
@@ -108,7 +104,7 @@ var FileItem = function FileItem(props) {
               wrapper: "span",
               src: downloadSvg
             })
-          }), _showPreViewIcon && _jsx(_Button, {
+          }), _showPreViewIcon && _jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
@@ -118,12 +114,12 @@ var FileItem = function FileItem(props) {
               color: "#006aff",
               src: lookSvg
             })
-          }), _showRemoveIcon && !disabled && (isConfirmDelete ? _jsx(_Popconfirm, {
+          }), _showRemoveIcon && !disabled && (isConfirmDelete ? _jsx(Popconfirm, {
             title: "\u786E\u5B9A\u5220\u9664?",
             onConfirm: _onRemove,
             okText: "\u786E\u8BA4",
             cancelText: "\u53D6\u6D88",
-            children: _jsx(_Button, {
+            children: _jsx(Button, {
               type: "link",
               className: "file-action-item",
               disabled: disabled,
@@ -133,7 +129,7 @@ var FileItem = function FileItem(props) {
                 src: deleteSvg
               })
             })
-          }) : _jsx(_Button, {
+          }) : _jsx(Button, {
             type: "link",
             className: "file-action-item",
             disabled: disabled,
@@ -148,10 +144,9 @@ var FileItem = function FileItem(props) {
       })]
     }), file.status === 'uploading' && _jsx("div", {
       className: "file-progress",
-      children: _jsx(_Progress, {
+      children: _jsx(Progress, {
         percent: Math.ceil(file.percent),
-        size: "small",
-        strokeWidth: 2
+        size: 2
       })
     })]
   });
@@ -196,7 +191,7 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
         className: "file-actions-wrap",
         children: _jsxs("div", {
           className: "file-actions",
-          children: [_showPreViewIcon && _jsx(_Button, {
+          children: [_showPreViewIcon && _jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onPreview,
@@ -205,7 +200,7 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
               wrapper: "span",
               src: lookSvg
             })
-          }), _isShowDownloadIcon && _jsx(_Button, {
+          }), _isShowDownloadIcon && _jsx(Button, {
             type: "link",
             className: "file-action-item",
             onClick: _onDownload,
@@ -219,10 +214,9 @@ var DragSingleFileItem = function DragSingleFileItem(props) {
       })]
     }), file.status === 'uploading' && _jsx("div", {
       className: "file-progress",
-      children: _jsx(_Progress, {
+      children: _jsx(Progress, {
         percent: Math.ceil(file.percent),
-        size: "small",
-        strokeWidth: 2
+        size: 2
       })
     })]
   });

package/es/ProUpload/components/ImageRender.js

@@ -1,19 +1,11 @@
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-import "antd/es/upload/style";
-import _Upload from "antd/es/upload";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/progress/style";
-import _Progress from "antd/es/progress";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _isFunction from "lodash/isFunction";
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Upload, Progress, Space, Modal } from 'antd';
 import { useRef, useState } from 'react';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, rectSortingStrategy } from '@dnd-kit/sortable';
@@ -111,7 +103,7 @@ var ImageRender = function ImageRender(props) {
           className: "file-item-image ".concat(file.status === 'error' ? 'actions-wrap-error' : ''),
           children: [file.status === 'uploading' && _jsx("div", {
             className: "image-uploading",
-            children: _jsx(_Progress, {
+            children: _jsx(Progress, {
               size: "small",
               percent: Math.ceil(file.percent)
             })
@@ -126,7 +118,7 @@ var ImageRender = function ImageRender(props) {
               className: "actions-wrap ",
               children: [_jsxs("div", {
                 className: "action-top",
-                children: [_showPreview && _jsx(_Button, {
+                children: [_showPreview && _jsx(Button, {
                   type: "link",
                   className: "action-item",
                   onClick: function onClick() {
@@ -138,7 +130,7 @@ var ImageRender = function ImageRender(props) {
                     src: lookSvg
                   }),
                   children: locale === null || locale === void 0 ? void 0 : (_locale$ProUpload = locale.ProUpload) === null || _locale$ProUpload === void 0 ? void 0 : _locale$ProUpload.view
-                }), _isShowDownload && _jsx(_Button, {
+                }), _isShowDownload && _jsx(Button, {
                   type: "link",
                   disabled: isView || disabled,
                   className: "action-item",
@@ -154,46 +146,45 @@ var ImageRender = function ImageRender(props) {
                 })]
               }), _jsx("div", {
                 className: "action-button",
-                children: _jsx(_Button, {
+                children: _jsx(Button, {
                   type: "link",
                   disabled: isView || disabled,
                   className: "action-item",
                   onClick: function () {
-                    var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-                      var res;
-                      return _regeneratorRuntime().wrap(function _callee$(_context) {
-                        while (1) switch (_context.prev = _context.next) {
+                    var _onClick = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+                      var res, _t, _t2;
+                      return _regenerator().w(function (_context) {
+                        while (1) switch (_context.p = _context.n) {
                           case 0:
-                            _context.prev = 0;
-                            _context.t0 = onRemove;
-                            if (!_context.t0) {
-                              _context.next = 6;
+                            _context.p = 0;
+                            _t = onRemove;
+                            if (!_t) {
+                              _context.n = 2;
                               break;
                             }
-                            _context.next = 5;
+                            _context.n = 1;
                             return onRemove(file);
-                          case 5:
-                            _context.t0 = _context.sent;
-                          case 6:
-                            res = _context.t0;
+                          case 1:
+                            _t = _context.v;
+                          case 2:
+                            res = _t;
                             if (!(res === false)) {
-                              _context.next = 9;
+                              _context.n = 3;
                               break;
                             }
-                            return _context.abrupt("return", Promise.reject());
-                          case 9:
+                            return _context.a(2, Promise.reject());
+                          case 3:
                             actions.remove(file);
-                            _context.next = 15;
+                            _context.n = 5;
                             break;
-                          case 12:
-                            _context.prev = 12;
-                            _context.t1 = _context["catch"](0);
-                            return _context.abrupt("return", Promise.reject());
-                          case 15:
-                          case "end":
-                            return _context.stop();
+                          case 4:
+                            _context.p = 4;
+                            _t2 = _context.v;
+                            return _context.a(2, Promise.reject());
+                          case 5:
+                            return _context.a(2);
                         }
-                      }, _callee, null, [[0, 12]]);
+                      }, _callee, null, [[0, 4]]);
                     }));
                     function onClick() {
                       return _onClick.apply(this, arguments);
@@ -214,7 +205,7 @@ var ImageRender = function ImageRender(props) {
       });
     }
   });
-  return _jsxs(_Space, {
+  return _jsxs(Space, {
     direction: "vertical",
     size: 8,
     className: "pro-upload-image",
@@ -228,7 +219,7 @@ var ImageRender = function ImageRender(props) {
             return i.uid;
           }),
           strategy: rectSortingStrategy,
-          children: _jsx(_Upload, _objectSpread(_objectSpread({}, imageUploadProps), {}, {
+          children: _jsx(Upload, _objectSpread(_objectSpread({}, imageUploadProps), {}, {
             children: fileList.length < maxCount && !isView && (centerRender ? _isFunction(centerRender) ? centerRender() : centerRender : _jsxs("div", {
               className: "pro-upload-image-inner ".concat(disabled ? 'pro-upload-image-disabled' : '', " "),
               children: [_jsx(PlusOutlined, {}), _jsx("div", {
@@ -252,7 +243,7 @@ var ImageRender = function ImageRender(props) {
     }), _jsx("div", {
       className: "pro-upload-image-footer",
       children: footerRender()
-    }), _jsx(_Modal, {
+    }), _jsx(Modal, {
       title: previewImg === null || previewImg === void 0 ? void 0 : previewImg.name,
       width: "600",
       style: {

package/es/ProUpload/index.js

@@ -1,5 +1,3 @@
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -8,6 +6,7 @@ import _isFunction from "lodash/isFunction";
 var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "centerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "filterOriginFileObj", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames", "isConfirmDelete"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState, useImperativeHandle } from 'react';
+import { message } from 'antd';
 import { PointerSensor, useSensor } from '@dnd-kit/core';
 import { arrayMove } from '@dnd-kit/sortable';
 import { useProConfig } from '../ProConfigProvider';
@@ -176,12 +175,12 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleBeforeUpload = function handleBeforeUpload(file, fileList) {
     if (!validateFileExt(extExt, file)) {
       var _locale$ProUpload2;
-      _message.error("".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt, "\u3010").concat(extExt.join('、'), "\u3011"));
+      message.error("".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload2 = locale.ProUpload) === null || _locale$ProUpload2 === void 0 ? void 0 : _locale$ProUpload2.errorInfoExt, "\u3010").concat(extExt.join('、'), "\u3011"));
       return false;
     }
     if (!validateSize(size, file)) {
       var _locale$ProUpload3;
-      _message.error("".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize).concat(size, "M"));
+      message.error("".concat(locale === null || locale === void 0 ? void 0 : (_locale$ProUpload3 = locale.ProUpload) === null || _locale$ProUpload3 === void 0 ? void 0 : _locale$ProUpload3.errorInfoSize).concat(size, "M"));
       return false;
     }
     if (beforeUpload) {

package/es/ProUpload/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-upload {
   // display: inline-flex;
@@ -154,10 +154,11 @@
     position: relative;
     display: inline-flex;
 
-    .@{ant-prefix}-upload-list-picture-card-container,
-    .@{ant-prefix}-upload-select-picture-card {
-      width: 126px;
-      height: 126px;
+    .@{ant-prefix}-upload-list-picture-card {
+      .@{ant-prefix}-upload-list-item-container , .@{ant-prefix}-upload-select {
+        width: 126px !important;
+        height: 126px !important;
+      }
     }
 
     .image-example {
@@ -233,10 +234,15 @@
           color: #fff;
           font-size: var(--zaui-font-size-sm, 12px);
           opacity: 0.8;
+          color: #fff!important;
+          align-self: center;
+          &:hover {
+            color: #fff!important;
+          }
 
           .action-icon {
-            margin-right: 10px;
-            transform: translate(0, 3px);
+            margin-right: 4px;
+            vertical-align: sub;
           }
 
           &:hover {
@@ -246,7 +252,10 @@
 
         .action-button {
           .action-item {
-            color: var(--zaui-danger, #ff005f);
+            color: var(--zaui-danger, #ff005f) !important;
+            &:hover {
+              color: var(--zaui-danger, #ff005f) !important;
+            }
           }
         }
       }
@@ -269,9 +278,6 @@
       display: inline-flex;
     }
 
-    .pro-upload-image-footer {
-      margin-top: -8px;
-    }
   }
 
   .file-actions {
@@ -301,6 +307,161 @@
       }
     }
   }
+
+  .@{ant-prefix}-upload-disabled{
+    .file-action-box{
+      .file-name, .file-del{
+        color: #ccc;
+        cursor: not-allowed !important;
+      }
+    }
+  }
+
+  .filelist-item-wrapper {
+    .file-info-box {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 30px;
+      margin-top: var(--zaui-space-size-sm, 8px);
+      color: var(--zaui-text, #343434);
+      font-size: var(--zaui-font-size-sm, 12px);
+      line-height: 16px;
+      &:hover {
+        background: #F8F9FA;
+        border-radius: var(--zaui-border-radius, 8px);
+        color: var(--zaui-brand);
+        .file-actions-wrap {
+          .file-actions{
+            display: flex;
+            .file-action-item{
+              color: var(--zaui-brand);
+            }
+          }
+        }
+      }
+      &.file-box-error {
+        color: var(--zaui-danger);
+
+        .file-actions-wrap {
+          .file-actions{
+            display: flex;
+            .file-action-item{
+              color: var(--zaui-danger);
+            }
+          }
+        }
+
+      }
+
+      .file-type-icon {
+        display: block;
+        width: 18px;
+        height: 23px;
+        margin-left: 6px;
+        overflow: hidden;
+        position: absolute;
+      }
+      .file-name {
+        display: box;
+        padding-left: var(--zaui-space-size-lg, 32px);
+        overflow: hidden;
+        line-clamp: 1;
+        box-orient: vertical;
+        word-break: break-all;
+      }
+      .file-name.file-name-pf0 {
+        padding-left: 0;
+      }
+
+
+      .file-actions-wrap {
+        width: 100px;
+        margin-left: auto;
+        .file-actions {
+          display: none;
+          justify-content: right;
+
+          transition: all 1s;
+
+          .file-action-item {
+            margin-left: var(--zaui-space-size-sm, 8px);
+            padding: 0;
+            cursor: pointer;
+            color: var(--zaui-brand);
+          }
+        }
+      }
+    }
+  }
+
+  // 单个文件拖拽控件
+  .drag-Single-item-wrapper {
+    .file-info-box {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 30px;
+      margin-top: var(--zaui-space-size-sm, 8px);
+      color: var(--zaui-text, #343434);
+
+      font-size: var(--zaui-font-size-sm, 12px);
+      line-height: 16px;
+      justify-content: center;
+      &:hover {
+        background: #F8F9FA;
+        border-radius: var(--zaui-border-radius, 8px);
+      }
+      &:hover,&.file-box-error {
+        .file-actions-wrap {
+          .file-actions{
+            display: flex;
+          }
+        }
+
+      }
+
+      .file-type-icon {
+        display: block;
+        width: 18px;
+        height: 23px;
+        margin-left: 6px;
+        overflow: hidden;
+        position: absolute;
+      }
+      .file-name {
+        display: box;
+        padding-left: var(--zaui-space-size-sm, 8px);
+        overflow: hidden;
+        line-clamp: 1;
+        box-orient: vertical;
+        word-break: keep-all;
+      }
+      .file-name.file-name-pf0 {
+        padding-left: 0;
+      }
+
+      &.file-box-error {
+        color: var(--zaui-danger, #FF005F);
+      }
+
+      .file-actions-wrap {
+        margin-left: 10px;
+        .file-actions {
+          justify-content: right;
+          transition: all 1s;
+          display: flex;
+          .file-action-item {
+            margin-left: var(--zaui-space-size-sm, 8px);
+            padding: 0;
+            cursor: pointer;
+            color: var(--zaui-brand);
+          }
+        }
+      }
+    }
+  }
+
 }
 
 .pro-upload-example {

package/es/ProViewer/index.js

@@ -1,17 +1,12 @@
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-import "antd/es/image/style";
-import _Image from "antd/es/image";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _locale$ProViewer;
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable jsx-a11y/iframe-has-title */
 import { useSetState } from 'ahooks';
+import { Button, Image, Modal } from 'antd';
 import React, { useEffect, useRef } from 'react';
 import locale from '../locale';
 // 用于解析word | excel
@@ -24,16 +19,33 @@ var MIMEType = {
   excel: 'application/vnd.ms-excel'
 };
 var ProViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var disabled = _ref.disabled,
-    mode = _ref.mode,
-    fileType = _ref.fileType,
-    modalProps = _ref.modalProps,
+  var _locale$ProViewer;
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'page' : _ref$mode,
+    _ref$fileType = _ref.fileType,
+    fileType = _ref$fileType === void 0 ? 'pdf' : _ref$fileType,
+    _ref$modalProps = _ref.modalProps,
+    modalProps = _ref$modalProps === void 0 ? {
+      width: '1200px',
+      height: '650px',
+      centered: true,
+      title: locale === null || locale === void 0 ? void 0 : (_locale$ProViewer = locale.ProViewer) === null || _locale$ProViewer === void 0 ? void 0 : _locale$ProViewer.preview,
+      footer: null,
+      style: {
+        padding: 0
+      }
+    } : _ref$modalProps,
+    _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {
+      type: 'link'
+    } : _ref$buttonProps,
     src = _ref.src,
     onClick = _ref.onClick,
     previewFile = _ref.previewFile,
     previewData = _ref.previewData,
-    children = _ref.children,
-    buttonProps = _ref.buttonProps;
+    children = _ref.children;
   var ProViewerRef = useRef(null);
   var _useSetState = useSetState({
       imgVisible: false,
@@ -110,15 +122,15 @@ var ProViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (previewFile) {
       try {
         previewFile().then(/*#__PURE__*/function () {
-          var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(response) {
+          var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(response) {
             var res, blob, blobUrl;
-            return _regeneratorRuntime().wrap(function _callee$(_context) {
-              while (1) switch (_context.prev = _context.next) {
+            return _regenerator().w(function (_context) {
+              while (1) switch (_context.n) {
                 case 0:
-                  _context.next = 2;
+                  _context.n = 1;
                   return response.blob();
-                case 2:
-                  res = _context.sent;
+                case 1:
+                  res = _context.v;
                   blob = new Blob([res], {
                     type: MIMEType[fileType || 'pdf']
                   });
@@ -126,9 +138,8 @@ var ProViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
                   setState({
                     url: blobUrl
                   });
-                case 6:
-                case "end":
-                  return _context.stop();
+                case 2:
+                  return _context.a(2);
               }
             }, _callee);
           }));
@@ -161,13 +172,13 @@ var ProViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, [previewData]);
   return _jsxs("span", {
     className: "pro-viewer",
-    children: [_jsx(_Button, _objectSpread(_objectSpread({
+    children: [_jsx(Button, _objectSpread(_objectSpread({
       disabled: disabled || !url && !previewFile,
       ref: ProViewerRef,
       onClick: previewHandle
     }, buttonProps), {}, {
       children: children
-    })), mode && fileType === 'img' && _jsx(_Image, {
+    })), mode && fileType === 'img' && _jsx(Image, {
       src: url,
       preview: {
         visible: imgVisible,
@@ -177,13 +188,13 @@ var ProViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           });
         }
       }
-    }), _jsx(_Modal, _objectSpread(_objectSpread({
+    }), _jsx(Modal, _objectSpread(_objectSpread({
       onCancel: function onCancel() {
         setState({
           modalVisible: false
         });
       },
-      visible: modalVisible
+      open: modalVisible
     }, modalProps), {}, {
       children: url && _jsx("iframe", {
         title: "pro-viewer",
@@ -196,22 +207,4 @@ var ProViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }))]
   });
 });
-ProViewer.defaultProps = {
-  modalProps: {
-    width: '1200px',
-    height: '650px',
-    centered: true,
-    title: locale === null || locale === void 0 ? void 0 : (_locale$ProViewer = locale.ProViewer) === null || _locale$ProViewer === void 0 ? void 0 : _locale$ProViewer.preview,
-    footer: null,
-    bodyStyle: {
-      padding: 0
-    }
-  },
-  buttonProps: {
-    type: 'link'
-  },
-  mode: 'page',
-  fileType: 'pdf',
-  disabled: false
-};
 export default ProViewer;