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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.4",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@babel/runtime": "^7.21.0",
     "@bem-react/classname": "^1.6.0",
-    "@nutui/icons-react-taro": "0.0.1-beta.7",
+    "@nutui/icons-react-taro": "0.0.1-beta.8",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "async-validator": "^4.2.5",

package/dist/esm/card.taro-5e9b34c8.js

@@ -1,33 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { P as Price } from './price.taro-776ed16e.js';
-import { T as Tag } from './tag.taro-0c2567de.js';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {};
-const Card = (props) => {
-    const { className, style, imgUrl, title, price, vipPrice, shopDesc, delivery, shopName, shopTagTpl, originTpl, prolistTpl, footerTpl, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('card');
-    return (React__default.createElement("div", { className: classNames(b(), className), style: style, ...rest },
-        React__default.createElement("div", { className: b('left') },
-            React__default.createElement("img", { src: imgUrl, alt: "" })),
-        React__default.createElement("div", { className: b('right') },
-            React__default.createElement("div", { className: b('right__title') }, title),
-            prolistTpl,
-            React__default.createElement("div", { className: b('right__price') },
-                React__default.createElement(Price, { price: price }),
-                originTpl || (React__default.createElement(Price, { className: b('right__price__origin'), price: vipPrice }))),
-            React__default.createElement("div", { className: b('right__other') }, shopTagTpl || (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Tag, { type: "danger" }, shopDesc),
-                React__default.createElement(Tag, { plain: true }, delivery)))),
-            React__default.createElement("div", { className: b('right__shop') },
-                React__default.createElement("div", { className: b('right__shop__name') }, shopName),
-                footerTpl))));
-};
-Card.defaultProps = defaultProps;
-Card.displayName = 'NutCard';
-
-export { Card as C };

package/dist/esm/dialog.taro-00ac41fd.js

