@mpxjs/webpack-plugin 2.10.14-beta.1 → 2.10.14-beta.11

package/lib/runtime/components/react/dist/mpx-rich-text/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+/**
+ * ✔ nodes
+ */
+import { View, ViewProps, ViewStyle } from 'react-native';
+import { HandlerRef } from '../useNodesRef';
+type Node = {
+    type: 'node' | 'text';
+    name?: string;
+    attrs?: any;
+    children?: Array<Node>;
+    text: string;
+};
+interface _RichTextProps extends ViewProps {
+    style?: ViewStyle;
+    nodes: string | Array<Node>;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+}
+declare const _RichText: import("react").ForwardRefExoticComponent<_RichTextProps & import("react").RefAttributes<HandlerRef<View, _RichTextProps>>>;
+export default _RichText;

package/lib/runtime/components/react/dist/mpx-root-portal.d.ts

@@ -0,0 +1,14 @@
+/**
+ * ✔ enable
+ */
+import { ReactNode } from 'react';
+interface RootPortalProps {
+    enable?: boolean;
+    children: ReactNode;
+    [x: string]: any;
+}
+declare const _RootPortal: {
+    (props: RootPortalProps): import("react").FunctionComponentElement<import("./mpx-portal/index").PortalProps>;
+    displayName: string;
+};
+export default _RootPortal;

package/lib/runtime/components/react/dist/mpx-scroll-view.d.ts

@@ -0,0 +1,54 @@
+import { View, NativeSyntheticEvent, NativeScrollEvent, ViewStyle } from 'react-native';
+import { ReactNode } from 'react';
+import { HandlerRef } from './useNodesRef';
+import { GestureHandler } from './utils';
+interface ScrollViewProps {
+    children?: ReactNode;
+    enhanced?: boolean;
+    bounces?: boolean;
+    style?: ViewStyle;
+    'scroll-x'?: boolean;
+    'scroll-y'?: boolean;
+    'enable-back-to-top'?: boolean;
+    'show-scrollbar'?: boolean;
+    'paging-enabled'?: boolean;
+    'upper-threshold'?: number;
+    'lower-threshold'?: number;
+    'scroll-with-animation'?: boolean;
+    'refresher-triggered'?: boolean;
+    'refresher-enabled'?: boolean;
+    'refresher-default-style'?: 'black' | 'white' | 'none';
+    'refresher-background'?: string;
+    'refresher-threshold'?: number;
+    'scroll-top'?: number;
+    'scroll-left'?: number;
+    'enable-offset'?: boolean;
+    'scroll-into-view'?: string;
+    'enable-trigger-intersection-observer'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'enable-sticky'?: boolean;
+    'wait-for'?: Array<GestureHandler>;
+    'simultaneous-handlers'?: Array<GestureHandler>;
+    'scroll-event-throttle'?: number;
+    'scroll-into-view-offset'?: number;
+    bindscrolltoupper?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    bindscrolltolower?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    bindscroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    bindrefresherrefresh?: (event: NativeSyntheticEvent<unknown>) => void;
+    binddragstart?: (event: NativeSyntheticEvent<DragEvent>) => void;
+    binddragging?: (event: NativeSyntheticEvent<DragEvent>) => void;
+    binddragend?: (event: NativeSyntheticEvent<DragEvent>) => void;
+    bindtouchstart?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindtouchmove?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindtouchend?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindscrollend?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    __selectRef?: (selector: string, nodeType: 'node' | 'component', all?: boolean) => HandlerRef<any, any>;
+}
+declare const _ScrollView: import("react").ForwardRefExoticComponent<ScrollViewProps & import("react").RefAttributes<HandlerRef<import("react").ForwardRefExoticComponent<import("react-native").ScrollViewProps & {
+    children?: ReactNode;
+} & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react").ComponentType<any>>> & import("react-native").ScrollView & View, ScrollViewProps>>>;
+export default _ScrollView;

package/lib/runtime/components/react/dist/mpx-scroll-view.jsx

@@ -38,7 +38,7 @@ import Animated, { useSharedValue, withTiming, useAnimatedStyle, runOnJS } from
 import { warn, hasOwn } from '@mpxjs/utils';
 import useInnerProps, { getCustomEvent } from './getInnerListeners';
 import useNodesRef from './useNodesRef';
