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

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.3 Fri Apr 28 2023 15:56:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.4 Fri May 05 2023 16:38:28 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/variables-jmapp.scss

@@ -470,11 +470,11 @@ $picker-mask-bg-img: var(
 ) !default;
 //input（✅）
 $input-border-bottom: var(--nutui-input-border-bottom, #eaf0fb) !default;
-$input-disabled-color: var(--nutui-input-disabled-color, #c8c9cc) !default;
-$input-required-color: var(
-  --nutui-input-required-color,
-  $required-color
+$input-border-bottom-width: var(
+  --nutui-input-border-bottom-width,
+  0px
 ) !default;
+$input-disabled-color: var(--nutui-input-disabled-color, #c8c9cc) !default;
 $input-font-size: var(--nutui-input-font-size, $font-size-2) !default;
 $input-padding: var(--nutui-input-padding, 10px 25px) !default;
 
@@ -871,28 +871,24 @@ $rate-icon-void-color: var(
 // tabbar（✅）
 $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
 $tabbar-active-color: var(--nutui-tabbar-active-color, $primary-color) !default;
-$tabbar-unactive-color: var(
-  --nutui-tabbar-unactive-color,
-  $primary-color
-) !default;
+$tabbar-inactive-color: var(--nutui-tabbar-inactive-color, $gray1) !default;
 $tabbar-border-top: var(--nutui-tabbar-border-top, 1px solid #eee) !default;
 $tabbar-border-bottom: var(
   --nutui-tabbar-border-bottom,
   1px solid #eee
 ) !default;
 $tabbar-box-shadow: var(--nutui-tabbar-box-shadow, none) !default;
-$tabbar-item-text-font-size: var(
-  --nutui-tabbar-item-text-font-size,
+$tabbar-text-font-size: var(
+  --nutui-tabbar-text-font-size,
   $font-size-0
 ) !default;
-$tabbar-item-text-line-height: var(
-  --nutui-tabbar-item-text-line-height,
-  20px
+$tabbar-text-large-font-size: var(
+  --nutui-tabbar-text-large-font-size,
+  $font-size-large
 ) !default;
+$tabbar-text-line-height: var(--nutui-tabbar-text-line-height, 20px) !default;
 $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
-$tabbar-word-margin-top: var(--nutui-tabbar-word-margin-top, 3px) !default;
-$tabbar-dot-right: var(--nutui-tabbar-dot-right, 12px) !default;
-$tabbar-dot-top: var(--nutui-tabbar-dot-top, 0) !default;
+$tabbar-text-margin-top: var(--nutui-tabbar-text-margin-top, 3px) !default;
 
 //infiniteloading（✅）
 $infiniteloading-bottom-color: var(

package/dist/styles/variables.scss

@@ -454,11 +454,11 @@ $picker-mask-bg-img: var(
 
 //input（✅）
 $input-border-bottom: var(--nutui-input-border-bottom, #eaf0fb) !default;
-$input-disabled-color: var(--nutui-input-disabled-color, #c8c9cc) !default;
-$input-required-color: var(
-  --nutui-input-required-color,
-  $required-color
+$input-border-bottom-width: var(
+  --nutui-input-border-bottom-width,
+  0px
 ) !default;
+$input-disabled-color: var(--nutui-input-disabled-color, #c8c9cc) !default;
 $input-font-size: var(--nutui-input-font-size, $font-size-2) !default;
 $input-padding: var(--nutui-input-padding, 10px 25px) !default;
 
@@ -858,28 +858,24 @@ $rate-icon-void-color: var(
 // tabbar（✅）
 $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
 $tabbar-active-color: var(--nutui-tabbar-active-color, $primary-color) !default;
-$tabbar-unactive-color: var(
-  --nutui-tabbar-unactive-color,
-  $primary-color
-) !default;
+$tabbar-inactive-color: var(--nutui-tabbar-inactive-color, $gray1) !default;
 $tabbar-border-top: var(--nutui-tabbar-border-top, 1px solid #eee) !default;
 $tabbar-border-bottom: var(
   --nutui-tabbar-border-bottom,
   1px solid #eee
 ) !default;
 $tabbar-box-shadow: var(--nutui-tabbar-box-shadow, none) !default;
-$tabbar-item-text-font-size: var(
-  --nutui-tabbar-item-text-font-size,
+$tabbar-text-font-size: var(
+  --nutui-tabbar-text-font-size,
   $font-size-0
 ) !default;
-$tabbar-item-text-line-height: var(
-  --nutui-tabbar-item-text-line-height,
-  20px
+$tabbar-text-large-font-size: var(
+  --nutui-tabbar-text-large-font-size,
+  $font-size-large
 ) !default;
+$tabbar-text-line-height: var(--nutui-tabbar-text-line-height, 20px) !default;
 $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
-$tabbar-word-margin-top: var(--nutui-tabbar-word-margin-top, 3px) !default;
-$tabbar-dot-right: var(--nutui-tabbar-dot-right, 12px) !default;
-$tabbar-dot-top: var(--nutui-tabbar-dot-top, 0) !default;
+$tabbar-text-margin-top: var(--nutui-tabbar-text-margin-top, 3px) !default;
 
 //infiniteloading（✅）
 $infiniteloading-bottom-color: var(

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { CSSProperties, ReactNode, FunctionComponent, MouseEvent as MouseEvent$1, MouseEventHandler, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, Component } from 'react';
-import { ButtonProps as ButtonProps$1, ITouchEvent } from '@tarojs/components';
+import { ButtonProps as ButtonProps$1, ITouchEvent, InputProps as InputProps$1 } from '@tarojs/components';
 import Taro, { InnerAudioContext } from '@tarojs/taro';
 
 interface BasicComponent {
@@ -387,37 +387,40 @@ type SubSideNavBarProps = {
 };
 declare const SubSideNavBar: FunctionComponent<SubSideNavBarProps>;
 
-interface TabbarProps {
-    visible: number | string;
-    activeVisible?: number | string;
-    bottom: boolean;
-    size: string | number;
-    unactiveColor: string;
-    activeColor: string;
-    safeAreaInsetBottom: boolean;
-    className: string;
-    style: React__default.CSSProperties;
-    onSwitch: (child: React__default.ReactElement<any>, active: number) => void;
-    children?: React__default.ReactNode;
+interface BadgeProps extends BasicComponent {
+    value: ReactNode;
+    dot: boolean;
+    max: number;
+    top: string;
+    right: string;
+    color: string;
 }
-declare const Tabbar: FunctionComponent<Partial<TabbarProps>>;
+declare const Badge: FunctionComponent<Partial<BadgeProps>>;
 
-interface TabbarItemProps extends BasicComponent {
-    dot: boolean;
-    className: string;
-    tabTitle: string;
-    icon: React__default.ReactNode;
-    href: string;
-    to: any;
-    num: string | number;
+interface TabbarItemProps extends BadgeProps {
+    title: ReactNode;
+    icon: ReactNode;
     active: boolean;
     activeColor: string;
-    unactiveColor: string;
+    inactiveColor: string;
     index: number;
     handleClick: (idx: number) => void;
 }
 declare const TabbarItem: FunctionComponent<Partial<TabbarItemProps>>;
 
+interface TabbarProps extends BasicComponent {
+    defaultValue: number;
+    value?: number;
+    fixed: boolean;
+    inactiveColor: string;
+    activeColor: string;
+    safeArea: boolean;
+    onSwitch: (value: number) => void;
+}
+declare const Tabbar: FunctionComponent<Partial<TabbarProps>> & {
+    Item: typeof TabbarItem;
+};
+
 interface TabPanelInnerProps {
     autoHeightClassName: string;
 }
@@ -783,58 +786,30 @@ declare const Form: FunctionComponent<Partial<FormProps> & React__default.HTMLAt
 
 type InputAlignType = 'left' | 'center' | 'right';
 type InputFormatTrigger = 'onChange' | 'onBlur';
-type InputType = HTMLInputTypeAttribute;
-type InputRule = {
-    pattern?: RegExp;
-    message?: string;
-    required?: boolean;
-};
+type ConfirmTextType = 'send' | 'search' | 'next' | 'go' | 'done';
 interface InputProps extends BasicComponent {
-    type: InputType;
+    type: keyof InputProps$1.Type | HTMLInputTypeAttribute;
     name: string;
-    defaultValue: any;
+    defaultValue?: string;
+    value?: string;
     placeholder: string;
-    label: string;
-    labelClass: string;
-    labelWidth: string | number;
-    labelAlign: InputAlignType;
-    colon: boolean;
-    inputAlign: InputAlignType;
-    center: boolean;
-    required: boolean;
+    align: InputAlignType;
     disabled: boolean;
-    readonly: boolean;
-    error: boolean;
-    maxlength: any;
-    leftIcon: React__default.ReactNode;
-    rightIcon: React__default.ReactNode;
+    readOnly: boolean;
+    maxLength: number;
     clearable: boolean;
     clearIcon: React__default.ReactNode;
-    clearSize: string | number;
-    border: boolean;
     formatTrigger: InputFormatTrigger;
-    rules: Array<InputRule>;
-    errorMessage: string;
-    errorMessageAlign: InputAlignType;
-    rows: string | number;
-    showWordLimit: boolean;
-    autofocus: boolean;
-    style?: CSSProperties;
-    className?: string;
-    slotButton?: React__default.ReactNode;
-    slotInput?: React__default.ReactNode;
-    formatter: (value: string) => void;
-    onChange?: (value: any, event: Event) => void;
-    onBlur?: (value: any, event: Event) => void;
-    onFocus?: (value: any, event: Event) => void;
-    onClear?: (value: any, event: Event) => void;
-    keypress?: (value: any, event: Event) => void;
-    onClickInput?: (value: any) => void;
-    onClickLeftIcon?: (value: any) => void;
-    onClickRightIcon?: (value: any) => void;
-    onClick?: (value: any) => void;
+    autoFocus: boolean;
+    confirmType: ConfirmTextType;
+    formatter?: (value: string) => void;
+    onChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    onFocus?: (value: string) => void;
+    onClear?: (value: string) => void;
+    onClick?: (e: ITouchEvent) => void;
 }
-declare const Input: FunctionComponent<Partial<InputProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus' | 'onClick'>>;
+declare const Input: React__default.ForwardRefExoticComponent<Partial<InputProps> & Partial<Omit<InputProps$1, "type" | "ref" | "onFocus" | "onBlur">> & React__default.RefAttributes<unknown>>;
 
 interface InputNumberProps extends BasicComponent {
     disabled: boolean;
@@ -1272,16 +1247,6 @@ interface ActionSheetProps {
 }
 declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-interface BadgeProps extends BasicComponent {
-    value: ReactNode;
-    dot: boolean;
-    max: number;
-    top: string;
-    right: string;
-    color: string;
-}
-declare const Badge: FunctionComponent<Partial<BadgeProps>>;
-
 interface BasicDialogProps {
     visible?: boolean;
     title?: ReactNode;
@@ -1611,17 +1576,16 @@ interface AvatarGroupProps {
 }
 declare const AvatarGroup: FunctionComponent<Partial<AvatarGroupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-interface CircleProgressProps {
-    progress: string | number;
+interface CircleProgressProps extends BasicComponent {
+    percent: string | number;
     strokeWidth?: string | number;
     radius?: number | string;
-    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit' | undefined;
-    circleColor?: object | string;
-    pathColor?: string;
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
+    color?: object | string;
+    background?: string;
     clockwise?: boolean;
-    className?: string;
 }
-declare const CircleProgress: FunctionComponent<CircleProgressProps & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const CircleProgress: FunctionComponent<CircleProgressProps & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'color'>>;
 
 interface CollapseProps {
     className: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.4",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/input.taro-f4e067f7.js

@@ -1,237 +0,0 @@
-import React, { forwardRef, useState, useRef, useEffect, useImperativeHandle, useCallback } from 'react';
-import { MaskClose } from '@nutui/icons-react-taro';
-import { u as useConfig } from './configprovider.taro-43a3c646.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.createElement("div", { className: `${classes}  ${className || ''}`, style: style, onClick: (e) => {
-            onClick && onClick(e);
-        } }, slotInput ? (React.createElement(React.Fragment, null,
-        label ? (React.createElement("div", { className: `nut-input-label ${labelClass}`, style: { width: `${labelWidth}px`, textAlign: labelAlign } },
-            React.createElement("div", { className: "label-string" },
-                label,
-                colon ? ':' : ''))) : null,
-        React.createElement("div", { className: "nut-input-value" },
-            React.createElement("div", { className: "nut-input-inner", onClick: (e) => {
-                    handleClickInput(e);
-                } }, slotInput)))) : (React.createElement(React.Fragment, null,
-        React.isValidElement(leftIcon) ? (React.createElement("div", { className: "nut-input-left-icon", onClick: (e) => {
-                handleClickLeftIcon(e);
-            } }, leftIcon)) : null,
-        label ? (React.createElement("div", { className: `nut-input-label ${labelClass}`, style: { width: `${labelWidth}px`, textAlign: labelAlign } },
-            React.createElement("div", { className: "label-string" },
-                label,
-                colon ? ':' : ''))) : null,
-        React.createElement("div", { className: "nut-input-value" },
-            React.createElement("div", { className: "nut-input-main-con" },
-                React.createElement("div", { className: "nut-input-inner", onClick: (e) => {
-                        handleClickInput(e);
-                    } },
-                    type === 'textarea' ? (React.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.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.createElement("span", { className: "nut-input-clear-wrap", onClick: (e) => handleClear(e) }, clearIcon || React.createElement(MaskClose, { className: "nut-input-clear" }))) : null),
-                React.isValidElement(rightIcon) ? (React.createElement("div", { className: "nut-input-right-icon", onClick: (e) => {
-                        handleClickRightIcon(e);
-                    } }, rightIcon)) : null,
-                slotButton ? (React.createElement("div", { className: "nut-input-button" }, slotButton)) : null,
-                showWordLimit && maxlength ? (React.createElement("div", { className: "nut-input-word-limit" },
-                    React.createElement("span", { className: "nut-input-word-num" }, inputValue ? inputValue.length : 0),
-                    "/",
-                    maxlength)) : null),
-            errorMessage ? (React.createElement("div", { className: "nut-input-error-message", style: {
-                    textAlign: errorMessageAlign,
-                } }, errorMessage)) : (React.createElement("div", null)))))));
-});
-Input.defaultProps = defaultProps;
-Input.displayName = 'NutInput';
-
-export { Input as I };

package/dist/esm/tabbar.taro-eefd0f8e.js

@@ -1,59 +0,0 @@
-import React, { 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.createElement("div", { className: [
-            `${b()}`,
-            bottom ? `${b('bottom')}` : '',
-            safeAreaInsetBottom ? `${b('bottom')} ${b('safebottom')}` : '',
-            className,
-        ].join(' '), style: style }, React.Children.map(children, (child, idx) => {
-        if (!React.isValidElement(child)) {
-            return null;
-        }
-        const childProps = {
-            ...child.props,
-            active: idx === selectIndex,
-            index: idx,
-            unactiveColor,
-            activeColor,
-            size,
-            handleClick: () => {
-                handleClick(idx);
-                onSwitch(child, idx);
-            },
-        };
-        return React.cloneElement(child, childProps);
-    })));
-};
-Tabbar.defaultProps = defaultProps;
-Tabbar.displayName = 'NutTabbar';
-
-export { Tabbar as T };

package/dist/esm/tabbaritem.taro-7a97e645.js

@@ -1,55 +0,0 @@
-import React, { 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.createElement("div", { className: `${b({ active })} ${className}`, style: {
-            ...style,
-            color: active ? activeColor : unactiveColor,
-        }, onClick: () => {
-            handleClick(index);
-        } },
-        React.createElement("div", { className: `${bIcon()}` },
-            !dot ? (React.createElement(React.Fragment, null,
-                num && num <= 99 && (React.createElement("div", { className: `${bIcon('tips', [bIcon('num')])}` }, num)),
-                num && num >= 100 && (React.createElement("div", { className: `${bIcon('tips', [bIcon('nums')])}` }, "99+")))) : (React.createElement("div", { className: `${bIcon('tips', [bIcon('dot')])}` })),
-            icon || null),
-        tabTitle && (React.createElement("div", { className: bIcon({ 'nav-word': true }, [
-                bIcon({ 'big-word': !icon }),
-            ]) }, tabTitle))));
-};
-
-export { TabbarItem as T };