@mpxjs/webpack-plugin 2.10.16-beta.5 → 2.10.16-beta.7

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

@@ -0,0 +1,28 @@
+/**
+ * ✘ report-submit
+ * ✘ report-submit-timeout
+ * ✔ bindsubmit
+ * ✔ bindreset
+ */
+import { View } from 'react-native';
+import { ReactNode } from 'react';
+import { HandlerRef } from './useNodesRef';
+interface FormProps {
+    style?: Record<string, any>;
+    children?: ReactNode;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    bindsubmit?: (evt: {
+        detail: {
+            value: any;
+        };
+    }) => void;
+    bindreset?: () => void;
+}
+declare const _Form: import("react").ForwardRefExoticComponent<FormProps & import("react").RefAttributes<HandlerRef<View, FormProps>>>;
+export default _Form;
+//# sourceMappingURL=mpx-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-form.d.ts","sourceRoot":"","sources":["../mpx-form.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAA2B,SAAS,EAA0B,MAAM,OAAO,CAAA;AAClF,OAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAIvD,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE;QACjB,MAAM,EAAE;YACN,KAAK,EAAE,GAAG,CAAA;SACX,CAAA;KACF,KAAK,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mHA+FT,CAAA;AAIF,eAAe,KAAK,CAAA"}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Text, TextStyle } from 'react-native';
+import { HandlerRef } from '../useNodesRef';
+export type IconType = 'success' | 'success_no_circle' | 'info' | 'warn' | 'waiting' | 'cancel' | 'download' | 'search' | 'clear';
+export interface IconProps {
+    type: IconType;
+    size?: number;
+    color?: string;
+    style?: TextStyle & Record<string, any>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+}
+declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HandlerRef<Text, IconProps>>>;
+export default Icon;
+//# sourceMappingURL=index.d.ts.map

package/lib/runtime/components/react/dist/mpx-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../mpx-icon/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAS,MAAM,cAAc,CAAA;AAErD,OAAoB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAaxD,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,mBAAmB,GACnB,MAAM,GACN,MAAM,GACN,SAAS,GACT,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,CAAA;AAEX,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAcD,QAAA,MAAM,IAAI,mHA0DT,CAAA;AAID,eAAe,IAAI,CAAA"}

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Image as RNImage, ImageStyle, NativeSyntheticEvent, ImageErrorEventData, ImageLoadEventData } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+export type Mode = 'scaleToFill' | 'aspectFit' | 'aspectFill' | 'widthFix' | 'heightFix' | 'top' | 'bottom' | 'center' | 'left' | 'right' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+export interface ImageProps {
+    src?: string;
+    mode?: Mode;
+    svg?: boolean;
+    style?: ImageStyle & Record<string, any>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'enable-fast-image'?: boolean;
+    bindload?: (evt: NativeSyntheticEvent<ImageLoadEventData> | unknown) => void;
+    binderror?: (evt: NativeSyntheticEvent<ImageErrorEventData> | unknown) => void;
+}
+declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HandlerRef<RNImage, ImageProps>>>;
+export default Image;
+//# sourceMappingURL=mpx-image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-image.d.ts","sourceRoot":"","sources":["../mpx-image.tsx"],"names":[],"mappings":";AAaA,OAAO,EACL,KAAK,IAAI,OAAO,EAEhB,UAAU,EAEV,oBAAoB,EACpB,mBAAmB,EAGnB,kBAAkB,EACnB,MAAM,cAAc,CAAA;AAIrB,OAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAIvD,MAAM,MAAM,IAAI,GACZ,aAAa,GACb,WAAW,GACX,YAAY,GACZ,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAA;AAElB,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACxC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,GAAG,OAAO,KAAK,IAAI,CAAA;IAC5E,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,GAAG,OAAO,KAAK,IAAI,CAAA;CAC/E;AAmED,QAAA,MAAM,KAAK,wHA8XT,CAAA;AAIF,eAAe,KAAK,CAAA"}

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

