@nutui/nutui-react-taro 1.5.3 → 1.5.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
+# v1.5.4
+`2023-05-10`
+
+* :bug: fix: 修复elevator小程序快速滑动后闪动问题 (#980) @拧巴的猫
+
+
 # v1.5.3
-`2023-04-28`
+`2023-05-10`
 
 * :sparkles: feat: dialog 增加函数式调用的demo @hanyuxinting
 * :bug: fix: 移除代码中无用的 console.log (#960) @oasis-cloud

package/dist/esm/Address.js

@@ -1,4 +1,4 @@
-import { A as Address } from './address.taro-3a9b6396.js';
+import { A as Address } from './address.taro-d74c7760.js';
 import 'react';
 import './icon.taro-296a1bec.js';
 import './bem-350c1702.js';
@@ -15,7 +15,7 @@ import './configprovider-67d19d3a.js';
 import 'lodash.kebabcase';
 import './zh-CN-c779e6c1.js';
 import '@tarojs/taro';
-import './elevator.taro-6019669e.js';
+import './elevator.taro-a883f7ad.js';
 import './configprovider.taro-8d71eb49.js';
 
 

package/dist/esm/Elevator.js

@@ -1,4 +1,4 @@
-import { E as Elevator } from './elevator.taro-6019669e.js';
+import { E as Elevator } from './elevator.taro-a883f7ad.js';
 import 'react';
 import '@tarojs/taro';
 import '@tarojs/components';

package/dist/esm/{address.taro-3a9b6396.js → address.taro-d74c7760.js}

@@ -5,7 +5,7 @@ import { c as cn } from './bem-350c1702.js';
 import { I as Icon } from './icon-296a1bec.js';
 import { u as useConfig } from './configprovider-67d19d3a.js';
 import { createSelectorQuery } from '@tarojs/taro';
-import { E as Elevator } from './elevator.taro-6019669e.js';
+import { E as Elevator } from './elevator.taro-a883f7ad.js';
 import { u as useConfig$1 } from './configprovider.taro-8d71eb49.js';
 import { C as ComponentDefaults } from './typings-b9828dba.js';
 

package/dist/esm/{elevator.taro-6019669e.js → elevator.taro-a883f7ad.js}

@@ -1,5 +1,5 @@
 import React__default, { createContext, useRef, useState, useEffect } from 'react';
-import { nextTick, createSelectorQuery } from '@tarojs/taro';
+import Taro, { nextTick, createSelectorQuery } from '@tarojs/taro';
 import { ScrollView } from '@tarojs/components';
 import { c as cn } from './bem-350c1702.js';
 
@@ -37,6 +37,7 @@ const Elevator = (props) => {
     const [scrollStart, setScrollStart] = useState(false);
     const state = useRef(initData);
     const [scrollTop, setScrollTop] = useState(0);
+    const [scrollY, setScrollY] = useState(0);
     // 重置滚动参数
     const resetScrollState = () => {
         setScrollStart(false);
@@ -79,7 +80,11 @@ const Elevator = (props) => {
             cacheIndex = state.current.listHeight.length - 2;
         }
         setCodeIndex(cacheIndex);
-        setScrollTop(state.current.listHeight[cacheIndex]);
+        const scrollTop = state.current.listHeight[cacheIndex];
+        setScrollTop(scrollTop);
+        if (isSticky && scrollY !== scrollTop) {
+            setScrollY(Math.floor(scrollTop) > 0 ? 1 : 0);
+        }
     };
     const touchMove = (e) => {
         const firstTouch = e.touches[0];
@@ -130,7 +135,10 @@ const Elevator = (props) => {
         const target = e.target;
         const { scrollTop } = target;
         state.current.scrollY = Math.floor(scrollTop);
-        setScrollTop(scrollTop);
+        Taro.getEnv() === 'WEB' && setScrollTop(scrollTop);
+        if (isSticky && scrollTop !== scrollY) {
+            setScrollY(Math.floor(scrollTop) > 0 ? 1 : 0);
+        }
         for (let i = 0; i < listHeight.length - 1; i++) {
             const height1 = listHeight[i];
             const height2 = listHeight[i + 1];
@@ -139,7 +147,6 @@ const Elevator = (props) => {
                 return;
             }
         }
-        setCurrentIndex(listHeight.length - 2);
     };
     useEffect(() => {
         if (listview.current) {
@@ -149,10 +156,8 @@ const Elevator = (props) => {
         }
     }, [listview]);
     return (React__default.createElement("div", { className: `${b()} ${className} `, ...rest },
-        isSticky && scrollTop > 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 : `${height}px` } },
-            React__default.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, className: b('list__inner'), ref: listview, onScroll: listViewScroll }, indexList.map((item, idx) => {
+            React__default.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, scrollWithAnimation: true, scrollAnchoring: true, className: b('list__inner'), ref: listview, onScroll: listViewScroll }, indexList.map((item, idx) => {
                 return (React__default.createElement("div", { className: `${b('list__item')} elevator__item__${idx}`, key: idx },
                     React__default.createElement("div", { className: b('list__item__code') }, item[acceptKey]),
                     React__default.createElement(React__default.Fragment, null, item.list.map((subitem) => {
@@ -169,7 +174,9 @@ const Elevator = (props) => {
                 return (React__default.createElement("div", { className: `${b('bars__inner__item', {
                         active: item[acceptKey] === indexList[currentIndex][acceptKey],
                     })} `, "data-index": index, key: index, onClick: () => handleClickIndex(item[acceptKey]) }, item[acceptKey]));
-            })))));
+            }))),
+        isSticky && scrollY > 0 ? (React__default.createElement("div", { className: b('list__fixed') },
+            React__default.createElement("span", { className: "fixed-title" }, indexList[currentIndex][acceptKey]))) : null));
 };
 Elevator.defaultProps = defaultProps;
 Elevator.displayName = 'NutElevator';

