@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/esm/Drag/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/drag/drag.scss')
+import '../../../packages/drag/drag.scss'

package/dist/esm/Drag/style/style.css

@@ -0,0 +1 @@
+.nut-drag{position:fixed;display:inline-flex;z-index:9997!important;width:fit-content;height:fit-content;touch-action:none;user-select:none;font-size:0}

package/dist/esm/Drag.js

@@ -1,75 +1,60 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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-893ad28d.js';
-import '@bem-react/classname';
-var defaultProps = {
+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, useEffect } from "react";
+import { useDrag } from "@use-gesture/react";
+import { useSpring, animated } from "@react-spring/web";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   attract: false,
-  direction: undefined,
+  direction: void 0,
   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 Drag = function Drag2(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 classPrefix = "nut-drag";
+  var _useState = useState(boundary), _useState2 = _slicedToArray(_useState, 2), boundaryState = _useState2[0], setBoundaryState = _useState2[1];
   var myDrag = useRef(null);
-
-  var _useSpring = useSpring(function () {
+  var _useSpring = useSpring(function() {
     return {
       x: 0,
       y: 0
     };
-  }),
-      _useSpring2 = _slicedToArray(_useSpring, 2),
-      currstyle = _useSpring2[0],
-      api = _useSpring2[1];
-
+  }), _useSpring2 = _slicedToArray(_useSpring, 2), currstyle = _useSpring2[0], api = _useSpring2[1];
   var middleLine = useRef(0);
-
-  var getInfo = function getInfo() {
+  var getInfo = function getInfo2() {
     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;
+      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,
@@ -79,32 +64,25 @@ var Drag = function Drag(props) {
       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];
-
+  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,
+      x,
+      y,
       immediate: down
     });
-
     if (last) {
-      if (props.direction !== 'y' && props.attract) {
+      if (props.direction !== "y" && props.attract) {
         if (x < middleLine.current) {
           api.start({
             x: boundaryState.left,
-            y: y,
+            y,
             immediate: down
           });
         } else {
           api.start({
             x: boundaryState.right,
-            y: y,
+            y,
             immediate: down
           });
         }
@@ -117,19 +95,20 @@ var Drag = function Drag(props) {
     axis: direction,
     bounds: boundaryState
   });
-  useEffect(function () {
+  useEffect(function() {
     getInfo();
   }, [myDrag]);
   return React__default.createElement("div", _objectSpread(_objectSpread({
-    style: style,
-    className: "".concat(b(), " ").concat(className)
+    style,
+    className: "".concat(classPrefix, " ").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 };
+Drag.displayName = "NutDrag";
+export {
+  Drag as default
+};

package/dist/esm/Elevator/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Elevator/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/elevator/elevator.scss')
+import '../../../packages/elevator/elevator.scss'

package/dist/esm/Elevator/style/style.css

@@ -0,0 +1 @@
+.nut-elevator{width:100%;display:block;position:relative;overflow:hidden}.nut-elevator__list{display:block;position:relative;top:1px;overflow:hidden}.nut-elevator__list__inner{height:100%;width:100%;display:block;background-color:var(--nutui-elevator-list-inner-bg-color, var(--nutui-gray-6, #ffffff));overflow:auto}.nut-elevator__list__item{display:block;font-size:var(--nutui-elevator-list-item-font-size, 12px);color:var(--nutui-elevator-list-item-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-elevator__list__item__code{display:flex;position:relative;height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-item-code-font-color, var(--nutui-gray-1, #1a1a1a));padding:var(--nutui-elevator-list-item-code-padding, 0 20px);font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);box-sizing:border-box;border-bottom:var(--nutui-elevator-list-item-code-border-bottom, 1px) solid var(--nutui-elevator-list-item-code-border-bottom-color, #f5f5f5)}.nut-elevator__list__item__name{display:flex;align-items:center;padding:var(--nutui-elevator-list-item-name-padding, 0 20px);height:var(--nutui-elevator-list-item-name-height, 30px);line-height:var(--nutui-elevator-list-item-name-line-height, 30px)}.nut-elevator__list__item__name--highcolor{color:var(--nutui-elevator-list-item-highcolor, var(--nutui-brand-color, #fa2c19))}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;z-index:1;padding:var(--nutui-elevator-list-item-code-padding, 0 20px);height:var(--nutui-elevator-list-item-code-height, 35px);line-height:var(--nutui-elevator-list-item-code-line-height, 35px);font-size:var(--nutui-elevator-list-item-code-font-size, 14px);color:var(--nutui-elevator-list-fixed-color, var(--nutui-brand-color, #fa2c19));font-weight:var(--nutui-elevator-list-item-code-font-weight, 500);background-color:var(--nutui-elevator-list-fixed-bg-color, var(--nutui-gray-6, #ffffff));box-sizing:border-box;box-shadow:var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee)}.nut-elevator__code--current{position:var(--nutui-elevator-list-item-code-current-position, absolute);right:var(--nutui-elevator-list-item-code-current-right, 60px);top:var(--nutui-elevator-list-item-code-current-top, 50%);transform:var(--nutui-elevator-list-item-code-current-transform, translateY(-50%));width:var(--nutui-elevator-list-item-code-current-width, 45px);height:var(--nutui-elevator-list-item-code-current-height, 45px);line-height:var(--nutui-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nutui-elevator-list-item-code-current-border-radius, 50%);background:var(--nutui-elevator-list-item-code-current-bg-color, #fff);box-shadow:0 3px 3px 1px #f0f0f0;text-align:var(--nutui-elevator-list-item-code-current-text-align, center)}.nut-elevator__bars{position:var(--nutui-elevator-list-item-bars-position, absolute);right:var(--nutui-elevator-list-item-bars-right, 8px);top:var(--nutui-elevator-list-item-bars-top, 50%);transform:var(--nutui-elevator-list-item-bars-transform, translateY(-50%));padding:var(--nutui-elevator-list-item-bars-padding, 15px 0);background-color:var(--nutui-elevator-list-item-bars-background-color, #eeeff2);border-radius:var(--nutui-elevator-list-item-bars-border-radius, 6px);text-align:var(--nutui-elevator-list-item-bars-text-align, center);z-index:var(--nutui-elevator-list-item-bars-z-index, 1)}.nut-elevator__bars__inner__item{display:block;padding:var(--nutui-elevator-list-item-bars-inner-item-padding, 3px);font-size:var(--nutui-elevator-list-item-bars-inner-item-font-size, 10px);cursor:pointer}.nut-elevator__bars__inner__item--active{color:var(--nutui-elevator-list-item-bars-inner-item-active-color, var(--nutui-brand-color, #fa2c19))}

package/dist/esm/Elevator.js

@@ -1,295 +1,223 @@
 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", "clickItem", "clickIndex", "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 { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["height", "floorKey", "list", "sticky", "spaceHeight", "titleHeight", "showKeys", "className", "style", "onItemClick", "onIndexClick", "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), 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 classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
 var elevatorContext = createContext({});
-var defaultProps = {
-  height: '200px',
-  acceptKey: 'title',
-  indexList: [],
-  isSticky: false,
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  height: "200px",
+  floorKey: "title",
+  list: [],
+  sticky: 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,
-      clickItem = _defaultProps$props.clickItem,
-      clickIndex = _defaultProps$props.clickIndex,
-      children = _defaultProps$props.children,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var b = cn('elevator');
+  showKeys: true
+});
+var Elevator = function Elevator2(props) {
+  var _classNames2;
+  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 = {
     anchorIndex: 0,
     listHeight: [],
     listGroup: [],
-    scrollY: 0,
-    diff: -1,
-    fixedTop: 0
+    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() {
+  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() {
     setScrollStart(false);
   };
-
-  var clientHeight = function clientHeight() {
-    return listview.current ? listview.current.clientHeight : 0;
-  };
-
-  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;
     }
-
     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 touchMove = function touchMove(e) {
-    var firstTouch = e.touches[0];
-    touchState.current.y2 = firstTouch.pageY;
-    var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
-    var cacheIndex = state.current.anchorIndex + delta;
-    setCodeIndex(cacheIndex);
-    scrollTo(cacheIndex);
-  };
-
-  var touchEnd = function touchEnd() {
-    resetScrollState();
-  };
-
-  var touchStart = function touchStart(e) {
-    setScrollStart(true);
-    var index = Number(getData(e.target, 'index'));
-    var firstTouch = e.touches[0];
-    touchState.current.y1 = firstTouch.pageY;
-    state.current.anchorIndex = +index;
-    setCodeIndex(function (codeIndex) {
-      return codeIndex + index;
-    });
-    scrollTo(index);
-    var target = e.currentTarget;
-    target.removeEventListener('touchend', touchEnd, false);
-    target.addEventListener('touchend', touchEnd, false);
-  };
-
-  var handleClickItem = function handleClickItem(key, item) {
-    clickItem && clickItem(key, item);
+  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(codeIndex2) {
+        return codeIndex2 + 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;
+      var cacheIndex = state.current.anchorIndex + Math.ceil(delta);
+      setCodeIndex(cacheIndex);
+      scrollTo(cacheIndex);
+      resetScrollState();
+    }
+  });
+  var handleClickItem = function handleClickItem2(key, item) {
+    onItemClick && onItemClick(key, item);
     setCurrentData(item);
     setCurrentKey(key);
   };
-
-  var handleClickIndex = function handleClickIndex(key) {
-    clickIndex && clickIndex(key);
+  var handleClickIndex = function handleClickIndex2(key) {
+    onIndexClick && onIndexClick(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();
     }
-
     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);
-        state.current.diff = height2 - state.current.scrollY;
         return;
       }
     }
-
     setCurrentIndex(listHeight.length - 2);
   };
-
-  useEffect(function () {
+  useEffect(function() {
     if (listview.current) {
       setListGroup();
-      listview.current.addEventListener('scroll', listViewScroll);
+      listview.current.addEventListener("scroll", listViewScroll);
     }
   }, [listview]);
-  useEffect(function () {
-    var _state$current = state.current,
-        listHeight = _state$current.listHeight,
-        diff = _state$current.diff,
-        scrollY = _state$current.scrollY;
-    var fixedTop = diff > 0 && diff < titleHeight ? diff - titleHeight : 0;
-
-    if (scrollY + clientHeight() === listHeight[listHeight.length - 1]) {
-      if (fixedTop !== 0) {
-        fixedTop = 0;
-      }
-    }
-
-    if (state.current.fixedTop === fixedTop) return;
-    state.current.fixedTop = fixedTop;
-  }, [state.current.diff, titleHeight]);
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className)
-  }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
-    className: b('list__fixed')
+    className: "".concat(classPrefix, " ").concat(className),
+    style
+  }, rest), sticky && scrollY > 0 ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__list__fixed")
   }, React__default.createElement("span", {
-    className: "fixed-title"
-  }, indexList[currentIndex][acceptKey])) : null, React__default.createElement("div", {
-    className: b('list'),
+    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: b('list__inner'),
+    className: "".concat(classPrefix, "__list__inner"),
     ref: listview
-  }, indexList.map(function (item, idx) {
+  }, list.map(function(item, idx) {
     return React__default.createElement("div", {
-      className: b('list__item'),
+      className: "".concat(classPrefix, "__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: "".concat(classPrefix, "__list__item__code")
+    }, item[floorKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function(subitem) {
+      var _classNames;
       return React__default.createElement("div", {
-        className: b('list__item__name', {
-          highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
-        }),
+        className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__list__item__name"), true), _defineProperty(_classNames, "".concat(classPrefix, "__list__item__name--highcolor"), currentData.id === subitem.id && currentKey === item[floorKey]), _classNames)),
         key: subitem.id,
         onClick: function onClick() {
-          return handleClickItem(item[acceptKey], subitem);
+          return handleClickItem(item[floorKey], 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'),
-    onTouchStart: function onTouchStart(event) {
-      return touchStart(event);
-    },
-    onTouchMove: function onTouchMove(event) {
-      return touchMove(event);
+  }))), showKeys ? React__default.createElement(React__default.Fragment, null, list.length && scrollStart ? React__default.createElement("div", {
+    className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__code--current"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__code--current--current"), true), _classNames2))
+  }, 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"
     }
-  }, React__default.createElement("div", {
-    className: b('bars__inner')
-  }, indexList.map(function (item, index) {
+  }), list.map(function(item, index) {
+    var _classNames3;
     return React__default.createElement("div", {
-      className: b('bars__inner__item', {
-        active: item[acceptKey] === indexList[currentIndex][acceptKey]
-      }),
+      className: classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(classPrefix, "__bars__inner__item"), true), _defineProperty(_classNames3, "".concat(classPrefix, "__bars__inner__item--active"), item[floorKey] === list[currentIndex][floorKey]), _classNames3)),
       "data-index": index,
       key: index,
       onClick: function onClick() {
-        return handleClickIndex(item[acceptKey]);
+        return handleClickIndex(item[floorKey]);
       }
-    }, item[acceptKey]);
-  }))));
+    }, item[floorKey]);
+  })))) : null);
 };
-
 Elevator.defaultProps = defaultProps;
-Elevator.displayName = 'NutElevator';
-export { Elevator as default };
+Elevator.displayName = "NutElevator";
+Elevator.Context = elevatorContext;
+export {
+  Elevator as default
+};

package/dist/esm/Ellipsis/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Ellipsis/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/ellipsis/ellipsis.scss'

package/dist/esm/Ellipsis/style/style.css

@@ -0,0 +1 @@
+.nut-ellipsis{display:flex}.nut-ellipsis .nut-ellipsis-text{cursor:pointer;color:var(--nutui-ellipsis-expand-collapse-color, #3460fa);display:inline}.nut-ellipsis .nut-ellipsis-wordbreak{word-break:break-all}.nut-ellipsis-copy{position:absolute;top:-999999px}.nut-ellipsis-width{width:fit-content}