@mpxjs/webpack-plugin 2.10.19 → 2.10.21

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

@@ -2,7 +2,7 @@ import { useEffect, useRef, useContext, forwardRef, useMemo, createElement, useI
 import { Animated, StyleSheet, useAnimatedValue } from 'react-native';
 import { ScrollViewContext, StickyContext } from './context';
 import useNodesRef 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';
 const _StickyHeader = forwardRef((stickyHeaderProps = {}, ref) => {
@@ -17,6 +17,7 @@ const _StickyHeader = forwardRef((stickyHeaderProps = {}, ref) => {
     const { normalStyle, hasVarDec, varContextRef, hasSelfPercent, setWidth, setHeight } = useTransformStyle(style, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
     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 访问
     const headerTopRef = useRef(0);
@@ -97,12 +98,15 @@ const _StickyHeader = forwardRef((stickyHeaderProps = {}, ref) => {
             paddingBottom: padding[2] || 0,
             paddingLeft: padding[3] || 0
         })
-    }, layoutProps), [], { layoutRef });
+    }, layoutProps), [
+        'padding',
+        'offset-top',
+        'bindstickontopchange'
+    ], { layoutRef });
     return (createElement(Animated.View, innerProps, wrapChildren(props, {
         hasVarDec,
         varContext: varContextRef.current,
-        textStyle,
-        textProps
+        textPassThrough
     })));
 });
 const styles = StyleSheet.create({

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

@@ -1,7 +1,7 @@
 import { useRef, forwardRef, createElement, useCallback, useMemo } from 'react';
 import { View } from 'react-native';
 import useNodesRef 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';
 const _StickySection = forwardRef((stickySectionProps = {}, ref) => {
@@ -11,6 +11,7 @@ const _StickySection = forwardRef((stickySectionProps = {}, ref) => {
     const { normalStyle, hasVarDec, varContextRef, hasSelfPercent, setWidth, setHeight } = useTransformStyle(style, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
     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(new Map());
     const registerStickyHeader = useCallback((item) => {
         stickyHeaders.current.set(item.id, item);
@@ -33,12 +34,13 @@ const _StickySection = forwardRef((stickySectionProps = {}, ref) => {
     const innerProps = useInnerProps(extendObject({}, props, {
         style: extendObject(innerStyle, layoutStyle),
         ref: sectionRef
-    }, layoutProps), [], { layoutRef });
+    }, layoutProps), [
+        'offset-top'
+    ], { layoutRef });
     return (createElement(View, innerProps, createElement(StickyContext.Provider, { value: contextValue }, wrapChildren(props, {
         hasVarDec,
         varContext: varContextRef.current,
-        textStyle,
-        textProps
+        textPassThrough
     }))));
 });
 _StickySection.displayName = 'MpxStickySection';

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

@@ -2,7 +2,7 @@ import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated
 import { forwardRef, useRef, useContext, createElement } from 'react';
 import useInnerProps from './getInnerListeners';
 import useNodesRef 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';
 const _SwiperItem = forwardRef((props, ref) => {
     const { 'enable-var': enableVar, 'external-var-context': externalVarContext, style, customStyle, itemIndex } = props;
@@ -15,6 +15,7 @@ const _SwiperItem = forwardRef((props, ref) => {
     const nodeRef = useRef(null);
     const { normalStyle, hasVarDec, varContextRef, hasSelfPercent, setWidth, setHeight } = useTransformStyle(style, { enableVar, externalVarContext });
     const { textStyle, innerStyle } = splitStyle(normalStyle);
+    const textPassThrough = useTextPassThroughValue(textStyle, textProps);
     useNodesRef(props, ref, nodeRef, {
         style: normalStyle
     });
@@ -26,7 +27,10 @@ const _SwiperItem = forwardRef((props, ref) => {
     }), [
         'children',
         'enable-offset',
-        'style'
+        'style',
+        'item-id',
+        'customStyle',
+        'itemIndex'
     ], { layoutRef });
     const itemAnimatedStyle = useAnimatedStyle(() => {
         if (!step.value && !isHarmony)
@@ -52,8 +56,7 @@ const _SwiperItem = forwardRef((props, ref) => {
     return createElement(Animated.View, mergeProps, wrapChildren(props, {
         hasVarDec,
         varContext: varContextRef.current,
-        textStyle,
-        textProps
+        textPassThrough
     }));
 });
 _SwiperItem.displayName = 'MpxSwiperItem';

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, useRunOnJSCallback } from './utils';
+import { useTransformStyle, splitStyle, splitProps, useLayout, wrapChildren, extendObject, flatGesture, useRunOnJSCallback, useTextPassThroughValue } from './utils';
 import { SwiperContext } from './context';
 import Portal from './mpx-portal';
 /**
@@ -92,6 +92,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
     });
     const { textStyle } = splitStyle(normalStyle);
     const { textProps } = splitProps(props);
+    const textPassThrough = useTextPassThroughValue(textStyle, textProps);
     const preMargin = props['previous-margin'] ? global.__formatValue(props['previous-margin']) : 0;
     const nextMargin = props['next-margin'] ? global.__formatValue(props['next-margin']) : 0;
     const preMarginShared = useSharedValue(preMargin);
@@ -158,6 +159,10 @@ const SwiperWrapper = forwardRef((props, ref) => {
         'indicator-dots',
         'indicator-color',
         'indicator-width',
+        'indicator-height',
+        'indicator-radius',
+        'indicator-spacing',
+        'indicator-margin',
         'indicator-active-color',
         'previous-margin',
         'vertical',
@@ -167,7 +172,14 @@ const SwiperWrapper = forwardRef((props, ref) => {
         'autoplay',
         'circular',
         'interval',
-        'easing-function'
+        'easing-function',
+        'current',
+        'duration',
+        'scale',
+        'disableGesture',
+        'wait-for',
+        'simultaneous-handlers',
+        'bindchange'
     ], { layoutRef: layoutRef });
     function onWrapperLayout(e) {
         const { width, height } = e.nativeEvent.layout;
@@ -810,8 +822,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
     }, {
         hasVarDec,
         varContext: varContextRef.current,
-        textStyle,
-        textProps
+        textPassThrough
     }));
     const renderChildrens = showPagination ? [animateComponent, renderPagination()] : animateComponent;
     finalComponent = createElement(View, mergeProps, renderChildrens);

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

@@ -75,7 +75,10 @@ const _Switch = forwardRef((props, ref) => {
         'checked',
         'disabled',
         'type',
-        'color'
+        'color',
+        'name',
+        'bindchange',
+        'catchchange'
     ], { layoutRef });
     if (type === 'checkbox') {
         return createElement(CheckBox, extendObject({}, innerProps, {

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

@@ -4,11 +4,13 @@
  * ✔ decode
  */
 import { Text } from 'react-native';
-import { useRef, forwardRef, createElement, Children } from 'react';
+import { useRef, forwardRef, createElement, Children, useContext } from 'react';
 import Portal from './mpx-portal';
 import useInnerProps from './getInnerListeners';
 import useNodesRef from './useNodesRef'; // 引入辅助函数
-import { useTransformStyle, wrapChildren, extendObject } from './utils';
+import { useTransformStyle, wrapChildren, extendObject, getDefaultAllowFontScaling, useTextPassThroughValue, isStringChildren, splitStyle } from './utils';
+import { TextPassThroughContext } from './context';
+import * as perf from '@mpxjs/perf';
 const decodeMap = {
     '&lt;': '<',
     '&gt;': '>',
@@ -34,37 +36,80 @@ function getDecodedChildren(children) {
     });
 }
 const _Text = forwardRef((props, ref) => {
-    const { style = {}, allowFontScaling = false, selectable, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'user-select': userSelect, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, decode } = props;
-    const { normalStyle, hasVarDec, varContextRef, hasPositionFixed } = useTransformStyle(style, {
+    let stopTotal;
+    if (__mpx_perf_framework__)
+        stopTotal = perf.scope('text:render:total');
+    // ───── props 阶段 ─────
+    let stopProps;
+    if (__mpx_perf_framework__)
+        stopProps = perf.scope('text:render:props');
+    const inheritedText = useContext(TextPassThroughContext);
+    const mergedProps = extendObject({}, inheritedText?.pendingTextProps, props);
+    const { style: currentStyle = {}, allowFontScaling, selectable, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'user-select': userSelect, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, decode } = mergedProps;
+    if (__mpx_perf_framework__)
+        stopProps();
+    // ───── style 阶段 ─────
+    let stopStyle;
+    if (__mpx_perf_framework__)
+        stopStyle = perf.scope('text:render:style');
+    const { normalStyle, hasVarDec, varContextRef, hasPositionFixed } = useTransformStyle(currentStyle, {
         enableVar,
         externalVarContext,
         parentFontSize,
         parentWidth,
         parentHeight
     });
+    const finalStyle = extendObject({}, inheritedText?.textStyle, normalStyle);
     const nodeRef = useRef(null);
-    useNodesRef(props, ref, nodeRef, {
-        style: normalStyle
+    useNodesRef(mergedProps, ref, nodeRef, {
+        style: finalStyle
     });
-    const innerProps = useInnerProps(extendObject({}, props, {
+    const children = decode ? getDecodedChildren(mergedProps.children) : mergedProps.children;
+    const isStringOnly = isStringChildren(children);
+    let childTextStyle;
+    if (!isStringOnly) {
+        const { textStyle = {} } = splitStyle(finalStyle);
+        childTextStyle = Object.keys(textStyle).length ? textStyle : undefined;
+    }
+    const textPassThrough = useTextPassThroughValue(childTextStyle, undefined, {
+        inheritTextProps: false,
+        disabled: isStringOnly
+    });
+    if (__mpx_perf_framework__)
+        stopStyle();
+    // ───── innerProps 阶段 ─────
+    let stopInnerProps;
+    if (__mpx_perf_framework__)
+        stopInnerProps = perf.scope('text:render:innerProps');
+    const innerProps = useInnerProps(extendObject({}, mergedProps, {
         ref: nodeRef,
-        style: normalStyle,
+        style: finalStyle,
         selectable: !!selectable || !!userSelect,
-        allowFontScaling
+        allowFontScaling: allowFontScaling ?? getDefaultAllowFontScaling()
     }), [
         'user-select',
         'decode'
     ]);
-    const children = decode ? getDecodedChildren(props.children) : props.children;
-    let finalComponent = createElement(Text, innerProps, wrapChildren(extendObject({}, props, {
+    if (__mpx_perf_framework__)
+        stopInnerProps();
+    // ───── createElement 阶段 ─────
+    let stopCreate;
+    if (__mpx_perf_framework__)
+        stopCreate = perf.scope('text:render:createElement');
+    let finalComponent = createElement(Text, innerProps, wrapChildren(extendObject({}, mergedProps, {
         children
     }), {
         hasVarDec,
-        varContext: varContextRef.current
+        varContext: varContextRef.current,
+        textPassThrough
     }));
     if (hasPositionFixed) {
         finalComponent = createElement(Portal, null, finalComponent);
     }
+    if (__mpx_perf_framework__)
+        stopCreate();
+    if (__mpx_perf_framework__)
+        stopTotal();
     return finalComponent;
 });
 _Text.displayName = 'MpxText';

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

@@ -63,10 +63,11 @@
  * ✘ bindcastinginterrupt
  */
 /// <reference types="react" />
+import { ReactVideoSourceProperties } from 'react-native-video';
 import { View, ViewStyle } from 'react-native';
 import { HandlerRef } from './useNodesRef';
 interface VideoProps {
-    src: string;
+    src: string | ReactVideoSourceProperties | number;
     autoplay?: boolean;
     loop?: boolean;
     muted?: boolean;

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

@@ -197,10 +197,8 @@ const MpxVideo = forwardRef((videoProps, ref) => {
     function requestFullScreen() {
         videoRef.current && videoRef.current.setFullScreen(true);
     }
-    const source = {
-        uri: src
-    };
-    if (isDrm) {
+    const source = typeof src === 'string' ? { uri: src } : (typeof src === 'number' ? src : extendObject({}, src));
+    if (isDrm && source && typeof source !== 'number') {
         source.drm = {
             type: DRMType.FAIRPLAY,
             certificateUrl: __mpx_mode__ !== 'ios' ? provisionUrl : certificateUrl,
@@ -233,6 +231,14 @@ const MpxVideo = forwardRef((videoProps, ref) => {
         'src',
         'autoplay',
         'loop',
+        'initial-time',
+        'object-fit',
+        'is-drm',
+        'provision-url',
+        'certificate-url',
+        'license-url',
+        'preferred-peak-bit-rate',
+        'enable-auto-rotation',
         'bindplay',
         'bindpause',
         'bindended',

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

@@ -10,8 +10,9 @@ import useInnerProps from './getInnerListeners';
 import Animated from 'react-native-reanimated';
 import useAnimationHooks from './animationHooks/index';
 import useNodesRef from './useNodesRef';
-import { parseUrl, PERCENT_REGEX, splitStyle, splitProps, useTransformStyle, wrapChildren, useLayout, renderImage, pickStyle, extendObject, useHover } from './utils';
+import { parseUrl, PERCENT_REGEX, splitStyle, splitProps, useTransformStyle, wrapChildren, useLayout, renderImage, pickStyle, extendObject, useHover, useTextPassThroughValue } from './utils';
 import { error, isFunction } from '@mpxjs/utils';
+import * as perf from '@mpxjs/perf';
 import LinearGradient from 'react-native-linear-gradient';
 import { GestureDetector } from 'react-native-gesture-handler';
 import Portal from './mpx-portal';
@@ -551,12 +552,11 @@ function useWrapImage(imageStyle, innerStyle, enableFastImage) {
     const backgroundProps = extendObject({ key: 'backgroundImage' }, needLayout ? { onLayout } : {}, { style: extendObject({}, inheritStyle(innerStyle), StyleSheet.absoluteFillObject, { overflow: 'hidden' }) });
     return createElement(View, backgroundProps, show && type === 'linear' && createElement(LinearGradient, extendObject({ useAngle: true }, imageStyleToProps(preImageInfo, sizeInfo.current, layoutInfo.current))), show && type === 'image' && renderImage(imageStyleToProps(preImageInfo, sizeInfo.current, layoutInfo.current), enableFastImage));
 }
-function wrapWithChildren(props, { hasVarDec, enableBackground, textStyle, backgroundStyle, varContext, textProps, innerStyle, enableFastImage }) {
+function wrapWithChildren(props, { hasVarDec, enableBackground, backgroundStyle, varContext, textPassThrough, innerStyle, enableFastImage }) {
     const children = wrapChildren(props, {
         hasVarDec,
         varContext,
-        textStyle,
-        textProps
+        textPassThrough
     });
     return [
         // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -565,6 +565,14 @@ function wrapWithChildren(props, { hasVarDec, enableBackground, textStyle, backg
     ];
 }
 const _View = forwardRef((viewProps, ref) => {
+    // 性能探针 - total
+    let stopTotal;
+    if (__mpx_perf_framework__)
+        stopTotal = perf.scope('view:render:total');
+    // ───── props 阶段 ─────
+    let stopProps;
+    if (__mpx_perf_framework__)
+        stopProps = perf.scope('view:render:props');
     const { textProps, innerProps: props = {} } = splitProps(viewProps);
     let { style = {}, 'hover-style': hoverStyle, 'hover-start-time': hoverStartTime = 50, 'hover-stay-time': hoverStayTime = 400, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'enable-background': enableBackground, 'enable-fast-image': enableFastImage, 'enable-animation': enableAnimation, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, animation, catchtransitionend, bindtransitionend } = props;
     // 默认样式
@@ -579,6 +587,12 @@ const _View = forwardRef((viewProps, ref) => {
     const enableHover = !!hoverStyle;
     const { isHover, gesture } = useHover({ enableHover, hoverStartTime, hoverStayTime });
     const styleObj = extendObject({}, defaultStyle, style, isHover ? hoverStyle : {});
+    if (__mpx_perf_framework__)
+        stopProps();
+    // ───── style 阶段 ─────
+    let stopStyle;
+    if (__mpx_perf_framework__)
+        stopStyle = perf.scope('view:render:style');
     const { normalStyle, hasSelfPercent, hasPositionFixed, hasVarDec, varContextRef, setWidth, setHeight } = useTransformStyle(styleObj, {
         enableVar,
         externalVarContext,
@@ -587,6 +601,7 @@ const _View = forwardRef((viewProps, ref) => {
         parentHeight
     });
     const { textStyle, backgroundStyle, innerStyle = {} } = splitStyle(normalStyle);
+    const textPassThrough = useTextPassThroughValue(textStyle, textProps);
     enableBackground = enableBackground || !!backgroundStyle;
     const enableBackgroundRef = useRef(enableBackground);
     if (enableBackgroundRef.current !== enableBackground) {
@@ -610,24 +625,40 @@ const _View = forwardRef((viewProps, ref) => {
         style: viewStyle,
         transitionend
     });
+    if (__mpx_perf_framework__)
+        stopStyle();
+    // ───── innerProps 阶段 ─────
+    let stopInnerProps;
+    if (__mpx_perf_framework__)
+        stopInnerProps = perf.scope('view:render:innerProps');
     const innerProps = useInnerProps(extendObject({}, props, layoutProps, {
         ref: nodeRef,
         style: enableStyleAnimation ? [viewStyle, animationStyle] : viewStyle
     }), [
+        'animation',
         'hover-start-time',
         'hover-stay-time',
         'hover-style',
-        'hover-class'
+        'hover-class',
+        'enable-fast-image',
+        'enable-animation',
+        'bindtransitionend',
+        'catchtransitionend'
     ], {
         layoutRef
     });
+    if (__mpx_perf_framework__)
+        stopInnerProps();
+    // ───── createElement 阶段 ─────
+    let stopCreate;
+    if (__mpx_perf_framework__)
+        stopCreate = perf.scope('view:render:createElement');
     const childNode = wrapWithChildren(props, {
         hasVarDec,
         enableBackground: enableBackgroundRef.current,
-        textStyle,
         backgroundStyle,
         varContext: varContextRef.current,
-        textProps,
+        textPassThrough,
         innerStyle,
         enableFastImage
     });
@@ -640,6 +671,10 @@ const _View = forwardRef((viewProps, ref) => {
     if (hasPositionFixed) {
         finalComponent = createElement(Portal, null, finalComponent);
     }
+    if (__mpx_perf_framework__)
+        stopCreate();
+    if (__mpx_perf_framework__)
+        stopTotal();
     return finalComponent;
 });
 _View.displayName = 'MpxView';

package/lib/runtime/components/react/dist/utils.d.ts

@@ -1,17 +1,20 @@
 import { ReactNode, ReactElement, Dispatch, SetStateAction, MutableRefObject } from 'react';
-import { LayoutChangeEvent, TextStyle, ImageProps } from 'react-native';
-import type { FastImageProps } from '@d11/react-native-fast-image';
+import { LayoutChangeEvent, TextStyle, ImageProps, Image } from 'react-native';
+import { TextPassThroughContextValue } from './context';
 import type { AnyFunc } from './types/common';
-export declare const TEXT_STYLE_REGEX: RegExp;
+export declare const TEXT_STYLE_MAP: Record<string, boolean>;
 export declare const PERCENT_REGEX: RegExp;
 export declare const URL_REGEX: RegExp;
 export declare const SVG_REGEXP: RegExp;
-export declare const BACKGROUND_REGEX: RegExp;
-export declare const TEXT_PROPS_REGEX: RegExp;
+export declare const BACKGROUND_STYLE_MAP: Record<string, boolean>;
+export declare const TEXT_PROPS_MAP: Record<string, boolean>;
 export declare const DEFAULT_FONT_SIZE = 16;
 export declare const HIDDEN_STYLE: {
     opacity: number;
 };
+export declare const DEFAULT_BOX_SIZING_STYLE: {
+    boxSizing: string;
+};
 export declare const isIOS: boolean;
 export declare const isAndroid: boolean;
 export declare const isHarmony: boolean;
@@ -21,6 +24,9 @@ export declare const extendObject: {
     <T_2 extends {}, U_2, V_1, W>(target: T_2, source1: U_2, source2: V_1, source3: W): T_2 & U_2 & V_1 & W;
     (target: object, ...sources: any[]): any;
 };
+export declare function getDefaultAllowFontScaling(): boolean;
+export declare function transformBoxSizing(style?: Record<string, any>, hasBoxSizingAffectingStyle?: boolean): Record<string, any>;
+export declare function isBoxSizingAffectingStyle(key: string): boolean;
 export declare function useNavigation(): Record<string, any> | undefined;
 export declare function omit<T, K extends string>(obj: T, fields: K[]): Omit<T, K>;
 /**
@@ -30,10 +36,10 @@ export declare const useUpdateEffect: (effect: any, deps: any) => void;
 export declare const parseUrl: (cssUrl?: string) => string | undefined;
 export declare const getRestProps: (transferProps?: any, originProps?: any, deletePropsKey?: any) => any;
 export declare function isText(ele: ReactNode): ele is ReactElement;
-export declare function every(children: ReactNode, callback: (children: ReactNode) => boolean): boolean;
+export declare function isStringChildren(children: ReactNode): boolean;
 type GroupData<T> = Record<string, Partial<T>>;
 export declare function groupBy<T extends Record<string, any>>(obj: T, callback: (key: string, val: T[keyof T]) => string, group?: GroupData<T>): GroupData<T>;
-export declare function splitStyle<T extends Record<string, any>>(styleObj: T): {
+export declare function splitStyle<T extends Record<string, any>>(styleObj: T, sideEffect?: (key: string, val: T[keyof T]) => void): {
     textStyle?: Partial<T>;
     backgroundStyle?: Partial<T>;
     innerStyle?: Partial<T>;
@@ -84,10 +90,14 @@ export declare const useLayout: ({ props, hasSelfPercent, setWidth, setHeight, o
 export interface WrapChildrenConfig {
     hasVarDec: boolean;
     varContext?: Record<string, any>;
-    textStyle?: TextStyle;
-    textProps?: Record<string, any>;
+    textPassThrough?: TextPassThroughContextValue | null;
+}
+export interface TextPassThroughValueOptions {
+    inheritTextProps?: boolean;
+    disabled?: boolean;
 }
-export declare function wrapChildren(props: Record<string, any> | undefined, { hasVarDec, varContext, textStyle, textProps }: WrapChildrenConfig): any;
+export declare function useTextPassThroughValue(textStyle?: TextStyle, textProps?: Record<string, any>, { inheritTextProps, disabled }?: TextPassThroughValueOptions): TextPassThroughContextValue | null;
+export declare function wrapChildren(props: Record<string, any> | undefined, { hasVarDec, varContext, textPassThrough }: WrapChildrenConfig): any;
 export declare const debounce: <T extends AnyFunc>(func: T, delay: number) => ((...args: Parameters<T>) => void) & {
     clear: () => void;
 };
@@ -106,7 +116,7 @@ export interface GestureHandler {
 }
 export declare function flatGesture(gestures?: Array<GestureHandler>): any[];
 export declare function getCurrentPage(pageId: number | null | undefined): any;
-export declare function renderImage(imageProps: ImageProps | FastImageProps, enableFastImage?: boolean): ReactElement<ImageProps | FastImageProps, string | import("react").JSXElementConstructor<any>>;
+export declare function renderImage(imageProps: ImageProps, enableFastImage?: boolean): import("react").CElement<ImageProps, Image>;
 export declare function pickStyle(styleObj: Record<string, any> | undefined, pickedKeys: Array<string>, callback?: (key: string, val: number | string) => number | string): Record<string, any>;
 export declare function useHover({ enableHover, hoverStartTime, hoverStayTime, disabled }: {
     enableHover: boolean;