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

package/lib/card/components/Statistic/index.js

@@ -1,122 +1,89 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/card/components/Statistic/index.tsx
-var Statistic_exports = {};
-__export(Statistic_exports, {
-  default: () => Statistic_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Statistic_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_style = require("./style");
-var Statistic = (props) => {
-  const _a = props, {
-    className,
-    layout = "inline",
-    style,
-    description,
-    children,
-    title,
-    tip,
-    status,
-    trend,
-    prefix,
-    icon
-  } = _a, others = __objRest(_a, [
-    "className",
-    "layout",
-    "style",
-    "description",
-    "children",
-    "title",
-    "tip",
-    "status",
-    "trend",
-    "prefix",
-    "icon"
-  ]);
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-card-statistic");
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(prefixCls);
-  const classString = (0, import_classnames.default)(prefixCls, className, hashId);
-  const statusClass = (0, import_classnames.default)(`${prefixCls}-status`, hashId);
-  const iconClass = (0, import_classnames.default)(`${prefixCls}-icon`, hashId);
-  const wrapperClass = (0, import_classnames.default)(`${prefixCls}-wrapper`, hashId);
-  const contentClass = (0, import_classnames.default)(`${prefixCls}-content`, hashId);
-  const statisticClassName = (0, import_classnames.default)(hashId, {
-    [`${prefixCls}-layout-${layout}`]: layout,
-    [`${prefixCls}-trend-${trend}`]: trend
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["className", "layout", "style", "description", "children", "title", "tip", "status", "trend", "prefix", "icon"];
+var Statistic = function Statistic(props) {
+  var className = props.className,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'inline' : _props$layout,
+    style = props.style,
+    description = props.description,
+    children = props.children,
+    title = props.title,
+    tip = props.tip,
+    status = props.status,
+    trend = props.trend,
+    prefix = props.prefix,
+    icon = props.icon,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-card-statistic');
+  var _useStyle = (0, _style.useStyle)(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var classString = (0, _classnames.default)(prefixCls, className, hashId);
+  var statusClass = (0, _classnames.default)("".concat(prefixCls, "-status"), hashId);
+  var iconClass = (0, _classnames.default)("".concat(prefixCls, "-icon"), hashId);
+  var wrapperClass = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), hashId);
+  var contentClass = (0, _classnames.default)("".concat(prefixCls, "-content"), hashId);
+  var statisticClassName = (0, _classnames.default)(hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-layout-").concat(layout), layout), "".concat(prefixCls, "-trend-").concat(trend), trend));
+  var tipDom = tip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    title: tip,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.QuestionCircleOutlined, {
+      className: "".concat(prefixCls, "-tip ").concat(hashId).trim()
+    })
+  });
+  var trendIconClassName = (0, _classnames.default)("".concat(prefixCls, "-trend-icon"), hashId, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-trend-icon-").concat(trend), trend));
+  var trendDom = trend && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: trendIconClassName
+  });
+  var statusDom = status && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: statusClass,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
+      status: status,
+      text: null
+    })
   });
-  const tipDom = tip && /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: tip }, /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { className: `${prefixCls}-tip ${hashId}`.trim() }));
-  const trendIconClassName = (0, import_classnames.default)(`${prefixCls}-trend-icon`, hashId, {
-    [`${prefixCls}-trend-icon-${trend}`]: trend
+  var iconDom = icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: iconClass,
+    children: icon
   });
