tntd 2.6.9 → 2.6.11

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) rookie
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,72 @@
+# 组件介绍
+tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
+
+
+## 如何从 `tntd v1.0` 迁移到 `tntd v2.0`  
+
+### 安装 `tntd` 最新版本
+
+```
+npm install tntd
+```
+
+### 更改配置
+
+1. 添加 .babelrc 中的 import 插件配置，实现按需引入
+
+```diff title=".babelrc"
++  [
++    "import",
++    {
++      "libraryName": "tntd",
++      libraryDirectory: 'es',
++    },
++    "tntd"
++  ],
+```
+
+2. 更改 webpack.config.js 中的主题配置
+
+```diff title="webpack.config.js"
+{
+  loader: "less-loader",
+  options: {
+    javascriptEnabled: true,
+    ...
+    modifyVars: {
+-      hack: "true; @import \"~@tntd/antd-cover/tnt.less\";"
++      hack: "true; @import \"~tntd/themes/default/variables.less\";"
+    }
+  }
+}
+```
+
+3. 修改导入名称
+
+Layout, Icon, Select 等 tntd 1.0 组件和 antd 组件名称存在冲突，请按下方例子进行重命名：
+
+```diff
+- import { Layout, Icon, Select } from 'tntd'
++ import { TntdLayout, TntdIcon, TntdSelect } from 'tntd'
+```
+
+4. 更改配置
+
+```jsx
+// 使用全新的空状态插画
+import { renderEmpty } from 'tntd'
+// 使用内置语言包替换 antd
+// 英文语言包
+const enUS = import 'tntd/es/locale/en_US'
+// 中文语言包
+const zhCN = import 'tntd/es/locale/zh_CN'
+
+export const App = () => {
+  return (
+    // 使用空状态插画及语言包
+    <ConfigProvider locale={zhCN} renderEmpty={renderEmpty}>
+      ...
+    </ConfigProvider>
+  )
+}
+```

package/es/actions/index.js

@@ -0,0 +1,26 @@
+import classNames from 'classnames';
+import React from 'react';
+import './index.less';
+const ProCardActions = props => {
+  const {
+    actions,
+    prefixCls
+  } = props;
+  if (Array.isArray(actions) && (actions === null || actions === void 0 ? void 0 : actions.length)) {
+    return React.createElement("ul", {
+      className: classNames(`${prefixCls}-actions`)
+    }, actions.map((action, index) => React.createElement("li", {
+      style: {
+        width: `${100 / actions.length}%`,
+        padding: 0,
+        margin: 0
+      },
+      key: `action-${index}`,
+      className: classNames(`${prefixCls}-actions-item`)
+    }, action)));
+  }
+  return React.createElement("ul", {
+    className: classNames(`${prefixCls}-actions`)
+  }, actions);
+};
+export default ProCardActions;

package/es/actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/actions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,CAAA;AAarB,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAEpC,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,EAAE;QAC7C,OAAO,CACL,4BAAI,SAAS,EAAE,UAAU,CAAC,GAAG,SAAS,UAAU,CAAC,IAC9C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,4BACE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EACnE,GAAG,EAAE,UAAU,KAAK,EAAE,EACtB,SAAS,EAAE,UAAU,CAAC,GAAG,SAAS,eAAe,CAAC,IAEjD,MAAM,CACJ,CACN,CAAC,CACC,CACN,CAAA;KACF;IACD,OAAO,4BAAI,SAAS,EAAE,UAAU,CAAC,GAAG,SAAS,UAAU,CAAC,IAAG,OAAO,CAAM,CAAA;AAC1E,CAAC,CAAA;AAED,eAAe,cAAc,CAAA","sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport './index.less'\n\nexport interface ProCardActionsProps {\n  /**\n   * 自定义前缀\n   *\n   * @ignore\n   */\n  prefixCls?: string\n  /** 操作按钮 */\n  actions?: React.ReactNode[] | React.ReactNode\n}\n\nconst ProCardActions: React.FC<ProCardActionsProps> = (props) => {\n  const { actions, prefixCls } = props\n\n  if (Array.isArray(actions) && actions?.length) {\n    return (\n      <ul className={classNames(`${prefixCls}-actions`)}>\n        {actions.map((action, index) => (\n          <li\n            style={{ width: `${100 / actions.length}%`, padding: 0, margin: 0 }}\n            key={`action-${index}`}\n            className={classNames(`${prefixCls}-actions-item`)}\n          >\n            {action}\n          </li>\n        ))}\n      </ul>\n    )\n  }\n  return <ul className={classNames(`${prefixCls}-actions`)}>{actions}</ul>\n}\n\nexport default ProCardActions\n"]}

