tntd 2.0.10 → 2.0.11

package/es/ellipsis/index.js

@@ -11,116 +11,73 @@ import CopySVG from './Svg/CopySVG';
 import TickSVG from './Svg/TickSVG';
 import './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%;';
+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.parentNode.setAttribute('style', styleStr);
-  }
-
-  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 elementRef = useRef();
-  useEffect(() => {
-    elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
-  }); // original Node
-
-  const inner = typeof children === 'string' ? children : _popover ? content : title; // for className
-
-  const getClassName = () => {
-    return `overflow ${_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: "tnt-ellipsis",
-    style: Object.assign(Object.assign({}, style), {
-      maxWidth: widthLimit
-    })
-  }, prefix && prefix, React.createElement("div", {
-    className: getClassName()
-  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement("div", {
-    className: "svg-button",
-    onClick: () => handleCopy(elementRef.current.innerText)
-  }, !hasCopy ? React.createElement(CopySVG, null) : React.createElement(TickSVG, null))));
-});
+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 elementRef = useRef();
+    useEffect(() => {
+        elementRef.current && isEllipsisActive(elementRef.current)
+            ? setFlag(true)
+            : (setFlag(false), setTipVisible(false));
+    });
+    // original Node
+    const inner = typeof children === 'string' ? children : _popover ? content : title;
+    // for className
+    const getClassName = () => {
+        return `overflow ${_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: "tnt-ellipsis", style: Object.assign(Object.assign({}, style), { maxWidth: widthLimit }) },
+            prefix && prefix,
+            React.createElement("div", { className: getClassName() }, inner ? renderNode() : emptyText),
+            suffix && suffix,
+            inner && _copyable && (React.createElement("div", { className: "svg-button", onClick: () => handleCopy(elementRef.current.innerText) }, !hasCopy ? React.createElement(CopySVG, null) : React.createElement(TickSVG, null))))));
+};
+//# sourceMappingURL=index.js.map

package/es/ellipsis/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/es/ellipsis/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ellipsis/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/es/empty/empty.js

