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

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

@@ -1,8 +1,10 @@
-// src/skeleton/components/Descriptions/index.tsx
-import { Card, Skeleton } from "antd";
-import useBreakpoint from "antd/lib/grid/hooks/useBreakpoint";
-import React, { useMemo } from "react";
+import { Card, Skeleton } from 'antd';
+import useBreakpoint from 'antd/lib/grid/hooks/useBreakpoint';
+import React, { useMemo } from 'react';
 import { Line, PageHeaderSkeleton } from "../List";
+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 MediaQueryKeyEnum = {
   xs: 1,
   sm: 2,
@@ -11,326 +13,312 @@ var MediaQueryKeyEnum = {
   xl: 3,
   xxl: 4
 };
-var DescriptionsLargeItemSkeleton = ({ active }) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
+var DescriptionsLargeItemSkeleton = function DescriptionsLargeItemSkeleton(_ref) {
+  var active = _ref.active;
+  return /*#__PURE__*/_jsxs("div", {
     style: {
       marginBlockStart: 32
-    }
-  },
-  /* @__PURE__ */ React.createElement(
-    Skeleton.Button,
-    {
-      active,
+    },
+    children: [/*#__PURE__*/_jsx(Skeleton.Button, {
+      active: active,
       size: "small",
-      style: { width: 100, marginBlockEnd: 16 }
-    }
-  ),
-  /* @__PURE__ */ React.createElement(
-    "div",
-    {
       style: {
-        width: "100%",
-        justifyContent: "space-between",
-        display: "flex"
+        width: 100,
+        marginBlockEnd: 16
       }
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
+    }), /*#__PURE__*/_jsxs("div", {
+      style: {
+        width: '100%',
+        justifyContent: 'space-between',
+        display: 'flex'
+      },
+      children: [/*#__PURE__*/_jsxs("div", {
         style: {
           flex: 1,
           marginInlineEnd: 24,
           maxWidth: 300
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        Skeleton,
-        {
-          active,
+        },
+        children: [/*#__PURE__*/_jsx(Skeleton, {
+          active: active,
           paragraph: false,
           title: {
-            style: { marginBlockStart: 0 }
+            style: {
+              marginBlockStart: 0
+            }
           }
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        Skeleton,
-        {
-          active,
+        }), /*#__PURE__*/_jsx(Skeleton, {
+          active: active,
           paragraph: false,
           title: {
-            style: { marginBlockStart: 8 }
+            style: {
+              marginBlockStart: 8
+            }
           }
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        Skeleton,
-        {
-          active,
+        }), /*#__PURE__*/_jsx(Skeleton, {
+          active: active,
           paragraph: false,
           title: {
-            style: { marginBlockStart: 8 }
+            style: {
+              marginBlockStart: 8
+            }
           }
-        }
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
+        })]
+      }), /*#__PURE__*/_jsx("div", {
         style: {
           flex: 1,
-          alignItems: "center",
-          justifyContent: "center"
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
+          alignItems: 'center',
+          justifyContent: 'center'
+        },
+        children: /*#__PURE__*/_jsxs("div", {
           style: {
             maxWidth: 300,
-            margin: "auto"
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          Skeleton,
-          {
-            active,
+            margin: 'auto'
+          },
+          children: [/*#__PURE__*/_jsx(Skeleton, {
+            active: active,
             paragraph: false,
             title: {
-              style: { marginBlockStart: 0 }
+              style: {
+                marginBlockStart: 0
+              }
             }
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          Skeleton,
-          {
-            active,
+          }), /*#__PURE__*/_jsx(Skeleton, {
+            active: active,
             paragraph: false,
             title: {
-              style: { marginBlockStart: 8 }
+              style: {
+                marginBlockStart: 8
+              }
             }
-          }
-        )
-      )
-    )
-  )
-);
-var DescriptionsItemSkeleton = ({ size, active }) => {
-  const defaultCol = useMemo(
-    () => ({
+          })]
+        })
+      })]
+    })]
+  });
+};
+var DescriptionsItemSkeleton = function DescriptionsItemSkeleton(_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] || 3 : size;
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        width: "100%",
-        justifyContent: "space-between",
-        display: "flex"
-      }
+    };
+  }, []);
+  var col = useBreakpoint() || defaultCol;
+  var colSize = Object.keys(col).filter(function (key) {
+    return col[key] === true;
+  })[0] || 'md';
+  var arraySize = size === undefined ? MediaQueryKeyEnum[colSize] || 3 : size;
+  return /*#__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: {
           flex: 1,
           paddingInlineStart: index === 0 ? 0 : 24,
           paddingInlineEnd: index === arraySize - 1 ? 0 : 24
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        Skeleton,
-        {
-          active,
+        },
+        children: [/*#__PURE__*/_jsx(Skeleton, {
+          active: active,
           paragraph: false,
           title: {
-            style: { marginBlockStart: 0 }
+            style: {
+              marginBlockStart: 0
+            }
           }
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        Skeleton,
-        {
-          active,
+        }), /*#__PURE__*/_jsx(Skeleton, {
+          active: active,
           paragraph: false,
           title: {
-            style: { marginBlockStart: 8 }
+            style: {
+              marginBlockStart: 8
+            }
           }
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        Skeleton,
-        {
-          active,
+        }), /*#__PURE__*/_jsx(Skeleton, {
+          active: active,
           paragraph: false,
           title: {
-            style: { marginBlockStart: 8 }
+            style: {
+              marginBlockStart: 8
+            }
           }
-        }
-      )
-    ))
-  );
+        })]
+      }, index);
+    })
+  });
 };