@@ -1,118 +0,0 @@
-import * as React from 'react';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { B as Button } from './button.taro-a1c9512f.js';
-import { View } from '@tarojs/components';
-import { CSSTransition } from 'react-transition-group';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
-
-const Content = (props) => {
-    const { visible, title, footer, textAlign, footerDirection, onClickSelf, children, } = props;
-    let headerNode;
-    if (title) {
-        headerNode = React__default.createElement("div", { className: "nut-dialog__header" }, title);
-    }
-    let footerNode;
-    if (footer) {
-        footerNode = (React__default.createElement("div", { className: classNames('nut-dialog__footer', {
-                [footerDirection]: footerDirection,
-            }) }, footer));
-    }
-    const handleClick = () => {
-        onClickSelf && onClickSelf();
-    };
-    return (React__default.createElement("div", { className: "nut-dialog__outer", onClick: handleClick },
-        React__default.createElement("div", { className: "nut-dialog", style: { display: visible ? 'flex' : 'none' } },
-            headerNode,
-            React__default.createElement("div", { className: "nut-dialog__content", style: { textAlign } },
-                React__default.createElement("div", null, children)),
-            footerNode)));
-};
-Content.displayName = 'NutContent';
-
-function Mask(props) {
-    return React.createElement("div", { className: "nut-dialog__mask" });
-}
-
-const DialogWrap = (props) => {
-    const { className, style, visible, mask, closeOnClickOverlay, lockScroll, onClosed, onCancel, } = props;
-    const handleClick = (e) => {
-        if (closeOnClickOverlay && visible && e.target === e.currentTarget) {
-            onClosed?.();
-            onCancel?.();
-            lockScroll && document.body.classList.remove('nut-overflow-hidden');
-        }
-    };
-    const wrapStyle = {
-        ...style,
-        display: visible ? 'block' : 'none',
-    };
-    if (lockScroll && visible) {
-        document.body.classList.add('nut-overflow-hidden');
-    }
-    return (React__default.createElement(React__default.Fragment, null,
-        mask ? (React__default.createElement(CSSTransition, { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
-            React__default.createElement(Mask, null))) : null,
-        React__default.createElement("div", { className: classNames('nut-dialog__wrap', className), onClick: handleClick, style: wrapStyle },
-            React__default.createElement(Content, { ...props, visible: visible }))));
-};
-DialogWrap.displayName = 'NutDialogWrap';
-
-const DialogWrapper = (props) => {
-    const { visible, lockScroll } = props;
-    return (React__default.createElement(View, { style: { display: visible ? 'block' : 'none' }, catchMove: lockScroll },
-        React__default.createElement(DialogWrap, { ...props })));
-};
-DialogWrapper.displayName = 'NutDialogWrapper';
-
-const defaultProps = {
-    confirmText: '',
-    cancelText: '',
-    mask: true,
-    closeOnClickOverlay: true,
-    noFooter: false,
-    noOkBtn: false,
-    noCancelBtn: false,
-    okBtnDisabled: false,
-    cancelAutoClose: true,
-    textAlign: 'center',
-    footerDirection: 'horizontal',
-    lockScroll: false,
-};
-const BaseDialog = forwardRef((props, ref) => {
-    const { locale } = useConfig();
-    const { visible, footer, noOkBtn, noCancelBtn, lockScroll, okBtnDisabled, cancelAutoClose, confirmText, cancelText, onClosed, onCancel, onOk, ...restProps } = props;
-    const renderFooter = function () {
-        if (footer === null)
-            return '';
-        const handleCancel = function (e) {
-            e.stopPropagation();
-            if (!cancelAutoClose)
-                return;
-            onClosed?.();
-            onCancel?.();
-            if (lockScroll && visible) {
-                document.body.classList.remove('nut-overflow-hidden');
-            }
-        };
-        const handleOk = function (e) {
-            e.stopPropagation();
-            onClosed?.();
-            onOk?.(e);
-            if (lockScroll && visible) {
-                document.body.classList.remove('nut-overflow-hidden');
-            }
-        };
-        const footerContent = footer || (React__default.createElement(React__default.Fragment, null,
-            !noCancelBtn && (React__default.createElement(Button, { size: "small", plain: true, type: "primary", className: "nut-dialog__footer-cancel", onClick: (e) => handleCancel(e) }, cancelText || locale.cancel)),
-            !noOkBtn && (React__default.createElement(Button, { size: "small", type: "primary", className: classNames('nut-dialog__footer-ok', {
-                    disabled: okBtnDisabled,
-                }), disabled: okBtnDisabled, onClick: (e) => handleOk(e) }, confirmText || locale.confirm))));
-        return footerContent;
-    };
-    return (React__default.createElement(DialogWrapper, { ...restProps, visible: visible, lockScroll: lockScroll, footer: renderFooter(), onClosed: onClosed, onCancel: onCancel }));
-});
-BaseDialog.defaultProps = defaultProps;
-BaseDialog.displayName = 'NutDialog';
-
-export { BaseDialog as B };

package/dist/esm/fixednav.taro-39fbd47a.js

@@ -1,54 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { Left } from '@nutui/icons-react-taro';
-import { O as Overlay } from './overlay.taro-ad0d4775.js';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    activeText: '',
-    inactiveText: '',
-    type: 'right',
-    position: {
-        top: 'auto',
-        bottom: 'auto',
-    },
-};
-const FixedNav = (props) => {
-    const { locale } = useConfig();
-    const { className, overlay, visible, list, activeText, inactiveText, position, onChange, onSelect, type, children, style, content, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-fixednav';
-    const classes = classNames({
-        active: visible,
-    }, type, className, classPrefix);
-    const handleClick = (item, event) => {
-        onSelect(event, item);
-    };
-    const onUpdateValue = (value = !visible) => {
-        onChange(value);
-    };
-    return (React__default.createElement("div", { className: classes, style: {
-            ...position,
-            ...style,
-        }, ...rest },
-        overlay && (React__default.createElement(Overlay, { visible: visible, zIndex: 200, onClick: () => onUpdateValue(false) })),
-        React__default.createElement("div", { className: "list" }, children || (React__default.createElement("div", { className: `${classPrefix}__list` }, list.map((item, index) => {
-            return (React__default.createElement("div", { className: `${classPrefix}__list-item`, onClick: (event) => handleClick(item, event), key: item.id || index },
-                React__default.createElement("img", { src: item.icon, alt: "" }),
-                React__default.createElement("div", { className: `${classPrefix}__list-text` }, item.text),
-                item.num && React__default.createElement("div", { className: "b" }, item.num)));
-        })))),
-        React__default.createElement("div", { className: `${classPrefix}__btn`, onClick: () => onUpdateValue() }, content || (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Left, { color: "#fff" }),
-            React__default.createElement("div", { className: "text" }, visible
-                ? activeText || locale.fixednav.activeText
-                : inactiveText || locale.fixednav.inactiveText))))));
-};
-FixedNav.defaultProps = defaultProps;
-FixedNav.displayName = 'NutFixedNav';
-
-export { FixedNav as F };

