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

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

@@ -1,95 +1,87 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineErrorFormItem = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _icons = require("@ant-design/icons");
 var _util = require("@rc-component/util");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _style = require("./style");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["rules", "name", "children", "popoverProps"],
-  _excluded2 = ["errorType", "rules", "name", "popoverProps", "children"];
-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 = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    errorStringList = _useState4[0],
-    setErrorList = _useState4[1];
-  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls();
-  var token = _antd.theme.useToken();
-  var _useStyle = (0, _style.useStyle)("".concat(prefixCls, "-form-item-with-help")),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  (0, _react.useEffect)(function () {
+const InlineErrorFormItemPopover = ({
+  inputProps,
+  input,
+  extra,
+  errorList,
+  popoverProps
+}) => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [errorStringList, setErrorList] = (0, _react.useState)([]);
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls();
+  const token = _antd.theme.useToken();
+  const {
+    wrapSSR,
+    hashId
+  } = (0, _style.useStyle)(`${prefixCls}-form-item-with-help`);
+  (0, _react.useEffect)(() => {
     if (inputProps.validateStatus !== 'validating') {
       setErrorList(inputProps.errors);
     }
   }, [inputProps.errors, inputProps.validateStatus]);
-  var loading = inputProps.validateStatus === 'validating';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  const loading = inputProps.validateStatus === 'validating';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}) : null, errorList]
       })
-    }))
-  }, popoverProps), {}, {
+    })),
+    ...popoverProps,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.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 = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+const InternalFormItemFunction = ({
+  rules,
+  name,
+  children,
+  popoverProps,
+  ...rest
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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();
       }
@@ -103,39 +95,43 @@ var InternalFormItemFunction = function InternalFormItemFunction(_ref2) {
     ,
     _internalItemRender: {
       mark: 'pro_table_render',
-      render: function render(inputProps, doms) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(InlineErrorFormItemPopover, (0, _objectSpread2.default)({
-          inputProps: inputProps,
-          popoverProps: popoverProps
-        }, doms));
-      }
-    }
-  }, rest), {}, {
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, FIX_INLINE_STYLE), rest === null || rest === void 0 ? void 0 : rest.style),
+      render: (inputProps, doms) => /*#__PURE__*/(0, _jsxRuntime.jsx)(InlineErrorFormItemPopover, {
+        inputProps: inputProps,
+        popoverProps: popoverProps,
+        ...doms
+      })
+    },
+    ...rest,
+    style: {
+      ...FIX_INLINE_STYLE,
+      ...rest?.style
+    },
     children: children
-  }));
+  });
 };
-var InlineErrorFormItem = exports.InlineErrorFormItem = function InlineErrorFormItem(props) {
-  var errorType = props.errorType,
-    rules = props.rules,
-    name = props.name,
-    popoverProps = props.popoverProps,
-    children = props.children,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded2);
-  if (name && rules !== null && rules !== void 0 && rules.length && errorType === 'popover') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalFormItemFunction, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+const InlineErrorFormItem = props => {
+  const {
+    errorType,
+    rules,
+    name,
+    popoverProps,
+    children,
+    ...rest
+  } = props;
+  if (name && rules?.length && errorType === 'popover') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(InternalFormItemFunction, {
       name: name,
       rules: rules,
-      popoverProps: popoverProps
-    }, rest), {}, {
+      popoverProps: popoverProps,
+      ...rest,
       children: children
-    }));
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.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();
       }
@@ -144,10 +140,14 @@ var InlineErrorFormItem = exports.InlineErrorFormItem = function InlineErrorForm
       } catch (error) {
         return true;
       }
-    } : undefined
-  }, rest), {}, {
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, FIX_INLINE_STYLE), rest.style),
+    } : undefined,
+    ...rest,
+    style: {
+      ...FIX_INLINE_STYLE,
+      ...rest.style
+    },
     name: name,
     children: children
-  }));
-};
+  });
+};
+exports.InlineErrorFormItem = InlineErrorFormItem;

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

