@mpxjs/webpack-plugin 2.10.14-beta.6 → 2.10.14-beta.7

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

@@ -19,3 +19,4 @@ export interface ImageProps {
 }
 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-image.jsx

@@ -40,7 +40,16 @@ const ModeMap = new Map([
     ...cropMode.map(mode => [mode, 'stretch'])
 ]);
 const isNumber = (value) => typeof value === 'number';
-const relativeCenteredSize = (viewSize, imageSize) => (viewSize - imageSize) / 2;
+const relativeCenteredSize = (viewSize, imageSize) => {
+    return (viewSize - imageSize) / 2;
+};
+// 获取能完全显示图片的缩放比例：长宽方向的缩放比例最小值即为能完全展示的比例
+function getFitScale(width1, height1, width2, height2) {
+    return Math.min(width2 / width1, height2 / height1);
+}
+function getFillScale(width1, height1, width2, height2) {
+    return Math.max(width2 / width1, height2 / height1);
+}
 function noMeetCalcRule(isSvg, mode, viewWidth, viewHeight, ratio) {
     const isMeetSize = viewWidth && viewHeight && ratio;
     if (isSvg && !isMeetSize)
@@ -49,6 +58,16 @@ function noMeetCalcRule(isSvg, mode, viewWidth, viewHeight, ratio) {
         return true;
     return false;
 }
+const getFixedWidth = (viewWidth, viewHeight, ratio) => {
+    if (!ratio)
+        return viewWidth;
+    const fixed = viewHeight / ratio;
+    return !fixed ? viewWidth : fixed;
+};
+const getFixedHeight = (viewWidth, viewHeight, ratio) => {
+    const fixed = viewWidth * ratio;
+    return !fixed ? viewHeight : fixed;
+};
 const Image = forwardRef((props, ref) => {
     const { src = '', mode = 'scaleToFill', style = {}, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'enable-fast-image': enableFastImage, 'parent-width': parentWidth, 'parent-height': parentHeight, bindload, binderror } = props;
     const defaultStyle = {
@@ -56,7 +75,6 @@ const Image = forwardRef((props, ref) => {
         height: DEFAULT_IMAGE_HEIGHT
     };
     const styleObj = extendObject({}, defaultStyle, style, { overflow: 'hidden' });
-    const state = useRef({});
     const nodeRef = useRef(null);
     useNodesRef(props, ref, nodeRef, {
         defaultStyle
@@ -70,13 +88,19 @@ const Image = forwardRef((props, ref) => {
     const onLayout = ({ nativeEvent: { layout: { width, height } } }) => {
         state.current.viewWidth = width;
         state.current.viewHeight = height;
+        // 实际渲染尺寸可能会指定的值不一致，误差低于 0.5 则认为没有变化
+        if (Math.abs(viewHeight - height) < 0.5 && Math.abs(viewWidth - width) < 0.5) {
+            if (state.current.imageWidth && state.current.imageHeight && state.current.ratio) {
+                if (!loaded)
+                    setLoaded(true);
+            }
+            return;
+        }
         if (state.current.imageWidth && state.current.imageHeight && state.current.ratio) {
-            setViewWidth(width);
-            setViewHeight(height);
             setRatio(state.current.ratio);
             setImageWidth(state.current.imageWidth);
             setImageHeight(state.current.imageHeight);
-            state.current = {};
+            setViewSize(state.current.viewWidth, state.current.viewHeight, state.current.ratio);
             setLoaded(true);
         }
     };
@@ -96,43 +120,56 @@ const Image = forwardRef((props, ref) => {
     const [imageHeight, setImageHeight] = useState(0);
     const [ratio, setRatio] = useState(0);
     const [loaded, setLoaded] = useState(!isLayoutMode);
-    const fixedHeight = useMemo(() => {
-        const fixed = viewWidth * ratio;
-        return !fixed ? viewHeight : fixed;
-    }, [ratio, viewWidth, viewHeight]);
-    const fixedWidth = useMemo(() => {
-        if (!ratio)
-            return viewWidth;
-        const fixed = viewHeight / ratio;
-        return !fixed ? viewWidth : fixed;
-    }, [ratio, viewWidth, viewHeight]);
+    const state = useRef({
+        viewWidth,
+        viewHeight
+    });
+    function setViewSize(viewWidth, viewHeight, ratio) {
+        // 在特定模式下可预测 view 的变化，在onLayout触发时能以此避免重复render
+        switch (mode) {
+            case 'widthFix': {
+                setViewWidth(viewWidth);
+                const fixedHeight = getFixedHeight(viewWidth, viewHeight, ratio);
+                setViewHeight(fixedHeight);
+                break;
+            }
+            case 'heightFix': {
+                setViewHeight(viewHeight);
+                const fixedWidth = getFixedWidth(viewWidth, viewHeight, ratio);
+                setViewWidth(fixedWidth);
+                break;
+            }
+            default:
+                setViewHeight(viewHeight);
+                setViewWidth(viewWidth);
+                break;
+        }
+    }
     const modeStyle = useMemo(() => {
         if (noMeetCalcRule(isSvg, mode, viewWidth, viewHeight, ratio))
             return {};
         switch (mode) {
-            case 'scaleToFill':
+            case 'scaleToFill': // wx 中 svg 图片的 scaleToFill 模式效果与 aspectFit 一致，不会就行图片缩放，此处保持一致
             case 'aspectFit':
                 if (isSvg) {
-                    const scale = ratio <= 1
-                        ? imageWidth >= viewWidth ? viewWidth / imageWidth : imageWidth / viewWidth
-                        : imageHeight >= viewHeight ? viewHeight / imageHeight : imageHeight / viewHeight;
+                    const scale = getFitScale(imageWidth, imageHeight, viewWidth, viewHeight);
                     return {
                         transform: [
-                            { scale },
-                            ratio <= 1 ? { translateY: -(imageHeight * scale - viewHeight) / 2 / scale } : { translateX: -(imageWidth * scale - viewWidth) / 2 / scale }
+                            { translateY: relativeCenteredSize(viewHeight, imageHeight * scale) },
+                            { translateX: relativeCenteredSize(viewWidth, imageWidth * scale) },
+                            { scale }
                         ]
                     };
                 }
                 return {};
             case 'aspectFill':
                 if (isSvg) {
-                    const scale = ratio >= 1
-                        ? imageWidth >= viewWidth ? viewWidth / imageWidth : imageWidth / viewWidth
-                        : imageHeight >= viewHeight ? viewHeight / imageHeight : imageHeight / viewHeight;
+                    const scale = getFillScale(imageWidth, imageHeight, viewWidth, viewHeight);
                     return {
                         transform: [
-                            { scale },
-                            ratio >= 1 ? { translateY: -(imageHeight * scale - viewHeight) / 2 / scale } : { translateX: -(imageWidth * scale - viewWidth) / 2 / scale }
+                            { translateY: relativeCenteredSize(viewHeight, imageHeight * scale) },
+                            { translateX: relativeCenteredSize(viewWidth, imageWidth * scale) },
+                            { scale }
                         ]
                     };
                 }
@@ -140,9 +177,7 @@ const Image = forwardRef((props, ref) => {
             case 'widthFix':
             case 'heightFix':
                 if (isSvg) {
-                    const scale = ratio >= 1
-                        ? imageWidth >= fixedWidth ? fixedWidth / imageWidth : imageWidth / fixedWidth
-                        : imageHeight >= fixedHeight ? fixedHeight / imageHeight : imageHeight / fixedHeight;
+                    const scale = getFitScale(imageWidth, imageHeight, viewWidth, viewHeight);
                     return {
                         transform: [{ scale }]
                     };
@@ -205,12 +240,23 @@ const Image = forwardRef((props, ref) => {
             default:
                 return {};
         }
-    }, [isSvg, mode, viewWidth, viewHeight, imageWidth, imageHeight, ratio, fixedWidth, fixedHeight]);
+    }, [isSvg, mode, viewWidth, viewHeight, imageWidth, imageHeight, ratio]);
     const onSvgLoad = (evt) => {
         const { width, height } = evt.nativeEvent.layout;
-        setRatio(!width ? 0 : height / width);
-        setImageWidth(width);
+        state.current.imageHeight = height;
         setImageHeight(height);
+        state.current.ratio = !width ? 0 : height / width;
+        if (isWidthFixMode
+            ? state.current.viewWidth
+            : isHeightFixMode
+                ? state.current.viewHeight
+                : state.current.viewWidth && state.current.viewHeight) {
+            setRatio(state.current.ratio);
+            setImageWidth(width);
+            setImageHeight(height);
+            setViewSize(state.current.viewWidth, state.current.viewHeight, state.current.ratio);
+            setLoaded(true);
+        }
         bindload && bindload(getCustomEvent('load', evt, {
             detail: { width, height },
             layoutRef
@@ -248,12 +294,10 @@ const Image = forwardRef((props, ref) => {
                     : isHeightFixMode
                         ? state.current.viewHeight
                         : state.current.viewWidth && state.current.viewHeight) {
-                    state.current.viewWidth && setViewWidth(state.current.viewWidth);
-                    state.current.viewHeight && setViewHeight(state.current.viewHeight);
-                    setRatio(!width ? 0 : height / width);
+                    setRatio(state.current.ratio);
                     setImageWidth(width);
                     setImageHeight(height);
-                    state.current = {};
+                    setViewSize(state.current.viewWidth, state.current.viewHeight, state.current.ratio);
                     setLoaded(true);
                 }
             }, () => {
@@ -263,7 +307,7 @@ const Image = forwardRef((props, ref) => {
     }, [src, isSvg, isLayoutMode]);
     const innerProps = useInnerProps(extendObject({}, props, layoutProps, {
         ref: nodeRef,
-        style: extendObject({}, normalStyle, layoutStyle, isHeightFixMode ? { width: fixedWidth } : {}, isWidthFixMode ? { height: fixedHeight } : {})
+        style: extendObject({}, normalStyle, layoutStyle, isHeightFixMode ? { width: viewWidth } : {}, isWidthFixMode ? { height: viewHeight } : {})
     }), [
         'src',
         'mode',

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

@@ -5,3 +5,4 @@ declare const InlineText: {
     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

@@ -32,6 +32,7 @@ export interface InputProps {
     'parent-width'?: number;
     'parent-height'?: number;
     'adjust-position': boolean;
+    'hold-keyboard'?: boolean;
     bindinput?: (evt: NativeSyntheticEvent<TextInputTextInputEventData> | unknown) => void;
     bindfocus?: (evt: NativeSyntheticEvent<TextInputFocusEventData> | unknown) => void;
     bindblur?: (evt: NativeSyntheticEvent<TextInputFocusEventData> | unknown) => void;
@@ -47,3 +48,4 @@ export interface PrivateInputProps {
 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

@@ -18,7 +18,7 @@
  * ✔ selection-start
  * ✔ selection-end
  * ✔ adjust-position
- * ✘ hold-keyboard
+ * ✔ hold-keyboard
  * ✘ safe-password-cert-path
  * ✘ safe-password-length
  * ✘ safe-password-time-stamp
@@ -52,7 +52,7 @@ const keyboardTypeMap = {
     digit: isIOS ? 'decimal-pad' : 'numeric'
 };
 const Input = forwardRef((props, ref) => {
-    const { style = {}, allowFontScaling = false, type = 'text', value, password, 'placeholder-style': placeholderStyle = {}, disabled, maxlength = 140, 'cursor-spacing': cursorSpacing = 0, 'auto-focus': autoFocus, focus, 'confirm-type': confirmType = 'done', 'confirm-hold': confirmHold = false, cursor, 'cursor-color': cursorColor, 'selection-start': selectionStart = -1, 'selection-end': selectionEnd = -1, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, 'adjust-position': adjustPosition = true, bindinput, bindfocus, bindblur, bindconfirm, bindselectionchange, 
+    const { style = {}, allowFontScaling = false, type = 'text', value, password, 'placeholder-style': placeholderStyle = {}, disabled, maxlength = 140, 'cursor-spacing': cursorSpacing = 0, 'auto-focus': autoFocus, focus, 'confirm-type': confirmType = 'done', 'confirm-hold': confirmHold = false, cursor, 'cursor-color': cursorColor, 'selection-start': selectionStart = -1, 'selection-end': selectionEnd = -1, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, 'adjust-position': adjustPosition = true, 'hold-keyboard': holdKeyboard = false, bindinput, bindfocus, bindblur, bindconfirm, bindselectionchange, 
     // private
     multiline, 'auto-height': autoHeight, bindlinechange } = props;
     const formContext = useContext(FormContext);
@@ -145,7 +145,7 @@ const Input = forwardRef((props, ref) => {
     };
     const setKeyboardAvoidContext = () => {
         if (keyboardAvoid) {
-            keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition };
+            keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition, holdKeyboard };
         }
     };
     const onTouchStart = () => {
@@ -159,27 +159,34 @@ const Input = forwardRef((props, ref) => {
         if (!keyboardAvoid?.current) {
             setKeyboardAvoidContext();
         }
-        if (bindfocus && keyboardAvoid?.current) {
+        if (bindfocus) {
             const focusAction = () => {
                 bindfocus(getCustomEvent('focus', evt, {
                     detail: {
                         value: tmpValue.current || '',
-                        height: keyboardAvoid.current?.keyboardHeight,
+                        height: keyboardAvoid?.current?.keyboardHeight
                     },
                     layoutRef
                 }, props));
-                if (keyboardAvoid.current?.onKeyboardShow) {
+                if (keyboardAvoid?.current?.onKeyboardShow) {
                     keyboardAvoid.current.onKeyboardShow = undefined;
                 }
             };
-            if (keyboardAvoid.current.keyboardHeight) {
-                // iOS: keyboard 获取高度时机 keyboardWillShow 在 input focus 之前，可以立即执行
-                focusAction();
+            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 {
-                // Android,Harmony: keyboard 获取高度时机 keyboardDidShow 在 input focus 之后，需要延迟回调
-                evt.persist();
-                keyboardAvoid.current.onKeyboardShow = focusAction;
+                // 无 keyboardAvoiding，直接执行 focus 回调
+                focusAction();
             }
         }
     };

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

@@ -10,3 +10,4 @@ declare const KeyboardAvoidingView: {
     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;;CAiH/F,CAAA;AAID,eAAe,oBAAoB,CAAA"}

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

@@ -1,3 +1,4 @@
+/* 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';
@@ -11,9 +12,8 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
     const keyboardAvoid = useContext(KeyboardAvoidContext);
     // fix: 某些特殊机型下隐藏键盘可能会先触发一次 keyboardWillShow，
     // 比如机型 iPhone 11 Pro，可能会导致显隐动画冲突
-    // 因此增加状态标记 + clearTimeout + cancelAnimation 来优化
+    // 因此增加状态标记 + cancelAnimation 来优化
     const isShow = useRef(false);
-    const timerRef = useRef(null);
     const animatedStyle = useAnimatedStyle(() => ({
         // translate/position top可能会导致底部渲染区域缺失
         marginTop: -offset.value,
@@ -24,7 +24,6 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
             return;
         }
         isShow.current = false;
-        timerRef.current && clearTimeout(timerRef.current);
         if (keyboardAvoid?.current) {
             const inputRef = keyboardAvoid.current.ref?.current;
             if (inputRef && inputRef.isFocused()) {
@@ -39,19 +38,19 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
     };
     const onTouchEnd = ({ nativeEvent }) => {
         if (nativeEvent.origin !== 'input') {
+            if (keyboardAvoid?.current?.holdKeyboard) {
+                return;
+            }
             Keyboard.isVisible() && Keyboard.dismiss();
         }
     };
     useEffect(() => {
         let subscriptions = [];
-        function keybaordAvoding(evt, ios = false) {
+        function keybaordAvoding(evt) {
             if (!keyboardAvoid?.current || isShow.current) {
                 return;
             }
             isShow.current = true;
-            if (ios) {
-                timerRef.current && clearTimeout(timerRef.current);
-            }
             const { endCoordinates } = evt;
             const { ref, cursorSpacing = 0, adjustPosition, onKeyboardShow } = keyboardAvoid.current;
             keyboardAvoid.current.keyboardHeight = endCoordinates.height;
@@ -64,9 +63,10 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
                         function calculateOffset() {
                             // enableNativeKeyboardAvoding 默认开启
                             if (enableNativeKeyboardAvoiding && isAndroid) {
-                                const aboveOffset = offset.value + pageY + height - endCoordinates.screenY;
+                                const aboveOffset = pageY + height - endCoordinates.screenY;
+                                const belowOffset = endCoordinates.height - aboveOffset;
                                 const aboveValue = -aboveOffset >= cursorSpacing ? 0 : aboveOffset + cursorSpacing;
-                                const belowValue = Math.min(endCoordinates.height, aboveOffset + cursorSpacing);
+                                const belowValue = Math.min(belowOffset, cursorSpacing);
                                 return aboveOffset > 0 ? belowValue : aboveValue;
                             }
                             const aboveOffset = offset.value + pageY + height - endCoordinates.screenY;
@@ -83,26 +83,17 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
                         });
                     });
                 };
-                (isIOS ? () => (timerRef.current = setTimeout(callback)) : callback)();
+                (isIOS ? () => setTimeout(callback) : callback)();
             }
         }
         if (isIOS) {
-            subscriptions = [
-                Keyboard.addListener('keyboardWillShow', (evt) => {
-                    keybaordAvoding(evt, true);
-                }),
-                Keyboard.addListener('keyboardWillHide', resetKeyboard)
-            ];
+            subscriptions = [Keyboard.addListener('keyboardWillShow', keybaordAvoding), Keyboard.addListener('keyboardWillHide', resetKeyboard)];
         }
         else {
-            subscriptions = [
-                Keyboard.addListener('keyboardDidShow', keybaordAvoding),
-                Keyboard.addListener('keyboardDidHide', resetKeyboard)
-            ];
+            subscriptions = [Keyboard.addListener('keyboardDidShow', keybaordAvoding), Keyboard.addListener('keyboardDidHide', resetKeyboard)];
         }
         return () => {
             subscriptions.forEach(subscription => subscription.remove());
-            timerRef.current && clearTimeout(timerRef.current);
         };
     }, [keyboardAvoid]);
     return (<View style={style} onTouchEnd={onTouchEnd} onTouchMove={onTouchEnd}>

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

@@ -18,3 +18,4 @@ export interface LabelProps {
 }
 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

@@ -18,3 +18,4 @@ interface MovableAreaProps {
 }
 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

@@ -4,8 +4,8 @@
  * ✔ out-of-bounds
  * ✔ x
  * ✔ y
- * ✘ damping
- * ✘ friction
+ * ✔ damping
+ * ✔ friction
  * ✔ disabled
  * ✘ scale
  * ✘ scale-min
@@ -30,6 +30,8 @@ interface MovableViewProps {
     y?: number;
     disabled?: boolean;
     animation?: boolean;
+    damping?: number;
+    friction?: number;
     id?: string;
     changeThrottleTime?: number;
     bindchange?: (event: unknown) => void;
@@ -61,3 +63,4 @@ interface MovableViewProps {
 }
 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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"}