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

package/lib/table/utils/useDragSort.js

@@ -1,14 +1,10 @@
 "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.useDragSort = useDragSort;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _core = require("@dnd-kit/core");
 var _modifiers = require("@dnd-kit/modifiers");
 var _sortable = require("@dnd-kit/sortable");
@@ -16,9 +12,7 @@ var _utilities = require("@dnd-kit/utilities");
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["DragHandle", "dragSortKey"],
-  _excluded2 = ["dragSortKey"];
-var SortableItemContextValue = /*#__PURE__*/(0, _react.createContext)({
+const SortableItemContextValue = /*#__PURE__*/(0, _react.createContext)({
   handle: null
 });
 
@@ -29,33 +23,38 @@ var SortableItemContextValue = /*#__PURE__*/(0, _react.createContext)({
  * @param props
  * @returns
  */
-var SortableRow = function SortableRow(props) {
-  var _useSortable = (0, _sortable.useSortable)({
-      id: props.id
-    }),
-    attributes = _useSortable.attributes,
-    listeners = _useSortable.listeners,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition;
-  var style = (0, _objectSpread2.default)({
+const SortableRow = props => {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = (0, _sortable.useSortable)({
+    id: props.id
+  });
+  const style = {
     transform: _utilities.CSS.Transform.toString(transform),
-    transition: transition
-  }, props === null || props === void 0 ? void 0 : props.style);
-  var DragHandle = props.DragHandle,
-    dragSortKey = props.dragSortKey,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    transition,
+    ...props?.style
+  };
+  const {
+    DragHandle,
+    dragSortKey,
+    ...rest
+  } = props;
   if (dragSortKey) {
-    var doms = [];
-    _react.default.Children.forEach(rest.children, function (child, index) {
+    const doms = [];
+    _react.default.Children.forEach(rest.children, (child, index) => {
       if (child.key === dragSortKey) {
-        var _child$props, _child$props2;
         doms.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(SortableItemContextValue.Provider, {
           value: {
-            handle: /*#__PURE__*/(0, _jsxRuntime.jsx)(DragHandle, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-              rowData: child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.record,
-              index: child === null || child === void 0 || (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.index
-            }, listeners), attributes))
+            handle: /*#__PURE__*/(0, _jsxRuntime.jsx)(DragHandle, {
+              rowData: child?.props?.record,
+              index: child?.props?.index,
+              ...listeners,
+              ...attributes
+            })
           },
           children: child
         }, child.key || index));
@@ -63,28 +62,36 @@ var SortableRow = function SortableRow(props) {
       }
       doms.push(child);
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      ...rest,
       ref: setNodeRef,
       style: style,
       children: doms
-    }));
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+    ...rest,
     ref: setNodeRef,
-    style: style
-  }, attributes), listeners));
+    style: style,
+    ...attributes,
+    ...listeners
+  });
 };
 
 /**
  * 拖拽排序表格的 cell，用与判断要不要展示 handle
  */
-var SortableItemCell = /*#__PURE__*/_react.default.memo(function (props) {
-  var dragSortKey = props.dragSortKey,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded2);
-  var _useContext = (0, _react.useContext)(SortableItemContextValue),
-    handle = _useContext.handle;
+const SortableItemCell = /*#__PURE__*/_react.default.memo(props => {
+  const {
+    dragSortKey,
+    ...rest
+  } = props;
+  const {
+    handle
+  } = (0, _react.useContext)(SortableItemContextValue);
   if (handle) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      ...rest,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         style: {
           display: 'flex',
@@ -92,74 +99,73 @@ var SortableItemCell = /*#__PURE__*/_react.default.memo(function (props) {
         },
         children: [handle, " ", rest.children]
       })
-    }));
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", (0, _objectSpread2.default)({}, rest));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+    ...rest
+  });
+});
+const SortContainer = p => /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+  ...p
 });
