@nutui/nutui-react-taro 1.5.2-beta.1 → 1.5.2

package/dist/esm/Divider.js

@@ -1,9 +1,36 @@
-import { D as Divider } from './divider.taro-26d1d8b4.js';
-import 'react';
-import 'classnames';
-import './bem-350c1702.js';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "contentPosition", "dashed", "hairline", "styles", "className", "direction"];
+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 from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-3b438e61.js';
 import '@bem-react/classname';
-
-
-
+var defaultProps = {
+  contentPosition: 'center',
+  dashed: false,
+  hairline: true,
+  direction: 'horizontal'
+};
+var Divider = function Divider(props) {
+  var _classNames, _classNames2;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    contentPosition = _defaultProps$props.contentPosition,
+    dashed = _defaultProps$props.dashed,
+    hairline = _defaultProps$props.hairline,
+    styles = _defaultProps$props.styles,
+    className = _defaultProps$props.className,
+    direction = _defaultProps$props.direction,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var dividerBem = cn('divider');
+  var classes = direction === 'horizontal' ? classNames((_classNames = {}, _defineProperty(_classNames, dividerBem(), true), _defineProperty(_classNames, dividerBem('center'), children), _defineProperty(_classNames, dividerBem('left'), contentPosition === 'left'), _defineProperty(_classNames, dividerBem('right'), contentPosition === 'right'), _defineProperty(_classNames, dividerBem('dashed'), dashed), _defineProperty(_classNames, dividerBem('hairline'), hairline), _classNames)) : classNames((_classNames2 = {}, _defineProperty(_classNames2, dividerBem(), true), _defineProperty(_classNames2, dividerBem('vertical'), direction === 'vertical'), _classNames2));
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(classes, " ").concat(className || ''),
+    style: styles
+  }, rest), children);
+};
+Divider.defaultProps = defaultProps;
+Divider.displayName = 'NutDivider';
 export { Divider as default };

package/dist/esm/Drag.js

@@ -1,9 +1,120 @@
-import { D as Drag } from './drag.taro-79bb8744.js';
-import 'react';
-import '@tarojs/taro';
-import './bem-350c1702.js';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["attract", "direction", "boundary", "children", "className", "style"];
+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, useEffect } from 'react';
+import { useDrag } from '@use-gesture/react';
+import { useSpring, animated } from '@react-spring/web';
+import { c as cn } from './bem-3b438e61.js';
 import '@bem-react/classname';
-
-
-
+var defaultProps = {
+  attract: false,
+  direction: undefined,
+  boundary: {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  className: ''
+};
+var Drag = function Drag(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    attract = _defaultProps$props.attract,
+    direction = _defaultProps$props.direction,
+    boundary = _defaultProps$props.boundary,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    reset = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn('drag');
+  var _useState = useState(boundary),
+    _useState2 = _slicedToArray(_useState, 2),
+    boundaryState = _useState2[0],
+    setBoundaryState = _useState2[1];
+  var myDrag = useRef(null);
+  var _useSpring = useSpring(function () {
+      return {
+        x: 0,
+        y: 0
+      };
+    }),
+    _useSpring2 = _slicedToArray(_useSpring, 2),
+    currstyle = _useSpring2[0],
+    api = _useSpring2[1];
+  var middleLine = useRef(0);
+  var getInfo = function getInfo() {
+    var el = myDrag.current;
+    if (el) {
+      var offsetWidth = el.offsetWidth,
+        offsetHeight = el.offsetHeight,
+        offsetTop = el.offsetTop,
+        offsetLeft = el.offsetLeft;
+      var _document$documentEle = document.documentElement,
+        clientWidth = _document$documentEle.clientWidth,
+        clientHeight = _document$documentEle.clientHeight;
+      var top = boundary.top,
+        left = boundary.left,
+        bottom = boundary.bottom,
+        right = boundary.right;
+      setBoundaryState({
+        top: -offsetTop + top,
+        left: -offsetLeft + left,
+        bottom: clientHeight - offsetHeight - offsetTop - bottom,
+        right: clientWidth - offsetWidth - offsetLeft - right
+      });
+      middleLine.current = clientWidth - offsetWidth - offsetLeft - (clientWidth - offsetWidth) / 2;
+    }
+  };
+  var bind = useDrag(function (_ref) {
+    var down = _ref.down,
+      last = _ref.last,
+      _ref$offset = _slicedToArray(_ref.offset, 2),
+      x = _ref$offset[0],
+      y = _ref$offset[1];
+    api.start({
+      x: x,
+      y: y,
+      immediate: down
+    });
+    if (last) {
+      if (props.direction !== 'y' && props.attract) {
+        if (x < middleLine.current) {
+          api.start({
+            x: boundaryState.left,
+            y: y,
+            immediate: down
+          });
+        } else {
+          api.start({
+            x: boundaryState.right,
+            y: y,
+            immediate: down
+          });
+        }
+      }
+    }
+  }, {
+    from: function from() {
+      return [currstyle.x.get(), currstyle.y.get()];
+    },
+    axis: direction,
+    bounds: boundaryState
+  });
+  useEffect(function () {
+    getInfo();
+  }, [myDrag]);
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    style: style,
+    className: "".concat(b(), " ").concat(className)
+  }, reset), {}, {
+    ref: myDrag
+  }), React__default.createElement(animated.div, _objectSpread({
+    style: currstyle
+  }, bind()), children));
+};
+Drag.defaultProps = defaultProps;
+Drag.displayName = 'NutDrag';
 export { Drag as default };

