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

package/es/skeleton/components/List/index.js

@@ -1,25 +1,26 @@
-import { Card, Divider, Skeleton, Space } from 'antd';
-import useBreakpoint from 'antd/lib/grid/hooks/useBreakpoint';
+import { Card, Divider, Grid, Skeleton, Space } from 'antd';
 import React, { useMemo } from 'react';
-
-/** 一条分割线 */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-export var Line = function Line(_ref) {
-  var padding = _ref.padding;
-  return /*#__PURE__*/_jsx("div", {
+const {
+  useBreakpoint
+} = Grid;
+
+/** 一条分割线 */
+export const Line = ({
+  padding
+}) => /*#__PURE__*/_jsx("div", {
+  style: {
+    padding: padding || '0 24px'
+  },
+  children: /*#__PURE__*/_jsx(Divider, {
     style: {
-      padding: padding || '0 24px'
-    },
-    children: /*#__PURE__*/_jsx(Divider, {
-      style: {
-        margin: 0
-      }
-    })
-  });
-};
-export var MediaQueryKeyEnum = {
+      margin: 0
+    }
+  })
+});
+export const MediaQueryKeyEnum = {
   xs: 2,
   sm: 2,
   md: 4,
@@ -27,25 +28,22 @@ export var MediaQueryKeyEnum = {
   xl: 6,
   xxl: 6
 };
-var StatisticSkeleton = function StatisticSkeleton(_ref2) {
-  var size = _ref2.size,
-    active = _ref2.active;
-  var defaultCol = useMemo(function () {
-    return {
-      lg: true,
-      md: true,
-      sm: false,
-      xl: false,
-      xs: false,
-      xxl: false
-    };
-  }, []);
-  var col = useBreakpoint() || defaultCol;
-  var colSize = Object.keys(col).filter(function (key) {
-    return col[key] === true;
-  })[0] || 'md';
-  var arraySize = size === undefined ? MediaQueryKeyEnum[colSize] || 6 : size;
-  var firstWidth = function firstWidth(index) {
+const StatisticSkeleton = ({
+  size,
+  active
+}) => {
+  const defaultCol = useMemo(() => ({
+    lg: true,
+    md: true,
+    sm: false,
+    xl: false,
+    xs: false,
+    xxl: false
+  }), []);
+  const col = useBreakpoint() || defaultCol;
+  const colSize = Object.keys(col).filter(key => col[key] === true)[0] || 'md';
+  const arraySize = size === undefined ? MediaQueryKeyEnum[colSize] || 6 : size;
+  const firstWidth = index => {
     if (index === 0) {
       return 0;
     }
@@ -65,236 +63,223 @@ var StatisticSkeleton = function StatisticSkeleton(_ref2) {
         justifyContent: 'space-between',
         display: 'flex'
       },
-      children: new Array(arraySize).fill(null).map(function (_, index) {
-        return /*#__PURE__*/_jsxs("div", {
-          style: {
-            borderInlineStart: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
-            paddingInlineStart: firstWidth(index),
-            flex: 1,
-            marginInlineEnd: index === 0 ? 16 : 0
-          },
-          children: [/*#__PURE__*/_jsx(Skeleton, {
-            active: active,
-            paragraph: false,
-            title: {
-              width: 100,
-              style: {
-                marginBlockStart: 0
-              }
-            }
-          }), /*#__PURE__*/_jsx(Skeleton.Button, {
-            active: active,
+      children: new Array(arraySize).fill(null).map((_, index) => /*#__PURE__*/_jsxs("div", {
+        style: {
+          borderInlineStart: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
+          paddingInlineStart: firstWidth(index),
+          flex: 1,
+          marginInlineEnd: index === 0 ? 16 : 0
+        },
+        children: [/*#__PURE__*/_jsx(Skeleton, {
+          active: active,
+          paragraph: false,
+          title: {
+            width: 100,
             style: {
-              height: 48
+              marginBlockStart: 0
             }
-          })]
-        }, index);
-      })
+          }
+        }), /*#__PURE__*/_jsx(Skeleton.Button, {
+          active: active,
+          style: {
+            height: 48
+          }
+        })]
+      }, index))
     })
   });
 };
 
 /** 列表子项目骨架屏 */
