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

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

@@ -0,0 +1,65 @@
+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);
+
+// src/card/components/Operation/style.ts
+var style_exports = {};
+__export(style_exports, {
+  useStyle: () => useStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_provider = require("../../../provider");
+var genProStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "flex-end",
+      marginBlock: token.marginLG,
+      marginInline: 0,
+      color: token.colorText,
+      fontWeight: "500",
+      fontSize: "20px",
+      lineHeight: "38px"
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return (0, import_provider.useStyle)("ProCardOperation", (token) => {
+    const proToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genProStyle(proToken)];
+  });
+}

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

@@ -0,0 +1,31 @@
+import type { StatisticProps as AntdStatisticProps, BadgeProps } from 'antd';
+import React from 'react';
+export interface StatisticProps extends AntdStatisticProps {
+    /**
+     * 样式
+     *
+     * @ignore
+     */
+    style?: React.CSSProperties;
+    /**
+     * ClassName
+     *
+     * @ignore
+     */
+    className?: string;
+    /** 描述性标签 */
+    description?: React.ReactNode;
+    /** 标题提示 */
+    tip?: React.ReactNode;
+    /** 当前项显示的状态 */
+    status?: BadgeProps['status'];
+    /** Icon 图标 */
+    icon?: React.ReactNode;
+    /** Layout 布局 */
+    layout?: 'horizontal' | 'vertical' | 'inline';
+    /** 趋势 */
+    trend?: 'up' | 'down';
+    children?: any;
+}
+declare const Statistic: React.FC<StatisticProps>;
+export default Statistic;

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

@@ -0,0 +1,122 @@
+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);
+
+// src/card/components/Statistic/index.tsx
+var Statistic_exports = {};
+__export(Statistic_exports, {
+  default: () => Statistic_default
+});
+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
+  });
+  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
+  });
+  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))))
+  );
+};
+var Statistic_default = Statistic;

package/lib/card/components/Statistic/style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '../../../provider';
+export interface ProListToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

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

@@ -0,0 +1,140 @@
+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);
+
+// src/card/components/Statistic/style.ts
+var style_exports = {};
+__export(style_exports, {
+  useStyle: () => useStyle
+});
+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)" }
+      },
+      "&-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
+        }
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return (0, import_provider.useStyle)("Statistic", (token) => {
+    const proListToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genProStyle(proListToken)];
+  });
+}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { CardProps } from '../../typing';
+import Divider from '../Divider';
+import Operation from '../Operation';
+import type { StatisticProps } from '../Statistic';
+import Statistic from '../Statistic';
+export type StatisticCardProps = {
+    /** 图表配置 */
+    chart?: React.ReactNode;
+    /** 数值统计配置 */
+    statistic?: StatisticProps;
+    /** Chart 相对于 statistic 的位置 */
+    chartPlacement?: 'right' | 'bottom' | 'left';
+    /** 底部额外展示区域 */
+    footer?: React.ReactNode;
+} & CardProps;
+/** @deprecated */
+export type StatisticsCardProps = StatisticCardProps;
+declare const StatisticCard: React.FC<StatisticCardProps> & {
+    Statistic: typeof Statistic;
+    Divider: typeof Divider;
+    Operation: typeof Operation;
+    isProCard: boolean;
+    Group: typeof Group;
+};
+declare const Group: React.FC<StatisticCardProps>;
+export default StatisticCard;

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

@@ -0,0 +1,110 @@
+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);
+
+// src/card/components/StatisticCard/index.tsx
+var StatisticCard_exports = {};
+__export(StatisticCard_exports, {
+  default: () => StatisticCard_default
+});
+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
+  });
+  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"
+  });
+  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)
+  );
+};
+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.isProCard = true;
+StatisticCard.Group = Group;
+var StatisticCard_default = StatisticCard;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '../../../provider';
+export interface ProListToken extends ProAliasToken {
+    componentCls: string;
+}
+export declare function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

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

@@ -0,0 +1,80 @@
+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);
+
+// src/card/components/StatisticCard/style.ts
+var style_exports = {};
+__export(style_exports, {
+  useStyle: () => useStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_provider = require("../../../provider");
+var genProStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      "&-chart": {
+        display: "flex",
+        flexDirection: "column",
+        marginBlockStart: 8,
+        marginBlockEnd: 8,
+        "&-left": { marginBlockStart: 0, marginInlineEnd: "16px" },
+        "&-right": { marginBlockStart: 0, marginInlineStart: "16px" }
+      },
+      "&-content": {
+        display: "flex",
+        flexDirection: "column",
+        "&-horizontal": {
+          flexDirection: "row",
+          [`${token.componentCls}-chart`]: {
+            alignItems: "center",
+            alignSelf: "flex-start"
+          }
+        }
+      },
+      "&-footer": {
+        marginBlockStart: 8,
+        paddingBlockStart: "16px",
+        borderBlockStart: `rgba(0, 0, 0, 0.08) solid ${token.colorBorder}`
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return (0, import_provider.useStyle)("StatisticCard", (token) => {
+    const proListToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genProStyle(proListToken)];
+  });
+}

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

@@ -0,0 +1,26 @@
+import type { TabsProps } from 'antd';
+import React from 'react';
+import type { ProCardTabPaneProps, ProCardTabsProps } from '../../typing';
+export declare function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode, tabs?: ProCardTabsProps): {
+    children: import("react/jsx-runtime").JSX.Element;
+    label: React.ReactNode;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    disabled?: boolean | undefined;
+    forceRender?: boolean | undefined;
+    closable?: boolean | undefined;
+    closeIcon?: React.ReactNode;
+    icon?: React.ReactNode;
+    prefixCls?: string | undefined;
+    tabKey?: string | undefined;
+    id?: string | undefined;
+    animated?: boolean | undefined;
+    active?: boolean | undefined;
+    destroyInactiveTabPane?: boolean | undefined;
+    key: string;
+}[];
+/**
+ * @deprecated ProComponets 3.0
+ */
+declare const TabPane: React.FC<ProCardTabPaneProps>;
+export default TabPane;