@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

package/lib/ProViewer/index.js

@@ -1,191 +1,226 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProViewer/index.tsx
-var ProViewer_exports = {};
-__export(ProViewer_exports, {
-  default: () => ProViewer_default
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProViewer_exports);
-var import_ahooks = require("ahooks");
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_locale = __toESM(require("../locale"));
-var officeApp = "https://view.officeapps.live.com/op/view.aspx?src=";
+exports.default = void 0;
+require("antd/es/modal/style");
+var _modal = _interopRequireDefault(require("antd/es/modal"));
+require("antd/es/image/style");
+var _image = _interopRequireDefault(require("antd/es/image"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ahooks = require("ahooks");
+var _react = _interopRequireWildcard(require("react"));
+var _locale = _interopRequireDefault(require("../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
+/* eslint-disable jsx-a11y/iframe-has-title */
+
+// 用于解析word | excel
+var officeApp = 'https://view.officeapps.live.com/op/view.aspx?src=';
+
+// 文件MIME类型
 var MIMEType = {
-  img: "image/png",
-  pdf: "application/pdf",
-  word: "application/msword",
-  excel: "application/vnd.ms-excel"
+  img: 'image/png',
+  pdf: 'application/pdf',
+  word: 'application/msword',
+  excel: 'application/vnd.ms-excel'
 };
-var ProViewer = import_react.default.forwardRef(
-  ({
-    disabled = false,
-    mode = "page",
-    fileType = "pdf",
-    modalProps = {
-      width: "1200px",
-      height: "650px",
+var ProViewer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  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: ((_b) => (_b = ((_a) => (_a = import_locale.default) == null ? void 0 : _a.ProViewer)()) == null ? void 0 : _b.preview)(),
+      title: _locale.default === null || _locale.default === void 0 || (_locale$ProViewer = _locale.default.ProViewer) === null || _locale$ProViewer === void 0 ? void 0 : _locale$ProViewer.preview,
       footer: null,
-      style: { padding: 0 }
-    },
-    buttonProps = { type: "link" },
-    src,
-    onClick,
-    previewFile,
-    previewData,
-    children
-  }, ref) => {
-    const ProViewerRef = (0, import_react.useRef)(null);
-    const [state, setState] = (0, import_ahooks.useSetState)({
+      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;
+  var ProViewerRef = (0, _react.useRef)(null);
+  var _useSetState = (0, _ahooks.useSetState)({
       imgVisible: false,
       modalVisible: false,
-      url: src || ""
-    });
-    const { imgVisible, modalVisible, url } = state;
-    import_react.default.useImperativeHandle(ref, () => ({
-      current: ProViewerRef.current
-    }));
-    const jumpPage = ({ src: src2, blob }) => {
-      let jumpSrc = src2;
-      if (blob instanceof Blob) {
-        jumpSrc = window.URL.createObjectURL(blob);
-      }
-      const doc = document;
-      const ele = doc.createElement("a");
-      doc.body.appendChild(ele);
-      ele.style.display = "none";
-      ele.href = jumpSrc || "";
-      ele.target = "_blank";
-      ele.click();
-      doc.body.removeChild(ele);
-    };
-    const getSrc = (src2) => {
-      if (["word", "excel"].includes(fileType || "pdf")) {
-        return `${officeApp}${src2}`;
-      }
-      return src2;
-    };
-    const previewHandle = () => {
-      if (mode === "modal" && url) {
-        switch (fileType) {
-          case "img":
-            setState({ imgVisible: true });
-            break;
-          case "pdf":
-          case "word":
-          case "excel":
-            setState({ modalVisible: true });
-            break;
-          default:
-            setState({ modalVisible: true });
-            break;
-        }
+      url: src || ''
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var imgVisible = state.imgVisible,
+    modalVisible = state.modalVisible,
+    url = state.url;
+  _react.default.useImperativeHandle(ref, () => ({
+    current: ProViewerRef.current
+  }));
+
+  /**
+   * 跳转页面
+   */
+  var jumpPage = _ref2 => {
+    var src = _ref2.src,
+      blob = _ref2.blob;
+    var jumpSrc = src;
+    if (blob instanceof Blob) {
+      jumpSrc = window.URL.createObjectURL(blob);
+    }
+    var doc = document;
+    var ele = doc.createElement('a');
+    doc.body.appendChild(ele);
+    ele.style.display = 'none';
+    ele.href = jumpSrc || '';
+    ele.target = '_blank';
+    ele.click();
+    doc.body.removeChild(ele);
+  };
+  var getSrc = src => {
+    if (['word', 'excel'].includes(fileType || 'pdf')) {
+      return `${officeApp}${src}`;
+    }
+    return src;
+  };
+  var previewHandle = () => {
+    if (mode === 'modal' && url) {
+      switch (fileType) {
+        case 'img':
+          setState({
+            imgVisible: true
+          });
+          break;
+        case 'pdf':
+        case 'word':
+        case 'excel':
+          setState({
+            modalVisible: true
+          });
+          break;
+        default:
+          setState({
+            modalVisible: true
+          });
+          break;
       }
-      if (mode === "page" && url) {
-        jumpPage({ src: getSrc(url) });
+    }
+    if (mode === 'page' && url) {
+      jumpPage({
+        src: getSrc(url)
+      });
+    }
+    onClick && onClick();
+  };
+
+  // 调用接口获取二进制流转blob处理
+  (0, _react.useEffect)(() => {
+    if (previewFile) {
+      try {
+        previewFile().then( /*#__PURE__*/function () {
+          var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(response) {
+            var res, blob, blobUrl;
+            return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return response.blob();
+                case 2:
+                  res = _context.sent;
+                  blob = new Blob([res], {
+                    type: MIMEType[fileType || 'pdf']
+                  });
+                  blobUrl = window.URL.createObjectURL(blob);
+                  setState({
+                    url: blobUrl
+                  });
+                case 6:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x) {
+            return _ref3.apply(this, arguments);
+          };
+        }());
+      } catch (error) {
+        console.warn(error);
       }
-      onClick && onClick();
-    };
-    (0, import_react.useEffect)(() => {
-      if (previewFile) {
-        try {
-          previewFile().then(async (response) => {
-            const res = await response.blob();
-            const blob = new Blob([res], {
-              type: MIMEType[fileType || "pdf"]
-            });
-            const blobUrl = window.URL.createObjectURL(blob);
-            setState({ url: blobUrl });
+    }
+  }, [previewFile]);
+
+  // 二进制流转blob处理
+  (0, _react.useEffect)(() => {
+    if (previewData) {
+      try {
+        previewData.blob().then(res => {
+          var blob = new Blob([res], {
+            type: MIMEType[fileType || 'pdf']
           });
-        } catch (error) {
-          console.warn(error);
-        }
-      }
-    }, [previewFile]);
-    (0, import_react.useEffect)(() => {
-      if (previewData) {
-        try {
-          previewData.blob().then((res) => {
-            const blob = new Blob([res], {
-              type: MIMEType[fileType || "pdf"]
-            });
-            const blobUrl = window.URL.createObjectURL(blob);
-            setState({ url: blobUrl });
+          var blobUrl = window.URL.createObjectURL(blob);
+          setState({
+            url: blobUrl
           });
-        } catch (error) {
-          console.warn(error);
-        }
+        });
+      } catch (error) {
+        console.warn(error);
       }
-    }, [previewData]);
-    return /* @__PURE__ */ import_react.default.createElement("span", { className: "pro-viewer" }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        disabled: disabled || !url && !previewFile,
-        ref: ProViewerRef,
-        onClick: previewHandle,
-        ...buttonProps
-      },
-      children
-    ), mode && fileType === "img" && /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Image,
-      {
-        src: url,
-        preview: {
-          visible: imgVisible,
-          onVisibleChange: (value) => {
-            setState({ imgVisible: value });
-          }
+    }
+  }, [previewData]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    className: "pro-viewer",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      disabled: disabled || !url && !previewFile,
+      ref: ProViewerRef,
+      onClick: previewHandle
+    }, buttonProps), {}, {
+      children: children
+    })), mode && fileType === 'img' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
+      src: url,
+      preview: {
+        visible: imgVisible,
+        onVisibleChange: value => {
+          setState({
+            imgVisible: value
+          });
         }
       }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Modal,
-      {
-        onCancel: () => {
-          setState({ modalVisible: false });
-        },
-        open: modalVisible,
-        ...modalProps
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      onCancel: () => {
+        setState({
+          modalVisible: false
+        });
       },
-      url && /* @__PURE__ */ import_react.default.createElement(
-        "iframe",
-        {
-          title: "pro-viewer",
-          src: getSrc(url),
-          height: modalProps == null ? void 0 : modalProps.height,
-          width: "100%",
-          frameBorder: "0",
-          scrolling: "auto"
-        }
-      )
-    ));
-  }
-);
-var ProViewer_default = ProViewer;
+      open: modalVisible
+    }, modalProps), {}, {
+      children: url && /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
+        title: "pro-viewer",
+        src: getSrc(url),
+        height: modalProps === null || modalProps === void 0 ? void 0 : modalProps.height,
+        width: "100%",
+        frameBorder: "0",
+        scrolling: "auto"
+      })
+    }))]
+  });
+});
+var _default = exports.default = ProViewer;

