@nutui/nutui-react-taro 1.4.9-beta.0 → 1.4.9-beta.2

package/dist/esm/{checkbox.taro-b76b1c82.js → checkbox.taro-6aab93c3.js}

@@ -1,8 +1,10 @@
-import React__default, { useState, useImperativeHandle, useEffect, useCallback } from 'react';
+import React__default, { createContext, useImperativeHandle, useState, useEffect, useCallback, useContext } from 'react';
 import { I as Icon } from './icon.taro-c9254a81.js';
 import { c as cn } from './bem-893ad28d.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 
+const CheckboxGroupContext = createContext(null);
+
 const defaultProps$1 = {
     disabled: false,
     checkedValue: [],
@@ -16,8 +18,6 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     const { children } = { ...defaultProps$1, ...props };
     const b = cn('checkboxgroup');
     const { className, disabled, onChange, checkedValue, max, textPosition, direction, options, ...rest } = props;
-    const [innerDisabled, setInnerDisabled] = useState(disabled);
-    const [innerValue, setInnerValue] = useState(checkedValue);
     useImperativeHandle(ref, () => ({
         toggleAll(state) {
             if (state === false) {
@@ -42,62 +42,32 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
             setInnerValue(reverse);
         },
     }));
+    const [innerValue, setInnerValue] = useState(checkedValue || []);
     useEffect(() => {
-        setInnerDisabled(disabled);
-        setInnerValue(checkedValue);
-    }, [disabled, checkedValue]);
-    function handleChildChange(state, label) {
-        if (max !== undefined && innerValue && innerValue.length > max)
-            return;
-        if (innerValue) {
-            let clippedValue = [];
-            if (state) {
-                clippedValue = [...innerValue, label];
-            }
-            else {
-                innerValue?.splice(innerValue?.indexOf(label), 1);
-                clippedValue = [...innerValue];
-            }
-            setInnerValue(clippedValue);
-            onChange && onChange(clippedValue);
-        }
-    }
-    function validateChildChecked(child) {
-        if (!innerValue)
-            return false;
-        return innerValue?.indexOf(child.props.label || child.children) > -1;
-    }
-    function validateChecked(value) {
-        if (!innerValue)
-            return false;
-        return innerValue?.indexOf(value) > -1;
-    }
-    function getParentVals() {
-        return innerValue;
-    }
-    function cloneChildren() {
-        return React__default.Children.map(children, (child) => {
-            const childChecked = validateChildChecked(child);
-            if (child.type.displayName !== 'NutCheckBox') {
-                return React__default.cloneElement(child);
-            }
-            return React__default.cloneElement(child, {
-                disabled: innerDisabled,
-                checked: childChecked,
-                onChange: handleChildChange,
-                getParentVals,
-                max,
-                textPosition,
-            });
-        });
-    }
-    const renderOptionsChildren = useCallback(() => {
+        setInnerValue(checkedValue || []);
+    }, [checkedValue]);
+    const renderOptions = useCallback(() => {
         return options?.map(({ label, value, disabled, onChange, ...rest }) => {
-            const childChecked = validateChecked(value);
-            return (React__default.createElement(Checkbox, { key: value?.toString(), children: label, label: value, disabled: innerDisabled ? true : disabled, onChange: handleChildChange, ...rest, max: max, textPosition: textPosition, getParentVals: getParentVals, checked: childChecked }));
+            return (React__default.createElement(Checkbox, { key: value?.toString(), children: label, label: value, ...rest }));
         });
-    }, [innerValue, options, innerDisabled, max]);
-    return (React__default.createElement("div", { className: `${b()} nut-checkboxgroup--${props.direction} ${className || ''}`, ...rest }, options?.length ? renderOptionsChildren() : cloneChildren()));
+    }, [options, max]);
+    return (React__default.createElement(CheckboxGroupContext.Provider, { value: {
+            textPosition: textPosition || 'left',
+            disabled,
+            max,
+            checkedValue: innerValue || [],
+            check: (value) => {
+                const combined = [...innerValue, value];
+                setInnerValue(combined);
+                onChange && onChange(combined);
+            },
+            uncheck: (value) => {
+                const reduced = innerValue.filter((item) => item !== value);
+                setInnerValue(reduced);
+                onChange && onChange(reduced);
+            },
+        } },
+        React__default.createElement("div", { className: `${b()} nut-checkboxgroup--${props.direction} ${className || ''}`, ...rest }, options?.length ? renderOptions() : children)));
 });
 CheckboxGroup.defaultProps = defaultProps$1;
 CheckboxGroup.displayName = 'NutCheckboxGroup';