@@ -0,0 +1,8 @@
+import { TextProps } from 'react-native';
+import { JSX } from 'react';
+declare const InlineText: {
+    (props: TextProps): JSX.Element;
+    displayName: string;
+};
+export default InlineText;
+//# sourceMappingURL=mpx-inline-text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-inline-text.d.ts","sourceRoot":"","sources":["../mpx-inline-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAA;AAI1C,QAAA,MAAM,UAAU;YAAW,SAAS,GAAG,WAAW;;CAQjD,CAAA;AAID,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { TextInput, TextStyle, ViewStyle, NativeSyntheticEvent, TextInputTextInputEventData, TextInputKeyPressEventData, TextInputContentSizeChangeEventData, FlexStyle, TextInputSelectionChangeEventData, TextInputFocusEventData, TextInputSubmitEditingEventData } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+type InputStyle = Omit<TextStyle & ViewStyle & Pick<FlexStyle, 'minHeight'>, 'borderLeftWidth' | 'borderTopWidth' | 'borderRightWidth' | 'borderBottomWidth' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius'>;
+type Type = 'text' | 'number' | 'idcard' | 'digit';
+type ConfirmType = 'done' | 'send' | 'search' | 'next' | 'go' | 'return';
+export interface InputProps {
+    name?: string;
+    style?: InputStyle & Record<string, any>;
+    value?: string | number;
+    type?: Type;
+    password?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    'cursor-spacing'?: number;
+    maxlength?: number;
+    'auto-focus'?: boolean;
+    focus?: boolean;
+    'confirm-type'?: ConfirmType;
+    'confirm-hold'?: boolean;
+    cursor?: number;
+    'cursor-color'?: string;
+    'selection-start'?: number;
+    'selection-end'?: number;
+    'placeholder-style'?: {
+        color?: string;
+    };
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'adjust-position': boolean;
+    bindinput?: (evt: NativeSyntheticEvent<TextInputTextInputEventData> | unknown) => void;
+    bindfocus?: (evt: NativeSyntheticEvent<TextInputFocusEventData> | unknown) => void;
+    bindblur?: (evt: NativeSyntheticEvent<TextInputFocusEventData> | unknown) => void;
+    bindconfirm?: (evt: NativeSyntheticEvent<TextInputSubmitEditingEventData | TextInputKeyPressEventData> | unknown) => void;
+    bindselectionchange?: (evt: NativeSyntheticEvent<TextInputSelectionChangeEventData> | unknown) => void;
+}
+export interface PrivateInputProps {
+    allowFontScaling?: boolean;
+    multiline?: boolean;
+    'auto-height'?: boolean;
+    bindlinechange?: (evt: NativeSyntheticEvent<TextInputContentSizeChangeEventData> | unknown) => void;
+}
+type FinalInputProps = InputProps & PrivateInputProps;
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & PrivateInputProps & import("react").RefAttributes<HandlerRef<TextInput, FinalInputProps>>>;
+export default Input;
+//# sourceMappingURL=mpx-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-input.d.ts","sourceRoot":"","sources":["../mpx-input.tsx"],"names":[],"mappings":"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"}

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