package/lib/ProViewer/propsType.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ProViewer/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+"use strict";

package/lib/ProWaterMark/index.js

@@ -1,41 +1,23 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProWaterMark/index.tsx
-var ProWaterMark_exports = {};
-__export(ProWaterMark_exports, {
-  default: () => ProWaterMark_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProWaterMark_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var ProWaterMark = (props) => {
-  const { content } = props;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-water-mark" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Watermark, { ...props, content }, props == null ? void 0 : props.children));
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("antd/es/watermark/style");
+var _watermark = _interopRequireDefault(require("antd/es/watermark"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var ProWaterMark = props => {
+  var content = props.content;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "pro-water-mark",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_watermark.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      content: content,
+      children: props === null || props === void 0 ? void 0 : props.children
+    }))
+  });
 };
-var ProWaterMark_default = ProWaterMark;
+var _default = exports.default = ProWaterMark;

package/lib/ProWaterMark/propsType.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProWaterMark/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/index.d.ts

@@ -28,7 +28,7 @@ export * from './ProConfigProvider';
 export * from './locale';
 export { default as ProBackBtn } from './ProLayout/components/ProHeader/components/ProBackBtn';
 export type { ProFormType, ProColumnProps, ProFormColumnType } from './ProForm/propsType';
-export type { ProFormComponentType } from './ProForm/components/index';
+export type { ProFormComponentType } from './ProForm/components';
 export type { ProTableType, ProTableColumnType, ProTableSummaryType, ProTableUseAntdTableType, ProTableProps, ProTableSummaryProps, ProTableColumn, UseAntdTableState } from './ProTable/propsType';
 export type { ProUploadType, ProUploadProps } from './ProUpload/propsType';
 export type { ProTabsType, ProTabsItemType, ProTabsProps, ProTabsItemsProps } from './ProTabs/propType';