-export var ListSkeletonItem = function ListSkeletonItem(_ref3) {
-  var active = _ref3.active;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Card, {
-      variant: "borderless",
+export const ListSkeletonItem = ({
+  active
+}) => /*#__PURE__*/_jsxs(_Fragment, {
+  children: [/*#__PURE__*/_jsx(Card, {
+    variant: "borderless",
+    style: {
+      borderRadius: 0
+    },
+    styles: {
+      body: {
+        padding: 24
+      }
+    },
+    children: /*#__PURE__*/_jsxs("div", {
       style: {
-        borderRadius: 0
-      },
-      styles: {
-        body: {
-          padding: 24
-        }
+        width: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between'
       },
-      children: /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         style: {
-          width: '100%',
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-between'
+          maxWidth: '100%',
+          flex: 1
         },
-        children: [/*#__PURE__*/_jsx("div", {
-          style: {
-            maxWidth: '100%',
-            flex: 1
+        children: /*#__PURE__*/_jsx(Skeleton, {
+          active: active,
+          title: {
+            width: 100,
+            style: {
+              marginBlockStart: 0
+            }
           },
-          children: /*#__PURE__*/_jsx(Skeleton, {
-            active: active,
-            title: {
-              width: 100,
-              style: {
-                marginBlockStart: 0
-              }
-            },
-            paragraph: {
-              rows: 1,
-              style: {
-                margin: 0
-              }
+          paragraph: {
+            rows: 1,
+            style: {
+              margin: 0
             }
-          })
-        }), /*#__PURE__*/_jsx(Skeleton.Button, {
-          active: active,
-          size: "small",
-          style: {
-            width: 165,
-            marginBlockStart: 12
           }
-        })]
-      })
-    }), /*#__PURE__*/_jsx(Line, {})]
-  });
-};
+        })
+      }), /*#__PURE__*/_jsx(Skeleton.Button, {
+        active: active,
+        size: "small",
+        style: {
+          width: 165,
+          marginBlockStart: 12
+        }
+      })]
+    })
+  }), /*#__PURE__*/_jsx(Line, {})]
+});
 
 /** 列表骨架屏 */
-export var ListSkeleton = function ListSkeleton(_ref4) {
-  var size = _ref4.size,
-    _ref4$active = _ref4.active,
-    active = _ref4$active === void 0 ? true : _ref4$active,
-    actionButton = _ref4.actionButton;
-  return /*#__PURE__*/_jsxs(Card, {
+export const ListSkeleton = ({
+  size,
+  active = true,
+  actionButton
+}) => /*#__PURE__*/_jsxs(Card, {
+  variant: "borderless",
+  styles: {
+    body: {
+      padding: 0
+    }
+  },
+  children: [new Array(size).fill(null).map((_, index) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  _jsx(ListSkeletonItem, {
+    active: !!active
+  }, index)), actionButton !== false && /*#__PURE__*/_jsx(Card, {
     variant: "borderless",
+    style: {
+      borderStartEndRadius: 0,
+      borderTopLeftRadius: 0
+    },
     styles: {
       body: {
-        padding: 0
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
       }
     },
-    children: [new Array(size).fill(null).map(function (_, index) {
-      return (
-        /*#__PURE__*/
-        // eslint-disable-next-line react/no-array-index-key
-        _jsx(ListSkeletonItem, {
-          active: !!active
-        }, index)
-      );
-    }), actionButton !== false && /*#__PURE__*/_jsx(Card, {
-      variant: "borderless",
+    children: /*#__PURE__*/_jsx(Skeleton.Button, {
       style: {
-        borderStartEndRadius: 0,
-        borderTopLeftRadius: 0
-      },
-      styles: {
-        body: {
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        }
+        width: 102
       },
-      children: /*#__PURE__*/_jsx(Skeleton.Button, {
-        style: {
-          width: 102
-        },
-        active: active,
-        size: "small"
-      })
-    })]
-  });
-};
+      active: active,
+      size: "small"
+    })
+  })]
+});
 
 /**
  * 面包屑的 骨架屏
  *
  * @param param0
  */
