tntd 2.6.17 → 2.6.19

package/es/development-login/LoginModal.js

@@ -7,86 +7,51 @@ import message from '../message';
 const cookies = new Cookies();
 // 默认
 let accountInfoDefault = {
-  account: undefined,
-  password: undefined
+    account: undefined,
+    password: undefined,
 };
-export default (({
-  visible,
-  close,
-  signIn
-}) => {
-  const [confirmLoading, setConfirmLoading] = useState(false);
-  // 如果storage中已存在，则取storage
-  const storageAccountInfo = localStorage.getItem('accountInfo');
-  if (storageAccountInfo) {
-    try {
-      accountInfoDefault = JSON.parse(storageAccountInfo);
-    } catch (e) {}
-  }
-  const [accountInfo, setAccountInfo] = useState(accountInfoDefault);
-  const {
-    account,
-    password
-  } = accountInfo;
-  const onSubmit = () => {
-    setConfirmLoading(true);
-    const returnVal = signIn && signIn(accountInfo);
-    if (returnVal && returnVal.then) {
-      returnVal.then(res => {
-        message.success('模拟登陆成功');
-        localStorage.setItem('accountInfo', JSON.stringify(accountInfo));
-        setConfirmLoading(false);
-        setTimeout(() => {
-          const {
-            tdToken: token,
-            userId
-          } = res || {};
-          cookies.set('_td_token_', token, {
-            path: '/'
-          });
-          cookies.set('_uid_', userId, {
-            path: '/'
-          });
-          close();
-        }, 500);
-      }).catch(err => {
-        setConfirmLoading(false);
-        throw err;
-      });
+export default ({ visible, close, signIn }) => {
+    const [confirmLoading, setConfirmLoading] = useState(false);
+    // 如果storage中已存在，则取storage
+    const storageAccountInfo = localStorage.getItem('accountInfo');
+    if (storageAccountInfo) {
+        try {
+            accountInfoDefault = JSON.parse(storageAccountInfo);
+        }
+        catch (e) { }
     }
-  };
-  const changeFieldValue = (key, evt) => {
-    setAccountInfo(Object.assign(Object.assign({}, accountInfo), {
-      [key]: evt.target.value
-    }));
-  };
-  return React.createElement(Modal, {
-    title: "\u5F00\u53D1\u8005\u6A21\u62DF\u767B\u9646",
-    visible: visible,
-    maskClosable: false,
-    onOk: onSubmit,
-    onCancel: close,
-    confirmLoading: confirmLoading
-  }, React.createElement(Form, {
-    labelCol: {
-      span: 5
-    },
-    wrapperCol: {
-      span: 18
-    }
-  }, React.createElement(Form.Item, {
-    label: "\u7528\u6237\u540D\uFF1A"
-  }, React.createElement(Input, {
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
-    value: account || undefined,
-    onChange: evt => changeFieldValue('account', evt)
-  })), React.createElement(Form.Item, {
-    label: "\u5BC6\u7801\uFF1A"
-  }, React.createElement(Input, {
-    type: "text",
-    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
-    value: password || undefined,
-    onChange: evt => changeFieldValue('password', evt)
-  }))));
-});
+    const [accountInfo, setAccountInfo] = useState(accountInfoDefault);
+    const { account, password } = accountInfo;
+    const onSubmit = () => {
+        setConfirmLoading(true);
+        const returnVal = signIn && signIn(accountInfo);
+        if (returnVal && returnVal.then) {
+            returnVal
+                .then((res) => {
+                message.success('模拟登陆成功');
+                localStorage.setItem('accountInfo', JSON.stringify(accountInfo));
+                setConfirmLoading(false);
+                setTimeout(() => {
+                    const { tdToken: token, userId } = res || {};
+                    cookies.set('_td_token_', token, { path: '/' });
+                    cookies.set('_uid_', userId, { path: '/' });
+                    close();
+                }, 500);
+            })
+                .catch((err) => {
+                setConfirmLoading(false);
+                throw err;
+            });
+        }
+    };
+    const changeFieldValue = (key, evt) => {
+        setAccountInfo(Object.assign(Object.assign({}, accountInfo), { [key]: evt.target.value }));
+    };
+    return (React.createElement(Modal, { title: "\u5F00\u53D1\u8005\u6A21\u62DF\u767B\u9646", visible: visible, maskClosable: false, onOk: onSubmit, onCancel: close, confirmLoading: confirmLoading },
+        React.createElement(Form, { labelCol: { span: 5 }, wrapperCol: { span: 18 } },
+            React.createElement(Form.Item, { label: "\u7528\u6237\u540D\uFF1A" },
+                React.createElement(Input, { type: "text", placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D", value: account || undefined, onChange: (evt) => changeFieldValue('account', evt) })),
+            React.createElement(Form.Item, { label: "\u5BC6\u7801\uFF1A" },
+                React.createElement(Input, { type: "text", placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D", value: password || undefined, onChange: (evt) => changeFieldValue('password', evt) })))));
+};
+//# sourceMappingURL=LoginModal.js.map

package/es/development-login/index.js

@@ -3,20 +3,11 @@
  */
 import React, { useState } from 'react';
 const DevelopmentLoginModal = React.lazy(() => import('./LoginModal'));
-export default (({
-  signIn
-}) => {
-  const [loginVisible, setLoginVisible] = useState(false);
-  return React.createElement(React.Fragment, null, React.createElement("a", {
-    style: {
-      fontSize: 14
-    },
-    onClick: () => setLoginVisible(true)
-  }, "\u6A21\u62DF\u767B\u5F55"), loginVisible && React.createElement(React.Suspense, {
-    fallback: React.createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D")
-  }, React.createElement(DevelopmentLoginModal, {
-    visible: loginVisible,
-    signIn: signIn,
-    close: () => setLoginVisible(false)
-  })));
-});
+export default ({ signIn }) => {
+    const [loginVisible, setLoginVisible] = useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("a", { style: { fontSize: 14 }, onClick: () => setLoginVisible(true) }, "\u6A21\u62DF\u767B\u5F55"),
+        loginVisible && (React.createElement(React.Suspense, { fallback: React.createElement("div", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D") },
+            React.createElement(DevelopmentLoginModal, { visible: loginVisible, signIn: signIn, close: () => setLoginVisible(false) })))));
+};
+//# sourceMappingURL=index.js.map

package/es/divider/index.js

@@ -1,4 +1,5 @@
 import Divider from 'antd/es/divider';
 import 'antd/es/divider/style';
 export * from 'antd/es/divider';
-export default Divider;
+export default Divider;
+//# sourceMappingURL=index.js.map

package/es/drawer/drawer.js

@@ -1,33 +1,26 @@
-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 __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 LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import classNames from 'classnames';
 import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdDrawer } from 'antd/es/drawer';
-export const Drawer = _a => {
-  var {
-      closable,
-      className
-    } = _a,
-    rest = __rest(_a, ["closable", "className"]);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('drawer');
-    return React.createElement(LocaleReceiver, {
-      componentName: "Drawer"
-    }, () => React.createElement(AntdDrawer, Object.assign({
-      className: classNames(prefixCls, 'tntd-drawer', className, {
-        [`${prefixCls}-contain-closable`]: closable !== false
-      }),
-      closable: closable
-    }, rest)));
-  });
-};
+export const Drawer = (_a) => {
+    var { closable, className } = _a, rest = __rest(_a, ["closable", "className"]);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('drawer');
+        return (React.createElement(LocaleReceiver, { componentName: "Drawer" }, () => (React.createElement(AntdDrawer, Object.assign({ className: classNames(prefixCls, 'tntd-drawer', className, {
+                [`${prefixCls}-contain-closable`]: closable !== false,
+            }), closable: closable }, rest)))));
+    }));
+};
+//# sourceMappingURL=drawer.js.map

package/es/drawer/index.js

@@ -2,4 +2,5 @@ import 'antd/es/drawer/style';
 import { Drawer } from './drawer';
 import './drawer.less';
 export * from 'antd/es/drawer';
-export default Drawer;
+export default Drawer;
+//# sourceMappingURL=index.js.map

package/es/dropdown/index.js

@@ -1,4 +1,5 @@
 import Dropdown from 'antd/es/dropdown';
 import 'antd/es/dropdown/style';
 export * from 'antd/es/dropdown';
-export default Dropdown;
+export default Dropdown;
+//# sourceMappingURL=index.js.map

package/es/ellipsis/Svg/CopySVG.js

@@ -1,64 +1,17 @@
 import React from 'react';
-export default (props => {
-  return React.createElement("svg", Object.assign({
-    width: "16px",
-    height: "16px",
-    viewBox: "0 0 16 16"
-  }, props), React.createElement("g", {
-    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, React.createElement("g", {
-    id: "\u5DE5\u4F5C\u53F01",
-    transform: "translate(-730.000000, -299.000000)"
-  }, React.createElement("g", {
-    id: "\u5206\u7EC4-6",
-    transform: "translate(240.000000, 96.000000)"
-  }, React.createElement("g", {
-    id: "\u7F16\u7EC4-18",
-    transform: "translate(0.000000, 171.000000)"
-  }, React.createElement("g", {
-    id: "\u590D\u5236",
-    transform: "translate(490.000000, 32.000000)"
-  }, React.createElement("rect", {
-    id: "\u77E9\u5F62",
-    fill: "#D8D8D8",
-    opacity: "0",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }), React.createElement("g", {
-    id: "\u7F16\u7EC4-5",
-    transform: "translate(2.223389, 1.330322)",
-    stroke: "#1e90ff",
-    strokeLinecap: "round",
-    strokeWidth: "1.2"
-  }, React.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.createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    strokeLinejoin: "round",
-    points: "7.66666667 0 7.66666667 4 11.3333333 4"
-  }), React.createElement("polyline", {
-    id: "\u8DEF\u5F84",
-    strokeLinejoin: "round",
-    points: "0 5.33333333 0 13.3333333 7 13.3333333"
-  }), React.createElement("line", {
-    x1: "4",
-    y1: "5.33333333",
-    x2: "5.33333333",
-    y2: "5.33333333",
-    id: "\u8DEF\u5F84"
-  }), React.createElement("line", {
-    x1: "4",
-    y1: "8",
-    x2: "8",
-    y2: "8",
-    id: "\u8DEF\u5F84"
-  }))))))));
-});
+export default (props) => {
+    return (React.createElement("svg", Object.assign({ width: "16px", height: "16px", viewBox: "0 0 16 16" }, props),
+        React.createElement("g", { id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { id: "\u5DE5\u4F5C\u53F01", transform: "translate(-730.000000, -299.000000)" },
+                React.createElement("g", { id: "\u5206\u7EC4-6", transform: "translate(240.000000, 96.000000)" },
+                    React.createElement("g", { id: "\u7F16\u7EC4-18", transform: "translate(0.000000, 171.000000)" },
+                        React.createElement("g", { id: "\u590D\u5236", transform: "translate(490.000000, 32.000000)" },
+                            React.createElement("rect", { id: "\u77E9\u5F62", fill: "#D8D8D8", opacity: "0", x: "0", y: "0", width: "16", height: "16" }),
+                            React.createElement("g", { id: "\u7F16\u7EC4-5", transform: "translate(2.223389, 1.330322)", stroke: "#1e90ff", strokeLinecap: "round", strokeWidth: "1.2" },
+                                React.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.createElement("polyline", { id: "\u8DEF\u5F84", strokeLinejoin: "round", points: "7.66666667 0 7.66666667 4 11.3333333 4" }),
+                                React.createElement("polyline", { id: "\u8DEF\u5F84", strokeLinejoin: "round", points: "0 5.33333333 0 13.3333333 7 13.3333333" }),
+                                React.createElement("line", { x1: "4", y1: "5.33333333", x2: "5.33333333", y2: "5.33333333", id: "\u8DEF\u5F84" }),
+                                React.createElement("line", { x1: "4", y1: "8", x2: "8", y2: "8", id: "\u8DEF\u5F84" })))))))));
+};
+//# sourceMappingURL=CopySVG.js.map

package/es/ellipsis/Svg/TickSVG.js

@@ -1,42 +1,12 @@
 import React from 'react';
-export default (props => {
-  return React.createElement("svg", Object.assign({
-    width: "17px",
-    height: "16px",
-    viewBox: "0 0 17 16"
-  }, props), React.createElement("g", {
-    id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, React.createElement("g", {
-    id: "\u5DE5\u4F5C\u53F01",
-    transform: "translate(-754.000000, -299.000000)"
-  }, React.createElement("g", {
-    id: "\u5206\u7EC4-6",
-    transform: "translate(240.000000, 96.000000)"
-  }, React.createElement("g", {
-    id: "\u7F16\u7EC4-18",
-    transform: "translate(0.000000, 171.000000)"
-  }, React.createElement("g", {
-    id: "\u590D\u5236\u6210\u529F",
-    transform: "translate(514.500000, 32.000000)"
-  }, React.createElement("rect", {
-    id: "\u77E9\u5F62",
-    fillOpacity: "0.01",
-    fill: "#FFFFFF",
-    fillRule: "nonzero",
-    x: "0",
-    y: "0",
-    width: "16",
-    height: "16"
-  }), React.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"
-  })))))));
-});
+export default (props) => {
+    return (React.createElement("svg", Object.assign({ width: "17px", height: "16px", viewBox: "0 0 17 16" }, props),
+        React.createElement("g", { id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { id: "\u5DE5\u4F5C\u53F01", transform: "translate(-754.000000, -299.000000)" },
+                React.createElement("g", { id: "\u5206\u7EC4-6", transform: "translate(240.000000, 96.000000)" },
+                    React.createElement("g", { id: "\u7F16\u7EC4-18", transform: "translate(0.000000, 171.000000)" },
+                        React.createElement("g", { id: "\u590D\u5236\u6210\u529F", transform: "translate(514.500000, 32.000000)" },
+                            React.createElement("rect", { id: "\u77E9\u5F62", fillOpacity: "0.01", fill: "#FFFFFF", fillRule: "nonzero", x: "0", y: "0", width: "16", height: "16" }),
+                            React.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/es/ellipsis/index.js

@@ -4,137 +4,105 @@
  * @Describe: 省略号组件
  */
 import copy from 'copy-to-clipboard';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import Popover from '../popover';
 import Tooltip from '../tooltip';
 import CopySVG from './Svg/CopySVG';
 import TickSVG from './Svg/TickSVG';
 import './index.less';
+import 'react-dom';
 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%;';
+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');
     }
-    e.parentNode.setAttribute('style', styleStr);
-    e.setAttribute("style", 'overflow:inherit');
-  }
-  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
+    return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
 };
-export 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
-  } = props;
-  // allow visible or not state
-  const [flag, setFlag] = useState(true);
-  // visible[Tooltip/Popover] state
-  const [tipVisible, setTipVisible] = useState(false);
-  // copy animation state
-  const [hasCopy, setHasCopy] = useState(false);
-  const [lineHeight, setLineHeight] = useState();
-  const elementRef = 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'));
-    }
-  };
-  useEffect(() => {
-    computeElement();
-  }, [title]);
-  useEffect(() => {
-    window.addEventListener("resize", computeElement);
-    return () => {
-      window.removeEventListener('resize', computeElement);
+export 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
+     } = props;
+    const [renderId, setRenderId] = useState(1);
+    // allow visible or not state
+    const [flag, setFlag] = useState(true);
+    // visible[Tooltip/Popover] state
+    const [tipVisible, setTipVisible] = useState(false);
+    // copy animation state
+    const [hasCopy, setHasCopy] = useState(false);
+    const [lineHeight, setLineHeight] = useState();
+    const elementRef = 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
-  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 => {
-    copy(innerText);
-    setHasCopy(!hasCopy);
-    setTimeout(() => {
-      setHasCopy(false);
-    }, 1000);
-  };
-  const renderNode = () => {
-    const popoverNode = React.createElement(Popover, Object.assign({}, props, {
-      content: content || children,
-      visible: tipVisible,
-      onVisibleChange: visible => handleVisibleChange(visible)
-    }), React.createElement("div", {
-      className: className,
-      style: {
-        WebkitLineClamp: _lines
-      },
-      ref: elementRef
-    }, children || content));
-    const tooltipNode = React.createElement(Tooltip, Object.assign({}, props, {
-      title: title || children,
-      visible: tipVisible,
-      onVisibleChange: visible => handleVisibleChange(visible)
-    }), React.createElement("div", {
-      className: className,
-      style: {
-        WebkitLineClamp: _lines
-      },
-      ref: elementRef
-    }, children || title));
-    return _popover ? popoverNode : tooltipNode;
-  };
-  return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "tntd-ellipsis",
-    style: Object.assign(Object.assign({}, style), {
-      maxWidth: widthLimit
-    })
-  }, prefix && prefix, React.createElement("div", {
-    className: getClassName()
-  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && lineHeight && React.createElement("div", {
-    className: "svg-button",
-    style: {
-      height: lineHeight
-    },
-    onClick: () => handleCopy(elementRef.current.innerText)
-  }, !hasCopy ? React.createElement(CopySVG, {
-    style: {
-      height: lineHeight
-    }
-  }) : React.createElement(TickSVG, {
-    style: {
-      height: lineHeight
-    }
-  }))));
-});
+    useLayoutEffect(() => {
+        setRenderId(id => id + 1);
+    }, [title, content, children]);
+    useEffect(() => {
+        computeElement();
+    }, [renderId]);
+    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) => {
+        copy(innerText);
+        setHasCopy(!hasCopy);
+        setTimeout(() => {
+            setHasCopy(false);
+        }, 1000);
+    };
+    const renderNode = () => {
+        const popoverNode = (React.createElement(Popover, Object.assign({}, props, { content: content || children, visible: tipVisible, onVisibleChange: (visible) => handleVisibleChange(visible) }),
+            React.createElement("div", { className: className, style: { WebkitLineClamp: _lines }, ref: elementRef }, children || content)));
+        const tooltipNode = (React.createElement(Tooltip, Object.assign({}, props, { title: title || children, visible: tipVisible, onVisibleChange: (visible) => handleVisibleChange(visible) }),
+            React.createElement("div", { className: className, style: { WebkitLineClamp: _lines }, ref: elementRef }, children || title)));
+        return _popover ? popoverNode : tooltipNode;
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "tntd-ellipsis", style: Object.assign(Object.assign({}, style), { maxWidth: widthLimit }) },
+            prefix && prefix,
+            React.createElement("div", { className: getClassName(), key: renderId }, inner ? renderNode() : emptyText),
+            suffix && suffix,
+            inner && _copyable && lineHeight && (React.createElement("div", { className: "svg-button", style: {
+                    height: lineHeight,
+                }, onClick: () => handleCopy(elementRef.current.innerText) }, !hasCopy ? (React.createElement(CopySVG, { style: {
+                    height: lineHeight,
+                } })) : (React.createElement(TickSVG, { style: {
+                    height: lineHeight,
+                } })))))));
+};
+//# sourceMappingURL=index.js.map