tntd 2.8.0-beta.3 → 3.0.0-beta.1

package/lib/ellipsis/Svg/CopySVG.js

@@ -1,71 +1,22 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var _default = exports["default"] = function _default(props) {
-  return _react["default"].createElement("svg", Object.assign({
-    width: "16px",
-    height: "16px",
-    viewBox: "0 0 16 16"
-  }, props), _react["default"].createElement("g", {
-    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, _react["default"].createElement("g", {
-    id: "\u5DE5\u4F5C\u53F01",
-    transform: "translate(-730.000000, -299.000000)"
-  }, _react["default"].createElement("g", {
-    id: "\u5206\u7EC4-6",
-    transform: "translate(240.000000, 96.000000)"
-  }, _react["default"].createElement("g", {
-    id: "\u7F16\u7EC4-18",
-    transform: "translate(0.000000, 171.000000)"
-  }, _react["default"].createElement("g", {
-    id: "\u590D\u5236",
-    transform: "translate(490.000000, 32.000000)"
-  }, _react["default"].createElement("rect", {
-    id: "\u77E9\u5F62",
-    fill: "#D8D8D8",
-    opacity: "0",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }), _react["default"].createElement("g", {
-    id: "\u7F16\u7EC4-5",
-    transform: "translate(2.223389, 1.330322)",
-    stroke: "#1e90ff",
-    strokeLinecap: "round",
-    strokeWidth: "1.2"
-  }, _react["default"].createElement("polygon", {
-    id: "\u8DEF\u5F84",
-    strokeLinejoin: "round",
-    points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15"
-  }), _react["default"].createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    strokeLinejoin: "round",
-    points: "7.66666667 0 7.66666667 4 11.3333333 4"
-  }), _react["default"].createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    strokeLinejoin: "round",
-    points: "0 5.33333333 0 13.3333333 7 13.3333333"
-  }), _react["default"].createElement("line", {
-    x1: "4",
-    y1: "5.33333333",
-    x2: "5.33333333",
-    y2: "5.33333333",
-    id: "\u8DEF\u5F84"
-  }), _react["default"].createElement("line", {
-    x1: "4",
-    y1: "8",
-    x2: "8",
-    y2: "8",
-    id: "\u8DEF\u5F84"
-  }))))))));
-};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+exports.default = (props) => {
+    return (react_1.default.createElement("svg", Object.assign({ width: "16px", height: "16px", viewBox: "0 0 16 16" }, props),
+        react_1.default.createElement("g", { id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("g", { id: "\u5DE5\u4F5C\u53F01", transform: "translate(-730.000000, -299.000000)" },
+                react_1.default.createElement("g", { id: "\u5206\u7EC4-6", transform: "translate(240.000000, 96.000000)" },
+                    react_1.default.createElement("g", { id: "\u7F16\u7EC4-18", transform: "translate(0.000000, 171.000000)" },
+                        react_1.default.createElement("g", { id: "\u590D\u5236", transform: "translate(490.000000, 32.000000)" },
+                            react_1.default.createElement("rect", { id: "\u77E9\u5F62", fill: "#D8D8D8", opacity: "0", x: "0", y: "0", width: "16", height: "16" }),
+                            react_1.default.createElement("g", { id: "\u7F16\u7EC4-5", transform: "translate(2.223389, 1.330322)", stroke: "#1e90ff", strokeLinecap: "round", strokeWidth: "1.2" },
+                                react_1.default.createElement("polygon", { id: "\u8DEF\u5F84", strokeLinejoin: "round", points: "2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15" }),
+                                react_1.default.createElement("polyline", { id: "\u8DEF\u5F84", strokeLinejoin: "round", points: "7.66666667 0 7.66666667 4 11.3333333 4" }),
+                                react_1.default.createElement("polyline", { id: "\u8DEF\u5F84", strokeLinejoin: "round", points: "0 5.33333333 0 13.3333333 7 13.3333333" }),
+                                react_1.default.createElement("line", { x1: "4", y1: "5.33333333", x2: "5.33333333", y2: "5.33333333", id: "\u8DEF\u5F84" }),
+                                react_1.default.createElement("line", { x1: "4", y1: "8", x2: "8", y2: "8", id: "\u8DEF\u5F84" })))))))));
+};
+//# sourceMappingURL=CopySVG.js.map

package/lib/ellipsis/Svg/TickSVG.js

@@ -1,49 +1,17 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var _default = exports["default"] = function _default(props) {
-  return _react["default"].createElement("svg", Object.assign({
-    width: "17px",
-    height: "16px",
-    viewBox: "0 0 17 16"
-  }, props), _react["default"].createElement("g", {
-    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, _react["default"].createElement("g", {
-    id: "\u5DE5\u4F5C\u53F01",
-    transform: "translate(-754.000000, -299.000000)"
-  }, _react["default"].createElement("g", {
-    id: "\u5206\u7EC4-6",
-    transform: "translate(240.000000, 96.000000)"
-  }, _react["default"].createElement("g", {
-    id: "\u7F16\u7EC4-18",
-    transform: "translate(0.000000, 171.000000)"
-  }, _react["default"].createElement("g", {
-    id: "\u590D\u5236\u6210\u529F",
-    transform: "translate(514.500000, 32.000000)"
-  }, _react["default"].createElement("rect", {
-    id: "\u77E9\u5F62",
-    fillOpacity: "0.01",
-    fill: "#FFFFFF",
-    fillRule: "nonzero",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }), _react["default"].createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    stroke: "#07C790",
-    strokeWidth: "1.2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    points: "14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333"
-  })))))));
-};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+exports.default = (props) => {
+    return (react_1.default.createElement("svg", Object.assign({ width: "17px", height: "16px", viewBox: "0 0 17 16" }, props),
+        react_1.default.createElement("g", { id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("g", { id: "\u5DE5\u4F5C\u53F01", transform: "translate(-754.000000, -299.000000)" },
+                react_1.default.createElement("g", { id: "\u5206\u7EC4-6", transform: "translate(240.000000, 96.000000)" },
+                    react_1.default.createElement("g", { id: "\u7F16\u7EC4-18", transform: "translate(0.000000, 171.000000)" },
+                        react_1.default.createElement("g", { id: "\u590D\u5236\u6210\u529F", transform: "translate(514.500000, 32.000000)" },
+                            react_1.default.createElement("rect", { id: "\u77E9\u5F62", fillOpacity: "0.01", fill: "#FFFFFF", fillRule: "nonzero", x: "0", y: "0", width: "16", height: "16" }),
+                            react_1.default.createElement("polyline", { id: "\u8DEF\u5F84", stroke: "#07C790", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round", points: "14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333" }))))))));
+};
+//# sourceMappingURL=TickSVG.js.map

package/lib/ellipsis/index.js

@@ -1,188 +1,147 @@
 "use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _copyToClipboard = _interopRequireDefault(require("copy-to-clipboard"));
-var _react = _interopRequireWildcard(require("react"));
-var _popover2 = _interopRequireDefault(require("../popover"));
-var _tooltip = _interopRequireDefault(require("../tooltip"));
-var _CopySVG = _interopRequireDefault(require("./Svg/CopySVG"));
-var _TickSVG = _interopRequireDefault(require("./Svg/TickSVG"));
-require("./index.less");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
+/*
  * @Author: 梁洪刚
  * @CreatDate: 2021-03-31 13:57:32
  * @Describe: 省略号组件
  */
-var tolerance = 0; // In px. Depends on the font you are using
-var isEllipsisActive = function isEllipsisActive(e) {
-  var _a, _b;
-  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {
-    var styleStr = 'overflow:visible; ';
-    if (!((_b = (_a = e === null || e === void 0 ? void 0 : e.parentNode) === null || _a === void 0 ? void 0 : _a.getAttribute('style')) === null || _b === void 0 ? void 0 : _b.includes('width'))) {
-      styleStr += 'max-width:100%;';
+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]; } };
     }
-    e.parentNode.setAttribute('style', styleStr);
-    e.setAttribute("style", 'overflow:inherit');
-  } else {
-    e.setAttribute("style", "");
-  }
-  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
+    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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports["default"] = function _default(props) {
-  var _props$_popover = props._popover,
-    _popover = _props$_popover === void 0 ? props.Popover : _props$_popover,
-    title = props.title,
-    content = props.content,
-    className = props.className,
-    style = props.style,
-    widthLimit = props.widthLimit,
-    _props$_lines = props._lines,
-    _lines = _props$_lines === void 0 ? props.lines !== 1 && props.lines : _props$_lines,
-    children = props.children,
-    emptyText = props.emptyText,
-    _props$_copyable = props._copyable,
-    _copyable = _props$_copyable === void 0 ? props.copyable : _props$_copyable,
-    prefix = props.prefix,
-    suffix = props.suffix,
-    _props$needRefresh = props.needRefresh,
-    needRefresh = _props$needRefresh === void 0 ? true : _props$needRefresh;
-  var _useState = (0, _react.useState)(1),
-    _useState2 = _slicedToArray(_useState, 2),
-    renderId = _useState2[0],
-    setRenderId = _useState2[1];
-  // allow visible or not state
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    flag = _useState4[0],
-    setFlag = _useState4[1];
-  // visible[Tooltip/Popover] state
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    tipVisible = _useState6[0],
-    setTipVisible = _useState6[1];
-  // copy animation state
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    hasCopy = _useState8[0],
-    setHasCopy = _useState8[1];
-  var _useState9 = (0, _react.useState)(),
-    _useState10 = _slicedToArray(_useState9, 2),
-    lineHeight = _useState10[0],
-    setLineHeight = _useState10[1];
-  var elementRef = (0, _react.useRef)();
-  var computeElement = function computeElement() {
-    elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
-    if (elementRef.current) {
-      setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'));
+Object.defineProperty(exports, "__esModule", { value: true });
+const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
+const react_1 = __importStar(require("react"));
+const popover_1 = __importDefault(require("../popover"));
+const tooltip_1 = __importDefault(require("../tooltip"));
+const CopySVG_1 = __importDefault(require("./Svg/CopySVG"));
+const TickSVG_1 = __importDefault(require("./Svg/TickSVG"));
+require("./index.less");
+const tolerance = 0; // In px. Depends on the font you are using
+const isEllipsisActive = (e) => {
+    var _a, _b;
+    if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {
+        let styleStr = 'overflow:visible; ';
+        if (!((_b = (_a = e === null || e === void 0 ? void 0 : e.parentNode) === null || _a === void 0 ? void 0 : _a.getAttribute('style')) === null || _b === void 0 ? void 0 : _b.includes('width'))) {
+            styleStr += 'max-width:100%;';
+        }
+        e.parentNode.setAttribute('style', styleStr);
+        e.setAttribute("style", 'overflow:inherit');
     }
-  };
-  (0, _react.useLayoutEffect)(function () {
-    if (needRefresh) {
-      setRenderId(function (id) {
-        return id + 1;
-      });
-    } else {
-      if (renderId < 2) {
-        setRenderId(function (id) {
-          return id + 1;
-        });
-      }
+    else {
+        e.setAttribute("style", "");
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [title, needRefresh, content, children]);
-  (0, _react.useEffect)(function () {
-    computeElement();
-  }, [renderId]);
-  (0, _react.useEffect)(function () {
-    window.addEventListener("resize", computeElement);
-    return function () {
-      window.removeEventListener('resize', computeElement);
+    return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
+};
+exports.default = (props) => {
+    let { _popover = props.Popover, // `Popover` or `Tooltip` ?
+    title, // in most cases for `Tooltip`
+    content, // in most cases for `Popover`
+    className, style, widthLimit, // width trigger value
+    _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;
+    children, // children Node
+    emptyText, // default: null
+    _copyable = props.copyable, // copy function
+    prefix, // 前缀dom
+    suffix, // 后缀dom
+    needRefresh = true // select.options的情况下不要刷新
+     } = props;
+    const [renderId, setRenderId] = (0, react_1.useState)(1);
+    // allow visible or not state
+    const [flag, setFlag] = (0, react_1.useState)(true);
+    // visible[Tooltip/Popover] state
+    const [tipVisible, setTipVisible] = (0, react_1.useState)(false);
+    // copy animation state
+    const [hasCopy, setHasCopy] = (0, react_1.useState)(false);
+    const [lineHeight, setLineHeight] = (0, react_1.useState)();
+    const elementRef = (0, react_1.useRef)();
+    const computeElement = () => {
+        elementRef.current && isEllipsisActive(elementRef.current)
+            ? setFlag(true)
+            : (setFlag(false), setTipVisible(false));
+        if (elementRef.current) {
+            setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'));
+        }
     };
-  }, []);
-  // original Node
-  var inner = typeof children === 'string' ? children : _popover ? content : title;
-  // for className
-  var getClassName = function getClassName() {
-    return "overflow min-width-0 ".concat(_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap', " ").concat(className || '');
-  };
-  // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
-  var handleVisibleChange = function handleVisibleChange(visible) {
-    // const { onVisibleChange } = props;
-    // onVisibleChange(visible);
-    flag && setTipVisible(visible);
-  };
-  // onClick Copy Button
-  var handleCopy = function handleCopy(innerText) {
-    (0, _copyToClipboard["default"])(innerText);
-    setHasCopy(!hasCopy);
-    setTimeout(function () {
-      setHasCopy(false);
-    }, 1000);
-  };
-  var renderNode = function renderNode() {
-    var popoverNode = _react["default"].createElement(_popover2["default"], Object.assign({}, props, {
-      content: content || children,
-      visible: tipVisible,
-      onVisibleChange: function onVisibleChange(visible) {
-        return handleVisibleChange(visible);
-      }
-    }), _react["default"].createElement("div", {
-      className: className,
-      style: {
-        WebkitLineClamp: _lines
-      },
-      ref: elementRef
-    }, children || content));
-    var tooltipNode = _react["default"].createElement(_tooltip["default"], Object.assign({}, props, {
-      title: title || children,
-      visible: tipVisible,
-      onVisibleChange: function onVisibleChange(visible) {
-        return handleVisibleChange(visible);
-      }
-    }), _react["default"].createElement("div", {
-      className: className,
-      style: {
-        WebkitLineClamp: _lines
-      },
-      ref: elementRef
-    }, children || title));
-    return _popover ? popoverNode : tooltipNode;
-  };
-  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement("div", {
-    className: "tntd-ellipsis",
-    style: Object.assign(Object.assign({}, style), {
-      maxWidth: widthLimit
-    })
-  }, prefix && prefix, _react["default"].createElement("div", {
-    className: getClassName(),
-    key: renderId
-  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && lineHeight && _react["default"].createElement("div", {
-    className: "svg-button",
-    style: {
-      height: lineHeight
-    },
-    onClick: function onClick() {
-      return handleCopy(elementRef.current.innerText);
-    }
-  }, !hasCopy ? _react["default"].createElement(_CopySVG["default"], {
-    style: {
-      height: lineHeight
-    }
-  }) : _react["default"].createElement(_TickSVG["default"], {
-    style: {
-      height: lineHeight
-    }
-  }))));
-};
+    (0, react_1.useLayoutEffect)(() => {
+        if (needRefresh) {
+            setRenderId(id => id + 1);
+        }
+        else {
+            if (renderId < 2) {
+                setRenderId(id => id + 1);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [title, needRefresh, content, children]);
+    (0, react_1.useEffect)(() => {
+        computeElement();
+    }, [renderId]);
+    (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
+    const getClassName = () => {
+        return `overflow min-width-0 ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`;
+    };
+    // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)
+    const handleVisibleChange = (visible) => {
+        // const { onVisibleChange } = props;
+        // onVisibleChange(visible);
+        flag && setTipVisible(visible);
+    };
+    // onClick Copy Button
+    const handleCopy = (innerText) => {
+        (0, copy_to_clipboard_1.default)(innerText);
+        setHasCopy(!hasCopy);
+        setTimeout(() => {
+            setHasCopy(false);
+        }, 1000);
+    };
+    const renderNode = () => {
+        const popoverNode = (react_1.default.createElement(popover_1.default, Object.assign({}, props, { content: content || children, visible: tipVisible, onVisibleChange: (visible) => handleVisibleChange(visible) }),
+            react_1.default.createElement("div", { className: className, style: { WebkitLineClamp: _lines }, ref: elementRef }, children || content)));
+        const tooltipNode = (react_1.default.createElement(tooltip_1.default, Object.assign({}, props, { title: title || children, visible: tipVisible, onVisibleChange: (visible) => handleVisibleChange(visible) }),
+            react_1.default.createElement("div", { className: className, style: { WebkitLineClamp: _lines }, ref: elementRef }, children || title)));
+        return _popover ? popoverNode : tooltipNode;
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        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(), key: renderId }, inner ? renderNode() : emptyText),
+            suffix && suffix,
+            inner && _copyable && lineHeight && (react_1.default.createElement("div", { className: "svg-button", style: {
+                    height: lineHeight,
+                }, onClick: () => handleCopy(elementRef.current.innerText) }, !hasCopy ? (react_1.default.createElement(CopySVG_1.default, { style: {
+                    height: lineHeight,
+                } })) : (react_1.default.createElement(TickSVG_1.default, { style: {
+                    height: lineHeight,
+                } })))))));
+};
+//# sourceMappingURL=index.js.map

package/lib/empty/empty.d.ts

@@ -1,6 +1,6 @@
-import type { EmptyProps as AntdEmptyProps } from 'antd/lib/empty';
+import type { EmptyProps as AntdEmptyProps } from 'antd/es/empty';
 import React from 'react';
-export * from 'antd/lib/empty';
+export * from 'antd/es/empty';
 export interface EmptyProps extends AntdEmptyProps {
     type?: 'empty' | 'no-result' | 'no-chart' | 'no-permission' | 'failure' | 'success' | 'offline' | '403' | '404' | '500';
     size?: 'mini' | 'small' | 'middle' | 'large' | 'ultra';