package/dist/esm/nutui-react.es.js

@@ -13,7 +13,7 @@ export { G as GridItem } from './griditem.taro-cdb3f119.js';
 export { L as Layout } from './layout.taro-9046d093.js';
 export { R as Row } from './row.taro-f64d4a13.js';
 export { S as Sticky } from './sticky.taro-218bda37.js';
-export { E as Elevator } from './elevator.taro-6019669e.js';
+export { E as Elevator } from './elevator.taro-a883f7ad.js';
 export { F as FixedNav } from './fixednav.taro-1f05acaf.js';
 export { I as Indicator } from './indicator.taro-cba8b010.js';
 export { M as Menu } from './menu.taro-7e4038a1.js';
@@ -83,7 +83,7 @@ export { T as TrendArrow } from './trendarrow.taro-b8c5ccd9.js';
 export { V as Video } from './video-f1be8a91.js';
 export { V as VirtualList } from './virtuallist.taro-f0b0270d.js';
 export { W as WaterMark } from './watermark.taro-9ce2ae37.js';
-export { A as Address } from './address.taro-3a9b6396.js';
+export { A as Address } from './address.taro-d74c7760.js';
 export { B as Barrage } from './barrage.taro-0495a1b2.js';
 export { C as Card } from './card.taro-e4c76dad.js';
 export { S as Signature } from './signature.taro-ec4e713b.js';

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.3 Fri Apr 28 2023 10:53:43 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.5.4 Wed May 10 2023 17:37:43 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.3 Fri Apr 28 2023 10:53:43 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.5.4 Wed May 10 2023 17:37:43 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.3 Fri Apr 28 2023 10:53:43 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.5.4 Wed May 10 2023 17:37:43 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.3 Fri Apr 28 2023 10:53:43 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.5.4 Wed May 10 2023 17:37:43 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.3 Fri Apr 28 2023 10:53:43 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.5.4 Wed May 10 2023 17:37:43 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.3 Fri Apr 28 2023 10:53:43 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.5.4 Wed May 10 2023 17:37:43 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.mjs

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v1.5.3 Fri Apr 28 2023 10:53:17 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.5.4 Wed May 10 2023 17:37:13 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -15,15 +15,10 @@ import Taro, { redirectTo, navigateTo, getEnv, usePageScroll, getSystemInfoSync,
 import { View, ScrollView, PickerView, PickerViewColumn, Image as Image$2 } from "@tarojs/components";
 import ReactDOM, { createPortal, unstable_batchedUpdates } from "react-dom";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-var classnameExports = {};
-var classname = {
-  get exports() {
-    return classnameExports;
-  },
-  set exports(v) {
-    classnameExports = v;
-  }
-};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var classname = { exports: {} };
 var classname_production_min = {};
 var hasRequiredClassname_production_min;
 function requireClassname_production_min() {
@@ -127,13 +122,12 @@ function requireClassname_development() {
   classname_development.withNaming = withNaming;
   return classname_development;
 }
-(function(module) {
-  if (process.env.NODE_ENV === "production") {
-    module.exports = requireClassname_production_min();
-  } else {
-    module.exports = requireClassname_development();
-  }
-})(classname);
+if (process.env.NODE_ENV === "production") {
+  classname.exports = requireClassname_production_min();
+} else {
+  classname.exports = requireClassname_development();
+}
+var classnameExports = classname.exports;
 const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
 const defaultProps$1v = {
   name: "",
@@ -749,6 +743,7 @@ function words(string, pattern, guard) {
   return string.match(pattern) || [];
 }
 var lodash_kebabcase = kebabCase;
+const kebabCase$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_kebabcase);
 const zhCN = {
   save: "保存",
   confirm: "确认",
@@ -896,7 +891,7 @@ const useConfig$1 = () => {
 function convertThemeVarsToCSSVars(themeVars) {
   const cssVars = {};
   Object.keys(themeVars).forEach((key) => {
-    cssVars[`--${lodash_kebabcase(key)}`] = themeVars[key];
+    cssVars[`--${kebabCase$1(key)}`] = themeVars[key];
   });
   return cssVars;
 }
@@ -1013,15 +1008,7 @@ const Image$1 = (props) => {
 };
 Image$1.defaultProps = defaultProps$1q;
 Image$1.displayName = "NutImage";
-var classnamesExports = {};
-var classnames = {
-  get exports() {
-    return classnamesExports;
-  },
-  set exports(v) {
-    classnamesExports = v;
-  }
-};
+var classnames = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1068,7 +1055,8 @@ var classnames = {
     }
   })();
 })(classnames);
