@nutui/nutui-react-taro 3.0.5 → 3.0.7

package/dist/cjs/packages/tour/style/style.css

@@ -60,7 +60,7 @@
 
 .nut-popup {
   position: fixed;
-  min-height: 46%;
+  min-height: 26%;
   max-height: 100%;
   background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #ffffff));
   -webkit-overflow-scrolling: touch;
@@ -198,12 +198,12 @@
     transform: scale(0.8);
   }
 }
-.nut-popup-slide-default-enter-active {
+.nut-popup-slide-none-enter-active {
   animation-fill-mode: both;
   animation-name: popup-scale-fade-in;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-default-exit-active {
+.nut-popup-slide-none-exit-active {
   animation-fill-mode: both;
   animation-name: popup-scale-fade-out;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -330,7 +330,7 @@
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-default-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
+.nut-popup-slide-none-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
   display: none;
 }
 .nut-popup .nut-overflow-hidden {
@@ -411,12 +411,13 @@
   top: 50%;
   transform: rotate(90deg) translateY(-50%);
 }
-.nut-popover-arrow-left.nut-popover-arrow-left-start {
+.nut-popover-arrow-left.nut-popover-arrow-left-top {
   top: 16px;
   right: -8px;
   transform: rotate(90deg) translateY(0%);
 }
-.nut-popover-arrow-left.nut-popover-arrow-left-end {
+.nut-popover-arrow-left.nut-popover-arrow-left-bottom {
+  top: auto;
   bottom: 16px;
   right: -8px;
   transform: rotate(90deg) translateY(0%);
@@ -429,12 +430,12 @@
   left: -6px;
   transform: rotate(-90deg) translateY(-50%);
 }
-.nut-popover-arrow-right.nut-popover-arrow-right-start {
+.nut-popover-arrow-right.nut-popover-arrow-right-top {
   top: 16px;
   left: -8px;
   transform: rotate(-90deg) translateY(0%);
 }
-.nut-popover-arrow-right.nut-popover-arrow-right-end {
+.nut-popover-arrow-right.nut-popover-arrow-right-bottom {
   bottom: 16px;
   left: -8px;
   transform: rotate(-90deg) translateY(0%);
@@ -449,57 +450,51 @@
   max-height: initial;
   overflow-y: initial;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item {
+.nut-popover .nut-popover-content-group {
+  padding: 0 var(--nutui-popover-padding, 8px);
+}
+.nut-popover .nut-popover-content .nut-popover-item {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 0 var(--nutui-popover-menu-item-padding, 8px);
   border-bottom: 1px solid var(--nutui-popover-divider-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
-  max-width: var(--nutui-popover-menu-item-width, 160px);
+  max-width: var(--nutui-popover-item-width, 160px);
   word-wrap: break-word;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item:last-child {
+.nut-popover .nut-popover-content .nut-popover-item:last-child {
   margin-bottom: 0px;
   border-bottom: none;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-icon {
+.nut-popover .nut-popover-content .nut-popover-item-icon, .nut-popover .nut-popover-content .nut-popover-item-action-icon {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
+  width: var(--nutui-font-size-s, 12px);
+  height: var(--nutui-font-size-s, 12px);
+  font-size: var(--nutui-font-size-s, 12px);
+}
+.nut-popover .nut-popover-content .nut-popover-item-icon .nut-icon, .nut-popover .nut-popover-content .nut-popover-item-action-icon .nut-icon {
+  width: var(--nutui-font-size-s, 12px);
+  height: var(--nutui-font-size-s, 12px);
+  font-size: var(--nutui-font-size-s, 12px);
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-icon .nut-icon {
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
+.nut-popover .nut-popover-content .nut-popover-item-icon {
+  margin-right: var(--nutui-spacing-xxs, 4px);
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-name {
+.nut-popover .nut-popover-content .nut-popover-item-name {
   width: calc(100% - 34px);
   word-break: keep-all;
-  margin: 0 8px 0 4px;
   flex: 1;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
+.nut-popover .nut-popover-content .nut-popover-item-action-icon {
   color: var(--nutui-color-text, #505259);
+  margin-left: var(--nutui-spacing-base, 8px);
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon .nut-icon {
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled {
+.nut-popover .nut-popover-content .nut-popover-item.nut-popover-item-disabled {
   color: var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
   cursor: not-allowed;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem {
+.nut-popover .nut-popover-content .nut-popover-item.nut-popover-taroitem {
   display: flex;
 }
 .nut-popover .nut-popover-content-top .nut-popover-arrow-top {
@@ -507,18 +502,18 @@
   transform-origin: center left;
   transform: rotate(180deg) translateX(-50%);
 }
-.nut-popover .nut-popover-content-top-end {
+.nut-popover .nut-popover-content-top-right {
   right: 0;
 }
-.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end {
+.nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right {
   right: 16px;
   bottom: -3.5px;
   transform: rotate(180deg) translateX(0%);
 }
-.nut-popover .nut-popover-content-top-start {
+.nut-popover .nut-popover-content-top-left {
   left: 0;
 }
-.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start {
+.nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left {
   left: 16px;
   bottom: -3.5px;
   transform: rotate(180deg) translateX(0%);
@@ -527,30 +522,30 @@
   left: 50%;
   transform: translateX(-50%);
 }
-.nut-popover .nut-popover-content-bottom-end {
+.nut-popover .nut-popover-content-bottom-right {
   right: 0;
 }
-.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end {
+.nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right {
   right: 16px;
   transform: translateX(0%);
 }
-.nut-popover .nut-popover-content-bottom-start {
+.nut-popover .nut-popover-content-bottom-left {
   left: 0;
 }
-.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start {
+.nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left {
   left: 16px;
   transform: translateX(0%);
 }
-.nut-popover .nut-popover-content-left-end {
+.nut-popover .nut-popover-content-left-bottom {
   bottom: 0;
 }
-.nut-popover .nut-popover-content-left-start {
+.nut-popover .nut-popover-content-left-top {
   top: 0;
 }
-.nut-popover .nut-popover-content-right-end {
+.nut-popover .nut-popover-content-right-bottom {
   bottom: 0;
 }
-.nut-popover .nut-popover-content-right-start {
+.nut-popover .nut-popover-content-right-top {
   top: 0;
 }
 
@@ -565,19 +560,18 @@
   background: var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7))) !important;
   color: var(--nutui-popover-content-background-color, #ffffff) !important;
 }
-.nut-popover-dark .nut-popover-content .nut-popover-menu-item-action-icon {
+.nut-popover-dark .nut-popover-content .nut-popover-item-action-icon {
   color: rgba(255, 255, 255, 0.8);
 }
 
-[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-name,
-.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-name {
+[dir=rtl] .nut-popover .nut-popover-content .nut-popover-item-name,
+.nut-rtl .nut-popover .nut-popover-content .nut-popover-item-name {
   margin-left: 0;
   margin-right: 4px;
 }
-[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon,
-.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
+[dir=rtl] .nut-popover .nut-popover-content .nut-popover-item-action-icon,
+.nut-rtl .nut-popover .nut-popover-content .nut-popover-item-action-icon {
   right: auto;
-  left: var(--nutui-popover-menu-item-padding, 8px);
 }
 [dir=rtl] .nut-popover .nut-popover-content-top .nut-popover-arrow-top,
 .nut-rtl .nut-popover .nut-popover-content-top .nut-popover-arrow-top {
@@ -585,23 +579,23 @@
   right: 50%;
   transform: translateX(50%);
 }
-[dir=rtl] .nut-popover .nut-popover-content-top-end,
-.nut-rtl .nut-popover .nut-popover-content-top-end {
+[dir=rtl] .nut-popover .nut-popover-content-top-right,
+.nut-rtl .nut-popover .nut-popover-content-top-right {
   right: auto;
   left: 0;
 }
-[dir=rtl] .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end,
-.nut-rtl .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end {
+[dir=rtl] .nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right,
+.nut-rtl .nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right {
   right: auto;
   left: 16px;
 }
-[dir=rtl] .nut-popover .nut-popover-content-top-start,
-.nut-rtl .nut-popover .nut-popover-content-top-start {
+[dir=rtl] .nut-popover .nut-popover-content-top-left,
+.nut-rtl .nut-popover .nut-popover-content-top-left {
   left: auto;
   right: 0;
 }
-[dir=rtl] .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start,
-.nut-rtl .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start {
+[dir=rtl] .nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left,
+.nut-rtl .nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left {
   left: auto;
   right: 16px;
 }
@@ -611,23 +605,23 @@
   right: 50%;
   transform: translateX(50%);
 }
-[dir=rtl] .nut-popover .nut-popover-content-bottom-end,
-.nut-rtl .nut-popover .nut-popover-content-bottom-end {
+[dir=rtl] .nut-popover .nut-popover-content-bottom-right,
+.nut-rtl .nut-popover .nut-popover-content-bottom-right {
   right: auto;
   left: 0;
 }
-[dir=rtl] .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end,
-.nut-rtl .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end {
+[dir=rtl] .nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right,
+.nut-rtl .nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right {
   right: auto;
   left: 16px;
 }
-[dir=rtl] .nut-popover .nut-popover-content-bottom-start,
-.nut-rtl .nut-popover .nut-popover-content-bottom-start {
+[dir=rtl] .nut-popover .nut-popover-content-bottom-left,
+.nut-rtl .nut-popover .nut-popover-content-bottom-left {
   left: auto;
   right: 0;
 }
-[dir=rtl] .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start,
-.nut-rtl .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start {
+[dir=rtl] .nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left,
+.nut-rtl .nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left {
   left: auto;
   right: 16px;
 }

package/dist/cjs/packages/tour/tour.js

@@ -75,7 +75,6 @@ var Tour = function Tour(props) {
     ]);
     var getRootPosition = function getRootPosition() {
         (0, _usetarorect.getTaroRectById)(list[active].target).then(function(rect) {
-            console.log('rect', rect);
             setMaskRect({
                 top: rect.top,
                 left: rect.left,
@@ -138,16 +137,16 @@ var Tour = function Tour(props) {
             }
         }, index === active && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, showTour && /*#__PURE__*/ _react.default.createElement(_components.View, {
             className: "".concat(mask ? 'nut-tour-mask' : 'nut-tour-mask nut-tour-mask-none'),
-            id: "nut-tour-popid",
+            id: "nut-tour-popid".concat(index),
             style: maskStyle()
         }), /*#__PURE__*/ _react.default.createElement(_index.default, {
             visible: showPopup,
             location: item.location || location,
-            targetId: "nut-tour-popid",
+            targetId: "nut-tour-popid".concat(index === active ? index : ''),
             closeOnOutsideClick: false,
             offset: item.popoverOffset || [
                 0,
-                12
+                8
             ],
             arrowOffset: item.arrowOffset || 0
         }, /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children || /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, type === 'step' && /*#__PURE__*/ _react.default.createElement(_components.View, {

package/dist/cjs/types/spec/badge/base.d.ts

@@ -11,4 +11,5 @@ export interface BaseBadge extends BaseProps {
     right: SimpleValue;
     fill: BadgeFill;
     size: BadgeDotSize;
+    disabled: boolean;
 }

package/dist/cjs/types/spec/dialog/base.d.ts

@@ -1,2 +1,51 @@
-export interface BaseDialog {
+import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
+import type { MouseEvent, CSSProperties } from 'react';
+import { WebOverlayProps } from "../../../types";
+import { BasicComponent } from "../../../utils/typings";
+export type DialogConfigType = {
+    prefixCls?: string;
+    simple?: boolean;
+};
+export type DialogCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
+export type DialogFooterDirection = 'horizontal' | 'vertical';
+export interface BaseContentProps extends BasicComponent {
+    visible: boolean;
+    title: ReactNode;
+    header: ReactNode;
+    footer: ReactNode;
+    close: ReactNode;
+    footerDirection: DialogFooterDirection;
 }
+export interface DialogWrapProps extends WebOverlayProps, Omit<BaseContentProps, 'onClick'> {
+    visible: boolean;
+    overlay: boolean;
+    overlayStyle: CSSProperties;
+    overlayClassName: string;
+    onCancel: () => void;
+    onClose: () => void;
+    onOverlayClick: (e: MouseEvent) => boolean | void;
+}
+export interface BaseDialog extends DialogWrapProps {
+    content: ReactNode;
+    confirmText: ReactNode;
+    cancelText: ReactNode;
+    hideConfirmButton: boolean;
+    hideCancelButton: boolean;
+    disableConfirmButton: boolean;
+    closeIconPosition: DialogCloseIconPosition;
+    closeIcon: boolean | ReactNode;
+    beforeClose: () => boolean;
+    beforeCancel: () => boolean;
+    onConfirm: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
+}
+export type DialogReturnProps = {
+    update: (newConfig: Partial<BaseDialog>) => void;
+    close: () => void;
+};
+export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Partial<BaseDialog>>> {
+    confirm: (props: Partial<BaseDialog>) => DialogReturnProps;
+    alert: (props: Partial<BaseDialog>) => DialogReturnProps;
+    config: (config: DialogConfigType) => void;
+    destroyAll: () => void;
+}
+export declare const destroyList: Array<() => void>;

package/dist/cjs/types/spec/dialog/base.js

@@ -2,3 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "destroyList", {
+    enumerable: true,
+    get: function() {
+        return destroyList;
+    }
+});
+var destroyList = [];

package/dist/cjs/types/spec/dialog/h5.d.ts

@@ -1,3 +1,6 @@
-import { BaseDialog } from './base';
+import { BaseDialog, BaseContentProps } from './base';
+export interface WebContentProps extends BaseContentProps {
+    onClick: (event: MouseEvent) => void;
+}
 export interface WebDialogProps extends BaseDialog {
 }

package/dist/cjs/types/spec/dialog/taro.d.ts

@@ -1,3 +1,9 @@
-import { BaseDialog } from './base';
-export interface TaroDialogProps extends BaseDialog {
+import { ITouchEvent } from '@tarojs/components';
+import { BaseDialog, BaseContentProps } from './base';
+export interface TaroContentProps extends BaseContentProps {
+    onClick: (event: ITouchEvent) => void;
+}
+export interface TaroDialogProps extends Omit<BaseDialog, 'onOverlayClick' | 'onClick'> {
+    onClick: (event: ITouchEvent) => void;
+    onOverlayClick: (event: ITouchEvent) => boolean | void;
 }

package/dist/cjs/types/spec/indicator/base.d.ts

@@ -1,6 +1,6 @@
 import { BaseProps } from '../../base/props';
 import { UIType } from '../../base/atoms';
-export type IndicatorType = 'anchor' | 'slide';
+export type IndicatorType = 'anchor' | 'slide' | 'dualScreen';
 export type IndicatorColor = Extract<UIType, 'primary' | 'default'>;
 export interface BaseIndicator extends BaseProps {
     total: number;

package/dist/cjs/types/spec/notify/base.d.ts

@@ -1,9 +1,14 @@
+import { PositionY } from "../../base/atoms";
 import { BaseProps } from '../../base/props';
 export interface BaseNotify extends BaseProps {
     id: string;
+    distance: number;
+    navHeight: number;
+    closeable: boolean;
+    leftIcon: React.ReactNode;
+    rightIcon: React.ReactNode;
+    position: PositionY;
     duration: number;
-    type: string;
-    position: string;
     onClick: () => void;
     onClose: () => void;
 }

package/dist/cjs/types/spec/popover/base.d.ts

@@ -12,6 +12,13 @@ export interface PopoverList {
         onClick?: (e: any) => void;
     };
 }
+export interface WrapperPosition {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    right: number;
+}
 export type BasePopover<POPUP_PROPS> = POPUP_PROPS & BaseProps & {
     theme: UITheme;
     location: FullPosition;

package/dist/cjs/types/spec/searchbar/taro.d.ts

@@ -1,10 +1,13 @@
-import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
-import { ITouchEvent } from '@tarojs/components';
+import { BaseEventOrig, ITouchEvent, InputProps } from '@tarojs/components';
 import { BaseSearchBar } from './base';
+type inputEventDetail = InputProps.inputEventDetail;
+type inputForceEventDetail = InputProps.inputForceEventDetail;
+type inputValueEventDetail = InputProps.inputValueEventDetail;
 export interface TaroSearchBarProps extends Omit<BaseSearchBar, 'onChange' | 'onFocus' | 'onBlur' | 'onClear' | 'onInputClick'> {
-    onChange?: (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
-    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
-    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
-    onClear?: (event: React.MouseEvent<Element, MouseEvent> | ITouchEvent) => void;
-    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
+    onChange?: (value: string, event?: BaseEventOrig<inputEventDetail>) => void;
+    onFocus?: (value: string, event: BaseEventOrig<inputForceEventDetail>) => void;
+    onBlur?: (value: string, event: BaseEventOrig<inputValueEventDetail>) => void;
+    onClear?: (event: ITouchEvent) => void;
+    onInputClick?: (event: ITouchEvent) => void;
 }
+export {};

package/dist/cjs/types/spec/skeleton/base.d.ts

@@ -1,11 +1,13 @@
 import { BaseProps } from '../../base/props';
+import { SimpleValue, UIRound, UISize } from '../../base/atoms';
 export type avatarShape = 'round' | 'square';
 export interface BaseSkeleton extends BaseProps {
-    animated: boolean;
     rows: number;
-    title: boolean;
-    avatar: boolean;
-    avatarSize: string;
+    size: Extract<UISize, 'small' | 'normal' | 'large'>;
+    width?: SimpleValue;
+    height?: SimpleValue;
+    shape: UIRound | 'circle';
+    animated: boolean;
+    duration: number;
     visible: boolean;
-    avatarShape: avatarShape;
 }

package/dist/cjs/types/spec/switch/base.d.ts

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
 import { BaseProps } from '../../base/props';
-export interface BaseSwitch<EVENT = any> extends BaseProps {
+export interface BaseSwitch extends BaseProps {
     checked: boolean;
     defaultChecked: boolean;
     disabled: boolean;
     activeText: ReactNode;
     inactiveText: ReactNode;
-    onChange: (val: boolean, event: EVENT) => void;
+    loadingIcon: ReactNode;
+    onChange: (val: boolean) => void;
 }

package/dist/cjs/types/spec/switch/h5.d.ts

@@ -1,3 +1,3 @@
 import { BaseSwitch } from '../switch/base';
-export interface WebSwitchProps extends BaseSwitch<React.MouseEvent> {
+export interface WebSwitchProps extends BaseSwitch {
 }

package/dist/cjs/types/spec/switch/taro.d.ts

@@ -1,6 +1,3 @@
-import { ITouchEvent } from '@tarojs/components';
 import { BaseSwitch } from './base';
-type UnionEvent = React.MouseEvent<Element, MouseEvent> | ITouchEvent;
-export interface TaroSwitchProps extends BaseSwitch<UnionEvent> {
+export interface TaroSwitchProps extends BaseSwitch {
 }
-export {};

package/dist/cjs/types/spec/tabbar/base.d.ts

@@ -1,20 +1,23 @@
 import { ReactNode } from 'react';
-import { BaseProps } from '../../base/props';
+import { BaseProps, Direction } from "../../../types";
 export interface BaseTabbar extends BaseProps {
     defaultValue: number;
     value?: number;
     fixed: boolean;
     inactiveColor: string;
     activeColor: string;
+    direction: Direction;
     safeArea: boolean;
     onSwitch: (value: number) => void;
 }
 export interface BaseTabbarItem extends BaseProps {
-    title: ReactNode;
-    icon: ReactNode;
-    value: ReactNode;
+    title: ReactNode | ((active: boolean) => ReactNode);
+    icon: ReactNode | ((active: boolean) => ReactNode);
+    value: ReactNode | ((active: boolean) => ReactNode);
     dot: boolean;
     max: number;
     top: string;
     right: string;
+    direction: Direction;
+    onActiveClick: () => void;
 }

package/dist/cjs/utils/get-rect-by-taro.js

@@ -16,11 +16,14 @@ _export(exports, {
         return makeRect;
     }
 });
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _taro = require("@tarojs/taro");
+var _lru = /*#__PURE__*/ _interop_require_default._(require("./lru"));
 var _useclientrect = require("../hooks/use-client-rect");
+var lru = new _lru.default(10);
 function makeRect(width, height) {
     return {
         top: 0,
@@ -48,8 +51,15 @@ var getRectByTaro = /*#__PURE__*/ function() {
                 return [
                     2,
                     new Promise(function(resolve, reject) {
+                        if (lru.has(element)) {
+                            resolve(lru.get(element));
+                            return;
+                        }
                         (0, _taro.createSelectorQuery)().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
                             var _param = (0, _sliced_to_array._)(param, 1), rects = _param[0];
+                            if (rects) {
+                                lru.set(element, rects);
+                            }
                             resolve(rects);
                         });
                     })

package/dist/cjs/utils/lru.d.ts

@@ -0,0 +1,8 @@
+export default class MiniLru {
+    private cache;
+    private capacity;
+    constructor(capacity: number);
+    get(key: any): any | null;
+    set(key: any, value: any): void;
+    has(key: any): boolean;
+}

package/dist/cjs/utils/lru.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return MiniLru;
+    }
+});
+var _class_call_check = require("@swc/helpers/_/_class_call_check");
+var _create_class = require("@swc/helpers/_/_create_class");
+var _define_property = require("@swc/helpers/_/_define_property");
+var MiniLru = /*#__PURE__*/ function() {
+    "use strict";
+    function MiniLru(capacity) {
+        (0, _class_call_check._)(this, MiniLru);
+        (0, _define_property._)(this, "cache", void 0);
+        (0, _define_property._)(this, "capacity", void 0);
+        if (capacity <= 0) {
+            throw new Error('Cache capacity must be a positive number');
+        }
+        this.cache = new Map();
+        this.capacity = capacity;
+    }
+    (0, _create_class._)(MiniLru, [
+        {
+            key: "get",
+            value: function get(key) {
+                if (this.cache.has(key)) {
+                    var value = this.cache.get(key);
+                    this.cache.delete(key);
+                    this.cache.set(key, value);
+                    return value;
+                }
+                return null;
+            }
+        },
+        {
+            key: "set",
+            value: function set(key, value) {
+                if (this.cache.has(key)) {
+                    this.cache.delete(key);
+                } else if (this.cache.size >= this.capacity) {
+                    this.cache.delete(this.cache.keys().next().value);
+                }
+                this.cache.set(key, value);
+            }
+        },
+        {
+            key: "has",
+            value: function has(key) {
+                return this.cache.has(key);
+            }
+        }
+    ]);
+    return MiniLru;
+}();