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

package/es/utils/components/InlineErrorFormItem/index.js

@@ -1,8 +1,3 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["rules", "name", "children", "popoverProps"],
-  _excluded2 = ["errorType", "rules", "name", "popoverProps", "children"];
 import { LoadingOutlined } from '@ant-design/icons';
 import { get } from '@rc-component/util';
 import { ConfigProvider, Form, Popover, theme } from 'antd';
@@ -11,79 +6,77 @@ import { useStyle } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var FIX_INLINE_STYLE = {
+const FIX_INLINE_STYLE = {
   marginBlockStart: -5,
   marginBlockEnd: -5,
   marginInlineStart: 0,
   marginInlineEnd: 0
 };
-var InlineErrorFormItemPopover = function InlineErrorFormItemPopover(_ref) {
-  var inputProps = _ref.inputProps,
-    input = _ref.input,
-    extra = _ref.extra,
-    errorList = _ref.errorList,
-    popoverProps = _ref.popoverProps;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    errorStringList = _useState4[0],
-    setErrorList = _useState4[1];
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls();
-  var token = theme.useToken();
-  var _useStyle = useStyle("".concat(prefixCls, "-form-item-with-help")),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  useEffect(function () {
+const InlineErrorFormItemPopover = ({
+  inputProps,
+  input,
+  extra,
+  errorList,
+  popoverProps
+}) => {
+  const [open, setOpen] = useState(false);
+  const [errorStringList, setErrorList] = useState([]);
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls();
+  const token = theme.useToken();
+  const {
+    wrapSSR,
+    hashId
+  } = useStyle(`${prefixCls}-form-item-with-help`);
+  useEffect(() => {
     if (inputProps.validateStatus !== 'validating') {
       setErrorList(inputProps.errors);
     }
   }, [inputProps.errors, inputProps.validateStatus]);
-  var loading = inputProps.validateStatus === 'validating';
-  return /*#__PURE__*/_jsx(Popover, _objectSpread(_objectSpread({
+  const loading = inputProps.validateStatus === 'validating';
+  return /*#__PURE__*/_jsx(Popover, {
     open: errorStringList.length < 1 ? false : open,
-    onOpenChange: function onOpenChange(changeOpen) {
+    onOpenChange: changeOpen => {
       if (changeOpen === open) return;
       setOpen(changeOpen);
     },
-    trigger: (popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.trigger) || ['click'],
-    placement: (popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.placement) || 'topLeft',
-    getPopupContainer: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.getPopupContainer,
-    getTooltipContainer: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.getTooltipContainer,
+    trigger: popoverProps?.trigger || ['click'],
+    placement: popoverProps?.placement || 'topLeft',
+    getPopupContainer: popoverProps?.getPopupContainer,
+    getTooltipContainer: popoverProps?.getTooltipContainer,
     content: wrapSSR( /*#__PURE__*/_jsx("div", {
-      className: "".concat(prefixCls, "-form-item ").concat(hashId, " ").concat(token.hashId).trim(),
+      className: `${prefixCls}-form-item ${hashId} ${token.hashId}`.trim(),
       style: {
         margin: 0,
         padding: 0
       },
       children: /*#__PURE__*/_jsxs("div", {
-        className: "".concat(prefixCls, "-form-item-with-help ").concat(hashId, " ").concat(token.hashId).trim(),
+        className: `${prefixCls}-form-item-with-help ${hashId} ${token.hashId}`.trim(),
         children: [loading ? /*#__PURE__*/_jsx(LoadingOutlined, {}) : null, errorList]
       })
-    }))
-  }, popoverProps), {}, {
+    })),
+    ...popoverProps,
     children: /*#__PURE__*/_jsxs(_Fragment, {
       children: [input, extra]
     })
-  }), "popover");
+  }, "popover");
 };
-var InternalFormItemFunction = function InternalFormItemFunction(_ref2) {
-  var rules = _ref2.rules,
-    name = _ref2.name,
-    children = _ref2.children,
-    popoverProps = _ref2.popoverProps,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({
+const InternalFormItemFunction = ({
+  rules,
+  name,
+  children,
+  popoverProps,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(Form.Item, {
     name: name,
     rules: rules,
     hasFeedback: false,
-    shouldUpdate: function shouldUpdate(prev, next) {
+    shouldUpdate: (prev, next) => {
       if (prev === next) return false;
-      var shouldName = [name].flat(1);
+      const shouldName = [name].flat(1);
       if (shouldName.length > 1) {
         shouldName.pop();
       }
@@ -97,39 +90,43 @@ var InternalFormItemFunction = function InternalFormItemFunction(_ref2) {
     ,
     _internalItemRender: {
       mark: 'pro_table_render',
-      render: function render(inputProps, doms) {
-        return /*#__PURE__*/_jsx(InlineErrorFormItemPopover, _objectSpread({
-          inputProps: inputProps,
-          popoverProps: popoverProps
-        }, doms));
-      }
-    }
-  }, rest), {}, {
-    style: _objectSpread(_objectSpread({}, FIX_INLINE_STYLE), rest === null || rest === void 0 ? void 0 : rest.style),
+      render: (inputProps, doms) => /*#__PURE__*/_jsx(InlineErrorFormItemPopover, {
+        inputProps: inputProps,
+        popoverProps: popoverProps,
+        ...doms
+      })
+    },
+    ...rest,
+    style: {
+      ...FIX_INLINE_STYLE,
+      ...rest?.style
+    },
     children: children
-  }));
+  });
 };
-export var InlineErrorFormItem = function InlineErrorFormItem(props) {
-  var errorType = props.errorType,
-    rules = props.rules,
-    name = props.name,
-    popoverProps = props.popoverProps,
-    children = props.children,
-    rest = _objectWithoutProperties(props, _excluded2);
-  if (name && rules !== null && rules !== void 0 && rules.length && errorType === 'popover') {
-    return /*#__PURE__*/_jsx(InternalFormItemFunction, _objectSpread(_objectSpread({
+export const InlineErrorFormItem = props => {
+  const {
+    errorType,
+    rules,
+    name,
+    popoverProps,
+    children,
+    ...rest
+  } = props;
+  if (name && rules?.length && errorType === 'popover') {
+    return /*#__PURE__*/_jsx(InternalFormItemFunction, {
       name: name,
       rules: rules,
-      popoverProps: popoverProps
-    }, rest), {}, {
+      popoverProps: popoverProps,
+      ...rest,
       children: children
-    }));
+    });
   }
-  return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Form.Item, {
     rules: rules,
-    shouldUpdate: name ? function (prev, next) {
+    shouldUpdate: name ? (prev, next) => {
       if (prev === next) return false;
-      var shouldName = [name].flat(1);
+      const shouldName = [name].flat(1);
       if (shouldName.length > 1) {
         shouldName.pop();
       }
@@ -138,10 +135,13 @@ export var InlineErrorFormItem = function InlineErrorFormItem(props) {
       } catch (error) {
         return true;
       }
-    } : undefined
-  }, rest), {}, {
-    style: _objectSpread(_objectSpread({}, FIX_INLINE_STYLE), rest.style),
+    } : undefined,
+    ...rest,
+    style: {
+      ...FIX_INLINE_STYLE,
+      ...rest.style
+    },
     name: name,
     children: children
-  }));
+  });
 };

package/es/utils/components/InlineErrorFormItem/style.js

@@ -1,63 +1,70 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genProStyle = function genProStyle(token) {
-  var progressBgCls = "".concat(token.antCls, "-progress-bg");
-  return _defineProperty({}, token.componentCls, {
-    '&-multiple': {
-      paddingBlockStart: 6,
-      paddingBlockEnd: 12,
-      paddingInline: 8
-    },
-    '&-progress': {
-      '&-success': _defineProperty({}, progressBgCls, {
-        backgroundColor: token.colorSuccess
-      }),
-      '&-error': _defineProperty({}, progressBgCls, {
-        backgroundColor: token.colorError
-      }),
-      '&-warning': _defineProperty({}, progressBgCls, {
-        backgroundColor: token.colorWarning
-      })
-    },
-    '&-rule': {
-      display: 'flex',
-      alignItems: 'center',
-      '&-icon': {
-        '&-default': {
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          width: '14px',
-          height: '22px',
-          '&-circle': {
-            width: '6px',
-            height: '6px',
-            backgroundColor: token.colorTextSecondary,
-            borderRadius: '4px'
+const genProStyle = token => {
+  const progressBgCls = `${token.antCls}-progress-bg`;
+  return {
+    [token.componentCls]: {
+      '&-multiple': {
+        paddingBlockStart: 6,
+        paddingBlockEnd: 12,
+        paddingInline: 8
+      },
+      '&-progress': {
+        '&-success': {
+          [progressBgCls]: {
+            backgroundColor: token.colorSuccess
           }
         },
-        '&-loading': {
-          color: token.colorPrimary
-        },
         '&-error': {
-          color: token.colorError
+          [progressBgCls]: {
+            backgroundColor: token.colorError
+          }
         },
-        '&-success': {
-          color: token.colorSuccess
+        '&-warning': {
+          [progressBgCls]: {
+            backgroundColor: token.colorWarning
+          }
         }
       },
-      '&-text': {
-        color: token.colorText
+      '&-rule': {
+        display: 'flex',
+        alignItems: 'center',
+        '&-icon': {
+          '&-default': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '14px',
+            height: '22px',
+            '&-circle': {
+              width: '6px',
+              height: '6px',
+              backgroundColor: token.colorTextSecondary,
+              borderRadius: '4px'
+            }
+          },
+          '&-loading': {
+            color: token.colorPrimary
+          },
+          '&-error': {
+            color: token.colorError
+          },
+          '&-success': {
+            color: token.colorSuccess
+          }
+        },
+        '&-text': {
+          color: token.colorText
+        }
       }
     }
-  });
+  };
 };
 export function useStyle(prefixCls) {
-  return useAntdStyle('InlineErrorFormItem', function (token) {
-    var proToken = _objectSpread(_objectSpread({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
+  return useAntdStyle('InlineErrorFormItem', token => {
+    const proToken = {
+      ...token,
+      componentCls: `.${prefixCls}`
+    };
     return [genProStyle(proToken)];
   });
 }

package/es/utils/components/LabelIconTip/index.js

@@ -1,8 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { InfoCircleOutlined } from '@ant-design/icons';
 import { ConfigProvider, Tooltip } from 'antd';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import React, { useContext } from 'react';
 import { useStyle } from "./style";
 
@@ -14,48 +12,49 @@ import { useStyle } from "./style";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var LabelIconTip = /*#__PURE__*/React.memo(function (props) {
-  var label = props.label,
-    tooltip = props.tooltip,
-    ellipsis = props.ellipsis,
-    subTitle = props.subTitle;
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var className = getPrefixCls('pro-core-label-tip');
-  var _useStyle = useStyle(className),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
+export const LabelIconTip = /*#__PURE__*/React.memo(props => {
+  const {
+    label,
+    tooltip,
+    ellipsis,
+    subTitle
+  } = props;
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const className = getPrefixCls('pro-core-label-tip');
+  const {
+    wrapSSR,
+    hashId
+  } = useStyle(className);
   if (!tooltip && !subTitle) {
     return /*#__PURE__*/_jsx(_Fragment, {
       children: label
     });
   }
-  var tooltipProps = typeof tooltip === 'string' || /*#__PURE__*/React.isValidElement(tooltip) ? {
+  const tooltipProps = typeof tooltip === 'string' || /*#__PURE__*/React.isValidElement(tooltip) ? {
     title: tooltip
   } : tooltip;
-  var icon = (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.icon) || /*#__PURE__*/_jsx(InfoCircleOutlined, {});
+  const icon = tooltipProps?.icon || /*#__PURE__*/_jsx(InfoCircleOutlined, {});
   return wrapSSR( /*#__PURE__*/_jsxs("div", {
-    className: classNames(className, hashId),
-    onMouseDown: function onMouseDown(e) {
-      return e.stopPropagation();
-    },
-    onMouseLeave: function onMouseLeave(e) {
-      return e.stopPropagation();
-    },
-    onMouseMove: function onMouseMove(e) {
-      return e.stopPropagation();
-    },
+    className: clsx(className, hashId),
+    onMouseDown: e => e.stopPropagation(),
+    onMouseLeave: e => e.stopPropagation(),
+    onMouseMove: e => e.stopPropagation(),
     children: [/*#__PURE__*/_jsx("div", {
-      className: classNames("".concat(className, "-title"), hashId, _defineProperty({}, "".concat(className, "-title-ellipsis"), ellipsis)),
+      className: clsx(`${className}-title`, hashId, {
+        [`${className}-title-ellipsis`]: ellipsis
+      }),
       children: label
     }), subTitle && /*#__PURE__*/_jsx("div", {
-      className: "".concat(className, "-subtitle ").concat(hashId).trim(),
+      className: `${className}-subtitle ${hashId}`.trim(),
       children: subTitle
-    }), tooltip && /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
+    }), tooltip && /*#__PURE__*/_jsx(Tooltip, {
+      ...tooltipProps,
       children: /*#__PURE__*/_jsx("span", {
-        className: "".concat(className, "-icon ").concat(hashId).trim(),
+        className: `${className}-icon ${hashId}`.trim(),
         children: icon
       })
-    }))]
+    })]
   }));
 });

package/es/utils/components/LabelIconTip/style.js

@@ -1,43 +1,44 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genProStyle = function genProStyle(token) {
-  return _defineProperty({}, token.componentCls, {
-    display: 'inline-flex',
-    alignItems: 'center',
-    maxWidth: '100%',
-    '&-icon': {
-      display: 'block',
-      marginInlineStart: '4px',
-      cursor: 'pointer',
-      '&:hover': {
-        color: token.colorPrimary
-      }
-    },
-    '&-title': {
+const genProStyle = token => {
+  return {
+    [token.componentCls]: {
       display: 'inline-flex',
-      flex: '1'
-    },
-    '&-subtitle ': {
-      marginInlineStart: 8,
-      color: token.colorTextSecondary,
-      fontWeight: 'normal',
-      fontSize: token.fontSize,
-      whiteSpace: 'nowrap'
-    },
-    '&-title-ellipsis': {
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis',
-      wordBreak: 'keep-all'
+      alignItems: 'center',
+      maxWidth: '100%',
+      '&-icon': {
+        display: 'block',
+        marginInlineStart: '4px',
+        cursor: 'pointer',
+        '&:hover': {
+          color: token.colorPrimary
+        }
+      },
+      '&-title': {
+        display: 'inline-flex',
+        flex: '1'
+      },
+      '&-subtitle ': {
+        marginInlineStart: 8,
+        color: token.colorTextSecondary,
+        fontWeight: 'normal',
+        fontSize: token.fontSize,
+        whiteSpace: 'nowrap'
+      },
+      '&-title-ellipsis': {
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        wordBreak: 'keep-all'
+      }
     }
-  });
+  };
 };
 export function useStyle(prefixCls) {
-  return useAntdStyle('LabelIconTip', function (token) {
-    var proToken = _objectSpread(_objectSpread({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
+  return useAntdStyle('LabelIconTip', token => {
+    const proToken = {
+      ...token,
+      componentCls: `.${prefixCls}`
+    };
     return [genProStyle(proToken)];
   });
 }

package/es/utils/components/ProFormContext/index.js

@@ -1,2 +1,2 @@
 import React from 'react';
-export var ProFormContext = /*#__PURE__*/React.createContext({});
+export const ProFormContext = /*#__PURE__*/React.createContext({});

package/es/utils/conversionMomentValue/index.js

@@ -1,10 +1,9 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import { get } from '@rc-component/util';
 import dayjs from 'dayjs';
 import quarterOfYear from 'dayjs/plugin/quarterOfYear';
 import { isNil } from "../isNil";
 dayjs.extend(quarterOfYear);
-export var dateFormatterMap = {
+export const dateFormatterMap = {
   time: 'HH:mm:ss',
   timeRange: 'HH:mm:ss',
   date: 'YYYY-MM-DD',
@@ -33,11 +32,11 @@ export function isPlainObject(o) {
   if (isObject(o) === false) return false;
 
   // If has modified constructor
-  var ctor = o.constructor;
+  const ctor = o.constructor;
   if (ctor === undefined) return true;
 
   // If has modified prototype
-  var prot = ctor.prototype;
+  const prot = ctor.prototype;
   if (isObject(prot) === false) return false;
 
   // If constructor does not have an Object-specific method
@@ -54,9 +53,7 @@ export function isPlainObject(o) {
  * @param  {any} value
  * @returns boolean
  */
-var isMoment = function isMoment(value) {
-  return !!(value !== null && value !== void 0 && value._isAMomentObject);
-};
+const isMoment = value => !!value?._isAMomentObject;
 
 /**
  * 根据不同的格式转化 dayjs
@@ -64,7 +61,7 @@ var isMoment = function isMoment(value) {
  * @param  {string|((value:dayjs.Dayjs} dateFormatter
  * @param  {string} valueType
  */
-export var convertMoment = function convertMoment(value, dateFormatter, valueType) {
+export const convertMoment = (value, dateFormatter, valueType) => {
   if (!dateFormatter) {
     return value;
   }
@@ -94,26 +91,26 @@ export var convertMoment = function convertMoment(value, dateFormatter, valueTyp
  * @param  {boolean} omitNil?
  * @param  {NamePath} parentKey?
  */
-export var conversionMomentValue = function conversionMomentValue(value, dateFormatter, valueTypeMap, omitNil, parentKey) {
-  var tmpValue = {};
+export const conversionMomentValue = (value, dateFormatter, valueTypeMap, omitNil, parentKey) => {
+  const tmpValue = {};
   if (typeof window === 'undefined') return value;
   // 如果 value 是 string | null | Blob类型 其中之一，直接返回
   // 形如 {key: [File, File]} 的表单字段当进行第二次递归时会导致其直接越过 typeof value !== 'object' 这一判断 https://github.com/ant-design/pro-components/issues/2071
-  if (_typeof(value) !== 'object' || isNil(value) || value instanceof Blob || Array.isArray(value)) {
+  if (typeof value !== 'object' || isNil(value) || value instanceof Blob || Array.isArray(value)) {
     return value;
   }
-  Object.keys(value).forEach(function (valueKey) {
-    var namePath = parentKey ? [parentKey, valueKey].flat(1) : [valueKey];
-    var valueFormatMap = get(valueTypeMap, namePath) || 'text';
-    var valueType = 'text';
-    var dateFormat;
+  Object.keys(value).forEach(valueKey => {
+    const namePath = parentKey ? [parentKey, valueKey].flat(1) : [valueKey];
+    const valueFormatMap = get(valueTypeMap, namePath) || 'text';
+    let valueType = 'text';
+    let dateFormat;
     if (typeof valueFormatMap === 'string') {
       valueType = valueFormatMap;
     } else if (valueFormatMap) {
       valueType = valueFormatMap.valueType;
       dateFormat = valueFormatMap.dateFormat;
     }
-    var itemValue = value[valueKey];
+    const itemValue = value[valueKey];
     if (isNil(itemValue) && omitNil) {
       return;
     }
@@ -132,8 +129,8 @@ export var conversionMomentValue = function conversionMomentValue(value, dateFor
       tmpValue[valueKey] = conversionMomentValue(itemValue, dateFormatter, valueTypeMap, omitNil, namePath);
       return;
     }
-    var currentDateFormatter = dateFormatter !== null && dateFormatter !== void 0 ? dateFormatter : 'string';
-    var finalDateFormatter;
+    const currentDateFormatter = dateFormatter ?? 'string';
+    let finalDateFormatter;
     if (currentDateFormatter === 'number' || currentDateFormatter === false || typeof currentDateFormatter === 'function') {
       finalDateFormatter = currentDateFormatter;
     } else if (currentDateFormatter === 'string') {
@@ -144,13 +141,13 @@ export var conversionMomentValue = function conversionMomentValue(value, dateFor
     }
     // 处理 FormList 的 value
     if (Array.isArray(itemValue)) {
-      tmpValue[valueKey] = itemValue.map(function (arrayValue, index) {
+      tmpValue[valueKey] = itemValue.map((arrayValue, index) => {
         if (dayjs.isDayjs(arrayValue) || isMoment(arrayValue)) {
           // For arrays, if no format is defined and dateFormatter is 'string', use 'string' with default format
-          var arrayDateFormatter = finalDateFormatter === undefined && currentDateFormatter === 'string' ? 'string' : finalDateFormatter;
+          const arrayDateFormatter = finalDateFormatter === undefined && currentDateFormatter === 'string' ? 'string' : finalDateFormatter;
           return convertMoment(arrayValue, arrayDateFormatter, valueType);
         }
-        return conversionMomentValue(arrayValue, dateFormatter, valueTypeMap, omitNil, [valueKey, "".concat(index)].flat(1));
+        return conversionMomentValue(arrayValue, dateFormatter, valueTypeMap, omitNil, [valueKey, `${index}`].flat(1));
       });
       return;
     }