package/dist/esm/input.taro-10ed5500.js

@@ -1,237 +0,0 @@
-import React__default, { forwardRef, useState, useRef, useEffect, useImperativeHandle, useCallback } from 'react';
-import { MaskClose } from '@nutui/icons-react-taro';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-function trimExtraChar(value, char, regExp) {
-    const index = value.indexOf(char);
-    if (index === -1) {
-        return value;
-    }
-    if (char === '-' && index !== 0) {
-        return value.slice(0, index);
-    }
-    return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
-}
-function formatNumber(value, allowDot = true, allowMinus = true) {
-    if (allowDot) {
-        value = trimExtraChar(value, '.', /\./g);
-    }
-    else {
-        value = value.split('.')[0];
-    }
-    if (allowMinus) {
-        value = trimExtraChar(value, '-', /-/g);
-    }
-    else {
-        value = value.replace(/-/, '');
-    }
-    const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-    return value.replace(regExp, '');
-}
-
-const defaultProps = {
-    ...ComponentDefaults,
-    type: 'text',
-    name: '',
-    defaultValue: '',
-    placeholder: '',
-    label: '',
-    labelClass: '',
-    labelWidth: '80',
-    labelAlign: 'left',
-    colon: false,
-    inputAlign: 'left',
-    center: false,
-    required: false,
-    disabled: false,
-    readonly: false,
-    error: false,
-    maxlength: '9999',
-    leftIcon: null,
-    rightIcon: null,
-    clearable: false,
-    clearIcon: null,
-    clearSize: '14',
-    border: true,
-    formatTrigger: 'onChange',
-    rules: [],
-    rows: null,
-    errorMessage: '',
-    errorMessageAlign: '',
-    showWordLimit: false,
-    autofocus: false,
-    slotButton: null,
-    slotInput: null,
-};
-const Input = forwardRef((props, ref) => {
-    const { locale } = useConfig();
-    const { children, type, name, defaultValue, placeholder, label, labelClass, labelWidth, labelAlign, colon, inputAlign, center, required, disabled, readonly, error, maxlength, leftIcon, rightIcon, clearable, clearIcon, clearSize, border, formatTrigger, rules, errorMessage, errorMessageAlign, showWordLimit, autofocus, style, className, rows, slotButton, slotInput, onChange, onBlur, onFocus, onClear, formatter, keypress, onClickInput, onClickLeftIcon, onClickRightIcon, onClick, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const inputPlaceholder = placeholder || locale.placeholder;
-    const [inputValue, SetInputValue] = useState('');
-    const [active, SetActive] = useState(false);
-    const [classes, setClasses] = useState('');
-    const getModelValue = () => String(inputValue ?? '');
-    const inputRef = useRef(null);
-    useEffect(() => {
-        setClasses(inputClass);
-        SetInputValue(defaultValue);
-    }, [defaultValue]);
-    useEffect(() => {
-        if (inputValue) {
-            updateValue(getModelValue());
-            resetValidation();
-        }
-    }, [inputValue]);
-    useImperativeHandle(ref, () => {
-        return inputRef.current;
-    });
-    const inputClass = useCallback(() => {
-        const prefixCls = 'nut-input';
-        return [
-            prefixCls,
-            `${center ? 'center' : ''}`,
-            `${disabled ? `${prefixCls}-disabled` : ''}`,
-            `${required ? `${prefixCls}-required` : ''}`,
-            `${error ? `${prefixCls}-error` : ''}`,
-            `${border ? `${prefixCls}-border` : ''}`,
-            `${slotButton || rightIcon ? `${prefixCls}-right-mark` : ''}`,
-        ]
-            .filter(Boolean)
-            .join(' ');
-    }, [disabled, required, error, border, slotButton, rightIcon, center]);
-    // 样式状态重置
-    useEffect(() => {
-        setClasses(inputClass);
-    }, [disabled, required, error, border, slotButton, rightIcon, center]);
-    const updateValue = (value, trigger = 'onChange') => {
-        let val = value;
-        if (type === 'digit' || type === 'tel') {
-            val = formatNumber(val, false, false);
-        }
-        if (type === 'number') {
-            val = formatNumber(val, true, true);
-        }
-        if (type === 'tel' && !formatter) {
-            const regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
-            const regNumber = /[^-0-9]/g;
-            val =
-                !regTel.test(val) && val.length > 11
-                    ? val.substring(0, 11)
-                    : val.replace(regNumber, '');
-        }
-        if (formatter && trigger === formatTrigger) {
-            val = formatter(val);
-        }
-        if (inputRef?.current?.value !== val) {
-            inputRef.current.value = val;
-        }
-        SetInputValue(val);
-    };
-    const handleFocus = (event) => {
-        const val = event.target.value;
-        SetActive(true);
-        onFocus && onFocus(val, event);
-    };
-    const handleInput = (event) => {
-        let val = event.target.value;
-        if (maxlength && val.length > Number(maxlength)) {
-            val = val.slice(0, Number(maxlength));
-        }
-        updateValue(val, 'onChange');
-        onChange && onChange(val, event);
-    };
-    const handleBlur = (event) => {
-        setTimeout(() => {
-            SetActive(false);
-        }, 200);
-        let val = event.target.value;
-        if (maxlength && val.length > Number(maxlength)) {
-            val = val.slice(0, Number(maxlength));
-        }
-        updateValue(val, 'onBlur');
-        onBlur && onBlur(val, event);
-    };
-    const handleClickInput = (event) => {
-        onClickInput && onClickInput(event);
-    };
-    const handleClickLeftIcon = (event) => {
-        onClickLeftIcon && onClickLeftIcon(event);
-    };
-    const handleClickRightIcon = (event) => {
-        onClickRightIcon && onClickRightIcon(event);
-    };
-    const resetValidation = () => {
-    };
-    const inputType = (type) => {
-        if (type === 'number') {
-            return 'text';
-        }
-        if (type === 'digit') {
-            return 'tel';
-        }
-        return type;
-    };
-    const handleClear = (event) => {
-        updateValue('');
-        onClear && onClear('', event);
-    };
-    return (React__default.createElement("div", { className: `${classes}  ${className || ''}`, style: style, onClick: (e) => {
-            onClick && onClick(e);
-        } }, slotInput ? (React__default.createElement(React__default.Fragment, null,
-        label ? (React__default.createElement("div", { className: `nut-input-label ${labelClass}`, style: { width: `${labelWidth}px`, textAlign: labelAlign } },
-            React__default.createElement("div", { className: "label-string" },
-                label,
-                colon ? ':' : ''))) : null,
-        React__default.createElement("div", { className: "nut-input-value" },
-            React__default.createElement("div", { className: "nut-input-inner", onClick: (e) => {
-                    handleClickInput(e);
-                } }, slotInput)))) : (React__default.createElement(React__default.Fragment, null,
-        React__default.isValidElement(leftIcon) ? (React__default.createElement("div", { className: "nut-input-left-icon", onClick: (e) => {
-                handleClickLeftIcon(e);
-            } }, leftIcon)) : null,
-        label ? (React__default.createElement("div", { className: `nut-input-label ${labelClass}`, style: { width: `${labelWidth}px`, textAlign: labelAlign } },
-            React__default.createElement("div", { className: "label-string" },
-                label,
-                colon ? ':' : ''))) : null,
-        React__default.createElement("div", { className: "nut-input-value" },
-            React__default.createElement("div", { className: "nut-input-main-con" },
-                React__default.createElement("div", { className: "nut-input-inner", onClick: (e) => {
-                        handleClickInput(e);
-                    } },
-                    type === 'textarea' ? (React__default.createElement("textarea", { name: name, className: "input-text", ref: inputRef, style: {
-                            textAlign: inputAlign,
-                            height: `${Number(rows) * 24}px`,
-                        }, maxLength: maxlength, placeholder: inputPlaceholder, disabled: disabled, readOnly: readonly, value: inputValue, autoFocus: autofocus, onBlur: (e) => {
-                            handleBlur(e);
-                        }, onFocus: (e) => {
-                            handleFocus(e);
-                        }, onInput: (e) => {
-                            handleInput(e);
-                        } })) : (React__default.createElement("input", { ...rest, name: name, className: "input-text", ref: inputRef, style: { textAlign: inputAlign }, type: inputType(type), maxLength: maxlength, placeholder: inputPlaceholder, disabled: disabled, readOnly: readonly, value: inputValue, autoFocus: autofocus, onBlur: (e) => {
-                            handleBlur(e);
-                        }, onFocus: (e) => {
-                            handleFocus(e);
-                        }, onInput: (e) => {
-                            handleInput(e);
-                        } })),
-                    clearable && !readonly && active && inputValue.length > 0 ? (React__default.createElement("span", { className: "nut-input-clear-wrap", onClick: (e) => handleClear(e) }, clearIcon || React__default.createElement(MaskClose, { className: "nut-input-clear" }))) : null),
-                React__default.isValidElement(rightIcon) ? (React__default.createElement("div", { className: "nut-input-right-icon", onClick: (e) => {
-                        handleClickRightIcon(e);
-                    } }, rightIcon)) : null,
-                slotButton ? (React__default.createElement("div", { className: "nut-input-button" }, slotButton)) : null,
-                showWordLimit && maxlength ? (React__default.createElement("div", { className: "nut-input-word-limit" },
-                    React__default.createElement("span", { className: "nut-input-word-num" }, inputValue ? inputValue.length : 0),
-                    "/",
-                    maxlength)) : null),
-            errorMessage ? (React__default.createElement("div", { className: "nut-input-error-message", style: {
-                    textAlign: errorMessageAlign,
-                } }, errorMessage)) : (React__default.createElement("div", null)))))));
-});
-Input.defaultProps = defaultProps;
-Input.displayName = 'NutInput';
-
-export { Input as I };

package/dist/esm/sidenavbar.taro-d5c5b331.js

@@ -1,33 +0,0 @@
-import React__default, { useState } from 'react';
-import { P as Popup } from './popup.taro-020bf791.js';
-import { O as OffsetContext } from './offsetContext-c2a746fa.js';
-
-const defaultProps = {
-    showhead: false,
-    position: 'left',
-    width: '80%',
-};
-const SideNavBar = (props) => {
-    const { title, visible, width, position, children, className, showhead, onClose, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const offset = props.offset ? Number(props.offset) : 20;
-    const [sidenavbarShow, setSidenavbarShow] = useState(true);
-    const handleClick = () => {
-        setSidenavbarShow(!sidenavbarShow);
-    };
-    return (React__default.createElement(Popup, { visible: visible, style: { width, height: '100%' }, position: position, onClose: onClose },
-        React__default.createElement("div", { className: className ? `${className} nut-sidenavbar` : 'nut-sidenavbar', ...rest },
-            React__default.createElement("div", { className: "nut-sidenavbar__content" },
-                React__default.createElement("div", { className: `nut-sidenavbar__list ${sidenavbarShow ? 'nutShow' : 'nutHide'}`, onClick: handleClick },
-                    React__default.createElement("div", { className: "nut-sidenavbar__title border-bt ", style: { paddingLeft: `${offset}px` } },
-                        title,
-                        React__default.createElement("i", { className: `arrow-icon ${sidenavbarShow ? 'arrow-up' : 'arrow-down'}` })),
-                    React__default.createElement(OffsetContext.Provider, { value: offset },
-                        React__default.createElement("div", { className: "nut-sidenavbar__content" }, children)))))));
-};
-SideNavBar.defaultProps = defaultProps;
-SideNavBar.displayName = 'NutSideNavBar';
-
-export { SideNavBar as S };

package/dist/esm/switch.taro-34ca8228.js

@@ -1,50 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    isAsync: false,
-    checked: false,
-    disable: false,
-    activeColor: '',
-    inactiveColor: '',
-    activeText: '',
-    inactiveText: '',
-    className: '',
-};
-const Switch = (props) => {
-    const { isAsync, checked, disable, activeColor, inactiveColor, activeText, inactiveText, onChange, className, style, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [value, setValue] = useState(false);
-    const b = cn('switch');
-    useEffect(() => {
-        setValue(checked);
-    }, [checked]);
-    const classes = () => {
-        return `${b()} ${value ? 'switch-open' : 'switch-close'} ${disable ? `${b()}-disable` : ''} ${`${b()}-base`} ${className}`;
-    };
-    const styles = () => {
-        const myStyle = {
-            backgroundColor: value ? activeColor : inactiveColor,
-            ...(style || {}),
-        };
-        return myStyle;
-    };
-    const onClick = (event) => {
-        if (disable)
-            return;
-        if (!isAsync) {
-            setValue(!value);
-        }
-        onChange && onChange(!value, event);
-    };
-    return (React__default.createElement("div", { className: classes(), onClick: (e) => onClick(e), style: styles() },
-        React__default.createElement("div", { className: "switch-button" },
-            !value && React__default.createElement("div", { className: "close-line" }),
-            activeText && (React__default.createElement(React__default.Fragment, null, value ? (React__default.createElement("div", { className: `${b('label')} open` }, activeText)) : (React__default.createElement("div", { className: `${b('label')} close` }, inactiveText)))))));
-};
-Switch.defaultProps = defaultProps;
-Switch.displayName = 'NutSwitch';
-
-export { Switch as S };

package/dist/esm/tabbar.taro-9acfc2fa.js

@@ -1,59 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    visible: 0,
-    bottom: false,
-    size: 20,
-    unactiveColor: '',
-    activeColor: '',
-    safeAreaInsetBottom: false,
-    className: '',
-    style: {},
-    onSwitch: (child, activeVisible) => { },
-};
-const Tabbar = (props) => {
-    const { children, visible, activeVisible, bottom, size, activeColor, unactiveColor, safeAreaInsetBottom, className, style, onSwitch, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('tabbar');
-    const [selectIndex, setSelectIndex] = useState(activeVisible || visible);
-    const handleClick = (idx) => {
-        if (!('activeVisible' in props)) {
-            setSelectIndex(idx);
-        }
-    };
-    useEffect(() => {
-        if (activeVisible !== undefined) {
-            setSelectIndex(activeVisible);
-        }
-    }, [activeVisible]);
-    return (React__default.createElement("div", { className: [
-            `${b()}`,
-            bottom ? `${b('bottom')}` : '',
-            safeAreaInsetBottom ? `${b('bottom')} ${b('safebottom')}` : '',
-            className,
-        ].join(' '), style: style }, React__default.Children.map(children, (child, idx) => {
-        if (!React__default.isValidElement(child)) {
-            return null;
-        }
-        const childProps = {
-            ...child.props,
-            active: idx === selectIndex,
-            index: idx,
-            unactiveColor,
-            activeColor,
-            size,
-            handleClick: () => {
-                handleClick(idx);
-                onSwitch(child, idx);
-            },
-        };
-        return React__default.cloneElement(child, childProps);
-    })));
-};
-Tabbar.defaultProps = defaultProps;
-Tabbar.displayName = 'NutTabbar';
-
-export { Tabbar as T };

package/dist/esm/tabbaritem.taro-42ba353f.js

@@ -1,55 +0,0 @@
-import React__default, { useEffect } from 'react';
-import Taro from '@tarojs/taro';
-import { c as cn } from './bem-350c1702.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    dot: false,
-    className: '',
-    tabTitle: '',
-    icon: null,
-    href: '',
-    to: '',
-    num: '',
-    active: false,
-    activeColor: '',
-    unactiveColor: '',
-    index: 0,
-    handleClick: (idx) => { },
-};
-const TabbarItem = (props) => {
-    const { dot, className, style, tabTitle, icon, href, to, num, active, activeColor, unactiveColor, index, handleClick, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('tabbar-item');
-    const bIcon = cn('tabbar-item__icon-box');
-    useEffect(() => {
-        if (active && href) {
-            window.location.href = href;
-            return;
-        }
-        if (active && to) {
-            Taro.navigateTo({
-                url: to,
-            });
-        }
-    }, [active, href, to]);
-    return (React__default.createElement("div", { className: `${b({ active })} ${className}`, style: {
-            ...style,
-            color: active ? activeColor : unactiveColor,
-        }, onClick: () => {
-            handleClick(index);
-        } },
-        React__default.createElement("div", { className: `${bIcon()}` },
-            !dot ? (React__default.createElement(React__default.Fragment, null,
-                num && num <= 99 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('num')])}` }, num)),
-                num && num >= 100 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('nums')])}` }, "99+")))) : (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('dot')])}` })),
-            icon || null),
-        tabTitle && (React__default.createElement("div", { className: bIcon({ 'nav-word': true }, [
-                bIcon({ 'big-word': !icon }),
-            ]) }, tabTitle))));
-};
-
-export { TabbarItem as T };