-export var PageHeaderSkeleton = function PageHeaderSkeleton(_ref5) {
-  var active = _ref5.active;
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      marginBlockEnd: 16
-    },
-    children: [/*#__PURE__*/_jsx(Skeleton, {
-      paragraph: false,
-      title: {
-        width: 185
-      }
-    }), /*#__PURE__*/_jsx(Skeleton.Button, {
-      active: active,
-      size: "small"
-    })]
-  });
-};
+export const PageHeaderSkeleton = ({
+  active
+}) => /*#__PURE__*/_jsxs("div", {
+  style: {
+    marginBlockEnd: 16
+  },
+  children: [/*#__PURE__*/_jsx(Skeleton, {
+    paragraph: false,
+    title: {
+      width: 185
+    }
+  }), /*#__PURE__*/_jsx(Skeleton.Button, {
+    active: active,
+    size: "small"
+  })]
+});
 /**
  * 列表操作栏的骨架屏
  *
  * @param param0
  */
-export var ListToolbarSkeleton = function ListToolbarSkeleton(_ref6) {
-  var active = _ref6.active;
-  return /*#__PURE__*/_jsx(Card, {
-    variant: "borderless",
+export const ListToolbarSkeleton = ({
+  active
+}) => /*#__PURE__*/_jsx(Card, {
+  variant: "borderless",
+  style: {
+    borderBottomRightRadius: 0,
+    borderBottomLeftRadius: 0
+  },
+  styles: {
+    body: {
+      paddingBlockEnd: 8
+    }
+  },
+  children: /*#__PURE__*/_jsxs(Space, {
     style: {
-      borderBottomRightRadius: 0,
-      borderBottomLeftRadius: 0
-    },
-    styles: {
-      body: {
-        paddingBlockEnd: 8
-      }
+      width: '100%',
+      justifyContent: 'space-between'
     },
-    children: /*#__PURE__*/_jsxs(Space, {
+    children: [/*#__PURE__*/_jsx(Skeleton.Button, {
+      active: active,
       style: {
-        width: '100%',
-        justifyContent: 'space-between'
+        width: 200
       },
+      size: "small"
+    }), /*#__PURE__*/_jsxs(Space, {
       children: [/*#__PURE__*/_jsx(Skeleton.Button, {
         active: active,
+        size: "small",
         style: {
-          width: 200
-        },
-        size: "small"
-      }), /*#__PURE__*/_jsxs(Space, {
-        children: [/*#__PURE__*/_jsx(Skeleton.Button, {
-          active: active,
-          size: "small",
-          style: {
-            width: 120
-          }
-        }), /*#__PURE__*/_jsx(Skeleton.Button, {
-          active: active,
-          size: "small",
-          style: {
-            width: 80
-          }
-        })]
-      })]
-    })
-  });
-};
-var ListPageSkeleton = function ListPageSkeleton(_ref7) {
-  var _ref7$active = _ref7.active,
-    active = _ref7$active === void 0 ? true : _ref7$active,
-    statistic = _ref7.statistic,
-    actionButton = _ref7.actionButton,
-    toolbar = _ref7.toolbar,
-    pageHeader = _ref7.pageHeader,
-    _ref7$list = _ref7.list,
-    list = _ref7$list === void 0 ? 5 : _ref7$list;
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      width: '100%'
-    },
-    children: [pageHeader !== false && /*#__PURE__*/_jsx(PageHeaderSkeleton, {
-      active: active
-    }), statistic !== false && /*#__PURE__*/_jsx(StatisticSkeleton, {
-      size: statistic,
-      active: active
-    }), (toolbar !== false || list !== false) && /*#__PURE__*/_jsxs(Card, {
-      variant: "borderless",
-      styles: {
-        body: {
-          padding: 0
+          width: 120
         }
-      },
-      children: [toolbar !== false && /*#__PURE__*/_jsx(ListToolbarSkeleton, {
-        active: active
-      }), list !== false && /*#__PURE__*/_jsx(ListSkeleton, {
-        size: list,
+      }), /*#__PURE__*/_jsx(Skeleton.Button, {
         active: active,
-        actionButton: actionButton
+        size: "small",
+        style: {
+          width: 80
+        }
       })]
     })]
-  });
-};
+  })
+});
+const ListPageSkeleton = ({
+  active = true,
+  statistic,
+  actionButton,
+  toolbar,
+  pageHeader,
+  list = 5
+}) => /*#__PURE__*/_jsxs("div", {
+  style: {
+    width: '100%'
+  },
+  children: [pageHeader !== false && /*#__PURE__*/_jsx(PageHeaderSkeleton, {
+    active: active
+  }), statistic !== false && /*#__PURE__*/_jsx(StatisticSkeleton, {
+    size: statistic,
+    active: active
+  }), (toolbar !== false || list !== false) && /*#__PURE__*/_jsxs(Card, {
+    variant: "borderless",
+    styles: {
+      body: {
+        padding: 0
+      }
+    },
+    children: [toolbar !== false && /*#__PURE__*/_jsx(ListToolbarSkeleton, {
+      active: active
+    }), list !== false && /*#__PURE__*/_jsx(ListSkeleton, {
+      size: list,
+      active: active,
+      actionButton: actionButton
+    })]
+  })]
+});
 export default ListPageSkeleton;

