@nutui/nutui-react 2.3.11 → 2.3.12

package/dist/esm/Elevator.js

@@ -1,88 +1,56 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["height", "floorKey", "list", "sticky", "spaceHeight", "titleHeight", "showKeys", "className", "style", "onItemClick", "onIndexClick", "children"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { createContext, useRef, useState, useEffect } from "react";
 import { useGesture } from "@use-gesture/react";
 import { animated } from "@react-spring/web";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
-var elevatorContext = createContext({});
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  height: "200px",
-  floorKey: "title",
-  list: [],
-  sticky: false,
-  spaceHeight: 23,
-  titleHeight: 35,
-  showKeys: true
-});
-var Elevator = function Elevator2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), height = _defaultProps$props.height, floorKey = _defaultProps$props.floorKey, list = _defaultProps$props.list, sticky = _defaultProps$props.sticky, spaceHeight = _defaultProps$props.spaceHeight, titleHeight = _defaultProps$props.titleHeight, showKeys = _defaultProps$props.showKeys, className = _defaultProps$props.className, style = _defaultProps$props.style, onItemClick = _defaultProps$props.onItemClick, onIndexClick = _defaultProps$props.onIndexClick, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-elevator";
-  var listview = useRef(null);
-  var initData = {
+const elevatorContext = createContext({});
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { height: "200px", floorKey: "title", list: [], sticky: false, spaceHeight: 23, titleHeight: 35, showKeys: true });
+const Elevator = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { height, floorKey, list, sticky, spaceHeight, titleHeight, showKeys, className, style, onItemClick, onIndexClick, children } = _a, rest = __rest(_a, ["height", "floorKey", "list", "sticky", "spaceHeight", "titleHeight", "showKeys", "className", "style", "onItemClick", "onIndexClick", "children"]);
+  const classPrefix = "nut-elevator";
+  const listview = useRef(null);
+  const initData = {
     anchorIndex: 0,
     listHeight: [],
     listGroup: [],
     scrollY: 0
   };