package/dist/esm/Elevator.js

@@ -1,10 +1,236 @@
-import { E as Elevator } from './elevator.taro-6019669e.js';
-import 'react';
-import '@tarojs/taro';
-import '@tarojs/components';
-import './bem-350c1702.js';
+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';
-
-
-
+var elevatorContext = createContext({});
+var defaultProps = {
+  height: '200px',
+  acceptKey: 'title',
+  indexList: [],
+  isSticky: false,
+  spaceHeight: 23,
+  titleHeight: 35,
+  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 listview = useRef(null);
+  var initData = {
+    anchorIndex: 0,
+    listHeight: [],
+    listGroup: [],
+    scrollY: 0
+  };
+  var 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 resetScrollState() {
+    setScrollStart(false);
+  };
+  var getData = function getData(el, name) {
+    var prefix = 'data-';
+    return el.getAttribute(prefix + name);
+  };
+  var calculateHeight = function calculateHeight() {
+    var height = 0;
+    state.current.listHeight.push(height);
+    for (var i = 0; i < state.current.listGroup.length; i++) {
+      var item = state.current.listGroup[i];
+      height += item.clientHeight;
+      state.current.listHeight.push(height);
+    }
+  };
+  var scrollTo = function scrollTo(index) {
+    if (!index && index !== 0) {
+      return;
+    }
+    if (!state.current.listHeight.length) {
+      calculateHeight();
+    }
+    var cacheIndex = index;
+    if (index < 0) {
+      cacheIndex = 0;
+    }
+    if (index > state.current.listHeight.length - 2) {
+      cacheIndex = state.current.listHeight.length - 2;
+    }
+    setCodeIndex(cacheIndex);
+    if (listview.current) {
+      listview.current.scrollTo(0, state.current.listHeight[cacheIndex]);
+    }
+  };
+  var bind = useGesture({
+    onDragStart: function onDragStart(_ref) {
+      var target = _ref.target,
+        offset = _ref.offset;
+      setScrollStart(true);
+      var index = Number(getData(target, 'index'));
+      touchState.current.y1 = offset[1];
+      state.current.anchorIndex = +index;
+      setCodeIndex(function (codeIndex) {
+        return codeIndex + index;
+      });
+      scrollTo(index);
+    },
+    onDragEnd: function onDragEnd(_ref2) {
+      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) {
+    onClickItem && onClickItem(key, item);
+    setCurrentData(item);
+    setCurrentKey(key);
+  };
+  var handleClickIndex = function handleClickIndex(key) {
+    onClickIndex && onClickIndex(key);
+  };
+  var setListGroup = function setListGroup() {
+    if (listview.current) {
+      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 listHeight = state.current.listHeight;
+    if (!listHeight.length) {
+      calculateHeight();
+    }
+    var target = e.target;
+    var scrollTop = target.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];
+      if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
+        setCurrentIndex(i);
+        return;
+      }
+    }
+    setCurrentIndex(listHeight.length - 2);
+  };
+  useEffect(function () {
+    if (listview.current) {
+      setListGroup();
+      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')
+  }, React__default.createElement("span", {
+    className: "fixed-title"
+  }, indexList[currentIndex][acceptKey])) : null, React__default.createElement("div", {
+    className: b('list'),
+    style: {
+      height: Number.isNaN(+height) ? height : "".concat(height, "px")
+    }
+  }, React__default.createElement("div", {
+    className: b('list__inner'),
+    ref: listview
+  }, indexList.map(function (item, idx) {
+    return React__default.createElement("div", {
+      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) {
+      return React__default.createElement("div", {
+        className: b('list__item__name', {
+          highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
+        }),
+        key: subitem.id,
+        onClick: function onClick() {
+          return handleClickItem(item[acceptKey], subitem);
+        }
+      }, children ? React__default.createElement(React__default.Fragment, null, React__default.createElement(elevatorContext.Provider, {
+        value: subitem
+      }, children)) : subitem.name);
+    })));
+  }))), indexList.length && scrollStart ? React__default.createElement("div", {
+    className: b('code--current', {
+      current: true
+    })
+  }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
+    className: b('bars')
+  }, React__default.createElement(animated.div, _objectSpread(_objectSpread({
+    className: b('bars__inner')
+  }, bind()), {}, {
+    style: {
+      touchAction: 'pan-y'
+    }
+  }), indexList.map(function (item, index) {
+    return React__default.createElement("div", {
+      className: b('bars__inner__item', {
+        active: item[acceptKey] === indexList[currentIndex][acceptKey]
+      }),
+      "data-index": index,
+      key: index,
+      onClick: function onClick() {
+        return handleClickIndex(item[acceptKey]);
+      }
+    }, item[acceptKey]);
+  }))));
+};
+Elevator.defaultProps = defaultProps;
+Elevator.displayName = 'NutElevator';
+Elevator.Context = elevatorContext;
 export { Elevator as default };

