@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/lib/ProViewer/index.js

@@ -1,225 +1,191 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProViewer/index.tsx
+var ProViewer_exports = {};
+__export(ProViewer_exports, {
+  default: () => ProViewer_default
 });
-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 _jsxRuntime = require("react/jsx-runtime");
-var _ahooks = require("ahooks");
-var _react = _interopRequireWildcard(require("react"));
-var _locale = _interopRequireDefault(require("../locale"));
-var _locale$ProViewer;
-/* eslint-disable jsx-a11y/iframe-has-title */
-// 用于解析word | excel
-var officeApp = 'https://view.officeapps.live.com/op/view.aspx?src=';
-// 文件MIME类型
+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=";
 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 = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var disabled = _ref.disabled,
-    mode = _ref.mode,
-    fileType = _ref.fileType,
-    modalProps = _ref.modalProps,
-    src = _ref.src,
-    onClick = _ref.onClick,
-    previewFile = _ref.previewFile,
-    previewData = _ref.previewData,
-    children = _ref.children,
-    buttonProps = _ref.buttonProps;
-  var ProViewerRef = (0, _react.useRef)(null);
-  var _useSetState = (0, _ahooks.useSetState)({
+var ProViewer = import_react.default.forwardRef(
+  ({
+    disabled = false,
+    mode = "page",
+    fileType = "pdf",
+    modalProps = {
+      width: "1200px",
+      height: "650px",
+      centered: true,
+      title: ((_b) => (_b = ((_a) => (_a = import_locale.default) == null ? void 0 : _a.ProViewer)()) == null ? void 0 : _b.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)({
       imgVisible: false,
       modalVisible: false,
-      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, function () {
-    return {
+      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);
     };
-  });
-  /**
-   * 跳转页面
-   */
-  var jumpPage = function 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 = function getSrc(src) {
-    if (['word', 'excel'].includes(fileType || 'pdf')) {
-      return "".concat(officeApp).concat(src);
-    }
-    return src;
-  };
-  var previewHandle = function 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;
+    const getSrc = (src2) => {
+      if (["word", "excel"].includes(fileType || "pdf")) {
+        return `${officeApp}${src2}`;
       }
-    }
-    if (mode === 'page' && url) {
-      jumpPage({
-        src: getSrc(url)
-      });
-    }
-    onClick && onClick();
-  };
-  // 调用接口获取二进制流转blob处理
-  (0, _react.useEffect)(function () {
-    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);
+      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;
+        }
       }
-    }
-  }, [previewFile]);
-  // 二进制流转blob处理
-  (0, _react.useEffect)(function () {
-    if (previewData) {
-      try {
-        previewData.blob().then(function (res) {
-          var blob = new Blob([res], {
-            type: MIMEType[fileType || 'pdf']
-          });
-          var blobUrl = window.URL.createObjectURL(blob);
-          setState({
-            url: blobUrl
+      if (mode === "page" && url) {
+        jumpPage({ src: getSrc(url) });
+      }
+      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 });
           });
-        });
-      } catch (error) {
-        console.warn(error);
+        } catch (error) {
+          console.warn(error);
+        }
       }
-    }
-  }, [previewData]);
-  return (0, _jsxRuntime.jsxs)("span", {
-    className: "pro-viewer",
-    children: [(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' && (0, _jsxRuntime.jsx)(_image.default, {
-      src: url,
-      preview: {
-        visible: imgVisible,
-        onVisibleChange: function onVisibleChange(value) {
-          setState({
-            imgVisible: value
+    }, [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 });
           });
+        } catch (error) {
+          console.warn(error);
         }
       }
-    }), (0, _jsxRuntime.jsx)(_modal.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      onCancel: function onCancel() {
-        setState({
-          modalVisible: false
-        });
+    }, [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
       },
-      visible: modalVisible
-    }, modalProps), {}, {
-      children: url && (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"
-      })
-    }))]
-  });
-});
-ProViewer.defaultProps = {
-  modalProps: {
-    width: '1200px',
-    height: '650px',
-    centered: true,
-    title: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProViewer = _locale.default.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
-};
-var _default = exports.default = ProViewer;
+      children
+    ), mode && fileType === "img" && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Image,
+      {
+        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
+      },
+      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;

package/lib/ProViewer/propsType.js

@@ -1,5 +1,17 @@
-"use strict";
+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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+// src/ProViewer/propsType.ts
+var propsType_exports = {};
+module.exports = __toCommonJS(propsType_exports);

package/lib/ProViewer/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-viewer {
   .@{ant-prefix}-image {

package/lib/ProWaterMark/index.js

@@ -1,22 +1,41 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProWaterMark/index.tsx
+var ProWaterMark_exports = {};
+__export(ProWaterMark_exports, {
+  default: () => ProWaterMark_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _reactWatermark = require("@pansy/react-watermark");
-var ProWaterMark = function ProWaterMark(props) {
-  var content = props.content;
-  return (0, _jsxRuntime.jsx)("div", {
-    className: "pro-water-mark",
-    children: (0, _jsxRuntime.jsx)(_reactWatermark.Watermark, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-      text: content,
-      monitor: true,
-      children: props === null || props === void 0 ? void 0 : props.children
-    }))
-  });
+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));
 };
