@zat-design/sisyphus-react 3.0.13

package/lib/ProDownload/propsType.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import type { ButtonProps } from 'antd';
+export interface IProDownloadProps extends ButtonProps {
+    /**
+     * @description       下载资源获取来源：api：通过接口获取，url：通过静态资源链接获取
+     * @default           api
+     */
+    source?: string;
+    /**
+     * @description       下载请求的地址
+     * @default           (必选)
+     */
+    action: string;
+    /**
+     * @description       下载请求的类型
+     * @default           post
+     */
+    method?: string;
+    /**
+     * @description       下载所需额外参数或返回上传额外参数的方法
+     * @default           -
+     */
+    params?: object;
+    /**
+     * @description       下载保存的文件名
+     * @default           (必选)
+     */
+    fileName: string;
+    /**
+     * @description       设置上传的请求头部，IE10 以上有效
+     * @default           -
+     */
+    headers?: object;
+    /**
+   * @description      禁用状态
+   * @default           false
+   */
+    disabled?: boolean;
+    /**
+    * @description       上传文件之前的钩子,若返回 false 则停止下载。支持返回一个 Promise 对象，Promise 对象 reject 时则停止下载
+    * @default           -
+    */
+    beforeDownload?: (() => boolean | Promise<any>);
+    /**
+   * @description       service 执行完成时触发
+   * @default           -
+   */
+    onFinish?: () => void;
+    /**
+     * @description       下载按钮的填充内容
+     * @default           -
+     */
+    children: string | ReactNode;
+}

package/lib/ProDownload/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProDrawerForm/components/ProDrawer/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ProDrawerFormPropsType } from '../../propsType';
+/**
+ * 抽屉组件
+ */
+declare const ProDrawer: FC<ProDrawerFormPropsType>;
+export default ProDrawer;

package/lib/ProDrawerForm/components/ProDrawer/index.js