package/es/actions/index.less

@@ -0,0 +1,70 @@
+.tntd-card-actions {
+	margin-block:0;
+	margin-inline:0;
+	padding-block:0;
+	padding-inline:0;
+	list-style:none;
+	display:flex;
+	gap:8px;
+	background:#ffffff;
+	border-block-start:1px solid rgba(5,5,5,0.06);
+	min-height:42px;
+}
+.tntd-card-actions>* {
+	align-items:center;
+	justify-content:center;
+	flex:1;
+	display:flex;
+	cursor:pointer;
+	color:rgba(42,46,54,0.65);
+	transition:color 0.3s;
+}
+.tntd-card-actions>*:hover {
+	color:#468fff;
+}
+.tntd-card-actions>li>div {
+	flex:1;
+	width:100%;
+	margin-block:12px;
+	margin-inline:0;
+	color:rgba(42,46,54,0.65);
+	text-align:center;
+}
+.tntd-card-actions>li>div a {
+	color:rgba(42,46,54,0.65);
+	transition:color 0.3s;
+}
+.tntd-card-actions>li>div a:hover {
+	color:#468fff;
+}
+.tntd-card-actions>li>div div {
+	position:relative;
+	display:block;
+	min-width:32px;
+	font-size:14px;
+	line-height:1.5714285714285714;
+	cursor:pointer;
+}
+.tntd-card-actions>li>div div:hover {
+	color:#468fff;
+	transition:color 0.3s;
+}
+.tntd-card-actions>li>div div a:not(.ant-btn),
+.tntd-card-actions>li>div div >.anticon {
+	display:inline-block;
+	width:100%;
+	color:rgba(42,46,54,0.65);
+	line-height:22px;
+	transition:color 0.3s;
+}
+.tntd-card-actions>li>div div a:not(.ant-btn):hover,
+.tntd-card-actions>li>div div >.anticon:hover {
+	color:#468fff;
+}
+.tntd-card-actions>li>div div .anticon {
+	font-size:16px;
+	line-height:22px;
+}
+.tntd-card-actions>li>div:not(:last-child) {
+	border-inline-end:1px solid rgba(5,5,5,0.06);
+}

package/es/cascader/index.js

@@ -1,4 +1,8 @@
-import Cascader from 'antd/es/cascader';
+import AntdCascader from 'antd/es/cascader';
+import { connectReadonlyComponent } from '../connect';
+import { PreviewText } from '../preview-text';
 import 'antd/es/cascader/style';
 export * from 'antd/es/cascader';
+// @ts-ignore
+export const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader);
 export default Cascader;

package/es/cascader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAEhC,eAAe,QAAQ,CAAA","sourcesContent":["import Cascader from 'antd/es/cascader'\n\nimport 'antd/es/cascader/style'\n\nexport * from 'antd/es/cascader'\n\nexport default Cascader\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAMhC,aAAa;AACb,MAAM,CAAC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;AAEpF,eAAe,QAAQ,CAAA","sourcesContent":["import AntdCascader from 'antd/es/cascader'\nimport type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport 'antd/es/cascader/style'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\n// @ts-ignore\nexport const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader)\n\nexport default Cascader\n"]}

package/es/check-card/group.js