-var _default = exports.default = ProWaterMark;
+var ProWaterMark_default = ProWaterMark;

package/lib/ProWaterMark/propsType.d.ts

@@ -1,19 +1,15 @@
+import type { ReactNode } from 'react';
 export interface ProWaterMarkType {
     /**
-     * @description       水印是否显示
-     * @default           true
+     * @description       水印内容
+     * @default           -
      */
-    visible?: boolean;
+    children?: ReactNode;
     /**
      * @description       水印文本, 为数组时表示多行水印
      * @default           -
      */
-    content?: string | string[];
-    /**
-     * @description       是否全局设置水印
-     * @default           false
-     */
-    isBody?: boolean;
+    content: string | string[];
     /**
      * @description       水印层级
      * @default           9999
@@ -34,11 +30,6 @@ export interface ProWaterMarkType {
      * @default           64
      */
     height?: number;
-    /**
-     * @description       水印透明度
-     * @default           0.15
-     */
-    opacity?: number;
     /**
      * @description     旋转的角度
      * @default           -22
@@ -59,11 +50,6 @@ export interface ProWaterMarkType {
      * @default          'normal'
      */
     fontStyle?: 'normal' | 'italic';
-    /**
-     * @description     规定字体变体
-     * @default          normal
-     */
-    fontVariant?: 'normal' | 'small-caps';
     /**
      * @description     设置字体颜色
      * @default          #000
@@ -74,10 +60,5 @@ export interface ProWaterMarkType {
      * @default         sans-serif
      */
     fontFamily?: string;
-    /**
-     * @description       展示模式，interval表示错行展示
-     * @default           'interval'
-     */
-    mode?: 'repeat' | 'interval';
 }
 export type ProWaterMarkProps = ProWaterMarkType;

package/lib/ProWaterMark/propsType.js

@@ -1,5 +1,17 @@
-"use strict";
+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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+// src/ProWaterMark/propsType.ts
+var propsType_exports = {};
+module.exports = __toCommonJS(propsType_exports);

package/lib/global.less

@@ -1,3 +1,4 @@
+/* @import '~antd/dist/reset.css';*/
 @import './style/index.less';
 
 pre {
@@ -10,7 +11,7 @@ pre {
   scrollbar-highlight-color: #979797;
   scrollbar-3dlight-color: #979797;
 
-  ::-webkit-scrollbar  {
+  ::-webkit-scrollbar  {
     width: 16px;
     background: transparent;
   }

package/lib/index.d.ts

@@ -2,6 +2,7 @@
 export { default as ProLayout } from './ProLayout';
 export { default as ProStep } from './ProStep';
 export { default as ProTabs } from './ProTabs';
+export { ProCollapse, ProFooter, ProHeader } from './ProLayout/components';
 export { default as ProTable } from './ProTable';
 export { default as ProTooltip } from './ProTooltip';
 export { default as ProViewer } from './ProViewer';
@@ -21,19 +22,20 @@ export { default as ProConfigProvider } from './ProConfigProvider';
 export { default as FormsProvider } from './FormsProvider';
 export { default as ProUpload } from './ProUpload';
 export { default as ProThemeTools } from './ProThemeTools';
+export { ThemeProvider, useTheme } from './ProThemeTools';
 export { default as ProAction } from './ProAction';
 export * from './ProConfigProvider';
 export * from './locale';
 export { default as ProBackBtn } from './ProLayout/components/ProHeader/components/ProBackBtn';
-export { default as ProEditableTable } from './old/ProEditableTable';
-export { default as ProCertValidity } from './old/ProCertValidity';
 export type { ProFormType, ProColumnProps, ProFormColumnType } from './ProForm/propsType';
-export type { ProFormComponentType } from './ProForm/components/index.d';
+export type { ProFormComponentType } from './ProForm/components/index';
 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';
 export type { BreadcrumbColumnType, SubDescribeColumnType, DescribeColumnType, ProHeaderType, ProHeaderProps, BreadcrumbColumnsProps, SubDescribeColumnsProps, DescribeColumnsProps } from './ProLayout/components/ProHeader/PropTypes';
 export type { ProTooltipType, ProTooltipProps } from './ProTooltip/propsType';
+export type { ProThemeToolsType, LocalThemeConfigType } from './ProThemeTools/propsType';
+export type { AntdThemeConfigType, ThemeStateType } from './ProThemeTools/context/ThemeContext';
 export type { ProIconType, ProIconProps } from './ProIcon/propsTypes';
 export type { ProTreeType, ProTreeSelectType, ProTreeProps, PropTreeSelectProps } from './ProTree/propsType';
 export type { ProTreeModalType, ProTreeModalActionType, ProTreeModalProps, ProTreeModalAction } from './ProTreeModal/propsType';