-  var touchState = useRef({
+  const touchState = useRef({
     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 state = useRef(initData);
-  var resetScrollState = function resetScrollState2() {
+  const [scrollY, setScrollY] = useState(0);
+  const [currentData, setCurrentData] = useState({});
+  const [currentKey, setCurrentKey] = useState("");
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [codeIndex, setCodeIndex] = useState(0);
+  const [scrollStart, setScrollStart] = useState(false);
+  const state = useRef(initData);
+  const resetScrollState = () => {
     setScrollStart(false);
   };
-  var getData = function getData2(el, name) {
-    var prefix = "data-";
+  const getData = (el, name) => {
+    const prefix = "data-";
     return el.getAttribute(prefix + name);
   };
-  var calculateHeight = function calculateHeight2() {
-    var height2 = 0;
+  const calculateHeight = () => {
+    let height2 = 0;
     state.current.listHeight.push(height2);
-    for (var i = 0; i < state.current.listGroup.length; i++) {
-      var item = state.current.listGroup[i];
+    for (let i = 0; i < state.current.listGroup.length; i++) {
+      const item = state.current.listGroup[i];
       height2 += item.clientHeight;
       state.current.listHeight.push(height2);
     }
   };
-  var scrollTo = function scrollTo2(index) {
+  const scrollTo = (index) => {
     if (!index && index !== 0) {
       return;
     }
     if (!state.current.listHeight.length) {
       calculateHeight();
     }
-    var cacheIndex = index;
+    let cacheIndex = index;
     if (index < 0) {
       cacheIndex = 0;
     }
@@ -94,58 +62,55 @@ var Elevator = function Elevator2(props) {
       listview.current.scrollTo(0, state.current.listHeight[cacheIndex]);
     }
   };
-  var bind = useGesture({
-    onDragStart: function onDragStart(_ref) {
-      var target = _ref.target, offset = _ref.offset;
+  const bind = useGesture({
+    onDragStart: ({ target, offset }) => {
       setScrollStart(true);
-      var index = Number(getData(target, "index"));
+      const index = Number(getData(target, "index"));
       touchState.current.y1 = offset[1];
       state.current.anchorIndex = +index;
-      setCodeIndex(function(codeIndex2) {
-        return codeIndex2 + index;
-      });
+      setCodeIndex((codeIndex2) => codeIndex2 + index);
       scrollTo(index);
     },
-    onDragEnd: function onDragEnd(_ref2) {
-      var offset = _ref2.offset;
+    onDragEnd: ({ offset }) => {
       touchState.current.y2 = offset[1];
-      var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
-      var cacheIndex = state.current.anchorIndex + Math.ceil(delta);
+      const delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
+      const cacheIndex = state.current.anchorIndex + Math.round(delta);
       setCodeIndex(cacheIndex);
       scrollTo(cacheIndex);
       resetScrollState();
     }
   });
-  var handleClickItem = function handleClickItem2(key, item) {
+  const handleClickItem = (key, item) => {
     onItemClick && onItemClick(key, item);
     setCurrentData(item);
     setCurrentKey(key);
   };
-  var handleClickIndex = function handleClickIndex2(key) {
+  const handleClickIndex = (key) => {
     onIndexClick && onIndexClick(key);
   };
-  var setListGroup = function setListGroup2() {
+  const setListGroup = () => {
     if (listview.current) {
-      var els = listview.current.querySelectorAll(".nut-elevator-list-item");
-      els.forEach(function(el) {
+      const els = listview.current.querySelectorAll(".nut-elevator-list-item");
+      els.forEach((el) => {
         if (el != null && !state.current.listGroup.includes(el)) {
           state.current.listGroup.push(el);
         }
       });
     }
   };
-  var listViewScroll = function listViewScroll2(e) {
-    var listHeight = state.current.listHeight;
+  const listViewScroll = (e) => {
+    const { listHeight } = state.current;
     if (!listHeight.length) {
       calculateHeight();
     }
-    var target = e.target;
-    var scrollTop = target.scrollTop;
+    const target = e.target;
+    let { scrollTop } = target;
+    scrollTop = Math.ceil(scrollTop);
     state.current.scrollY = scrollTop;
     setScrollY(scrollTop);
-    for (var i = 0; i < listHeight.length - 1; i++) {
-      var height1 = listHeight[i];
-      var height2 = listHeight[i + 1];
+    for (let i = 0; i < listHeight.length - 1; i++) {
+      const height1 = listHeight[i];
+      const height2 = listHeight[i + 1];
       if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
         setCurrentIndex(i);
         return;
@@ -153,64 +118,60 @@ var Elevator = function Elevator2(props) {
     }
     setCurrentIndex(listHeight.length - 2);
   };
-  useEffect(function() {
+  useEffect(() => {
     if (listview.current) {
       setListGroup();
       listview.current.addEventListener("scroll", listViewScroll);
     }
   }, [listview]);
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, " ").concat(className),
-    style
-  }, rest), sticky && scrollY > 0 ? React__default.createElement("div", {
-    className: "".concat(classPrefix, "-list-fixed")
-  }, React__default.createElement("span", {
-    className: "".concat(classPrefix, "-list-fixed-title")
-  }, list[currentIndex][floorKey])) : null, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-list"),
-    style: {
-      height: Number.isNaN(+height) ? height : "".concat(height, "px")
-    }
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-list-inner"),
-    ref: listview
-  }, list.map(function(item, idx) {
-    return React__default.createElement("div", {
-      className: "".concat(classPrefix, "-list-item"),
-      key: idx
-    }, React__default.createElement("div", {
-      className: "".concat(classPrefix, "-list-item-code")
-    }, item[floorKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function(subitem) {
-      return React__default.createElement("div", {
-        className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-list-item-name"), true), "".concat(classPrefix, "-list-item-name-highcolor"), currentData.id === subitem.id && currentKey === item[floorKey])),
-        key: subitem.id,
-        onClick: function onClick() {
-          return handleClickItem(item[floorKey], subitem);
-        }
-      }, children ? React__default.createElement(React__default.Fragment, null, React__default.createElement(elevatorContext.Provider, {
-        value: subitem
-      }, children)) : subitem.name);
-    })));
-  }))), showKeys ? React__default.createElement(React__default.Fragment, null, list.length && scrollStart ? React__default.createElement("div", {
-    className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-code-current"), true), "".concat(classPrefix, "-code-current-current"), true))
-  }, list[codeIndex][floorKey]) : null, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-bars")
-  }, React__default.createElement(animated.div, _objectSpread(_objectSpread({
-    className: "".concat(classPrefix, "-bars-inner")
-  }, bind()), {}, {
-    style: {
-      touchAction: "pan-y"
-    }
-  }), list.map(function(item, index) {
-    return React__default.createElement("div", {
-      className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-bars-inner-item"), true), "".concat(classPrefix, "-bars-inner-item-active"), item[floorKey] === list[currentIndex][floorKey])),
-      "data-index": index,
-      key: index,
-      onClick: function onClick() {
-        return handleClickIndex(item[floorKey]);
-      }
-    }, item[floorKey]);
-  })))) : null);
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: `${classPrefix} ${className}`, style }, rest),
+    sticky && scrollY > 0 ? React__default.createElement(
+      "div",
+      { className: `${classPrefix}-list-fixed` },
+      React__default.createElement("span", { className: `${classPrefix}-list-fixed-title` }, list[currentIndex][floorKey])
+    ) : null,
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
+      React__default.createElement("div", { className: `${classPrefix}-list-inner`, ref: listview }, list.map((item, idx) => {
+        return React__default.createElement(
+          "div",
+          { className: `${classPrefix}-list-item`, key: idx },
+          React__default.createElement("div", { className: `${classPrefix}-list-item-code` }, item[floorKey]),
+          React__default.createElement(React__default.Fragment, null, item.list.map((subitem) => {
+            return React__default.createElement("div", { className: classNames({
+              [`${classPrefix}-list-item-name`]: true,
+              [`${classPrefix}-list-item-name-highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
+            }), key: subitem.id, onClick: () => handleClickItem(item[floorKey], subitem) }, children ? React__default.createElement(
+              React__default.Fragment,
+              null,
+              React__default.createElement(elevatorContext.Provider, { value: subitem }, children)
+            ) : subitem.name);
+          }))
+        );
+      }))
+    ),
+    showKeys ? React__default.createElement(
+      React__default.Fragment,
+      null,
+      list.length && scrollStart ? React__default.createElement("div", { className: classNames({
+        [`${classPrefix}-code-current`]: true,
+        [`${classPrefix}-code-current-current`]: true
+      }) }, list[codeIndex][floorKey]) : null,
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-bars` },
+        React__default.createElement(animated.div, Object.assign({ className: `${classPrefix}-bars-inner` }, bind(), { style: { touchAction: "pan-y" } }), list.map((item, index) => {
+          return React__default.createElement("div", { className: classNames({
+            [`${classPrefix}-bars-inner-item`]: true,
+            [`${classPrefix}-bars-inner-item-active`]: item[floorKey] === list[currentIndex][floorKey]
+          }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]);
+        }))
+      )
+    ) : null
+  );
 };
 Elevator.defaultProps = defaultProps;
 Elevator.displayName = "NutElevator";

package/dist/esm/Ellipsis.js

@@ -1,65 +1,33 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "content", "className", "direction", "rows", "expandText", "collapseText", "symbol", "lineHeight", "onClick", "onChange"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useLayoutEffect, useEffect, useState, useRef } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { c as canUseDom } from "./can-use-dom.js";
-var useIsomorphicLayoutEffect = canUseDom ? useLayoutEffect : useEffect;
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  content: "",
-  direction: "end",
-  rows: 1,
-  expandText: "",
-  collapseText: "",
-  symbol: "...",
-  lineHeight: "20"
-});
-var classPrefix = "nut-ellipsis";
-var Ellipsis = function Ellipsis2(props) {
-  var _ellipsis$current, _ellipsis$current2;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, content = _defaultProps$props.content, className = _defaultProps$props.className, 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, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  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 ellipsis = useRef();
-  var root = useRef(null);
-  var classes = classNames(classPrefix, className);
-  useIsomorphicLayoutEffect(function() {
+const useIsomorphicLayoutEffect = canUseDom ? useLayoutEffect : useEffect;
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { content: "", direction: "end", rows: 1, expandText: "", collapseText: "", symbol: "...", lineHeight: "20" });
+const classPrefix = `nut-ellipsis`;
+const Ellipsis = (props) => {
+  var _a, _b;
+  const _c = Object.assign(Object.assign({}, defaultProps), props), { children, content, className, direction, rows, expandText, collapseText, symbol, lineHeight, onClick, onChange } = _c, rest = __rest(_c, ["children", "content", "className", "direction", "rows", "expandText", "collapseText", "symbol", "lineHeight", "onClick", "onChange"]);
+  let container = null;
+  let maxHeight = 0;
+  const [exceeded, setExceeded] = useState(false);
+  const [expanded, setExpanded] = useState(false);
+  const ellipsis = useRef();
+  const root = useRef(null);
+  const classes = classNames(classPrefix, className);
+  useIsomorphicLayoutEffect(() => {
     if (content) {
       createContainer();
     }
   }, [content]);
-  var createContainer = function createContainer2() {
+  const createContainer = () => {
     if (!root.current)
       return;
-    var originStyle = window.getComputedStyle(root.current);
+    const originStyle = window.getComputedStyle(root.current);
     container = document.createElement("div");
-    var styleNames = Array.prototype.slice.apply(originStyle);
-    styleNames.forEach(function(name) {
+    const styleNames = Array.prototype.slice.apply(originStyle);
+    styleNames.forEach((name) => {
       container.style.setProperty(name, originStyle.getPropertyValue(name));
     });
     container.style.position = "fixed";
@@ -73,27 +41,27 @@ var Ellipsis = function Ellipsis2(props) {
     container.style.whiteSpace = "normal";
     container.style.webkitLineClamp = "unset";
     container.style.display = "block";
-    var lineH = pxToNumber(originStyle.lineHeight === "normal" ? lineHeight : originStyle.lineHeight);
+    const 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 calcEllipse2() {
+  const calcEllipse = () => {
     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);
+      const end = content.length;
+      const middle = Math.floor((0 + end) / 2);
+      const ellipsised = direction === "middle" ? tailorMiddle([0, middle], [middle, end]) : tailor(0, end);
       ellipsis.current = ellipsised;
     }
   };
-  var tailor = function tailor2(left, right) {
-    var actionText = expanded ? collapseText : expandText;
-    var end = content.length;
+  const tailor = (left, right) => {
+    const actionText = expanded ? collapseText : expandText;
+    const end = content.length;
     if (right - left <= 1) {
       if (direction === "end") {
         return {
@@ -104,7 +72,7 @@ var Ellipsis = function Ellipsis2(props) {
         tailing: symbol + content.slice(right, end)
       };
     }
-    var middle = Math.round((left + right) / 2);
+    const middle = Math.round((left + right) / 2);
     if (direction === "end") {
       container.innerText = content.slice(0, middle) + symbol + actionText;
     } else {
@@ -112,39 +80,39 @@ var Ellipsis = function Ellipsis2(props) {
     }
     if (container.offsetHeight <= maxHeight) {
       if (direction === "end") {
-        return tailor2(middle, right);
+        return tailor(middle, right);
       }
-      return tailor2(left, middle);
+      return tailor(left, middle);
     }
     if (direction === "end") {
-      return tailor2(left, middle);
+      return tailor(left, middle);
     }
-    return tailor2(middle, right);
+    return tailor(middle, right);
   };
-  var tailorMiddle = function tailorMiddle2(leftPart, rightPart) {
-    var actionText = expanded ? collapseText : expandText;
-    var end = content.length;
+  const tailorMiddle = (leftPart, rightPart) => {
+    const actionText = expanded ? collapseText : expandText;
+    const end = content.length;
     if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
       return {
         leading: content.slice(0, leftPart[0]) + symbol,
         tailing: symbol + content.slice(rightPart[1], end)
       };
     }
-    var leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
-    var rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+    const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+    const 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 tailorMiddle2([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
+      return tailorMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
     }
-    return tailorMiddle2([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
+    return tailorMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
   };
-  var pxToNumber = function pxToNumber2(value) {
+  const pxToNumber = (value) => {
     if (!value)
       return 0;
-    var match = value.match(/^\d*(\.\d*)?/);
+    const match = value.match(/^\d*(\.\d*)?/);
     return match ? Number(match[0]) : 0;
   };
-  var clickHandle = function clickHandle2(type) {
+  const clickHandle = (type) => {
     if (type === 1) {
       setExpanded(true);
       onChange && onChange("expand");
@@ -153,26 +121,37 @@ var Ellipsis = function Ellipsis2(props) {
       onChange && onChange("collapse");
     }
   };
-  var handleClick = function handleClick2() {
+  const handleClick = () => {
     onClick && onClick();
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    onClick: handleClick,
-    ref: root
-  }, rest), 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 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 onClick2(e) {
-      e.stopPropagation();
-      clickHandle(2);
-    }
-  }, collapseText) : null) : null));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes, onClick: handleClick, ref: root }, rest),
+    React__default.createElement(
+      "div",
+      null,
+      !exceeded ? content : null,
+      exceeded && !expanded ? React__default.createElement(
+        React__default.Fragment,
+        null,
+        (_a = ellipsis.current) === null || _a === void 0 ? void 0 : _a.leading,
+        expandText ? React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+          e.stopPropagation();
+          clickHandle(1);
+        } }, expandText) : null,
+        (_b = ellipsis.current) === null || _b === void 0 ? void 0 : _b.tailing
+      ) : null,
+      exceeded && expanded ? React__default.createElement(
+        React__default.Fragment,
+        null,
+        content,
+        expandText ? React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+          e.stopPropagation();
+          clickHandle(2);
+        } }, collapseText) : null
+      ) : null
+    )
+  );
 };
 Ellipsis.defaultProps = defaultProps;
 Ellipsis.displayName = "NutEllipsis";