@nutui/nutui-react-taro 1.4.7 → 1.4.8

package/dist/esm/{cascader.taro-e6610dd1.js → cascader.taro-e0fb7e63.js}

@@ -1,8 +1,8 @@
-import React__default, { useEffect, useState } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { P as Popup } from './popup.taro-4c18f46c.js';
-import { T as Tabs } from './tabs.taro-5030ce68.js';
-import { T as TabPane } from './tabpane.taro-91cd6cf4.js';
+import { T as Tabs } from './tabs.taro-4629d66c.js';
+import { T as TabPane } from './tabpane.taro-9512e308.js';
 import { I as Icon } from './icon.taro-c9254a81.js';
 import { c as cn } from './bem-893ad28d.js';
 
@@ -17,10 +17,11 @@ const defaultProps$1 = {
     },
     activeColor: '#fa2c19',
     checked: false,
+    checkedIcon: 'checklist',
     chooseItem: () => { },
 };
-const InternalCascaderItem = (props) => {
-    const { data, checked, chooseItem, activeColor } = {
+const InternalCascaderItem = (props, ref) => {
+    const { data, checked, checkedIcon, chooseItem, activeColor } = {
         ...defaultProps$1,
         ...props,
     };
@@ -32,17 +33,11 @@ const InternalCascaderItem = (props) => {
     const classesTitle = classNames({
         [`${b('')}__title`]: true,
     });
-    useEffect(() => {
-        initData();
-    }, [data]);
-    const initData = () => {
-        // console.log('------data', data)
-    };
     return (React__default.createElement("div", { style: { color: checked ? activeColor : '' }, className: classes, onClick: () => {
             chooseItem(data);
         } },
         React__default.createElement("div", { className: classesTitle }, data.text),
-        data.loading ? (React__default.createElement(Icon, { color: "#969799", className: "nut-cascader-item__icon-loading", name: "loading" })) : (React__default.createElement(Icon, { className: `${checked ? b('icon-check') : ''}`, name: "checklist" }))));
+        data.loading ? (React__default.createElement(Icon, { color: "#969799", className: "nut-cascader-item__icon-loading", name: "loading" })) : (React__default.createElement(Icon, { className: `${checked ? b('icon-check') : ''}`, name: checked ? checkedIcon : '' }))));
 };
 const CascaderItem = React__default.forwardRef(InternalCascaderItem);
 CascaderItem.defaultProps = defaultProps$1;
@@ -180,6 +175,7 @@ const defaultProps = {
     className: '',
     style: {},
     activeColor: '#fa2c19',
+    checkedIcon: 'checklist',
     tabsColor: '',
     poppable: true,
     visible: false,
@@ -200,10 +196,10 @@ const defaultProps = {
     onPathChange: () => { },
     ...Popup.defaultProps,
 };
-const InternalCascader = (props) => {
+const InternalCascader = (props, ref) => {
     const { className, style, tabsColor, poppable, visible, options, value, title, textKey, valueKey, childrenKey, convertConfig, closeable, closeIconPosition, closeIcon, lazy, lazyLoad, onClose, onChange, onPathChange, } = { ...defaultProps, ...props };
     const [tabvalue, setTabvalue] = useState('c1');
-    const [optiosData, setOptiosData] = useState([]);
+    const [optionsData, setOptionsData] = useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
     const [state] = useState({
         optionsData: [],
@@ -275,7 +271,7 @@ const InternalCascader = (props) => {
             },
         ];
         syncValue();
-        setOptiosData(state.panes);
+        setOptionsData(state.panes);
     };
     // 处理有默认值时的数据
     const syncValue = async () => {
@@ -285,7 +281,6 @@ const InternalCascader = (props) => {
         }
         if (currentValue.length === 0) {
             state.tabsCursor = 0;
-            // state.panes = [{ nodes: state.tree.nodes, selectedNode: null }];
             return;
         }
         let needToSync = currentValue;
@@ -376,12 +371,11 @@ const InternalCascader = (props) => {
                 onChange(optionParams, pathNodes);
                 onPathChange(optionParams, pathNodes);
             }
-            setOptiosData(state.panes);
+            setOptionsData(state.panes);
             close();
             return;
         }
         // 如果有子节点，滑到下一个
-        // if (node.children && node.children.length > 0) {
         if (state.tree.hasChildren(node, isLazy())) {
             const level = node.level + 1;
             state.panes[state.tabsCursor].selectedNode = node;
@@ -393,7 +387,7 @@ const InternalCascader = (props) => {
                 paneKey: `c${state.tabsCursor + 1}`,
             });
             setTabvalue(`c${state.tabsCursor + 1}`);
-            setOptiosData(state.panes);
+            setOptionsData(state.panes);
             if (!type) {
                 const pathNodes = state.panes.map((item) => item.selectedNode);
                 const optionParams = pathNodes.map((item) => item?.value);
@@ -410,13 +404,13 @@ const InternalCascader = (props) => {
             state.panes[state.tabsCursor].selectedNode = node;
             chooseItem(node, type);
         }
-        setOptiosData(state.panes);
+        setOptionsData(state.panes);
     };
     const renderItem = () => {
         return (React__default.createElement("div", { className: `${classes} ${className}`, style: style },
             poppable && React__default.createElement("div", { className: b('title') }, title),
             React__default.createElement(Tabs, { value: tabvalue, titleNode: () => {
-                    return optiosData.map((pane, index) => (React__default.createElement("div", { onClick: () => {
+                    return optionsData.map((pane, index) => (React__default.createElement("div", { onClick: () => {
                             setTabvalue(pane.paneKey);
                             state.tabsCursor = index;
                         }, className: `nut-tabs__titles-item ${tabvalue === pane.paneKey ? 'active' : ''}`, key: pane.paneKey },
@@ -430,7 +424,7 @@ const InternalCascader = (props) => {
                                 '请选择',
                             !(!state.initLoading && state.panes.length) && 'Loading...'),
                         React__default.createElement("span", { className: "nut-tabs__titles-item__line", style: { background: tabsColor } }))));
-                } }, !state.initLoading && state.panes.length ? (optiosData.map((pane) => (React__default.createElement(TabPane, { key: pane.paneKey, paneKey: pane.paneKey },
+                } }, !state.initLoading && state.panes.length ? (optionsData.map((pane) => (React__default.createElement(TabPane, { key: pane.paneKey, paneKey: pane.paneKey },
                 React__default.createElement("div", { className: classesPane }, pane.nodes &&
                     pane.nodes.map((node, index) => (React__default.createElement(CascaderItem, { key: index, ...props, data: node, checked: pane.selectedNode?.value === node.value, chooseItem: (node) => chooseItem(node, false) })))))))) : (React__default.createElement(TabPane, null,
                 React__default.createElement("div", { className: classesPane }))))));

package/dist/esm/{checkbox.taro-04da7151.js → checkbox.taro-b76b1c82.js}

@@ -7,13 +7,15 @@ const defaultProps$1 = {
     disabled: false,
     checkedValue: [],
     max: undefined,
+    textPosition: 'right',
+    direction: 'vertical',
     onChange: (value) => { },
     options: [],
 };
 const CheckboxGroup = React__default.forwardRef((props, ref) => {
     const { children } = { ...defaultProps$1, ...props };
     const b = cn('checkboxgroup');
-    const { className, disabled, onChange, checkedValue, max, options, ...rest } = props;
+    const { className, disabled, onChange, checkedValue, max, textPosition, direction, options, ...rest } = props;
     const [innerDisabled, setInnerDisabled] = useState(disabled);
     const [innerValue, setInnerValue] = useState(checkedValue);
     useImperativeHandle(ref, () => ({
@@ -66,9 +68,9 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
         return innerValue?.indexOf(child.props.label || child.children) > -1;
     }
     function validateChecked(value) {
-        if (innerValue === null)
+        if (!innerValue)
             return false;
-        return innerValue === value;
+        return innerValue?.indexOf(value) > -1;
     }
     function getParentVals() {
         return innerValue;
@@ -85,16 +87,17 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
                 onChange: handleChildChange,
                 getParentVals,
                 max,
+                textPosition,
             });
         });
     }
     const renderOptionsChildren = 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, getParentVals: getParentVals, checked: childChecked }));
+            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 }));
         });
-    }, [innerValue, options]);
-    return (React__default.createElement("div", { className: `${b()} ${className || ''}`, ...rest }, options?.length ? renderOptionsChildren() : cloneChildren()));
+    }, [innerValue, options, innerDisabled, max]);
+    return (React__default.createElement("div", { className: `${b()} nut-checkboxgroup--${props.direction} ${className || ''}`, ...rest }, options?.length ? renderOptionsChildren() : cloneChildren()));
 });
 CheckboxGroup.defaultProps = defaultProps$1;
 CheckboxGroup.displayName = 'NutCheckboxGroup';