-var SortContainer = function SortContainer(p) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", (0, _objectSpread2.default)({}, p));
-};
 function useDragSort(props) {
-  var _props$dataSource = props.dataSource,
-    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
-    onDragSortEnd = props.onDragSortEnd,
-    DragHandle = props.DragHandle,
-    dragSortKey = props.dragSortKey;
-  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.MouseSensor));
-  var handleDragEnd = (0, _react.useCallback)(function (event) {
-    var _over$id;
-    var active = event.active,
-      over = event.over;
-    if (over !== null && over !== void 0 && (_over$id = over.id) !== null && _over$id !== void 0 && _over$id.toString() && active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
-      var newData = (0, _sortable.arrayMove)(dataSource || [], parseInt(active.id), parseInt(over.id));
-      onDragSortEnd === null || onDragSortEnd === void 0 || onDragSortEnd(parseInt(active.id), parseInt(over.id), newData || []);
+  const {
+    dataSource = [],
+    onDragSortEnd,
+    DragHandle,
+    dragSortKey
+  } = props;
+  const sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.MouseSensor));
+  const handleDragEnd = (0, _react.useCallback)(event => {
+    const {
+      active,
+      over
+    } = event;
+    if (over?.id?.toString() && active.id !== over?.id) {
+      const newData = (0, _sortable.arrayMove)(dataSource || [], parseInt(active.id), parseInt(over.id));
+      onDragSortEnd?.(parseInt(active.id), parseInt(over.id), newData || []);
     }
   }, [dataSource, onDragSortEnd]);
-  var DraggableContainer = (0, _utils.useRefFunction)(function (p) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
-      items: dataSource.map(function (_, index) {
-        return index === null || index === void 0 ? void 0 : index.toString();
-      }),
-      strategy: _sortable.verticalListSortingStrategy,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SortContainer, (0, _objectSpread2.default)({}, p))
-    });
-  });
-  var DraggableBodyRow = (0, _utils.useRefFunction)(function (p) {
-    var _dataSource$findIndex;
-    var restProps = Object.assign({}, ((0, _objectDestructuringEmpty2.default)(p), p));
+  const DraggableContainer = (0, _utils.useRefFunction)(p => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
+    items: dataSource.map((_, index) => index?.toString()),
+    strategy: _sortable.verticalListSortingStrategy,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SortContainer, {
+      ...p
+    })
+  }));
+  const DraggableBodyRow = (0, _utils.useRefFunction)(p => {
+    const {
+      ...restProps
+    } = p;
     // function findIndex base on Table rowKey props and should always be a right array index
-    var index = (_dataSource$findIndex = dataSource.findIndex(function (item) {
-      var _props$rowKey;
-      return item[(_props$rowKey = props.rowKey) !== null && _props$rowKey !== void 0 ? _props$rowKey : 'index'] === restProps['data-row-key'];
-    })) === null || _dataSource$findIndex === void 0 ? void 0 : _dataSource$findIndex.toString();
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SortableRow, (0, _objectSpread2.default)({
+    const index = dataSource.findIndex(item => item[props.rowKey ?? 'index'] === restProps['data-row-key'])?.toString();
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SortableRow, {
       id: index,
       dragSortKey: dragSortKey,
-      DragHandle: DragHandle
-    }, restProps), index);
+      DragHandle: DragHandle,
+      ...restProps
+    }, index);
   });
-  var components = props.components || {};
+  const components = props.components || {};
   if (dragSortKey) {
-    var _props$components;
-    components.body = (0, _objectSpread2.default)({
+    components.body = {
       wrapper: DraggableContainer,
       row: DraggableBodyRow,
-      cell: SortableItemCell
-    }, ((_props$components = props.components) === null || _props$components === void 0 ? void 0 : _props$components.body) || {});
-  }
-  var memoDndContext = (0, _react.useMemo)(function () {
-    return function (contextProps) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.DndContext, {
-        modifiers: [_modifiers.restrictToVerticalAxis],
-        sensors: sensors,
-        collisionDetection: _core.rectIntersection,
-        onDragEnd: handleDragEnd,
-        children: contextProps.children
-      });
+      cell: SortableItemCell,
+      ...(props.components?.body || {})
     };
+  }
+  const memoDndContext = (0, _react.useMemo)(() => contextProps => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.DndContext, {
+      modifiers: [_modifiers.restrictToVerticalAxis],
+      sensors: sensors,
+      collisionDetection: _core.rectIntersection,
+      onDragEnd: handleDragEnd,
+      children: contextProps.children
+    });
   }, [handleDragEnd, sensors]);
   return {
     DndContext: memoDndContext,
-    components: components
+    components
   };
 }