package/es/skeleton/components/Result/index.js

@@ -3,60 +3,58 @@ import React from 'react';
 import { PageHeaderSkeleton } from "../List";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var ResultPageSkeleton = function ResultPageSkeleton(_ref) {
-  var _ref$active = _ref.active,
-    active = _ref$active === void 0 ? true : _ref$active,
-    pageHeader = _ref.pageHeader;
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      width: '100%'
-    },
-    children: [pageHeader !== false && /*#__PURE__*/_jsx(PageHeaderSkeleton, {
-      active: active
-    }), /*#__PURE__*/_jsx(Card, {
-      children: /*#__PURE__*/_jsxs("div", {
+const ResultPageSkeleton = ({
+  active = true,
+  pageHeader
+}) => /*#__PURE__*/_jsxs("div", {
+  style: {
+    width: '100%'
+  },
+  children: [pageHeader !== false && /*#__PURE__*/_jsx(PageHeaderSkeleton, {
+    active: active
+  }), /*#__PURE__*/_jsx(Card, {
+    children: /*#__PURE__*/_jsxs("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
+        padding: 128
+      },
+      children: [/*#__PURE__*/_jsx(Skeleton.Avatar, {
+        size: 64,
         style: {
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          flexDirection: 'column',
-          padding: 128
+          marginBlockEnd: 32
+        }
+      }), /*#__PURE__*/_jsx(Skeleton.Button, {
+        active: active,
+        style: {
+          width: 214,
+          marginBlockEnd: 8
+        }
+      }), /*#__PURE__*/_jsx(Skeleton.Button, {
+        active: active,
+        style: {
+          width: 328
         },
-        children: [/*#__PURE__*/_jsx(Skeleton.Avatar, {
-          size: 64,
-          style: {
-            marginBlockEnd: 32
-          }
-        }), /*#__PURE__*/_jsx(Skeleton.Button, {
+        size: "small"
+      }), /*#__PURE__*/_jsxs(Space, {
+        style: {
+          marginBlockStart: 24
+        },
+        children: [/*#__PURE__*/_jsx(Skeleton.Button, {
           active: active,
           style: {
-            width: 214,
-            marginBlockEnd: 8
+            width: 116
           }
         }), /*#__PURE__*/_jsx(Skeleton.Button, {
           active: active,
           style: {
-            width: 328
-          },
-          size: "small"
-        }), /*#__PURE__*/_jsxs(Space, {
-          style: {
-            marginBlockStart: 24
-          },
-          children: [/*#__PURE__*/_jsx(Skeleton.Button, {
-            active: active,
-            style: {
-              width: 116
-            }
-          }), /*#__PURE__*/_jsx(Skeleton.Button, {
-            active: active,
-            style: {
-              width: 116
-            }
-          })]
+            width: 116
+          }
         })]
-      })
-    })]
-  });
-};
+      })]
+    })
+  })]
+});
 export default ResultPageSkeleton;