-import { splitProps, splitStyle, useTransformStyle, useLayout, wrapChildren, extendObject, flatGesture, HIDDEN_STYLE } from './utils';
+import { splitProps, splitStyle, useTransformStyle, useLayout, wrapChildren, extendObject, flatGesture, HIDDEN_STYLE, useRunOnJSCallback } from './utils';
 import { IntersectionObserverContext, ScrollViewContext } from './context';
 import Portal from './mpx-portal';
 const AnimatedScrollView = RNAnimated.createAnimatedComponent(ScrollView);
@@ -79,6 +79,23 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
     const { normalStyle, hasVarDec, varContextRef, hasSelfPercent, hasPositionFixed, setWidth, setHeight } = useTransformStyle(style, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
     const { textStyle, innerStyle = {} } = splitStyle(normalStyle);
     const scrollViewRef = useRef(null);
+    const propsRef = useRef(props);
+    const refresherStateRef = useRef({
+        hasRefresher,
+        refresherTriggered
+    });
+    propsRef.current = props;
+    refresherStateRef.current = {
+        hasRefresher,
+        refresherTriggered
+    };
+    const runOnJSCallbackRef = useRef({
+        setEnableScroll,
+        setScrollBounces,
+        setRefreshing,
+        onRefresh
+    });
+    const runOnJSCallback = useRunOnJSCallback(runOnJSCallbackRef);
     useNodesRef(props, ref, scrollViewRef, {
         style: normalStyle,
         scrollOffset: scrollOptions,
@@ -343,6 +360,7 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
     }
     // 处理刷新
     function onRefresh() {
+        const { hasRefresher, refresherTriggered } = refresherStateRef.current;
         if (hasRefresher && refresherTriggered === undefined) {
             // 处理使用了自定义刷新组件，又没设置 refresherTriggered 的情况
             setRefreshing(true);
@@ -354,9 +372,9 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
                 }
             }, 500);
         }
-        const { bindrefresherrefresh } = props;
+        const { bindrefresherrefresh } = propsRef.current;
         bindrefresherrefresh &&
-            bindrefresherrefresh(getCustomEvent('refresherrefresh', {}, { layoutRef }, props));
+            bindrefresherrefresh(getCustomEvent('refresherrefresh', {}, { layoutRef }, propsRef.current));
     }
     function getRefresherContent(children) {
         let refresherContent = null;
@@ -404,7 +422,7 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
         'worklet';
         if (enableScrollValue.value !== newValue) {
             enableScrollValue.value = newValue;
-            runOnJS(setEnableScroll)(newValue);
+            runOnJS(runOnJSCallback)('setEnableScroll', newValue);
         }
     }
     const resetScrollState = (value) => {
@@ -415,7 +433,7 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
         'worklet';
         if (bouncesValue.value !== newValue) {
             bouncesValue.value = newValue;
-            runOnJS(setScrollBounces)(newValue);
+            runOnJS(runOnJSCallback)('setScrollBounces', newValue);
         }
     }
     // 处理下拉刷新的手势
@@ -460,7 +478,7 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
             if ((event.translationY > 0 && translateY.value < refresherThreshold) || event.translationY < 0) {
                 translateY.value = withTiming(0);
                 updateScrollState(true);
-                runOnJS(setRefreshing)(false);
+                runOnJS(runOnJSCallback)('setRefreshing', false);
             }
             else {
                 translateY.value = withTiming(refresherHeight.value);
@@ -469,13 +487,13 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
         else if (event.translationY >= refresherHeight.value) {
             // 触发刷新
             translateY.value = withTiming(refresherHeight.value);
-            runOnJS(onRefresh)();
+            runOnJS(runOnJSCallback)('onRefresh');
         }
         else {
             // 回弹
             translateY.value = withTiming(0);
             updateScrollState(true);
-            runOnJS(setRefreshing)(false);
+            runOnJS(runOnJSCallback)('setRefreshing', false);
         }
     })
         .simultaneousWithExternalGesture(scrollViewRef);

package/lib/runtime/components/react/dist/mpx-simple-text.d.ts

@@ -0,0 +1,7 @@
+import { TextProps } from 'react-native';
+import { JSX } from 'react';
+declare const SimpleText: {
+    (props: TextProps): JSX.Element;
+    displayName: string;
+};
+export default SimpleText;

package/lib/runtime/components/react/dist/mpx-simple-view.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ViewProps } from 'react-native';
+declare const SimpleView: {
+    (simpleViewProps: ViewProps): JSX.Element;
+    displayName: string;
+};
+export default SimpleView;