package/dist/esm/{col.taro-b61c7cba.js → col.taro-9e4c5cc0.js}

@@ -1,4 +1,5 @@
 import React__default, { useState, useContext, useEffect } from 'react';
+import classNames from 'classnames';
 import { D as DataContext } from './UserContext-be8097d2.js';
 
 const defaultProps = {
@@ -30,7 +31,7 @@ const Col = (props) => {
         setColName(classs);
         setColStyle(getStyle);
     }, [span, offset, gutter]);
-    return (React__default.createElement("div", { className: `${colName} ${className}`, style: { ...style, ...colStyle }, onClick: (e) => {
+    return (React__default.createElement("div", { className: classNames(colName, className), style: { ...style, ...colStyle }, onClick: (e) => {
             onClick && onClick(e, 'col');
         } }, children));
 };

package/dist/esm/{dialog.taro-54df2e3f.js → dialog.taro-7608bd26.js}

@@ -2,6 +2,7 @@ import * as React from 'react';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { B as Button } from './button.taro-dc4795a3.js';
+import { View } from '@tarojs/components';
 import { CSSTransition } from 'react-transition-group';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 
@@ -59,12 +60,7 @@ DialogWrap.displayName = 'NutDialogWrap';
 
 const DialogWrapper = (props) => {
     const { visible, lockScroll } = props;
-    if (lockScroll &&
-        !visible &&
-        document.body.classList.value.includes('nut-overflow-hidden')) {
-        document.body.classList.remove('nut-overflow-hidden');
-    }
-    return (React__default.createElement("div", { style: { display: visible ? 'block' : 'none' } },
+    return (React__default.createElement(View, { style: { display: visible ? 'block' : 'none' }, catchMove: lockScroll },
         React__default.createElement(DialogWrap, { ...props })));
 };
 DialogWrapper.displayName = 'NutDialogWrapper';
@@ -83,7 +79,7 @@ const defaultProps = {
     footerDirection: 'horizontal',
     lockScroll: false,
 };
-const BaseDialog = (props, ref) => {
+const BaseDialog = forwardRef((props, ref) => {
     const { locale } = useConfig();
     const { visible, footer, noOkBtn, noCancelBtn, lockScroll, okBtnDisabled, cancelAutoClose, okText, cancelText, onClosed, onCancel, onOk, ...restProps } = props;
     const renderFooter = function () {
@@ -115,9 +111,8 @@ const BaseDialog = (props, ref) => {
         return footerContent;
     };
     return (React__default.createElement(DialogWrapper, { ...restProps, visible: visible, lockScroll: lockScroll, footer: renderFooter(), onClosed: onClosed, onCancel: onCancel }));
-};
-const Dialog = forwardRef(BaseDialog);
-Dialog.defaultProps = defaultProps;
-Dialog.displayName = 'NutDialog';
+});
+BaseDialog.defaultProps = defaultProps;
+BaseDialog.displayName = 'NutDialog';
 
-export { Dialog as D };
+export { BaseDialog as B };

package/dist/esm/{ellipsis.taro-aa39faf7.js → ellipsis.taro-5aa23940.js}

@@ -193,7 +193,6 @@ const Ellipsis = (props) => {
         if (type === 1) {
             setExpanded(true);
             onChange && onChange('expand');
-            //   emit('change', 'expand')
         }
         else {
             setExpanded(false);
@@ -212,14 +211,16 @@ const Ellipsis = (props) => {
                     React__default.createElement("div", { className: "nut-ellipsis-wordbreak" },
                         ellipsis.current?.leading,
                         ellipsis.current?.leading && symbol,
-                        expandText ? (React__default.createElement("span", { className: "nut-ellipsis-text", onClick: () => {
+                        expandText ? (React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+                                e.stopPropagation();
                                 clickHandle(1);
                             } }, expandText)) : null,
                         ellipsis.current?.tailing && symbol,
                         ellipsis.current?.tailing))) : null,
                 exceeded && expanded ? (React__default.createElement(React__default.Fragment, null,
                     content,
-                    expandText ? (React__default.createElement("span", { className: "nut-ellipsis-text", onClick: () => {
+                    expandText ? (React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+                            e.stopPropagation();
                             clickHandle(2);
                         } }, collapseText)) : null)) : null)),
         React__default.createElement("div", { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId}`, style: { width: `${widthRef}` } },

package/dist/esm/{inputnumber.taro-e909d932.js → inputnumber.taro-94c75663.js}

@@ -57,15 +57,7 @@ const InputNumber = (props) => {
         onChangeFuc && onChangeFuc(outputValue, e);
         change && change(outputValue, e);
         if (!isAsync) {
-            if (Number(outputValue) < Number(min)) {
-                setInputValue(Number(min));
-            }
-            else if (Number(outputValue) > Number(max)) {
-                setInputValue(Number(max));
-            }
-            else {
-                setInputValue(outputValue);
-            }
+            setInputValue(outputValue);
         }
     };
     const reduceNumber = (e) => {
@@ -93,16 +85,11 @@ const InputNumber = (props) => {
         }
     };
     const changeValue = (e) => {
-        const value = Number(e.detail.value);
-        change && change(value, e);
-        onChangeFuc && onChangeFuc(value, e);
+        const input = e.target;
+        change && change(input.value, e);
+        onChangeFuc && onChangeFuc(input.value, e);
         if (!isAsync) {
-            if (Number.isNaN(value)) {
-                setInputValue(inputValue);
-            }
-            else {
-                setInputValue(value);
-            }
+            setInputValue(input.value);
         }
     };
     const focusValue = (e) => {
@@ -118,7 +105,8 @@ const InputNumber = (props) => {
             return;
         if (readonly)
             return;
-        let value = Number(e.detail.value);
+        const input = e.target;
+        let value = +input.value;
         if (value < Number(min)) {
             value = Number(min);
         }
@@ -130,9 +118,11 @@ const InputNumber = (props) => {
         blur && blur(e);
     };
     return (React__default.createElement("div", { className: classes, style: styles, ...restProps },
-        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: iconMinusClasses, size: buttonSize, name: "minus", onClick: reduceNumber }),
+        React__default.createElement("div", { className: "nut-input-minus" },
+            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: iconMinusClasses, size: buttonSize, name: "minus", onClick: reduceNumber })),
         React__default.createElement("input", { className: "nut-number-input", type: "number", min: min, max: max, style: { width: pxCheck(inputWidth) }, disabled: disabled, readOnly: readonly, value: inputValue, onInput: changeValue, onBlur: burValue, onFocus: focusValue }),
-        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: iconAddClasses, size: buttonSize, name: "plus", onClick: addNumber })));
+        React__default.createElement("div", { className: "nut-input-add" },
+            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: iconAddClasses, size: buttonSize, name: "plus", onClick: addNumber }))));
 };
 InputNumber.defaultProps = defaultProps;
 InputNumber.displayName = 'NutInputNumber';

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

@@ -6,12 +6,12 @@ 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 { C as Col } from './col.taro-b61c7cba.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 { L as Layout } from './layout.taro-358f014f.js';
-export { R as Row } from './row.taro-37a895de.js';
+export { R as Row } from './row.taro-4e697aa2.js';
 export { S as Sticky } from './sticky.taro-2d9b2804.js';
 export { E as Elevator } from './elevator.taro-1d749ab0.js';
 export { F as FixedNav } from './fixednav.taro-84930e08.js';
@@ -23,36 +23,36 @@ export { P as Pagination } from './pagination.taro-bb490de9.js';
 export { S as SideNavBar } from './sidenavbar.taro-51a133e6.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-08e48c43.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-91cd6cf4.js';
-export { T as Tabs } from './tabs.taro-5030ce68.js';
-export { C as Calendar } from './calendar.taro-02479e8b.js';
-export { C as CalendarItem } from './calendaritem.taro-3cfd4186.js';
-export { C as Cascader } from './cascader.taro-e6610dd1.js';
-export { C as Checkbox, a as CheckboxGroup } from './checkbox.taro-04da7151.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 { 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-e909d932.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 { 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 { S as SearchBar } from './searchbar.taro-6864f7bc.js';
-export { S as ShortPassword } from './shortpassword.taro-02ea4499.js';
-export { T as TextArea } from './textarea.taro-42600f8c.js';
-export { U as Uploader } from './uploader.taro-b7b770e6.js';
+export { S as ShortPassword } from './shortpassword.taro-53b7ee7b.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 { B as BackTop } from './backtop.taro-e53236c7.js';
-export { D as Dialog } from './dialog.taro-54df2e3f.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-1eb95b21.js';
+export { S as Swipe } from './swipe.taro-6532405d.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,16 +60,16 @@ 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-11e2ec95.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 { C as CollapseItem } from './collapseitem-2e864527.js';
 export { C as CountDown } from './countdown.taro-9e40de9c.js';
-export { E as Ellipsis } from './ellipsis.taro-aa39faf7.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 { N as NoticeBar } from './noticebar.taro-22486646.js';
-export { P as Popover } from './popover.taro-fc7b9a73.js';
+export { P as Popover } from './popover.taro-f144cd02.js';
 export { P as Price } from './price.taro-8801462e.js';
 export { P as Progress } from './progress.taro-773482ed.js';
 export { S as Skeleton } from './skeleton.taro-38e2fca2.js';
@@ -84,7 +84,7 @@ 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 { B as Barrage } from './barrage.taro-e4fe81ae.js';
+export { B as Barrage } from './barrage.taro-5dbab093.js';
 export { C as Card } from './card.taro-a03f0dfc.js';
 export { S as Signature } from './signature.taro-45d1dde3.js';
 export { T as TimeDetail } from './timedetail.taro-c5f564fd.js';

package/dist/esm/{popover.taro-fc7b9a73.js → popover.taro-f144cd02.js}

@@ -139,13 +139,15 @@ const Popover = (props) => {
                     visible ? (React__default.createElement("div", { className: `${popoverContent}`, style: getStyle() },
                         React__default.createElement("div", { className: `${popoverArrow}` }),
                         Array.isArray(children) ? children[1] : '',
-                        list.map((item, i) => {
-                            return (React__default.createElement("div", { key: item.name, className: `popover-menu-item ${item.disabled ? 'disabled' : ''}`, onClick: () => {
-                                    handleChoose(item, i);
-                                } },
-                                item.icon ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "popover-menu-item-img", name: item.icon })) : (''),
-                                React__default.createElement("div", { className: "popover-menu-item-name" }, item.name)));
-                        }))) : null))),
+                        React__default.createElement("div", null,
+                            ' ',
+                            list.map((item, i) => {
+                                return (React__default.createElement("div", { key: item.name, className: `popover-menu-item ${item.disabled ? 'disabled' : ''}`, onClick: () => {
+                                        handleChoose(item, i);
+                                    } },
+                                    item.icon ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "popover-menu-item-img", name: item.icon })) : (''),
+                                    React__default.createElement("div", { className: "popover-menu-item-name" }, item.name)));
+                            })))) : null))),
         visible ? (React__default.createElement(Overlay, { visible: visible, onClick: (e) => handleClick(e), style: { background: 'transparent' } })) : ('')));
 };
 Popover.defaultProps = defaultProps;

package/dist/esm/{row.taro-37a895de.js → row.taro-4e697aa2.js}

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import classNames from 'classnames';
 import { D as DataContext } from './UserContext-be8097d2.js';
 
 const defaultProps = {
@@ -32,7 +33,7 @@ const Row = (props) => {
         gutter,
     };
     return (React__default.createElement(DataContext.Provider, { value: parentRow }, React__default.createElement('div', {
-        className: `${getClasses()} ${className}`,
+        className: classNames(getClasses(), className),
         style,
         onClick: (e) => {
             onClick && onClick(e, 'row');

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

@@ -17,6 +17,7 @@ const defaultProps = {
     closeOnClickOverlay: true,
     length: 6,
     className: '',
+    autoFocus: false,
     onChange: (value) => { },
     onOk: (value) => { },
     onCancel: () => { },
@@ -26,7 +27,7 @@ const defaultProps = {
 };
 const ShortPassword = (props) => {
     const { locale } = useConfig();
-    const { title, desc, tips, visible, modelValue, errorMsg, noButton, closeOnClickOverlay, length, style, className, onChange, onOk, onTips, onCancel, onClose, onComplete, iconClassPrefix, iconFontClassName, ...reset } = props;
+    const { title, desc, tips, visible, modelValue, errorMsg, noButton, closeOnClickOverlay, length, style, className, onChange, onOk, onTips, onCancel, onClose, onComplete, iconClassPrefix, iconFontClassName, autoFocus, ...reset } = props;
     const b = cn('shortpassword');
     const textInput = useRef(null);
     const range = (val) => {
@@ -91,7 +92,7 @@ const ShortPassword = (props) => {
                 React__default.createElement("div", { className: b('title') }, title || locale.shortpassword.title),
                 React__default.createElement("div", { className: b('subtitle') }, desc || locale.shortpassword.desc),
                 React__default.createElement("div", { className: b('input') },
-                    React__default.createElement("input", { ref: textInput, className: b('input-real'), type: "number", style: systemStyle(), maxLength: 6, value: inputValue, onChange: (e) => changeValue(e) }),
+                    React__default.createElement("input", { ref: textInput, className: b('input-real'), type: "number", style: systemStyle(), maxLength: 6, value: inputValue, autoFocus: autoFocus, onChange: (e) => changeValue(e) }),
                     React__default.createElement("div", { className: b('input-site') }),
                     React__default.createElement("div", { className: b('input-fake'), onClick: () => focus() }, [...new Array(comLen).keys()].map((item, index) => {
                         return (React__default.createElement("div", { className: b('input-fake__li'), key: index }, String(inputValue).length > index ? (React__default.createElement("div", { className: b('input-fake__li__icon') })) : null));

package/dist/esm/{swipe.taro-1eb95b21.js → swipe.taro-6532405d.js}

@@ -1,4 +1,5 @@
 import React__default, { forwardRef, useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
+import { useReady, nextTick } from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
 import { g as getRectByTaro } from './useClientRect-4506e52f.js';
@@ -19,6 +20,20 @@ const defaultProps = {
 const Swipe = forwardRef((props, instanceRef) => {
     const swipeBem = cn('swipe');
     const touch = useTouch();
+    // 获取元素的时候要在页面 onReady 后，需要参考小程序的事件周期
+    useReady(() => {
+        const getWidth = async () => {
+            if (leftWrapper.current) {
+                const leftRect = await getRectByTaro(leftWrapper.current);
+                setActionWidth((v) => ({ ...v, left: leftRect.width }));
+            }
+            if (rightWrapper.current) {
+                const rightRect = await getRectByTaro(rightWrapper.current);
+                setActionWidth((v) => ({ ...v, right: rightRect.width }));
+            }
+        };
+        nextTick(() => getWidth());
+    });
     const { children, className, style } = { ...defaultProps, ...props };
     const root = useRef();
     const opened = useRef(false);
@@ -112,34 +127,11 @@ const Swipe = forwardRef((props, instanceRef) => {
     const rangeCalculation = (num, min, max) => {
         return Math.min(Math.max(Number(num), Number(min)), Number(max));
     };
-    // const getNodeWidth = (node: Element) => {
-    //   if (node) {
-    //     const ele: any = getRectByTaro(node)
-    //     return ele.width
-    //   }
-    //   return 0
-    // }
-    // const leftRef = useCallback(
-    //   (node: Element | null) => {
-    //     if (node !== null) {
-    //       setActionWidth((v) => ({ ...v, left: getNodeWidth(node) }))
-    //     }
-    //   },
-    //   [props.leftAction]
-    // )
-    // const rightRef = useCallback(
-    //   (node: Element | null) => {
-    //     if (node !== null) {
-    //       setActionWidth((v) => ({ ...v, right: getNodeWidth(node) }))
-    //     }
-    //   },
-    //   [props.rightAction]
-    // )
     const leftWrapper = useRef(null);
     const rightWrapper = useRef(null);
     const renderActionContent = (side) => {
         if (props[`${side}Action`]) {
-            return (React__default.createElement("div", { ref: side === 'left' ? leftWrapper : rightWrapper, className: `${swipeBem(side)}`, onClick: (e) => handleOperate(e, side) }, props[`${side}Action`]));
+            return (React__default.createElement("div", { id: "left", ref: side === 'left' ? leftWrapper : rightWrapper, className: `${swipeBem(side)}`, onClick: (e) => handleOperate(e, side) }, props[`${side}Action`]));
         }
         return null;
     };

package/dist/esm/{tabbar.taro-08e48c43.js → tabbar.taro-17d898d9.js}

@@ -1,4 +1,4 @@
-import React__default, { useState } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 
 const defaultProps = {
@@ -10,19 +10,25 @@ const defaultProps = {
     safeAreaInsetBottom: false,
     className: '',
     style: {},
-    tabSwitch: () => { },
-    onSwitch: () => { },
+    onSwitch: (child, activeVisible) => { },
 };
 const Tabbar = (props) => {
-    const { children, visible, bottom, size, activeColor, unactiveColor, safeAreaInsetBottom, className, style, tabSwitch, onSwitch, } = {
+    const { children, visible, activeVisible, bottom, size, activeColor, unactiveColor, safeAreaInsetBottom, className, style, onSwitch, } = {
         ...defaultProps,
         ...props,
     };
     const b = cn('tabbar');
-    const [selectIndex, setSelectIndex] = useState(visible);
+    const [selectIndex, setSelectIndex] = useState(activeVisible || visible);
     const handleClick = (idx) => {
-        setSelectIndex(idx);
+        if (!('activeVisible' in props)) {
+            setSelectIndex(idx);
+        }
     };
+    useEffect(() => {
+        if (activeVisible !== undefined) {
+            setSelectIndex(activeVisible);
+        }
+    }, [activeVisible]);
     return (React__default.createElement("div", { className: [
             `${b()}`,
             bottom ? `${b('bottom')}` : '',
@@ -41,7 +47,6 @@ const Tabbar = (props) => {
             size,
             handleClick: () => {
                 handleClick(idx);
-                tabSwitch(child, idx);
                 onSwitch(child, idx);
             },
         };

package/dist/esm/{tabpane.taro-91cd6cf4.js → tabpane.taro-9512e308.js}

@@ -9,15 +9,15 @@ const defaultProps = {
     disabled: false,
 };
 const TabPane = (props) => {
-    const { children, paneKey, activeKey, autoHeightClassName, className } = {
+    const { children, paneKey, activeKey, autoHeightClassName, className, disabled, } = {
         ...defaultProps,
         ...props,
     };
     const b = cn('tabpane');
     const classes = classNames({
-        active: paneKey === activeKey,
+        active: !disabled && paneKey === activeKey,
     }, b(''), autoHeightClassName, className);
-    return React__default.createElement("div", { className: classes }, children);
+    return React__default.createElement("div", { className: classes }, !disabled && children);
 };
 
 export { TabPane as T };