@@ -121,17 +91,34 @@ const Checkbox = (props) => {
         ...props,
     };
     const b = cn('checkbox');
-    const { iconName, iconSize, label, className, textPosition, iconActiveName, checked, disabled, onChange, indeterminate, iconClassPrefix, iconFontClassName, iconIndeterminateName, getParentVals, max, ...rest } = props;
-    const [innerChecked, setInnerChecked] = useState(checked);
-    const [innerDisabled, setDisabled] = useState(disabled);
+    const { iconName, iconSize, label, className, iconActiveName, checked, disabled, onChange, indeterminate, iconClassPrefix, iconFontClassName, iconIndeterminateName, ...others } = props;
+    // eslint-disable-next-line prefer-const
+    let { textPosition, ...rest } = others;
+    const ctx = useContext(CheckboxGroupContext);
+    let [innerChecked, setInnerChecked] = useState(checked);
+    // eslint-disable-next-line prefer-const
+    let [innerDisabled, setDisabled] = useState(disabled);
     const [_indeterminate, setIndeterminate] = useState(indeterminate);
     useEffect(() => {
-        setInnerChecked(checked);
+        !ctx && setInnerChecked(checked);
         setDisabled(disabled);
-    }, [disabled, checked]);
-    useEffect(() => {
         setIndeterminate(indeterminate);
-    }, [indeterminate]);
+    }, [disabled, checked, indeterminate]);
+    if (ctx) {
+        if (ctx.textPosition !== undefined) {
+            textPosition = ctx.textPosition;
+        }
+        innerDisabled = ctx.disabled;
+        innerChecked = ctx.checkedValue.includes(label);
+        setInnerChecked = (checked) => {
+            if (ctx.disabled)
+                return;
+            if (checked)
+                ctx.check(label);
+            if (!checked)
+                ctx.uncheck(label);
+        };
+    }
     const getIconName = () => {
         if (!innerChecked) {
             return iconName;
@@ -155,19 +142,23 @@ const Checkbox = (props) => {
             return 'nut-checkbox__icon';
         }
         return 'nut-checkbox__icon--unchecked';
-        // return !innerDisabled ? (!innerChecked ? '#d6d6d6' : '#fa2c19') : '#f5f5f5'
     };
     const renderLabel = () => {
         return (React__default.createElement("span", { className: `${b('label', { disabled: innerDisabled })} ` }, children || label));
     };
     const handleClick = () => {
-        if (!disabled) {
-            const latest = !innerChecked;
-            if (max !== undefined && latest && getParentVals().length >= max)
+        // 禁用的时候直接返回
+        if (disabled)
+            return;
+        // 先转换状态
+        const latestChecked = !innerChecked;
+        // 判断是不是有 context 和 max，有的话需要判断是不是超过最大限制
+        if (ctx && ctx.max !== undefined) {
+            if (latestChecked && ctx.checkedValue.length >= ctx.max)
                 return;
-            onChange && onChange(latest, label || children);
-            setInnerChecked(latest);
         }
+        onChange && onChange(latestChecked, label || children);
+        setInnerChecked(latestChecked);
     };
     return (React__default.createElement("div", { className: `${b({ reverse: textPosition === 'left' })} ${className || ''}`, ...rest, onClick: handleClick },
         renderIcon(),

package/dist/esm/{circleprogress.taro-47db537c.js → circleprogress.taro-897ea24b.js}

@@ -1,9 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
+import { a as isObject } from './index-a90733f9.js';
 import { c as cn } from './bem-893ad28d.js';
 
-const isObject = (val) => val !== null && typeof val === 'object';
-
 const defaultProps = {
     strokeWidth: 5,
     radius: 50,

package/dist/esm/{collapse.taro-af58206c.js → collapse.taro-c903a060.js}

@@ -1,4 +1,5 @@
 import React__default, { memo, useState, useEffect } from 'react';
+import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 
 const defaultProps = {
@@ -65,7 +66,7 @@ const Collapse = memo((props) => {
         setDefaultOpenIndex(newOpenIndex);
         onChange && onChange(!isOpen, name);
     };
-    return (React__default.createElement("div", { className: `${colBem()} ${className}`, style: style }, childrenDom.map((item) => {
+    return (React__default.createElement("div", { className: classNames(colBem(), className), style: style }, childrenDom.map((item) => {
         return React__default.cloneElement(item, {
             isOpen: defaultOpenIndex.includes(item.props.name),
             onToggle: (isOpen, name) => onToggle(isOpen, name),

package/dist/esm/{datepicker.taro-c61c6586.js → datepicker.taro-e5f3aa90.js}

@@ -1,5 +1,6 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { P as Picker } from './picker.taro-fa937ea1.js';
+import { P as Picker } from './picker.taro-4298ce4e.js';
+import { u as useConfig } from './configprovider-5eea4f5d.js';
 
 const currentYear = new Date().getFullYear();
 const defaultProps = {
@@ -18,6 +19,7 @@ const DatePicker = (props) => {
         ...defaultProps,
         ...props,
     };
+    const { locale } = useConfig();
     const [show, setShow] = useState(false);
     const [currentDate, setCurrentDate] = useState(modelValue);
     const [defaultValue, setDefaultValue] = useState([]);
@@ -27,13 +29,14 @@ const DatePicker = (props) => {
         return (Object.prototype.toString.call(val) === '[object Date]' &&
             !Number.isNaN(val.getTime()));
     };
+    const datepickerLang = locale.datepicker;
     const zhCNType = {
-        day: '日',
-        year: '年',
-        month: '月',
-        hour: '时',
-        minute: '分',
-        seconds: '秒',
+        day: datepickerLang.day,
+        year: datepickerLang.year,
+        month: datepickerLang.month,
+        hour: datepickerLang.hour,
+        minute: datepickerLang.min,
+        seconds: datepickerLang.seconds,
     };
     const formatValue = (value) => {
         let cvalue = value;
@@ -84,7 +87,6 @@ const DatePicker = (props) => {
     };
     const ranges = (date) => {
         const curDate = date || currentDate;
-        console.log(11, currentDate);
         if (!curDate)
             return [];
         const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary('max', curDate);
@@ -249,7 +251,6 @@ const DatePicker = (props) => {
     };
     useEffect(() => {
         setCurrentDate(formatValue(modelValue));
-        // initDefault()
     }, []);
     useEffect(() => {
         setCurrentDate(formatValue(modelValue));
@@ -262,7 +263,7 @@ const DatePicker = (props) => {
             setListData(columns());
         }
     }, [currentDate]);
-    return (React__default.createElement("div", { className: `nut-datepicker ${className || ''}`, style: style, ...rest }, listData.length > 0 && (React__default.createElement(Picker, { isVisible: show, listData: listData, onClose: onCloseDatePicker, defaultValueData: defaultValue, onConfirm: (values, options) => onConfirmDatePicker && onConfirmDatePicker(values, options), onChange: (index, value, list) => updateChooseValueCustmer(index, value, list), threeDimensional: threeDimensional, ref: pickerRef }))));
+    return (React__default.createElement("div", { className: `nut-datepicker ${className || ''}`, style: style, ...rest }, listData.length > 0 && (React__default.createElement(Picker, { title: title, isVisible: show, listData: listData, onClose: onCloseDatePicker, defaultValueData: defaultValue, onConfirm: (values, options) => onConfirmDatePicker && onConfirmDatePicker(values, options), onChange: (index, value, list) => updateChooseValueCustmer(index, value, list), threeDimensional: threeDimensional, ref: pickerRef }))));
 };
 DatePicker.defaultProps = defaultProps;
 DatePicker.displayName = 'NutDatePicker';

package/dist/esm/{grid.taro-e6decfce.js → grid.taro-9410ff69.js}

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import classNames from 'classnames';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 import { c as cn } from './bem-893ad28d.js';
 import { G as GridContext } from './grid.taro.context-39636af9.js';
@@ -24,7 +25,9 @@ const Grid = (props) => {
     const b = cn('grid');
     const rootClass = () => {
         const prefixCls = b();
-        return `${className} ${prefixCls} ${border && !gutter ? `${b('border')}` : ''}`;
+        return classNames(className, prefixCls, {
+            [b('border')]: border && !gutter,
+        });
     };
     const rootStyle = () => {
         let styleSelf = {};

package/dist/esm/{griditem.taro-5406bd2c.js → griditem.taro-26863577.js}

@@ -1,4 +1,5 @@
 import React__default, { useContext } from 'react';
+import classNames from 'classnames';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 import { c as cn } from './bem-893ad28d.js';
 import { I as Icon } from './icon.taro-c9254a81.js';
@@ -50,8 +51,14 @@ const GridItem = (props) => {
         return style;
     };
     const contentClass = () => {
-        return `${b('content')} ${border && b('content--border')} ${border && gutter && b('content--surround')}  ${center && b('content--center')} ${square && b('content--square')} ${reverse && b('content--reverse')} ${!!direction && b(`content--${direction}`)}
-      `;
+        return classNames(b('content'), {
+            [b('content--border')]: border,
+            [b('content--surround')]: border && gutter,
+            [b('content--center')]: center,
+            [b('content--square')]: square,
+            [b('content--reverse')]: reverse,
+            [b(`content--${direction}`)]: !!direction,
+        });
     };
     const isIconName = () => {
         return typeof icon === 'string';

package/dist/esm/{imagepreview.taro-2d23d0ae.js → imagepreview.taro-3a5722e8.js}

@@ -1,5 +1,5 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-4c18f46c.js';
+import { P as Popup } from './popup.taro-6e81162a.js';
 import { S as Swiper } from './swiper.taro-8164df5b.js';
 import { S as SwiperItem } from './swiperitem-86a3578a.js';
 

package/dist/esm/index-a90733f9.js

@@ -0,0 +1,7 @@
+const isObject = (val) => val !== null && typeof val === 'object';
+const isFunction = (val) => typeof val === 'function';
+const isPromise = (val) => {
+    return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+};
+
+export { isObject as a, isPromise as i };

package/dist/esm/{indicator.taro-183ea169.js → indicator.taro-25682172.js}

@@ -29,7 +29,7 @@ const Indicator = (props) => {
         return childs;
     };
     useEffect(() => { }, []);
-    return (React__default.createElement("div", { className: `${classes} ${className}`, ...rest }, renderEles()));
+    return (React__default.createElement("div", { className: classNames(classes, className), ...rest }, renderEles()));
 };
 Indicator.defaultProps = defaultProps;
 Indicator.displayName = 'NutIndicator';

package/dist/esm/{numberkeyboard.taro-c6b5b0e1.js → numberkeyboard.taro-78224b3a.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-import { P as Popup } from './popup.taro-4c18f46c.js';
+import { P as Popup } from './popup.taro-6e81162a.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 
 const defaultProps = {

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

@@ -5,54 +5,54 @@ export { C as ConfigProvider } from './configprovider.taro-26882dd2.js';
 export { I as Icon } from './icon.taro-c9254a81.js';
 export { I as Image } from './image.taro-1d867416.js';
 export { O as Overlay } from './overlay.taro-1e74a71d.js';
-export { P as Popup } from './popup.taro-4c18f46c.js';
+export { P as Popup } from './popup.taro-6e81162a.js';
 export { C as Col } from './col.taro-9e4c5cc0.js';
 export { D as Divider } from './divider.taro-5236fe6a.js';
-export { G as Grid } from './grid.taro-e6decfce.js';
-export { G as GridItem } from './griditem.taro-5406bd2c.js';
+export { G as Grid } from './grid.taro-9410ff69.js';
+export { G as GridItem } from './griditem.taro-26863577.js';
 export { L as Layout } from './layout.taro-358f014f.js';
 export { R as Row } from './row.taro-4e697aa2.js';
-export { S as Sticky } from './sticky.taro-2d9b2804.js';
+export { S as Sticky } from './sticky.taro-b15d1173.js';
 export { E as Elevator } from './elevator.taro-1d749ab0.js';
 export { F as FixedNav } from './fixednav.taro-84930e08.js';
-export { I as Indicator } from './indicator.taro-183ea169.js';
+export { I as Indicator } from './indicator.taro-25682172.js';
 export { M as Menu } from './menu.taro-e5b84501.js';
 export { M as MenuItem } from './menuitem.taro-f2129be6.js';
 export { N as NavBar } from './navbar.taro-70514adf.js';
 export { P as Pagination } from './pagination.taro-bb490de9.js';
-export { S as SideNavBar } from './sidenavbar.taro-51a133e6.js';
+export { S as SideNavBar } from './sidenavbar.taro-e03a5287.js';
 export { S as SideNavBarItem } from './sidenavbaritem.taro-fee11d26.js';
 export { S as SubSideNavBar } from './subsidenavbar.taro-f46b4c73.js';
 export { T as Tabbar } from './tabbar.taro-17d898d9.js';
 export { T as TabbarItem } from './tabbaritem.taro-3643f585.js';
 export { T as TabPane } from './tabpane.taro-9512e308.js';
-export { T as Tabs } from './tabs.taro-4629d66c.js';
-export { C as Calendar } from './calendar.taro-c95e6998.js';
-export { C as CalendarItem } from './calendaritem.taro-86412398.js';
-export { C as Cascader } from './cascader.taro-e0fb7e63.js';
-export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-b76b1c82.js';
-export { D as DatePicker } from './datepicker.taro-c61c6586.js';
+export { T as Tabs } from './tabs.taro-95edd45d.js';
+export { C as Calendar } from './calendar.taro-2dee4f90.js';
+export { C as CalendarItem } from './calendaritem.taro-f5da0936.js';
+export { C as Cascader } from './cascader.taro-a2ee549c.js';
+export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-6aab93c3.js';
+export { D as DatePicker } from './datepicker.taro-e5f3aa90.js';
 export { F as Form } from './form.taro-ce791a58.js';
 export { F as FormItem } from './formitem.taro-f2ed02d4.js';
 export { I as Input } from './input.taro-991945d1.js';
 export { I as InputNumber } from './inputnumber.taro-94c75663.js';
-export { N as NumberKeyboard } from './numberkeyboard.taro-c6b5b0e1.js';
-export { P as Picker } from './picker.taro-fa937ea1.js';
+export { N as NumberKeyboard } from './numberkeyboard.taro-78224b3a.js';
+export { P as Picker } from './picker.taro-4298ce4e.js';
 export { R as Radio, a as RadioGroup } from './index.taro-84346556.js';
 export { R as Range } from './range.taro-b628f1ed.js';
-export { R as Rate } from './rate.taro-17b84a51.js';
+export { R as Rate } from './rate.taro-f18381f3.js';
 export { S as SearchBar } from './searchbar.taro-6864f7bc.js';
-export { S as ShortPassword } from './shortpassword.taro-53b7ee7b.js';
+export { S as ShortPassword } from './shortpassword.taro-e8ea4593.js';
 export { T as TextArea } from './textarea.taro-47addd05.js';
-export { U as Uploader } from './uploader.taro-c830b573.js';
-export { A as ActionSheet } from './actionsheet.taro-166ce936.js';
+export { U as Uploader } from './uploader.taro-77396b5d.js';
+export { A as ActionSheet } from './actionsheet.taro-c5ccaf4e.js';
 export { B as BackTop } from './backtop.taro-e53236c7.js';
 export { B as Dialog } from './dialog.taro-7608bd26.js';
 export { D as Drag } from './drag.taro-703560c4.js';
 export { I as Infiniteloading } from './infiniteloading.taro-8ead43b0.js';
 export { N as Notify } from './notify.taro-c9ea8d68.js';
 export { P as PullToRefresh } from './pulltorefresh.taro-2b50fdf3.js';
-export { S as Swipe } from './swipe.taro-6532405d.js';
+export { S as Swipe } from './swipe.taro-9375a9a1.js';
 export { S as Switch } from './switch.taro-bae2dca0.js';
 export { T as Toast } from './toast.taro-0f972a92.js';
 export { A as Animate } from './animate.taro-b0e83dd5.js';
@@ -60,14 +60,14 @@ export { A as AnimatingNumbers } from './animatingnumbers.taro-6307a3a5.js';
 export { A as Audio } from './audio.taro-c2cdbe18.js';
 export { A as Avatar } from './avatar.taro-c17c3d15.js';
 export { A as AvatarGroup } from './avatargroup-1d900174.js';
-export { B as Badge } from './badge.taro-116b2521.js';
-export { C as CircleProgress } from './circleprogress.taro-47db537c.js';
-export { C as Collapse } from './collapse.taro-af58206c.js';
+export { B as Badge } from './badge.taro-a2e7dd5a.js';
+export { C as CircleProgress } from './circleprogress.taro-897ea24b.js';
+export { C as Collapse } from './collapse.taro-c903a060.js';
 export { C as CollapseItem } from './collapseitem-2e864527.js';
 export { C as CountDown } from './countdown.taro-9e40de9c.js';
 export { E as Ellipsis } from './ellipsis.taro-5aa23940.js';
 export { E as Empty } from './empty.taro-7bd813f9.js';
-export { I as ImagePreview } from './imagepreview.taro-2d23d0ae.js';
+export { I as ImagePreview } from './imagepreview.taro-3a5722e8.js';
 export { N as NoticeBar } from './noticebar.taro-22486646.js';
 export { P as Popover } from './popover.taro-f144cd02.js';
 export { P as Price } from './price.taro-8801462e.js';
@@ -83,13 +83,13 @@ export { T as TrendArrow } from './trendarrow.taro-d79fc8e2.js';
 export { V as Video } from './video-8a3518c5.js';
 export { V as VirtualList } from './virtuallist.taro-1688484f.js';
 export { W as WaterMark } from './watermark.taro-a948c735.js';
-export { A as Address } from './address.taro-55f308f1.js';
+export { A as Address } from './address.taro-f977bad0.js';
 export { B as Barrage } from './barrage.taro-5dbab093.js';
-export { C as Card } from './card.taro-a03f0dfc.js';
+export { C as Card } from './card.taro-4fb6bc4e.js';
 export { S as Signature } from './signature.taro-45d1dde3.js';
 export { T as TimeDetail } from './timedetail.taro-c5f564fd.js';
 export { T as TimePannel } from './timepannel.taro-29f9dd86.js';
-export { T as TimeSelect } from './timeselect.taro-4fb46162.js';
+export { T as TimeSelect } from './timeselect.taro-f276b0a9.js';
 import 'react';
 import './typings-1c5f2628.js';
 import '@tarojs/taro';
@@ -106,11 +106,12 @@ import './grid.taro.context-39636af9.js';
 import './useClientRect-4506e52f.js';
 import './get-scroll-parent-3dcd3f53.js';
 import './offsetContext-bfb02c25.js';
+import './configprovider-5eea4f5d.js';
 import './useTouch-a2ea68c6.js';
 import './icon-2242973e.js';
+import './index-a90733f9.js';
 import '@use-gesture/react';
 import '@react-spring/web';
 import './AvatarContext-7153ad2b.js';
-import './configprovider-5eea4f5d.js';
 import './UserContext-68f62e66.js';
 import './UserContext-b4181162.js';

package/dist/esm/{picker.taro-fa937ea1.js → picker.taro-4298ce4e.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect, useImperativeHandle } from 'react';
-import { P as Popup } from './popup.taro-4c18f46c.js';
+import { P as Popup } from './popup.taro-6e81162a.js';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
 import { g as getRectByTaro } from './useClientRect-4506e52f.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
@@ -209,7 +209,7 @@ const InternalPickerSlot = (props, ref) => {
                 }),
             !threeDimensional &&
                 listData.map((item, index) => {
-                    return (React__default.createElement("div", { className: "nut-picker-roller-item-tile", key: item.value ? item.value : index, style: {
+                    return (React__default.createElement("div", { className: "nut-picker-roller-item-title", key: item.value ? item.value : index, style: {
                             height: `${lineSpacing.current}px`,
                             lineHeight: `${lineSpacing.current}px`,
                         } },

package/dist/esm/{popup.taro-4c18f46c.js → popup.taro-6e81162a.js}

@@ -53,7 +53,7 @@ const Popup = (props) => {
         round,
         [`nut-popup-${position}`]: true,
         [`${popClass}`]: true,
-        [`${className}`]: true,
+        [`${className || ''}`]: true,
     }, b(''));
     const closeClasses = classNames({
         'nut-popup__close-icon': true,

package/dist/esm/{rate.taro-17b84a51.js → rate.taro-f18381f3.js}

@@ -1,4 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
+import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import { I as Icon } from './icon-2242973e.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -60,9 +61,11 @@ const Rate = (props) => {
         setScore(value);
         onChange && onChange(value);
     };
-    return (React__default.createElement("div", { className: `${b()} ${className}`, style: style }, countArray.map((n) => {
+    return (React__default.createElement("div", { className: classNames(b(), className), style: style }, countArray.map((n) => {
         return (React__default.createElement("div", { className: bi(), key: n, onClick: (event) => onClick(event, n), style: { marginRight: pxCheck(spacing) } },
-            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: iconSize, className: `${bi('icon')} ${disabled || n > score ? bi('icon--disabled') : ''}`, name: n <= score ? checkedIcon : uncheckedIcon, color: n <= score ? activeColor : voidColor }),
+            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: iconSize, className: classNames(bi('icon'), {
+                    [bi('icon--disabled')]: disabled || n > score,
+                }), name: n <= score ? checkedIcon : uncheckedIcon, color: n <= score ? activeColor : voidColor }),
             allowHalf && score > n - 1 && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, onClick: (event) => onHalfClick(event, n), className: `${bi('icon')} ${bi('icon--half')}`, color: n <= score ? activeColor : voidColor, size: iconSize, name: checkedIcon }))));
     })));
 };

package/dist/esm/{shortpassword.taro-53b7ee7b.js → shortpassword.taro-e8ea4593.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { P as Popup } from './popup.taro-4c18f46c.js';
+import { P as Popup } from './popup.taro-6e81162a.js';
 import { I as Icon } from './icon.taro-c9254a81.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';

package/dist/esm/{sidenavbar.taro-51a133e6.js → sidenavbar.taro-e03a5287.js}

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
-import { P as Popup } from './popup.taro-4c18f46c.js';
+import { P as Popup } from './popup.taro-6e81162a.js';
 import { O as OffsetContext } from './offsetContext-bfb02c25.js';
 
 const defaultProps = {

package/dist/esm/{sticky.taro-2d9b2804.js → sticky.taro-b15d1173.js}

@@ -1,7 +1,9 @@
 import React__default, { useRef, useEffect, useState, useMemo, useCallback } from 'react';
-import { g as getRectByTaro } from './useClientRect-4506e52f.js';
+import classNames from 'classnames';
 import { getEnv, usePageScroll, getSystemInfoSync } from '@tarojs/taro';
+import { g as getRectByTaro } from './useClientRect-4506e52f.js';
 import { g as getScrollParent } from './get-scroll-parent-3dcd3f53.js';
+import { c as cn } from './bem-893ad28d.js';
 
 function useWatch(dep, callback, config = { immediate: false }) {
     const { immediate } = config;
@@ -34,6 +36,7 @@ const defaultProps = {
     bottom: 0,
     zIndex: 2000,
 };
+const b = cn('sticky');
 const Sticky = (props) => {
     const { position = 'top', top = 0, bottom = 0, zIndex = 2000, children, container, className, onChange, ...rest } = props;
     const stickyRef = useRef(null);
@@ -41,7 +44,7 @@ const Sticky = (props) => {
     const offset = position === 'top' ? top : bottom;
     const [rootRect, setRootRect] = useState({});
     const [fixed, setFixed] = useState(false);
-    const [transform, setTransform] = useState(0); //相对容器偏移距离
+    const [transform, setTransform] = useState(0); // 相对容器偏移距离
     useWatch(fixed, () => {
         onChange && onChange(fixed);
     });
@@ -124,8 +127,10 @@ const Sticky = (props) => {
             handleScroll(res.scrollTop);
         }
     });
-    return (React__default.createElement("div", { ref: rootRef, style: rootStyle, className: `nut-sticky ${className}`, ...rest },
-        React__default.createElement("div", { className: `nut-sticky-box ${fixed ? 'nut-sticky-fixed' : ''}`, ref: stickyRef, style: stickyStyle }, children)));
+    return (React__default.createElement("div", { ref: rootRef, style: rootStyle, className: classNames(b(), className), ...rest },
+        React__default.createElement("div", { 
+            // 应符合 bem 规范
+            className: classNames('nut-sticky-box', { 'nut-sticky-fixed': fixed }), ref: stickyRef, style: stickyStyle }, children)));
 };
 Sticky.defaultProps = defaultProps;
 Sticky.displayName = 'NutSticky';

package/dist/esm/{swipe.taro-6532405d.js → swipe.taro-9375a9a1.js}

@@ -1,4 +1,5 @@
 import React__default, { forwardRef, useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
+import classNames from 'classnames';
 import { useReady, nextTick } from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
@@ -164,7 +165,7 @@ const Swipe = forwardRef((props, instanceRef) => {
             document.removeEventListener('touchstart', handler);
         };
     }, []);
-    return (React__default.createElement("div", { ref: root, className: `${swipeBem()} ${className}`, onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd: (e) => onTouchEnd(e), style: style },
+    return (React__default.createElement("div", { ref: root, className: classNames(swipeBem(), className), onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd: (e) => onTouchEnd(e), style: style },
         React__default.createElement("div", { className: `${swipeBem('wrapper')}`, style: wrapperStyle },
             renderActionContent('left'),
             children,

package/dist/esm/{tabs.taro-4629d66c.js → tabs.taro-95edd45d.js}

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import { I as Icon } from './icon.taro-c9254a81.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
+import { T as TabPane } from './tabpane.taro-9512e308.js';
 
 class Title {
     title = '';
@@ -131,5 +132,6 @@ const Tabs = (props) => {
 };
 Tabs.defaultProps = defaultProps;
 Tabs.displayName = 'NutTabs';
+Tabs.TabPane = TabPane;
 
 export { Tabs as T };

package/dist/esm/{timeselect.taro-4fb46162.js → timeselect.taro-f276b0a9.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-4c18f46c.js';
+import { P as Popup } from './popup.taro-6e81162a.js';
 import { T as TimePannel } from './timepannel.taro-29f9dd86.js';
 import { T as TimeDetail } from './timedetail.taro-c5f564fd.js';
 import { c as cn } from './bem-893ad28d.js';