@ant-design/pro-components 3.1.0-0 → 3.1.1-1

package/lib/field/components/Status/index.js

@@ -9,84 +9,74 @@ var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 /** 快捷操作，用于快速的展示一个状态 */
-var StatusComponents = exports.StatusComponents = {
-  Success: function Success(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "success",
-      text: children
-    });
-  },
-  Error: function Error(_ref2) {
-    var children = _ref2.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "error",
-      text: children
-    });
-  },
-  Default: function Default(_ref3) {
-    var children = _ref3.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "default",
-      text: children
-    });
-  },
-  Processing: function Processing(_ref4) {
-    var children = _ref4.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "processing",
-      text: children
-    });
-  },
-  Warning: function Warning(_ref5) {
-    var children = _ref5.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "warning",
-      text: children
-    });
-  },
-  success: function success(_ref6) {
-    var children = _ref6.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "success",
-      text: children
-    });
-  },
-  error: function error(_ref7) {
-    var children = _ref7.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "error",
-      text: children
-    });
-  },
-  default: function _default(_ref8) {
-    var children = _ref8.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "default",
-      text: children
-    });
-  },
-  processing: function processing(_ref9) {
-    var children = _ref9.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "processing",
-      text: children
-    });
-  },
-  warning: function warning(_ref10) {
-    var children = _ref10.children;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-      status: "warning",
-      text: children
-    });
-  }
-};
-var ProFieldBadgeColor = exports.ProFieldBadgeColor = function ProFieldBadgeColor(_ref11) {
-  var color = _ref11.color,
-    children = _ref11.children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-    color: color,
+const StatusComponents = exports.StatusComponents = {
+  Success: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "success",
+    text: children
+  }),
+  Error: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "error",
+    text: children
+  }),
+  Default: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "default",
+    text: children
+  }),
+  Processing: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "processing",
+    text: children
+  }),
+  Warning: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "warning",
+    text: children
+  }),
+  success: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "success",
     text: children
-  });
+  }),
+  error: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "error",
+    text: children
+  }),
+  default: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "default",
+    text: children
+  }),
+  processing: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "processing",
+    text: children
+  }),
+  warning: ({
+    children
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+    status: "warning",
+    text: children
+  })
 };
-var _default2 = exports.default = StatusComponents;
+const ProFieldBadgeColor = ({
+  color,
+  children
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+  color: color,
+  text: children
+});
+exports.ProFieldBadgeColor = ProFieldBadgeColor;
+var _default = exports.default = StatusComponents;

package/lib/field/components/Switch/index.d.ts

@@ -3,6 +3,6 @@ import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     text: boolean;
     fieldProps?: SwitchProps | undefined;
-    variant?: "filled" | "outlined" | "borderless" | undefined;
+    variant?: "outlined" | "filled" | "borderless" | undefined;
 } & React.RefAttributes<any>>;
 export default _default;

package/lib/field/components/Switch/index.js

@@ -1,12 +1,10 @@
 "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 _util = require("@rc-component/util");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
@@ -18,42 +16,44 @@ var _jsxRuntime = require("react/jsx-runtime");
  *
  * @param
  */
