tntd 2.0.25 → 2.1.0

package/es/ellipsis/index.js

@@ -11,73 +11,120 @@ 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%;';
-        }
-        e.parentNode.setAttribute('style', styleStr);
+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%;';
     }
-    return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
+    e.parentNode.setAttribute('style', styleStr);
+  }
+  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))))));
-};
-//# sourceMappingURL=index.js.map
+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();
+  useEffect(() => {
+    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 ${_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 && 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
+    }
+  }))));
+});

package/es/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\n  const elementRef = useRef()\n\n  useEffect(() => {\n    elementRef.current && isEllipsisActive(elementRef.current)\n      ? setFlag(true)\n      : (setFlag(false), setTipVisible(false))\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 ${_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 && (\n          <div className=\"svg-button\" onClick={() => handleCopy(elementRef.current.innerText)}>\n            {!hasCopy ? <CopySVG /> : <TickSVG />}\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  }\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 ${_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"]}

package/es/ellipsis/index.less

@@ -1,5 +1,5 @@
 .tnt-ellipsis {
-  display: flex;
+  display: inline-flex;
   .overflow {
     // white-space:nowrap;     //溢出不换行
     overflow: hidden; //超出的文本隐藏

package/es/ellipsis/style/index.js

@@ -0,0 +1 @@
+"use strict";

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,61 +1,71 @@
-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';
+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) => {
-            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
+  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 => {
+      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));
+    });
+  });
+}

package/es/empty/empty.stories.js

@@ -1,15 +1,14 @@
 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 = {};
-//# sourceMappingURL=empty.stories.js.map
+export const Primary = args => React.createElement(Container, null);
+Primary.args = {};

package/es/empty/index.js

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

package/es/empty/render-empty.js

@@ -0,0 +1,22 @@
+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);
+  }
+});

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,2 @@
+import 'antd/es/empty/style';
+import './empty.less';

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,23 +12,36 @@ 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));
-        }));
-    }));
-}
-//# sourceMappingURL=exception.js.map
+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);
+    });
+  });
+}

package/es/exception/index.js

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

package/es/form/index.js

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