@mpxjs/webpack-plugin 2.10.19 → 2.10.21

package/lib/runtime/components/react/mpx-input.tsx

@@ -54,7 +54,7 @@ import {
   NativeTouchEvent
 } from 'react-native'
 import { warn } from '@mpxjs/utils'
-import { useUpdateEffect, useTransformStyle, useLayout, extendObject, isAndroid } from './utils'
+import { useUpdateEffect, useTransformStyle, useLayout, extendObject, isAndroid, getDefaultAllowFontScaling } from './utils'
 import useInnerProps, { getCustomEvent } from './getInnerListeners'
 import useNodesRef, { HandlerRef } from './useNodesRef'
 import { FormContext, FormFieldValue, KeyboardAvoidContext } from './context'
@@ -131,7 +131,7 @@ const inputModeMap: Record<Type, string> = {
 const Input = forwardRef<HandlerRef<TextInput, FinalInputProps>, FinalInputProps>((props: FinalInputProps, ref): JSX.Element => {
   const {
     style = {},
-    allowFontScaling = false,
+    allowFontScaling,
     type = 'text',
     value,
     password,
@@ -483,7 +483,7 @@ const Input = forwardRef<HandlerRef<TextInput, FinalInputProps>, FinalInputProps
       {
         ref: nodeRef,
         style: extendObject({}, normalStyle, layoutStyle),
-        allowFontScaling,
+        allowFontScaling: allowFontScaling ?? getDefaultAllowFontScaling(),
         inputMode: originalKeyboardType ? undefined : inputModeMap[type],
         keyboardType: originalKeyboardType,
         secureTextEntry: !!password,
@@ -512,7 +512,14 @@ const Input = forwardRef<HandlerRef<TextInput, FinalInputProps>, FinalInputProps
       !!multiline && confirmType === 'return' ? {} : { enterKeyHint: confirmType }
     ),
     [
+      'name',
       'type',
+      'maxlength',
+      'cursor-spacing',
+      'adjust-position',
+      'hold-keyboard',
+      'keyboard-type',
+      'auto-height',
       'password',
       'placeholder-style',
       'disabled',
@@ -523,7 +530,13 @@ const Input = forwardRef<HandlerRef<TextInput, FinalInputProps>, FinalInputProps
       'cursor',
       'cursor-color',
       'selection-start',
-      'selection-end'
+      'selection-end',
+      'bindinput',
+      'bindfocus',
+      'bindblur',
+      'bindconfirm',
+      'bindselectionchange',
+      'bindlinechange'
     ],
     {
       layoutRef

package/lib/runtime/components/react/mpx-label.tsx

@@ -6,7 +6,7 @@ import { View, ViewStyle, NativeSyntheticEvent } from 'react-native'
 import { noop, warn } from '@mpxjs/utils'
 import useInnerProps, { getCustomEvent } from './getInnerListeners'
 import useNodesRef, { HandlerRef } from './useNodesRef'
-import { splitProps, splitStyle, useLayout, useTransformStyle, wrapChildren, extendObject } from './utils'
+import { splitProps, splitStyle, useLayout, useTransformStyle, wrapChildren, extendObject, useTextPassThroughValue } from './utils'
 import { LabelContext, LabelContextValue } from './context'
 import Portal from './mpx-portal'
 
@@ -61,6 +61,7 @@ const Label = forwardRef<HandlerRef<View, LabelProps>, LabelProps>(
     const { layoutRef, layoutStyle, layoutProps } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef })
 
     const { textStyle, backgroundStyle, innerStyle = {} } = splitStyle(normalStyle)
+    const textPassThrough = useTextPassThroughValue(textStyle, textProps)
 
     if (backgroundStyle) {
       warn('Label does not support background image-related styles!')
@@ -87,7 +88,9 @@ const Label = forwardRef<HandlerRef<View, LabelProps>, LabelProps>(
           bindtap: onTap
         }
       ),
-      [],
+      [
+        'for'
+      ],
       {
         layoutRef
       }
@@ -101,8 +104,7 @@ const Label = forwardRef<HandlerRef<View, LabelProps>, LabelProps>(
         {
           hasVarDec,
           varContext: varContextRef.current,
-          textStyle,
-          textProps
+          textPassThrough
         }
       )
     ))

package/lib/runtime/components/react/mpx-movable-view.tsx

@@ -22,7 +22,7 @@ import { StyleSheet, View, LayoutChangeEvent } from 'react-native'
 import useInnerProps, { getCustomEvent } from './getInnerListeners'
 import useNodesRef, { HandlerRef } from './useNodesRef'
 import { MovableAreaContext } from './context'
-import { useTransformStyle, splitProps, splitStyle, HIDDEN_STYLE, wrapChildren, GestureHandler, flatGesture, extendObject, omit, useNavigation, useRunOnJSCallback } from './utils'
+import { useTransformStyle, splitProps, splitStyle, HIDDEN_STYLE, wrapChildren, GestureHandler, flatGesture, extendObject, omit, useNavigation, useRunOnJSCallback, useTextPassThroughValue } from './utils'
 import { GestureDetector, Gesture, GestureTouchEvent, GestureStateChangeEvent, PanGestureHandlerEventPayload, PanGesture } from 'react-native-gesture-handler'
 import Animated, {
   useSharedValue,
@@ -251,6 +251,7 @@ const _MovableView = forwardRef<HandlerRef<View, MovableViewProps>, MovableViewP
   const prevWaitForHandlersRef = useRef<Array<GestureHandler>>(waitFor || [])
   const gestureSwitch = useRef(false)
   const { textStyle, innerStyle } = splitStyle(normalStyle)
+  const textPassThrough = useTextPassThroughValue(textStyle, textProps)
 
   const offsetX = useSharedValue(x)
   const offsetY = useSharedValue(y)
@@ -745,7 +746,23 @@ const _MovableView = forwardRef<HandlerRef<View, MovableViewProps>, MovableViewP
         style: [innerStyle, animatedStyles, layoutStyle]
       },
       rewriteCatchEvent()
-    )
+    ),
+    [
+      'direction',
+      'x',
+      'y',
+      'disabled',
+      'animation',
+      'damping',
+      'friction',
+      'out-of-bounds',
+      'inertia',
+      'wait-for',
+      'simultaneous-handlers',
+      'disable-event-passthrough',
+      'changeThrottleTime',
+      'bindchange'
+    ]
   )
 
   return createElement(GestureDetector, { gesture: gesture }, createElement(
@@ -756,8 +773,7 @@ const _MovableView = forwardRef<HandlerRef<View, MovableViewProps>, MovableViewP
       {
         hasVarDec,
         varContext: varContextRef.current,
-        textStyle,
-        textProps
+        textPassThrough
       }
     )
   ))