-var FieldSwitch = function FieldSwitch(_ref, ref) {
-  var text = _ref.text,
-    mode = _ref.mode,
-    render = _ref.render,
-    light = _ref.light,
-    label = _ref.label,
-    formItemRender = _ref.formItemRender,
-    fieldProps = _ref.fieldProps,
-    variant = _ref.variant;
-  var intl = (0, _provider.useIntl)();
-  var dom = (0, _react.useMemo)(function () {
-    var _fieldProps$checkedCh, _fieldProps$unChecked;
-    if (text === undefined || text === null || "".concat(text).length < 1) return '-';
-    return text ? (_fieldProps$checkedCh = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.checkedChildren) !== null && _fieldProps$checkedCh !== void 0 ? _fieldProps$checkedCh : intl.getMessage('switch.open', '打开') : (_fieldProps$unChecked = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.unCheckedChildren) !== null && _fieldProps$unChecked !== void 0 ? _fieldProps$unChecked : intl.getMessage('switch.close', '关闭');
+const FieldSwitch = ({
+  text,
+  mode,
+  render,
+  light,
+  label,
+  formItemRender,
+  fieldProps,
+  variant
+}, ref) => {
+  const intl = (0, _provider.useIntl)();
+  const dom = (0, _react.useMemo)(() => {
+    if (text === undefined || text === null || `${text}`.length < 1) return '-';
+    return text ? fieldProps?.checkedChildren ?? intl.getMessage('switch.open', '打开') : fieldProps?.unCheckedChildren ?? intl.getMessage('switch.close', '关闭');
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.checkedChildren, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.unCheckedChildren, text]);
+  }, [fieldProps?.checkedChildren, fieldProps?.unCheckedChildren, text]);
   if (mode === 'read') {
     if (render) {
-      return render(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      return render(text, {
+        mode,
+        ...fieldProps
+      }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: dom
       }));
     }
-    return dom !== null && dom !== void 0 ? dom : '-';
+    return dom ?? '-';
   }
   if (mode === 'edit' || mode === 'update') {
-    var _fieldProps$checked;
-    var editDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    const editDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Switch, {
       ref: ref,
-      size: light ? 'small' : undefined
-    }, (0, _util.omit)(fieldProps, ['value'])), {}, {
-      checked: (_fieldProps$checked = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.checked) !== null && _fieldProps$checked !== void 0 ? _fieldProps$checked : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.value
-    }));
+      size: light ? 'small' : undefined,
+      ...(0, _util.omit)(fieldProps, ['value']),
+      checked: fieldProps?.checked ?? fieldProps?.value
+    });
     if (light) {
-      var disabled = fieldProps.disabled;
+      const {
+        disabled
+      } = fieldProps;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
         label: label,
         disabled: disabled,
@@ -69,9 +69,10 @@ var FieldSwitch = function FieldSwitch(_ref, ref) {
       });
     }
     if (formItemRender) {
-      return formItemRender(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), editDom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, editDom);
     }
     return editDom;
   }

package/lib/field/components/Text/index.js

@@ -1,12 +1,10 @@
 "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 _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
@@ -16,56 +14,54 @@ var _jsxRuntime = require("react/jsx-runtime");
  *
  * @param
  */
