@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

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

@@ -1,17 +1,25 @@
-// src/skeleton/components/List/index.tsx
-import { Card, Divider, Skeleton, Space } from "antd";
-import useBreakpoint from "antd/lib/grid/hooks/useBreakpoint";
-import React, { useMemo } from "react";
-var Line = ({ padding }) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
+import { Card, Divider, Skeleton, Space } from 'antd';
+import useBreakpoint from 'antd/lib/grid/hooks/useBreakpoint';
+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", {
     style: {
-      padding: padding || "0 24px"
-    }
-  },
-  /* @__PURE__ */ React.createElement(Divider, { style: { margin: 0 } })
-);
-var MediaQueryKeyEnum = {
+      padding: padding || '0 24px'
+    },
+    children: /*#__PURE__*/_jsx(Divider, {
+      style: {
+        margin: 0
+      }
+    })
+  });
+};
+export var MediaQueryKeyEnum = {
   xs: 2,
   sm: 2,
   md: 4,
@@ -19,22 +27,25 @@ var MediaQueryKeyEnum = {
   xl: 6,
   xxl: 6
 };
-var StatisticSkeleton = ({ size, active }) => {
-  const defaultCol = useMemo(
-    () => ({
+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
-    }),
-    []
-  );
-  const col = useBreakpoint() || defaultCol;
-  const colSize = Object.keys(col).filter((key) => col[key] === true)[0] || "md";
-  const arraySize = size === void 0 ? MediaQueryKeyEnum[colSize] || 6 : size;
-  const firstWidth = (index) => {
+    };
+  }, []);
+  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) {
     if (index === 0) {
       return 0;
     }
@@ -43,135 +54,122 @@ var StatisticSkeleton = ({ size, active }) => {
     }
     return 16;
   };
-  return /* @__PURE__ */ React.createElement(
-    Card,
-    {
-      variant: "borderless",
-      style: {
-        marginBlockEnd: 16
-      }
+  return /*#__PURE__*/_jsx(Card, {
+    variant: "borderless",
+    style: {
+      marginBlockEnd: 16
     },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          width: "100%",
-          justifyContent: "space-between",
-          display: "flex"
-        }
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '100%',
+        justifyContent: 'space-between',
+        display: 'flex'
       },
-      new Array(arraySize).fill(null).map((_, index) => /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          key: index,
+      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)" : void 0,
+            borderInlineStart: arraySize > 2 && index === 1 ? '1px solid rgba(0,0,0,0.06)' : undefined,
             paddingInlineStart: firstWidth(index),
             flex: 1,
             marginInlineEnd: index === 0 ? 16 : 0
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          Skeleton,
-          {
-            active,
+          },
+          children: [/*#__PURE__*/_jsx(Skeleton, {
+            active: active,
             paragraph: false,
             title: {
               width: 100,
-              style: { marginBlockStart: 0 }
+              style: {
+                marginBlockStart: 0
+              }
             }
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          Skeleton.Button,
-          {
-            active,
+          }), /*#__PURE__*/_jsx(Skeleton.Button, {
+            active: active,
             style: {
               height: 48
             }
-          }
-        )
-      ))
-    )
-  );
+          })]
+        }, index);
+      })
+    })
+  });
 };