@@ -1,70 +1,76 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyle = useStyle;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _provider = require("../../../provider");
-var genProStyle = function genProStyle(token) {
-  var progressBgCls = "".concat(token.antCls, "-progress-bg");
-  return (0, _defineProperty2.default)({}, token.componentCls, {
-    '&-multiple': {
-      paddingBlockStart: 6,
-      paddingBlockEnd: 12,
-      paddingInline: 8
-    },
-    '&-progress': {
-      '&-success': (0, _defineProperty2.default)({}, progressBgCls, {
-        backgroundColor: token.colorSuccess
-      }),
-      '&-error': (0, _defineProperty2.default)({}, progressBgCls, {
-        backgroundColor: token.colorError
-      }),
-      '&-warning': (0, _defineProperty2.default)({}, 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
+        }
       }
     }
-  });
+  };
 };
 function useStyle(prefixCls) {
-  return (0, _provider.useStyle)('InlineErrorFormItem', function (token) {
-    var proToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
+  return (0, _provider.useStyle)('InlineErrorFormItem', token => {
+    const proToken = {
+      ...token,
+      componentCls: `.${prefixCls}`
+    };
     return [genProStyle(proToken)];
   });
 }

package/lib/utils/components/LabelIconTip/index.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.LabelIconTip = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _style = require("./style");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -19,48 +16,49 @@ var _jsxRuntime = require("react/jsx-runtime");
  *
  * @param props
  */
-var LabelIconTip = exports.LabelIconTip = /*#__PURE__*/_react.default.memo(function (props) {
-  var label = props.label,
-    tooltip = props.tooltip,
-    ellipsis = props.ellipsis,
-    subTitle = props.subTitle;
-  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var className = getPrefixCls('pro-core-label-tip');
-  var _useStyle = (0, _style.useStyle)(className),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
+const LabelIconTip = exports.LabelIconTip = /*#__PURE__*/_react.default.memo(props => {
+  const {
+    label,
+    tooltip,
+    ellipsis,
+    subTitle
+  } = props;
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const className = getPrefixCls('pro-core-label-tip');
+  const {
+    wrapSSR,
+    hashId
+  } = (0, _style.useStyle)(className);
   if (!tooltip && !subTitle) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: label
     });
   }
-  var tooltipProps = typeof tooltip === 'string' || /*#__PURE__*/_react.default.isValidElement(tooltip) ? {
+  const tooltipProps = typeof tooltip === 'string' || /*#__PURE__*/_react.default.isValidElement(tooltip) ? {
     title: tooltip
   } : tooltip;
-  var icon = (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.icon) || /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InfoCircleOutlined, {});
+  const icon = tooltipProps?.icon || /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InfoCircleOutlined, {});
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)(className, hashId),
-    onMouseDown: function onMouseDown(e) {
-      return e.stopPropagation();
-    },
-    onMouseLeave: function onMouseLeave(e) {
-      return e.stopPropagation();
-    },
-    onMouseMove: function onMouseMove(e) {
-      return e.stopPropagation();
-    },
+    className: (0, _clsx.clsx)(className, hashId),
+    onMouseDown: e => e.stopPropagation(),
+    onMouseLeave: e => e.stopPropagation(),
+    onMouseMove: e => e.stopPropagation(),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)("".concat(className, "-title"), hashId, (0, _defineProperty2.default)({}, "".concat(className, "-title-ellipsis"), ellipsis)),
+      className: (0, _clsx.clsx)(`${className}-title`, hashId, {
+        [`${className}-title-ellipsis`]: ellipsis
+      }),
       children: label
     }), subTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(className, "-subtitle ").concat(hashId).trim(),
+      className: `${className}-subtitle ${hashId}`.trim(),
       children: subTitle
-    }), tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tooltipProps), {}, {
+    }), tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      ...tooltipProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "".concat(className, "-icon ").concat(hashId).trim(),
+        className: `${className}-icon ${hashId}`.trim(),
         children: icon
       })
-    }))]
+    })]
   }));
 });

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

@@ -1,50 +1,50 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyle = useStyle;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _provider = require("../../../provider");
-var genProStyle = function genProStyle(token) {
-  return (0, _defineProperty2.default)({}, 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'
+      }
     }
-  });
+  };
 };
 function useStyle(prefixCls) {
-  return (0, _provider.useStyle)('LabelIconTip', function (token) {
-    var proToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
+  return (0, _provider.useStyle)('LabelIconTip', token => {
+    const proToken = {
+      ...token,
+      componentCls: `.${prefixCls}`
+    };
     return [genProStyle(proToken)];
   });
 }

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

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ProFormContext = void 0;
 var _react = _interopRequireDefault(require("react"));
-var ProFormContext = exports.ProFormContext = /*#__PURE__*/_react.default.createContext({});
+const ProFormContext = exports.ProFormContext = /*#__PURE__*/_react.default.createContext({});