@nutui/nutui-react-taro 2.0.0-alpha.4 → 2.0.0-alpha.5

package/dist/esm/VirtualList.js

@@ -1,10 +1,9 @@
-import { V as VirtualList } from './virtuallist.taro-0bd611cb.js';
+import { V as VirtualList } from './virtuallist.taro-ba8e1f21.js';
 import 'react';
 import '@tarojs/components';
 import '@tarojs/taro';
-import './configprovider.taro-43a3c646.js';
+import './configprovider.taro-ce34d482.js';
 import 'lodash.kebabcase';
-import './zh-CN-b4f493ba.js';
 
 
 

package/dist/esm/WaterMark.js

@@ -1,10 +1,9 @@
-import { W as WaterMark } from './watermark.taro-8966896a.js';
+import { W as WaterMark } from './watermark.taro-168cdac5.js';
 import 'react';
 import '@tarojs/taro';
 import 'classnames';
-import './configprovider.taro-43a3c646.js';
+import './configprovider.taro-ce34d482.js';
 import 'lodash.kebabcase';
-import './zh-CN-b4f493ba.js';
 import './bem-350c1702.js';
 import '@bem-react/classname';
 

package/dist/esm/{address.taro-67e32c33.js → address.taro-cab0ea22.js}

@@ -1,13 +1,27 @@
-import React, { useEffect, useState, useRef } from 'react';
+import React, { createContext, useContext, useEffect, useState, useRef } from 'react';
 import { Check, Location2, Left, CircleClose } from '@nutui/icons-react-taro';
 import { P as Popup } from './popup.taro-89cc342a.js';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider-9960f0fb.js';
+import 'lodash.kebabcase';
+import { z as zhCN, u as useConfig$1 } from './configprovider.taro-ce34d482.js';
 import { createSelectorQuery } from '@tarojs/taro';
-import { E as Elevator } from './elevator.taro-360a831f.js';
-import { u as useConfig$1 } from './configprovider.taro-43a3c646.js';
+import { E as Elevator } from './elevator.taro-1a4e3356.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
+const defaultConfigRef = {
+    current: {
+        locale: zhCN,
+    },
+};
+const getDefaultConfig = () => {
+    return defaultConfigRef.current;
+};
+// 创建一个 Context 对象
+const ConfigContext = createContext(null);
+const useConfig = () => {
+    return useContext(ConfigContext) ?? getDefaultConfig();
+};
+
 const defaultProps$2 = {
     type: 'custom',
     existAddress: [],

package/dist/esm/{audio.taro-51eafc9d.js → audio.taro-ff280f5e.js}

@@ -1,10 +1,10 @@
 import React, { useState, useRef } from 'react';
 import { createInnerAudioContext } from '@tarojs/taro';
 import { Service } from '@nutui/icons-react-taro';
-import { R as Range } from './range.taro-432d20d7.js';
+import { R as Range } from './range.taro-8953e8c3.js';
 import { B as Button } from './button.taro-b50bc217.js';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { u as useConfig } from './configprovider.taro-ce34d482.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const b = cn('audio');

package/dist/esm/{avatar.taro-a840f345.js → avatar.taro-6e8f1f5c.js}

@@ -1,21 +1,24 @@
 import React, { useState, useRef, useContext, useEffect } from 'react';
 import classNames from 'classnames';
-import { Image } from '@tarojs/components';
-import { A as AvatarContext } from './AvatarContext-c96afdcc.js';
-import { c as cn } from './bem-350c1702.js';
+import { I as Image } from './image.taro-3025e659.js';
+import { A as AvatarContext } from './context-c96afdcc.js';
+import { My } from '@nutui/icons-react-taro';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
     ...ComponentDefaults,
     size: '',
+    shape: 'round',
     icon: '',
-    bgColor: '#eee',
+    fit: 'cover',
+    background: '#eee',
     color: '#666',
-    prefixCls: 'nut-avatar',
-    url: '',
+    src: '',
+    alt: '',
 };