package/lib/runtime/components/react/mpx-picker/index.tsx

@@ -147,7 +147,17 @@ const Picker = forwardRef<HandlerRef<View, PickerProps>, PickerProps>(
         },
         layoutProps
       ),
-      [],
+      [
+        'mode',
+        'value',
+        'range',
+        'disabled',
+        'bindcancel',
+        'bindchange',
+        'header-text',
+        'name',
+        'bindcolumnchange'
+      ],
       { layoutRef }
     )
 
@@ -218,7 +228,7 @@ const Picker = forwardRef<HandlerRef<View, PickerProps>, PickerProps>(
       hide()
     }
 
-    const specificProps = extendObject(innerProps, {
+    const specificProps = extendObject({}, innerProps, {
       mode,
       children,
       bindchange: onChange,

package/lib/runtime/components/react/mpx-picker/type.ts

@@ -79,7 +79,7 @@ export interface RegionProps extends BasePickerProps {
   /** 表示选中的省市区，默认选中每一列的第一个值, 默认值 [] */
   value?: string[]
   /** 默认值 region */
-  level?: 'province' | 'city' | 'region' | 'sub-district'
+  level?: 'province' | 'city' | 'region'
   /** 可为每一列的顶部添加一个自定义的项 */
   'custom-item'?: string
   /** value 改变时触发 change 事件, event.detail = {value, code, postcode},

package/lib/runtime/components/react/mpx-picker-view/index.tsx

@@ -8,7 +8,8 @@ import {
   splitStyle,
   wrapChildren,
   useTransformStyle,
-  extendObject
+  extendObject,
+  useTextPassThroughValue
 } from '../utils'
 import { PickerViewStyleContext } from './pickerVIewContext'
 import Portal from '../mpx-portal'
@@ -104,6 +105,7 @@ const _PickerView = forwardRef<HandlerRef<View, PickerViewProps>, PickerViewProp
   } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef: nodeRef })
   const { textProps } = splitProps(props)
   const { textStyle } = splitStyle(normalStyle)
+  const textPassThrough = useTextPassThroughValue(textStyle, textProps)
 
   const onSelectChange = (columnIndex: number, selectedIndex: number) => {
     const activeValue = activeValueRef.current
@@ -156,7 +158,10 @@ const _PickerView = forwardRef<HandlerRef<View, PickerViewProps>, PickerViewProp
       'indicator-style',
       'indicator-class',
       'mask-style',
-      'mask-class'
+      'mask-class',
+      'value',
+      'bindchange',
+      'enable-wheel-animation'
     ],
     { layoutRef }
   )
@@ -190,8 +195,7 @@ const _PickerView = forwardRef<HandlerRef<View, PickerViewProps>, PickerViewProp
       {
         hasVarDec,
         varContext: varContextRef.current,
-        textStyle,
-        textProps
+        textPassThrough
       }
     )
   }

package/lib/runtime/components/react/mpx-portal/index.tsx

@@ -1,5 +1,5 @@
 import { ReactNode, useContext, useEffect, useRef } from 'react'
-import { PortalContext, ProviderContext, RouteContext, VarContext } from '../context'
+import { PortalContext, ProviderContext, RouteContext, VarContext, TextPassThroughContext } from '../context'
 import PortalHost, { portal } from './portal-host'
 
 export type PortalProps = {
@@ -11,8 +11,12 @@ const Portal = ({ children }: PortalProps): null => {
   const keyRef = useRef<any>(null)
   const { pageId } = useContext(RouteContext) || {}
   const varContext = useContext(VarContext)
+  const textPassThroughContext = useContext(TextPassThroughContext)
   const parentProvides = useContext(ProviderContext)
 
+  if (textPassThroughContext) {
+    children = (<TextPassThroughContext.Provider value={textPassThroughContext} key='textPassThroughWrap'>{children}</TextPassThroughContext.Provider>)
+  }
   if (varContext) {
     children = (<VarContext.Provider value={varContext} key='varContextWrap'>{children}</VarContext.Provider>)
   }

package/lib/runtime/components/react/mpx-radio-group.tsx

@@ -152,7 +152,10 @@ const radioGroup = forwardRef<
         style: extendObject({}, normalStyle, layoutStyle)
       }
     ),
-    ['name'],
+    [
+      'name',
+      'bindchange'
+    ],
     {
       layoutRef
     }

package/lib/runtime/components/react/mpx-radio.tsx

@@ -10,7 +10,7 @@ import { warn } from '@mpxjs/utils'
 import { LabelContext, RadioGroupContext } from './context'
 import useInnerProps, { getCustomEvent } from './getInnerListeners'
 import useNodesRef, { HandlerRef } from './useNodesRef'
-import { splitProps, splitStyle, useLayout, useTransformStyle, wrapChildren, extendObject } from './utils'
+import { splitProps, splitStyle, useLayout, useTransformStyle, wrapChildren, extendObject, useTextPassThroughValue } from './utils'
 import Icon from './mpx-icon'
 import Portal from './mpx-portal'
 
@@ -128,6 +128,7 @@ const Radio = forwardRef<HandlerRef<View, RadioProps>, RadioProps>(
     } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight })
 
     const { textStyle, backgroundStyle, innerStyle = {} } = splitStyle(normalStyle)
+    const textPassThrough = useTextPassThroughValue(textStyle, textProps)
 
     if (backgroundStyle) {
       warn('Radio does not support background image-related styles!')
@@ -164,7 +165,8 @@ const Radio = forwardRef<HandlerRef<View, RadioProps>, RadioProps>(
       [
         'value',
         'disabled',
-        'checked'
+        'checked',
+        'color'
       ],
       {
         layoutRef
@@ -210,8 +212,7 @@ const Radio = forwardRef<HandlerRef<View, RadioProps>, RadioProps>(
         {
           hasVarDec,
           varContext: varContextRef.current,
-          textStyle,
-          textProps
+          textPassThrough
         }
       )
     )

package/lib/runtime/components/react/mpx-rich-text/index.tsx

@@ -103,7 +103,9 @@ const _RichText = forwardRef<HandlerRef<View, _RichTextProps>, _RichTextProps>((
         style: extendObject(normalStyle, layoutStyle)
       }
     ),
-    [],
+    [
+      'nodes'
+    ],
     {
       layoutRef
     }

package/lib/runtime/components/react/mpx-scroll-view.tsx

@@ -38,7 +38,7 @@ import Animated, { useSharedValue, withTiming, useAnimatedStyle, runOnJS } from
 import { warn, hasOwn } from '@mpxjs/utils'
 import useInnerProps, { getCustomEvent } from './getInnerListeners'
 import useNodesRef, { HandlerRef } from './useNodesRef'
-import { splitProps, splitStyle, useTransformStyle, useLayout, wrapChildren, extendObject, flatGesture, GestureHandler, HIDDEN_STYLE, useRunOnJSCallback } from './utils'
+import { splitProps, splitStyle, useTransformStyle, useLayout, wrapChildren, extendObject, flatGesture, GestureHandler, HIDDEN_STYLE, useRunOnJSCallback, useTextPassThroughValue } from './utils'
 import { IntersectionObserverContext, ScrollViewContext } from './context'
 import Portal from './mpx-portal'
 
@@ -203,6 +203,7 @@ const _ScrollView = forwardRef<HandlerRef<ScrollView & View, ScrollViewProps>, S
   } = useTransformStyle(style, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight })
 
   const { textStyle, innerStyle = {} } = splitStyle(normalStyle)
+  const textPassThrough = useTextPassThroughValue(textStyle, textProps)
 
   const scrollViewRef = useRef<ScrollView>(null)
 
@@ -855,7 +856,15 @@ const _ScrollView = forwardRef<HandlerRef<ScrollView & View, ScrollViewProps>, S
       'refresher-triggered',
       'refresher-enabled',
       'refresher-default-style',
+      'refresher-threshold',
       'refresher-background',
+      'scroll-into-view',
+      'enable-sticky',
+      'wait-for',
+      'simultaneous-handlers',
+      'scroll-event-throttle',
+      'scroll-into-view-offset',
+      '__selectRef',
       'children',
       'enhanced',
       'binddragstart',
@@ -864,7 +873,8 @@ const _ScrollView = forwardRef<HandlerRef<ScrollView & View, ScrollViewProps>, S
       'bindscroll',
       'bindscrolltoupper',
       'bindscrolltolower',
-      'bindrefresherrefresh'
+      'bindrefresherrefresh',
+      'bindscrollend'
     ], { layoutRef })
 
   const ScrollViewComponent = enableSticky ? AnimatedScrollView : ScrollView
@@ -874,8 +884,7 @@ const _ScrollView = forwardRef<HandlerRef<ScrollView & View, ScrollViewProps>, S
       {
         hasVarDec,
         varContext: varContextRef.current,
-        textStyle,
-        textProps
+        textPassThrough
       })
     return createElement(ScrollViewContext.Provider, { value: contextValue }, wrappedChildren)
   }

package/lib/runtime/components/react/mpx-simple-text.tsx

@@ -1,25 +1,72 @@
-import { Text, TextProps } from 'react-native'
-import { JSX, createElement } from 'react'
+import { Text, TextStyle, TextProps } from 'react-native'
+import { JSX, createElement, useContext } from 'react'
 import useInnerProps from './getInnerListeners'
-import { extendObject } from './utils'
+import { extendObject, getDefaultAllowFontScaling, useTextPassThroughValue, wrapChildren, isStringChildren, transformBoxSizing, splitStyle, isBoxSizingAffectingStyle } from './utils'
+import { TextPassThroughContext } from './context'
+import * as perf from '@mpxjs/perf'
 
 const SimpleText = (props: TextProps): JSX.Element => {
+  let stopTotal: (() => void) | undefined
+  if (__mpx_perf_framework__) stopTotal = perf.scope('simple-text:render:total')
+
+  // ───── style 阶段 ─────
+  let stopStyle: (() => void) | undefined
+  if (__mpx_perf_framework__) stopStyle = perf.scope('simple-text:render:style')
+  const inheritedText = useContext(TextPassThroughContext)
+  const mergedStyle = extendObject({}, inheritedText?.textStyle, props.style)
+  let hasBoxSizingAffectingStyle = false
+  const { textStyle = {} } = splitStyle(mergedStyle, (key) => {
+    if (!hasBoxSizingAffectingStyle && isBoxSizingAffectingStyle(key)) {
+      hasBoxSizingAffectingStyle = true
+    }
+  })
+  const finalStyle = transformBoxSizing(mergedStyle, hasBoxSizingAffectingStyle)
+  const mergedProps = extendObject({}, inheritedText?.pendingTextProps, props)
   const {
-    allowFontScaling = false,
+    allowFontScaling,
     children
-  } = props
+  } = mergedProps
+  const isStringOnly = isStringChildren(children)
+  const childTextStyle: TextStyle | undefined = !isStringOnly && Object.keys(textStyle).length ? textStyle : undefined
+  const childTextPassThrough = useTextPassThroughValue(
+    childTextStyle,
+    undefined,
+    {
+      inheritTextProps: false,
+      disabled: isStringOnly
+    }
+  )
+  if (__mpx_perf_framework__) stopStyle!()
 
+  // ───── innerProps 阶段 ─────
+  let stopInnerProps: (() => void) | undefined
+  if (__mpx_perf_framework__) stopInnerProps = perf.scope('simple-text:render:innerProps')
   const innerProps = useInnerProps(
     extendObject(
       {},
-      props,
+      mergedProps,
       {
-        allowFontScaling
+        allowFontScaling: allowFontScaling ?? getDefaultAllowFontScaling(),
+        style: finalStyle
       }
     )
   )
+  if (__mpx_perf_framework__) stopInnerProps!()
+
+  // ───── createElement 阶段 ─────
+  let stopCreate: (() => void) | undefined
+  if (__mpx_perf_framework__) stopCreate = perf.scope('simple-text:render:createElement')
+  const result = createElement(Text, innerProps, wrapChildren(
+    { children },
+    {
+      hasVarDec: false,
+      textPassThrough: childTextPassThrough
+    }
+  ))
+  if (__mpx_perf_framework__) stopCreate!()
 
-  return createElement(Text, innerProps, children)
+  if (__mpx_perf_framework__) stopTotal!()
+  return result
 }
 
 SimpleText.displayName = 'MpxSimpleText'

package/lib/runtime/components/react/mpx-simple-view.tsx

@@ -1,31 +1,55 @@
 import { View, ViewProps, TextStyle } from 'react-native'
 import { createElement } from 'react'
-import { splitProps, splitStyle, wrapChildren, extendObject } from './utils'
+import { splitProps, splitStyle, wrapChildren, extendObject, useTextPassThroughValue, transformBoxSizing, isBoxSizingAffectingStyle } from './utils'
 import useInnerProps from './getInnerListeners'
+import * as perf from '@mpxjs/perf'
 
 const SimpleView = (simpleViewProps: ViewProps): JSX.Element => {
+  let stopTotal: (() => void) | undefined
+  if (__mpx_perf_framework__) stopTotal = perf.scope('simple-view:render:total')
+
+  // ───── style 阶段 ─────
+  let stopStyle: (() => void) | undefined
+  if (__mpx_perf_framework__) stopStyle = perf.scope('simple-view:render:style')
   const { textProps, innerProps: props = {} } = splitProps(simpleViewProps)
 
-  const { textStyle, innerStyle = {} } = splitStyle(props.style || {})
+  let hasBoxSizingAffectingStyle = false
+  const { textStyle, innerStyle = {} } = splitStyle(props.style || {}, (key) => {
+    if (!hasBoxSizingAffectingStyle && isBoxSizingAffectingStyle(key)) {
+      hasBoxSizingAffectingStyle = true
+    }
+  })
+  const textPassThrough = useTextPassThroughValue(textStyle as TextStyle, textProps)
+  if (__mpx_perf_framework__) stopStyle!()
 
+  // ───── innerProps 阶段 ─────
+  let stopInnerProps: (() => void) | undefined
+  if (__mpx_perf_framework__) stopInnerProps = perf.scope('simple-view:render:innerProps')
   const innerProps = useInnerProps(
     extendObject(
       {},
       props,
       {
-        style: innerStyle
+        style: transformBoxSizing(extendObject({}, innerStyle), hasBoxSizingAffectingStyle)
       }
     )
   )
+  if (__mpx_perf_framework__) stopInnerProps!()
 
-  return createElement(View, innerProps, wrapChildren(
+  // ───── createElement 阶段 ─────
+  let stopCreate: (() => void) | undefined
+  if (__mpx_perf_framework__) stopCreate = perf.scope('simple-view:render:createElement')
+  const result = createElement(View, innerProps, wrapChildren(
     props,
     {
       hasVarDec: false,
-      textStyle: textStyle as TextStyle,
-      textProps
+      textPassThrough
     }
   ))
+  if (__mpx_perf_framework__) stopCreate!()
+
+  if (__mpx_perf_framework__) stopTotal!()
+  return result
 }
 
 SimpleView.displayName = 'MpxSimpleView'

package/lib/runtime/components/react/mpx-slider.tsx

@@ -393,7 +393,8 @@ const Slider = forwardRef<
       'bindchange',
       'catchchange',
       'bindchanging',
-      'catchchanging'
+      'catchchanging',
+      'name'
     ],
     { layoutRef }
   )

package/lib/runtime/components/react/mpx-sticky-header.tsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useContext, forwardRef, useMemo, createElement, Reac
 import { Animated, StyleSheet, View, NativeSyntheticEvent, ViewStyle, LayoutChangeEvent, useAnimatedValue } from 'react-native'
 import { ScrollViewContext, StickyContext } from './context'
 import useNodesRef, { HandlerRef } from './useNodesRef'
-import { splitProps, splitStyle, useTransformStyle, wrapChildren, useLayout, extendObject } from './utils'
+import { splitProps, splitStyle, useTransformStyle, wrapChildren, useLayout, extendObject, useTextPassThroughValue } from './utils'
 import { error } from '@mpxjs/utils'
 import useInnerProps, { getCustomEvent } from './getInnerListeners'
 
@@ -52,6 +52,7 @@ const _StickyHeader = forwardRef<HandlerRef<View, StickyHeaderProps>, StickyHead
   const { layoutRef, layoutProps } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef: headerRef, onLayout })
 
   const { textStyle, innerStyle = {} } = splitStyle(normalStyle)
+  const textPassThrough = useTextPassThroughValue(textStyle, textProps)
 
   const headerTopAnimated = useAnimatedValue(0)
   // harmony animatedValue 不支持通过 _value 访问
@@ -149,7 +150,11 @@ const _StickyHeader = forwardRef<HandlerRef<View, StickyHeaderProps>, StickyHead
       paddingBottom: padding[2] || 0,
       paddingLeft: padding[3] || 0
     })
-  }, layoutProps), [], { layoutRef })
+  }, layoutProps), [
+    'padding',
+    'offset-top',
+    'bindstickontopchange'
+  ], { layoutRef })
 
   return (
     createElement(
@@ -160,8 +165,7 @@ const _StickyHeader = forwardRef<HandlerRef<View, StickyHeaderProps>, StickyHead
         {
           hasVarDec,
           varContext: varContextRef.current,
-          textStyle,
-          textProps
+          textPassThrough
         }
       )
     )

package/lib/runtime/components/react/mpx-sticky-section.tsx

@@ -2,7 +2,7 @@
 import { useRef, forwardRef, createElement, ReactNode, useCallback, useMemo } from 'react'
 import { View, ViewStyle } from 'react-native'
 import useNodesRef, { HandlerRef } from './useNodesRef'
-import { splitProps, splitStyle, useTransformStyle, wrapChildren, useLayout, extendObject } from './utils'
+import { splitProps, splitStyle, useTransformStyle, wrapChildren, useLayout, extendObject, useTextPassThroughValue } from './utils'
 import { StickyContext } from './context'
 import useInnerProps from './getInnerListeners'
 
@@ -41,6 +41,7 @@ const _StickySection = forwardRef<HandlerRef<View, StickySectionProps>, StickySe
   const { layoutRef, layoutProps, layoutStyle } = useLayout({ props, hasSelfPercent, setWidth, setHeight, nodeRef: sectionRef, onLayout })
 
   const { textStyle, innerStyle = {} } = splitStyle(normalStyle)
+  const textPassThrough = useTextPassThroughValue(textStyle, textProps)
 
   const stickyHeaders = useRef<Map<string, any>>(new Map())
 
@@ -70,7 +71,9 @@ const _StickySection = forwardRef<HandlerRef<View, StickySectionProps>, StickySe
   const innerProps = useInnerProps(extendObject({}, props, {
     style: extendObject(innerStyle, layoutStyle),
     ref: sectionRef
-  }, layoutProps), [], { layoutRef })
+  }, layoutProps), [
+    'offset-top'
+  ], { layoutRef })
 
   return (
     createElement(
@@ -84,8 +87,7 @@ const _StickySection = forwardRef<HandlerRef<View, StickySectionProps>, StickySe
           {
             hasVarDec,
             varContext: varContextRef.current,
-            textStyle,
-            textProps
+            textPassThrough
           }
         )
       ))

package/lib/runtime/components/react/mpx-swiper-item.tsx

@@ -3,7 +3,7 @@ import Animated, { useAnimatedStyle, interpolate, SharedValue } from 'react-nati
 import { ReactNode, forwardRef, useRef, useContext, createElement } from 'react'
 import useInnerProps from './getInnerListeners'
 import useNodesRef, { HandlerRef } from './useNodesRef' // 引入辅助函数
-import { useTransformStyle, splitStyle, splitProps, wrapChildren, useLayout, extendObject, isHarmony } from './utils'
+import { useTransformStyle, splitStyle, splitProps, wrapChildren, useLayout, extendObject, isHarmony, useTextPassThroughValue } from './utils'
 import { SwiperContext } from './context'
 
 interface SwiperItemProps {
@@ -53,6 +53,7 @@ const _SwiperItem = forwardRef<HandlerRef<View, SwiperItemProps>, SwiperItemProp
     setHeight
   } = useTransformStyle(style, { enableVar, externalVarContext })
   const { textStyle, innerStyle } = splitStyle(normalStyle)
+  const textPassThrough = useTextPassThroughValue(textStyle, textProps)
   useNodesRef(props, ref, nodeRef, {
     style: normalStyle
   })
@@ -76,7 +77,10 @@ const _SwiperItem = forwardRef<HandlerRef<View, SwiperItemProps>, SwiperItemProp
     [
       'children',
       'enable-offset',
-      'style'
+      'style',
+      'item-id',
+      'customStyle',
+      'itemIndex'
     ],
     { layoutRef })
   const itemAnimatedStyle = useAnimatedStyle(() => {
@@ -102,8 +106,7 @@ const _SwiperItem = forwardRef<HandlerRef<View, SwiperItemProps>, SwiperItemProp
   return createElement(Animated.View, mergeProps, wrapChildren(props, {
     hasVarDec,
     varContext: varContextRef.current,
-    textStyle,
-    textProps
+    textPassThrough
   }))
 })