-const classNames = classnamesExports;
+var classnamesExports = classnames.exports;
+const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
 const defaultOverlayProps = {
   zIndex: 2e3,
   duration: 0.3,
@@ -1194,24 +1182,8 @@ function _inheritsLoose(subClass, superClass) {
   subClass.prototype.constructor = subClass;
   _setPrototypeOf(subClass, superClass);
 }
-var propTypesExports = {};
-var propTypes = {
-  get exports() {
-    return propTypesExports;
-  },
-  set exports(v) {
-    propTypesExports = v;
-  }
-};
-var reactIsExports = {};
-var reactIs = {
-  get exports() {
-    return reactIsExports;
-  },
-  set exports(v) {
-    reactIsExports = v;
-  }
-};
+var propTypes = { exports: {} };
+var reactIs = { exports: {} };
 var reactIs_production_min = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -1482,16 +1454,14 @@ function requireReactIs_development() {
 var hasRequiredReactIs;
 function requireReactIs() {
   if (hasRequiredReactIs)
-    return reactIsExports;
+    return reactIs.exports;
   hasRequiredReactIs = 1;
-  (function(module) {
-    if (process.env.NODE_ENV === "production") {
-      module.exports = requireReactIs_production_min();
-    } else {
-      module.exports = requireReactIs_development();
-    }
-  })(reactIs);
-  return reactIsExports;
+  if (process.env.NODE_ENV === "production") {
+    reactIs.exports = requireReactIs_production_min();
+  } else {
+    reactIs.exports = requireReactIs_development();
+  }
+  return reactIs.exports;
 }
 /*
 object-assign
@@ -2158,6 +2128,8 @@ if (process.env.NODE_ENV !== "production") {
 } else {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
+var propTypesExports = propTypes.exports;
+const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
 function hasClass(element, className) {
   if (element.classList)
     return !!className && element.classList.contains(className);
@@ -2187,22 +2159,22 @@ function removeClass$1(element, className) {
 const config$1 = {
   disabled: false
 };
-var timeoutsShape = process.env.NODE_ENV !== "production" ? propTypesExports.oneOfType([propTypesExports.number, propTypesExports.shape({
-  enter: propTypesExports.number,
-  exit: propTypesExports.number,
-  appear: propTypesExports.number
+var timeoutsShape = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+  enter: PropTypes.number,
+  exit: PropTypes.number,
+  appear: PropTypes.number
 }).isRequired]) : null;
-var classNamesShape = process.env.NODE_ENV !== "production" ? propTypesExports.oneOfType([propTypesExports.string, propTypesExports.shape({
-  enter: propTypesExports.string,
-  exit: propTypesExports.string,
-  active: propTypesExports.string
-}), propTypesExports.shape({
-  enter: propTypesExports.string,
-  enterDone: propTypesExports.string,
-  enterActive: propTypesExports.string,
-  exit: propTypesExports.string,
-  exitDone: propTypesExports.string,
-  exitActive: propTypesExports.string
+var classNamesShape = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+  enter: PropTypes.string,
+  exit: PropTypes.string,
+  active: PropTypes.string
+}), PropTypes.shape({
+  enter: PropTypes.string,
+  enterDone: PropTypes.string,
+  enterActive: PropTypes.string,
+  exit: PropTypes.string,
+  exitDone: PropTypes.string,
+  exitActive: PropTypes.string
 })]) : null;
 const TransitionGroupContext = React__default.createContext(null);
 var forceReflow = function forceReflow2(node) {
@@ -2452,10 +2424,10 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *     (see
    *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
    */
-  nodeRef: propTypesExports.shape({
-    current: typeof Element === "undefined" ? propTypesExports.any : function(propValue, key, componentName, location, propFullName, secret) {
+  nodeRef: PropTypes.shape({
+    current: typeof Element === "undefined" ? PropTypes.any : function(propValue, key, componentName, location, propFullName, secret) {
       var value = propValue[key];
-      return propTypesExports.instanceOf(value && "ownerDocument" in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+      return PropTypes.instanceOf(value && "ownerDocument" in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
     }
   }),
   /**
@@ -2472,23 +2444,23 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * </Transition>
    * ```
    */
-  children: propTypesExports.oneOfType([propTypesExports.func.isRequired, propTypesExports.element.isRequired]).isRequired,
+  children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
   /**
    * Show the component; triggers the enter or exit states
    */
-  in: propTypesExports.bool,
+  in: PropTypes.bool,
   /**
    * By default the child component is mounted immediately along with
    * the parent `Transition` component. If you want to "lazy mount" the component on the
    * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
    * mounted, even on "exited", unless you also specify `unmountOnExit`.
    */
-  mountOnEnter: propTypesExports.bool,
+  mountOnEnter: PropTypes.bool,
   /**
    * By default the child component stays mounted after it reaches the `'exited'` state.
    * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
    */
-  unmountOnExit: propTypesExports.bool,
+  unmountOnExit: PropTypes.bool,
   /**
    * By default the child component does not perform the enter transition when
    * it first mounts, regardless of the value of `in`. If you want this
@@ -2500,15 +2472,15 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * > additional `.appear-*` classes, that way you can choose to style it
    * > differently.
    */
-  appear: propTypesExports.bool,
+  appear: PropTypes.bool,
   /**
    * Enable or disable enter transitions.
    */
-  enter: propTypesExports.bool,
+  enter: PropTypes.bool,
   /**
    * Enable or disable exit transitions.
    */
-  exit: propTypesExports.bool,
+  exit: PropTypes.bool,
   /**
    * The duration of the transition, in milliseconds.
    * Required unless `addEndListener` is provided.
@@ -2558,7 +2530,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    * }}
    * ```
    */
-  addEndListener: propTypesExports.func,
+  addEndListener: PropTypes.func,
   /**
    * Callback fired before the "entering" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -2567,7 +2539,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEnter: propTypesExports.func,
+  onEnter: PropTypes.func,
   /**
    * Callback fired after the "entering" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -2576,7 +2548,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: propTypesExports.func,
+  onEntering: PropTypes.func,
   /**
    * Callback fired after the "entered" status is applied. An extra parameter
    * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -2585,7 +2557,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement, isAppearing: bool) -> void
    */
-  onEntered: propTypesExports.func,
+  onEntered: PropTypes.func,
   /**
    * Callback fired before the "exiting" status is applied.
    *
@@ -2593,7 +2565,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExit: propTypesExports.func,
+  onExit: PropTypes.func,
   /**
    * Callback fired after the "exiting" status is applied.
    *
@@ -2601,7 +2573,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExiting: propTypesExports.func,
+  onExiting: PropTypes.func,
   /**
    * Callback fired after the "exited" status is applied.
    *
@@ -2609,7 +2581,7 @@ Transition.propTypes = process.env.NODE_ENV !== "production" ? {
    *
    * @type Function(node: HtmlElement) -> void
    */
-  onExited: propTypesExports.func
+  onExited: PropTypes.func
 } : {};
 function noop$2() {
 }
@@ -2848,7 +2820,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$3({},
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEnter: propTypesExports.func,
+  onEnter: PropTypes.func,
   /**
    * A `<Transition>` callback fired immediately after the 'enter-active' or
    * 'appear-active' class is applied.
@@ -2857,7 +2829,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$3({},
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntering: propTypesExports.func,
+  onEntering: PropTypes.func,
   /**
    * A `<Transition>` callback fired immediately after the 'enter' or
    * 'appear' classes are **removed** and the `done` class is added to the DOM node.
@@ -2866,7 +2838,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$3({},
    *
    * @type Function(node: HtmlElement, isAppearing: bool)
    */
-  onEntered: propTypesExports.func,
+  onEntered: PropTypes.func,
   /**
    * A `<Transition>` callback fired immediately after the 'exit' class is
    * applied.
@@ -2875,7 +2847,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$3({},
    *
    * @type Function(node: HtmlElement)
    */
-  onExit: propTypesExports.func,
+  onExit: PropTypes.func,
   /**
    * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
    *
@@ -2883,7 +2855,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$3({},
    *
    * @type Function(node: HtmlElement)
    */
-  onExiting: propTypesExports.func,
+  onExiting: PropTypes.func,
   /**
    * A `<Transition>` callback fired immediately after the 'exit' classes
    * are **removed** and the `exit-done` class is added to the DOM node.
@@ -2892,7 +2864,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$3({},
    *
    * @type Function(node: HtmlElement)
    */
-  onExited: propTypesExports.func
+  onExited: PropTypes.func
 }) : {};
 const CSSTransition$1 = CSSTransition;
 const defaultProps$1p = {
@@ -3654,6 +3626,7 @@ const Elevator = (props) => {
   const [scrollStart, setScrollStart] = useState(false);
   const state = useRef(initData);
   const [scrollTop, setScrollTop] = useState(0);
+  const [scrollY, setScrollY] = useState(0);
   const resetScrollState = () => {
     setScrollStart(false);
   };
@@ -3691,7 +3664,11 @@ const Elevator = (props) => {
       cacheIndex = state.current.listHeight.length - 2;
     }
     setCodeIndex(cacheIndex);
-    setScrollTop(state.current.listHeight[cacheIndex]);
+    const scrollTop2 = state.current.listHeight[cacheIndex];
+    setScrollTop(scrollTop2);
+    if (isSticky && scrollY !== scrollTop2) {
+      setScrollY(Math.floor(scrollTop2) > 0 ? 1 : 0);
+    }
   };
   const touchMove = (e) => {
     const firstTouch = e.touches[0];
@@ -3739,7 +3716,10 @@ const Elevator = (props) => {
     const target = e.target;
     const { scrollTop: scrollTop2 } = target;
     state.current.scrollY = Math.floor(scrollTop2);
-    setScrollTop(scrollTop2);
+    Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
+    if (isSticky && scrollTop2 !== scrollY) {
+      setScrollY(Math.floor(scrollTop2) > 0 ? 1 : 0);
+    }
     for (let i = 0; i < listHeight.length - 1; i++) {
       const height1 = listHeight[i];
       const height2 = listHeight[i + 1];
@@ -3748,7 +3728,6 @@ const Elevator = (props) => {
         return;
       }
     }
-    setCurrentIndex(listHeight.length - 2);
   };
   useEffect(() => {
     if (listview.current) {
@@ -3757,7 +3736,7 @@ const Elevator = (props) => {
       });
     }
   }, [listview]);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${b2()} ${className} `, ...rest }, isSticky && scrollTop > 0 ? /* @__PURE__ */ React__default.createElement("div", { className: b2("list__fixed") }, /* @__PURE__ */ React__default.createElement("span", { className: "fixed-title" }, indexList[currentIndex][acceptKey])) : null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: `${b2()} ${className} `, ...rest }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: b2("list"),
@@ -3768,6 +3747,8 @@ const Elevator = (props) => {
       {
         scrollTop,
         scrollY: true,
+        scrollWithAnimation: true,
+        scrollAnchoring: true,
         className: b2("list__inner"),
         ref: listview,
         onScroll: listViewScroll
@@ -3819,7 +3800,7 @@ const Elevator = (props) => {
         item[acceptKey]
       );
     })
-  )));
+  )), isSticky && scrollY > 0 ? /* @__PURE__ */ React__default.createElement("div", { className: b2("list__fixed") }, /* @__PURE__ */ React__default.createElement("span", { className: "fixed-title" }, indexList[currentIndex][acceptKey])) : null);
 };
 Elevator.defaultProps = defaultProps$1h;
 Elevator.displayName = "NutElevator";

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v1.5.3 Fri Apr 28 2023 10:53:17 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.5.4 Wed May 10 2023 17:37:13 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -31,15 +31,10 @@ var __publicField = (obj, key, value) => {
   }
   const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-  var classnameExports = {};
-  var classname = {
-    get exports() {
-      return classnameExports;
-    },
-    set exports(v) {
-      classnameExports = v;
-    }
-  };
+  function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+  }
+  var classname = { exports: {} };
   var classname_production_min = {};
   var hasRequiredClassname_production_min;
   function requireClassname_production_min() {
@@ -143,13 +138,12 @@ var __publicField = (obj, key, value) => {
     classname_development.withNaming = withNaming;
     return classname_development;
   }
-  (function(module2) {
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = requireClassname_production_min();
-    } else {
-      module2.exports = requireClassname_development();
-    }
-  })(classname);
+  if (process.env.NODE_ENV === "production") {
+    classname.exports = requireClassname_production_min();
+  } else {
+    classname.exports = requireClassname_development();
+  }
+  var classnameExports = classname.exports;
   const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
   const defaultProps$1v = {
     name: "",
@@ -765,6 +759,7 @@ var __publicField = (obj, key, value) => {
     return string.match(pattern) || [];
   }
   var lodash_kebabcase = kebabCase;
+  const kebabCase$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_kebabcase);
   const zhCN = {
     save: "保存",
     confirm: "确认",
@@ -912,7 +907,7 @@ var __publicField = (obj, key, value) => {
   function convertThemeVarsToCSSVars(themeVars) {
     const cssVars = {};
     Object.keys(themeVars).forEach((key) => {
-      cssVars[`--${lodash_kebabcase(key)}`] = themeVars[key];
+      cssVars[`--${kebabCase$1(key)}`] = themeVars[key];
     });
     return cssVars;
   }
@@ -1029,15 +1024,7 @@ var __publicField = (obj, key, value) => {
   };
   Image$1.defaultProps = defaultProps$1q;
   Image$1.displayName = "NutImage";
-  var classnamesExports = {};
-  var classnames = {
-    get exports() {
-      return classnamesExports;
-    },
-    set exports(v) {
-      classnamesExports = v;
-    }
-  };
+  var classnames = { exports: {} };
   /*!
   	Copyright (c) 2018 Jed Watson.
   	Licensed under the MIT License (MIT), see
@@ -1084,7 +1071,8 @@ var __publicField = (obj, key, value) => {
       }
     })();
   })(classnames);
-  const classNames = classnamesExports;
+  var classnamesExports = classnames.exports;
+  const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
   const defaultOverlayProps = {
     zIndex: 2e3,
     duration: 0.3,
@@ -1210,24 +1198,8 @@ var __publicField = (obj, key, value) => {
     subClass.prototype.constructor = subClass;
     _setPrototypeOf(subClass, superClass);
   }
-  var propTypesExports = {};
-  var propTypes = {
-    get exports() {
-      return propTypesExports;
-    },
-    set exports(v) {
-      propTypesExports = v;
-    }
-  };
-  var reactIsExports = {};
-  var reactIs = {
-    get exports() {
-      return reactIsExports;
-    },
-    set exports(v) {
-      reactIsExports = v;
-    }
-  };
+  var propTypes = { exports: {} };
+  var reactIs = { exports: {} };
   var reactIs_production_min = {};
   /** @license React v16.13.1
    * react-is.production.min.js
@@ -1498,16 +1470,14 @@ var __publicField = (obj, key, value) => {
   var hasRequiredReactIs;
   function requireReactIs() {
     if (hasRequiredReactIs)
-      return reactIsExports;
+      return reactIs.exports;
     hasRequiredReactIs = 1;
-    (function(module2) {
-      if (process.env.NODE_ENV === "production") {
-        module2.exports = requireReactIs_production_min();
-      } else {
-        module2.exports = requireReactIs_development();
-      }
-    })(reactIs);
-    return reactIsExports;
+    if (process.env.NODE_ENV === "production") {
+      reactIs.exports = requireReactIs_production_min();
+    } else {
+      reactIs.exports = requireReactIs_development();
+    }
+    return reactIs.exports;
   }
   /*
   object-assign
@@ -2174,6 +2144,8 @@ var __publicField = (obj, key, value) => {
   } else {
     propTypes.exports = requireFactoryWithThrowingShims()();
   }
+  var propTypesExports = propTypes.exports;
+  const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
   function hasClass(element, className) {
     if (element.classList)
       return !!className && element.classList.contains(className);
@@ -2203,22 +2175,22 @@ var __publicField = (obj, key, value) => {
   const config$1 = {
     disabled: false
   };
-  var timeoutsShape = process.env.NODE_ENV !== "production" ? propTypesExports.oneOfType([propTypesExports.number, propTypesExports.shape({
-    enter: propTypesExports.number,
-    exit: propTypesExports.number,
-    appear: propTypesExports.number
+  var timeoutsShape = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    enter: PropTypes.number,
+    exit: PropTypes.number,
+    appear: PropTypes.number
   }).isRequired]) : null;
-  var classNamesShape = process.env.NODE_ENV !== "production" ? propTypesExports.oneOfType([propTypesExports.string, propTypesExports.shape({
-    enter: propTypesExports.string,
-    exit: propTypesExports.string,
-    active: propTypesExports.string
-  }), propTypesExports.shape({
-    enter: propTypesExports.string,
-    enterDone: propTypesExports.string,
-    enterActive: propTypesExports.string,
-    exit: propTypesExports.string,
-    exitDone: propTypesExports.string,
-    exitActive: propTypesExports.string
+  var classNamesShape = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
+    enter: PropTypes.string,
+    exit: PropTypes.string,
+    active: PropTypes.string
+  }), PropTypes.shape({
+    enter: PropTypes.string,
+    enterDone: PropTypes.string,
+    enterActive: PropTypes.string,
+    exit: PropTypes.string,
+    exitDone: PropTypes.string,
+    exitActive: PropTypes.string
   })]) : null;
   const TransitionGroupContext = React.createContext(null);
   var forceReflow = function forceReflow2(node) {
@@ -2468,10 +2440,10 @@ var __publicField = (obj, key, value) => {
      *     (see
      *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
      */
-    nodeRef: propTypesExports.shape({
-      current: typeof Element === "undefined" ? propTypesExports.any : function(propValue, key, componentName, location, propFullName, secret) {
+    nodeRef: PropTypes.shape({
+      current: typeof Element === "undefined" ? PropTypes.any : function(propValue, key, componentName, location, propFullName, secret) {
         var value = propValue[key];
-        return propTypesExports.instanceOf(value && "ownerDocument" in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
+        return PropTypes.instanceOf(value && "ownerDocument" in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
       }
     }),
     /**
@@ -2488,23 +2460,23 @@ var __publicField = (obj, key, value) => {
      * </Transition>
      * ```
      */
-    children: propTypesExports.oneOfType([propTypesExports.func.isRequired, propTypesExports.element.isRequired]).isRequired,
+    children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
      * Show the component; triggers the enter or exit states
      */
-    in: propTypesExports.bool,
+    in: PropTypes.bool,
     /**
      * By default the child component is mounted immediately along with
      * the parent `Transition` component. If you want to "lazy mount" the component on the
      * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
      * mounted, even on "exited", unless you also specify `unmountOnExit`.
      */
-    mountOnEnter: propTypesExports.bool,
+    mountOnEnter: PropTypes.bool,
     /**
      * By default the child component stays mounted after it reaches the `'exited'` state.
      * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
      */
-    unmountOnExit: propTypesExports.bool,
+    unmountOnExit: PropTypes.bool,
     /**
      * By default the child component does not perform the enter transition when
      * it first mounts, regardless of the value of `in`. If you want this
@@ -2516,15 +2488,15 @@ var __publicField = (obj, key, value) => {
      * > additional `.appear-*` classes, that way you can choose to style it
      * > differently.
      */
-    appear: propTypesExports.bool,
+    appear: PropTypes.bool,
     /**
      * Enable or disable enter transitions.
      */
-    enter: propTypesExports.bool,
+    enter: PropTypes.bool,
     /**
      * Enable or disable exit transitions.
      */
-    exit: propTypesExports.bool,
+    exit: PropTypes.bool,
     /**
      * The duration of the transition, in milliseconds.
      * Required unless `addEndListener` is provided.
@@ -2574,7 +2546,7 @@ var __publicField = (obj, key, value) => {
      * }}
      * ```
      */
-    addEndListener: propTypesExports.func,
+    addEndListener: PropTypes.func,
     /**
      * Callback fired before the "entering" status is applied. An extra parameter
      * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -2583,7 +2555,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool) -> void
      */
-    onEnter: propTypesExports.func,
+    onEnter: PropTypes.func,
     /**
      * Callback fired after the "entering" status is applied. An extra parameter
      * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -2592,7 +2564,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool)
      */
-    onEntering: propTypesExports.func,
+    onEntering: PropTypes.func,
     /**
      * Callback fired after the "entered" status is applied. An extra parameter
      * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
@@ -2601,7 +2573,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool) -> void
      */
-    onEntered: propTypesExports.func,
+    onEntered: PropTypes.func,
     /**
      * Callback fired before the "exiting" status is applied.
      *
@@ -2609,7 +2581,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement) -> void
      */
-    onExit: propTypesExports.func,
+    onExit: PropTypes.func,
     /**
      * Callback fired after the "exiting" status is applied.
      *
@@ -2617,7 +2589,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement) -> void
      */
-    onExiting: propTypesExports.func,
+    onExiting: PropTypes.func,
     /**
      * Callback fired after the "exited" status is applied.
      *
@@ -2625,7 +2597,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement) -> void
      */
-    onExited: propTypesExports.func
+    onExited: PropTypes.func
   } : {};
   function noop$2() {
   }
@@ -2864,7 +2836,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool)
      */
-    onEnter: propTypesExports.func,
+    onEnter: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'enter-active' or
      * 'appear-active' class is applied.
@@ -2873,7 +2845,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool)
      */
-    onEntering: propTypesExports.func,
+    onEntering: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'enter' or
      * 'appear' classes are **removed** and the `done` class is added to the DOM node.
@@ -2882,7 +2854,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement, isAppearing: bool)
      */
-    onEntered: propTypesExports.func,
+    onEntered: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'exit' class is
      * applied.
@@ -2891,7 +2863,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement)
      */
-    onExit: propTypesExports.func,
+    onExit: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
      *
@@ -2899,7 +2871,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement)
      */
