tntd 2.7.2 → 2.7.4

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,148 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
+const antd_1 = require("antd");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const actions_1 = __importDefault(require("../actions"));
+const group_1 = __importStar(require("./group"));
+require("./index.less");
+const CheckCard = (props) => {
+    var _a;
+    const [stateChecked, setStateChecked] = (0, useMergedState_1.default)(props.defaultChecked || false, {
+        value: props.checked,
+        onChange: props.onChange,
+    });
+    const checkCardGroup = (0, react_1.useContext)(group_1.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 '';
+    };
+    (0, react_1.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_1.default.createElement("div", { className: `${prefixCls}-cover` }, typeof cover === 'string' ? react_1.default.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 = (0, classnames_1.default)(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 = (0, react_1.useMemo)(() => {
+        if (cardLoading) {
+            return react_1.default.createElement(group_1.CardLoading, { prefixCls: prefixCls || '' });
+        }
+        if (cover) {
+            return renderCover(prefixCls || '', cover);
+        }
+        const avatarDom = avatar ? (react_1.default.createElement("div", { className: `${prefixCls}-avatar` }, typeof avatar === 'string' ? react_1.default.createElement(antd_1.Avatar, { size: 48, shape: "square", src: avatar }) : avatar)) : null;
+        const headerDom = (title !== null && title !== void 0 ? title : extra) != null && (react_1.default.createElement("div", { className: `${prefixCls}-header` },
+            react_1.default.createElement("div", { className: `${prefixCls}-header-left` },
+                react_1.default.createElement("div", { className: `${prefixCls}-title` }, title),
+                props.subTitle ? react_1.default.createElement("div", { className: `${prefixCls}-subTitle` }, props.subTitle) : null),
+            extra && react_1.default.createElement("div", { className: `${prefixCls}-extra` }, extra)));
+        const descriptionDom = description ? (react_1.default.createElement("div", { className: `${prefixCls}-description` }, description)) : null;
+        const metaClass = (0, classnames_1.default)(`${prefixCls}-content`, {
+            [`${prefixCls}-avatar-header`]: avatarDom && headerDom && !descriptionDom,
+        });
+        return (react_1.default.createElement("div", { className: metaClass },
+            avatarDom,
+            headerDom || descriptionDom ? (react_1.default.createElement("div", { className: `${prefixCls}-detail` },
+                headerDom,
+                descriptionDom)) : null));
+    }, [avatar, cardLoading, cover, description, extra, prefixCls, props.subTitle, title]);
+    return (react_1.default.createElement("div", { className: classString, style: style, onClick: (e) => {
+            if (!cardLoading && !disabled) {
+                handleClick(e);
+            }
+        }, onMouseEnter: props.onMouseEnter },
+        metaDom,
+        props.children ? (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${prefixCls}-body`), style: props.bodyStyle }, props.children)) : null,
+        props.actions ? react_1.default.createElement(actions_1.default, { actions: props.actions, prefixCls: prefixCls }) : null));
+};
+CheckCard.Group = group_1.default;
+exports.default = CheckCard;
+//# sourceMappingURL=index.js.map

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

package/lib/check-card/index.less

@@ -0,0 +1,179 @@
+.tntd-checkcard {
+  position: relative;
+  display: inline-block;
+  width: 320px;
+  margin-inline-end: 16px;
+  margin-block-end: 16px;
+  color: rgba(0, 0, 0, 0.88);
+  font-size: 14px;
+  line-height: 1.5714285714285714;
+  vertical-align: top;
+  background-color: #ffffff;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s;
+
+  &:last-child {
+    margin-inline-end: 0;
+  }
+  & + .tntd-checkcard {
+    margin-inline-start: 0 !important;
+  }
+  .tntd-checkcard-loading {
+    overflow: hidden;
+    user-select: none;
+  }
+  .tntd-checkcard-loading-content {
+    padding-inline: 16px;
+    padding-block: 12px;
+    p {
+      margin-block: 0;
+      margin-inline: 0;
+    }
+    .tntd-checkcard-loading-block {
+      height: 14px;
+      margin-block: 4px;
+      background: linear-gradient(
+        90deg,
+        rgba(54, 61, 64, 0.2),
+        rgba(54, 61, 64, 0.4),
+        rgba(54, 61, 64, 0.2)
+      );
+      animation-name: card-loading;
+      animation-duration: 1.4s;
+      animation-timing-function: ease;
+      animation-iteration-count: infinite;
+    }
+  }
+  &:not(.tntd-checkcard-disabled):hover {
+    border-color: @primary-color;
+  }
+}
+.tntd-checkcard-bordered {
+  border: 1px solid #d9d9d9;
+}
+.tntd-checkcard-group {
+  display: inline-block;
+}
+// @keyframes {
+//   card-loading {
+//     0% {
+//       background-position: 0 50%;
+//     }
+//   }
+//   50% {
+//     background-position: 100% 50%;
+//   }
+//   100% {
+//     background-position: 0 50%;
+//   }
+// }
+.tntd-checkcard {
+  &:focus {
+    background-color: #bae0ff;
+    border-color: @primary-color;
+  }
+}
+.tntd-checkcard-checked {
+  background-color: #bae0ff;
+  border-color: @primary-color;
+
+  &:after {
+    position: absolute;
+    inset-block-start: 2px;
+    inset-inline-end: 2px;
+    width: 0;
+    height: 0;
+    border: 6px solid @primary-color;
+    border-block-end: 6px solid transparent;
+    border-inline-start: 6px solid transparent;
+    border-start-end-radius: 2px;
+    content: '';
+  }
+}
+.tntd-checkcard-disabled {
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: #d9d9d9;
+  cursor: not-allowed;
+  .tntd-checkcard-description {
+    color: rgba(0, 0, 0, 0.25);
+  }
+  .tntd-checkcard-title {
+    color: rgba(0, 0, 0, 0.25);
+  }
+  .tntd-checkcard-avatar {
+    opacity: 0.25;
+  }
+}
+.tntd-checkcard.tntd-checkcard-disabled {
+  background-color: rgba(0, 0, 0, 0.04);
+  border-color: #d9d9d9;
+  cursor: not-allowed;
+
+  .tntd-checkcard-description {
+    color: rgba(0, 0, 0, 0.25);
+  }
+  .tntd-checkcard-title {
+    color: rgba(0, 0, 0, 0.25);
+  }
+  .tntd-checkcard-avatar {
+    opacity: 0.25;
+  }
+}
+.tntd-checkcard-lg {
+  width: 440px;
+}
+.tntd-checkcard-sm {
+  width: 212px;
+}
+.tntd-checkcard-cover {
+  padding-inline: 4px;
+  padding-block: 4px;
+  img {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    border-radius: 4px;
+  }
+}
+
+.tntd-checkcard-content {
+  display: flex;
+  padding-inline: 12px;
+  padding-block: 16px;
+}
+.tntd-checkcard-avatar-header {
+  display: flex;
+  align-items: center;
+}
+.tntd-checkcard-avatar {
+  padding-inline-end: 8px;
+}
+.tntd-checkcard-detail {
+  overflow: hidden;
+  width: 100%;
+  & > div {
+    &:not(:last-child) {
+      margin-block-end: 4px;
+    }
+  }
+}
+.tntd-checkcard-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.tntd-checkcard-title {
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.88);
+  font-weight: 500;
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.tntd-checkcard-description {
+  color: rgba(0, 0, 0, 0.65);
+  p:last-child {
+    margin-bottom: 0;
+  }
+}

package/lib/color-picker/ColorPicker.js

@@ -43,7 +43,7 @@ const react_color_1 = require("react-color");
 const classnames_1 = __importDefault(require("classnames"));
 const lodash_1 = require("lodash");
 const tip_svg_1 = __importDefault(require("./tip.svg"));
-const prefixCls = 'tnt-color-picker';
+const prefixCls = 'tntd-color-picker';
 const modeMap = {
     AlphaPicker: react_color_1.AlphaPicker,
     BlockPicker: react_color_1.BlockPicker,

package/lib/color-picker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../src/color-picker/ColorPicker.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react'\nimport { Popover, Icon } from 'antd'\nimport {\n  AlphaPicker,\n  BlockPicker,\n  ChromePicker,\n  CirclePicker,\n  CompactPicker,\n  GithubPicker,\n  HuePicker,\n  MaterialPicker,\n  PhotoshopPicker,\n  SketchPicker,\n  SliderPicker,\n  SwatchesPicker,\n  TwitterPicker,\n} from 'react-color'\nimport cn from 'classnames'\nimport { get, isObject, upperFirst, toLower } from 'lodash'\nimport imgSrc from './tip.svg'\n\nconst prefixCls = 'tnt-color-picker'\n\nconst modeMap = {\n  AlphaPicker,\n  BlockPicker,\n  ChromePicker,\n  CirclePicker,\n  CompactPicker,\n  GithubPicker,\n  HuePicker,\n  MaterialPicker,\n  PhotoshopPicker,\n  SketchPicker,\n  SliderPicker,\n  SwatchesPicker,\n  TwitterPicker,\n}\n\nconst propsFormatMap = {\n  SketchPicker: ({ colors, ...otherProps }) => {\n    if (colors) {\n      return {\n        presetColors: colors,\n        ...otherProps,\n      }\n    }\n    return otherProps\n  },\n}\n\nexport default function ColorPicker({\n  value: _value,\n  onChange,\n  visible: vs,\n  allowClear,\n  disabled,\n  className,\n  mode = 'sketch',\n  style = {},\n  size,\n  placeholder,\n  placement = 'bottomLeft',\n  locale,\n  ...otherProps\n}) {\n  const [visible, setVisible] = useState(vs)\n  const [value, setValue] = useState(_value)\n\n  useEffect(() => {\n    setValue(_value)\n  }, [_value])\n\n  const handleChange = useCallback(\n    (color) => {\n      let value\n      if (isObject(color?.rgb)) {\n        value = `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`\n      }\n      if (onChange) {\n        onChange(value)\n      } else {\n        setValue(value)\n      }\n    },\n    [onChange]\n  )\n\n  const domClick = useCallback(() => {\n    setVisible(true)\n  }, [])\n\n  const doClear = useCallback(\n    (e) => {\n      e.stopPropagation()\n      handleChange()\n    },\n    [handleChange]\n  )\n\n  const [ModePicker, propsFormat] = useMemo(() => {\n    const modeKey = upperFirst(toLower(mode)) + 'Picker' || 'SketchPicker'\n    const ModePicker = modeMap[modeKey] || SketchPicker\n    return [ModePicker, propsFormatMap[modeKey] || ((p) => p)]\n  }, [mode])\n\n  return (\n    <Popover\n      placement={placement}\n      trigger=\"click\"\n      visible={visible && !disabled}\n      onVisibleChange={setVisible}\n      content={\n        <ModePicker {...propsFormat(otherProps)} color={value} onChangeComplete={handleChange} />\n      }\n      overlayClassName={`${prefixCls}-pop`}\n    >\n      <div\n        className={cn(prefixCls, className, {\n          [`${prefixCls}-selected`]: !!value,\n          [`${prefixCls}-disabled`]: disabled,\n          [`${prefixCls}-active`]: visible && !disabled,\n          [`${prefixCls}-sm`]: size === 'small',\n          [`${prefixCls}-lg`]: size === 'large',\n        })}\n        style={style}\n        onClick={domClick}\n      >\n        <div className={`${prefixCls}-inner`}>\n          {!!value ? (\n            <div className={`${prefixCls}-value`}>\n              <div className={`${prefixCls}-value-bg`} style={{ background: value }}></div>\n            </div>\n          ) : (\n            <div className={`${prefixCls}-placeholder`}>{placeholder}</div>\n          )}\n          <span className={`${prefixCls}-img`}>\n            <img src={imgSrc} />\n          </span>\n          {allowClear && !!value && !disabled && (\n            <span className={`${prefixCls}-clear`} onClick={doClear}>\n              <Icon type=\"close-circle\" theme=\"filled\" />\n            </span>\n          )}\n        </div>\n      </div>\n    </Popover>\n  )\n}\n"]}
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../src/color-picker/ColorPicker.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react'\nimport { Popover, Icon } from 'antd'\nimport {\n  AlphaPicker,\n  BlockPicker,\n  ChromePicker,\n  CirclePicker,\n  CompactPicker,\n  GithubPicker,\n  HuePicker,\n  MaterialPicker,\n  PhotoshopPicker,\n  SketchPicker,\n  SliderPicker,\n  SwatchesPicker,\n  TwitterPicker,\n} from 'react-color'\nimport cn from 'classnames'\nimport { get, isObject, upperFirst, toLower } from 'lodash'\nimport imgSrc from './tip.svg'\n\nconst prefixCls = 'tntd-color-picker'\n\nconst modeMap = {\n  AlphaPicker,\n  BlockPicker,\n  ChromePicker,\n  CirclePicker,\n  CompactPicker,\n  GithubPicker,\n  HuePicker,\n  MaterialPicker,\n  PhotoshopPicker,\n  SketchPicker,\n  SliderPicker,\n  SwatchesPicker,\n  TwitterPicker,\n}\n\nconst propsFormatMap = {\n  SketchPicker: ({ colors, ...otherProps }) => {\n    if (colors) {\n      return {\n        presetColors: colors,\n        ...otherProps,\n      }\n    }\n    return otherProps\n  },\n}\n\nexport default function ColorPicker({\n  value: _value,\n  onChange,\n  visible: vs,\n  allowClear,\n  disabled,\n  className,\n  mode = 'sketch',\n  style = {},\n  size,\n  placeholder,\n  placement = 'bottomLeft',\n  locale,\n  ...otherProps\n}) {\n  const [visible, setVisible] = useState(vs)\n  const [value, setValue] = useState(_value)\n\n  useEffect(() => {\n    setValue(_value)\n  }, [_value])\n\n  const handleChange = useCallback(\n    (color) => {\n      let value\n      if (isObject(color?.rgb)) {\n        value = `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`\n      }\n      if (onChange) {\n        onChange(value)\n      } else {\n        setValue(value)\n      }\n    },\n    [onChange]\n  )\n\n  const domClick = useCallback(() => {\n    setVisible(true)\n  }, [])\n\n  const doClear = useCallback(\n    (e) => {\n      e.stopPropagation()\n      handleChange()\n    },\n    [handleChange]\n  )\n\n  const [ModePicker, propsFormat] = useMemo(() => {\n    const modeKey = upperFirst(toLower(mode)) + 'Picker' || 'SketchPicker'\n    const ModePicker = modeMap[modeKey] || SketchPicker\n    return [ModePicker, propsFormatMap[modeKey] || ((p) => p)]\n  }, [mode])\n\n  return (\n    <Popover\n      placement={placement}\n      trigger=\"click\"\n      visible={visible && !disabled}\n      onVisibleChange={setVisible}\n      content={\n        <ModePicker {...propsFormat(otherProps)} color={value} onChangeComplete={handleChange} />\n      }\n      overlayClassName={`${prefixCls}-pop`}\n    >\n      <div\n        className={cn(prefixCls, className, {\n          [`${prefixCls}-selected`]: !!value,\n          [`${prefixCls}-disabled`]: disabled,\n          [`${prefixCls}-active`]: visible && !disabled,\n          [`${prefixCls}-sm`]: size === 'small',\n          [`${prefixCls}-lg`]: size === 'large',\n        })}\n        style={style}\n        onClick={domClick}\n      >\n        <div className={`${prefixCls}-inner`}>\n          {!!value ? (\n            <div className={`${prefixCls}-value`}>\n              <div className={`${prefixCls}-value-bg`} style={{ background: value }}></div>\n            </div>\n          ) : (\n            <div className={`${prefixCls}-placeholder`}>{placeholder}</div>\n          )}\n          <span className={`${prefixCls}-img`}>\n            <img src={imgSrc} />\n          </span>\n          {allowClear && !!value && !disabled && (\n            <span className={`${prefixCls}-clear`} onClick={doClear}>\n              <Icon type=\"close-circle\" theme=\"filled\" />\n            </span>\n          )}\n        </div>\n      </div>\n    </Popover>\n  )\n}\n"]}

package/lib/color-picker/index.less

@@ -1,4 +1,4 @@
-@prefixCls: ~'tnt-color-picker';
+@prefixCls: ~'tntd-color-picker';
 
 .color-picker-size(@input-height, @input-padding-horizontal, @font-size) {
   height: @input-height;
@@ -41,6 +41,7 @@
   box-sizing: border-box;
   display: inline-block;
   border: @border-width-base @border-style-base @select-border-color;
+  background: @component-background;
   border-radius: @border-radius-base;
   cursor: pointer;
   position: relative;
@@ -96,6 +97,9 @@
   &-disabled {
     background: @input-disabled-bg;
     cursor: not-allowed;
+    &:hover {
+      border-color:  @border-width-base;
+    }
     .@{prefixCls}-img {
       background: #e9edf3;
     }

package/lib/ellipsis/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"AA6Be,mDAoId"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"AA8Be,mDA+Id"}

package/lib/ellipsis/index.js

@@ -47,6 +47,7 @@ const isEllipsisActive = (e) => {
             styleStr += 'max-width:100%;';
         }
         e.parentNode.setAttribute('style', styleStr);
+        e.setAttribute("style", 'overflow:inherit');
     }
     return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
 };
@@ -70,14 +71,23 @@ exports.default = (props) => {
     const [hasCopy, setHasCopy] = (0, react_1.useState)(false);
     const [lineHeight, setLineHeight] = (0, react_1.useState)();
     const elementRef = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
+    const computeElement = () => {
         elementRef.current && isEllipsisActive(elementRef.current)
             ? setFlag(true)
             : (setFlag(false), setTipVisible(false));
         if (elementRef.current) {
             setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'));
         }
-    });
+    };
+    (0, react_1.useEffect)(() => {
+        computeElement();
+    }, [title]);
+    (0, react_1.useEffect)(() => {
+        window.addEventListener("resize", computeElement);
+        return () => {
+            window.removeEventListener('resize', computeElement);
+        };
+    }, []);
     // original Node
     const inner = typeof children === 'string' ? children : _popover ? content : title;
     // for className
@@ -106,7 +116,7 @@ exports.default = (props) => {
         return _popover ? popoverNode : tooltipNode;
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "tnt-ellipsis", style: Object.assign(Object.assign({}, style), { maxWidth: widthLimit }) },
+        react_1.default.createElement("div", { className: "tntd-ellipsis", style: Object.assign(Object.assign({}, style), { maxWidth: widthLimit }) },
             prefix && prefix,
             react_1.default.createElement("div", { className: getClassName() }, inner ? renderNode() : emptyText),
             suffix && suffix,

package/lib/ellipsis/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\n\nimport copy from 'copy-to-clipboard'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport Popover from '../popover'\nimport Tooltip from '../tooltip'\n\nimport CopySVG from './Svg/CopySVG'\nimport TickSVG from './Svg/TickSVG'\nimport './index.less'\n\nconst tolerance = 0 // In px. Depends on the font you are using\n\nconst isEllipsisActive = (e) => {\n  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n    let styleStr = 'overflow:visible; '\n    if (!e?.parentNode?.getAttribute('style')?.includes('width')) {\n      styleStr += 'max-width:100%;'\n    }\n    e.parentNode.setAttribute('style', styleStr)\n  }\n  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight\n}\n\nexport default (props) => {\n  let {\n    _popover = props.Popover, // `Popover` or `Tooltip` ?\n    title, // in most cases for `Tooltip`\n    content, // in most cases for `Popover`\n    className,\n    style,\n    widthLimit, // width trigger value\n    _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;\n    children, // children Node\n    emptyText, // default: null\n    _copyable = props.copyable, // copy function\n    prefix, // 前缀dom\n    suffix, // 后缀dom\n  } = props\n\n  // allow visible or not state\n  const [flag, setFlag] = useState(true)\n  // visible[Tooltip/Popover] state\n  const [tipVisible, setTipVisible] = useState(false)\n  // copy animation state\n  const [hasCopy, setHasCopy] = useState(false)\n  const [lineHeight, setLineHeight] = useState()\n\n  const elementRef = useRef()\n\n  useEffect(() => {\n    elementRef.current && isEllipsisActive(elementRef.current)\n      ? setFlag(true)\n      : (setFlag(false), setTipVisible(false))\n\n    if (elementRef.current) {\n      setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'))\n    }\n  })\n\n  // original Node\n  const inner = typeof children === 'string' ? children : _popover ? content : title\n\n  // for className\n  const getClassName = () => {\n    return `overflow min-width-0 ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`\n  }\n\n  // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n  const handleVisibleChange = (visible) => {\n    // const { onVisibleChange } = props;\n    // onVisibleChange(visible);\n    flag && setTipVisible(visible)\n  }\n\n  // onClick Copy Button\n  const handleCopy = (innerText) => {\n    copy(innerText)\n    setHasCopy(!hasCopy)\n    setTimeout(() => {\n      setHasCopy(false)\n    }, 1000)\n  }\n\n  const renderNode = () => {\n    const popoverNode = (\n      <Popover\n        {...props}\n        content={content || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || content}\n        </div>\n      </Popover>\n    )\n\n    const tooltipNode = (\n      <Tooltip\n        {...props}\n        title={title || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || title}\n        </div>\n      </Tooltip>\n    )\n\n    return _popover ? popoverNode : tooltipNode\n  }\n\n  return (\n    <>\n      <div\n        className=\"tnt-ellipsis\"\n        style={{\n          ...style,\n          maxWidth: widthLimit,\n        }}\n      >\n        {/* prefix */}\n        {prefix && prefix}\n        {/* content */}\n        <div className={getClassName()}>{inner ? renderNode() : emptyText}</div>\n        {/* suffix */}\n        {suffix && suffix}\n        {/* copyable button */}\n        {inner && _copyable && lineHeight && (\n          <div\n            className=\"svg-button\"\n            style={{\n              height: lineHeight,\n            }}\n            onClick={() => handleCopy(elementRef.current.innerText)}\n          >\n            {!hasCopy ? (\n              <CopySVG\n                style={{\n                  height: lineHeight,\n                }}\n              />\n            ) : (\n              <TickSVG\n                style={{\n                  height: lineHeight,\n                }}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\n\nimport copy from 'copy-to-clipboard'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport Popover from '../popover'\nimport Tooltip from '../tooltip'\n\nimport CopySVG from './Svg/CopySVG'\nimport TickSVG from './Svg/TickSVG'\nimport './index.less'\n\nconst tolerance = 0 // In px. Depends on the font you are using\n\nconst isEllipsisActive = (e) => {\n  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n    let styleStr = 'overflow:visible; '\n    if (!e?.parentNode?.getAttribute('style')?.includes('width')) {\n      styleStr += 'max-width:100%;'\n    }\n    e.parentNode.setAttribute('style', styleStr)\n    e.setAttribute(\"style\",'overflow:inherit');\n  }\n  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight\n}\n\nexport default (props) => {\n  let {\n    _popover = props.Popover, // `Popover` or `Tooltip` ?\n    title, // in most cases for `Tooltip`\n    content, // in most cases for `Popover`\n    className,\n    style,\n    widthLimit, // width trigger value\n    _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;\n    children, // children Node\n    emptyText, // default: null\n    _copyable = props.copyable, // copy function\n    prefix, // 前缀dom\n    suffix, // 后缀dom\n  } = props\n\n  // allow visible or not state\n  const [flag, setFlag] = useState(true)\n  // visible[Tooltip/Popover] state\n  const [tipVisible, setTipVisible] = useState(false)\n  // copy animation state\n  const [hasCopy, setHasCopy] = useState(false)\n  const [lineHeight, setLineHeight] = useState()\n\n  const elementRef = useRef()\n\n  const computeElement = ()=>{\n    elementRef.current && isEllipsisActive(elementRef.current)\n      ? setFlag(true)\n      : (setFlag(false), setTipVisible(false))\n\n    if (elementRef.current) {\n      setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'))\n    }\n  }\n\n  useEffect(() => {\n    computeElement()\n  },[title])\n\n  useEffect(()=>{\n    window.addEventListener(\"resize\",computeElement)\n    return ()=>{\n        window.removeEventListener('resize',computeElement)\n    }\n  },[])\n\n  // original Node\n  const inner = typeof children === 'string' ? children : _popover ? content : title\n\n  // for className\n  const getClassName = () => {\n    return `overflow min-width-0 ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`\n  }\n\n  // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n  const handleVisibleChange = (visible) => {\n    // const { onVisibleChange } = props;\n    // onVisibleChange(visible);\n    flag && setTipVisible(visible)\n  }\n\n  // onClick Copy Button\n  const handleCopy = (innerText) => {\n    copy(innerText)\n    setHasCopy(!hasCopy)\n    setTimeout(() => {\n      setHasCopy(false)\n    }, 1000)\n  }\n\n  const renderNode = () => {\n    const popoverNode = (\n      <Popover\n        {...props}\n        content={content || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || content}\n        </div>\n      </Popover>\n    )\n\n    const tooltipNode = (\n      <Tooltip\n        {...props}\n        title={title || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || title}\n        </div>\n      </Tooltip>\n    )\n\n    return _popover ? popoverNode : tooltipNode\n  }\n\n  return (\n    <>\n      <div\n        className=\"tntd-ellipsis\"\n        style={{\n          ...style,\n          maxWidth: widthLimit,\n        }}\n      >\n        {/* prefix */}\n        {prefix && prefix}\n        {/* content */}\n        <div className={getClassName()}>{inner ? renderNode() : emptyText}</div>\n        {/* suffix */}\n        {suffix && suffix}\n        {/* copyable button */}\n        {inner && _copyable && lineHeight && (\n          <div\n            className=\"svg-button\"\n            style={{\n              height: lineHeight,\n            }}\n            onClick={() => handleCopy(elementRef.current.innerText)}\n          >\n            {!hasCopy ? (\n              <CopySVG\n                style={{\n                  height: lineHeight,\n                }}\n              />\n            ) : (\n              <TickSVG\n                style={{\n                  height: lineHeight,\n                }}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n"]}