+const classPrefix = `nut-avatar`;
 const Avatar = (props) => {
-    const { children, prefixCls, size, shape, bgColor, color, url, icon, className, style, activeAvatar, onActiveAvatar, onError, ...rest } = {
+    const { children, size, shape, background, color, src, icon, fit, alt, className, style, onClick, onError, ...rest } = {
         ...defaultProps,
         ...props,
     };
@@ -24,28 +27,27 @@ const Avatar = (props) => {
     const [avatarIndex, setAvatarIndex] = useState(1); // avatar的索引
     const avatarRef = useRef(null);
     const parent = useContext(AvatarContext);
-    const b = cn('avatar');
+    const sizeValue = ['large', 'normal', 'small'];
     const classes = classNames({
-        [`nut-avatar-${size || parent?.propAvatarGroup?.size || 'normal'}`]: true,
-        [`nut-avatar-${shape || parent?.propAvatarGroup?.shape || 'round'}`]: true,
+        [`nut-avatar-${parent?.propAvatarGroup?.size || size || 'normal'}`]: true,
+        [`nut-avatar-${parent?.propAvatarGroup?.shape || shape}`]: true,
     });
-    const cls = classNames(b(''), classes, className);
-    const sizeValue = ['large', 'normal', 'small'];
+    const cls = classNames(classPrefix, classes, className);
     const styles = {
         width: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
         height: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
-        backgroundColor: `${bgColor}`,
+        backgroundColor: `${background}`,
         color: `${color}`,
-        marginLeft: avatarIndex !== 1 && parent?.propAvatarGroup?.span
-            ? `${parent?.propAvatarGroup?.span}px`
+        marginLeft: avatarIndex !== 1 && parent?.propAvatarGroup?.gap
+            ? `${parent?.propAvatarGroup?.gap}px`
             : '',
-        zIndex: parent?.propAvatarGroup?.zIndex === 'right'
+        zIndex: parent?.propAvatarGroup?.level === 'right'
             ? `${Math.abs(maxSum - avatarIndex)}`
             : '',
         ...style,
     };
     const maxStyles = {
-        backgroundColor: `${parent?.propAvatarGroup?.maxBgColor}`,
+        backgroundColor: `${parent?.propAvatarGroup?.maxBackground}`,
         color: `${parent?.propAvatarGroup?.maxColor}`,
     };
     useEffect(() => {
@@ -64,7 +66,7 @@ const Avatar = (props) => {
             }
         }
         const index = avatarRef?.current?.dataset?.index;
-        const maxCount = parent?.propAvatarGroup?.maxCount;
+        const maxCount = parent?.propAvatarGroup?.max;
         setMaxSum(children.length);
         setAvatarIndex(index);
         if (index === children.length &&
@@ -73,31 +75,31 @@ const Avatar = (props) => {
             setShowMax(true);
         }
     };
-    const errorEvent = (e) => {
+    const errorEvent = () => {
         if (props.onError) {
-            props.onError(e);
+            props.onError();
         }
     };
     const clickAvatar = (e) => {
-        activeAvatar && activeAvatar(e);
-        onActiveAvatar && onActiveAvatar(e);
+        onClick && onClick(e);
     };
     return (React.createElement(React.Fragment, null, (showMax ||
-        !parent?.propAvatarGroup?.maxCount ||
-        avatarIndex <= parent?.propAvatarGroup?.maxCount) && (React.createElement("div", { className: cls, ...rest, style: !showMax ? styles : maxStyles, onClick: clickAvatar, ref: avatarRef },
-        (!parent?.propAvatarGroup?.maxCount ||
-            avatarIndex <= parent?.propAvatarGroup?.maxCount) && (React.createElement(React.Fragment, null,
-            url && (React.createElement(Image, { className: "avatar-img", src: url, onError: errorEvent })),
+        !parent?.propAvatarGroup?.max ||
+        avatarIndex <= parent?.propAvatarGroup?.max) && (React.createElement("div", { className: cls, ...rest, style: !showMax ? styles : maxStyles, onClick: clickAvatar, ref: avatarRef },
+        (!parent?.propAvatarGroup?.max ||
+            avatarIndex <= parent?.propAvatarGroup?.max) && (React.createElement(React.Fragment, null,
+            src && (React.createElement(Image, { className: "avatar-img", src: src, style: { objectFit: fit }, alt: alt, onError: errorEvent })),
             React.isValidElement(icon)
                 ? React.cloneElement(icon, {
                     ...icon.props,
                     className: `${icon.props.className || ''} icon`,
                 })
                 : null,
-            children && React.createElement("span", { className: "text" }, children))),
+            children && React.createElement("span", { className: "text" }, children),
+            !src && !icon && !children && React.createElement(My, { className: "icon" }))),
         showMax && (React.createElement("div", { className: "text" }, parent?.propAvatarGroup?.maxContent
             ? parent?.propAvatarGroup?.maxContent
-            : `+ ${avatarIndex - parent?.propAvatarGroup?.maxCount}`))))));
+            : `+ ${avatarIndex - parent?.propAvatarGroup?.max}`))))));
 };
 Avatar.defaultProps = defaultProps;
 Avatar.displayName = 'NutAvatar';