-var FieldText = function FieldText(_ref, ref) {
-  var text = _ref.text,
-    mode = _ref.mode,
-    render = _ref.render,
-    formItemRender = _ref.formItemRender,
-    fieldProps = _ref.fieldProps,
-    _ref$emptyText = _ref.emptyText,
-    emptyText = _ref$emptyText === void 0 ? '-' : _ref$emptyText;
-  var _ref2 = fieldProps || {},
-    autoFocus = _ref2.autoFocus,
-    _ref2$prefix = _ref2.prefix,
-    prefix = _ref2$prefix === void 0 ? '' : _ref2$prefix,
-    _ref2$suffix = _ref2.suffix,
-    suffix = _ref2$suffix === void 0 ? '' : _ref2$suffix;
-  var intl = (0, _provider.useIntl)();
-  var inputRef = (0, _react.useRef)();
-  (0, _react.useImperativeHandle)(ref, function () {
-    return inputRef.current;
-  }, []);
-  (0, _react.useEffect)(function () {
+const FieldText = ({
+  text,
+  mode,
+  render,
+  formItemRender,
+  fieldProps,
+  emptyText = '-'
+}, ref) => {
+  const {
+    autoFocus,
+    prefix = '',
+    suffix = ''
+  } = fieldProps || {};
+  const intl = (0, _provider.useIntl)();
+  const inputRef = (0, _react.useRef)();
+  (0, _react.useImperativeHandle)(ref, () => inputRef.current, []);
+  (0, _react.useEffect)(() => {
     if (autoFocus) {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+      inputRef.current?.focus();
     }
   }, [autoFocus]);
   if (mode === 'read') {
-    var dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [prefix, text !== null && text !== void 0 ? text : emptyText, suffix]
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [prefix, text ?? emptyText, suffix]
     });
     if (render) {
-      var _render;
-      return (_render = render(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), dom)) !== null && _render !== void 0 ? _render : emptyText;
+      return render(text, {
+        mode,
+        ...fieldProps
+      }, dom) ?? emptyText;
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var placeholder = intl.getMessage('tableForm.inputPlaceholder', '请输入');
-    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, (0, _objectSpread2.default)({
+    const placeholder = intl.getMessage('tableForm.inputPlaceholder', '请输入');
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
       ref: inputRef,
       placeholder: placeholder,
-      allowClear: true
-    }, fieldProps));
+      allowClear: true,
+      ...fieldProps
+    });
     if (formItemRender) {
-      return formItemRender(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

package/lib/field/components/TextArea/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _util = require("@rc-component/util");
 var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
@@ -16,39 +15,45 @@ var _jsxRuntime = require("react/jsx-runtime");
  * 最基本的组件，就是个普通的 Input.TextArea
  *
  * @param
- */var FieldTextArea = function FieldTextArea(props, ref) {
-  var text = props.text,
-    mode = props.mode,
-    render = props.render,
-    formItemRender = props.formItemRender,
-    fieldProps = props.fieldProps;
-  var intl = (0, _provider.useIntl)();
+ */const FieldTextArea = (props, ref) => {
+  const {
+    text,
+    mode,
+    render,
+    formItemRender,
+    fieldProps
+  } = props;
+  const intl = (0, _provider.useIntl)();
   if (mode === 'read') {
-    var dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_readonly.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_readonly.default, {
+      ...props,
       ref: ref
-    }));
+    });
     if (render) {
-      return render(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, (0, _util.omit)(fieldProps, ['showCount'])), dom);
+      return render(text, {
+        mode,
+        ...(0, _util.omit)(fieldProps, ['showCount'])
+      }, dom);
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.TextArea, (0, _objectSpread2.default)({
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.TextArea, {
       ref: ref,
       rows: 3,
-      onKeyPress: function onKeyPress(e) {
+      onKeyPress: e => {
         if (e.key === 'Enter') e.stopPropagation();
       },
-      placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入')
-    }, fieldProps));
+      placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
+      ...fieldProps
+    });
     if (formItemRender) {
-      return formItemRender(text, (0, _objectSpread2.default)({
-        mode: mode
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

package/lib/field/components/TextArea/readonly.js

@@ -1,16 +1,13 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _util = require("@rc-component/util");
 var _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -19,28 +16,33 @@ var _jsxRuntime = require("react/jsx-runtime");
  *
  * @param
  */
-var FieldTextAreaReadonly = function FieldTextAreaReadonly(_ref, ref) {
-  var text = _ref.text,
-    fieldProps = _ref.fieldProps;
-  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var readonlyClassName = getPrefixCls('pro-field-readonly');
-  var compClassName = "".concat(readonlyClassName, "-textarea");
-  var _useStyle = (0, _utils.useStyle)('TextArea', function () {
-      return (0, _defineProperty2.default)({}, ".".concat(compClassName), {
+const FieldTextAreaReadonly = ({
+  text,
+  fieldProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const readonlyClassName = getPrefixCls('pro-field-readonly');
+  const compClassName = `${readonlyClassName}-textarea`;
+  const {
+    wrapSSR,
+    hashId
+  } = (0, _utils.useStyle)('TextArea', () => {
+    return {
+      [`.${compClassName}`]: {
         display: 'inline-block',
         lineHeight: '1.5715',
         maxWidth: '100%',
         whiteSpace: 'pre-wrap'
-      });
-    }),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      }
+    };
+  });
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     ref: ref,
-    className: (0, _classnames.default)(hashId, readonlyClassName, compClassName)
-  }, (0, _util.omit)(fieldProps, ['autoSize', 'classNames', 'styles'])), {}, {
-    children: text !== null && text !== void 0 ? text : '-'
-  })));
+    className: (0, _clsx.clsx)(hashId, readonlyClassName, compClassName),
+    ...(0, _util.omit)(fieldProps, ['autoSize', 'classNames', 'styles']),
+    children: text ?? '-'
+  }));
 };
 var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(FieldTextAreaReadonly);