@@ -1,76 +1,62 @@
-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 AntdEmpty } from 'antd/es/empty';
-import { Illustration403, Illustration404, Illustration500, IllustrationEmpty, IllustrationFailure, IllustrationNoAccess, IllustrationNoChart, IllustrationNoResult, IllustrationOffline, IllustrationSuccess } from '../svg-components';
-export * from 'antd/es/empty'; // description map for evert type
-
+import { Illustration403, Illustration404, Illustration500, IllustrationEmpty, IllustrationFailure, IllustrationNoAccess, IllustrationNoChart, IllustrationNoResult, IllustrationOffline, IllustrationSuccess, } from '../svg-components';
+export * from 'antd/es/empty';
+// description map for evert type
 export const EmptyDescriptionMap = {
-  empty: 'noData',
-  'no-result': 'noData',
-  'no-chart': 'noGraphData',
-  'no-permission': 'noPermission',
-  failure: 'creationFailed',
-  success: 'createdSuccessfully',
-  offline: 'noNetwork',
-  403: undefined,
-  404: undefined,
-  500: undefined
+    empty: 'noData',
+    'no-result': 'noData',
+    'no-chart': 'noGraphData',
+    'no-permission': 'noPermission',
+    failure: 'creationFailed',
+    success: 'createdSuccessfully',
+    offline: 'noNetwork',
+    403: undefined,
+    404: undefined,
+    500: undefined,
 };
 const BuiltinEmptyImage = {
-  empty: React.createElement(IllustrationEmpty, null),
-  'no-result': React.createElement(IllustrationNoResult, null),
-  'no-chart': React.createElement(IllustrationNoChart, null),
-  'no-permission': React.createElement(IllustrationNoAccess, null),
-  failure: React.createElement(IllustrationFailure, null),
-  success: React.createElement(IllustrationSuccess, null),
-  offline: React.createElement(IllustrationOffline, null),
-  '403': React.createElement(Illustration403, null),
-  '404': React.createElement(Illustration404, null),
-  '500': React.createElement(Illustration500, null)
+    empty: React.createElement(IllustrationEmpty, null),
+    'no-result': React.createElement(IllustrationNoResult, null),
+    'no-chart': React.createElement(IllustrationNoChart, null),
+    'no-permission': React.createElement(IllustrationNoAccess, null),
+    failure: React.createElement(IllustrationFailure, null),
+    success: React.createElement(IllustrationSuccess, null),
+    offline: React.createElement(IllustrationOffline, null),
+    '403': React.createElement(Illustration403, null),
+    '404': React.createElement(Illustration404, null),
+    '500': React.createElement(Illustration500, null),
 };
 export function Empty(_a) {
-  var {
-    className,
-    description,
-    size = 'middle',
-    type = 'empty',
-    locale
-  } = _a,
-      rest = __rest(_a, ["className", "description", "size", "type", "locale"]);
-
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('empty');
-    return React.createElement(LocaleReceiver, {
-      componentName: "Empty",
-      defaultLocale: locale
-    }, locale => {
-      console.log('locale', locale);
-      const defaultDescription = EmptyDescriptionMap[type] ? locale[EmptyDescriptionMap[type]] : undefined;
-      return React.createElement(AntdEmpty, Object.assign({
-        className: classNames(prefixCls, className, {
-          [`${prefixCls}-mini`]: size === 'mini',
-          [`${prefixCls}-small`]: size === 'small',
-          [`${prefixCls}-large`]: size === 'large',
-          [`${prefixCls}-ultra`]: size === 'ultra'
-        }),
-        image: BuiltinEmptyImage[type],
-        description: description || defaultDescription
-      }, rest));
-    });
-  });
-}
+    var { className, description, size = 'middle', type = 'empty', locale } = _a, rest = __rest(_a, ["className", "description", "size", "type", "locale"]);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('empty');
+        return (React.createElement(LocaleReceiver, { componentName: "Empty", defaultLocale: locale }, (locale) => {
+            console.log('locale', locale);
+            const defaultDescription = EmptyDescriptionMap[type]
+                ? locale[EmptyDescriptionMap[type]]
+                : undefined;
+            return (React.createElement(AntdEmpty, Object.assign({ className: classNames(prefixCls, className, {
+                    [`${prefixCls}-mini`]: size === 'mini',
+                    [`${prefixCls}-small`]: size === 'small',
+                    [`${prefixCls}-large`]: size === 'large',
+                    [`${prefixCls}-ultra`]: size === 'ultra',
+                }), image: BuiltinEmptyImage[type], description: description || defaultDescription }, rest)));
+        }));
+    }));
+}
+//# sourceMappingURL=empty.js.map

package/es/empty/empty.stories.js

@@ -1,14 +1,15 @@
 import React from 'react';
 import styled from 'styled-components';
 import { Empty } from './empty';