-var ListSkeletonItem = ({ active }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-  Card,
-  {
-    variant: "borderless",
-    style: {
-      borderRadius: 0
-    },
-    styles: {
-      body: {
-        padding: 24
-      }
-    }
-  },
-  /* @__PURE__ */ React.createElement(
-    "div",
-    {
+
+/** 列表子项目骨架屏 */
+export var ListSkeletonItem = function ListSkeletonItem(_ref3) {
+  var active = _ref3.active;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Card, {
+      variant: "borderless",
       style: {
-        width: "100%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between"
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          maxWidth: "100%",
-          flex: 1
+        borderRadius: 0
+      },
+      styles: {
+        body: {
+          padding: 24
         }
       },
-      /* @__PURE__ */ React.createElement(
-        Skeleton,
-        {
-          active,
-          title: {
-            width: 100,
-            style: {
-              marginBlockStart: 0
-            }
+      children: /*#__PURE__*/_jsxs("div", {
+        style: {
+          width: '100%',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between'
+        },
+        children: [/*#__PURE__*/_jsx("div", {
+          style: {
+            maxWidth: '100%',
+            flex: 1
           },
-          paragraph: {
-            rows: 1,
-            style: {
-              margin: 0
+          children: /*#__PURE__*/_jsx(Skeleton, {
+            active: active,
+            title: {
+              width: 100,
+              style: {
+                marginBlockStart: 0
+              }
+            },
+            paragraph: {
+              rows: 1,
+              style: {
+                margin: 0
+              }
             }
+          })
+        }), /*#__PURE__*/_jsx(Skeleton.Button, {
+          active: active,
+          size: "small",
+          style: {
+            width: 165,
+            marginBlockStart: 12
           }
-        }
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      Skeleton.Button,
-      {
-        active,
-        size: "small",
-        style: { width: 165, marginBlockStart: 12 }
-      }
-    )
-  )
-), /* @__PURE__ */ React.createElement(Line, null));
-var ListSkeleton = ({ size, active = true, actionButton }) => /* @__PURE__ */ React.createElement(
-  Card,
-  {
+        })]
+      })
+    }), /*#__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, {
     variant: "borderless",
     styles: {
       body: {
         padding: 0
       }
-    }
-  },
-  new Array(size).fill(null).map((_, index) => (
-    // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ React.createElement(ListSkeletonItem, { key: index, active: !!active })
-  )),
-  actionButton !== false && /* @__PURE__ */ React.createElement(
-    Card,
-    {
+    },
+    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",
       style: {
         borderStartEndRadius: 0,
@@ -179,45 +177,52 @@ var ListSkeleton = ({ size, active = true, actionButton }) => /* @__PURE__ */ Re
       },
       styles: {
         body: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center'
         }
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      Skeleton.Button,
-      {
+      },
+      children: /*#__PURE__*/_jsx(Skeleton.Button, {
         style: {
           width: 102
         },
-        active,
+        active: active,
         size: "small"
-      }
-    )
-  )
-);
-var PageHeaderSkeleton = ({ active }) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
+      })
+    })]
+  });
+};
+
+/**
+ * 面包屑的 骨架屏
+ *
+ * @param param0
+ */
+export var PageHeaderSkeleton = function PageHeaderSkeleton(_ref5) {
+  var active = _ref5.active;
+  return /*#__PURE__*/_jsxs("div", {
     style: {
       marginBlockEnd: 16
-    }
-  },
-  /* @__PURE__ */ React.createElement(
-    Skeleton,
-    {
+    },
+    children: [/*#__PURE__*/_jsx(Skeleton, {
       paragraph: false,
       title: {
         width: 185
       }
-    }
-  ),
-  /* @__PURE__ */ React.createElement(Skeleton.Button, { active, size: "small" })
-);
-var ListToolbarSkeleton = ({ active }) => /* @__PURE__ */ React.createElement(
-  Card,
-  {
+    }), /*#__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",
     style: {
       borderBottomRightRadius: 0,
@@ -227,64 +232,69 @@ var ListToolbarSkeleton = ({ active }) => /* @__PURE__ */ React.createElement(
       body: {
         paddingBlockEnd: 8
       }
-    }
-  },
-  /* @__PURE__ */ React.createElement(
-    Space,
-    {
-      style: {
-        width: "100%",
-        justifyContent: "space-between"
-      }
     },
-    /* @__PURE__ */ React.createElement(Skeleton.Button, { active, style: { width: 200 }, size: "small" }),
-    /* @__PURE__ */ React.createElement(Space, null, /* @__PURE__ */ React.createElement(Skeleton.Button, { active, size: "small", style: { width: 120 } }), /* @__PURE__ */ React.createElement(Skeleton.Button, { active, size: "small", style: { width: 80 } }))
-  )
-);
-var ListPageSkeleton = ({
-  active = true,
-  statistic,
-  actionButton,
-  toolbar,
-  pageHeader,
-  list = 5
-}) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
+    children: /*#__PURE__*/_jsxs(Space, {
+      style: {
+        width: '100%',
+        justifyContent: 'space-between'
+      },
+      children: [/*#__PURE__*/_jsx(Skeleton.Button, {
+        active: active,
+        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%"
-    }
-  },
-  pageHeader !== false && /* @__PURE__ */ React.createElement(PageHeaderSkeleton, { active }),
-  statistic !== false && /* @__PURE__ */ React.createElement(StatisticSkeleton, { size: statistic, active }),
-  (toolbar !== false || list !== false) && /* @__PURE__ */ React.createElement(
-    Card,
-    {
+      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
         }
-      }
-    },
-    toolbar !== false && /* @__PURE__ */ React.createElement(ListToolbarSkeleton, { active }),
-    list !== false && /* @__PURE__ */ React.createElement(
-      ListSkeleton,
-      {
+      },
+      children: [toolbar !== false && /*#__PURE__*/_jsx(ListToolbarSkeleton, {
+        active: active
+      }), list !== false && /*#__PURE__*/_jsx(ListSkeleton, {
         size: list,
-        active,
-        actionButton
-      }
-    )
-  )
-);
-var List_default = ListPageSkeleton;
-export {
-  Line,
-  ListSkeleton,
-  ListSkeletonItem,
-  ListToolbarSkeleton,
-  MediaQueryKeyEnum,
-  PageHeaderSkeleton,
-  List_default as default
+        active: active,
+        actionButton: actionButton
+      })]
+    })]
+  });
 };
