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

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

@@ -2,84 +2,73 @@ import { Badge } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 /** 快捷操作，用于快速的展示一个状态 */
-export var StatusComponents = {
-  Success: function Success(_ref) {
-    var children = _ref.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "success",
-      text: children
-    });
-  },
-  Error: function Error(_ref2) {
-    var children = _ref2.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "error",
-      text: children
-    });
-  },
-  Default: function Default(_ref3) {
-    var children = _ref3.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "default",
-      text: children
-    });
-  },
-  Processing: function Processing(_ref4) {
-    var children = _ref4.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "processing",
-      text: children
-    });
-  },
-  Warning: function Warning(_ref5) {
-    var children = _ref5.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "warning",
-      text: children
-    });
-  },
-  success: function success(_ref6) {
-    var children = _ref6.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "success",
-      text: children
-    });
-  },
-  error: function error(_ref7) {
-    var children = _ref7.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "error",
-      text: children
-    });
-  },
-  default: function _default(_ref8) {
-    var children = _ref8.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "default",
-      text: children
-    });
-  },
-  processing: function processing(_ref9) {
-    var children = _ref9.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "processing",
-      text: children
-    });
-  },
-  warning: function warning(_ref10) {
-    var children = _ref10.children;
-    return /*#__PURE__*/_jsx(Badge, {
-      status: "warning",
-      text: children
-    });
-  }
-};
-export var ProFieldBadgeColor = function ProFieldBadgeColor(_ref11) {
-  var color = _ref11.color,
-    children = _ref11.children;
-  return /*#__PURE__*/_jsx(Badge, {
-    color: color,
+export const StatusComponents = {
+  Success: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "success",
+    text: children
+  }),
+  Error: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "error",
+    text: children
+  }),
+  Default: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "default",
+    text: children
+  }),
+  Processing: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "processing",
+    text: children
+  }),
+  Warning: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "warning",
+    text: children
+  }),
+  success: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "success",
+    text: children
+  }),
+  error: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "error",
+    text: children
+  }),
+  default: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "default",
+    text: children
+  }),
+  processing: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "processing",
+    text: children
+  }),
+  warning: ({
+    children
+  }) => /*#__PURE__*/_jsx(Badge, {
+    status: "warning",
     text: children
-  });
+  })
 };
+export const ProFieldBadgeColor = ({
+  color,
+  children
+}) => /*#__PURE__*/_jsx(Badge, {
+  color: color,
+  text: children
+});
 export default StatusComponents;

package/es/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" | "borderless" | "filled" | undefined;
 } & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { omit } from '@rc-component/util';
 import { Switch } from 'antd';
 import React, { useMemo } from 'react';