package/dist/esm/Ellipsis.js

@@ -1,11 +1,177 @@
-import { E as Ellipsis } from './ellipsis.taro-f15f26da.js';
-import 'react';
-import '@tarojs/taro';
-import './configprovider.taro-8d71eb49.js';
-import 'lodash.kebabcase';
-import './zh-CN-c779e6c1.js';
-import './useClientRect-1f8ed1fe.js';
-
-
-
+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';
+var defaultProps = {
+  content: '',
+  direction: 'end',
+  rows: 1,
+  expandText: '',
+  collapseText: '',
+  symbol: '...',
+  lineHeight: '20'
+};
+var Ellipsis = function Ellipsis(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 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);
+  useLayoutEffect(function () {
+    createContainer();
+  }, []);
+  useEffect(function () {
+    if (content) {
+      createContainer();
+    }
+  }, [content]);
+  // 创建虚拟 container，内容为 contant 的内容
+  var createContainer = function createContainer() {
+    if (!root.current) return;
+    var originStyle = window.getComputedStyle(root.current);
+    container = document.createElement('div');
+    var styleNames = Array.prototype.slice.apply(originStyle);
+    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);
+    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() {
+    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);
+      ellipsis.current = ellipsised;
+    }
+  };
+  // 计算 start/end 省略
+  var tailor = function tailor(left, right) {
+    var actionText = expanded ? collapseText : expandText;
+    var end = content.length;
+    if (right - left <= 1) {
+      if (direction === 'end') {
+        return {
+          leading: content.slice(0, left) + symbol
+        };
+      }
+      return {
+        tailing: symbol + content.slice(right, end)
+      };
+    }
+    var middle = Math.round((left + right) / 2);
+    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);
+      }
+      return tailor(left, middle);
+    }
+    if (direction === 'end') {
+      return tailor(left, middle);
+    }
+    return tailor(middle, right);
+  };
+  // 计算 middle 省略
+  var tailorMiddle = function tailorMiddle(leftPart, rightPart) {
+    var actionText = expanded ? collapseText : expandText;
+    var 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);
+    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 tailorMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
+  };
+  var pxToNumber = function pxToNumber(value) {
+    if (!value) return 0;
+    var match = value.match(/^\d*(\.\d*)?/);
+    return match ? Number(match[0]) : 0;
+  };
+  // 展开收起
+  var clickHandle = function clickHandle(type) {
+    if (type === 1) {
+      setExpanded(true);
+      onChange && onChange('expand');
+    } else {
+      setExpanded(false);
+      onChange && onChange('collapse');
+    }
+  };
+  // 文本点击
+  var handleClick = function handleClick() {
+    onClick && onClick();
+  };
+  return React__default.createElement("div", {
+    className: "nut-ellipsis",
+    onClick: handleClick,
+    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) {
+      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) {
+      e.stopPropagation();
+      clickHandle(2);
+    }
+  }, collapseText) : null) : null));
+};
+Ellipsis.defaultProps = defaultProps;
+Ellipsis.displayName = 'NutEllipsis';
 export { Ellipsis as default };