@@ -0,0 +1,197 @@
+import _omit from "lodash/omit";
+var __rest = this && this.__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;
+};
+import useMountMergeState from 'rc-util/lib/hooks/useMergedState';
+import { Col, Row } from '../index';
+import classNames from 'classnames';
+import React, { createContext, useCallback, useMemo, useRef } from 'react';
+import CheckCard from './index';
+export const CardLoading = ({
+  prefixCls
+}) => {
+  const loadingBlockClass = `${prefixCls}-loading-block`;
+  return React.createElement("div", {
+    className: `${prefixCls}-loading-content`
+  }, React.createElement(Row, {
+    gutter: {
+      xs: 8,
+      sm: 8,
+      md: 8,
+      lg: 12
+    }
+  }, React.createElement(Col, {
+    span: 22
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))), React.createElement(Row, {
+    gutter: 8
+  }, React.createElement(Col, {
+    span: 8
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 14
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))), React.createElement(Row, {
+    gutter: 8
+  }, React.createElement(Col, {
+    span: 6
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 16
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))), React.createElement(Row, {
+    gutter: 8
+  }, React.createElement(Col, {
+    span: 13
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 9
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))), React.createElement(Row, {
+    gutter: 8
+  }, React.createElement(Col, {
+    span: 4
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 3
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  })), React.createElement(Col, {
+    span: 14
+  }, React.createElement("div", {
+    className: loadingBlockClass
+  }))));
+};
+export const CheckCardGroupConnext = createContext(null);
+const CheckCardGroup = props => {
+  const {
+      prefixCls: customizePrefixCls,
+      className,
+      style,
+      options = [],
+      loading = false,
+      multiple = false,
+      bordered = true,
+      onChange
+    } = props,
+    restProps = __rest(props, ["prefixCls", "className", "style", "options", "loading", "multiple", "bordered", "onChange"]);
+  const getOptions = useCallback(() => {
+    return options === null || options === void 0 ? void 0 : options.map(option => {
+      if (typeof option === 'string') {
+        return {
+          title: option,
+          value: option
+        };
+      }
+      return option;
+    });
+  }, [options]);
+  const prefixCls = 'tntd-checkcard';
+  const groupPrefixCls = `${prefixCls}-group`;
+  const domProps = _omit(restProps, ['children', 'defaultValue', 'value', 'disabled', 'size']);
+  const [stateValue, setStateValue] = useMountMergeState(props.defaultValue, {
+    value: props.value,
+    onChange: props.onChange
+  });
+  const registerValueMap = useRef(new Map());
+  const registerValue = value => {
+    var _a;
+    (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a.set(value, true);
+  };
+  const cancelValue = value => {
+    var _a;
+    (_a = registerValueMap.current) === null || _a === void 0 ? void 0 : _a.delete(value);
+  };
+  const toggleOption = option => {
+    var _a;
+    if (!multiple) {
+      let changeValue;
+      changeValue = stateValue;
+      // 单选模式
+      if (changeValue === option.value) {
+        changeValue = undefined;
+      } else {
+        changeValue = option.value;
+      }
+      setStateValue === null || setStateValue === void 0 ? void 0 : setStateValue(changeValue);
+    }
+    if (multiple) {
+      let changeValue = [];
+      const stateValues = stateValue;
+      const hasOption = stateValues === null || stateValues === void 0 ? 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 = (_a = changeValue === null || changeValue === void 0 ? void 0 : changeValue.filter(val => registerValueMap.current.has(val))) === null || _a === void 0 ? void 0 : _a.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 = useMemo(() => {
+    if (loading) {
+      return new Array(options.length || React.Children.toArray(props.children).length || 1).fill(0).map((_, index) => React.createElement(CheckCard, {
+        key: index,
+        loading: true
+      }));
+    }
+    if (options && options.length > 0) {
+      const optionValue = stateValue;
+      return getOptions().map(option => {
+        var _a;
+        return React.createElement(CheckCard, {
+          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]);
+  const classString = classNames(groupPrefixCls, className);
+  return React.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
+    }
+  }, React.createElement("div", Object.assign({
+    className: classString,
+    style: style
+  }, domProps), children));
+};
+export default CheckCardGroup;

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

@@ -0,0 +1,163 @@
+import "antd/es/avatar/style";
+import _Avatar from "antd/es/avatar";
+var __rest = this && this.__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;
+};
+import useMountMergeState from 'rc-util/lib/hooks/useMergedState';
+import classNames from 'classnames';
+import React, { useContext, useEffect, useMemo } from 'react';
+import ProCardActions from '../actions';
+import CheckCardGroup, { CardLoading, CheckCardGroupConnext } from './group';
+import './index.less';
+const CheckCard = props => {
+  var _a;
+  const [stateChecked, setStateChecked] = useMountMergeState(props.defaultChecked || false, {
+    value: props.checked,
+    onChange: props.onChange
+  });
+  const checkCardGroup = useContext(CheckCardGroupConnext);
+  const 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);
+    const 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
+  const getSizeCls = size => {
+    if (size === 'large') return 'lg';
+    if (size === 'small') return 'sm';
+    return '';
+  };
+  useEffect(() => {
+    var _a;
+    (_a = checkCardGroup === null || checkCardGroup === void 0 ? void 0 : checkCardGroup.registerValue) === null || _a === void 0 ? void 0 : _a.call(checkCardGroup, props.value);
+    return () => {
+      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
+   */
+  const renderCover = (prefixCls, cover) => {
+    return React.createElement("div", {
+      className: `${prefixCls}-cover`
+    }, typeof cover === 'string' ? React.createElement("img", {
+      src: cover,
+      alt: "tntd-checkcard"
+    }) : cover);
+  };
+  const {
+      prefixCls: customizePrefixCls,
+      className,
+      avatar,
+      title,
+      description,
+      cover,
+      extra,
+      style = {}
+    } = props,
+    others = __rest(props, ["prefixCls", "className", "avatar", "title", "description", "cover", "extra", "style"]);
+  const checkCardProps = Object.assign({}, others);
+  const prefixCls = 'tntd-checkcard';
+  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 ? (_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;
+  }
+  const {
+    disabled = false,
+    size,
+    loading: cardLoading,
+    bordered = true,
+    checked
+  } = checkCardProps;
+  const sizeCls = getSizeCls(size);
+  const classString = classNames(prefixCls, className, {
+    [`${prefixCls}-loading`]: cardLoading,
+    [`${prefixCls}-${sizeCls}`]: sizeCls,
+    [`${prefixCls}-checked`]: checked,
+    [`${prefixCls}-multiple`]: multiple,
+    [`${prefixCls}-disabled`]: disabled,
+    [`${prefixCls}-bordered`]: bordered,
+    [`${prefixCls}-ghost`]: props.ghost
+  });
+  const metaDom = useMemo(() => {
+    if (cardLoading) {
+      return React.createElement(CardLoading, {
+        prefixCls: prefixCls || ''
+      });
+    }
+    if (cover) {
+      return renderCover(prefixCls || '', cover);
+    }
+    const avatarDom = avatar ? React.createElement("div", {
+      className: `${prefixCls}-avatar`
+    }, typeof avatar === 'string' ? React.createElement(_Avatar, {
+      size: 48,
+      shape: "square",
+      src: avatar
+    }) : avatar) : null;
+    const headerDom = (title !== null && title !== void 0 ? title : extra) != null && React.createElement("div", {
+      className: `${prefixCls}-header`
+    }, React.createElement("div", {
+      className: `${prefixCls}-header-left`
+    }, React.createElement("div", {
+      className: `${prefixCls}-title`
+    }, title), props.subTitle ? React.createElement("div", {
+      className: `${prefixCls}-subTitle`
+    }, props.subTitle) : null), extra && React.createElement("div", {
+      className: `${prefixCls}-extra`
+    }, extra));
+    const descriptionDom = description ? React.createElement("div", {
+      className: `${prefixCls}-description`
+    }, description) : null;
+    const metaClass = classNames(`${prefixCls}-content`, {
+      [`${prefixCls}-avatar-header`]: avatarDom && headerDom && !descriptionDom
+    });
+    return React.createElement("div", {
+      className: metaClass
+    }, avatarDom, headerDom || descriptionDom ? React.createElement("div", {
+      className: `${prefixCls}-detail`
+    }, headerDom, descriptionDom) : null);
+  }, [avatar, cardLoading, cover, description, extra, prefixCls, props.subTitle, title]);
+  return React.createElement("div", {
+    className: classString,
+    style: style,
+    onClick: e => {
+      if (!cardLoading && !disabled) {
+        handleClick(e);
+      }
+    },
+    onMouseEnter: props.onMouseEnter
+  }, metaDom, props.children ? React.createElement("div", {
+    className: classNames(`${prefixCls}-body`),
+    style: props.bodyStyle
+  }, props.children) : null, props.actions ? React.createElement(ProCardActions, {
+    actions: props.actions,
+    prefixCls: prefixCls
+  }) : null);
+};
+CheckCard.Group = CheckCardGroup;
+export default CheckCard;

package/es/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"]}