@mpxjs/webpack-plugin 2.10.14-beta.2 → 2.10.14-beta.20

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-item.jsx

@@ -34,7 +34,7 @@ const _SwiperItem = forwardRef((props, ref) => {
         const inputRange = [step.value, 0];
         const outputRange = [0.7, 1];
         // 实现元素的宽度跟随step从0到真实宽度，且不能触发重新渲染整个组件，通过AnimatedStyle的方式实现
-        const outerLayoutStyle = dir === 'x' ? { width: step.value, height: '100%' } : { width: '100%', height: step.value };
+        const outerLayoutStyle = dir === 'x' ? { width: step.value || '100%', height: '100%' } : { width: '100%', height: step.value || '100%' };
         const transformStyle = [];
         if (scale) {
             transformStyle.push({

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

@@ -0,0 +1,54 @@
+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;
+    bindtransition?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+    bindanimationfinish?: (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, useRunOnJSCallback } from './utils';
+import { useTransformStyle, splitStyle, splitProps, useLayout, wrapChildren, extendObject, flatGesture, useRunOnJSCallback, isHarmony } 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, current: propCurrent = 0, 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, bindtransition, bindanimationfinish } = props;
     const easeingFunc = props['easing-function'] || 'default';
     const easeDuration = props.duration || 500;
     const horizontal = props.vertical !== undefined ? !props.vertical : true;
@@ -275,6 +275,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                 }, () => {
                     currentIndex.value = nextIndex;
                     runOnJS(runOnJSCallback)('loop');
+                    bindanimationfinish && runOnJS(runOnJSCallback)('handleAnimationfinish', nextIndex);
                 });
             }
             else {
@@ -291,6 +292,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                         offset.value = initOffset;
                         currentIndex.value = nextIndex;
                         runOnJS(runOnJSCallback)('loop');
+                        bindanimationfinish && runOnJS(runOnJSCallback)('handleAnimationfinish', nextIndex);
                     });
                 }
                 else {
@@ -303,6 +305,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                     }, () => {
                         currentIndex.value = nextIndex;
                         runOnJS(runOnJSCallback)('loop');
+                        runOnJS(runOnJSCallback)('handleAnimationfinish', nextIndex);
                     });
                 }
             }
@@ -331,11 +334,21 @@ const SwiperWrapper = forwardRef((props, ref) => {
         const eventData = getCustomEvent('change', {}, { detail: { current, source: 'touch' }, layoutRef: layoutRef });
         bindchange && bindchange(eventData);
     }
+    function handleTransition(transData) {
+        const eventData = getCustomEvent('change', {}, { detail: transData, layoutRef: layoutRef });
+        bindtransition && bindtransition(eventData);
+    }
+    function handleAnimationfinish(current) {
+        const eventData = getCustomEvent('change', {}, { detail: { current, source: 'touch' }, layoutRef: layoutRef });
+        bindanimationfinish && bindanimationfinish(eventData);
+    }
     const runOnJSCallbackRef = useRef({
         loop,
         pauseLoop,
         resumeLoop,
-        handleSwiperChange
+        handleSwiperChange,
+        handleTransition,
+        handleAnimationfinish
     });
     const runOnJSCallback = useRunOnJSCallback(runOnJSCallbackRef);
     function getOffset(index, stepValue) {
@@ -361,6 +374,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                     easing: easeMap[easeingFunc]
                 }, () => {
                     currentIndex.value = propCurrent;
+                    bindanimationfinish && runOnJS(runOnJSCallback)('handleAnimationfinish', propCurrent);
                 });
             }
             else {
@@ -383,6 +397,28 @@ const SwiperWrapper = forwardRef((props, ref) => {
             runOnJS(runOnJSCallback)('handleSwiperChange', newIndex, propCurrent);
         }
     });
+    useAnimatedReaction(() => offset.value, (curOffset, preOffset) => {
+        const curAbsOffset = Math.abs(curOffset);
+        const preAbsOffset = Math.abs(preOffset || 0);
+        const computeOffset = step.value * (currentIndex.value + patchElmNumShared.value);
+        // 有小数点的情况
+        const isEqual = Math.abs(Math.floor(computeOffset) - Math.floor(Math.abs(offset.value))) <= 2;
+        if (curAbsOffset !== preAbsOffset && curAbsOffset && !isEqual) {
+            // 移动的距离，手向左滑动正数( curAbsOffset >= preAbsOffset)，右右滑动是负数( curAbsOffset < preAbsOffset)
+            let trans = 0;
+            if (curAbsOffset >= preAbsOffset) {
+                trans = curAbsOffset % step.value;
+            }
+            else {
+                trans = -(step.value - curAbsOffset % step.value);
+            }
+            const transData = {
+                dx: dir === 'x' ? trans : 0,
+                dy: dir === 'y' ? trans : 0
+            };
+            bindtransition && runOnJS(runOnJSCallback)('handleTransition', transData);
+        }
+    });
     useEffect(() => {
         let patchStep = 0;
         if (preMargin !== preMarginShared.value) {
@@ -510,6 +546,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                         currentIndex.value = selectedIndex;
                         offset.value = resetOffset;
                         runOnJS(runOnJSCallback)('resumeLoop');
+                        bindanimationfinish && runOnJS(runOnJSCallback)('handleAnimationfinish', selectedIndex);
                     }
                 });
             }