package/lib/table/utils/usePageInfo.d.ts

@@ -0,0 +1,6 @@
+import type { PageInfo, UseFetchProps } from '../typing';
+/**
+ * 专门用于处理分页信息更新的 Hook
+ * 解决了 total 缺失导致的死循环问题
+ */
+export declare function usePageInfo(options: UseFetchProps): readonly [PageInfo, (changePageInfo: Partial<PageInfo>) => void];

package/lib/table/utils/usePageInfo.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePageInfo = usePageInfo;
+var _util = require("@rc-component/util");
+var _react = require("react");
+var _utils = require("../../utils");
+/**
+ * 组合用户的配置和默认值
+ *
+ * @param param0
+ */
+const mergeOptionAndPageInfo = ({
+  pageInfo
+}) => {
+  if (pageInfo) {
+    const {
+      current,
+      defaultCurrent,
+      pageSize,
+      defaultPageSize
+    } = pageInfo;
+    return {
+      current: current || defaultCurrent || 1,
+      total: 0,
+      pageSize: pageSize || defaultPageSize || 20
+    };
+  }
+  return {
+    current: 1,
+    total: 0,
+    pageSize: 20
+  };
+};
+
+/**
+ * 专门用于处理分页信息更新的 Hook
+ * 解决了 total 缺失导致的死循环问题
+ */
+function usePageInfo(options) {
+  const [pageInfo, setPageInfoStateInner] = (0, _util.useControlledState)(() => mergeOptionAndPageInfo(options), undefined);
+  const setPageInfoState = (0, _react.useCallback)(updater => {
+    setPageInfoStateInner(prev => {
+      const next = typeof updater === 'function' ? updater(prev) : updater;
+      options?.onPageInfoChange?.(next);
+      return next;
+    });
+  }, [options?.onPageInfoChange]);
+  const setPageInfo = (0, _utils.useRefFunction)(changePageInfo => {
+    const newPageInfo = {
+      ...pageInfo,
+      ...changePageInfo
+    };
+    if (newPageInfo.current !== pageInfo.current || newPageInfo.pageSize !== pageInfo.pageSize || newPageInfo.total !== pageInfo.total) {
+      setPageInfoState(newPageInfo);
+    }
+  });
+  return [pageInfo, setPageInfo];
+}

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

@@ -1,37 +1,40 @@
 "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.DropdownFooter = void 0;
 var _antd = require("antd");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
 var _style = require("./style");
 var _jsxRuntime = require("react/jsx-runtime");