@@ -0,0 +1,208 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+/**
+ * 抽屉组件
+ */
+var ProDrawer = function ProDrawer(_ref) {
+  var form = _ref.form,
+    title = _ref.title,
+    width = _ref.width,
+    footer = _ref.footer,
+    visible = _ref.visible,
+    disabled = _ref.disabled,
+    maskClosable = _ref.maskClosable,
+    isConfirmClose = _ref.isConfirmClose,
+    isConfirmCloseModalProps = _ref.isConfirmCloseModalProps,
+    okText = _ref.okText,
+    cancelText = _ref.cancelText,
+    okLoading = _ref.okLoading,
+    okDisabled = _ref.okDisabled,
+    onOk = _ref.onOk,
+    onCancel = _ref.onCancel,
+    children = _ref.children,
+    className = _ref.className,
+    drawerProps = _ref.drawerProps;
+  var ref = (0, _react.useRef)(null);
+  var modalRef = (0, _react.useRef)(null);
+  var _ref2 = (0, _ahooks.useScroll)(ref) || {},
+    top = _ref2.top;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    toggleLoading = _useState2[1];
+  var noRenderFooter = disabled || footer === false || footer === null;
+  var onConfirm = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (disabled || !isConfirmClose) {
+            onCancel && onCancel();
+          } else if (!modalRef.current) {
+            modalRef.current = _antd.Modal.confirm((0, _objectSpread2.default)({
+              className: 'width430',
+              title: '确认关闭当前页面',
+              okText: '确定',
+              cancelText: '取消',
+              content: '关闭当前页面内容不会被保存，需要点击“保存”按钮进行保存',
+              onOk: function onOk() {
+                onCancel && onCancel();
+              },
+              onCancel: function onCancel() {
+                modalRef.current = null;
+              }
+            }, isConfirmCloseModalProps));
+          }
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [onCancel, modalRef.current]);
+  var handleFinish = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+    var values, _error$errorFields, _error$errorFields$;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.prev = 0;
+          if (!visible) {
+            _context2.next = 24;
+            break;
+          }
+          _context2.next = 4;
+          return form.validateFields();
+        case 4:
+          values = _context2.sent;
+          if (!(okLoading !== undefined)) {
+            _context2.next = 15;
+            break;
+          }
+          _context2.t0 = onOk;
+          if (!_context2.t0) {
+            _context2.next = 12;
+            break;
+          }
+          _context2.next = 10;
+          return onOk(values, form);
+        case 10:
+          _context2.t1 = _context2.sent;
+          _context2.t0 = _context2.t1 === true;
+        case 12:
+          if (!_context2.t0) {
+            _context2.next = 14;
+            break;
+          }
+          onCancel && onCancel();
+        case 14:
+          return _context2.abrupt("return", true);
+        case 15:
+          toggleLoading(true);
+          _context2.t2 = onOk;
+          if (!_context2.t2) {
+            _context2.next = 22;
+            break;
+          }
+          _context2.next = 20;
+          return onOk(values, form);
+        case 20:
+          _context2.t3 = _context2.sent;
+          _context2.t2 = _context2.t3 === true;
+        case 22:
+          if (!_context2.t2) {
+            _context2.next = 24;
+            break;
+          }
+          onCancel && onCancel();
+        case 24:
+          _context2.next = 29;
+          break;
+        case 26:
+          _context2.prev = 26;
+          _context2.t4 = _context2["catch"](0);
+          form.scrollToField(_context2.t4 === null || _context2.t4 === void 0 ? void 0 : (_error$errorFields = _context2.t4.errorFields) === null || _error$errorFields === void 0 ? void 0 : (_error$errorFields$ = _error$errorFields[0]) === null || _error$errorFields$ === void 0 ? void 0 : _error$errorFields$.name);
+        case 29:
+          _context2.prev = 29;
+          toggleLoading(false);
+          return _context2.finish(29);
+        case 32:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[0, 26, 29, 32]]);
+  })), [onOk, onCancel, form]);
+  /**
+   * 描述：默认底部操作按钮
+   *
+   */
+  var defaultFooter = /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-drawer-footer"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: handleFinish,
+    loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
+    disabled: okDisabled !== null && okDisabled !== void 0 ? okDisabled : loading
+  }, okText), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: onCancel
+  }, cancelText));
+  var renderFooter = function renderFooter() {
+    if (noRenderFooter) {
+      return null;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "pro-drawer-footer"
+      }, footer);
+    }
+    if ((0, _lodash.isArray)(footer) && (footer === null || footer === void 0 ? void 0 : footer.length)) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "pro-drawer-footer"
+      }, footer.map(function (item) {
+        if ( /*#__PURE__*/_react.default.isValidElement(item)) {
+          return item;
+        }
+        return false;
+      }));
+    }
+    return defaultFooter;
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Drawer, (0, _objectSpread2.default)({
+    width: width,
+    open: visible,
+    maskClosable: maskClosable,
+    placement: "right",
+    className: "pro-drawer ".concat(className !== null && className !== void 0 ? className : ''),
+    closable: false,
+    onClose: onCancel
+  }, drawerProps), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-drawer-close",
+    onClick: onConfirm
+  }, /*#__PURE__*/_react.default.createElement(_icons.CloseOutlined, {
+    className: "close-icon"
+  })), title ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-drawer-title ".concat(top > 0 ? 'pro-drawer-scrolling' : '')
+  }, title) : null, /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: "pro-drawer-content",
+    style: {
+      marginTop: title ? 64 : 0,
+      paddingBottom: noRenderFooter ? 0 : 64,
+      height: "calc(100% - ".concat(title ? 64 : 0, "px)")
+    }
+  }, children), renderFooter());
+};
+var _default = ProDrawer;
+exports.default = _default;

package/lib/ProDrawerForm/components/ProModal/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ProDrawerFormPropsType } from '../../propsType';
+/**
+ * 弹窗组件
+ */
+declare const ProModal: FC<ProDrawerFormPropsType>;
+export default ProModal;

package/lib/ProDrawerForm/components/ProModal/index.js