package/lib/runtime/components/react/dist/mpx-sticky-header.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { View, NativeSyntheticEvent, ViewStyle } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+interface StickyHeaderProps {
+    children?: ReactNode;
+    style?: ViewStyle;
+    padding?: [number, number, number, number];
+    'offset-top'?: number;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    bindstickontopchange?: (e: NativeSyntheticEvent<unknown>) => void;
+}
+declare const _StickyHeader: import("react").ForwardRefExoticComponent<StickyHeaderProps & import("react").RefAttributes<HandlerRef<View, StickyHeaderProps>>>;
+export default _StickyHeader;

package/lib/runtime/components/react/dist/mpx-sticky-section.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { View, ViewStyle } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+interface StickySectionProps {
+    children?: ReactNode;
+    style?: ViewStyle;
+    'offset-top'?: number;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+}
+declare const _StickySection: import("react").ForwardRefExoticComponent<StickySectionProps & import("react").RefAttributes<HandlerRef<View, StickySectionProps>>>;
+export default _StickySection;

package/lib/runtime/components/react/dist/mpx-swiper-item.d.ts

@@ -0,0 +1,18 @@
+import { View } from 'react-native';
+import { ReactNode } from 'react';
+import { HandlerRef } from './useNodesRef';
+interface SwiperItemProps {
+    'item-id'?: string;
+    'enable-offset'?: boolean;
+    'enable-var': boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    children?: ReactNode;
+    style?: Object;
+    customStyle: Object;
+    itemIndex: number;
+}
+declare const _SwiperItem: import("react").ForwardRefExoticComponent<SwiperItemProps & import("react").RefAttributes<HandlerRef<View, SwiperItemProps>>>;
+export default _SwiperItem;

package/lib/runtime/components/react/dist/mpx-swiper.d.ts