package/es/skeleton/index.js

@@ -1,22 +1,25 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type"];
 import React from 'react';
 import DescriptionsPageSkeleton, { DescriptionsSkeleton, TableItemSkeleton, TableSkeleton } from "./components/Descriptions";
 import ListPageSkeleton, { ListSkeleton, ListSkeletonItem, ListToolbarSkeleton, PageHeaderSkeleton } from "./components/List";
 import ResultPageSkeleton from "./components/Result";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProSkeleton = function ProSkeleton(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'list' : _ref$type,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const ProSkeleton = ({
+  type = 'list',
+  ...rest
+}) => {
   if (type === 'result') {
-    return /*#__PURE__*/_jsx(ResultPageSkeleton, _objectSpread({}, rest));
+    return /*#__PURE__*/_jsx(ResultPageSkeleton, {
+      ...rest
+    });
   }
   if (type === 'descriptions') {
-    return /*#__PURE__*/_jsx(DescriptionsPageSkeleton, _objectSpread({}, rest));
+    return /*#__PURE__*/_jsx(DescriptionsPageSkeleton, {
+      ...rest
+    });
   }
-  return /*#__PURE__*/_jsx(ListPageSkeleton, _objectSpread({}, rest));
+  return /*#__PURE__*/_jsx(ListPageSkeleton, {
+    ...rest
+  });
 };
 export { DescriptionsSkeleton, ListPageSkeleton, ListSkeleton, ListSkeletonItem, ListToolbarSkeleton, PageHeaderSkeleton, ProSkeleton, TableItemSkeleton, TableSkeleton };
 export default ProSkeleton;

package/es/table/Store/Provide.d.ts

@@ -29,11 +29,11 @@ declare function useContainer(props?: UseContainerProps): {
     columnsMap: Record<string, ColumnsState>;
     keyWords: string | undefined;
     setKeyWords: (k: string | undefined) => void;
-    setTableSize: (updater: DensitySize | ((origin: DensitySize) => DensitySize), ignoreDestroy?: boolean | undefined) => void;
+    setTableSize: (updater: DensitySize | ((prev: DensitySize) => DensitySize)) => void;
     tableSize: DensitySize;
     prefixName: any;
     setPrefixName: (name: any) => void;
-    setColumnsMap: (updater: Record<string, ColumnsState> | ((origin: Record<string, ColumnsState>) => Record<string, ColumnsState>), ignoreDestroy?: boolean | undefined) => void;
+    setColumnsMap: (updater: Record<string, ColumnsState> | ((prev: Record<string, ColumnsState>) => Record<string, ColumnsState>)) => void;
     columns: ProTableColumn<any>[] | ProColumns<any, any>[] | undefined;
     rootDomRef: import("react").RefObject<HTMLDivElement>;
     clearPersistenceStorage: () => void;
@@ -48,11 +48,11 @@ declare const TableContext: import("react").Context<{
     columnsMap: Record<string, ColumnsState>;
     keyWords: string | undefined;
     setKeyWords: (k: string | undefined) => void;
-    setTableSize: (updater: DensitySize | ((origin: DensitySize) => DensitySize), ignoreDestroy?: boolean | undefined) => void;
+    setTableSize: (updater: DensitySize | ((prev: DensitySize) => DensitySize)) => void;
     tableSize: DensitySize;
     prefixName: any;
     setPrefixName: (name: any) => void;
-    setColumnsMap: (updater: Record<string, ColumnsState> | ((origin: Record<string, ColumnsState>) => Record<string, ColumnsState>), ignoreDestroy?: boolean | undefined) => void;
+    setColumnsMap: (updater: Record<string, ColumnsState> | ((prev: Record<string, ColumnsState>) => Record<string, ColumnsState>)) => void;
     columns: ProTableColumn<any>[] | ProColumns<any, any>[] | undefined;
     rootDomRef: import("react").RefObject<HTMLDivElement>;
     clearPersistenceStorage: () => void;