-    onExiting: propTypesExports.func,
+    onExiting: PropTypes.func,
     /**
      * A `<Transition>` callback fired immediately after the 'exit' classes
      * are **removed** and the `exit-done` class is added to the DOM node.
@@ -2908,7 +2880,7 @@ var __publicField = (obj, key, value) => {
      *
      * @type Function(node: HtmlElement)
      */
-    onExited: propTypesExports.func
+    onExited: PropTypes.func
   }) : {};
   const CSSTransition$1 = CSSTransition;
   const defaultProps$1p = {
@@ -3670,6 +3642,7 @@ var __publicField = (obj, key, value) => {
     const [scrollStart, setScrollStart] = React.useState(false);
     const state = React.useRef(initData);
     const [scrollTop, setScrollTop] = React.useState(0);
+    const [scrollY, setScrollY] = React.useState(0);
     const resetScrollState = () => {
       setScrollStart(false);
     };
@@ -3707,7 +3680,11 @@ var __publicField = (obj, key, value) => {
         cacheIndex = state.current.listHeight.length - 2;
       }
       setCodeIndex(cacheIndex);
-      setScrollTop(state.current.listHeight[cacheIndex]);
+      const scrollTop2 = state.current.listHeight[cacheIndex];
+      setScrollTop(scrollTop2);
+      if (isSticky && scrollY !== scrollTop2) {
+        setScrollY(Math.floor(scrollTop2) > 0 ? 1 : 0);
+      }
     };
     const touchMove = (e) => {
       const firstTouch = e.touches[0];
@@ -3755,7 +3732,10 @@ var __publicField = (obj, key, value) => {
       const target = e.target;
       const { scrollTop: scrollTop2 } = target;
       state.current.scrollY = Math.floor(scrollTop2);
-      setScrollTop(scrollTop2);
+      Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
+      if (isSticky && scrollTop2 !== scrollY) {
+        setScrollY(Math.floor(scrollTop2) > 0 ? 1 : 0);
+      }
       for (let i = 0; i < listHeight.length - 1; i++) {
         const height1 = listHeight[i];
         const height2 = listHeight[i + 1];
@@ -3764,7 +3744,6 @@ var __publicField = (obj, key, value) => {
           return;
         }
       }
-      setCurrentIndex(listHeight.length - 2);
     };
     React.useEffect(() => {
       if (listview.current) {
@@ -3773,7 +3752,7 @@ var __publicField = (obj, key, value) => {
         });
       }
     }, [listview]);
-    return /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className} `, ...rest }, isSticky && scrollTop > 0 ? /* @__PURE__ */ React.createElement("div", { className: b2("list__fixed") }, /* @__PURE__ */ React.createElement("span", { className: "fixed-title" }, indexList[currentIndex][acceptKey])) : null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className} `, ...rest }, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: b2("list"),
@@ -3784,6 +3763,8 @@ var __publicField = (obj, key, value) => {
         {
           scrollTop,
           scrollY: true,
+          scrollWithAnimation: true,
+          scrollAnchoring: true,
           className: b2("list__inner"),
           ref: listview,
           onScroll: listViewScroll
@@ -3835,7 +3816,7 @@ var __publicField = (obj, key, value) => {
           item[acceptKey]
         );
       })
-    )));
+    )), isSticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: b2("list__fixed") }, /* @__PURE__ */ React.createElement("span", { className: "fixed-title" }, indexList[currentIndex][acceptKey])) : null);
   };
   Elevator.defaultProps = defaultProps$1h;
   Elevator.displayName = "NutElevator";

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.3 Fri Apr 28 2023 10:53:31 GMT+0800 (中国标准时间)
+* @nutui/nutui-react-taro v1.5.4 Wed May 10 2023 17:37:27 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序",
   "title": "NutUI-React",
   "keywords": [