@@ -144,8 +144,8 @@ const Input = forwardRef((props, ref) => {
         }
     };
     const setKeyboardAvoidContext = () => {
-        if (adjustPosition && keyboardAvoid) {
-            keyboardAvoid.current = { cursorSpacing, ref: nodeRef };
+        if (keyboardAvoid) {
+            keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition };
         }
     };
     const onTouchStart = () => {
@@ -156,13 +156,39 @@ const Input = forwardRef((props, ref) => {
         evt.nativeEvent.origin = 'input';
     };
     const onFocus = (evt) => {
-        setKeyboardAvoidContext();
-        bindfocus && bindfocus(getCustomEvent('focus', evt, {
-            detail: {
-                value: tmpValue.current || ''
-            },
-            layoutRef
-        }, props));
+        if (!keyboardAvoid?.current) {
+            setKeyboardAvoidContext();
+        }
+        if (bindfocus) {
+            const focusAction = () => {
+                bindfocus(getCustomEvent('focus', evt, {
+                    detail: {
+                        value: tmpValue.current || '',
+                        height: keyboardAvoid?.current?.keyboardHeight
+                    },
+                    layoutRef
+                }, props));
+                if (keyboardAvoid?.current?.onKeyboardShow) {
+                    keyboardAvoid.current.onKeyboardShow = undefined;
+                }
+            };
+            if (keyboardAvoid?.current) {
+                // 有 keyboardAvoiding
+                if (keyboardAvoid.current.keyboardHeight) {
+                    // iOS: keyboard 获取高度时机 keyboardWillShow 在 input focus 之前，可以立即执行
+                    focusAction();
+                }
+                else {
+                    // Android,Harmony: keyboard 获取高度时机 keyboardDidShow 在 input focus 之后，需要延迟回调
+                    evt.persist();
+                    keyboardAvoid.current.onKeyboardShow = focusAction;
+                }
+            }
+            else {
+                // 无 keyboardAvoiding，直接执行 focus 回调
+                focusAction();
+            }
+        }
     };
     const onBlur = (evt) => {
         bindblur && bindblur(getCustomEvent('blur', evt, {

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
+type KeyboardAvoidViewProps = {
+    children?: ReactNode;
+    style?: ViewStyle;
+    contentContainerStyle?: ViewStyle;
+};
+declare const KeyboardAvoidingView: {
+    ({ children, style, contentContainerStyle }: KeyboardAvoidViewProps): React.JSX.Element;
+    displayName: string;
+};
+export default KeyboardAvoidingView;
+//# sourceMappingURL=mpx-keyboard-avoiding-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-keyboard-avoiding-view.d.ts","sourceRoot":"","sources":["../mpx-keyboard-avoiding-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAuD,SAAS,EAA0C,MAAM,cAAc,CAAA;AAKrI,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,qBAAqB,CAAC,EAAE,SAAS,CAAA;CAClC,CAAA;AAED,QAAA,MAAM,oBAAoB;iDAAgD,sBAAsB;;CA8G/F,CAAA;AAID,eAAe,oBAAoB,CAAA"}

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

@@ -1,8 +1,9 @@
+/* eslint-disable space-before-function-paren */
 import React, { useContext, useEffect, useRef } from 'react';
 import { Keyboard, View } from 'react-native';
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing, cancelAnimation } from 'react-native-reanimated';
 import { KeyboardAvoidContext } from './context';
-import { isIOS } from './utils';
+import { isAndroid, isIOS } from './utils';
 const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
     const duration = isIOS ? 250 : 300;
     const easing = isIOS ? Easing.inOut(Easing.ease) : Easing.out(Easing.quad);
@@ -14,7 +15,8 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
     // 因此增加状态标记 + cancelAnimation 来优化
     const isShow = useRef(false);
     const animatedStyle = useAnimatedStyle(() => ({
-        transform: [{ translateY: -offset.value }],
+        // translate/position top可能会导致底部渲染区域缺失
+        marginTop: -offset.value,
         flexBasis: basic.value
     }));
     const resetKeyboard = () => {
@@ -23,6 +25,11 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
         }
         isShow.current = false;
         if (keyboardAvoid?.current) {
+            const inputRef = keyboardAvoid.current.ref?.current;
+            if (inputRef && inputRef.isFocused()) {
+                // 修复 Android 点击键盘收起按钮时当前 input 没触发失焦的问题
+                inputRef.blur();
+            }
             keyboardAvoid.current = null;
         }
         cancelAnimation(offset);
@@ -36,72 +43,58 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
     };
     useEffect(() => {
         let subscriptions = [];
-        if (isIOS) {
-            subscriptions = [
-                Keyboard.addListener('keyboardWillShow', (evt) => {
-                    if (!keyboardAvoid?.current || isShow.current) {
-                        return;
-                    }
-                    isShow.current = true;
-                    const { endCoordinates } = evt;
-                    const { ref, cursorSpacing = 0 } = keyboardAvoid.current;
-                    setTimeout(() => {
-                        ref?.current?.measure((x, y, width, height, pageX, pageY) => {
+        function keybaordAvoding(evt) {
+            if (!keyboardAvoid?.current || isShow.current) {
+                return;
+            }
+            isShow.current = true;
+            const { endCoordinates } = evt;
+            const { ref, cursorSpacing = 0, adjustPosition, onKeyboardShow } = keyboardAvoid.current;
+            keyboardAvoid.current.keyboardHeight = endCoordinates.height;
+            onKeyboardShow?.();
+            if (adjustPosition) {
+                // 默认沿用旧版本逻辑，在 android 原生关闭键盘避让的情况下应该将该配置设置为 false，走 mpx 的键盘避让逻辑，否则bundle内的所有input都会无法避让键盘
+                const enableNativeKeyboardAvoiding = mpxGlobal?.__mpx?.config?.rnConfig?.enableNativeKeyboardAvoiding ?? true;
+                const callback = () => {
+                    ref?.current?.measure((x, y, width, height, pageX, pageY) => {
+                        function calculateOffset() {
+                            // enableNativeKeyboardAvoding 默认开启
+                            if (enableNativeKeyboardAvoiding && isAndroid) {
+                                const aboveOffset = pageY + height - endCoordinates.screenY;
+                                const belowOffset = endCoordinates.height - aboveOffset;
+                                const aboveValue = -aboveOffset >= cursorSpacing ? 0 : aboveOffset + cursorSpacing;
+                                const belowValue = Math.min(belowOffset, cursorSpacing);
+                                return aboveOffset > 0 ? belowValue : aboveValue;
+                            }
                             const aboveOffset = offset.value + pageY + height - endCoordinates.screenY;
                             const aboveValue = -aboveOffset >= cursorSpacing ? 0 : aboveOffset + cursorSpacing;
                             const belowValue = Math.min(endCoordinates.height, aboveOffset + cursorSpacing);
-                            const value = aboveOffset > 0 ? belowValue : aboveValue;
-                            cancelAnimation(offset);
-                            offset.value = withTiming(value, { duration, easing }, (finished) => {
-                                if (finished) {
-                                    // Set flexBasic after animation to trigger re-layout and reset layout information
-                                    basic.value = '99.99%';
-                                }
-                            });
-                        });
-                    });
-                }),
-                Keyboard.addListener('keyboardWillHide', resetKeyboard)
-            ];
-        }
-        else {
-            subscriptions = [
-                Keyboard.addListener('keyboardDidShow', (evt) => {
-                    if (!keyboardAvoid?.current || isShow.current) {
-                        return;
-                    }
-                    isShow.current = true;
-                    const { endCoordinates } = evt;
-                    const { ref, cursorSpacing = 0 } = keyboardAvoid.current;
-                    ref?.current?.measure((x, y, width, height, pageX, pageY) => {
-                        const aboveOffset = pageY + height - endCoordinates.screenY;
-                        const belowOffset = endCoordinates.height - aboveOffset;
-                        const aboveValue = -aboveOffset >= cursorSpacing ? 0 : aboveOffset + cursorSpacing;
-                        const belowValue = Math.min(belowOffset, cursorSpacing);
-                        const value = aboveOffset > 0 ? belowValue : aboveValue;
+                            return aboveOffset > 0 ? belowValue : aboveValue;
+                        }
                         cancelAnimation(offset);
-                        offset.value = withTiming(value, { duration, easing }, (finished) => {
+                        offset.value = withTiming(calculateOffset(), { duration, easing }, finished => {
                             if (finished) {
                                 // Set flexBasic after animation to trigger re-layout and reset layout information
                                 basic.value = '99.99%';
                             }
                         });
                     });
-                }),
-                Keyboard.addListener('keyboardDidHide', resetKeyboard)
-            ];
+                };
+                (isIOS ? () => setTimeout(callback) : callback)();
+            }
+        }
+        if (isIOS) {
+            subscriptions = [Keyboard.addListener('keyboardWillShow', keybaordAvoding), Keyboard.addListener('keyboardWillHide', resetKeyboard)];
+        }
+        else {
+            subscriptions = [Keyboard.addListener('keyboardDidShow', keybaordAvoding), Keyboard.addListener('keyboardDidHide', resetKeyboard)];
         }
         return () => {
             subscriptions.forEach(subscription => subscription.remove());
         };
     }, [keyboardAvoid]);
-    return (<View style={style} onTouchEnd={onTouchEnd}>
-      <Animated.View style={[
-            contentContainerStyle,
-            animatedStyle
-        ]}>
-        {children}
-      </Animated.View>
+    return (<View style={style} onTouchEnd={onTouchEnd} onTouchMove={onTouchEnd}>
+      <Animated.View style={[contentContainerStyle, animatedStyle]}>{children}</Animated.View>
     </View>);
 };
 KeyboardAvoidingView.displayName = 'MpxKeyboardAvoidingView';

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

@@ -0,0 +1,21 @@
+/**
+ * ✘ for
+ */
+import { ReactNode } from 'react';
+import { View, ViewStyle, NativeSyntheticEvent } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+export interface LabelProps {
+    for?: string;
+    style?: ViewStyle & Record<string, any>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    children: ReactNode;
+    bindtap?: (evt: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HandlerRef<View, LabelProps>>>;
+export default Label;
+//# sourceMappingURL=mpx-label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-label.d.ts","sourceRoot":"","sources":["../mpx-label.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAA2B,SAAS,EAA8B,MAAM,OAAO,CAAA;AACtF,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAGpE,OAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAKvD,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,oBAAoB,CAAC,UAAU,CAAC,GAAG,OAAO,KAAK,IAAI,CAAA;CACpE;AAED,QAAA,MAAM,KAAK,qHA0FV,CAAA;AAID,eAAe,KAAK,CAAA"}

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

@@ -0,0 +1,21 @@
+/**
+ * ✘ scale-area
+ */
+import { View } from 'react-native';
+import { ReactNode } from 'react';
+import { HandlerRef } from './useNodesRef';
+interface MovableAreaProps {
+    style?: Record<string, any>;
+    children: ReactNode;
+    width?: number;
+    height?: number;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+}
+declare const _MovableArea: import("react").ForwardRefExoticComponent<MovableAreaProps & import("react").RefAttributes<HandlerRef<View, MovableAreaProps>>>;
+export default _MovableArea;
+//# sourceMappingURL=mpx-movable-area.d.ts.map

package/lib/runtime/components/react/dist/mpx-movable-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-movable-area.d.ts","sourceRoot":"","sources":["../mpx-movable-area.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAmB,SAAS,EAAkC,MAAM,OAAO,CAAA;AAClF,OAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAMvD,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,QAAA,MAAM,YAAY,iIAsDhB,CAAA;AAIF,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,66 @@
+/**
+ * ✔ direction
+ * ✔ inertia
+ * ✔ out-of-bounds
+ * ✔ x
+ * ✔ y
+ * ✔ damping
+ * ✔ friction
+ * ✔ disabled
+ * ✘ scale
+ * ✘ scale-min
+ * ✘ scale-max
+ * ✘ scale-value
+ * ✔ animation
+ * ✔ bindchange
+ * ✘ bindscale
+ * ✔ htouchmove
+ * ✔ vtouchmove
+ */
+import { ReactNode } from 'react';
+import { View, LayoutChangeEvent } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+import { GestureHandler } from './utils';
+import { GestureTouchEvent } from 'react-native-gesture-handler';
+interface MovableViewProps {
+    children: ReactNode;
+    style?: Record<string, any>;
+    direction: 'all' | 'vertical' | 'horizontal' | 'none';
+    x?: number;
+    y?: number;
+    disabled?: boolean;
+    animation?: boolean;
+    damping?: number;
+    friction?: number;
+    id?: string;
+    changeThrottleTime?: number;
+    bindchange?: (event: unknown) => void;
+    bindtouchstart?: (event: GestureTouchEvent) => void;
+    catchtouchstart?: (event: GestureTouchEvent) => void;
+    bindtouchmove?: (event: GestureTouchEvent) => void;
+    catchtouchmove?: (event: GestureTouchEvent) => void;
+    catchtouchend?: (event: GestureTouchEvent) => void;
+    bindtouchend?: (event: GestureTouchEvent) => void;
+    bindhtouchmove?: (event: GestureTouchEvent) => void;
+    bindvtouchmove?: (event: GestureTouchEvent) => void;
+    catchhtouchmove?: (event: GestureTouchEvent) => void;
+    catchvtouchmove?: (event: GestureTouchEvent) => void;
+    bindlongpress?: (event: GestureTouchEvent) => void;
+    catchlongpress?: (event: GestureTouchEvent) => void;
+    bindtap?: (event: GestureTouchEvent) => void;
+    catchtap?: (event: GestureTouchEvent) => void;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    'out-of-bounds'?: boolean;
+    'wait-for'?: Array<GestureHandler>;
+    'simultaneous-handlers'?: Array<GestureHandler>;
+    inertia?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'disable-event-passthrough'?: boolean;
+}
+declare const _MovableView: import("react").ForwardRefExoticComponent<MovableViewProps & import("react").RefAttributes<HandlerRef<View, MovableViewProps>>>;
+export default _MovableView;
+//# sourceMappingURL=mpx-movable-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-movable-view.d.ts","sourceRoot":"","sources":["../mpx-movable-view.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+/// <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;
+//# sourceMappingURL=mpx-nav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mpx-nav.d.ts","sourceRoot":"","sources":["../mpx-nav.tsx"],"names":[],"mappings":";AA0BA,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,UAAU,UAS1D;AA6CD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,CAAA;IACtB,UAAU,EAAE,GAAG,CAAA;CAChB;AAKD,QAAA,MAAM,MAAM,mEAAqC,WAAW,iCA+D1D,CAAA;AAGF,eAAe,MAAM,CAAA"}