+export default ListPageSkeleton;

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

@@ -1,59 +1,62 @@
-// src/skeleton/components/Result/index.tsx
-import { Card, Skeleton, Space } from "antd";
-import React from "react";
+import { Card, Skeleton, Space } from 'antd';
+import React from 'react';
 import { PageHeaderSkeleton } from "../List";
-var ResultPageSkeleton = ({
-  active = true,
-  pageHeader
-}) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
+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%"
-    }
-  },
-  pageHeader !== false && /* @__PURE__ */ React.createElement(PageHeaderSkeleton, { active }),
-  /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        flexDirection: "column",
-        padding: 128
-      }
+      width: '100%'
     },
-    /* @__PURE__ */ React.createElement(
-      Skeleton.Avatar,
-      {
-        size: 64,
+    children: [pageHeader !== false && /*#__PURE__*/_jsx(PageHeaderSkeleton, {
+      active: active
+    }), /*#__PURE__*/_jsx(Card, {
+      children: /*#__PURE__*/_jsxs("div", {
         style: {
-          marginBlockEnd: 32
-        }
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      Skeleton.Button,
-      {
-        active,
-        style: { width: 214, marginBlockEnd: 8 }
-      }
-    ),
-    /* @__PURE__ */ React.createElement(Skeleton.Button, { active, style: { width: 328 }, size: "small" }),
-    /* @__PURE__ */ React.createElement(
-      Space,
-      {
-        style: {
-          marginBlockStart: 24
-        }
-      },
-      /* @__PURE__ */ React.createElement(Skeleton.Button, { active, style: { width: 116 } }),
-      /* @__PURE__ */ React.createElement(Skeleton.Button, { active, style: { width: 116 } })
-    )
-  ))
-);
-var Result_default = ResultPageSkeleton;
-export {
-  Result_default as default
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          flexDirection: 'column',
+          padding: 128
+        },
+        children: [/*#__PURE__*/_jsx(Skeleton.Avatar, {
+          size: 64,
+          style: {
+            marginBlockEnd: 32
+          }
+        }), /*#__PURE__*/_jsx(Skeleton.Button, {
+          active: active,
+          style: {
+            width: 214,
+            marginBlockEnd: 8
+          }
+        }), /*#__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
+            }
+          })]
+        })]
+      })
+    })]
+  });
 };
+export default ResultPageSkeleton;