@nutui/nutui-react 1.5.1 → 2.0.0-alpha.1

package/dist/esm/Elevator.js

@@ -2,37 +2,45 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["height", "acceptKey", "indexList", "isSticky", "spaceHeight", "titleHeight", "className", "onClickItem", "onClickIndex", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { createContext, useRef, useState, useEffect } from 'react';
-import { useGesture } from '@use-gesture/react';
-import { animated } from '@react-spring/web';
-import { c as cn } from './bem-3b438e61.js';
-import '@bem-react/classname';
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { createContext, useRef, useState, useEffect } from "react";
+import { useGesture } from "@use-gesture/react";
+import { animated } from "@react-spring/web";
+import { c as cn } from "./bem.js";
+import "@bem-react/classname";
 var elevatorContext = createContext({});
 var defaultProps = {
-  height: '200px',
-  acceptKey: 'title',
+  height: "200px",
+  acceptKey: "title",
   indexList: [],
   isSticky: false,
   spaceHeight: 23,
   titleHeight: 35,
-  className: ''
+  className: ""
 };
-var Elevator = function Elevator(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    height = _defaultProps$props.height,
-    acceptKey = _defaultProps$props.acceptKey,
-    indexList = _defaultProps$props.indexList,
-    isSticky = _defaultProps$props.isSticky,
-    spaceHeight = _defaultProps$props.spaceHeight,
-    titleHeight = _defaultProps$props.titleHeight,
-    className = _defaultProps$props.className,
-    onClickItem = _defaultProps$props.onClickItem,
-    onClickIndex = _defaultProps$props.onClickIndex,
-    children = _defaultProps$props.children,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn('elevator');
+var Elevator = function Elevator2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), height = _defaultProps$props.height, acceptKey = _defaultProps$props.acceptKey, indexList = _defaultProps$props.indexList, isSticky = _defaultProps$props.isSticky, spaceHeight = _defaultProps$props.spaceHeight, titleHeight = _defaultProps$props.titleHeight, className = _defaultProps$props.className, onClickItem = _defaultProps$props.onClickItem, onClickIndex = _defaultProps$props.onClickIndex, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn("elevator");
   var listview = useRef(null);
   var initData = {
     anchorIndex: 0,
@@ -44,49 +52,30 @@ var Elevator = function Elevator(props) {
     y1: 0,
     y2: 0
   });
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    scrollY = _useState2[0],
-    setScrollY = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentData = _useState4[0],
-    setCurrentData = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    currentKey = _useState6[0],
-    setCurrentKey = _useState6[1];
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    currentIndex = _useState8[0],
-    setCurrentIndex = _useState8[1];
-  var _useState9 = useState(0),
-    _useState10 = _slicedToArray(_useState9, 2),
-    codeIndex = _useState10[0],
-    setCodeIndex = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    scrollStart = _useState12[0],
-    setScrollStart = _useState12[1];
+  var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), scrollY = _useState2[0], setScrollY = _useState2[1];
+  var _useState3 = useState({}), _useState4 = _slicedToArray(_useState3, 2), currentData = _useState4[0], setCurrentData = _useState4[1];
+  var _useState5 = useState(""), _useState6 = _slicedToArray(_useState5, 2), currentKey = _useState6[0], setCurrentKey = _useState6[1];
+  var _useState7 = useState(0), _useState8 = _slicedToArray(_useState7, 2), currentIndex = _useState8[0], setCurrentIndex = _useState8[1];
+  var _useState9 = useState(0), _useState10 = _slicedToArray(_useState9, 2), codeIndex = _useState10[0], setCodeIndex = _useState10[1];
+  var _useState11 = useState(false), _useState12 = _slicedToArray(_useState11, 2), scrollStart = _useState12[0], setScrollStart = _useState12[1];
   var state = useRef(initData);
