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

package/es/card/components/CheckCard/style.js

@@ -1,226 +1,200 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/card/components/CheckCard/style.ts
-import { Keyframes } from "@ant-design/cssinjs";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { Keyframes } from '@ant-design/cssinjs';
 import { useStyle as useAntdStyle } from "../../../provider";
-var proCheckCardActive = (token) => ({
-  backgroundColor: token.colorPrimaryBg,
-  borderColor: token.colorPrimary
-});
-var proCheckCardDisabled = (token) => ({
-  backgroundColor: token.colorBgContainerDisabled,
-  borderColor: token.colorBorder,
-  cursor: "not-allowed",
-  [token.componentCls]: {
-    "&-description": { color: token.colorTextDisabled },
-    "&-title": {
+var proCheckCardActive = function proCheckCardActive(token) {
+  return {
+    backgroundColor: token.colorPrimaryBg,
+    borderColor: token.colorPrimary
+  };
+};
+var proCheckCardDisabled = function proCheckCardDisabled(token) {
+  return _defineProperty({
+    backgroundColor: token.colorBgContainerDisabled,
+    borderColor: token.colorBorder,
+    cursor: 'not-allowed'
+  }, token.componentCls, {
+    '&-description': {
+      color: token.colorTextDisabled
+    },
+    '&-title': {
       color: token.colorTextDisabled
     },
-    "&-avatar": {
-      opacity: "0.25"
+    '&-avatar': {
+      opacity: '0.25'
     }
+  });
+};
+export var cardLoading = new Keyframes('card-loading', {
+  '0%': {
+    backgroundPosition: '0 50%'
+  },
+  '50%': {
+    backgroundPosition: '100% 50%'
+  },
+  '100%': {
+    backgroundPosition: '0 50%'
   }
 });
-var cardLoading = new Keyframes("card-loading", {
-  "0%": { backgroundPosition: "0 50%" },
-  "50%": { backgroundPosition: "100% 50%" },
-  "100%": { backgroundPosition: "0 50%" }
-});
-var genProStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      position: "relative",
-      display: "inline-block",
-      width: "320px",
-      marginInlineEnd: "16px",
-      marginBlockEnd: "16px",
-      color: token.colorText,
-      fontSize: token.fontSize,
-      lineHeight: token.lineHeight,
-      verticalAlign: "top",
-      backgroundColor: token.colorBgContainer,
-      borderRadius: token.borderRadius,
-      overflow: "auto",
-      cursor: "pointer",
-      transition: `all 0.3s`,
-      "&:after": {
-        position: "absolute",
-        insetBlockStart: 2,
-        insetInlineEnd: 2,
-        width: 0,
-        height: 0,
-        opacity: 0,
-        transition: "all 0.3s " + token.motionEaseInOut,
-        borderBlockEnd: `${token.borderRadius + 4}px  solid transparent`,
-        borderInlineStart: `${token.borderRadius + 4}px  solid transparent`,
-        borderStartEndRadius: `${token.borderRadius}px`,
-        content: "''"
-      },
-      "&:last-child": {
-        marginInlineEnd: 0
-      },
-      "& + &": {
-        marginInlineStart: "0 !important"
-      },
-      "&-bordered": {
-        border: `${token.lineWidth}px solid ${token.colorBorder}`
-      },
-      "&-group": {
-        display: "inline-block",
-        "&-sub-check-card": {
-          display: "flex",
-          flexDirection: "column",
-          gap: "8px",
-          "&-title": {
-            cursor: "pointer",
-            paddingBlock: token.paddingXS,
-            display: "flex",
-            gap: 4,
-            alignItems: "center"
-          },
-          "&-panel": {
-            visibility: "initial",
-            transition: "all 0.3s",
-            opacity: 1,
-            "&-collapse": {
-              display: "none",
-              visibility: "hidden",
-              opacity: 0
-            }
-          }
-        }
-      },
-      [`${token.componentCls}-loading`]: {
-        overflow: "hidden",
-        userSelect: "none",
-        "&-content": {
-          padding: token.paddingMD
-        }
-      },
-      "&:focus": proCheckCardActive(token),
-      "&-checked": __spreadProps(__spreadValues({}, proCheckCardActive(token)), {
-        "&:after": {
+var genProStyle = function genProStyle(token) {
+  var _token$componentCls;
+  return _defineProperty({}, token.componentCls, (_token$componentCls = {
+    position: 'relative',
+    display: 'inline-block',
+    width: '320px',
+    marginInlineEnd: '16px',
+    marginBlockEnd: '16px',
+    color: token.colorText,
+    fontSize: token.fontSize,
+    lineHeight: token.lineHeight,
+    verticalAlign: 'top',
+    backgroundColor: token.colorBgContainer,
+    borderRadius: token.borderRadius,
+    overflow: 'auto',
+    cursor: 'pointer',
+    transition: "all 0.3s",
+    '&:after': {
+      position: 'absolute',
+      insetBlockStart: 2,
+      insetInlineEnd: 2,
+      width: 0,
+      height: 0,
+      opacity: 0,
+      transition: 'all 0.3s ' + token.motionEaseInOut,
+      borderBlockEnd: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderInlineStart: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderStartEndRadius: "".concat(token.borderRadius, "px"),
+      content: "''"
+    },
+    '&:last-child': {
+      marginInlineEnd: 0
+    },
+    '& + &': {
+      marginInlineStart: '0 !important'
+    },
+    '&-bordered': {
+      border: "".concat(token.lineWidth, "px solid ").concat(token.colorBorder)
+    },
+    '&-group': {
+      display: 'inline-block',
+      '&-sub-check-card': {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+        '&-title': {
+          cursor: 'pointer',
+          paddingBlock: token.paddingXS,
+          display: 'flex',
+          gap: 4,
+          alignItems: 'center'
+        },
+        '&-panel': {
+          visibility: 'initial',
+          transition: 'all 0.3s',
           opacity: 1,
-          border: `${token.borderRadius + 4}px solid ${token.colorPrimary}`,
-          borderBlockEnd: `${token.borderRadius + 4}px  solid transparent`,
-          borderInlineStart: `${token.borderRadius + 4}px  solid transparent`,
-          borderStartEndRadius: `${token.borderRadius}px`
-        }
-      }),
-      "&-disabled": proCheckCardDisabled(token),
-      "&[disabled]": proCheckCardDisabled(token),
-      "&-checked&-disabled": {
-        "&:after": {
-          position: "absolute",
-          insetBlockStart: 2,
-          insetInlineEnd: 2,
-          width: 0,
-          height: 0,
-          border: `${token.borderRadius + 4}px solid ${token.colorTextDisabled}`,
-          borderBlockEnd: `${token.borderRadius + 4}px  solid transparent`,
-          borderInlineStart: `${token.borderRadius + 4}px  solid transparent`,
-          borderStartEndRadius: `${token.borderRadius}px`,
-          content: "''"
-        }
-      },
-      "&-lg": {
-        width: 440
-      },
-      "&-sm": {
-        width: 212
-      },
-      "&-cover": {
-        paddingInline: token.paddingXXS,
-        paddingBlock: token.paddingXXS,
-        img: {
-          width: "100%",
-          height: "100%",
-          overflow: "hidden",
-          borderRadius: token.borderRadius
-        }
-      },
-      "&-content": {
-        display: "flex",
-        paddingInline: token.paddingSM,
-        paddingBlock: token.padding
-      },
-      "&-body": {
-        paddingInline: token.paddingSM,
-        paddingBlock: token.padding
-      },
-      "&-avatar-header": { display: "flex", alignItems: "center" },
-      "&-avatar": { paddingInlineEnd: 8 },
-      "&-detail": {
-        overflow: "hidden",
-        width: "100%",
-        "> div:not(:last-child)": {
-          marginBlockEnd: 4
-        }
-      },
-      "&-header": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        lineHeight: token.lineHeight,
-        "&-left": {
-          display: "flex",
-          alignItems: "center",
-          gap: token.sizeSM,
-          minWidth: 0
-        }
-      },
-      "&-title": {
-        overflow: "hidden",
-        color: token.colorTextHeading,
-        fontWeight: "500",
-        fontSize: token.fontSize,
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        "&-with-ellipsis": {
-          display: "inline-block"
-        }
-      },
-      "&-description": {
-        color: token.colorTextSecondary
-      },
-      [`&:not(${token.componentCls}-disabled)`]: {
-        "&:hover": {
-          borderColor: token.colorPrimary
+          '&-collapse': {
+            display: 'none',
+            visibility: 'hidden',
+            opacity: 0
+          }
         }
       }
     }
-  };
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_token$componentCls, "".concat(token.componentCls, "-loading"), {
+    overflow: 'hidden',
+    userSelect: 'none',
+    '&-content': {
+      padding: token.paddingMD
+    }
+  }), '&:focus', proCheckCardActive(token)), '&-checked', _objectSpread(_objectSpread({}, proCheckCardActive(token)), {}, {
+    '&:after': {
+      opacity: 1,
+      border: "".concat(token.borderRadius + 4, "px solid ").concat(token.colorPrimary),
+      borderBlockEnd: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderInlineStart: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderStartEndRadius: "".concat(token.borderRadius, "px")
+    }
+  })), '&-disabled', proCheckCardDisabled(token)), '&[disabled]', proCheckCardDisabled(token)), '&-checked&-disabled', {
+    '&:after': {
+      position: 'absolute',
+      insetBlockStart: 2,
+      insetInlineEnd: 2,
+      width: 0,
+      height: 0,
+      border: "".concat(token.borderRadius + 4, "px solid ").concat(token.colorTextDisabled),
+      borderBlockEnd: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderInlineStart: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderStartEndRadius: "".concat(token.borderRadius, "px"),
+      content: "''"
+    }
+  }), '&-lg', {
+    width: 440
+  }), '&-sm', {
+    width: 212
+  }), '&-cover', {
+    paddingInline: token.paddingXXS,
+    paddingBlock: token.paddingXXS,
+    img: {
+      width: '100%',
+      height: '100%',
+      overflow: 'hidden',
+      borderRadius: token.borderRadius
+    }
+  }), '&-content', {
+    display: 'flex',
+    paddingInline: token.paddingSM,
+    paddingBlock: token.padding
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_token$componentCls, '&-body', {
+    paddingInline: token.paddingSM,
+    paddingBlock: token.padding
+  }), '&-avatar-header', {
+    display: 'flex',
+    alignItems: 'center'
+  }), '&-avatar', {
+    paddingInlineEnd: 8
+  }), '&-detail', {
+    overflow: 'hidden',
+    width: '100%',
+    '> div:not(:last-child)': {
+      marginBlockEnd: 4
+    }
+  }), '&-header', {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    lineHeight: token.lineHeight,
+    '&-left': {
+      display: 'flex',
+      alignItems: 'center',
+      gap: token.sizeSM,
+      minWidth: 0
+    }
+  }), '&-title', {
+    overflow: 'hidden',
+    color: token.colorTextHeading,
+    fontWeight: '500',
+    fontSize: token.fontSize,
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    '&-with-ellipsis': {
+      display: 'inline-block'
+    }
+  }), '&-description', {
+    color: token.colorTextSecondary
+  }), "&:not(".concat(token.componentCls, "-disabled)"), {
+    '&:hover': {
+      borderColor: token.colorPrimary
+    }
+  })));
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("CheckCard", (token) => {
-    const proListToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('CheckCard', function (token) {
+    var proListToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proListToken)];
   });