@@ -521,6 +558,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                     if (touchfinish.value !== false) {
                         currentIndex.value = selectedIndex;
                         runOnJS(runOnJSCallback)('resumeLoop');
+                        bindanimationfinish && runOnJS(runOnJSCallback)('handleAnimationfinish', selectedIndex);
                     }
                 });
             }
@@ -543,6 +581,7 @@ const SwiperWrapper = forwardRef((props, ref) => {
                 if (touchfinish.value !== false) {
                     currentIndex.value = moveToIndex;
                     runOnJS(runOnJSCallback)('resumeLoop');
+                    bindanimationfinish && runOnJS(runOnJSCallback)('handleAnimationfinish', moveToIndex);
                 }
             });
         }
@@ -697,6 +736,10 @@ 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';
@@ -764,11 +807,12 @@ const SwiperWrapper = forwardRef((props, ref) => {
         };
     }, [gestureSwitch.current]);
     const animatedStyles = useAnimatedStyle(() => {
+        const opacity = isHarmony ? 1 : (step.value > 0 ? 1 : 0);
         if (dir === 'x') {
-            return { transform: [{ translateX: offset.value }], opacity: step.value > 0 ? 1 : 0 };
+            return { transform: [{ translateX: offset.value }], opacity };
         }
         else {
-            return { transform: [{ translateY: offset.value }], opacity: step.value > 0 ? 1 : 0 };
+            return { transform: [{ translateY: offset.value }], opacity };
         }
     });
     let finalComponent;

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;

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

@@ -4,6 +4,7 @@
  *     type, password, confirm-hold
  *   Addition:
  *     ✔ confirm-type
+ *     ✘ confirm-hold
  *     ✔ auto-height
  *     ✘ fixed
  *     ✘ show-confirm-bar

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

@@ -0,0 +1,101 @@
+/**
+ * ✔ src
+ * ✘ duration
+ * ✔ controls
+ * ✘ danmu-list
+ * ✘ danmu-btn
+ * ✘ enable-danmu
+ * ✔ autoplay
+ * ✔ loop
+ * ✔ muted
+ * ✔ initial-time
+ * ✘ page-gesture
+ * ✘ direction
+ * ✘ show-progress
+ * ✘ show-fullscreen-btn
+ * ✘ show-play-btn
+ * ✘ show-center-play-btn
+ * ✘ enable-progress-gesture
+ * ✔ object-fit
+ * ✔ poster
+ * ✘ show-mute-btn
+ * ✘ title
+ * ✘ play-btn-position
+ * ✘ enable-play-gesture
+ * ✘ auto-pause-if-navigate
+ * ✘ auto-pause-if-open-native
+ * ✘ vslide-gesture
+ * ✘ vslide-gesture-in-fullscreen
+ * ✘ show-bottom-progress(use show-progress)
+ * ✘ ad-unit-id
+ * ✘ poster-for-crawler
+ * ✘ show-casting-button
+ * ✘ picture-in-picture-mode
+ * ✘ picture-in-picture-show-progress
+ * ✘ picture-in-picture-init-position
+ * ✔ enable-auto-rotation (only ios)
+ * ✘ show-screen-lock-button
+ * ✘ show-snapshot-button
+ * ✘ show-background-playback-button
+ * ✘ background-poster
+ * ✘ referrer-policy
+ * ✔ is-drm
+ * ✘ is-live
+ * ✔ provision-url(android)
+ * ✔ certificate-url(ios)
+ * ✔ license-url
+ * ✔ preferred-peak-bit-rate
+ * ✔ bindplay
+ * ✔ bindpause
+ * ✔ bindended
+ * ✘ bindtimeupdate
+ * ✔ bindfullscreenchange
+ * ✔ bindwaiting
+ * ✔ binderror
+ * ✘ bindprogress
+ * ✔ bindloadedmetadata
+ * ✔ bindcontrolstoggle(only android)
+ * ✘ bindenterpictureinpicture
+ * ✘ bindleavepictureinpicture
+ * ✔ bindseekcomplete
+ * ✘ bindcastinguserselect
+ * ✘ bindcastingstatechange
+ * ✘ bindcastinginterrupt
+ */
+/// <reference types="react" />
+import { View, ViewStyle } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+interface VideoProps {
+    src: string;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    controls?: boolean;
+    poster?: string;
+    style?: ViewStyle;
+    'initial-time'?: number;
+    'object-fit'?: null | 'contain' | 'fill' | 'cover';
+    'is-drm'?: boolean;
+    'provision-url'?: string;
+    'certificate-url'?: string;
+    'license-url'?: string;
+    'preferred-peak-bit-rate'?: number;
+    'enable-auto-rotation'?: number;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    bindplay?: (event: Record<string, any>) => void;
+    bindpause?: (event: Record<string, any>) => void;
+    bindended?: (event: Record<string, any>) => void;
+    bindtimeupdate?: (event: Record<string, any>) => void;
+    bindfullscreenchange?: (event: Record<string, any>) => void;
+    bindwaiting?: (event: Record<string, any>) => void;
+    binderror?: (event: Record<string, any>) => void;
+    bindloadedmetadata?: (event: Record<string, any>) => void;
+    bindcontrolstoggle?: (event: Record<string, any>) => void;
+    bindseekcomplete?: (event: Record<string, any>) => void;
+}
+declare const MpxVideo: import("react").ForwardRefExoticComponent<VideoProps & import("react").RefAttributes<HandlerRef<View, VideoProps>>>;
+export default MpxVideo;

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

