tntd 2.6.8 → 2.6.10

package/lib/check-card/group.js

@@ -0,0 +1,236 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CheckCardGroupConnext = exports.CardLoading = void 0;
+var _omit2 = _interopRequireDefault(require("lodash/omit"));
+var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _index = require("../index");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _index2 = _interopRequireDefault(require("./index"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var CardLoading = function CardLoading(_ref) {
+  var prefixCls = _ref.prefixCls;
+  var loadingBlockClass = "".concat(prefixCls, "-loading-block");
+  return _react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-loading-content")
+  }, _react["default"].createElement(_index.Row, {
+    gutter: {
+      xs: 8,
+      sm: 8,
+      md: 8,
+      lg: 12
+    }
+  }, _react["default"].createElement(_index.Col, {
+    span: 22
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))), _react["default"].createElement(_index.Row, {
+    gutter: 8
+  }, _react["default"].createElement(_index.Col, {
+    span: 8
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 14
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))), _react["default"].createElement(_index.Row, {
+    gutter: 8
+  }, _react["default"].createElement(_index.Col, {
+    span: 6
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 16
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))), _react["default"].createElement(_index.Row, {
+    gutter: 8
+  }, _react["default"].createElement(_index.Col, {
+    span: 13
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 9
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))), _react["default"].createElement(_index.Row, {
+    gutter: 8
+  }, _react["default"].createElement(_index.Col, {
+    span: 4
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 3
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  })), _react["default"].createElement(_index.Col, {
+    span: 14
+  }, _react["default"].createElement("div", {
+    className: loadingBlockClass
+  }))));
+};
+exports.CardLoading = CardLoading;
+var CheckCardGroupConnext = (0, _react.createContext)(null);
+exports.CheckCardGroupConnext = CheckCardGroupConnext;
+var CheckCardGroup = function CheckCardGroup(props) {
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    style = props.style,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? false : _props$multiple,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    onChange = props.onChange,
+    restProps = __rest(props, ["prefixCls", "className", "style", "options", "loading", "multiple", "bordered", "onChange"]);
+  var getOptions = (0, _react.useCallback)(function () {
+    return options === null || options === void 0 ? void 0 : options.map(function (option) {
+      if (typeof option === 'string') {
+        return {
+          title: option,
+          value: option
+        };
+      }
+      return option;
+    });
+  }, [options]);
+  var prefixCls = 'tntd-checkcard';
+  var groupPrefixCls = "".concat(prefixCls, "-group");
+  var domProps = (0, _omit2["default"])(restProps, ['children', 'defaultValue', 'value', 'disabled', 'size']);
+  var _useMountMergeState = (0, _useMergedState["default"])(props.defaultValue, {
+      value: props.value,
+      onChange: props.onChange
+    }),
+    _useMountMergeState2 = _slicedToArray(_useMountMergeState, 2),
+    stateValue = _useMountMergeState2[0],
+    setStateValue = _useMountMergeState2[1];
+  var registerValueMap = (0, _react.useRef)(new Map());
+  var registerValue = function registerValue(value) {
+    var _a;
+    (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a.set(value, true);
+  };
+  var cancelValue = function cancelValue(value) {
+    var _a;
+    (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a["delete"](value);
+  };
+  var toggleOption = function toggleOption(option) {
+    var _a;
+    if (!multiple) {
+      var changeValue;
+      changeValue = stateValue;
+      // 单选模式
+      if (changeValue === option.value) {
+        changeValue = undefined;
+      } else {
+        changeValue = option.value;
+      }
+      setStateValue === null || setStateValue === void 0 ? void 0 : setStateValue(changeValue);
+    }
+    if (multiple) {
+      var _changeValue = [];
+      var stateValues = stateValue;
+      var hasOption = stateValues === null || stateValues === void 0 ? void 0 : stateValues.includes(option.value);
+      _changeValue = _toConsumableArray(stateValues || []);
+      if (!hasOption) {
+        _changeValue.push(option.value);
+      }
+      if (hasOption) {
+        _changeValue = _changeValue.filter(function (itemValue) {
+          return itemValue !== option.value;
+        });
+      }
+      var newOptions = getOptions();
+      var newValue = (_a = _changeValue === null || _changeValue === void 0 ? void 0 : _changeValue.filter(function (val) {
+        return registerValueMap.current.has(val);
+      })) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
+        var indexA = newOptions.findIndex(function (opt) {
+          return opt.value === a;
+        });
+        var indexB = newOptions.findIndex(function (opt) {
+          return opt.value === b;
+        });
+        return indexA - indexB;
+      });
+      setStateValue(newValue);
+    }
+  };
+  var children = (0, _react.useMemo)(function () {
+    if (loading) {
+      return new Array(options.length || _react["default"].Children.toArray(props.children).length || 1).fill(0).map(function (_, index) {
+        return _react["default"].createElement(_index2["default"], {
+          key: index,
+          loading: true
+        });
+      });
+    }
+    if (options && options.length > 0) {
+      var optionValue = stateValue;
+      return getOptions().map(function (option) {
+        var _a;
+        return _react["default"].createElement(_index2["default"], {
+          key: option.value.toString(),
+          disabled: option.disabled,
+          size: (_a = option.size) !== null && _a !== void 0 ? _a : props.size,
+          value: option.value,
+          checked: multiple ? optionValue === null || optionValue === void 0 ? 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 props.children;
+  }, [getOptions, loading, multiple, options, props.children, props.size, stateValue]);
+  var classString = (0, _classnames["default"])(groupPrefixCls, className);
+  return _react["default"].createElement(CheckCardGroupConnext.Provider, {
+    value: {
+      toggleOption: toggleOption,
+      bordered: 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: registerValue,
+      cancelValue: cancelValue
+    }
+  }, _react["default"].createElement("div", Object.assign({
+    className: classString,
+    style: style
+  }, domProps), children));
+};
+var _default = CheckCardGroup;
+exports["default"] = _default;

package/lib/check-card/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../src/check-card/group.tsx"],"names":[],"mappings":"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","sourcesContent":["import useMountMergeState from 'rc-util/lib/hooks/useMergedState'\nimport { Col, ConfigProvider, Row } from '../index'\n\nimport classNames from 'classnames'\nimport { omit } from 'lodash'\n\nimport React, { createContext, useCallback, useMemo, useRef } from 'react'\nimport CheckCard from './index'\n\nexport type CheckCardValueType = string | number | boolean\n\nexport type CheckGroupValueType = CheckCardValueType[] | CheckCardValueType | undefined\n\nexport interface CheckCardOptionType {\n  /**\n   * 标题展示\n   *\n   * @title 标题\n   */\n  title?: React.ReactNode\n  /**\n   * 选项值\n   *\n   * @title 值\n   */\n  value: CheckCardValueType\n  /**\n   * 描述展示\n   *\n   * @title 描述\n   */\n  description?: React.ReactNode\n  /**\n   * 组件尺寸，支持大，中，小三种默认尺寸，用户可以自定义宽高\n   *\n   * @default default\n   * @title 组件尺寸\n   */\n  size?: 'large' | 'default' | 'small'\n  /**\n   * 左侧头像展示，可以是一个链接也可以是是一个 ReactNode\n   *\n   * @title 左侧头像区域\n   */\n  avatar?: React.ReactNode\n  /**\n   * 图片封面默认，该模式下其他展示值被忽略\n   *\n   * @title 图片封面\n   */\n  cover?: React.ReactNode\n  /**\n   * 不可用\n   *\n   * @default false\n   * @title 不可用\n   */\n  disabled?: boolean\n  /** Change 回调 */\n  onChange?: (checked: boolean) => void\n}\n\nexport interface AbstractCheckCardGroupProps {\n  /** @ignore */\n  prefixCls?: string\n  /** @ignore */\n  className?: string\n  /** 指定可选项 */\n  options?: (CheckCardOptionType | string)[]\n  /** 整组失效 */\n  disabled?: boolean\n  /** @ignore */\n  style?: React.CSSProperties\n  /**\n   * 组件尺寸，支持大，中，小三种默认尺寸，用户可以自定义宽高\n   *\n   * @default default\n   */\n  size?: 'large' | 'default' | 'small'\n\n  /**\n   * @acceptions CheckCard\n   * @ignore\n   */\n  children?: React.ReactNode\n}\n\nexport const CardLoading: React.FC<{\n  prefixCls: string\n}> = ({ prefixCls }) => {\n  const loadingBlockClass = `${prefixCls}-loading-block`\n  return (\n    <div className={`${prefixCls}-loading-content`}>\n      <Row\n        gutter={{\n          xs: 8,\n          sm: 8,\n          md: 8,\n          lg: 12,\n        }}\n      >\n        <Col span={22}>\n          <div className={loadingBlockClass} />\n        </Col>\n      </Row>\n      <Row gutter={8}>\n        <Col span={8}>\n          <div className={loadingBlockClass} />\n        </Col>\n        <Col span={14}>\n          <div className={loadingBlockClass} />\n        </Col>\n      </Row>\n      <Row gutter={8}>\n        <Col span={6}>\n          <div className={loadingBlockClass} />\n        </Col>\n        <Col span={16}>\n          <div className={loadingBlockClass} />\n        </Col>\n      </Row>\n      <Row gutter={8}>\n        <Col span={13}>\n          <div className={loadingBlockClass} />\n        </Col>\n        <Col span={9}>\n          <div className={loadingBlockClass} />\n        </Col>\n      </Row>\n      <Row gutter={8}>\n        <Col span={4}>\n          <div className={loadingBlockClass} />\n        </Col>\n        <Col span={3}>\n          <div className={loadingBlockClass} />\n        </Col>\n        <Col span={14}>\n          <div className={loadingBlockClass} />\n        </Col>\n      </Row>\n    </div>\n  )\n}\n\nexport interface CheckCardGroupProps extends AbstractCheckCardGroupProps {\n  /**\n   * 是否多选\n   *\n   * @title 是否多选\n   */\n  multiple?: boolean\n  /**\n   * 默认选中的选项\n   *\n   * @title 默认选中的选项\n   */\n  defaultValue?: CheckGroupValueType\n  /**\n   * 指定选中的选项\n   *\n   * @title 指定选中的选项\n   */\n  value?: CheckGroupValueType\n  /**\n   * 当卡片组内容还在加载中时，可以用 loading 展示一个占位\n   *\n   * @title 加载中\n   */\n  loading?: boolean\n  /**\n   * 是否显示边框\n   *\n   * @title 显示边框\n   */\n  bordered?: boolean\n  /** 变化时回调函数 */\n  onChange?: (checkedValue: CheckGroupValueType) => void\n}\n\nexport interface CheckCardGroupState {\n  value: CheckGroupValueType\n  registeredValues: CheckCardValueType[]\n}\n\nexport interface CheckCardGroupConnextType {\n  toggleOption?: (option: CheckCardOptionType) => void\n  value?: any\n  disabled?: boolean\n  size?: 'default' | 'large' | 'small'\n  loading?: boolean\n  bordered?: boolean\n  multiple?: boolean\n  registerValue?: (value: any) => void\n  cancelValue?: (value: any) => void\n}\n\nexport const CheckCardGroupConnext = createContext<CheckCardGroupConnextType | null>(null)\n\nconst CheckCardGroup: React.FC<CheckCardGroupProps> = (props) => {\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    style,\n    options = [],\n    loading = false,\n    multiple = false,\n    bordered = true,\n    onChange,\n    ...restProps\n  } = props\n\n  const getOptions = useCallback(() => {\n    return (options as CheckCardOptionType[])?.map((option) => {\n      if (typeof option === 'string') {\n        return {\n          title: option,\n          value: option,\n        } as CheckCardOptionType\n      }\n      return option\n    })\n  }, [options])\n\n  const prefixCls = 'tntd-checkcard'\n  const groupPrefixCls = `${prefixCls}-group`\n  const domProps = omit(restProps, ['children', 'defaultValue', 'value', 'disabled', 'size'])\n\n  const [stateValue, setStateValue] = useMountMergeState<\n    CheckCardValueType[] | CheckCardValueType | undefined\n  >(props.defaultValue, {\n    value: props.value,\n    onChange: props.onChange,\n  })\n\n  const registerValueMap = useRef<Map<CheckCardValueType, any>>(new Map())\n\n  const registerValue = (value: string) => {\n    registerValueMap.current?.set(value, true)\n  }\n\n  const cancelValue = (value: string) => {\n    registerValueMap.current?.delete(value)\n  }\n\n  const toggleOption = (option: CheckCardOptionType) => {\n    if (!multiple) {\n      let changeValue\n\n      changeValue = stateValue\n      // 单选模式\n      if (changeValue === option.value) {\n        changeValue = undefined\n      } else {\n        changeValue = option.value\n      }\n      setStateValue?.(changeValue)\n    }\n\n    if (multiple) {\n      let changeValue = []\n      const stateValues = stateValue as CheckCardValueType[]\n      const hasOption = stateValues?.includes(option.value)\n      changeValue = [...(stateValues || [])]\n      if (!hasOption) {\n        changeValue.push(option.value)\n      }\n      if (hasOption) {\n        changeValue = changeValue.filter((itemValue) => itemValue !== option.value)\n      }\n      const newOptions = getOptions()\n      const newValue = changeValue\n        ?.filter((val) => registerValueMap.current.has(val))\n        ?.sort((a, b) => {\n          const indexA = newOptions.findIndex((opt) => opt.value === a)\n          const indexB = newOptions.findIndex((opt) => opt.value === b)\n          return indexA - indexB\n        })\n\n      setStateValue(newValue)\n    }\n  }\n\n  const children = useMemo((): React.ReactNode => {\n    if (loading) {\n      return new Array(options.length || React.Children.toArray(props.children).length || 1)\n        .fill(0)\n        .map((_, index) => <CheckCard key={index} loading />) as React.ReactNode[]\n    }\n\n    if (options && options.length > 0) {\n      const optionValue = stateValue as CheckCardValueType[] | CheckCardValueType\n      return getOptions().map((option) => (\n        <CheckCard\n          key={option.value.toString()}\n          disabled={option.disabled}\n          size={option.size ?? props.size}\n          value={option.value}\n          checked={\n            multiple\n              ? (optionValue as CheckCardValueType[])?.includes(option.value)\n              : (optionValue as CheckCardValueType) === option.value\n          }\n          onChange={option.onChange}\n          title={option.title}\n          avatar={option.avatar}\n          description={option.description}\n          cover={option.cover}\n        />\n      )) as React.ReactNode[]\n    }\n    return props.children as React.ReactNode\n  }, [getOptions, loading, multiple, options, props.children, props.size, stateValue])\n\n  const classString = classNames(groupPrefixCls, className)\n\n  return (\n    <CheckCardGroupConnext.Provider\n      value={{\n        toggleOption,\n        bordered,\n        value: stateValue,\n        disabled: props.disabled,\n        size: props.size,\n        loading: props.loading,\n        multiple: props.multiple,\n        // https://github.com/ant-design/ant-design/issues/16376\n        registerValue,\n        cancelValue,\n      }}\n    >\n      <div className={classString} style={style} {...domProps}>\n        {children}\n      </div>\n    </CheckCardGroupConnext.Provider>\n  )\n}\n\nexport default CheckCardGroup\n"]}

package/lib/check-card/index.d.ts

@@ -0,0 +1,136 @@
+import type { MouseEventHandler } from 'react';
+import React from 'react';
+import type { CheckCardGroupProps } from './group';
+import CheckCardGroup from './group';
+import './index.less';
+interface CheckCardProps {
+    /**
+     * 自定义前缀
+     *
+     * @ignore
+     */
+    prefixCls?: string;
+    /** Change 回调 */
+    onChange?: (checked: boolean) => void;
+    /** Click 回调 */
+    onClick?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void;
+    /** 鼠标进入时的回调 */
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    /** 鼠标出来时的回调 */
+    onMouseLeave?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void;
+    /**
+     * 默认是否勾选
+     *
+     * @default false
+     * @title 默认勾选
+     */
+    defaultChecked?: boolean;
+    /**
+     * 强制勾选
+     *
+     * @default false
+     * @title 强制勾选
+     */
+    checked?: boolean;
+    /**
+     * 不可用
+     *
+     * @default false
+     * @title 禁用
+     */
+    disabled?: boolean;
+    /**
+     * 选项卡样式
+     *
+     * @ignore
+     */
+    style?: React.CSSProperties;
+    /**
+     * 选项卡 className
+     *
+     * @ignore
+     */
+    className?: string;
+    /**
+     * 左侧头像展示，可以是一个链接也可以是是一个 ReactNode
+     *
+     * @title 头像
+     */
+    avatar?: React.ReactNode;
+    /**
+     * 标题展示
+     *
+     * @title 标题
+     */
+    title?: React.ReactNode;
+    /**
+     * 二级标题展示
+     *
+     * @title 二级标题
+     */
+    subTitle?: React.ReactNode;
+    /**
+     * 描述展示
+     *
+     * @title 描述
+     */
+    description?: React.ReactNode;
+    /**
+     * 选项值
+     *
+     * @title 值
+     */
+    value?: any;
+    /**
+     * 内容是否在加载中
+     *
+     * @default false
+     * @title 加载中
+     */
+    loading?: boolean;
+    /**
+     * 图片封面默认，该模式下其他展示值被忽略
+     *
+     * @title 卡片背景图片
+     */
+    cover?: React.ReactNode;
+    /**
+     * 组件尺寸，支持大，中，小三种默认尺寸，用户可以自定义宽高
+     *
+     * @default default
+     * @title 选择框大小
+     */
+    size?: 'large' | 'default' | 'small';
+    /**
+     * 是否显示边框
+     *
+     * @default true
+     * @title 显示边框
+     */
+    bordered?: boolean;
+    /**
+     * 卡片右上角的操作区域
+     *
+     * @title 操作栏
+     */
+    extra?: React.ReactNode;
+    children?: React.ReactNode;
+    /**
+     * 内容区域的样式设计
+     */
+    bodyStyle?: React.CSSProperties;
+    /**
+     * 右下角的操作区
+     */
+    actions?: React.ReactNode[];
+    ghost?: boolean;
+}
+export interface CheckCardState {
+    checked: boolean;
+}
+declare const CheckCard: React.FC<CheckCardProps> & {
+    Group: typeof CheckCardGroup;
+};
+export type { CheckCardGroupProps, CheckCardProps };
+export default CheckCard;
+//# sourceMappingURL=index.d.ts.map

package/lib/check-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/check-card/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAyC,MAAM,OAAO,CAAA;AAE7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,cAAsD,MAAM,SAAS,CAAA;AAC5E,OAAO,cAAc,CAAA;AAErB,UAAU,cAAc;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,eAAe;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IACxE,eAAe;IACf,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,eAAe;IACf,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7E;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,GAAG,CAAA;IACX;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;IACpC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAE3B,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG;IAC1C,KAAK,EAAE,OAAO,cAAc,CAAA;CAgK7B,CAAA;AAID,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAA;AAEnD,eAAe,SAAS,CAAA"}

package/lib/check-card/index.js

@@ -0,0 +1,178 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("antd/lib/avatar/style");
+var _avatar = _interopRequireDefault(require("antd/lib/avatar"));
+var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _actions = _interopRequireDefault(require("../actions"));
+var _group = _interopRequireWildcard(require("./group"));
+require("./index.less");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var CheckCard = function CheckCard(props) {
+  var _classNames;
+  var _a;
+  var _useMountMergeState = (0, _useMergedState["default"])(props.defaultChecked || false, {
+      value: props.checked,
+      onChange: props.onChange
+    }),
+    _useMountMergeState2 = _slicedToArray(_useMountMergeState, 2),
+    stateChecked = _useMountMergeState2[0],
+    setStateChecked = _useMountMergeState2[1];
+  var checkCardGroup = (0, _react.useContext)(_group.CheckCardGroupConnext);
+  var handleClick = function handleClick(e) {
+    var _a, _b;
+    (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    var newChecked = !stateChecked;
+    (_b = checkCardGroup === null || checkCardGroup === void 0 ? void 0 : checkCardGroup.toggleOption) === null || _b === void 0 ? void 0 : _b.call(checkCardGroup, {
+      value: props.value
+    });
+    setStateChecked === null || setStateChecked === void 0 ? void 0 : setStateChecked(newChecked, e);
+  };
+  // small => sm large => lg
+  var getSizeCls = function getSizeCls(size) {
+    if (size === 'large') return 'lg';
+    if (size === 'small') return 'sm';
+    return '';
+  };
+  (0, _react.useEffect)(function () {
+    var _a;
+    (_a = checkCardGroup === null || checkCardGroup === void 0 ? void 0 : checkCardGroup.registerValue) === null || _a === void 0 ? void 0 : _a.call(checkCardGroup, props.value);
+    return function () {
+      var _a;
+      return (_a = checkCardGroup === null || checkCardGroup === void 0 ? void 0 : checkCardGroup.cancelValue) === null || _a === void 0 ? void 0 : _a.call(checkCardGroup, props.value);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.value]);
+  /**
+   * 头像自定义
+   *
+   * @param prefixCls
+   * @param cover
+   * @returns
+   */
+  var renderCover = function renderCover(prefixCls, cover) {
+    return _react["default"].createElement("div", {
+      className: "".concat(prefixCls, "-cover")
+    }, typeof cover === 'string' ? _react["default"].createElement("img", {
+      src: cover,
+      alt: "tntd-checkcard"
+    }) : cover);
+  };
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    avatar = props.avatar,
+    title = props.title,
+    description = props.description,
+    cover = props.cover,
+    extra = props.extra,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    others = __rest(props, ["prefixCls", "className", "avatar", "title", "description", "cover", "extra", "style"]);
+  var checkCardProps = Object.assign({}, others);
+  var prefixCls = 'tntd-checkcard';
+  checkCardProps.checked = stateChecked;
+  var 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;
+    var isChecked = checkCardGroup.multiple ? (_a = checkCardGroup.value) === null || _a === void 0 ? void 0 : _a.includes(props.value) : checkCardGroup.value === props.value;
+    // loading时check为false
+    checkCardProps.checked = checkCardProps.loading ? false : isChecked;
+    checkCardProps.size = props.size || checkCardGroup.size;
+  }
+  var _checkCardProps$disab = checkCardProps.disabled,
+    disabled = _checkCardProps$disab === void 0 ? false : _checkCardProps$disab,
+    size = checkCardProps.size,
+    cardLoading = checkCardProps.loading,
+    _checkCardProps$borde = checkCardProps.bordered,
+    bordered = _checkCardProps$borde === void 0 ? true : _checkCardProps$borde,
+    checked = checkCardProps.checked;
+  var sizeCls = getSizeCls(size);
+  var classString = (0, _classnames["default"])(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-loading"), cardLoading), _defineProperty(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), _defineProperty(_classNames, "".concat(prefixCls, "-checked"), checked), _defineProperty(_classNames, "".concat(prefixCls, "-multiple"), multiple), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "-bordered"), bordered), _defineProperty(_classNames, "".concat(prefixCls, "-ghost"), props.ghost), _classNames));
+  var metaDom = (0, _react.useMemo)(function () {
+    if (cardLoading) {
+      return _react["default"].createElement(_group.CardLoading, {
+        prefixCls: prefixCls || ''
+      });
+    }
+    if (cover) {
+      return renderCover(prefixCls || '', cover);
+    }
+    var avatarDom = avatar ? _react["default"].createElement("div", {
+      className: "".concat(prefixCls, "-avatar")
+    }, typeof avatar === 'string' ? _react["default"].createElement(_avatar["default"], {
+      size: 48,
+      shape: "square",
+      src: avatar
+    }) : avatar) : null;
+    var headerDom = (title !== null && title !== void 0 ? title : extra) != null && _react["default"].createElement("div", {
+      className: "".concat(prefixCls, "-header")
+    }, _react["default"].createElement("div", {
+      className: "".concat(prefixCls, "-header-left")
+    }, _react["default"].createElement("div", {
+      className: "".concat(prefixCls, "-title")
+    }, title), props.subTitle ? _react["default"].createElement("div", {
+      className: "".concat(prefixCls, "-subTitle")
+    }, props.subTitle) : null), extra && _react["default"].createElement("div", {
+      className: "".concat(prefixCls, "-extra")
+    }, extra));
+    var descriptionDom = description ? _react["default"].createElement("div", {
+      className: "".concat(prefixCls, "-description")
+    }, description) : null;
+    var metaClass = (0, _classnames["default"])("".concat(prefixCls, "-content"), _defineProperty({}, "".concat(prefixCls, "-avatar-header"), avatarDom && headerDom && !descriptionDom));
+    return _react["default"].createElement("div", {
+      className: metaClass
+    }, avatarDom, headerDom || descriptionDom ? _react["default"].createElement("div", {
+      className: "".concat(prefixCls, "-detail")
+    }, headerDom, descriptionDom) : null);
+  }, [avatar, cardLoading, cover, description, extra, prefixCls, props.subTitle, title]);
+  return _react["default"].createElement("div", {
+    className: classString,
+    style: style,
+    onClick: function onClick(e) {
+      if (!cardLoading && !disabled) {
+        handleClick(e);
+      }
+    },
+    onMouseEnter: props.onMouseEnter
+  }, metaDom, props.children ? _react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefixCls, "-body")),
+    style: props.bodyStyle
+  }, props.children) : null, props.actions ? _react["default"].createElement(_actions["default"], {
+    actions: props.actions,
+    prefixCls: prefixCls
+  }) : null);
+};
+CheckCard.Group = _group["default"];
+var _default = CheckCard;
+exports["default"] = _default;

package/lib/check-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/check-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import useMountMergeState from 'rc-util/lib/hooks/useMergedState'\nimport { Avatar, ConfigProvider } from 'antd'\nimport classNames from 'classnames'\nimport type { MouseEventHandler } from 'react'\nimport React, { useContext, useEffect, useMemo } from 'react'\nimport ProCardActions from '../actions'\nimport type { CheckCardGroupProps } from './group'\nimport CheckCardGroup, { CardLoading, CheckCardGroupConnext } from './group'\nimport './index.less'\n\ninterface CheckCardProps {\n  /**\n   * 自定义前缀\n   *\n   * @ignore\n   */\n  prefixCls?: string\n  /** Change 回调 */\n  onChange?: (checked: boolean) => void\n  /** Click 回调 */\n  onClick?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n  /** 鼠标进入时的回调 */\n  onMouseEnter?: MouseEventHandler<HTMLDivElement>\n  /** 鼠标出来时的回调 */\n  onMouseLeave?: (event: MouseEventHandler<HTMLDivElement> | undefined) => void\n  /**\n   * 默认是否勾选\n   *\n   * @default false\n   * @title 默认勾选\n   */\n  defaultChecked?: boolean\n  /**\n   * 强制勾选\n   *\n   * @default false\n   * @title 强制勾选\n   */\n  checked?: boolean\n  /**\n   * 不可用\n   *\n   * @default false\n   * @title 禁用\n   */\n  disabled?: boolean\n  /**\n   * 选项卡样式\n   *\n   * @ignore\n   */\n  style?: React.CSSProperties\n  /**\n   * 选项卡 className\n   *\n   * @ignore\n   */\n  className?: string\n  /**\n   * 左侧头像展示，可以是一个链接也可以是是一个 ReactNode\n   *\n   * @title 头像\n   */\n  avatar?: React.ReactNode\n  /**\n   * 标题展示\n   *\n   * @title 标题\n   */\n  title?: React.ReactNode\n  /**\n   * 二级标题展示\n   *\n   * @title 二级标题\n   */\n  subTitle?: React.ReactNode\n  /**\n   * 描述展示\n   *\n   * @title 描述\n   */\n  description?: React.ReactNode\n  /**\n   * 选项值\n   *\n   * @title 值\n   */\n  value?: any\n  /**\n   * 内容是否在加载中\n   *\n   * @default false\n   * @title 加载中\n   */\n  loading?: boolean\n  /**\n   * 图片封面默认，该模式下其他展示值被忽略\n   *\n   * @title 卡片背景图片\n   */\n  cover?: React.ReactNode\n  /**\n   * 组件尺寸，支持大，中，小三种默认尺寸，用户可以自定义宽高\n   *\n   * @default default\n   * @title 选择框大小\n   */\n  size?: 'large' | 'default' | 'small'\n  /**\n   * 是否显示边框\n   *\n   * @default true\n   * @title 显示边框\n   */\n  bordered?: boolean\n  /**\n   * 卡片右上角的操作区域\n   *\n   * @title 操作栏\n   */\n  extra?: React.ReactNode\n\n  children?: React.ReactNode\n  /**\n   * 内容区域的样式设计\n   */\n  bodyStyle?: React.CSSProperties\n  /**\n   * 右下角的操作区\n   */\n  actions?: React.ReactNode[]\n\n  ghost?: boolean\n}\n\nexport interface CheckCardState {\n  checked: boolean\n}\n\nconst CheckCard: React.FC<CheckCardProps> & {\n  Group: typeof CheckCardGroup\n} = (props) => {\n  const [stateChecked, setStateChecked] = useMountMergeState<boolean>(\n    props.defaultChecked || false,\n    {\n      value: props.checked,\n      onChange: props.onChange,\n    }\n  )\n  const checkCardGroup = useContext(CheckCardGroupConnext)\n\n  const handleClick = (e: any) => {\n    props?.onClick?.(e)\n    const newChecked = !stateChecked\n    checkCardGroup?.toggleOption?.({ value: props.value })\n    setStateChecked?.(newChecked, e)\n  }\n\n  // small => sm large => lg\n  const getSizeCls = (size?: string) => {\n    if (size === 'large') return 'lg'\n    if (size === 'small') return 'sm'\n    return ''\n  }\n\n  useEffect(() => {\n    checkCardGroup?.registerValue?.(props.value)\n    return () => checkCardGroup?.cancelValue?.(props.value)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.value])\n\n  /**\n   * 头像自定义\n   *\n   * @param prefixCls\n   * @param cover\n   * @returns\n   */\n  const renderCover = (prefixCls: string, cover: string | React.ReactNode) => {\n    return (\n      <div className={`${prefixCls}-cover`}>\n        {typeof cover === 'string' ? <img src={cover} alt=\"tntd-checkcard\" /> : cover}\n      </div>\n    )\n  }\n\n  const {\n    prefixCls: customizePrefixCls,\n    className,\n    avatar,\n    title,\n    description,\n    cover,\n    extra,\n    style = {},\n    ...others\n  } = props\n\n  const checkCardProps: CheckCardProps = { ...others }\n  const prefixCls = 'tntd-checkcard'\n  checkCardProps.checked = stateChecked\n\n  let multiple: boolean | undefined = false\n\n  if (checkCardGroup) {\n    // 受组控制模式\n    checkCardProps.disabled = props.disabled || checkCardGroup.disabled\n    checkCardProps.loading = props.loading || checkCardGroup.loading\n    checkCardProps.bordered = props.bordered || checkCardGroup.bordered\n\n    multiple = checkCardGroup.multiple\n\n    const isChecked = checkCardGroup.multiple\n      ? checkCardGroup.value?.includes(props.value)\n      : checkCardGroup.value === props.value\n\n    // loading时check为false\n    checkCardProps.checked = checkCardProps.loading ? false : isChecked\n    checkCardProps.size = props.size || checkCardGroup.size\n  }\n\n  const { disabled = false, size, loading: cardLoading, bordered = true, checked } = checkCardProps\n  const sizeCls = getSizeCls(size)\n\n  const classString = classNames(prefixCls, className, {\n    [`${prefixCls}-loading`]: cardLoading,\n    [`${prefixCls}-${sizeCls}`]: sizeCls,\n    [`${prefixCls}-checked`]: checked,\n    [`${prefixCls}-multiple`]: multiple,\n    [`${prefixCls}-disabled`]: disabled,\n    [`${prefixCls}-bordered`]: bordered,\n    [`${prefixCls}-ghost`]: props.ghost,\n  })\n\n  const metaDom = useMemo(() => {\n    if (cardLoading) {\n      return <CardLoading prefixCls={prefixCls || ''} />\n    }\n\n    if (cover) {\n      return renderCover(prefixCls || '', cover)\n    }\n\n    const avatarDom = avatar ? (\n      <div className={`${prefixCls}-avatar`}>\n        {typeof avatar === 'string' ? <Avatar size={48} shape=\"square\" src={avatar} /> : avatar}\n      </div>\n    ) : null\n\n    const headerDom = (title ?? extra) != null && (\n      <div className={`${prefixCls}-header`}>\n        <div className={`${prefixCls}-header-left`}>\n          <div className={`${prefixCls}-title`}>{title}</div>\n          {props.subTitle ? <div className={`${prefixCls}-subTitle`}>{props.subTitle}</div> : null}\n        </div>\n        {extra && <div className={`${prefixCls}-extra`}>{extra}</div>}\n      </div>\n    )\n\n    const descriptionDom = description ? (\n      <div className={`${prefixCls}-description`}>{description}</div>\n    ) : null\n\n    const metaClass = classNames(`${prefixCls}-content`, {\n      [`${prefixCls}-avatar-header`]: avatarDom && headerDom && !descriptionDom,\n    })\n\n    return (\n      <div className={metaClass}>\n        {avatarDom}\n        {headerDom || descriptionDom ? (\n          <div className={`${prefixCls}-detail`}>\n            {headerDom}\n            {descriptionDom}\n          </div>\n        ) : null}\n      </div>\n    )\n  }, [avatar, cardLoading, cover, description, extra, prefixCls, props.subTitle, title])\n\n  return (\n    <div\n      className={classString}\n      style={style}\n      onClick={(e) => {\n        if (!cardLoading && !disabled) {\n          handleClick(e)\n        }\n      }}\n      onMouseEnter={props.onMouseEnter}\n    >\n      {metaDom}\n      {props.children ? (\n        <div className={classNames(`${prefixCls}-body`)} style={props.bodyStyle}>\n          {props.children}\n        </div>\n      ) : null}\n      {props.actions ? <ProCardActions actions={props.actions} prefixCls={prefixCls} /> : null}\n    </div>\n  )\n}\n\nCheckCard.Group = CheckCardGroup\n\nexport type { CheckCardGroupProps, CheckCardProps }\n\nexport default CheckCard\n"]}