@@ -0,0 +1,167 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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 _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+/**
+ * 弹窗组件
+ */
+var ProModal = function ProModal(_ref) {
+  var _ref$current;
+  var form = _ref.form,
+    title = _ref.title,
+    width = _ref.width,
+    visible = _ref.visible,
+    footer = _ref.footer,
+    disabled = _ref.disabled,
+    maskClosable = _ref.maskClosable,
+    okText = _ref.okText,
+    cancelText = _ref.cancelText,
+    okLoading = _ref.okLoading,
+    okDisabled = _ref.okDisabled,
+    onOk = _ref.onOk,
+    onCancel = _ref.onCancel,
+    children = _ref.children,
+    className = _ref.className,
+    modalProps = _ref.modalProps;
+  var ref = (0, _react.useRef)(null);
+  var _ref2 = (0, _ahooks.useScroll)((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentNode) || {},
+    top = _ref2.top;
+  var noRenderFooter = disabled || footer === false || footer === null;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    toggleLoading = _useState2[1];
+  var handleFinish = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var values, _error$errorFields, _error$errorFields$;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          if (!visible) {
+            _context.next = 24;
+            break;
+          }
+          _context.next = 4;
+          return form.validateFields();
+        case 4:
+          values = _context.sent;
+          if (!(okLoading !== undefined)) {
+            _context.next = 15;
+            break;
+          }
+          _context.t0 = onOk;
+          if (!_context.t0) {
+            _context.next = 12;
+            break;
+          }
+          _context.next = 10;
+          return onOk(values, form);
+        case 10:
+          _context.t1 = _context.sent;
+          _context.t0 = _context.t1 === true;
+        case 12:
+          if (!_context.t0) {
+            _context.next = 14;
+            break;
+          }
+          onCancel && onCancel();
+        case 14:
+          return _context.abrupt("return", true);
+        case 15:
+          toggleLoading(true);
+          _context.t2 = onOk;
+          if (!_context.t2) {
+            _context.next = 22;
+            break;
+          }
+          _context.next = 20;
+          return onOk(values, form);
+        case 20:
+          _context.t3 = _context.sent;
+          _context.t2 = _context.t3 === true;
+        case 22:
+          if (!_context.t2) {
+            _context.next = 24;
+            break;
+          }
+          onCancel && onCancel();
+        case 24:
+          _context.next = 29;
+          break;
+        case 26:
+          _context.prev = 26;
+          _context.t4 = _context["catch"](0);
+          form.scrollToField(_context.t4 === null || _context.t4 === void 0 ? void 0 : (_error$errorFields = _context.t4.errorFields) === null || _error$errorFields === void 0 ? void 0 : (_error$errorFields$ = _error$errorFields[0]) === null || _error$errorFields$ === void 0 ? void 0 : _error$errorFields$.name);
+        case 29:
+          _context.prev = 29;
+          toggleLoading(false);
+          return _context.finish(29);
+        case 32:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 26, 29, 32]]);
+  })), [onOk, onCancel, form]);
+  /**
+   * 描述：默认底部操作按钮
+   *
+   */
+  var defaultFooter = /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-modal-footer"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: onCancel
+  }, cancelText), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: handleFinish,
+    loading: okLoading !== null && okLoading !== void 0 ? okLoading : loading,
+    disabled: okDisabled !== null && okDisabled !== void 0 ? okDisabled : loading
+  }, okText));
+  var renderFooter = function renderFooter() {
+    if (noRenderFooter) {
+      return null;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "pro-drawer-footer"
+      }, footer);
+    }
+    if ((0, _lodash.isArray)(footer) && (footer === null || footer === void 0 ? void 0 : footer.length)) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "pro-drawer-footer"
+      }, footer.map(function (item) {
+        if ( /*#__PURE__*/_react.default.isValidElement(item)) {
+          return item;
+        }
+        return false;
+      }));
+    }
+    return defaultFooter;
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, (0, _objectSpread2.default)({
+    className: "pro-modal ".concat(top > 0 ? 'pro-modal-scrolling' : '', " ").concat(className !== null && className !== void 0 ? className : ''),
+    title: title,
+    width: width,
+    open: visible,
+    maskClosable: maskClosable,
+    onCancel: onCancel,
+    footer: renderFooter(),
+    okText: okText,
+    cancelText: cancelText
+  }, modalProps), /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, children));
+};
+var _default = ProModal;
+exports.default = _default;

package/lib/ProDrawerForm/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProDrawer } from './ProDrawer';
+export { default as ProModal } from './ProModal';

package/lib/ProDrawerForm/components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ProDrawer", {
+  enumerable: true,
+  get: function get() {
+    return _ProDrawer.default;
+  }
+});
+Object.defineProperty(exports, "ProModal", {
+  enumerable: true,
+  get: function get() {
+    return _ProModal.default;
+  }
+});
+var _ProDrawer = _interopRequireDefault(require("./ProDrawer"));
+var _ProModal = _interopRequireDefault(require("./ProModal"));

package/lib/ProDrawerForm/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FormInstance } from 'antd/es/form/Form';
+import { ProDrawerFormPropsType } from './propsType';
+declare const ProDrawerForm: React.ForwardRefExoticComponent<ProDrawerFormPropsType & React.RefAttributes<FormInstance<any>>>;
+export default ProDrawerForm;