-var DropdownFooter = exports.DropdownFooter = function DropdownFooter(props) {
-  var intl = (0, _provider.useIntl)();
-  var onClear = props.onClear,
-    onConfirm = props.onConfirm,
-    disabled = props.disabled,
-    footerRender = props.footerRender;
-  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('pro-core-dropdown-footer');
-  var _useStyle = (0, _style.useStyle)(prefixCls),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var defaultFooter = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+const DropdownFooter = props => {
+  const intl = (0, _provider.useIntl)();
+  const {
+    onClear,
+    onConfirm,
+    disabled,
+    footerRender
+  } = props;
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('pro-core-dropdown-footer');
+  const {
+    wrapSSR,
+    hashId
+  } = (0, _style.useStyle)(prefixCls);
+  const defaultFooter = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
     style: {
       visibility: onClear ? 'visible' : 'hidden'
     },
     type: "link",
     size: "small",
     disabled: disabled,
-    onClick: function onClick(e) {
+    onClick: e => {
       if (onClear) {
         onClear(e);
       }
@@ -46,15 +49,14 @@ var DropdownFooter = exports.DropdownFooter = function DropdownFooter(props) {
     disabled: disabled,
     children: intl.getMessage('form.lightFilter.confirm', '确认')
   }, "confirm")];
-  if (footerRender === false || (footerRender === null || footerRender === void 0 ? void 0 : footerRender(onConfirm, onClear)) === false) {
+  if (footerRender === false || footerRender?.(onConfirm, onClear) === false) {
     return null;
   }
-  var renderDom = (footerRender === null || footerRender === void 0 ? void 0 : footerRender(onConfirm, onClear)) || defaultFooter;
+  const renderDom = footerRender?.(onConfirm, onClear) || defaultFooter;
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)(prefixCls, hashId),
-    onClick: function onClick(e) {
-      return e.target.getAttribute('data-type') !== 'confirm' && e.stopPropagation();
-    },
+    className: (0, _clsx.clsx)(prefixCls, hashId),
+    onClick: e => e.target.getAttribute('data-type') !== 'confirm' && e.stopPropagation(),
     children: renderDom
   }));
-};
+};
+exports.DropdownFooter = DropdownFooter;

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

@@ -1,28 +1,28 @@
 "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: 'flex',
-    justifyContent: 'space-between',
-    paddingBlock: 8,
-    paddingInlineStart: 8,
-    paddingInlineEnd: 8,
-    borderBlockStart: "1px solid ".concat(token.colorSplit)
-  });
+const genProStyle = token => {
+  return {
+    [token.componentCls]: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      paddingBlock: 8,
+      paddingInlineStart: 8,
+      paddingInlineEnd: 8,
+      borderBlockStart: `1px solid ${token.colorSplit}`
+    }
+  };
 };
 function useStyle(prefixCls) {
-  return (0, _provider.useStyle)('DropdownFooter', function (token) {
-    var proToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
+  return (0, _provider.useStyle)('DropdownFooter', token => {
+    const proToken = {
+      ...token,
+      componentCls: `.${prefixCls}`
+    };
     return [genProStyle(proToken)];
   });
 }

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

@@ -5,58 +5,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorBoundary = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _antd = require("antd");
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ErrorBoundary, _React$Component);
-  var _super = (0, _createSuper2.default)(ErrorBoundary);
-  function ErrorBoundary() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ErrorBoundary);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      hasError: false,
-      errorInfo: ''
-    });
-    return _this;
+class ErrorBoundary extends _react.default.Component {
+  state = {
+    hasError: false,
+    errorInfo: ''
+  };
+  static getDerivedStateFromError(error) {
+    console.warn('ErrorBoundary caught an error', error);
+    return {
+      hasError: true,
+      errorInfo: error.message
+    };
   }
-  (0, _createClass2.default)(ErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, errorInfo) {
-      // You can also log the error to an error reporting service
-      // 这里可以添加错误上报逻辑
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (this.state.hasError) {
-        // You can render any custom fallback UI
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Result, {
-          status: "error",
-          title: "Something went wrong.",
-          extra: this.state.errorInfo
-        });
-      }
-      return this.props.children;
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      return {
-        hasError: true,
-        errorInfo: error.message
-      };
+  componentDidCatch(error, errorInfo) {
+    // You can also log the error to an error reporting service
+    // 这里可以添加错误上报逻辑
+    console.warn('ErrorBoundary caught an error', error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      // You can render any custom fallback UI
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Result, {
+        status: "error",
+        title: "Something went wrong.",
+        extra: this.state.errorInfo
+      });
     }
-  }]);
-  return ErrorBoundary;
-}(_react.default.Component);
+    return this.props.children;
+  }
+}
+exports.ErrorBoundary = ErrorBoundary;