-var TableItemSkeleton = ({
-  active,
-  header = false
-}) => {
-  const defaultCol = useMemo(
-    () => ({
+
+/**
+ * Table 的子项目骨架屏
+ *
+ * @param param0
+ */
+export var TableItemSkeleton = function TableItemSkeleton(_ref3) {
+  var active = _ref3.active,
+    _ref3$header = _ref3.header,
+    header = _ref3$header === void 0 ? false : _ref3$header;
+  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 = MediaQueryKeyEnum[colSize] || 3;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
+    };
+  }, []);
+  var col = useBreakpoint() || defaultCol;
+  var colSize = Object.keys(col).filter(function (key) {
+    return col[key] === true;
+  })[0] || 'md';
+  var arraySize = MediaQueryKeyEnum[colSize] || 3;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
       style: {
-        display: "flex",
-        background: header ? "rgba(0,0,0,0.02)" : "none",
-        padding: "24px 8px"
-      }
-    },
-    new Array(arraySize).fill(null).map((_, index) => /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: index,
-        style: {
-          flex: 1,
-          paddingInlineStart: header && index === 0 ? 0 : 20,
-          paddingInlineEnd: 32
-        }
+        display: 'flex',
+        background: header ? 'rgba(0,0,0,0.02)' : 'none',
+        padding: '24px 8px'
       },
-      /* @__PURE__ */ React.createElement(
-        Skeleton,
-        {
-          active,
+      children: [new Array(arraySize).fill(null).map(function (_, index) {
+        return /*#__PURE__*/_jsx("div", {
+          style: {
+            flex: 1,
+            paddingInlineStart: header && index === 0 ? 0 : 20,
+            paddingInlineEnd: 32
+          },
+          children: /*#__PURE__*/_jsx(Skeleton, {
+            active: active,
+            paragraph: false,
+            title: {
+              style: {
+                margin: 0,
+                height: 24,
+                width: header ? '75px' : '100%'
+              }
+            }
+          })
+        }, index);
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          flex: 3,
+          paddingInlineStart: 32
+        },
+        children: /*#__PURE__*/_jsx(Skeleton, {
+          active: active,
           paragraph: false,
           title: {
             style: {
               margin: 0,
               height: 24,
-              width: header ? "75px" : "100%"
+              width: header ? '75px' : '100%'
             }
           }
-        }
-      )
-    )),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          flex: 3,
-          paddingInlineStart: 32
-        }
+        })
+      })]
+    }), /*#__PURE__*/_jsx(Line, {
+      padding: "0px 0px"
+    })]
+  });
+};
+
+/**
+ * Table 骨架屏
+ *
+ * @param param0
+ */
+export var TableSkeleton = function TableSkeleton(_ref4) {
+  var active = _ref4.active,
+    _ref4$size = _ref4.size,
+    size = _ref4$size === void 0 ? 4 : _ref4$size;
+  return /*#__PURE__*/_jsxs(Card, {
+    variant: "borderless",
+    children: [/*#__PURE__*/_jsx(Skeleton.Button, {
+      active: active,
+      size: "small",
+      style: {
+        width: 100,
+        marginBlockEnd: 16
+      }
+    }), /*#__PURE__*/_jsx(TableItemSkeleton, {
+      header: true,
+      active: active
+    }), new Array(size).fill(null).map(function (_, index) {
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-array-index-key
+        _jsx(TableItemSkeleton, {
+          active: active
+        }, index)
+      );
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'flex-end',
+        paddingBlockStart: 16
       },
-      /* @__PURE__ */ React.createElement(
-        Skeleton,
-        {
-          active,
-          paragraph: false,
-          title: {
-            style: { margin: 0, height: 24, width: header ? "75px" : "100%" }
+      children: /*#__PURE__*/_jsx(Skeleton, {
+        active: active,
+        paragraph: false,
+        title: {
+          style: {
+            margin: 0,
+            height: 32,
+            float: 'right',
+            maxWidth: '630px'
           }
         }
-      )
-    )
-  ), /* @__PURE__ */ React.createElement(Line, { padding: "0px 0px" }));
+      })
+    })]
+  });
 };
