tntd 2.7.3 → 2.7.5

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,12 @@
+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;
+//# sourceMappingURL=index.js.map

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/check-card/group.js

@@ -0,0 +1,149 @@
+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 { omit } from 'lodash';
+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;
+//# sourceMappingURL=group.js.map

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,120 @@
+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 { Avatar } from 'antd';
+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;
+//# sourceMappingURL=index.js.map

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"]}