@@ -0,0 +1,52 @@
+import { View, NativeSyntheticEvent } from 'react-native';
+import React, { ReactNode } from 'react';
+import { HandlerRef } from './useNodesRef';
+import { GestureHandler } from './utils';
+/**
+ * ✔ indicator-dots
+ * ✔ indicator-color
+ * ✔ indicator-active-color
+ * ✔ autoplay
+ * ✔ current
+ * ✔ interval
+ * ✔ duration
+ * ✔ circular
+ * ✔ vertical
+ * ✔ previous-margin
+ * ✔ next-margin
+ * ✔ easing-function  ="easeOutCubic"
+ * ✘ display-multiple-items
+ * ✘ snap-to-edge
+ */
+type EaseType = 'default' | 'linear' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic';
+interface SwiperProps {
+    children?: ReactNode;
+    circular?: boolean;
+    current?: number;
+    interval?: number;
+    autoplay?: boolean;
+    duration?: number;
+    scale?: boolean;
+    'indicator-dots'?: boolean;
+    'indicator-color'?: string;
+    'indicator-active-color'?: string;
+    vertical?: boolean;
+    style: {
+        [key: string]: any;
+    };
+    'easing-function'?: EaseType;
+    'previous-margin'?: string;
+    'next-margin'?: string;
+    'enable-offset'?: boolean;
+    'enable-var': boolean;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'external-var-context'?: Record<string, any>;
+    'wait-for'?: Array<GestureHandler>;
+    'simultaneous-handlers'?: Array<GestureHandler>;
+    disableGesture?: boolean;
+    bindchange?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const SwiperWrapper: React.ForwardRefExoticComponent<SwiperProps & React.RefAttributes<HandlerRef<View, SwiperProps>>>;
+export default SwiperWrapper;

package/lib/runtime/components/react/dist/mpx-swiper.jsx

@@ -4,7 +4,7 @@ import Animated, { useAnimatedStyle, useSharedValue, withTiming, Easing, runOnJS
 import React, { forwardRef, useRef, useEffect, useMemo, createElement } from 'react';
 import useInnerProps, { getCustomEvent } from './getInnerListeners';
 import useNodesRef from './useNodesRef'; // 引入辅助函数
-import { useTransformStyle, splitStyle, splitProps, useLayout, wrapChildren, extendObject, flatGesture } from './utils';
+import { useTransformStyle, splitStyle, splitProps, useLayout, wrapChildren, extendObject, flatGesture, useRunOnJSCallback } from './utils';
 import { SwiperContext } from './context';
 import Portal from './mpx-portal';
 /**
@@ -71,7 +71,7 @@ const easeMap = {
     easeInOutCubic: Easing.inOut(Easing.cubic)
 };
 const SwiperWrapper = forwardRef((props, ref) => {
-    const { 'indicator-dots': showPagination, 'indicator-color': dotColor = 'rgba(0, 0, 0, .3)', 'indicator-active-color': activeDotColor = '#000000', 'enable-var': enableVar = false, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, 'external-var-context': externalVarContext, 'simultaneous-handlers': originSimultaneousHandlers = [], 'wait-for': waitFor = [], style = {}, autoplay = false, circular = false, disableGesture = false, bindchange } = props;
+    const { 'indicator-dots': showPagination, 'indicator-color': dotColor = 'rgba(0, 0, 0, .3)', 'indicator-active-color': activeDotColor = '#000000', 'enable-var': enableVar = false, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, 'external-var-context': externalVarContext, 'simultaneous-handlers': originSimultaneousHandlers = [], 'wait-for': waitFor = [], style = {}, autoplay = false, circular = false, disableGesture = false, current: propCurrent = 0, bindchange } = props;
     const easeingFunc = props['easing-function'] || 'default';
     const easeDuration = props.duration || 500;
     const horizontal = props.vertical !== undefined ? !props.vertical : true;
@@ -112,14 +112,16 @@ const SwiperWrapper = forwardRef((props, ref) => {
     // 每个元素的宽度 or 高度，有固定值直接初始化无则0
     const step = useSharedValue(initStep);
     // 记录选中元素的索引值
-    const currentIndex = useSharedValue(props.current || 0);
+    const currentIndex = useSharedValue(propCurrent);
     // const initOffset = getOffset(props.current || 0, initStep)
     // 记录元素的偏移量
-    const offset = useSharedValue(getOffset(props.current || 0, initStep));
+    const offset = useSharedValue(getOffset(propCurrent, initStep));
     const strAbso = 'absolute' + dir.toUpperCase();
     const strVelocity = 'velocity' + dir.toUpperCase();
     // 标识手指触摸和抬起, 起点在onBegin
     const touchfinish = useSharedValue(true);
+    // 记录onUpdate时的方向，用于进行onFinalize中的值修正
+    const preUpdateTransDir = useSharedValue(0);
     // 记录上一帧的绝对定位坐标
     const preAbsolutePos = useSharedValue(0);
     // 记录从onBegin 到 onTouchesUp 时移动的距离
@@ -170,7 +172,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
         const iStep = dir === 'x' ? realWidth : realHeight;
         if (iStep !== step.value) {
             step.value = iStep;
-            updateCurrent(props.current || 0, iStep);
+            updateCurrent(propCurrent, iStep);
             updateAutoplay();
         }
     }
@@ -272,7 +274,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                     easing: easeMap[easeingFunc]
                 }, () => {
                     currentIndex.value = nextIndex;
-                    runOnJS(loop)();
+                    runOnJS(runOnJSCallback)('loop');
                 });
             }
             else {
@@ -288,7 +290,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                         // 将开始位置设置为真正的位置
                         offset.value = initOffset;
                         currentIndex.value = nextIndex;
-                        runOnJS(loop)();
+                        runOnJS(runOnJSCallback)('loop');
                     });
                 }
                 else {
@@ -300,7 +302,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                         easing: easeMap[easeingFunc]
                     }, () => {
                         currentIndex.value = nextIndex;
-                        runOnJS(loop)();
+                        runOnJS(runOnJSCallback)('loop');
                     });
                 }
             }
@@ -326,11 +328,16 @@ const SwiperWrapper = forwardRef((props, ref) => {
         };
     }, []);
     function handleSwiperChange(current) {
-        if (props.current !== currentIndex.value) {
-            const eventData = getCustomEvent('change', {}, { detail: { current, source: 'touch' }, layoutRef: layoutRef });
-            bindchange && bindchange(eventData);
-        }
+        const eventData = getCustomEvent('change', {}, { detail: { current, source: 'touch' }, layoutRef: layoutRef });
+        bindchange && bindchange(eventData);
     }
+    const runOnJSCallbackRef = useRef({
+        loop,
+        pauseLoop,
+        resumeLoop,
+        handleSwiperChange
+    });
+    const runOnJSCallback = useRunOnJSCallback(runOnJSCallbackRef);
     function getOffset(index, stepValue) {
         if (!stepValue)
             return 0;
@@ -348,12 +355,12 @@ const SwiperWrapper = forwardRef((props, ref) => {
         const targetOffset = getOffset(index || 0, stepValue);
         if (targetOffset !== offset.value) {
             // 内部基于props.current!==currentIndex.value决定是否使用动画及更新currentIndex.value
-            if (props.current !== undefined && props.current !== currentIndex.value) {
+            if (propCurrent !== undefined && propCurrent !== currentIndex.value) {
                 offset.value = withTiming(targetOffset, {
                     duration: easeDuration,
                     easing: easeMap[easeingFunc]
                 }, () => {
-                    currentIndex.value = props.current || 0;
+                    currentIndex.value = propCurrent;
                 });
             }
             else {
@@ -372,8 +379,8 @@ const SwiperWrapper = forwardRef((props, ref) => {
     // 1. 用户在当前页切换选中项，动画；用户携带选中index打开到swiper页直接选中不走动画
     useAnimatedReaction(() => currentIndex.value, (newIndex, preIndex) => {
         // 这里必须传递函数名, 直接写()=> {}形式会报 访问了未sharedValue信息
-        if (newIndex !== preIndex && bindchange) {
-            runOnJS(handleSwiperChange)(newIndex);
+        if (newIndex !== preIndex && preIndex !== null && preIndex !== undefined && bindchange) {
+            runOnJS(runOnJSCallback)('handleSwiperChange', newIndex, propCurrent);
         }
     });
     useEffect(() => {
@@ -404,12 +411,12 @@ const SwiperWrapper = forwardRef((props, ref) => {
         }
     }, [children.length]);
     useEffect(() => {
-        // 1. 如果用户在touch的过程中, 外部更新了current以外部为准（小程序表现）
+        // 1. 如果用户在touch的过程中, 外部更新了current以内部为准（小程序表现）
         // 2. 手指滑动过程中更新索引，外部会把current再传入进来，导致offset直接更新，增加判断不同才更新
-        if (props.current !== currentIndex.value) {
-            updateCurrent(props.current || 0, step.value);
+        if (propCurrent !== currentIndex.value && touchfinish.value) {
+            updateCurrent(propCurrent, step.value);
         }
-    }, [props.current]);
+    }, [propCurrent]);
     useEffect(() => {
         autoplayShared.value = autoplay;
         updateAutoplay();
@@ -502,7 +509,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                     if (touchfinish.value !== false) {
                         currentIndex.value = selectedIndex;
                         offset.value = resetOffset;
-                        runOnJS(resumeLoop)();
+                        runOnJS(runOnJSCallback)('resumeLoop');
                     }
                 });
             }
@@ -513,7 +520,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                 }, () => {
                     if (touchfinish.value !== false) {
                         currentIndex.value = selectedIndex;
-                        runOnJS(resumeLoop)();
+                        runOnJS(runOnJSCallback)('resumeLoop');
                     }
                 });
             }
@@ -535,7 +542,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
             }, () => {
                 if (touchfinish.value !== false) {
                     currentIndex.value = moveToIndex;
-                    runOnJS(resumeLoop)();
+                    runOnJS(runOnJSCallback)('resumeLoop');
                 }
             });
         }
@@ -562,20 +569,11 @@ const SwiperWrapper = forwardRef((props, ref) => {
             'worklet';
             const { diffOffset, half, isTriggerUpdateHalf } = computeHalf(eventData);
             if (+diffOffset === 0) {
-                runOnJS(resumeLoop)();
+                runOnJS(runOnJSCallback)('resumeLoop');
             }
             else if (isTriggerUpdateHalf) {
-                // 如果触发了onUpdate时的索引变更，则直接以update时的index为准
-                const targetIndex = !circularShared.value ? currentIndex.value : currentIndex.value + patchElmNumShared.value - 1;
-                offset.value = withTiming(-targetIndex * step.value, {
-                    duration: easeDuration,
-                    easing: easeMap[easeingFunc]
-                }, () => {
-                    if (touchfinish.value !== false) {
-                        currentIndex.value = targetIndex;
-                        runOnJS(resumeLoop)();
-                    }
-                });
+                // 如果触发了onUpdate时的索引变更
+                handleEnd(eventData);
             }
             else if (half) {
                 handleEnd(eventData);
@@ -651,19 +649,20 @@ const SwiperWrapper = forwardRef((props, ref) => {
                 return;
             touchfinish.value = false;
             cancelAnimation(offset);
-            runOnJS(pauseLoop)();
+            runOnJS(runOnJSCallback)('pauseLoop');
             preAbsolutePos.value = e[strAbso];
             moveTranstion.value = e[strAbso];
         })
             .onUpdate((e) => {
             'worklet';
-            if (touchfinish.value)
-                return;
             const moveDistance = e[strAbso] - preAbsolutePos.value;
+            if (touchfinish.value || moveDistance === 0)
+                return;
             const eventData = {
                 translation: moveDistance,
                 transdir: moveDistance
             };
+            preUpdateTransDir.value = moveDistance;
             // 1. 支持滑动中超出一半更新索引的能力：只更新索引并不会影响onFinalize依据当前offset计算的索引
             const { half } = computeHalf(eventData);
             if (childrenLength.value > 1 && half) {
@@ -698,17 +697,27 @@ const SwiperWrapper = forwardRef((props, ref) => {
                 offset.value = moveDistance + offset.value;
             }
             preAbsolutePos.value = e[strAbso];
+        })
+            .onEnd((e) => {
+            // 修复某些安卓机型小米 onFinalize拿到的absolute值不正确的问题, onUpdate并不是最终的值
+            preAbsolutePos.value = e[strAbso];
         })
             .onFinalize((e) => {
             'worklet';
             if (touchfinish.value)
                 return;
             touchfinish.value = true;
+            /**
+             * 安卓修正
+             * 问题：部分安卓机型onFinalize中拿到的absoluteX 有问题
+             * 案例：比如手指从右向左滑的时候，onUpdate拿到的是241.64346313476562， 而onFinalize中拿到的是241.81817626953125，理论上onFinalize中应该比onUpdate小才对吧
+             * 解决方式：修正
+            */
             // 触发过onUpdate正常情况下e[strAbso] - preAbsolutePos.value=0; 未触发过onUpdate的情况下e[strAbso] - preAbsolutePos.value 不为0
             const moveDistance = e[strAbso] - preAbsolutePos.value;
             const eventData = {
                 translation: moveDistance,
-                transdir: moveDistance !== 0 ? moveDistance : e[strAbso] - moveTranstion.value
+                transdir: Math.abs(moveDistance) > 1 ? moveDistance : preUpdateTransDir.value
             };
             // 1. 只有一个元素：循环 和 非循环状态，都走回弹效果
             if (childrenLength.value === 1) {

package/lib/runtime/components/react/dist/mpx-switch.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+/**
+ * ✔ checked
+ * ✔ type
+ * ✔ disabled
+ * ✔ color
+ */
+import { Switch, SwitchProps, ViewStyle, NativeSyntheticEvent } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+interface _SwitchProps extends SwitchProps {
+    style?: ViewStyle;
+    name?: string;
+    checked?: boolean;
+    type: 'switch' | 'checkbox';
+    disabled: boolean;
+    color: string;
+    'enable-var'?: boolean;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'external-var-context'?: Record<string, any>;
+    bindchange?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+    catchchange?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const _Switch: import("react").ForwardRefExoticComponent<_SwitchProps & import("react").RefAttributes<HandlerRef<Switch, _SwitchProps>>>;
+export default _Switch;

package/lib/runtime/components/react/dist/mpx-text.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ✔ selectable
+ * ✘ space
+ * ✘ decode
+ */
+import { Text, TextStyle, TextProps } from 'react-native';
+import { ReactNode } from 'react';
+import { HandlerRef } from './useNodesRef';
+interface _TextProps extends TextProps {
+    style?: TextStyle;
+    children?: ReactNode;
+    selectable?: boolean;
+    'user-select'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+}
+declare const _Text: import("react").ForwardRefExoticComponent<_TextProps & import("react").RefAttributes<HandlerRef<Text, _TextProps>>>;
+export default _Text;

package/lib/runtime/components/react/dist/mpx-textarea.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TextInput } from 'react-native';
+import { InputProps, PrivateInputProps } from './mpx-input';
+import { HandlerRef } from './useNodesRef';
+export type TextareProps = Omit<InputProps & PrivateInputProps, 'type' | 'password' | 'multiline' | 'confirm-hold'>;
+declare const Textarea: import("react").ForwardRefExoticComponent<TextareProps & import("react").RefAttributes<HandlerRef<TextInput, TextareProps>>>;
+export default Textarea;