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

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

@@ -0,0 +1,226 @@
+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 { 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": {
+      color: token.colorTextDisabled
+    },
+    "&-avatar": {
+      opacity: "0.25"
+    }
+  }
+});
+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": {
+          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
+        }
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useAntdStyle("CheckCard", (token) => {
+    const proListToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genProStyle(proListToken)];
+  });
+}
+export {
+  cardLoading,
+  useStyle
+};

package/es/card/components/Divider/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export type ProCardDividerProps = {
+    /**
+     * 样式
+     *
+     * @ignore
+     */
+    style?: React.CSSProperties;
+    /**
+     * ClassName
+     *
+     * @ignore
+     */
+    className?: string;
+    /**
+     * 布局类型
+     *
+     * @default vertical
+     */
+    type?: 'horizontal' | 'vertical';
+};
+declare const ProCardDivider: React.FC<ProCardDividerProps>;
+export default ProCardDivider;

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

@@ -0,0 +1,20 @@
+// src/card/components/Divider/index.tsx
+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
+};

package/es/card/components/Divider/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function useStyle(prefixCls: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

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

@@ -0,0 +1,61 @@
+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 { 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
+        }
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useAntdStyle("ProCardDivider", (token) => {
+    const proCardDividerToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genDividerStyle(proCardDividerToken)];
+  });
+}
+export {
+  useStyle as default
+};

package/es/card/components/Loading/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type LoadingProps = {
+    /** 类名 */
+    className?: string;
+    /** 样式属性 */
+    style?: React.CSSProperties;
+    /** Prefix */
+    prefix?: string;
+};
+declare const Loading: React.FC<LoadingProps>;
+export default Loading;

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

@@ -0,0 +1,15 @@
+// src/card/components/Loading/index.tsx
+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
+};

package/es/card/components/Loading/style.d.ts

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

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

@@ -0,0 +1,70 @@
+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/Loading/style.ts
+import { Keyframes } from "@ant-design/cssinjs";
+import { useStyle as useAntdStyle } from "../../../provider";
+var cardLoading = new Keyframes("card-loading", {
+  "0%": { backgroundPosition: "0 50%" },
+  "50%": { backgroundPosition: "100% 50%" },
+  "100%": { backgroundPosition: "0 50%" }
+});
+var genProStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      "&-loading": {
+        overflow: "hidden"
+      },
+      "&-loading &-body": {
+        userSelect: "none"
+      },
+      [`${token.componentCls}-loading-content`]: {
+        width: "100%",
+        p: {
+          marginBlock: 0,
+          marginInline: 0
+        }
+      },
+      [`${token.componentCls}-loading-block`]: {
+        height: "14px",
+        marginBlock: "4px",
+        background: `linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))`,
+        backgroundSize: "600% 600%",
+        borderRadius: token.borderRadius,
+        animationName: cardLoading,
+        animationDuration: "1.4s",
+        animationTimingFunction: "ease",
+        animationIterationCount: "infinite"
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useAntdStyle("ProCardLoading", (token) => {
+    const proToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genProStyle(proToken)];
+  });
+}
+export {
+  cardLoading,
+  useStyle
+};

package/es/card/components/Operation/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface ProCardOperationProps {
+    /**
+     * 样式
+     *
+     * @ignore
+     */
+    style?: React.CSSProperties;
+    /**
+     * ClassName
+     *
+     * @ignore
+     */
+    className?: string;
+    children?: any;
+}
+declare const ProCardOperation: React.FC<ProCardOperationProps>;
+export default ProCardOperation;

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

@@ -0,0 +1,19 @@
+// src/card/components/Operation/index.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useContext } from "react";
+import { useStyle } from "./style";
+var ProCardOperation = (props) => {
+  const { className, style = {}, children } = props;
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("pro-card-operation");
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  const classString = classNames(prefixCls, className, hashId);
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement("div", { className: classString, style }, children)
+  );
+};
+var Operation_default = ProCardOperation;
+export {
+  Operation_default as default
+};

package/es/card/components/Operation/style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ProAliasToken } from '../../../provider';
+export interface ProToken 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/es/card/components/Operation/style.js

@@ -0,0 +1,48 @@
+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/Operation/style.ts
+import { useStyle as useAntdStyle } from "../../../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 useAntdStyle("ProCardOperation", (token) => {
+    const proToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genProStyle(proToken)];
+  });
+}
+export {
+  useStyle
+};

package/es/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/es/card/components/Statistic/index.js

@@ -0,0 +1,100 @@
+var __defProp = Object.defineProperty;
+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 __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;
+};
+
+// src/card/components/Statistic/index.tsx
+import { QuestionCircleOutlined } from "@ant-design/icons";
+import {
+  Statistic as AntdStatistic,
+  Badge,
+  ConfigProvider,
+  Tooltip
+} from "antd";
+import classNames from "classnames";
+import React, { useContext } from "react";
+import { useStyle } from "./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 } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("pro-card-statistic");
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  const classString = classNames(prefixCls, className, hashId);
+  const statusClass = classNames(`${prefixCls}-status`, hashId);
+  const iconClass = classNames(`${prefixCls}-icon`, hashId);
+  const wrapperClass = classNames(`${prefixCls}-wrapper`, hashId);
+  const contentClass = classNames(`${prefixCls}-content`, hashId);
+  const statisticClassName = classNames(hashId, {
+    [`${prefixCls}-layout-${layout}`]: layout,
+    [`${prefixCls}-trend-${trend}`]: trend
+  });
+  const tipDom = tip && /* @__PURE__ */ React.createElement(Tooltip, { title: tip }, /* @__PURE__ */ React.createElement(QuestionCircleOutlined, { className: `${prefixCls}-tip ${hashId}`.trim() }));
+  const trendIconClassName = classNames(`${prefixCls}-trend-icon`, hashId, {
+    [`${prefixCls}-trend-icon-${trend}`]: trend
+  });
+  const trendDom = trend && /* @__PURE__ */ React.createElement("div", { className: trendIconClassName });
+  const statusDom = status && /* @__PURE__ */ React.createElement("div", { className: statusClass }, /* @__PURE__ */ React.createElement(Badge, { status, text: null }));
+  const iconDom = icon && /* @__PURE__ */ React.createElement("div", { className: iconClass }, icon);
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement("div", { className: classString, style }, iconDom, /* @__PURE__ */ React.createElement("div", { className: wrapperClass }, statusDom, /* @__PURE__ */ React.createElement("div", { className: contentClass }, /* @__PURE__ */ React.createElement(
+      AntdStatistic,
+      __spreadValues({
+        title: (title || tipDom) && /* @__PURE__ */ React.createElement(React.Fragment, null, title, tipDom),
+        prefix: (trendDom || prefix) && /* @__PURE__ */ React.createElement(React.Fragment, null, trendDom, prefix),
+        className: statisticClassName
+      }, others)
+    ), description && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-description ${hashId}`.trim() }, description))))
+  );
+};
+var Statistic_default = Statistic;
+export {
+  Statistic_default as default
+};