package/dist/esm/{avatargroup-0eadb514.js → avatargroup-f4375806.js}

@@ -1,26 +1,23 @@
 import React, { useRef } from 'react';
 import classNames from 'classnames';
-import { A as AvatarContext } from './AvatarContext-c96afdcc.js';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider-9960f0fb.js';
+import { A as AvatarContext } from './context-c96afdcc.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
+    ...ComponentDefaults,
     maxContent: '',
-    maxCount: '',
-    maxBgColor: '#eee',
+    max: '',
+    maxBackground: '#eee',
     maxColor: '#666',
-    size: '',
-    shape: '',
-    span: '-8',
-    zIndex: 'left',
+    gap: '-8',
+    level: 'left',
 };
+const classPrefix = `nut-avatar-group`;
 const AvatarGroup = (props) => {
-    useConfig();
     const propAvatarGroup = { ...defaultProps, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = useRef(null);
-    const b = cn('avatar-group');
-    const cls = classNames(b(''), className);
+    const cls = classNames(classPrefix, className);
     const parentAvatar = {
         propAvatarGroup,
         avatarGroupRef,

package/dist/esm/{calendar.taro-b3ebdc35.js → calendar.taro-2fc9b899.js}

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
 import { P as Popup } from './popup.taro-89cc342a.js';
-import { U as Utils, C as CalendarItem } from './calendaritem.taro-ab1ec154.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { U as Utils, C as CalendarItem } from './calendaritem.taro-2d4a8c34.js';
+import { u as useConfig } from './configprovider.taro-ce34d482.js';
 
 const defaultProps = {
     type: 'one',

package/dist/esm/{calendaritem.taro-ab1ec154.js → calendaritem.taro-2d4a8c34.js}

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { ScrollView } from '@tarojs/components';
 import { nextTick } from '@tarojs/taro';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { u as useConfig } from './configprovider.taro-ce34d482.js';
 
 const Utils = {
     /**

package/dist/esm/{cellgroup.taro-660faffc.js → cellgroup.taro-e05ea802.js}

@@ -6,17 +6,18 @@ const defaultProps = {
     ...ComponentDefaults,
     title: '',
     description: '',
+    divider: true,
 };
 const classPrefix = 'nut-cell-group';
 const CellGroup = (props) => {
-    const { children, className, style, title, description, ...rest } = {
+    const { children, className, style, title, description, divider, ...rest } = {
         ...defaultProps,
         ...props,
     };
     return (React.createElement("div", { className: classNames(classPrefix, className), ...rest },
         title ? React.createElement("div", { className: `${classPrefix}__title` }, title) : null,
         description ? (React.createElement("div", { className: `${classPrefix}__description` }, description)) : null,
-        React.createElement("div", { className: `${classPrefix}__wrap` }, children)));
+        React.createElement("div", { className: `${classPrefix}__wrap ${divider ? `${classPrefix}__wrap--divider` : ''}` }, children)));
 };
 CellGroup.defaultProps = defaultProps;
 CellGroup.displayName = 'NutCellGroup';

package/dist/esm/checkbox.taro-9d02f86c.js

@@ -0,0 +1,175 @@
+import React, { createContext, useImperativeHandle, useCallback, useContext, useState, useEffect } from 'react';
+import { CheckNormal, CheckDisabled, Checked } from '@nutui/icons-react-taro';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { u as usePropsValue } from './use-props-value-ae7ee726.js';
+
+const CheckboxGroupContext = createContext(null);
+
+const defaultProps$1 = {
+    max: undefined,
+    labelPosition: 'right',
+    direction: 'vertical',
+    onChange: (value) => { },
+    options: [],
+};
+const classPrefix$1 = 'nut-checkboxgroup';
+const CheckboxGroup = React.forwardRef((props, ref) => {
+    const { children } = { ...defaultProps$1, ...props };
+    const { className, disabled, onChange, value, defaultValue, max, labelPosition, direction, options, ...rest } = props;
+    useImperativeHandle(ref, () => ({
+        toggle(state) {
+            if (state === false) {
+                setValue([]);
+            }
+            else {
+                const childrenLabel = [];
+                React.Children.map(children, (child) => {
+                    const childProps = child.props;
+                    childrenLabel.push(childProps.value);
+                });
+                setValue(childrenLabel);
+            }
+        },
+        reverse() {
+            const childrenLabel = [];
+            React.Children.map(children, (child) => {
+                const childProps = child.props;
+                childrenLabel.push(childProps.value);
+            });
+            const reverse = childrenLabel.filter((c) => _value?.findIndex((v) => v === c) === -1);
+            setValue(reverse);
+        },
+    }));
+    const [_value, setValue] = usePropsValue({
+        value: props.value,
+        defaultValue: props.defaultValue,
+        finalValue: [],
+        onChange,
+    });
+    const renderOptions = useCallback(() => {
+        return options?.map(({ label, value, disabled, onChange, ...rest }) => {
+            return (React.createElement(Checkbox, { key: value?.toString(), label: label, disabled: disabled, value: value, ...rest }));
+        });
+    }, [options, max]);
+    return (React.createElement(CheckboxGroupContext.Provider, { value: {
+            labelPosition: labelPosition || 'right',
+            disabled,
+            max,
+            value: _value,
+            check: (value) => {
+                const combined = [..._value, value];
+                setValue(combined);
+            },
+            uncheck: (value) => {
+                const reduced = _value.filter((item) => item !== value);
+                setValue(reduced);
+            },
+        } },
+        React.createElement("div", { className: classNames(classPrefix$1, {
+                [`nut-checkboxgroup--${props.direction}`]: props.direction,
+                className,
+            }), ...rest }, options?.length ? renderOptions() : children)));
+});
+CheckboxGroup.defaultProps = defaultProps$1;
+CheckboxGroup.displayName = 'NutCheckboxGroup';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    disabled: false,
+    labelPosition: 'right',
+    icon: null,
+    activeIcon: null,
+    indeterminateIcon: null,
+    onChange: (value) => { },
+};
+const classPrefix = 'nut-checkbox';
+const Checkbox = (props) => {
+    const { children } = {
+        ...defaultProps,
+        ...props,
+    };
+    const { icon, label, className, activeIcon, checked, value, defaultChecked, disabled, onChange, indeterminate, indeterminateIcon, ...others } = props;
+    // eslint-disable-next-line prefer-const
+    let { labelPosition, ...rest } = others;
+    const ctx = useContext(CheckboxGroupContext);
+    let [innerChecked, setChecked] = usePropsValue({
+        value: props.checked,
+        defaultValue: props.defaultChecked,
+        finalValue: defaultChecked,
+        onChange,
+    });
+    // eslint-disable-next-line prefer-const
+    let [innerDisabled, setDisabled] = useState(disabled);
+    const [innerIndeterminate, setIndeterminate] = useState(indeterminate);
+    useEffect(() => {
+        setDisabled(disabled);
+    }, [disabled]);
+    useEffect(() => {
+        setIndeterminate(indeterminate);
+    }, [indeterminate]);
+    if (ctx) {
+        if (ctx.labelPosition !== undefined) {
+            labelPosition = ctx.labelPosition;
+        }
+        innerDisabled = ctx.disabled !== undefined ? ctx.disabled : innerDisabled;
+        innerChecked = ctx.value.includes(value);
+        setChecked = (checked) => {
+            if (ctx.disabled)
+                return;
+            if (checked)
+                ctx.check(value);
+            if (!checked)
+                ctx.uncheck(value);
+        };
+    }
+    const renderIcon = () => {
+        if (!innerChecked) {
+            return React.isValidElement(icon) ? (icon) : (React.createElement(CheckNormal, { className: color() }));
+        }
+        if (innerIndeterminate) {
+            return React.isValidElement(indeterminateIcon) ? (indeterminateIcon) : (React.createElement(CheckDisabled, { className: color() }));
+        }
+        return React.isValidElement(activeIcon) ? (activeIcon) : (React.createElement(Checked, { className: color() }));
+    };
+    const color = () => {
+        if (innerDisabled) {
+            return `${classPrefix}__icon--disable`;
+        }
+        if (innerChecked) {
+            if (innerIndeterminate) {
+                return `${classPrefix}__icon--indeterminate`;
+            }
+            return `${classPrefix}__icon`;
+        }
+        return `${classPrefix}__icon--unchecked`;
+    };
+    const renderLabel = () => {
+        return (React.createElement("span", { className: classNames(`${classPrefix}__label `, {
+                [`${classPrefix}__label--disabled`]: innerDisabled,
+            }) }, children || label));
+    };
+    const handleClick = () => {
+        // 禁用的时候直接返回
+        if (disabled)
+            return;
+        // 先转换状态
+        const latestChecked = !innerChecked;
+        // 判断是不是有 context 和 max，有的话需要判断是不是超过最大限制
+        if (ctx && ctx.max !== undefined) {
+            if (latestChecked && ctx.value.length >= ctx.max)
+                return;
+        }
+        setChecked(latestChecked);
+    };
+    return (React.createElement("div", { className: classNames(classPrefix, className, {
+            [`${classPrefix}--reverse`]: labelPosition === 'left',
+        }), ...rest, onClick: handleClick },
+        renderIcon(),
+        renderLabel()));
+};
+Checkbox.defaultProps = defaultProps;
+Checkbox.displayName = 'NutCheckBox';
+Checkbox.Group = CheckboxGroup;
+
+export { Checkbox as C, CheckboxGroup as a };

package/dist/esm/{zh-CN-b4f493ba.js → configprovider.taro-ce34d482.js}

@@ -1,3 +1,6 @@
+import React, { createContext, useContext, useMemo } from 'react';
+import kebabCase from 'lodash.kebabcase';
+
 const zhCN = {
     save: '保存',
     confirm: '确认',
@@ -128,4 +131,44 @@ const zhCN = {
     },
 };
 
-export { zhCN as z };
+const defaultProps = {
+    locale: zhCN,
+};
+const defaultConfigRef = {
+    current: {
+        locale: zhCN,
+    },
+};
+const setDefaultConfig = (config) => {
+    defaultConfigRef.current = config;
+};
+const getDefaultConfig = () => {
+    return defaultConfigRef.current;
+};
+// 创建一个 Context 对象
+const ConfigContext = createContext(null);
+const useConfig = () => {
+    return useContext(ConfigContext) ?? getDefaultConfig();
+};
+function convertThemeVarsToCSSVars(themeVars) {
+    const cssVars = {};
+    Object.keys(themeVars).forEach((key) => {
+        cssVars[`--${kebabCase(key)}`] = themeVars[key];
+    });
+    return cssVars;
+}
+const ConfigProvider = (props) => {
+    const { children, ...config } = { ...defaultProps, ...props };
+    const parentConfig = useConfig();
+    const theme = config.theme || {};
+    const style = useMemo(() => convertThemeVarsToCSSVars(theme), [theme]);
+    return (React.createElement(ConfigContext.Provider, { value: {
+            ...parentConfig,
+            ...config,
+        } },
+        React.createElement("div", { style: style }, children)));
+};
+ConfigProvider.defaultProps = defaultProps;
+ConfigProvider.displayName = 'NutConfigProvider';
+
+export { ConfigProvider as C, getDefaultConfig as g, setDefaultConfig as s, useConfig as u, zhCN as z };

package/dist/esm/{countdown.taro-c14b5c1f.js → countdown.taro-3118ba23.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useImperativeHandle, useEffect } from 'react';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { u as useConfig } from './configprovider.taro-ce34d482.js';
 
 const defaultProps = {
     paused: false,

package/dist/esm/{datepicker.taro-7d522ff8.js → datepicker.taro-2e3e955b.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from 'react';
-import { P as Picker } from './picker.taro-9f1bb6a4.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { P as Picker } from './picker.taro-e16b4312.js';
+import { u as useConfig } from './configprovider.taro-ce34d482.js';
 import { View } from '@tarojs/components';
 
 const currentYear = new Date().getFullYear();

package/dist/esm/{dialog.taro-f9ca73a2.js → dialog.taro-eab19eab.js}

@@ -5,7 +5,7 @@ import { B as Button } from './button.taro-b50bc217.js';
 import { CSSTransition } from 'react-transition-group';
 import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-067b7202.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { u as useConfig } from './configprovider.taro-ce34d482.js';
 
 const Content = (props) => {
     const { visible, title, footer, footerDirection, onClick, children } = props;

package/dist/esm/{elevator.taro-360a831f.js → elevator.taro-1a4e3356.js}

@@ -1,5 +1,5 @@
 import React, { 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 classNames from 'classnames';
 import { C as ComponentDefaults } from './typings-d8491423.js';
@@ -39,6 +39,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);
@@ -81,7 +82,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 (sticky && scrollY !== scrollTop) {
+            setScrollY(Math.floor(scrollTop) > 0 ? 1 : 0);
+        }
     };
     const touchMove = (e) => {
         const firstTouch = e.touches[0];
@@ -132,7 +137,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 (sticky && 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];
@@ -141,7 +149,7 @@ const Elevator = (props) => {
                 return;
             }
         }
-        setCurrentIndex(listHeight.length - 2);
+        // setCurrentIndex(listHeight.length - 2)
     };
     useEffect(() => {
         if (listview.current) {
@@ -151,10 +159,8 @@ const Elevator = (props) => {
         }
     }, [listview]);
     return (React.createElement("div", { className: `${classPrefix} ${className}`, style: style, ...rest },
-        sticky && scrollTop > 0 ? (React.createElement("div", { className: `${classPrefix}__list__fixed` },
-            React.createElement("span", { className: `${classPrefix}__list__fixed__title` }, list[currentIndex][floorKey]))) : null,
         React.createElement("div", { className: `${classPrefix}__list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
-            React.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, className: `${classPrefix}__list__inner`, type: "list", ref: listview, onScroll: listViewScroll }, list.map((item, idx) => {
+            React.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, scrollWithAnimation: true, scrollAnchoring: true, className: `${classPrefix}__list__inner`, type: "list", ref: listview, onScroll: listViewScroll }, list.map((item, idx) => {
                 return (React.createElement("div", { className: `${classPrefix}__list__item nut-elevator__item__${idx}`, key: idx },
                     React.createElement("div", { className: `${classPrefix}__list__item__code` }, item[floorKey]),
                     React.createElement(React.Fragment, null, item.list.map((subitem) => {
@@ -176,7 +182,9 @@ const Elevator = (props) => {
                         [`${classPrefix}__bars__inner__item`]: true,
                         [`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey],
                     }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]));
-            })))));
+            }))),
+        sticky && scrollY > 0 ? (React.createElement("div", { className: `${classPrefix}__list__fixed` },
+            React.createElement("span", { className: `${classPrefix}__list__fixed__title` }, list[currentIndex][floorKey]))) : null));
 };
 Elevator.defaultProps = defaultProps;
 Elevator.displayName = 'NutElevator';

package/dist/esm/{ellipsis.taro-79044d54.js → ellipsis.taro-e1ac99a1.js}

@@ -1,9 +1,11 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { useReady, nextTick, createSelectorQuery } from '@tarojs/taro';
-import { u as useConfig } from './configprovider.taro-43a3c646.js';
 import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import classNames from 'classnames';
 
 const defaultProps = {
+    ...ComponentDefaults,
     content: '',
     direction: 'end',
     rows: 1,
@@ -12,9 +14,9 @@ const defaultProps = {
     symbol: '...',
     lineHeight: '20',
 };
+const classPrefix = `nut-ellipsis`;
 const Ellipsis = (props) => {
-    useConfig();
-    const { children, content, direction, rows, expandText, collapseText, symbol, lineHeight, onClick, onChange, } = { ...defaultProps, ...props };
+    const { children, content, direction, rows, className, expandText, collapseText, symbol, lineHeight, onClick, onChange, ...rest } = { ...defaultProps, ...props };
     let maxHeight = 0; // 当行的最大高度
     const [exceeded, setExceeded] = useState(false);
     const [expanded, setExpanded] = useState(false);
@@ -36,6 +38,7 @@ const Ellipsis = (props) => {
     const digitReg = /^[0-9]+$/; // 数字
     const letterUpperReg = /^[A-Z]+$/; // 字母
     const letterLowerReg = /^[a-z]+$/; // 字母
+    const classes = classNames(classPrefix, className);
     const init = () => {
         setExceeded(false);
         setExpanded(false);
@@ -212,7 +215,7 @@ const Ellipsis = (props) => {
         onClick && onClick();
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "nut-ellipsis", onClick: handleClick, ref: root, id: `root${refRandomId}` },
+        React.createElement("div", { className: classes, onClick: handleClick, ref: root, id: `root${refRandomId}`, ...rest },
             React.createElement("div", null,
                 !exceeded ? (React.createElement("div", { className: "nut-ellipsis-wordbreak" }, content)) : null,
                 exceeded && !expanded ? (React.createElement(React.Fragment, null,