-  const trendDom = trend && /* @__PURE__ */ import_react.default.createElement("div", { className: trendIconClassName });
-  const statusDom = status && /* @__PURE__ */ import_react.default.createElement("div", { className: statusClass }, /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { status, text: null }));
-  const iconDom = icon && /* @__PURE__ */ import_react.default.createElement("div", { className: iconClass }, icon);
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("div", { className: classString, style }, iconDom, /* @__PURE__ */ import_react.default.createElement("div", { className: wrapperClass }, statusDom, /* @__PURE__ */ import_react.default.createElement("div", { className: contentClass }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Statistic,
-      __spreadValues({
-        title: (title || tipDom) && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, title, tipDom),
-        prefix: (trendDom || prefix) && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, trendDom, prefix),
-        className: statisticClassName
-      }, others)
-    ), description && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-description ${hashId}`.trim() }, description))))
-  );
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classString,
+    style: style,
+    children: [iconDom, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: wrapperClass,
+      children: [statusDom, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: contentClass,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Statistic, (0, _objectSpread2.default)({
+          title: (title || tipDom) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [title, tipDom]
+          }),
+          prefix: (trendDom || prefix) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [trendDom, prefix]
+          }),
+          className: statisticClassName
+        }, others)), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "".concat(prefixCls, "-description ").concat(hashId).trim(),
+          children: description
+        })]
+      })]
+    })]
+  }));
 };
-var Statistic_default = Statistic;
+var _default = exports.default = Statistic;

package/lib/card/components/Statistic/style.js

@@ -1,140 +1,91 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/card/components/Statistic/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyle: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_provider = require("../../../provider");
-var genProStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      display: "flex",
-      fontSize: token.fontSize,
-      "& + &": {
-        marginBlockStart: 4
-      },
-      "&-tip": {
-        marginInlineStart: 4
-      },
-      "&-wrapper": {
-        display: "flex",
-        width: "100%",
-        [`${token.componentCls}-status`]: {
-          width: "14px"
-        }
-      },
-      "&-icon": {
-        marginInlineEnd: 16
-      },
-      "&-trend-icon": {
-        width: 0,
-        height: 0,
-        borderInlineEnd: "3.5px solid transparent",
-        borderBlockEnd: "9px solid #000",
-        borderInlineStart: "3.5px solid transparent",
-        "&-up": { transform: "rotate(0deg)" },
-        "&-down": { transform: "rotate(180deg)" }
+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, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'flex',
+    fontSize: token.fontSize,
+    '& + &': {
+      marginBlockStart: 4
+    },
+    '&-tip': {
+      marginInlineStart: 4
+    },
+    '&-wrapper': (0, _defineProperty2.default)({
+      display: 'flex',
+      width: '100%'
+    }, "".concat(token.componentCls, "-status"), {
+      width: '14px'
+    }),
+    '&-icon': {
+      marginInlineEnd: 16
+    },
+    '&-trend-icon': {
+      width: 0,
+      height: 0,
+      borderInlineEnd: '3.5px solid transparent',
+      borderBlockEnd: '9px solid #000',
+      borderInlineStart: '3.5px solid transparent',
+      '&-up': {
+        transform: 'rotate(0deg)'
       },
-      "&-content": {
-        width: "100%",
-        [`${token.antCls}-statistic-content`]: {
-          "&-value-int": {
-            fontSize: token.fontSizeHeading3
-          }
-        }
-      },
-      "&-description": {
-        width: "100%"
-      },
-      [`${token.antCls}-statistic-title`]: {
-        color: token.colorText
-      },
-      "&-trend-up": {
-        [`${token.antCls}-statistic-content`]: {
-          color: "#f5222d",
-          [`${token.componentCls}-trend-icon`]: {
-            borderBlockEndColor: "#f5222d"
-          }
-        }
-      },
-      "&-trend-down": {
-        [`${token.antCls}-statistic-content`]: {
-          color: "#389e0d",
-          [`${token.componentCls}-trend-icon`]: {
-            borderBlockEndColor: "#52c41a"
-          }
-        }
-      },
-      "& &-layout-horizontal": {
-        display: "flex",
-        justifyContent: "space-between",
-        [`${token.antCls}-statistic-title`]: {
-          marginBlockEnd: 0
-        },
-        [`${token.antCls}-statistic-content-value`]: {
-          fontWeight: 500
-        },
-        [`${token.antCls}-statistic-title,${token.antCls}-statistic-content,${token.antCls}-statistic-content-suffix,${token.antCls}-statistic-content-prefix,${token.antCls}-statistic-content-value-decimal`]: {
-          fontSize: token.fontSize
-        }
-      },
-      "& &-layout-inline": {
-        display: "inline-flex",
-        color: token.colorTextSecondary,
-        [`${token.antCls}-statistic-title`]: {
-          marginInlineEnd: "6px",
-          marginBlockEnd: 0
-        },
-        [`${token.antCls}-statistic-content`]: {
-          color: token.colorTextSecondary
-        },
-        [`${token.antCls}-statistic-title,${token.antCls}-statistic-content,${token.antCls}-statistic-content-suffix,${token.antCls}-statistic-content-prefix,${token.antCls}-statistic-content-value-decimal`]: {
-          fontSize: token.fontSizeSM
-        }
+      '&-down': {
+        transform: 'rotate(180deg)'
+      }
+    },
+    '&-content': (0, _defineProperty2.default)({
+      width: '100%'
+    }, "".concat(token.antCls, "-statistic-content"), {
+      '&-value-int': {
+        fontSize: token.fontSizeHeading3
       }
+    }),
+    '&-description': {
+      width: '100%'
     }
-  };
+  }, "".concat(token.antCls, "-statistic-title"), {
+    color: token.colorText
+  }), '&-trend-up', (0, _defineProperty2.default)({}, "".concat(token.antCls, "-statistic-content"), (0, _defineProperty2.default)({
+    color: '#f5222d'
+  }, "".concat(token.componentCls, "-trend-icon"), {
+    borderBlockEndColor: '#f5222d'
+  }))), '&-trend-down', (0, _defineProperty2.default)({}, "".concat(token.antCls, "-statistic-content"), (0, _defineProperty2.default)({
+    color: '#389e0d'
+  }, "".concat(token.componentCls, "-trend-icon"), {
+    borderBlockEndColor: '#52c41a'
+  }))), '& &-layout-horizontal', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'flex',
+    justifyContent: 'space-between'
+  }, "".concat(token.antCls, "-statistic-title"), {
+    marginBlockEnd: 0
+  }), "".concat(token.antCls, "-statistic-content-value"), {
+    fontWeight: 500
+  }), "".concat(token.antCls, "-statistic-title,").concat(token.antCls, "-statistic-content,").concat(token.antCls, "-statistic-content-suffix,").concat(token.antCls, "-statistic-content-prefix,").concat(token.antCls, "-statistic-content-value-decimal"), {
+    fontSize: token.fontSize
+  })), '& &-layout-inline', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'inline-flex',
+    color: token.colorTextSecondary
+  }, "".concat(token.antCls, "-statistic-title"), {
+    marginInlineEnd: '6px',
+    marginBlockEnd: 0
+  }), "".concat(token.antCls, "-statistic-content"), {
+    color: token.colorTextSecondary
+  }), "".concat(token.antCls, "-statistic-title,").concat(token.antCls, "-statistic-content,").concat(token.antCls, "-statistic-content-suffix,").concat(token.antCls, "-statistic-content-prefix,").concat(token.antCls, "-statistic-content-value-decimal"), {
+    fontSize: token.fontSizeSM
+  })));
 };
 function useStyle(prefixCls) {
-  return (0, import_provider.useStyle)("Statistic", (token) => {
-    const proListToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('Statistic', function (token) {
+    var proListToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proListToken)];
   });
-}
+}

package/lib/card/components/StatisticCard/index.d.ts

@@ -14,8 +14,6 @@ export type StatisticCardProps = {
     /** 底部额外展示区域 */
     footer?: React.ReactNode;
 } & CardProps;
-/** @deprecated */
-export type StatisticsCardProps = StatisticCardProps;
 declare const StatisticCard: React.FC<StatisticCardProps> & {
     Statistic: typeof Statistic;
     Divider: typeof Divider;

package/lib/card/components/StatisticCard/index.js

@@ -1,110 +1,79 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/card/components/StatisticCard/index.tsx
-var StatisticCard_exports = {};
-__export(StatisticCard_exports, {
-  default: () => StatisticCard_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(StatisticCard_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_Card = __toESM(require("../Card"));
-var import_Divider = __toESM(require("../Divider"));
-var import_Operation = __toESM(require("../Operation"));
-var import_Statistic = __toESM(require("../Statistic"));
-var import_style = require("./style");
-var StatisticCard = (props) => {
-  const _a = props, {
-    children,
-    statistic,
-    className,
-    chart,
-    chartPlacement,
-    footer
-  } = _a, others = __objRest(_a, [
-    "children",
-    "statistic",
-    "className",
-    "chart",
-    "chartPlacement",
-    "footer"
-  ]);
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-statistic-card");
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(prefixCls);
-  const classString = (0, import_classnames.default)(prefixCls, className, hashId);
-  const statisticDom = statistic && /* @__PURE__ */ import_react.default.createElement(import_Statistic.default, __spreadValues({ layout: "vertical" }, statistic));
-  const chartCls = (0, import_classnames.default)(`${prefixCls}-chart`, hashId, {
-    [`${prefixCls}-chart-left`]: chartPlacement === "left" && chart && statistic,
-    [`${prefixCls}-chart-right`]: chartPlacement === "right" && chart && statistic
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _Card = _interopRequireDefault(require("../Card"));
+var _Divider = _interopRequireDefault(require("../Divider"));
+var _Operation = _interopRequireDefault(require("../Operation"));
+var _Statistic = _interopRequireDefault(require("../Statistic"));
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "statistic", "className", "chart", "chartPlacement", "footer"];
+var StatisticCard = function StatisticCard(props) {
+  var children = props.children,
+    statistic = props.statistic,
+    className = props.className,
+    chart = props.chart,
+    chartPlacement = props.chartPlacement,
+    footer = props.footer,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-statistic-card');
+  var _useStyle = (0, _style.useStyle)(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var classString = (0, _classnames.default)(prefixCls, className, hashId);
+
+  // 在 StatisticCard 中时默认为 vertical。
+  var statisticDom = statistic && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Statistic.default, (0, _objectSpread2.default)({
+    layout: "vertical"
+  }, statistic));
+  var chartCls = (0, _classnames.default)("".concat(prefixCls, "-chart"), hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-chart-left"), chartPlacement === 'left' && chart && statistic), "".concat(prefixCls, "-chart-right"), chartPlacement === 'right' && chart && statistic));
+  var chartDom = chart && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: chartCls,
+    children: chart
   });
-  const chartDom = chart && /* @__PURE__ */ import_react.default.createElement("div", { className: chartCls }, chart);
-  const contentCls = (0, import_classnames.default)(`${prefixCls}-content `, hashId, {
-    [`${prefixCls}-content-horizontal`]: chartPlacement === "left" || chartPlacement === "right"
+  var contentCls = (0, _classnames.default)("".concat(prefixCls, "-content "), hashId, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-content-horizontal"), chartPlacement === 'left' || chartPlacement === 'right'));
+
+  // 默认上下结构
+  var contentDom = (chartDom || statisticDom) && (chartPlacement === 'left' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: contentCls,
+    children: [chartDom, statisticDom]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: contentCls,
+    children: [statisticDom, chartDom]
+  }));
+  var footerDom = footer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "".concat(prefixCls, "-footer ").concat(hashId).trim(),
+    children: footer
   });
-  const contentDom = (chartDom || statisticDom) && (chartPlacement === "left" ? /* @__PURE__ */ import_react.default.createElement("div", { className: contentCls }, chartDom, statisticDom) : /* @__PURE__ */ import_react.default.createElement("div", { className: contentCls }, statisticDom, chartDom));
-  const footerDom = footer && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-footer ${hashId}`.trim() }, footer);
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(import_Card.default, __spreadValues({ className: classString }, others), contentDom, children, footerDom)
-  );
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: classString
+  }, others), {}, {
+    children: [contentDom, children, footerDom]
+  })));
+};
+var Group = function Group(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StatisticCard, (0, _objectSpread2.default)({
+    bodyStyle: {
+      padding: 0
+    }
+  }, props));
 };
-var Group = (props) => /* @__PURE__ */ import_react.default.createElement(StatisticCard, __spreadValues({ bodyStyle: { padding: 0 } }, props));
-StatisticCard.Statistic = import_Statistic.default;
-StatisticCard.Divider = import_Divider.default;
-StatisticCard.Operation = import_Operation.default;
+StatisticCard.Statistic = _Statistic.default;
+StatisticCard.Divider = _Divider.default;
+StatisticCard.Operation = _Operation.default;
 StatisticCard.isProCard = true;
 StatisticCard.Group = Group;
-var StatisticCard_default = StatisticCard;
+var _default = exports.default = StatisticCard;