@nutui/nutui-react-taro 3.0.5 → 3.0.7

package/dist/es/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/es/types/spec/skeleton/base.d.ts

@@ -1,32 +1,37 @@
 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
     /**
-    * 设置段落行数
+    * 指定使用的内置高度
     */
-    rows: number
+    size: Extract<UISize, 'small' | 'normal' | 'large'>
     /**
-    * 是否显示段落标题
+    * 设置宽度，优先级高于 size 属性
     */
-    title: boolean
+    width?: SimpleValue
     /**
-    * 是否显示头像
+    * 设置高度，优先级高于 size 属性
     */
-    avatar: boolean
+    height?: SimpleValue
     /**
-    * 头像大小
+    * 设置形状
     */
-    avatarSize: string
+    shape: UIRound | 'circle'
     /**
-    * 是否显示骨架屏(true不显示骨架屏，false显示骨架屏)
+    * 是否开启骨架屏动画
     */
-    visible: boolean
+    animated: boolean
+    /**
+    * 动画时长
+    */
+    duration: number
     /**
-    * 头像形状：正方形/圆形
+    * 是否显示骨架屏(true不显示骨架屏，false显示骨架屏)
     */
-    avatarShape: avatarShape
+    visible: boolean
 }

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { BaseProps } from '../../base/props';
-export interface BaseSwitch<EVENT = any> extends BaseProps {
+export interface BaseSwitch extends BaseProps {
     /**
     * 开关状态，受控
     */
@@ -22,7 +22,11 @@ export interface BaseSwitch<EVENT = any> extends BaseProps {
     */
     inactiveText: ReactNode
     /**
+    * 受控 loading 态图标
+    */
+    loadingIcon: ReactNode
+    /**
     * 切换开关时触发
     */
-    onChange: (val: boolean, event: EVENT) => void
+    onChange: (val: boolean) => void
 }

package/dist/es/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/es/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/es/types/spec/tabbar/base.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseProps } from '../../base/props';
+import { BaseProps, Direction } from "../../../types";
 export interface BaseTabbar extends BaseProps {
     /**
     * 默认选中的标签的索引值
@@ -21,6 +21,7 @@ export interface BaseTabbar extends BaseProps {
     * icon激活的颜色
     */
     activeColor: string
+    direction: Direction;
     /**
     * 是否开启iphone系列全面屏底部安全区适配
     */
@@ -31,11 +32,13 @@ export interface BaseTabbar extends BaseProps {
     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/es/utils/get-rect-by-taro.js

@@ -2,7 +2,9 @@ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { createSelectorQuery } from "@tarojs/taro";
+import MiniLru from "./lru";
 import { getRect, inBrowser } from "../hooks/use-client-rect";
+var lru = new MiniLru(10);
 export function makeRect(width, height) {
     return {
         top: 0,
@@ -30,8 +32,15 @@ export var getRectByTaro = /*#__PURE__*/ function() {
                 return [
                     2,
                     new Promise(function(resolve, reject) {
+                        if (lru.has(element)) {
+                            resolve(lru.get(element));
+                            return;
+                        }
                         createSelectorQuery().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
                             var _param = _sliced_to_array(param, 1), rects = _param[0];
+                            if (rects) {
+                                lru.set(element, rects);
+                            }
                             resolve(rects);
                         });
                     })

package/dist/es/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/es/utils/lru.js

@@ -0,0 +1,49 @@
+import { _ as _class_call_check } from "@swc/helpers/_/_class_call_check";
+import { _ as _create_class } from "@swc/helpers/_/_create_class";
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+var MiniLru = /*#__PURE__*/ function() {
+    "use strict";
+    function MiniLru(capacity) {
+        _class_call_check(this, MiniLru);
+        _define_property(this, "cache", void 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;
+    }
+    _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;
+}();
+export { MiniLru as default };