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

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

@@ -1,50 +1,51 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { ConfigProvider } from 'antd';
 import React, { useContext, useImperativeHandle } from 'react';
 import { proTheme } from "../../../provider";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var addArrayKeys = function addArrayKeys(doms) {
-  return doms.map(function (dom, index) {
-    var _dom$props;
-    if (! /*#__PURE__*/React.isValidElement(dom)) {
-      // eslint-disable-next-line react/no-array-index-key
-      return /*#__PURE__*/_jsx(React.Fragment, {
-        children: dom
-      }, index);
+const addArrayKeys = doms => doms.map((dom, index) => {
+  if (! /*#__PURE__*/React.isValidElement(dom)) {
+    // eslint-disable-next-line react/no-array-index-key
+    return /*#__PURE__*/_jsx(React.Fragment, {
+      children: dom
+    }, index);
+  }
+  return /*#__PURE__*/React.cloneElement(dom, {
+    // eslint-disable-next-line react/no-array-index-key
+    key: index,
+    ...dom?.props,
+    style: {
+      // @ts-ignore
+      ...dom?.props?.style
     }
-    return /*#__PURE__*/React.cloneElement(dom, _objectSpread(_objectSpread({
-      // eslint-disable-next-line react/no-array-index-key
-      key: index
-    }, dom === null || dom === void 0 ? void 0 : dom.props), {}, {
-      style: _objectSpread({}, dom === null || dom === void 0 || (_dom$props = dom.props) === null || _dom$props === void 0 ? void 0 : _dom$props.style)
-    }));
   });
-};
+});
 
 /**
  * 一般用于放多个按钮
  *
  * @param
  */
-var FieldOptions = function FieldOptions(_ref, ref) {
-  var text = _ref.text,
-    type = _ref.mode,
-    render = _ref.render,
-    fieldProps = _ref.fieldProps;
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var className = getPrefixCls('pro-field-option');
-  var _proTheme$useToken = proTheme.useToken(),
-    token = _proTheme$useToken.token;
-  useImperativeHandle(ref, function () {
-    return {};
-  });
+const FieldOptions = ({
+  text,
+  mode: type,
+  render,
+  fieldProps
+}, ref) => {
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const className = getPrefixCls('pro-field-option');
+  const {
+    token
+  } = proTheme.useToken();
+  useImperativeHandle(ref, () => ({}));
   if (render) {
-    var doms = render(text, _objectSpread({
-      mode: type
-    }, fieldProps), /*#__PURE__*/_jsx(_Fragment, {}));
-    if (!doms || (doms === null || doms === void 0 ? void 0 : doms.length) < 1 || !Array.isArray(doms)) {
+    const doms = render(text, {
+      mode: type,
+      ...fieldProps
+    }, /*#__PURE__*/_jsx(_Fragment, {}));
+    if (!doms || doms?.length < 1 || !Array.isArray(doms)) {
       return null;
     }
     return /*#__PURE__*/_jsx("div", {

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

@@ -1,11 +1,7 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["text", "mode", "render", "formItemRender", "fieldProps", "proFieldKey"];
 import { EyeInvisibleOutlined, EyeOutlined } from '@ant-design/icons';
-import { useMergedState } from '@rc-component/util';
+import { useControlledState } from '@rc-component/util';
 import { Input, Space } from 'antd';
-import React from 'react';
+import React, { useCallback } from 'react';
 import { useIntl } from "../../../provider";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -15,26 +11,26 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  *
  * @param
  */
-var FieldPassword = function FieldPassword(_ref, ref) {
-  var text = _ref.text,
-    mode = _ref.mode,
-    render = _ref.render,
-    formItemRender = _ref.formItemRender,
-    fieldProps = _ref.fieldProps,
-    proFieldKey = _ref.proFieldKey,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var intl = useIntl();
-  var _useMergedState = useMergedState(function () {
-      return rest.open || false;
-    }, {
-      value: rest.open,
-      onChange: rest.onOpenChange
-    }),
-    _useMergedState2 = _slicedToArray(_useMergedState, 2),
-    open = _useMergedState2[0],
-    setOpen = _useMergedState2[1];
+const FieldPassword = ({
+  text,
+  mode,
+  render,
+  formItemRender,
+  fieldProps,
+  proFieldKey,
+  ...rest
+}, ref) => {
+  const intl = useIntl();
+  const [open, setOpenInner] = useControlledState(() => rest.open || false, rest.open);
+  const setOpen = useCallback(updater => {
+    setOpenInner(prev => {
+      const next = typeof updater === 'function' ? updater(prev) : updater;
+      rest.onOpenChange?.(next);
+      return next;
+    });
+  }, [rest.onOpenChange]);
   if (mode === 'read') {
-    var dom = /*#__PURE__*/_jsx(_Fragment, {
+    let dom = /*#__PURE__*/_jsx(_Fragment, {
       children: "-"
     });
     if (text) {
@@ -43,31 +39,32 @@ var FieldPassword = function FieldPassword(_ref, ref) {
           ref: ref,
           children: open ? text : '********'
         }), /*#__PURE__*/_jsx("a", {
-          onClick: function onClick() {
-            return setOpen(!open);
-          },
+          onClick: () => setOpen(!open),
           children: open ? /*#__PURE__*/_jsx(EyeOutlined, {}) : /*#__PURE__*/_jsx(EyeInvisibleOutlined, {})
         })]
       });
     }
     if (render) {
-      return render(text, _objectSpread({
-        mode: mode
-      }, fieldProps), dom);
+      return render(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/_jsx(Input.Password, _objectSpread({
+    const dom = /*#__PURE__*/_jsx(Input.Password, {
       placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
-      ref: ref
-    }, fieldProps));
+      ref: ref,
+      ...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/Percent/index.js

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { InputNumber } from 'antd';
 import React, { Fragment, useMemo } from 'react';
 import { useIntl } from "../../../provider";
@@ -10,37 +9,34 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  *
  * @param PercentPropInt
  */
-var FieldPercent = function FieldPercent(_ref, ref) {
-  var text = _ref.text,
-    prefix = _ref.prefix,
-    precision = _ref.precision,
-    _ref$suffix = _ref.suffix,
-    suffix = _ref$suffix === void 0 ? '%' : _ref$suffix,
-    mode = _ref.mode,
-    _ref$showColor = _ref.showColor,
-    showColor = _ref$showColor === void 0 ? false : _ref$showColor,
-    render = _ref.render,
-    formItemRender = _ref.formItemRender,
-    fieldProps = _ref.fieldProps,
-    placeholder = _ref.placeholder,
-    propsShowSymbol = _ref.showSymbol;
-  var intl = useIntl();
-  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
-  var realValue = useMemo(function () {
-    return typeof text === 'string' && text.includes('%') ? toNumber(text.replace('%', '')) : toNumber(text);
-  }, [text]);
-  var showSymbol = useMemo(function () {
+const FieldPercent = ({
+  text,
+  prefix,
+  precision,
+  suffix = '%',
+  mode,
+  showColor = false,
+  render,
+  formItemRender,
+  fieldProps,
+  placeholder,
+  showSymbol: propsShowSymbol
+}, ref) => {
+  const intl = useIntl();
+  const placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
+  const realValue = useMemo(() => typeof text === 'string' && text.includes('%') ? toNumber(text.replace('%', '')) : toNumber(text), [text]);
+  const showSymbol = useMemo(() => {
     if (typeof propsShowSymbol === 'function') {
-      return propsShowSymbol === null || propsShowSymbol === void 0 ? void 0 : propsShowSymbol(text);
+      return propsShowSymbol?.(text);
     }
     return propsShowSymbol;
   }, [propsShowSymbol, text]);
   if (mode === 'read') {
     /** 颜色有待确定, 根据提供 colors: ['正', '负'] | boolean */
-    var style = showColor ? {
+    const style = showColor ? {
       color: getColorByRealValue(realValue)
     } : {};
-    var dom = /*#__PURE__*/_jsxs("span", {
+    const dom = /*#__PURE__*/_jsxs("span", {
       style: style,
       ref: ref,
       children: [prefix && /*#__PURE__*/_jsx("span", {
@@ -50,37 +46,37 @@ var FieldPercent = function FieldPercent(_ref, ref) {
       }), getRealTextWithPrecision(Math.abs(realValue), precision), suffix && suffix]
     });
     if (render) {
-      return render(text, _objectSpread(_objectSpread({
-        mode: mode
-      }, fieldProps), {}, {
-        prefix: prefix,
-        precision: precision,
-        showSymbol: showSymbol,
-        suffix: suffix
-      }), dom);
+      return render(text, {
+        mode,
+        ...fieldProps,
+        prefix,
+        precision,
+        showSymbol,
+        suffix
+      }, dom);
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/_jsx(InputNumber, _objectSpread({
+    const dom = /*#__PURE__*/_jsx(InputNumber, {
       ref: ref,
-      formatter: function formatter(value) {
+      formatter: value => {
         if (value && prefix) {
-          return "".concat(prefix, " ").concat(value).replace(/\B(?=(\d{3})+(?!\d)$)/g, ',');
+          return `${prefix} ${value}`.replace(/\B(?=(\d{3})+(?!\d)$)/g, ',');
         }
         return value;
       },
-      parser: function parser(value) {
-        return value ? value.replace(/.*\s|,/g, '') : '';
-      },
-      placeholder: placeholderValue
-    }, fieldProps));
+      parser: value => value ? value.replace(/.*\s|,/g, '') : '',
+      placeholder: placeholderValue,
+      ...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/Percent/util.js

@@ -1,4 +1,3 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 /** 获取展示符号 */
 export function getSymbolByRealValue(realValue) {
   if (realValue === 0) {
@@ -19,9 +18,8 @@ export function getColorByRealValue(realValue) {
 }
 
 /** 获取到最后展示的数字 */
-export function getRealTextWithPrecision(realValue) {
-  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-  return precision >= 0 ? realValue === null || realValue === void 0 ? void 0 : realValue.toFixed(precision) : realValue;
+export function getRealTextWithPrecision(realValue, precision = 2) {
+  return precision >= 0 ? realValue?.toFixed(precision) : realValue;
 }
 
 /**
@@ -29,7 +27,7 @@ export function getRealTextWithPrecision(realValue) {
  * @copy from https://github.com/toss/es-toolkit/blob/32a183828c244d675f46810935e45dfefec81a54/src/compat/util/toNumber.ts#L19
  */
 export function toNumber(value) {
-  if (_typeof(value) === 'symbol' || value instanceof Symbol) {
+  if (typeof value === 'symbol' || value instanceof Symbol) {
     return NaN;
   }
   return Number(value);

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { InputNumber, Progress } from 'antd';
 import React, { useMemo } from 'react';
 import { useIntl } from "../../../provider";
@@ -22,21 +21,20 @@ export function getProgressStatus(text) {
  *
  * @param
  */
-var FieldProgress = function FieldProgress(_ref, ref) {
-  var text = _ref.text,
-    mode = _ref.mode,
-    render = _ref.render,
-    plain = _ref.plain,
-    formItemRender = _ref.formItemRender,
-    fieldProps = _ref.fieldProps,
-    placeholder = _ref.placeholder;
-  var intl = useIntl();
-  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
-  var realValue = useMemo(function () {
-    return typeof text === 'string' && text.includes('%') ? toNumber(text.replace('%', '')) : toNumber(text);
-  }, [text]);
+const FieldProgress = ({
+  text,
+  mode,
+  render,
+  plain,
+  formItemRender,
+  fieldProps,
+  placeholder
+}, ref) => {
+  const intl = useIntl();
+  const placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
+  const realValue = useMemo(() => typeof text === 'string' && text.includes('%') ? toNumber(text.replace('%', '')) : toNumber(text), [text]);
   if (mode === 'read') {
-    var dom = /*#__PURE__*/_jsx(Progress, _objectSpread({
+    const dom = /*#__PURE__*/_jsx(Progress, {
       ref: ref,
       size: "small",
       style: {
@@ -45,26 +43,30 @@ var FieldProgress = function FieldProgress(_ref, ref) {
       },
       percent: realValue,
       steps: plain ? 10 : undefined,
-      status: getProgressStatus(realValue)
-    }, fieldProps));
+      status: getProgressStatus(realValue),
+      ...fieldProps
+    });
     if (render) {
-      return render(realValue, _objectSpread({
-        mode: mode
-      }, fieldProps), dom);
+      return render(realValue, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/_jsx(InputNumber, _objectSpread({
+    const dom = /*#__PURE__*/_jsx(InputNumber, {
       ref: ref,
-      placeholder: placeholderValue
-    }, fieldProps));
+      placeholder: placeholderValue,
+      ...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/Radio/index.d.ts

@@ -15,7 +15,7 @@ declare const _default: React.ForwardRefExoticComponent<import("src/provider").B
     request?: import("src/utils/typing").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "filled" | "outlined" | "borderless" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | undefined;
     id?: string | undefined;
     defaultKeyWords?: string | undefined;
 } & import("../../PureProField").ProFieldLightProps & React.RefAttributes<any>>;

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

@@ -1,10 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["radioType", "formItemRender", "mode", "render"];
 import { ConfigProvider, Form, Radio, Spin } from 'antd';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import React, { useContext, useImperativeHandle, useRef } from 'react';
 import { objectToMap, proFieldParsingText, useStyle } from "../../../utils";
 import { useFieldFetchData } from "../Select";
@@ -16,88 +11,92 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
  * @param param0
  * @param ref
  */
-var FieldRadio = function FieldRadio(_ref, ref) {
-  var _Form$Item, _Form$Item$useStatus;
-  var radioType = _ref.radioType,
-    formItemRender = _ref.formItemRender,
-    mode = _ref.mode,
-    render = _ref.render,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var layoutClassName = getPrefixCls('pro-field-radio');
-  var _useFieldFetchData = useFieldFetchData(rest),
-    _useFieldFetchData2 = _slicedToArray(_useFieldFetchData, 3),
-    loading = _useFieldFetchData2[0],
-    options = _useFieldFetchData2[1],
-    _fetchData = _useFieldFetchData2[2];
-  var radioRef = useRef();
-  var status = (_Form$Item = Form.Item) === null || _Form$Item === void 0 || (_Form$Item$useStatus = _Form$Item.useStatus) === null || _Form$Item$useStatus === void 0 ? void 0 : _Form$Item$useStatus.call(_Form$Item);
-  useImperativeHandle(ref, function () {
-    return _objectSpread(_objectSpread({}, radioRef.current || {}), {}, {
-      fetchData: function fetchData(keyWord) {
-        return _fetchData(keyWord);
-      }
-    });
-  }, [_fetchData]);
+const FieldRadio = ({
+  radioType,
+  formItemRender,
+  mode,
+  render,
+  ...rest
+}, ref) => {
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const layoutClassName = getPrefixCls('pro-field-radio');
+  const [loading, options, fetchData] = useFieldFetchData(rest);
+  const radioRef = useRef();
+  const status = Form.Item?.useStatus?.();
+  useImperativeHandle(ref, () => ({
+    ...(radioRef.current || {}),
+    fetchData: keyWord => fetchData(keyWord)
+  }), [fetchData]);
 
   // css
-  var _useStyle = useStyle('FieldRadioRadio', function (token) {
-      return _defineProperty(_defineProperty(_defineProperty({}, ".".concat(layoutClassName, "-error"), {
+  const {
+    wrapSSR,
+    hashId
+  } = useStyle('FieldRadioRadio', token => {
+    return {
+      [`.${layoutClassName}-error`]: {
         span: {
           color: token.colorError
         }
-      }), ".".concat(layoutClassName, "-warning"), {
+      },
+      [`.${layoutClassName}-warning`]: {
         span: {
           color: token.colorWarning
         }
-      }), ".".concat(layoutClassName, "-vertical"), _defineProperty({}, "".concat(token.antCls, "-radio-wrapper"), {
-        display: 'flex',
-        marginInlineEnd: 0
-      }));
-    }),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
+      },
+      [`.${layoutClassName}-vertical`]: {
+        [`${token.antCls}-radio-wrapper`]: {
+          display: 'flex',
+          marginInlineEnd: 0
+        }
+      }
+    };
+  });
   if (loading) {
     return /*#__PURE__*/_jsx(Spin, {
       size: "small"
     });
   }
   if (mode === 'read') {
-    var optionsValueEnum = options !== null && options !== void 0 && options.length ? options === null || options === void 0 ? void 0 : options.reduce(function (pre, cur) {
-      var _ref3;
-      return _objectSpread(_objectSpread({}, pre), {}, _defineProperty({}, (_ref3 = cur.value) !== null && _ref3 !== void 0 ? _ref3 : '', cur.label));
+    const optionsValueEnum = options?.length ? options?.reduce((pre, cur) => {
+      return {
+        ...pre,
+        [cur.value ?? '']: cur.label
+      };
     }, {}) : undefined;
-    var dom = /*#__PURE__*/_jsx(_Fragment, {
+    const dom = /*#__PURE__*/_jsx(_Fragment, {
       children: proFieldParsingText(rest.text, objectToMap(rest.valueEnum || optionsValueEnum))
     });
     if (render) {
-      var _render;
-      return (_render = render(rest.text, _objectSpread({
-        mode: mode
-      }, rest.fieldProps), dom)) !== null && _render !== void 0 ? _render : null;
+      return render(rest.text, {
+        mode,
+        ...rest.fieldProps
+      }, dom) ?? null;
     }
     return dom;
   }
   if (mode === 'edit') {
-    var _rest$fieldProps;
-    var _dom = wrapSSR( /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({
+    const dom = wrapSSR( /*#__PURE__*/_jsx(Radio.Group, {
       ref: radioRef,
-      optionType: radioType
-    }, rest.fieldProps), {}, {
-      className: classNames((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, _defineProperty(_defineProperty({}, "".concat(layoutClassName, "-error"), (status === null || status === void 0 ? void 0 : status.status) === 'error'), "".concat(layoutClassName, "-warning"), (status === null || status === void 0 ? void 0 : status.status) === 'warning'), hashId, "".concat(layoutClassName, "-").concat(rest.fieldProps.layout || 'horizontal')),
+      optionType: radioType,
+      ...rest.fieldProps,
+      className: clsx(rest.fieldProps?.className, {
+        [`${layoutClassName}-error`]: status?.status === 'error',
+        [`${layoutClassName}-warning`]: status?.status === 'warning'
+      }, hashId, `${layoutClassName}-${rest.fieldProps.layout || 'horizontal'}`),
       options: options
-    })));
+    }));
     if (formItemRender) {
-      var _formItemRender;
-      return (_formItemRender = formItemRender(rest.text, _objectSpread(_objectSpread({
-        mode: mode
-      }, rest.fieldProps), {}, {
-        options: options,
-        loading: loading
-      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
+      return formItemRender(rest.text, {
+        mode,
+        ...rest.fieldProps,
+        options,
+        loading
+      }, dom) ?? null;
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

package/es/field/components/RangePicker/index.d.ts

@@ -3,8 +3,8 @@ import type { ProFieldLightProps } from '../../PureProField';
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     text: string[];
     format?: string | undefined;
-    variant?: "filled" | "outlined" | "borderless" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | "underlined" | undefined;
     showTime?: boolean | undefined;
-    picker?: "time" | "date" | "month" | "week" | "year" | "quarter" | undefined;
+    picker?: "date" | "time" | "month" | "week" | "year" | "quarter" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;