-}
-export {
-  cardLoading,
-  useStyle
-};
+}

package/es/card/components/Divider/index.js

@@ -1,20 +1,25 @@
-// src/card/components/Divider/index.tsx
-import { ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { useContext } from "react";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
 import useStyle from "./style";
-var ProCardDivider = (props) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const proCardPrefixCls = getPrefixCls("pro-card");
-  const prefixCls = `${proCardPrefixCls}-divider`;
-  const { wrapSSR, hashId } = useStyle(proCardPrefixCls);
-  const { className, style = {}, type } = props;
-  const classString = classNames(prefixCls, className, hashId, {
-    [`${prefixCls}-${type}`]: type
-  });
-  return wrapSSR(/* @__PURE__ */ React.createElement("div", { className: classString, style }));
-};
-var Divider_default = ProCardDivider;
-export {
-  Divider_default as default
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProCardDivider = function ProCardDivider(props) {
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var proCardPrefixCls = getPrefixCls('pro-card');
+  var prefixCls = "".concat(proCardPrefixCls, "-divider");
+  var _useStyle = useStyle(proCardPrefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var className = props.className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    type = props.type;
+  var classString = classNames(prefixCls, className, hashId, _defineProperty({}, "".concat(prefixCls, "-").concat(type), type));
+  return wrapSSR( /*#__PURE__*/_jsx("div", {
+    className: classString,
+    style: style
+  }));
 };
+export default ProCardDivider;

package/es/card/components/Divider/style.js

@@ -1,61 +1,37 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/card/components/Divider/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../provider";
-var genDividerStyle = (token) => {
-  const { componentCls } = token;
-  return {
-    [componentCls]: {
-      "&-divider": {
-        flex: "none",
-        width: token.lineWidth,
-        marginInline: token.marginXS,
-        marginBlock: token.marginLG,
-        backgroundColor: token.colorSplit,
-        "&-horizontal": {
-          width: "initial",
-          height: token.lineWidth,
-          marginInline: token.marginLG,
-          marginBlock: token.marginXS
-        }
-      },
-      "&&-size-small &-divider": {
-        marginBlock: token.marginLG,
-        marginInline: token.marginXS,
-        "&-horizontal": {
-          marginBlock: token.marginXS,
-          marginInline: token.marginLG
-        }
+var genDividerStyle = function genDividerStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, {
+    '&-divider': {
+      flex: 'none',
+      width: token.lineWidth,
+      marginInline: token.marginXS,
+      marginBlock: token.marginLG,
+      backgroundColor: token.colorSplit,
+      '&-horizontal': {
+        width: 'initial',
+        height: token.lineWidth,
+        marginInline: token.marginLG,
+        marginBlock: token.marginXS
+      }
+    },
+    '&&-size-small &-divider': {
+      marginBlock: token.marginLG,
+      marginInline: token.marginXS,
+      '&-horizontal': {
+        marginBlock: token.marginXS,
+        marginInline: token.marginLG
       }
     }
-  };
+  });
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("ProCardDivider", (token) => {
-    const proCardDividerToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export default function useStyle(prefixCls) {
+  return useAntdStyle('ProCardDivider', function (token) {
+    var proCardDividerToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genDividerStyle(proCardDividerToken)];
   });
-}
-export {
-  useStyle as default
-};
+}

package/es/card/components/Loading/index.js

@@ -1,15 +1,82 @@
-// src/card/components/Loading/index.tsx
-import { Col, Row } from "antd";
-import React from "react";
+import { Col, Row } from 'antd';
+import React from 'react';
 import { useStyle } from "./style";
-var Loading = (props) => {
-  const { style, prefix } = props;
-  const { wrapSSR } = useStyle(prefix || "ant-pro-card");
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-content`, style }, /* @__PURE__ */ React.createElement(Row, { gutter: 8 }, /* @__PURE__ */ React.createElement(Col, { span: 22 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` }))), /* @__PURE__ */ React.createElement(Row, { gutter: 8 }, /* @__PURE__ */ React.createElement(Col, { span: 8 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` })), /* @__PURE__ */ React.createElement(Col, { span: 15 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` }))), /* @__PURE__ */ React.createElement(Row, { gutter: 8 }, /* @__PURE__ */ React.createElement(Col, { span: 6 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` })), /* @__PURE__ */ React.createElement(Col, { span: 18 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` }))), /* @__PURE__ */ React.createElement(Row, { gutter: 8 }, /* @__PURE__ */ React.createElement(Col, { span: 13 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` })), /* @__PURE__ */ React.createElement(Col, { span: 9 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` }))), /* @__PURE__ */ React.createElement(Row, { gutter: 8 }, /* @__PURE__ */ React.createElement(Col, { span: 4 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` })), /* @__PURE__ */ React.createElement(Col, { span: 3 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` })), /* @__PURE__ */ React.createElement(Col, { span: 16 }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-loading-block` }))))
-  );
-};
-var Loading_default = Loading;
-export {
-  Loading_default as default
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Loading = function Loading(props) {
+  var style = props.style,
+    prefix = props.prefix;
+  var _useStyle = useStyle(prefix || 'ant-pro-card'),
+    wrapSSR = _useStyle.wrapSSR;
+  return wrapSSR( /*#__PURE__*/_jsxs("div", {
+    className: "".concat(prefix, "-loading-content"),
+    style: style,
+    children: [/*#__PURE__*/_jsx(Row, {
+      gutter: 8,
+      children: /*#__PURE__*/_jsx(Col, {
+        span: 22,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })
+    }), /*#__PURE__*/_jsxs(Row, {
+      gutter: 8,
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 8,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 15,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      gutter: 8,
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 6,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 18,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      gutter: 8,
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 13,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 9,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      gutter: 8,
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 3,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 16,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "".concat(prefix, "-loading-block")
+        })
+      })]
+    })]
+  }));
 };
+export default Loading;