-var TableSkeleton = ({ active, size = 4 }) => /* @__PURE__ */ React.createElement(Card, { variant: "borderless" }, /* @__PURE__ */ React.createElement(
-  Skeleton.Button,
-  {
-    active,
-    size: "small",
-    style: { width: 100, marginBlockEnd: 16 }
-  }
-), /* @__PURE__ */ React.createElement(TableItemSkeleton, { header: true, active }), new Array(size).fill(null).map((_, index) => (
-  // eslint-disable-next-line react/no-array-index-key
-  /* @__PURE__ */ React.createElement(TableItemSkeleton, { key: index, active })
-)), /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    style: {
-      display: "flex",
-      justifyContent: "flex-end",
-      paddingBlockStart: 16
-    }
-  },
-  /* @__PURE__ */ React.createElement(
-    Skeleton,
-    {
-      active,
-      paragraph: false,
-      title: {
-        style: {
-          margin: 0,
-          height: 32,
-          float: "right",
-          maxWidth: "630px"
-        }
-      }
-    }
-  )
-));
-var DescriptionsSkeleton = ({ active }) => /* @__PURE__ */ React.createElement(
-  Card,
-  {
+export var DescriptionsSkeleton = function DescriptionsSkeleton(_ref5) {
+  var active = _ref5.active;
+  return /*#__PURE__*/_jsxs(Card, {
     variant: "borderless",
     style: {
       borderStartEndRadius: 0,
       borderTopLeftRadius: 0
-    }
-  },
-  /* @__PURE__ */ React.createElement(
-    Skeleton.Button,
-    {
-      active,
+    },
+    children: [/*#__PURE__*/_jsx(Skeleton.Button, {
+      active: active,
       size: "small",
-      style: { width: 100, marginBlockEnd: 16 }
-    }
-  ),
-  /* @__PURE__ */ React.createElement(DescriptionsItemSkeleton, { active }),
-  /* @__PURE__ */ React.createElement(DescriptionsLargeItemSkeleton, { active })
-);
-var DescriptionsPageSkeleton = ({
-  active = true,
-  pageHeader,
-  list
-}) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
+      style: {
+        width: 100,
+        marginBlockEnd: 16
+      }
+    }), /*#__PURE__*/_jsx(DescriptionsItemSkeleton, {
+      active: active
+    }), /*#__PURE__*/_jsx(DescriptionsLargeItemSkeleton, {
+      active: active
+    })]
+  });
+};
+var DescriptionsPageSkeleton = function DescriptionsPageSkeleton(_ref6) {
+  var _ref6$active = _ref6.active,
+    active = _ref6$active === void 0 ? true : _ref6$active,
+    pageHeader = _ref6.pageHeader,
+    list = _ref6.list;
+  return /*#__PURE__*/_jsxs("div", {
     style: {
-      width: "100%"
-    }
-  },
-  pageHeader !== false && /* @__PURE__ */ React.createElement(PageHeaderSkeleton, { active }),
-  /* @__PURE__ */ React.createElement(DescriptionsSkeleton, { active }),
-  list !== false && /* @__PURE__ */ React.createElement(Line, null),
-  list !== false && /* @__PURE__ */ React.createElement(TableSkeleton, { active, size: list })
-);
-var Descriptions_default = DescriptionsPageSkeleton;
-export {
-  DescriptionsSkeleton,
-  TableItemSkeleton,
-  TableSkeleton,
-  Descriptions_default as default
+      width: '100%'
+    },
+    children: [pageHeader !== false && /*#__PURE__*/_jsx(PageHeaderSkeleton, {
+      active: active
+    }), /*#__PURE__*/_jsx(DescriptionsSkeleton, {
+      active: active
+    }), list !== false && /*#__PURE__*/_jsx(Line, {}), list !== false && /*#__PURE__*/_jsx(TableSkeleton, {
+      active: active,
+      size: list
+    })]
+  });
 };
+export default DescriptionsPageSkeleton;