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

package/lib/card/components/CheckCard/Group.js

@@ -0,0 +1,275 @@
+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/CheckCard/Group.tsx
+var Group_exports = {};
+__export(Group_exports, {
+  CardLoading: () => CardLoading,
+  CheckCardGroupConnext: () => CheckCardGroupConnext,
+  default: () => Group_default
+});
+module.exports = __toCommonJS(Group_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_omit = __toESM(require("rc-util/lib/omit"));
+var import_react = __toESM(require("react"));
+var import_provider = require("../../../provider");
+var import_utils = require("../../../utils");
+var import_index = __toESM(require("./index"));
+var import_style = require("./style");
+var CardLoading = ({ prefixCls, hashId }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-loading-content`, hashId) }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: true, active: true, paragraph: { rows: 4 }, title: false }));
+};
+var CheckCardGroupConnext = (0, import_react.createContext)(null);
+var SubCheckCardGroup = (props) => {
+  const [collapse, setCollapse] = (0, import_react.useState)(false);
+  const { hashId } = import_provider.proTheme.useToken();
+  const baseCls = `${props.prefix}-sub-check-card`;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(baseCls, hashId) }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(`${baseCls}-title`, hashId),
+      onClick: () => {
+        setCollapse(!collapse);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_icons.RightOutlined,
+      {
+        style: {
+          transform: `rotate(${collapse ? 90 : 0}deg)`,
+          transition: "transform 0.3s"
+        }
+      }
+    ),
+    props.title
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(`${baseCls}-panel`, hashId, {
+        [`${baseCls}-panel-collapse`]: collapse
+      })
+    },
+    props.children
+  ));
+};
+var CheckCardGroup = (props) => {
+  const _a = props, {
+    prefixCls: customizePrefixCls,
+    className,
+    style,
+    options = [],
+    loading = false,
+    multiple = false,
+    bordered = true,
+    onChange
+  } = _a, restProps = __objRest(_a, [
+    "prefixCls",
+    "className",
+    "style",
+    "options",
+    "loading",
+    "multiple",
+    "bordered",
+    "onChange"
+  ]);
+  const antdContext = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const getOptions = (0, import_react.useCallback)(() => {
+    return options == null ? void 0 : options.map((option) => {
+      if (typeof option === "string") {
+        return {
+          title: option,
+          value: option
+        };
+      }
+      return option;
+    });
+  }, [options]);
+  const prefixCls = antdContext.getPrefixCls(
+    "pro-checkcard",
+    customizePrefixCls
+  );
+  const { wrapSSR, hashId } = (0, import_style.useStyle)(prefixCls);
+  const groupPrefixCls = `${prefixCls}-group`;
+  const domProps = (0, import_omit.default)(restProps, [
+    "children",
+    "defaultValue",
+    "value",
+    "disabled",
+    "size"
+  ]);
+  const [stateValue, setStateValue] = (0, import_utils.useMountMergeState)(props.defaultValue, {
+    value: props.value,
+    onChange: props.onChange
+  });
+  const registerValueMap = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const registerValue = (value) => {
+    var _a2;
+    (_a2 = registerValueMap.current) == null ? void 0 : _a2.set(value, true);
+  };
+  const cancelValue = (value) => {
+    var _a2;
+    (_a2 = registerValueMap.current) == null ? void 0 : _a2.delete(value);
+  };
+  const toggleOption = (option) => {
+    var _a2;
+    if (!multiple) {
+      let changeValue;
+      changeValue = stateValue;
+      if (changeValue === option.value) {
+        changeValue = void 0;
+      } else {
+        changeValue = option.value;
+      }
+      setStateValue == null ? void 0 : setStateValue(changeValue);
+    }
+    if (multiple) {
+      let changeValue = [];
+      const stateValues = stateValue;
+      const hasOption = stateValues == null ? void 0 : stateValues.includes(option.value);
+      changeValue = [...stateValues || []];
+      if (!hasOption) {
+        changeValue.push(option.value);
+      }
+      if (hasOption) {
+        changeValue = changeValue.filter(
+          (itemValue) => itemValue !== option.value
+        );
+      }
+      const newOptions = getOptions();
+      const newValue = (_a2 = changeValue == null ? void 0 : changeValue.filter((val) => registerValueMap.current.has(val))) == null ? void 0 : _a2.sort((a, b) => {
+        const indexA = newOptions.findIndex((opt) => opt.value === a);
+        const indexB = newOptions.findIndex((opt) => opt.value === b);
+        return indexA - indexB;
+      });
+      setStateValue(newValue);
+    }
+  };
+  const children = (0, import_react.useMemo)(() => {
+    if (loading) {
+      return new Array(
+        options.length || import_react.default.Children.toArray(props.children).length || 1
+      ).fill(0).map((_, index) => /* @__PURE__ */ import_react.default.createElement(import_index.default, { key: index, loading: true }));
+    }
+    if (options && options.length > 0) {
+      const optionValue = stateValue;
+      const renderOptions = (list) => {
+        return list.map((option) => {
+          var _a2, _b, _c;
+          if (option.children && option.children.length > 0) {
+            return /* @__PURE__ */ import_react.default.createElement(
+              SubCheckCardGroup,
+              {
+                title: option.title,
+                prefix: groupPrefixCls,
+                key: ((_a2 = option.value) == null ? void 0 : _a2.toString()) || ((_b = option.title) == null ? void 0 : _b.toString())
+              },
+              renderOptions(option.children)
+            );
+          }
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_index.default,
+            {
+              key: option.value.toString(),
+              disabled: option.disabled,
+              size: (_c = option.size) != null ? _c : props.size,
+              value: option.value,
+              checked: multiple ? optionValue == null ? void 0 : optionValue.includes(
+                option.value
+              ) : optionValue === option.value,
+              onChange: option.onChange,
+              title: option.title,
+              avatar: option.avatar,
+              description: option.description,
+              cover: option.cover
+            }
+          );
+        });
+      };
+      return renderOptions(getOptions());
+    }
+    return props.children;
+  }, [
+    getOptions,
+    loading,
+    multiple,
+    options,
+    props.children,
+    props.size,
+    stateValue
+  ]);
+  const classString = (0, import_classnames.default)(groupPrefixCls, className, hashId);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      CheckCardGroupConnext.Provider,
+      {
+        value: {
+          toggleOption,
+          bordered,
+          value: stateValue,
+          disabled: props.disabled,
+          size: props.size,
+          loading: props.loading,
+          multiple: props.multiple,
+          // https://github.com/ant-design/ant-design/issues/16376
+          registerValue,
+          cancelValue
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ className: classString, style }, domProps), children)
+    )
+  );
+};
+var Group_default = (props) => /* @__PURE__ */ import_react.default.createElement(import_provider.ProConfigProvider, { needDeps: true }, /* @__PURE__ */ import_react.default.createElement(CheckCardGroup, __spreadValues({}, props)));

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

@@ -0,0 +1,159 @@
+import type { MouseEventHandler } from 'react';
+import React from 'react';
+import type { CheckCardGroupProps } from './Group';
+import CheckCardGroup from './Group';
+/**
+ * Props for the CheckCard component.
+ */
+interface CheckCardProps {
+    /**
+     * Custom prefix class.
+     *
+     * @ignore
+     */
+    prefixCls?: string;
+    /**
+     * Callback function for change event.
+     *
+     * @param checked - The checked state.
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * Callback function for click event.
+     *
+     * @param event - The click event.
+     */
+    onClick?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void;
+    /**
+     * Callback function for mouse enter event.
+     *
+     * @param event - The mouse enter event.
+     */
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    /**
+     * Callback function for mouse leave event.
+     *
+     * @param event - The mouse leave event.
+     */
+    onMouseLeave?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void;
+    /**
+     * Whether the card is initially checked.
+     *
+     * @default false
+     * @title Default Checked
+     */
+    defaultChecked?: boolean;
+    /**
+     * Whether the card is checked.
+     *
+     * @default false
+     * @title Checked
+     */
+    checked?: boolean;
+    /**
+     * Whether the card is disabled.
+     *
+     * @default false
+     * @title Disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom style for the card.
+     *
+     * @ignore
+     */
+    style?: React.CSSProperties;
+    /**
+     * Custom class name for the card.
+     *
+     * @ignore
+     */
+    className?: string;
+    /**
+     * The avatar to display on the left side, can be a link or a ReactNode.
+     *
+     * @title Avatar
+     */
+    avatar?: React.ReactNode;
+    /**
+     * The title to display.
+     *
+     * @title Title
+     */
+    title?: React.ReactNode;
+    /**
+     * The subtitle to display.
+     *
+     * @title Subtitle
+     */
+    subTitle?: React.ReactNode;
+    /**
+     * The description to display.
+     *
+     * @title Description
+     */
+    description?: React.ReactNode;
+    /**
+     * The value of the card.
+     *
+     * @title Value
+     */
+    value?: any;
+    /**
+     * Whether the content is in loading state.
+     *
+     * @default false
+     * @title Loading
+     */
+    loading?: boolean;
+    /**
+     * The cover image of the card. Other display values are ignored in this mode.
+     *
+     * @title Card Background Image
+     */
+    cover?: React.ReactNode;
+    /**
+     * The size of the component. Supports 'large', 'default', and 'small' sizes. Users can also customize the width and height.
+     *
+     * @default default
+     * @title Checkbox Size
+     */
+    size?: 'large' | 'default' | 'small';
+    /**
+     * Whether to show the border.
+     *
+     * @default true
+     * @title Show Border
+     */
+    bordered?: boolean;
+    /**
+     * The action area in the top right corner of the card.
+     *
+     * @title Actions
+     */
+    extra?: React.ReactNode;
+    /**
+     * The content of the card.
+     */
+    children?: React.ReactNode;
+    /**
+     * Custom style for the content area.
+     */
+    bodyStyle?: React.CSSProperties;
+    /**
+     * The action area in the bottom right corner.
+     */
+    actions?: React.ReactNode[];
+    /**
+     * Whether the card is in ghost mode.
+     */
+    ghost?: boolean;
+}
+export interface CheckCardState {
+    checked: boolean;
+}
+declare const CheckCard: React.FC<CheckCardProps> & {
+    Group: typeof CheckCardGroup;
+};
+export type { CheckCardGroupProps, CheckCardProps };
+export default CheckCard;

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

@@ -0,0 +1,214 @@
+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/CheckCard/index.tsx
+var CheckCard_exports = {};
+__export(CheckCard_exports, {
+  default: () => CheckCard_default
+});
+module.exports = __toCommonJS(CheckCard_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_utils = require("../../../utils");
+var import_Actions = __toESM(require("../Actions"));
+var import_Group = __toESM(require("./Group"));
+var import_style = require("./style");
+var CheckCard = (props) => {
+  var _b;
+  const [stateChecked, setStateChecked] = (0, import_utils.useMountMergeState)(
+    props.defaultChecked || false,
+    {
+      value: props.checked,
+      onChange: props.onChange
+    }
+  );
+  const checkCardGroup = (0, import_react.useContext)(import_Group.CheckCardGroupConnext);
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  const handleClick = (e) => {
+    var _a2, _b2;
+    (_a2 = props == null ? void 0 : props.onClick) == null ? void 0 : _a2.call(props, e);
+    const newChecked = !stateChecked;
+    (_b2 = checkCardGroup == null ? void 0 : checkCardGroup.toggleOption) == null ? void 0 : _b2.call(checkCardGroup, { value: props.value });
+    setStateChecked == null ? void 0 : setStateChecked(newChecked);
+  };
+  const getSizeCls = (size2) => {
+    if (size2 === "large")
+      return "lg";
+    if (size2 === "small")
+      return "sm";
+    return "";
+  };
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    (_a2 = checkCardGroup == null ? void 0 : checkCardGroup.registerValue) == null ? void 0 : _a2.call(checkCardGroup, props.value);
+    return () => {
+      var _a3;
+      return (_a3 = checkCardGroup == null ? void 0 : checkCardGroup.cancelValue) == null ? void 0 : _a3.call(checkCardGroup, props.value);
+    };
+  }, [props.value]);
+  const _a = props, {
+    prefixCls: customizePrefixCls,
+    className,
+    avatar,
+    title,
+    description,
+    cover,
+    extra,
+    style = {}
+  } = _a, others = __objRest(_a, [
+    "prefixCls",
+    "className",
+    "avatar",
+    "title",
+    "description",
+    "cover",
+    "extra",
+    "style"
+  ]);
+  const checkCardProps = __spreadValues({}, others);
+  const prefixCls = getPrefixCls("pro-checkcard", customizePrefixCls);
+  const { wrapSSR, hashId } = (0, import_style.useStyle)(prefixCls);
+  const renderCover = (cls, coverDom) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${cls}-cover`, hashId) }, typeof coverDom === "string" ? /* @__PURE__ */ import_react.default.createElement("img", { src: coverDom, alt: "checkcard" }) : coverDom);
+  };
+  checkCardProps.checked = stateChecked;
+  let multiple = false;
+  if (checkCardGroup) {
+    checkCardProps.disabled = props.disabled || checkCardGroup.disabled;
+    checkCardProps.loading = props.loading || checkCardGroup.loading;
+    checkCardProps.bordered = props.bordered || checkCardGroup.bordered;
+    multiple = checkCardGroup.multiple;
+    const isChecked = checkCardGroup.multiple ? (_b = checkCardGroup.value) == null ? void 0 : _b.includes(props.value) : checkCardGroup.value === props.value;
+    checkCardProps.checked = checkCardProps.loading ? false : isChecked;
+    checkCardProps.size = props.size || checkCardGroup.size;
+  }
+  const {
+    disabled = false,
+    size,
+    loading: cardLoading,
+    bordered = true,
+    checked
+  } = checkCardProps;
+  const sizeCls = getSizeCls(size);
+  const classString = (0, import_classnames.default)(prefixCls, className, hashId, {
+    [`${prefixCls}-loading`]: cardLoading,
+    [`${prefixCls}-${sizeCls}`]: sizeCls,
+    [`${prefixCls}-checked`]: checked,
+    [`${prefixCls}-multiple`]: multiple,
+    [`${prefixCls}-disabled`]: disabled,
+    [`${prefixCls}-bordered`]: bordered,
+    [`${prefixCls}-ghost`]: props.ghost
+  });
+  const metaDom = (0, import_react.useMemo)(() => {
+    if (cardLoading) {
+      return /* @__PURE__ */ import_react.default.createElement(import_Group.CardLoading, { prefixCls: prefixCls || "", hashId });
+    }
+    if (cover) {
+      return renderCover(prefixCls || "", cover);
+    }
+    const avatarDom = avatar ? /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-avatar`, hashId) }, typeof avatar === "string" ? /* @__PURE__ */ import_react.default.createElement(import_antd.Avatar, { size: 48, shape: "square", src: avatar }) : avatar) : null;
+    const headerDom = (title != null ? title : extra) != null && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-header`, hashId) }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-header-left`, hashId) }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(`${prefixCls}-title`, hashId, {
+          [`${prefixCls}-title-with-ellipsis`]: typeof title === "string"
+        })
+      },
+      title
+    ), props.subTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-subTitle`, hashId) }, props.subTitle) : null), extra && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-extra`, hashId) }, extra));
+    const descriptionDom = description ? /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-description`, hashId) }, description) : null;
+    const metaClass = (0, import_classnames.default)(`${prefixCls}-content`, hashId, {
+      [`${prefixCls}-avatar-header`]: avatarDom && headerDom && !descriptionDom
+    });
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: metaClass }, avatarDom, headerDom || descriptionDom ? /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-detail`, hashId) }, headerDom, descriptionDom) : null);
+  }, [
+    avatar,
+    cardLoading,
+    cover,
+    description,
+    extra,
+    hashId,
+    prefixCls,
+    props.subTitle,
+    title
+  ]);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: classString,
+        style,
+        onClick: (e) => {
+          if (!cardLoading && !disabled) {
+            handleClick(e);
+          }
+        },
+        onMouseEnter: props.onMouseEnter
+      },
+      metaDom,
+      props.children ? /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(`${prefixCls}-body`, hashId),
+          style: props.bodyStyle
+        },
+        props.children
+      ) : null,
+      props.actions ? /* @__PURE__ */ import_react.default.createElement(import_Actions.default, { actions: props.actions, prefixCls }) : null
+    )
+  );
+};
+CheckCard.Group = import_Group.default;
+var CheckCard_default = CheckCard;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Keyframes } from '@ant-design/cssinjs';
+import type { ProAliasToken } from '../../../provider';
+export interface ProListToken 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;
+};