package/lib/ProDrawerForm/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _components = require("./components");
+var _ProForm = _interopRequireDefault(require("../ProForm"));
+var _utils = require("./utils");
+var ProDrawerForm = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var visible = props.visible;
+  var open = props.open,
+    showType = props.showType,
+    size = props.size,
+    disabled = props.disabled,
+    originalForm = props.form,
+    proFormProps = props.proFormProps,
+    onCancel = props.onCancel,
+    children = props.children;
+  visible = open !== null && open !== void 0 ? open : visible;
+  var width = props.width;
+  if (!width && size) {
+    width = (0, _utils.transformBySize)(size);
+  }
+  // 强转string 类型
+  if (!Number.isNaN(+width)) {
+    width = "".concat(width, "px");
+  }
+  var _Form$useForm = _antd.Form.useForm(originalForm),
+    _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var handleCancel = function handleCancel() {
+    form.resetFields();
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+  };
+  // 暴露form实例给用户
+  (0, _react.useImperativeHandle)(ref, function () {
+    return form;
+  });
+  var Com = (0, _react.useMemo)(function () {
+    return {
+      Drawer: _components.ProDrawer,
+      Modal: _components.ProModal
+    }[showType];
+  }, [showType]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, visible ? /*#__PURE__*/_react.default.createElement(Com, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    visible: visible,
+    form: form,
+    width: width,
+    onCancel: handleCancel
+  }), children || /*#__PURE__*/_react.default.createElement(_ProForm.default, (0, _objectSpread2.default)({
+    form: form,
+    disabled: disabled,
+    footer: false
+  }, proFormProps))) : null);
+});
+ProDrawerForm.defaultProps = {
+  showType: 'Drawer',
+  size: 'middle',
+  isConfirmClose: true,
+  maskClosable: false,
+  okText: '确认',
+  cancelText: '取消',
+  proFormProps: {}
+};
+var _default = ProDrawerForm;
+exports.default = _default;

package/lib/ProDrawerForm/propsType.d.ts

@@ -0,0 +1,88 @@
+import React, { ReactNode } from 'react';
+import type { ModalProps, DrawerProps, FormInstance } from 'antd';
+import { ProFormProps } from '../ProForm/propsType';
+export type DrawerSizePropsType = 'small' | 'middle' | 'large';
+export type ShowTypePropsType = 'Modal' | 'Drawer';
+export interface ProDrawerFormRef {
+    form: FormInstance<any>;
+}
+export interface ProDrawerFormPropsType {
+    /** @name 内部form */
+    form?: FormInstance<any>;
+    /** @name 自定义className */
+    className?: string;
+    /** @name 控制显示隐藏 */
+    visible?: ModalProps['open'] | DrawerProps['open'];
+    /** @name 控制显示隐藏 */
+    open: ModalProps['open'] | DrawerProps['open'];
+    /** @name 标题 */
+    title?: ModalProps['title'] | DrawerProps['title'];
+    /** @name 点击蒙层是否允许关闭 */
+    maskClosable?: ModalProps['maskClosable'] | DrawerProps['maskClosable'];
+    /** @name 禁止选项 */
+    disabled?: boolean | undefined;
+    /** @name 宽度 */
+    width?: ModalProps['width'] | DrawerProps['width'];
+    /**
+     * @name 取消按钮文字
+     */
+    cancelText?: ModalProps['cancelText'];
+    /**
+     * @name 确认按钮文字
+     */
+    okText?: ModalProps['okText'];
+    /**
+     * @name 确认按钮loading
+     */
+    okLoading?: boolean;
+    /**
+     * @name 确认按钮disabled
+     */
+    okDisabled?: boolean;
+    /** @name 显示方式 */
+    showType?: ShowTypePropsType;
+    /** @name 尺寸 */
+    size?: DrawerSizePropsType;
+    /**
+     * @name自动选中第一项
+     * @description 只对有input的类型有效
+     */
+    autoFocusFirstInput?: boolean;
+    /**
+     * @name 关闭时是否开启二次确认弹框
+     * @description 只对Drawer的类型有效
+     */
+    isConfirmClose?: boolean;
+    /**
+     * @name 关闭时二次确认弹框的属性
+     * @description 只对Drawer的类型有效
+     */
+    isConfirmCloseModalProps?: ModalProps;
+    /**
+     * @name 底部默认取消按钮事件
+     */
+    onCancel?: () => Promise<boolean | void> | boolean | void;
+    /**
+     * @name 底部默认确定按钮事件
+     */
+    onOk?: (values?: any, form?: FormInstance) => Promise<boolean | void> | boolean | void;
+    /**
+     * @name 底部自定义按钮配置
+     */
+    footer?: ReactNode | ReactNode[];
+    /**
+     * @name proForm的属性 配置后children不展示
+     */
+    proFormProps?: Omit<ProFormProps, 'form'>;
+    /**
+     * 不支持 'visible'，请使用全局的 visible
+     * @name 弹框的属性
+     */
+    modalProps?: Omit<ModalProps, 'visible'>;
+    /**
+     * 不支持 'visible'，请使用全局的 visible
+     * @name 抽屉的属性
+     */
+    drawerProps?: Omit<DrawerProps, 'visible'>;
+    children?: React.ReactNode;
+}

package/lib/ProDrawerForm/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});