-  // 重置滚动参数
-  var resetScrollState = function resetScrollState() {
+  var resetScrollState = function resetScrollState2() {
     setScrollStart(false);
   };
-  var getData = function getData(el, name) {
-    var prefix = 'data-';
+  var getData = function getData2(el, name) {
+    var prefix = "data-";
     return el.getAttribute(prefix + name);
   };
-  var calculateHeight = function calculateHeight() {
-    var height = 0;
-    state.current.listHeight.push(height);
+  var calculateHeight = function calculateHeight2() {
+    var height2 = 0;
+    state.current.listHeight.push(height2);
     for (var i = 0; i < state.current.listGroup.length; i++) {
       var item = state.current.listGroup[i];
-      height += item.clientHeight;
-      state.current.listHeight.push(height);
+      height2 += item.clientHeight;
+      state.current.listHeight.push(height2);
     }
   };
-  var scrollTo = function scrollTo(index) {
+  var scrollTo = function scrollTo2(index) {
     if (!index && index !== 0) {
       return;
     }
@@ -107,14 +96,13 @@ var Elevator = function Elevator(props) {
   };
   var bind = useGesture({
     onDragStart: function onDragStart(_ref) {
-      var target = _ref.target,
-        offset = _ref.offset;
+      var target = _ref.target, offset = _ref.offset;
       setScrollStart(true);
-      var index = Number(getData(target, 'index'));
+      var index = Number(getData(target, "index"));
       touchState.current.y1 = offset[1];
       state.current.anchorIndex = +index;
-      setCodeIndex(function (codeIndex) {
-        return codeIndex + index;
+      setCodeIndex(function(codeIndex2) {
+        return codeIndex2 + index;
       });
       scrollTo(index);
     },
@@ -122,32 +110,31 @@ var Elevator = function Elevator(props) {
       var offset = _ref2.offset;
       touchState.current.y2 = offset[1];
       var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
-      // delta 是一个浮点数, 需要四舍五入一下, 否则页面会找不到最终计算后的index
       var cacheIndex = state.current.anchorIndex + Math.ceil(delta);
       setCodeIndex(cacheIndex);
       scrollTo(cacheIndex);
       resetScrollState();
     }
   });
-  var handleClickItem = function handleClickItem(key, item) {
+  var handleClickItem = function handleClickItem2(key, item) {
     onClickItem && onClickItem(key, item);
     setCurrentData(item);
     setCurrentKey(key);
   };
-  var handleClickIndex = function handleClickIndex(key) {
+  var handleClickIndex = function handleClickIndex2(key) {
     onClickIndex && onClickIndex(key);
   };
-  var setListGroup = function setListGroup() {
+  var setListGroup = function setListGroup2() {
     if (listview.current) {
-      var els = listview.current.querySelectorAll('.nut-elevator__list__item');
-      els.forEach(function (el) {
+      var els = listview.current.querySelectorAll(".nut-elevator__list__item");
+      els.forEach(function(el) {
         if (el != null && !state.current.listGroup.includes(el)) {
           state.current.listGroup.push(el);
         }
       });
     }
   };
-  var listViewScroll = function listViewScroll(e) {
+  var listViewScroll = function listViewScroll2(e) {
     var listHeight = state.current.listHeight;
     if (!listHeight.length) {
       calculateHeight();
@@ -166,35 +153,35 @@ var Elevator = function Elevator(props) {
     }
     setCurrentIndex(listHeight.length - 2);
   };
-  useEffect(function () {
+  useEffect(function() {
     if (listview.current) {
       setListGroup();
-      listview.current.addEventListener('scroll', listViewScroll);
+      listview.current.addEventListener("scroll", listViewScroll);
     }
   }, [listview]);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
   }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
-    className: b('list__fixed')
+    className: b("list__fixed")
   }, React__default.createElement("span", {
     className: "fixed-title"
   }, indexList[currentIndex][acceptKey])) : null, React__default.createElement("div", {
-    className: b('list'),
+    className: b("list"),
     style: {
       height: Number.isNaN(+height) ? height : "".concat(height, "px")
     }
   }, React__default.createElement("div", {
-    className: b('list__inner'),
+    className: b("list__inner"),
     ref: listview
-  }, indexList.map(function (item, idx) {
+  }, indexList.map(function(item, idx) {
     return React__default.createElement("div", {
-      className: b('list__item'),
+      className: b("list__item"),
       key: idx
     }, React__default.createElement("div", {
-      className: b('list__item__code')
-    }, item[acceptKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function (subitem) {
+      className: b("list__item__code")
+    }, item[acceptKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function(subitem) {
       return React__default.createElement("div", {
-        className: b('list__item__name', {
+        className: b("list__item__name", {
           highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
         }),
         key: subitem.id,
@@ -206,20 +193,20 @@ var Elevator = function Elevator(props) {
       }, children)) : subitem.name);
     })));
   }))), indexList.length && scrollStart ? React__default.createElement("div", {
-    className: b('code--current', {
+    className: b("code--current", {
       current: true
     })
   }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
-    className: b('bars')
+    className: b("bars")
   }, React__default.createElement(animated.div, _objectSpread(_objectSpread({
-    className: b('bars__inner')
+    className: b("bars__inner")
   }, bind()), {}, {
     style: {
-      touchAction: 'pan-y'
+      touchAction: "pan-y"
     }
-  }), indexList.map(function (item, index) {
+  }), indexList.map(function(item, index) {
     return React__default.createElement("div", {
-      className: b('bars__inner__item', {
+      className: b("bars__inner__item", {
         active: item[acceptKey] === indexList[currentIndex][acceptKey]
       }),
       "data-index": index,
@@ -231,6 +218,8 @@ var Elevator = function Elevator(props) {
   }))));
 };
 Elevator.defaultProps = defaultProps;
-Elevator.displayName = 'NutElevator';
+Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-export { Elevator as default };
+export {
+  Elevator as default
+};

package/dist/esm/Ellipsis.js

@@ -1,97 +1,98 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useRef, useLayoutEffect, useEffect } from 'react';
-import { useConfig } from './ConfigProvider.js';
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { useState, useRef, useLayoutEffect, useEffect } from "react";
+import { useConfig } from "./ConfigProvider.js";
 var defaultProps = {
-  content: '',
-  direction: 'end',
+  content: "",
+  direction: "end",
   rows: 1,
-  expandText: '',
-  collapseText: '',
-  symbol: '...',
-  lineHeight: '20'
+  expandText: "",
+  collapseText: "",
+  symbol: "...",
+  lineHeight: "20"
 };
-var Ellipsis = function Ellipsis(props) {
+var Ellipsis = function Ellipsis2(props) {
   var _ellipsis$current, _ellipsis$current2;
   useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    content = _defaultProps$props.content,
-    direction = _defaultProps$props.direction,
-    rows = _defaultProps$props.rows,
-    expandText = _defaultProps$props.expandText,
-    collapseText = _defaultProps$props.collapseText,
-    symbol = _defaultProps$props.symbol,
-    lineHeight = _defaultProps$props.lineHeight,
-    onClick = _defaultProps$props.onClick,
-    onChange = _defaultProps$props.onChange;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, content = _defaultProps$props.content, direction = _defaultProps$props.direction, rows = _defaultProps$props.rows, expandText = _defaultProps$props.expandText, collapseText = _defaultProps$props.collapseText, symbol = _defaultProps$props.symbol, lineHeight = _defaultProps$props.lineHeight, onClick = _defaultProps$props.onClick, onChange = _defaultProps$props.onChange;
   var container = null;
-  var maxHeight = 0; // 当行的最大高度
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    exceeded = _useState2[0],
-    setExceeded = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    expanded = _useState4[0],
-    setExpanded = _useState4[1];
+  var maxHeight = 0;
+  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), exceeded = _useState2[0], setExceeded = _useState2[1];
+  var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), expanded = _useState4[0], setExpanded = _useState4[1];
   var ellipsis = useRef();
   var root = useRef(null);
-  useLayoutEffect(function () {
+  useLayoutEffect(function() {
     createContainer();
   }, []);
-  useEffect(function () {
+  useEffect(function() {
     if (content) {
       createContainer();
     }
   }, [content]);
-  // 创建虚拟 container，内容为 contant 的内容
-  var createContainer = function createContainer() {
-    if (!root.current) return;
+  var createContainer = function createContainer2() {
+    if (!root.current)
+      return;
     var originStyle = window.getComputedStyle(root.current);
-    container = document.createElement('div');
+    container = document.createElement("div");
     var styleNames = Array.prototype.slice.apply(originStyle);
-    styleNames.forEach(function (name) {
+    styleNames.forEach(function(name) {
       container.style.setProperty(name, originStyle.getPropertyValue(name));
     });
-    container.style.position = 'fixed';
-    container.style.left = '999999px';
-    container.style.top = '999999px';
-    container.style.zIndex = '-1000';
-    container.style.height = 'auto';
-    container.style.minHeight = 'auto';
-    container.style.maxHeight = 'auto';
-    container.style.textOverflow = 'clip';
-    container.style.whiteSpace = 'normal';
-    container.style.webkitLineClamp = 'unset';
-    container.style.display = 'block';
-    var lineH = pxToNumber(originStyle.lineHeight === 'normal' ? lineHeight : originStyle.lineHeight);
+    container.style.position = "fixed";
+    container.style.left = "999999px";
+    container.style.top = "999999px";
+    container.style.zIndex = "-1000";
+    container.style.height = "auto";
+    container.style.minHeight = "auto";
+    container.style.maxHeight = "auto";
+    container.style.textOverflow = "clip";
+    container.style.whiteSpace = "normal";
+    container.style.webkitLineClamp = "unset";
+    container.style.display = "block";
+    var lineH = pxToNumber(originStyle.lineHeight === "normal" ? lineHeight : originStyle.lineHeight);
     maxHeight = Math.floor(lineH * (Number(rows) + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
     container.innerText = content;
     document.body.appendChild(container);
     calcEllipse();
     document.body.removeChild(container);
   };
-  // 计算省略号的位置
-  var calcEllipse = function calcEllipse() {
+  var calcEllipse = function calcEllipse2() {
     if (container.offsetHeight <= maxHeight) {
       setExceeded(false);
     } else {
       setExceeded(true);
       var end = content.length;
       var middle = Math.floor((0 + end) / 2);
-      var ellipsised = direction === 'middle' ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
+      var ellipsised = direction === "middle" ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
       ellipsis.current = ellipsised;
     }
   };
-  // 计算 start/end 省略
-  var tailor = function tailor(left, right) {
+  var tailor = function tailor2(left, right) {
     var actionText = expanded ? collapseText : expandText;
     var end = content.length;
     if (right - left <= 1) {
-      if (direction === 'end') {
+      if (direction === "end") {
         return {
           leading: content.slice(0, left) + symbol
         };
@@ -101,24 +102,23 @@ var Ellipsis = function Ellipsis(props) {
       };
     }
     var middle = Math.round((left + right) / 2);
-    if (direction === 'end') {
+    if (direction === "end") {
       container.innerText = content.slice(0, middle) + symbol + actionText;
     } else {
       container.innerText = actionText + symbol + content.slice(middle, end);
     }
     if (container.offsetHeight <= maxHeight) {
-      if (direction === 'end') {
-        return tailor(middle, right);
+      if (direction === "end") {
+        return tailor2(middle, right);
       }
-      return tailor(left, middle);
+      return tailor2(left, middle);
     }
-    if (direction === 'end') {
-      return tailor(left, middle);
+    if (direction === "end") {
+      return tailor2(left, middle);
     }
-    return tailor(middle, right);
+    return tailor2(middle, right);
   };
-  // 计算 middle 省略
-  var tailorMiddle = function tailorMiddle(leftPart, rightPart) {
+  var tailorMiddle = function tailorMiddle2(leftPart, rightPart) {
     var actionText = expanded ? collapseText : expandText;
     var end = content.length;
     if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
@@ -131,27 +131,26 @@ var Ellipsis = function Ellipsis(props) {
     var rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
     container.innerText = content.slice(0, leftPartMiddle) + symbol + actionText + symbol + content.slice(rightPartMiddle, end);
     if (container.offsetHeight <= maxHeight) {
-      return tailorMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
+      return tailorMiddle2([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
     }
-    return tailorMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
+    return tailorMiddle2([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
   };
-  var pxToNumber = function pxToNumber(value) {
-    if (!value) return 0;
+  var pxToNumber = function pxToNumber2(value) {
+    if (!value)
+      return 0;
     var match = value.match(/^\d*(\.\d*)?/);
     return match ? Number(match[0]) : 0;
   };
-  // 展开收起
-  var clickHandle = function clickHandle(type) {
+  var clickHandle = function clickHandle2(type) {
     if (type === 1) {
       setExpanded(true);
-      onChange && onChange('expand');
+      onChange && onChange("expand");
     } else {
       setExpanded(false);
-      onChange && onChange('collapse');
+      onChange && onChange("collapse");
     }
   };
-  // 文本点击
-  var handleClick = function handleClick() {
+  var handleClick = function handleClick2() {
     onClick && onClick();
   };
   return React__default.createElement("div", {
@@ -160,18 +159,20 @@ var Ellipsis = function Ellipsis(props) {
     ref: root
   }, React__default.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? React__default.createElement(React__default.Fragment, null, (_ellipsis$current = ellipsis.current) === null || _ellipsis$current === void 0 ? void 0 : _ellipsis$current.leading, expandText ? React__default.createElement("span", {
     className: "nut-ellipsis-text",
-    onClick: function onClick(e) {
+    onClick: function onClick2(e) {
       e.stopPropagation();
       clickHandle(1);
     }
   }, expandText) : null, (_ellipsis$current2 = ellipsis.current) === null || _ellipsis$current2 === void 0 ? void 0 : _ellipsis$current2.tailing) : null, exceeded && expanded ? React__default.createElement(React__default.Fragment, null, content, expandText ? React__default.createElement("span", {
     className: "nut-ellipsis-text",
-    onClick: function onClick(e) {
+    onClick: function onClick2(e) {
       e.stopPropagation();
       clickHandle(2);
     }
   }, collapseText) : null) : null));
 };
 Ellipsis.defaultProps = defaultProps;
-Ellipsis.displayName = 'NutEllipsis';
-export { Ellipsis as default };
+Ellipsis.displayName = "NutEllipsis";
+export {
+  Ellipsis as default
+};

package/dist/esm/Empty.js

@@ -2,46 +2,50 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["image", "imageSize", "description", "children", "className"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect } from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import { useConfig } from './ConfigProvider.js';
-import '@bem-react/classname';
-
-/**
- * 内置图片地址
- */
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { useState, useEffect } from "react";
+import { c as cn } from "./bem.js";
+import { useConfig } from "./ConfigProvider.js";
+import "@bem-react/classname";
 var defaultStatus = {
-  empty: 'https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png',
-  error: 'https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png',
-  network: 'https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png'
+  empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
+  error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
+  network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
 };
 var defaultProps = {
-  description: '',
-  image: 'empty',
-  imageSize: '',
-  className: ''
+  description: "",
+  image: "empty",
+  imageSize: "",
+  className: ""
 };
-var Empty = function Empty(props) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  // defaultProps.description = locale.noData || defaultProps.description
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    image = _defaultProps$props.image,
-    imageSize = _defaultProps$props.imageSize,
-    description = _defaultProps$props.description,
-    children = _defaultProps$props.children,
-    className = _defaultProps$props.className,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    imgStyle = _useState2[0],
-    setImgStyle = _useState2[1];
-  var b = cn('empty');
+var Empty = function Empty2(props) {
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), image = _defaultProps$props.image, imageSize = _defaultProps$props.imageSize, description = _defaultProps$props.description, children = _defaultProps$props.children, className = _defaultProps$props.className, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState({}), _useState2 = _slicedToArray(_useState, 2), imgStyle = _useState2[0], setImgStyle = _useState2[1];
+  var b = cn("empty");
   var imageNode = image;
-  if (typeof image === 'string') {
-    var isHttpUrl = image.startsWith('https://') || image.startsWith('http://') || image.startsWith('//');
+  if (typeof image === "string") {
+    var isHttpUrl = image.startsWith("https://") || image.startsWith("http://") || image.startsWith("//");
     var imageUrl = isHttpUrl ? image : defaultStatus[image];
     imageNode = React__default.createElement("img", {
       className: "img",
@@ -49,12 +53,12 @@ var Empty = function Empty(props) {
       alt: "empty"
     });
   }
-  useEffect(function () {
-    setImgStyle(function () {
+  useEffect(function() {
+    setImgStyle(function() {
       if (!imageSize) {
         return {};
       }
-      if (typeof imageSize === 'number') {
+      if (typeof imageSize === "number") {
         return {
           width: "".concat(imageSize, "px"),
           height: "".concat(imageSize, "px")
@@ -69,14 +73,16 @@ var Empty = function Empty(props) {
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
   }, rest), React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: b('image'),
+    className: b("image"),
     style: imgStyle
-  }, imageNode), typeof description === 'string' ? React__default.createElement("div", {
-    className: b('description')
+  }, imageNode), typeof description === "string" ? React__default.createElement("div", {
+    className: b("description")
   }, description || locale.noData) : {
-    description: description
+    description
   }, children));
 };
 Empty.defaultProps = defaultProps;
-Empty.displayName = 'NutEmpty';
-export { Empty as default };
+Empty.displayName = "NutEmpty";
+export {
+  Empty as default
+};