@@ -11,42 +10,44 @@ import { jsx as _jsx } from "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 = useIntl();
-  var dom = 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 = useIntl();
+  const dom = 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, _objectSpread({
-        mode: mode
-      }, fieldProps), /*#__PURE__*/_jsx(_Fragment, {
+      return render(text, {
+        mode,
+        ...fieldProps
+      }, /*#__PURE__*/_jsx(_Fragment, {
         children: dom
       }));
     }
-    return dom !== null && dom !== void 0 ? dom : '-';
+    return dom ?? '-';
   }
   if (mode === 'edit' || mode === 'update') {
-    var _fieldProps$checked;
-    var editDom = /*#__PURE__*/_jsx(Switch, _objectSpread(_objectSpread({
+    const editDom = /*#__PURE__*/_jsx(Switch, {
       ref: ref,
-      size: light ? 'small' : undefined
-    }, 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,
+      ...omit(fieldProps, ['value']),
+      checked: fieldProps?.checked ?? fieldProps?.value
+    });
     if (light) {
-      var disabled = fieldProps.disabled;
+      const {
+        disabled
+      } = fieldProps;
       return /*#__PURE__*/_jsx(FieldLabel, {
         label: label,
         disabled: disabled,
@@ -62,9 +63,10 @@ var FieldSwitch = function FieldSwitch(_ref, ref) {
       });
     }
     if (formItemRender) {
-      return formItemRender(text, _objectSpread({
-        mode: mode
-      }, fieldProps), editDom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, editDom);
     }
     return editDom;
   }

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Input } from 'antd';
 import React, { useEffect, useImperativeHandle, useRef } from 'react';
 import { useIntl } from "../../../provider";
@@ -10,56 +9,54 @@ import { jsx as _jsx } from "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 = useIntl();
-  var inputRef = useRef();
-  useImperativeHandle(ref, function () {
-    return inputRef.current;
-  }, []);
-  useEffect(function () {
+const FieldText = ({
+  text,
+  mode,
+  render,
+  formItemRender,
+  fieldProps,
+  emptyText = '-'
+}, ref) => {
+  const {
+    autoFocus,
+    prefix = '',
+    suffix = ''
+  } = fieldProps || {};
+  const intl = useIntl();
+  const inputRef = useRef();
+  useImperativeHandle(ref, () => inputRef.current, []);
+  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__*/_jsxs(_Fragment, {
-      children: [prefix, text !== null && text !== void 0 ? text : emptyText, suffix]
+    const dom = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [prefix, text ?? emptyText, suffix]
     });
     if (render) {
-      var _render;
-      return (_render = render(text, _objectSpread({
-        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__*/_jsx(Input, _objectSpread({
+    const placeholder = intl.getMessage('tableForm.inputPlaceholder', '请输入');
+    const dom = /*#__PURE__*/_jsx(Input, {
       ref: inputRef,
       placeholder: placeholder,
-      allowClear: true
-    }, fieldProps));
+      allowClear: true,
+      ...fieldProps
+    });
     if (formItemRender) {
-      return formItemRender(text, _objectSpread({
-        mode: mode
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { omit } from '@rc-component/util';
 import { Input } from 'antd';
 import React from 'react';
@@ -11,39 +10,45 @@ import FieldTextAreaReadonly from "./readonly";
  * @param
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var FieldTextArea = function FieldTextArea(props, ref) {
-  var text = props.text,
-    mode = props.mode,
-    render = props.render,
-    formItemRender = props.formItemRender,
-    fieldProps = props.fieldProps;
-  var intl = useIntl();
+const FieldTextArea = (props, ref) => {
+  const {
+    text,
+    mode,
+    render,
+    formItemRender,
+    fieldProps
+  } = props;
+  const intl = useIntl();
   if (mode === 'read') {
-    var dom = /*#__PURE__*/_jsx(FieldTextAreaReadonly, _objectSpread(_objectSpread({}, props), {}, {
+    const dom = /*#__PURE__*/_jsx(FieldTextAreaReadonly, {
+      ...props,
       ref: ref
-    }));
+    });
     if (render) {
-      return render(text, _objectSpread({
-        mode: mode
-      }, omit(fieldProps, ['showCount'])), dom);
+      return render(text, {
+        mode,
+        ...omit(fieldProps, ['showCount'])
+      }, dom);
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/_jsx(Input.TextArea, _objectSpread({
+    const dom = /*#__PURE__*/_jsx(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, _objectSpread({
-        mode: mode
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

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

@@ -1,8 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { omit } from '@rc-component/util';
 import { ConfigProvider } from 'antd';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import React, { useContext } from 'react';
 import { useStyle } from "../../../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,28 +9,33 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * @param
  */
-var FieldTextAreaReadonly = function FieldTextAreaReadonly(_ref, ref) {
-  var text = _ref.text,
-    fieldProps = _ref.fieldProps;
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var readonlyClassName = getPrefixCls('pro-field-readonly');
-  var compClassName = "".concat(readonlyClassName, "-textarea");
-  var _useStyle = useStyle('TextArea', function () {
-      return _defineProperty({}, ".".concat(compClassName), {
+const FieldTextAreaReadonly = ({
+  text,
+  fieldProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const readonlyClassName = getPrefixCls('pro-field-readonly');
+  const compClassName = `${readonlyClassName}-textarea`;
+  const {
+    wrapSSR,
+    hashId
+  } = useStyle('TextArea', () => {
+    return {
+      [`.${compClassName}`]: {
         display: 'inline-block',
         lineHeight: '1.5715',
         maxWidth: '100%',
         whiteSpace: 'pre-wrap'
-      });
-    }),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  return wrapSSR( /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
+      }
+    };
+  });
+  return wrapSSR( /*#__PURE__*/_jsx("span", {
     ref: ref,
-    className: classNames(hashId, readonlyClassName, compClassName)
-  }, omit(fieldProps, ['autoSize', 'classNames', 'styles'])), {}, {
-    children: text !== null && text !== void 0 ? text : '-'
-  })));
+    className: clsx(hashId, readonlyClassName, compClassName),
+    ...omit(fieldProps, ['autoSize', 'classNames', 'styles']),
+    children: text ?? '-'
+  }));
 };
 export default /*#__PURE__*/React.forwardRef(FieldTextAreaReadonly);