tntd 2.0.10 → 2.0.11

package/lib/ellipsis/index.js

@@ -1,165 +1,111 @@
 "use strict";
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+/*
+ * @Author: 梁洪刚
+ * @CreatDate: 2021-03-31 13:57:32
+ * @Describe: 省略号组件
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-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"));
-
+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 };
+};
+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");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
-
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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%;';
+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.parentNode.setAttribute('style', styleStr);
-  }
-
-  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
+    return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight;
 };
-
-var _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; // allow visible or not state
-
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      flag = _useState2[0],
-      setFlag = _useState2[1]; // visible[Tooltip/Popover] state
-
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      tipVisible = _useState4[0],
-      setTipVisible = _useState4[1]; // copy animation state
-
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hasCopy = _useState6[0],
-      setHasCopy = _useState6[1];
-
-  var elementRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
-  }); // original Node
-
-  var inner = typeof children === 'string' ? children : _popover ? content : title; // for className
-
-  var getClassName = function getClassName() {
-    return "overflow ".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: "tnt-ellipsis",
-    style: Object.assign(Object.assign({}, style), {
-      maxWidth: widthLimit
-    })
-  }, prefix && prefix, _react["default"].createElement("div", {
-    className: getClassName()
-  }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && _react["default"].createElement("div", {
-    className: "svg-button",
-    onClick: function onClick() {
-      return handleCopy(elementRef.current.innerText);
-    }
-  }, !hasCopy ? _react["default"].createElement(_CopySVG["default"], null) : _react["default"].createElement(_TickSVG["default"], null))));
+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
+     } = props;
+    // 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 elementRef = (0, react_1.useRef)();
+    (0, react_1.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) => {
+        (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: "tnt-ellipsis", style: Object.assign(Object.assign({}, style), { maxWidth: widthLimit }) },
+            prefix && prefix,
+            react_1.default.createElement("div", { className: getClassName() }, inner ? renderNode() : emptyText),
+            suffix && suffix,
+            inner && _copyable && (react_1.default.createElement("div", { className: "svg-button", onClick: () => handleCopy(elementRef.current.innerText) }, !hasCopy ? react_1.default.createElement(CopySVG_1.default, null) : react_1.default.createElement(TickSVG_1.default, null))))));
 };
-
-exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/ellipsis/style/index.js

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

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

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

package/lib/empty/empty.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { EmptyProps as AntdEmptyProps } from 'antd/lib/empty';
-export * from 'antd/lib/empty';
+import type { EmptyProps as AntdEmptyProps } from 'antd/es/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';

package/lib/empty/empty.js

@@ -1,114 +1,83 @@
 "use strict";
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  EmptyDescriptionMap: true,
-  Empty: true
-};
-exports.Empty = Empty;
-exports.EmptyDescriptionMap = void 0;
-
-var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _configProvider = require("antd/lib/config-provider");
-
-var _empty = _interopRequireWildcard(require("antd/lib/empty"));
-
-Object.keys(_empty).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _empty[key];
+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]; } };
     }
-  });
-});
-
-var _svgComponents = require("../svg-components");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var __rest = void 0 && (void 0).__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;
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Empty = exports.EmptyDescriptionMap = void 0;
+const LocaleReceiver_1 = __importDefault(require("antd/es/locale-provider/LocaleReceiver"));
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const config_provider_1 = require("antd/es/config-provider");
+const empty_1 = __importDefault(require("antd/es/empty"));
+const svg_components_1 = require("../svg-components");
+__exportStar(require("antd/es/empty"), exports);
 // description map for evert type
-var EmptyDescriptionMap = {
-  empty: 'noData',
-  'no-result': 'noData',
-  'no-chart': 'noGraphData',
-  'no-permission': 'noPermission',
-  failure: 'creationFailed',
-  success: 'createdSuccessfully',
-  offline: 'noNetwork',
-  403: undefined,
-  404: undefined,
-  500: undefined
+exports.EmptyDescriptionMap = {
+    empty: 'noData',
+    'no-result': 'noData',
+    'no-chart': 'noGraphData',
+    'no-permission': 'noPermission',
+    failure: 'creationFailed',
+    success: 'createdSuccessfully',
+    offline: 'noNetwork',
+    403: undefined,
+    404: undefined,
+    500: undefined,
 };
-exports.EmptyDescriptionMap = EmptyDescriptionMap;
-var BuiltinEmptyImage = {
-  empty: _react["default"].createElement(_svgComponents.IllustrationEmpty, null),
-  'no-result': _react["default"].createElement(_svgComponents.IllustrationNoResult, null),
-  'no-chart': _react["default"].createElement(_svgComponents.IllustrationNoChart, null),
-  'no-permission': _react["default"].createElement(_svgComponents.IllustrationNoAccess, null),
-  failure: _react["default"].createElement(_svgComponents.IllustrationFailure, null),
-  success: _react["default"].createElement(_svgComponents.IllustrationSuccess, null),
-  offline: _react["default"].createElement(_svgComponents.IllustrationOffline, null),
-  '403': _react["default"].createElement(_svgComponents.Illustration403, null),
-  '404': _react["default"].createElement(_svgComponents.Illustration404, null),
-  '500': _react["default"].createElement(_svgComponents.Illustration500, null)
+const BuiltinEmptyImage = {
+    empty: react_1.default.createElement(svg_components_1.IllustrationEmpty, null),
+    'no-result': react_1.default.createElement(svg_components_1.IllustrationNoResult, null),
+    'no-chart': react_1.default.createElement(svg_components_1.IllustrationNoChart, null),
+    'no-permission': react_1.default.createElement(svg_components_1.IllustrationNoAccess, null),
+    failure: react_1.default.createElement(svg_components_1.IllustrationFailure, null),
+    success: react_1.default.createElement(svg_components_1.IllustrationSuccess, null),
+    offline: react_1.default.createElement(svg_components_1.IllustrationOffline, null),
+    '403': react_1.default.createElement(svg_components_1.Illustration403, null),
+    '404': react_1.default.createElement(svg_components_1.Illustration404, null),
+    '500': react_1.default.createElement(svg_components_1.Illustration500, null),
 };
-
 function Empty(_a) {
-  var className = _a.className,
-      description = _a.description,
-      _a$size = _a.size,
-      size = _a$size === void 0 ? 'middle' : _a$size,
-      _a$type = _a.type,
-      type = _a$type === void 0 ? 'empty' : _a$type,
-      locale = _a.locale,
-      rest = __rest(_a, ["className", "description", "size", "type", "locale"]);
-
-  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
-    var getPrefixCls = _ref.getPrefixCls;
-    var prefixCls = getPrefixCls('empty');
-    return _react["default"].createElement(_LocaleReceiver["default"], {
-      componentName: "Empty",
-      defaultLocale: locale
-    }, function (locale) {
-      var _classNames;
-
-      console.log('locale', locale);
-      var defaultDescription = EmptyDescriptionMap[type] ? locale[EmptyDescriptionMap[type]] : undefined;
-      return _react["default"].createElement(_empty["default"], Object.assign({
-        className: (0, _classnames["default"])(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-mini"), size === 'mini'), _defineProperty(_classNames, "".concat(prefixCls, "-small"), size === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "-large"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-ultra"), size === 'ultra'), _classNames)),
-        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_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
+        const prefixCls = getPrefixCls('empty');
+        return (react_1.default.createElement(LocaleReceiver_1.default, { componentName: "Empty", defaultLocale: locale }, (locale) => {
+            console.log('locale', locale);
+            const defaultDescription = exports.EmptyDescriptionMap[type]
+                ? locale[exports.EmptyDescriptionMap[type]]
+                : undefined;
+            return (react_1.default.createElement(empty_1.default, Object.assign({ className: (0, classnames_1.default)(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)));
+        }));
+    }));
+}
+exports.Empty = Empty;
+//# sourceMappingURL=empty.js.map

package/lib/empty/empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../src/empty/empty.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4FAAmE;AACnE,4DAAmC;AACnC,kDAAwC;AAExC,6DAAwD;AACxD,0DAAoD;AACpD,sDAW0B;AAE1B,gDAA6B;AAyB7B,iCAAiC;AACpB,QAAA,mBAAmB,GAG5B;IACF,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,QAAQ;IACrB,UAAU,EAAE,aAAa;IACzB,eAAe,EAAE,cAAc;IAC/B,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,WAAW;IACpB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACf,CAAA;AAED,MAAM,iBAAiB,GAAuD;IAC5E,KAAK,EAAE,8BAAC,kCAAiB,OAAG;IAC5B,WAAW,EAAE,8BAAC,qCAAoB,OAAG;IACrC,UAAU,EAAE,8BAAC,oCAAmB,OAAG;IACnC,eAAe,EAAE,8BAAC,qCAAoB,OAAG;IACzC,OAAO,EAAE,8BAAC,oCAAmB,OAAG;IAChC,OAAO,EAAE,8BAAC,oCAAmB,OAAG;IAChC,OAAO,EAAE,8BAAC,oCAAmB,OAAG;IAChC,KAAK,EAAE,8BAAC,gCAAe,OAAG;IAC1B,KAAK,EAAE,8BAAC,gCAAe,OAAG;IAC1B,KAAK,EAAE,8BAAC,gCAAe,OAAG;CAC3B,CAAA;AAED,SAAgB,KAAK,CAAC,EAOT;QAPS,EACpB,SAAS,EACT,WAAW,EACX,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,OAAO,EACd,MAAM,OAEK,EADR,IAAI,cANa,sDAOrB,CADQ;IAEP,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QAEvC,OAAO,CACL,8BAAC,wBAAc,IAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,IACxD,CAAC,MAAM,EAAE,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAC7B,MAAM,kBAAkB,GAAG,2BAAmB,CAAC,IAAI,CAAC;gBAClD,CAAC,CAAE,MAAiC,CAAC,2BAAmB,CAAC,IAAI,CAAE,CAAC;gBAChE,CAAC,CAAC,SAAS,CAAA;YAEb,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;oBAC1C,CAAC,GAAG,SAAS,OAAO,CAAC,EAAE,IAAI,KAAK,MAAM;oBACtC,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,IAAI,KAAK,OAAO;oBACxC,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,IAAI,KAAK,OAAO;oBACxC,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,IAAI,KAAK,OAAO;iBACzC,CAAC,EACF,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAC9B,WAAW,EAAE,WAAW,IAAI,kBAAkB,IAC1C,IAAI,EACR,CACH,CAAA;QACH,CAAC,CACc,CAClB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AAxCD,sBAwCC","sourcesContent":["import type { EmptyProps as AntdEmptyProps } from 'antd/lib/empty'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport React, { ReactNode } from 'react'\n\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdEmpty } from 'antd/lib/empty'\nimport {\n  Illustration403,\n  Illustration404,\n  Illustration500,\n  IllustrationEmpty,\n  IllustrationFailure,\n  IllustrationNoAccess,\n  IllustrationNoChart,\n  IllustrationNoResult,\n  IllustrationOffline,\n  IllustrationSuccess,\n} from '../svg-components'\n\nexport * from 'antd/lib/empty'\n\nexport interface EmptyProps extends AntdEmptyProps {\n  type?:\n    | 'empty'\n    | 'no-result'\n    | 'no-chart'\n    | 'no-permission'\n    | 'failure'\n    | 'success'\n    | 'offline'\n    | '403'\n    | '404'\n    | '500'\n  size?: 'mini' | 'small' | 'middle' | 'large' | 'ultra'\n  locale?: {\n    noGraphData?: string\n    noPermission?: string\n    createdSuccessfully?: string\n    creationFailed?: string\n    noNetwork?: string\n    noData?: string\n  }\n}\n\n// description map for evert type\nexport const EmptyDescriptionMap: Record<\n  NonNullable<EmptyProps['type']>,\n  keyof NonNullable<EmptyProps['locale']> | undefined\n> = {\n  empty: 'noData',\n  'no-result': 'noData',\n  'no-chart': 'noGraphData',\n  'no-permission': 'noPermission',\n  failure: 'creationFailed',\n  success: 'createdSuccessfully',\n  offline: 'noNetwork',\n  403: undefined,\n  404: undefined,\n  500: undefined,\n}\n\nconst BuiltinEmptyImage: Record<NonNullable<EmptyProps['type']>, ReactNode> = {\n  empty: <IllustrationEmpty />,\n  'no-result': <IllustrationNoResult />,\n  'no-chart': <IllustrationNoChart />,\n  'no-permission': <IllustrationNoAccess />,\n  failure: <IllustrationFailure />,\n  success: <IllustrationSuccess />,\n  offline: <IllustrationOffline />,\n  '403': <Illustration403 />,\n  '404': <Illustration404 />,\n  '500': <Illustration500 />,\n}\n\nexport function Empty({\n  className,\n  description,\n  size = 'middle',\n  type = 'empty',\n  locale,\n  ...rest\n}: EmptyProps) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('empty')\n\n        return (\n          <LocaleReceiver componentName=\"Empty\" defaultLocale={locale}>\n            {(locale) => {\n              console.log('locale', locale)\n              const defaultDescription = EmptyDescriptionMap[type]\n                ? (locale as Record<string, string>)[EmptyDescriptionMap[type]!]\n                : undefined\n\n              return (\n                <AntdEmpty\n                  className={classNames(prefixCls, className, {\n                    [`${prefixCls}-mini`]: size === 'mini',\n                    [`${prefixCls}-small`]: size === 'small',\n                    [`${prefixCls}-large`]: size === 'large',\n                    [`${prefixCls}-ultra`]: size === 'ultra',\n                  })}\n                  image={BuiltinEmptyImage[type]}\n                  description={description || defaultDescription}\n                  {...rest}\n                />\n              )\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../src/empty/empty.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,4FAAmE;AACnE,4DAAmC;AACnC,kDAAwC;AAExC,6DAAwD;AACxD,0DAAoD;AACpD,sDAW0B;AAE1B,gDAA6B;AAyB7B,iCAAiC;AACpB,QAAA,mBAAmB,GAG5B;IACF,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,QAAQ;IACrB,UAAU,EAAE,aAAa;IACzB,eAAe,EAAE,cAAc;IAC/B,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,WAAW;IACpB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACf,CAAA;AAED,MAAM,iBAAiB,GAAuD;IAC5E,KAAK,EAAE,8BAAC,kCAAiB,OAAG;IAC5B,WAAW,EAAE,8BAAC,qCAAoB,OAAG;IACrC,UAAU,EAAE,8BAAC,oCAAmB,OAAG;IACnC,eAAe,EAAE,8BAAC,qCAAoB,OAAG;IACzC,OAAO,EAAE,8BAAC,oCAAmB,OAAG;IAChC,OAAO,EAAE,8BAAC,oCAAmB,OAAG;IAChC,OAAO,EAAE,8BAAC,oCAAmB,OAAG;IAChC,KAAK,EAAE,8BAAC,gCAAe,OAAG;IAC1B,KAAK,EAAE,8BAAC,gCAAe,OAAG;IAC1B,KAAK,EAAE,8BAAC,gCAAe,OAAG;CAC3B,CAAA;AAED,SAAgB,KAAK,CAAC,EAOT;QAPS,EACpB,SAAS,EACT,WAAW,EACX,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,OAAO,EACd,MAAM,OAEK,EADR,IAAI,cANa,sDAOrB,CADQ;IAEP,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;QAEvC,OAAO,CACL,8BAAC,wBAAc,IAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,IACxD,CAAC,MAAM,EAAE,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAC7B,MAAM,kBAAkB,GAAG,2BAAmB,CAAC,IAAI,CAAC;gBAClD,CAAC,CAAE,MAAiC,CAAC,2BAAmB,CAAC,IAAI,CAAE,CAAC;gBAChE,CAAC,CAAC,SAAS,CAAA;YAEb,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;oBAC1C,CAAC,GAAG,SAAS,OAAO,CAAC,EAAE,IAAI,KAAK,MAAM;oBACtC,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,IAAI,KAAK,OAAO;oBACxC,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,IAAI,KAAK,OAAO;oBACxC,CAAC,GAAG,SAAS,QAAQ,CAAC,EAAE,IAAI,KAAK,OAAO;iBACzC,CAAC,EACF,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,EAC9B,WAAW,EAAE,WAAW,IAAI,kBAAkB,IAC1C,IAAI,EACR,CACH,CAAA;QACH,CAAC,CACc,CAClB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AAxCD,sBAwCC","sourcesContent":["import type { EmptyProps as AntdEmptyProps } from 'antd/es/empty'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport React, { ReactNode } from 'react'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdEmpty } from 'antd/es/empty'\nimport {\n  Illustration403,\n  Illustration404,\n  Illustration500,\n  IllustrationEmpty,\n  IllustrationFailure,\n  IllustrationNoAccess,\n  IllustrationNoChart,\n  IllustrationNoResult,\n  IllustrationOffline,\n  IllustrationSuccess,\n} from '../svg-components'\n\nexport * from 'antd/es/empty'\n\nexport interface EmptyProps extends AntdEmptyProps {\n  type?:\n    | 'empty'\n    | 'no-result'\n    | 'no-chart'\n    | 'no-permission'\n    | 'failure'\n    | 'success'\n    | 'offline'\n    | '403'\n    | '404'\n    | '500'\n  size?: 'mini' | 'small' | 'middle' | 'large' | 'ultra'\n  locale?: {\n    noGraphData?: string\n    noPermission?: string\n    createdSuccessfully?: string\n    creationFailed?: string\n    noNetwork?: string\n    noData?: string\n  }\n}\n\n// description map for evert type\nexport const EmptyDescriptionMap: Record<\n  NonNullable<EmptyProps['type']>,\n  keyof NonNullable<EmptyProps['locale']> | undefined\n> = {\n  empty: 'noData',\n  'no-result': 'noData',\n  'no-chart': 'noGraphData',\n  'no-permission': 'noPermission',\n  failure: 'creationFailed',\n  success: 'createdSuccessfully',\n  offline: 'noNetwork',\n  403: undefined,\n  404: undefined,\n  500: undefined,\n}\n\nconst BuiltinEmptyImage: Record<NonNullable<EmptyProps['type']>, ReactNode> = {\n  empty: <IllustrationEmpty />,\n  'no-result': <IllustrationNoResult />,\n  'no-chart': <IllustrationNoChart />,\n  'no-permission': <IllustrationNoAccess />,\n  failure: <IllustrationFailure />,\n  success: <IllustrationSuccess />,\n  offline: <IllustrationOffline />,\n  '403': <Illustration403 />,\n  '404': <Illustration404 />,\n  '500': <Illustration500 />,\n}\n\nexport function Empty({\n  className,\n  description,\n  size = 'middle',\n  type = 'empty',\n  locale,\n  ...rest\n}: EmptyProps) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('empty')\n\n        return (\n          <LocaleReceiver componentName=\"Empty\" defaultLocale={locale}>\n            {(locale) => {\n              console.log('locale', locale)\n              const defaultDescription = EmptyDescriptionMap[type]\n                ? (locale as Record<string, string>)[EmptyDescriptionMap[type]!]\n                : undefined\n\n              return (\n                <AntdEmpty\n                  className={classNames(prefixCls, className, {\n                    [`${prefixCls}-mini`]: size === 'mini',\n                    [`${prefixCls}-small`]: size === 'small',\n                    [`${prefixCls}-large`]: size === 'large',\n                    [`${prefixCls}-ultra`]: size === 'ultra',\n                  })}\n                  image={BuiltinEmptyImage[type]}\n                  description={description || defaultDescription}\n                  {...rest}\n                />\n              )\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}

package/lib/empty/empty.stories.js

@@ -1,41 +1,22 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Primary = exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _empty = require("./empty");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 20px;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Container = _styledComponents["default"].div(_templateObject());
-
-var _default = {
-  component: _empty.Empty,
-  title: 'Empty'
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports["default"] = _default;
-
-var Primary = function Primary(args) {
-  return _react["default"].createElement(Container, null);
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const empty_1 = require("./empty");
+const Container = styled_components_1.default.div `
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 20px;
+`;
+exports.default = {
+    component: empty_1.Empty,
+    title: 'Empty',
 };
-
+const Primary = (args) => react_1.default.createElement(Container, null);
 exports.Primary = Primary;
-Primary.args = {};
+exports.Primary.args = {};
+//# sourceMappingURL=empty.stories.js.map

package/lib/empty/index.d.ts

@@ -1,4 +1,4 @@
-import 'antd/lib/empty/style';
+import 'antd/es/empty/style';
 import { Empty } from './empty';
 import './empty.less';
 export * from './empty';