@@ -0,0 +1,34 @@
+/**
+ * ✔ hover-class
+ * ✘ hover-stop-propagation
+ * ✔ hover-start-time
+ * ✔ hover-stay-time
+ */
+import { View, NativeSyntheticEvent, ViewProps } from 'react-native';
+import { ReactNode } from 'react';
+import type { AnimationProp } from './useAnimationHooks';
+import { ExtendedViewStyle } from './types/common';
+import { HandlerRef } from './useNodesRef';
+export interface _ViewProps extends ViewProps {
+    style?: ExtendedViewStyle;
+    animation?: AnimationProp;
+    children?: ReactNode | ReactNode[];
+    'hover-style'?: ExtendedViewStyle;
+    'hover-start-time'?: number;
+    'hover-stay-time'?: number;
+    'enable-background'?: boolean;
+    'enable-var'?: boolean;
+    'enable-fast-image'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'enable-animation'?: boolean;
+    bindtouchstart?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+    bindtouchmove?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+    bindtouchend?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+    bindtransitionend?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+    catchtransitionend?: (event: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const _View: import("react").ForwardRefExoticComponent<_ViewProps & import("react").RefAttributes<HandlerRef<View, _ViewProps>>>;
+export default _View;

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

@@ -203,7 +203,7 @@ function backgroundSize(imageProps, preImageInfo, imageSize, layoutInfo) {
         else { // 数值类型      ImageStyle
             // 数值类型设置为 stretch
             imageProps.resizeMode = 'stretch';
-            if (type === 'linear' && (!layoutWidth || !layoutHeight)) {
+            if (type === 'linear' && (!layoutWidth || !layoutHeight) && isNeedLayout(preImageInfo)) {
                 // ios 上 linear 组件只要重新触发渲染，在渲染过程中外层容器 width 或者 height 被设置为 0，通过设置 % 的方式会渲染不出来，即使后面再更新为正常宽高也渲染不出来
                 // 所以 hack 手动先将 linear 宽高也设置为 0，后面再更新为正确的数值或 %。
                 dimensions = {
@@ -212,6 +212,7 @@ function backgroundSize(imageProps, preImageInfo, imageSize, layoutInfo) {
                 };
             }
             else {
+                // background-size 手动设置具体值，不会触发 onLayout，需要走这里的逻辑
                 dimensions = {
                     width: isPercent(width) ? width : +width,
                     height: isPercent(height) ? height : +height
@@ -398,7 +399,7 @@ function parseLinearGradient(text) {
     });
 }
 function parseBgImage(text) {
-    if (!text)
+    if (!text || text === 'none')
         return {};
     const src = parseUrl(text);
     if (src)

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { WebView } from 'react-native-webview';
+import { HandlerRef } from './useNodesRef';
+type OnMessageCallbackEvent = {
+    detail: {
+        data: any[];
+    };
+};
+type CommonCallbackEvent = {
+    detail: {
+        src?: string;
+    };
+};
+interface WebViewProps {
+    src?: string;
+    bindmessage?: (event: OnMessageCallbackEvent) => void;
+    bindload?: (event: CommonCallbackEvent) => void;
+    binderror?: (event: CommonCallbackEvent) => void;
+    [x: string]: any;
+}
+declare const _WebView: import("react").ForwardRefExoticComponent<Omit<WebViewProps, "ref"> & import("react").RefAttributes<HandlerRef<WebView<{}>, WebViewProps>>>;
+export default _WebView;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare function useInnerHeaderHeight(pageConfig: PageConfig): number;
+export interface MpxNavProps {
+    pageConfig: PageConfig;
+    navigation: any;
+}
+declare const MpxNav: import("react").MemoExoticComponent<({ pageConfig, navigation }: MpxNavProps) => import("react").JSX.Element>;
+export default MpxNav;