-const Container = styled.div`
+const Container = styled.div `
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 20px;
 `;
 export default {
-  component: Empty,
-  title: 'Empty'
+    component: Empty,
+    title: 'Empty',
 };
-export const Primary = args => React.createElement(Container, null);
-Primary.args = {};
+export const Primary = (args) => React.createElement(Container, null);
+Primary.args = {};
+//# sourceMappingURL=empty.stories.js.map

package/es/empty/index.js

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

package/es/empty/render-empty.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import { Empty } from '../empty';
+export const renderEmpty = (componentName) => (React.createElement(ConfigConsumer, null, () => {
+    switch (componentName) {
+        case 'Table':
+        case 'List':
+            return React.createElement(Empty, { type: "no-result" });
+        case 'Select':
+        case 'TreeSelect':
+        case 'Cascader':
+        case 'Transfer':
+        case 'Mentions':
+            return React.createElement(Empty, { size: "mini" });
+        default:
+            return React.createElement(Empty, null);
+    }
+}));
+//# sourceMappingURL=render-empty.js.map

package/es/empty/render-empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-empty.js","sourceRoot":"","sources":["../../src/empty/render-empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,aAAsB,EAAmB,EAAE,CAAC,CACtE,oBAAC,cAAc,QACZ,GAAG,EAAE;IACJ,QAAQ,aAAa,EAAE;QACrB,KAAK,OAAO,CAAC;QACb,KAAK,MAAM;YACT,OAAO,oBAAC,KAAK,IAAC,IAAI,EAAC,WAAW,GAAG,CAAA;QAEnC,KAAK,QAAQ,CAAC;QACd,KAAK,YAAY,CAAC;QAClB,KAAK,UAAU,CAAC;QAChB,KAAK,UAAU,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,oBAAC,KAAK,IAAC,IAAI,EAAC,MAAM,GAAG,CAAA;QAC9B;YACE,OAAO,oBAAC,KAAK,OAAG,CAAA;KACnB;AACH,CAAC,CACc,CAClB,CAAA","sourcesContent":["import React from 'react'\nimport { ConfigConsumer } from 'antd/es/config-provider'\n\nimport { Empty } from '../empty'\n\nexport const renderEmpty = (componentName?: string): React.ReactNode => (\n  <ConfigConsumer>\n    {() => {\n      switch (componentName) {\n        case 'Table':\n        case 'List':\n          return <Empty type=\"no-result\" />\n\n        case 'Select':\n        case 'TreeSelect':\n        case 'Cascader':\n        case 'Transfer':\n        case 'Mentions':\n          return <Empty size=\"mini\" />\n        default:\n          return <Empty />\n      }\n    }}\n  </ConfigConsumer>\n)\n"]}

package/es/empty/style/index.js

@@ -0,0 +1,3 @@
+import 'antd/es/empty/style';
+import './empty.less';
+//# sourceMappingURL=index.js.map

package/es/empty/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/empty/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAC5B,OAAO,cAAc,CAAA","sourcesContent":["import 'antd/es/empty/style'\nimport './empty.less'\n"]}

package/es/exception/exception.js

@@ -12,36 +12,23 @@ import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as Empty } from '../empty';
 export const ExceptionDescMap = {
-  '403': '403',
-  '404': '404',
-  '500': '500'
+    '403': '403',
+    '404': '404',
+    '500': '500',
 };
-export function Exception({
-  type = '404',
-  style,
-  title,
-  desc,
-  dom,
-  className
-}) {
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('exception');
-    return React.createElement(LocaleReceiver, {
-      componentName: "Exception"
-    }, locale => {
-      const defaultDescription = ExceptionDescMap[type] ? locale[ExceptionDescMap[type]] : undefined;
-      return React.createElement("div", {
-        className: classNames(prefixCls, className),
-        style: style || {}
-      }, React.createElement(Empty, {
-        type: type,
-        size: "ultra",
-        description: React.createElement("div", {
-          className: `${prefixCls}-desc`
-        }, React.createElement("h1", null, title || type), React.createElement("div", null, desc || defaultDescription))
-      }), !!dom && dom);
-    });
-  });
-}
+export function Exception({ type = '404', style, title, desc, dom, className, }) {
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('exception');
+        return (React.createElement(LocaleReceiver, { componentName: "Exception" }, (locale) => {
+            const defaultDescription = ExceptionDescMap[type]
+                ? locale[ExceptionDescMap[type]]
+                : undefined;
+            return (React.createElement("div", { className: classNames(prefixCls, className), style: style || {} },
+                React.createElement(Empty, { type: type, size: "ultra", description: React.createElement("div", { className: `${prefixCls}-desc` },
+                        React.createElement("h1", null, title || type),
+                        React.createElement("div", null, desc || defaultDescription)) }),
+                !!dom && dom));
+        }));
+    }));
+}
+//# sourceMappingURL=exception.js.map

package/es/exception/index.js

@@ -1,4 +1,5 @@
 import { Exception } from './exception';
 import './exception.less';
 export * from './exception';
-export default Exception;
+export default Exception;
+//# sourceMappingURL=index.js.map

package/es/form/index.js

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