@mpxjs/webpack-plugin 2.10.1-beta.7 → 2.10.2

package/lib/platform/template/wx/component-config/video.js

@@ -15,8 +15,6 @@ module.exports = function ({ print }) {
   const iosEventLogError = print({ platform: 'ios', tag: TAG_NAME, isError: false, type: 'event' })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
   const androidEventLogError = print({ platform: 'android', tag: TAG_NAME, isError: false, type: 'event' })
-  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
-  const harmonyEventLogError = print({ platform: 'harmony', tag: TAG_NAME, isError: false, type: 'event' })
   return {
     test: TAG_NAME,
     web (tag, { el }) {
@@ -27,10 +25,6 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-video'
     },
-    harmony (tag, { el }) {
-      el.isBuiltIn = true
-      return 'mpx-video'
-    },
     ios (tag, { el }) {
       el.isBuiltIn = true
       return 'mpx-video'
@@ -72,8 +66,7 @@ module.exports = function ({ print }) {
       },
       {
         test: /^(duration|enable-danmu|danmu-btn|page-gesture|direction|show-progress|show-fullscreen-btn|show-center-play-btn|enable-progress-gesture|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|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|show-snapshot-button|show-screen-lock-button|show-background-playback-button|background-poster|referrer-policy|is-live)$/,
-        android: androidPropLog,
-        harmony: harmonyPropLog
+        android: androidPropLog
       }
     ],
     event: [
@@ -115,8 +108,7 @@ module.exports = function ({ print }) {
       },
       {
         test: /^(progress|enterpictureinpicture|leavepictureinpicture|castinguserselect|castingstatechange|castinginterrupt)$/,
-        android: androidEventLogError,
-        harmony: harmonyEventLogError
+        android: androidEventLogError
       }
     ]
   }

package/lib/platform/template/wx/component-config/view.js

@@ -5,7 +5,6 @@ module.exports = function ({ print }) {
   const qaEventLogError = print({ platform: 'qa', tag: TAG_NAME, isError: false, type: 'event' })
   const iosPropLog = print({ platform: 'ios', tag: TAG_NAME, isError: false })
   const androidPropLog = print({ platform: 'android', tag: TAG_NAME, isError: false })
-  const harmonyPropLog = print({ platform: 'harmony', tag: TAG_NAME, isError: false })
 
   return {
     // 匹配标签名，可传递正则
@@ -32,10 +31,6 @@ module.exports = function ({ print }) {
       el.isBuiltIn = true
       return 'mpx-view'
     },
-    harmony (tag, { el }) {
-      el.isBuiltIn = true
-      return 'mpx-view'
-    },
     qa (tag) {
       return 'div'
     },
@@ -51,8 +46,7 @@ module.exports = function ({ print }) {
       }, {
         test: /^(hover-stop-propagation)$/,
         android: androidPropLog,
-        ios: iosPropLog,
-        harmony: harmonyPropLog
+        ios: iosPropLog
       }
     ],
     // 组件事件中的差异部分

package/lib/platform/template/wx/component-config/web-view.js

@@ -14,10 +14,6 @@ module.exports = function () {
     android (tag, { el }) {
       el.isBuiltIn = true
       return 'mpx-web-view'
-    },
-    harmony (tag, { el }) {
-      el.isBuiltIn = true
-      return 'mpx-web-view'
     }
   }
 }

package/lib/platform/template/wx/index.js

@@ -9,7 +9,7 @@ const { dash2hump } = require('../../../utils/hump-dash')
 
 module.exports = function getSpec ({ warn, error }) {
   const spec = {
-    supportedModes: ['ali', 'swan', 'qq', 'tt', 'web', 'qa', 'jd', 'dd', 'ios', 'android', 'harmony'],
+    supportedModes: ['ali', 'swan', 'qq', 'tt', 'web', 'qa', 'jd', 'dd', 'ios', 'android'],
     // props预处理
     preProps: [],
     // props后处理
@@ -347,6 +347,18 @@ module.exports = function getSpec ({ warn, error }) {
             value
           }
         },
+        // tt ({ name, value }, { eventRules }) {
+        //   const match = this.test.exec(name)
+        //   const prefix = match[1]
+        //   const eventName = match[2]
+        //   const modifierStr = match[3] || ''
+        //   const rEventName = runRules(eventRules, eventName, { mode: 'tt' })
+        //   return {
+        //     // 字节将所有事件转为小写
+        //     name: prefix + rEventName.toLowerCase() + modifierStr,
+        //     value
+        //   }
+        // },
         tt ({ name, value }, { eventRules }) {
           const match = this.test.exec(name)
           const prefix = match[1]
@@ -418,21 +430,6 @@ module.exports = function getSpec ({ warn, error }) {
             name: rPrefix + rEventName + meta.modifierStr,
             value
           }
-        },
-        harmony ({ name, value }, { eventRules, el }) {
-          const match = this.test.exec(name)
-          const prefix = match[1]
-          const eventName = match[2]
-          const modifierStr = match[3] || ''
-          const meta = {
-            modifierStr
-          }
-          const rPrefix = runRules(spec.event.prefix, prefix, { mode: 'harmony' })
-          const rEventName = runRules(eventRules, eventName, { mode: 'harmony', data: { el } })
-          return {
-            name: rPrefix + rEventName + meta.modifierStr,
-            value
-          }
         }
       },
       // 无障碍
@@ -568,22 +565,6 @@ module.exports = function getSpec ({ warn, error }) {
             } else {
               error(`React native environment does not support [${eventName}] event!`)
             }
-          },
-          harmony (eventName) {
-            const eventMap = {
-              tap: 'tap',
-              longtap: 'longpress',
-              longpress: 'longpress',
-              touchstart: 'touchstart',
-              touchmove: 'touchmove',
-              touchend: 'touchend',
-              touchcancel: 'touchcancel'
-            }
-            if (eventMap[eventName]) {
-              return eventMap[eventName]
-            } else {
-              error(`React native environment does not support [${eventName}] event!`)
-            }
           }
         },
         // web event escape

package/lib/react/processScript.js

@@ -27,7 +27,7 @@ module.exports = function (script, {
     output += `
 import { getComponent } from ${stringifyRequest(loaderContext, optionProcessorPath)}
 import { NavigationContainer, StackActions } from '@react-navigation/native'
-${mode === 'ios' || mode === 'harmony' ? "import { createNativeStackNavigator } from '@react-navigation/native-stack'" : "import { createStackNavigator } from '@react-navigation/stack'"}
+${mode === 'ios' ? "import { createNativeStackNavigator as createStackNavigator } from '@react-navigation/native-stack'" : "import { createStackNavigator } from '@react-navigation/stack'"}
 import PortalHost from '@mpxjs/webpack-plugin/lib/runtime/components/react/dist/mpx-portal/portal-host'
 import { useHeaderHeight } from '@react-navigation/elements';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context'
@@ -35,7 +35,7 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler'
 
 global.__navigationHelper = {
   NavigationContainer: NavigationContainer,
-  createStackNavigator: ${mode === 'ios' || mode === 'harmony' ? 'createNativeStackNavigator' : 'createStackNavigator'},
+  createStackNavigator: createStackNavigator,
   useHeaderHeight: useHeaderHeight,
   StackActions: StackActions,
   GestureHandlerRootView: GestureHandlerRootView,

package/lib/runtime/components/react/KeyboardAvoidingView.tsx

@@ -1,8 +1,8 @@
-import React, { ReactNode, useContext, useEffect } from 'react'
+import React, { ReactNode, useContext, useEffect, useMemo } from 'react'
 import { DimensionValue, EmitterSubscription, Keyboard, Platform, View, ViewStyle } from 'react-native'
-import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing } from 'react-native-reanimated'
+import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing, runOnJS } from 'react-native-reanimated'
+import { GestureDetector, Gesture } from 'react-native-gesture-handler'
 import { KeyboardAvoidContext } from './context'
-import { extendObject } from './utils'
 
 type KeyboardAvoidViewProps = {
   children?: ReactNode
@@ -19,6 +19,17 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }: Keyboa
   const basic = useSharedValue('auto')
   const keyboardAvoid = useContext(KeyboardAvoidContext)
 
+  const dismiss = () => {
+    Keyboard.isVisible() && Keyboard.dismiss()
+  }
+
+  const gesture = useMemo(() => {
+    return Gesture.Tap()
+      .onEnd(() => {
+        runOnJS(dismiss)()
+      })
+  }, [])
+
   const animatedStyle = useAnimatedStyle(() => {
     return Object.assign(
       {
@@ -29,10 +40,9 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }: Keyboa
   })
 
   const resetKeyboard = () => {
-    keyboardAvoid?.current && extendObject(keyboardAvoid.current, {
-      cursorSpacing: 0,
-      ref: null
-    })
+    if (keyboardAvoid?.current) {
+      keyboardAvoid.current = null
+    }
     offset.value = withTiming(0, { duration, easing })
     basic.value = 'auto'
   }
@@ -48,7 +58,7 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }: Keyboa
           const { ref, cursorSpacing = 0 } = keyboardAvoid.current
           setTimeout(() => {
             ref?.current?.measure((x: number, y: number, width: number, height: number, pageX: number, pageY: number) => {
-              const aboveOffset = offset.value + pageY + height - endCoordinates.screenY
+              const aboveOffset = 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
@@ -92,16 +102,18 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }: Keyboa
   }, [keyboardAvoid])
 
   return (
-    <View style={style}>
-      <Animated.View
-        style={[
-          contentContainerStyle,
-          animatedStyle
-        ]}
-      >
-        {children}
-      </Animated.View>
-    </View>
+    <GestureDetector gesture={gesture}>
+      <View style={style}>
+        <Animated.View
+          style={[
+            contentContainerStyle,
+            animatedStyle
+          ]}
+        >
+          {children}
+        </Animated.View>
+      </View>
+    </GestureDetector>
   )
 }
 

package/lib/runtime/components/react/context.ts

@@ -5,10 +5,9 @@ export type LabelContextValue = MutableRefObject<{
   triggerChange: (evt: NativeSyntheticEvent<TouchEvent>) => void
 }>
 
-export type KeyboardAvoidContextValue = MutableRefObject<{
-  cursorSpacing: number
-  ref: MutableRefObject<any>
-}>
+export type KeyboardAvoidContextValue = MutableRefObject<
+  { cursorSpacing: number, ref: MutableRefObject<any> } | null
+>
 
 export interface GroupValue {
   [key: string]: { checked: boolean; setValue: Dispatch<SetStateAction<boolean>> }

package/lib/runtime/components/react/dist/KeyboardAvoidingView.jsx

@@ -1,8 +1,8 @@
-import React, { useContext, useEffect } from 'react';
+import React, { useContext, useEffect, useMemo } from 'react';
 import { Keyboard, Platform, View } from 'react-native';
-import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing } from 'react-native-reanimated';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing, runOnJS } from 'react-native-reanimated';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
 import { KeyboardAvoidContext } from './context';
-import { extendObject } from './utils';
 const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
     const isIOS = Platform.OS === 'ios';
     const duration = isIOS ? 250 : 300;
@@ -10,16 +10,24 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
     const offset = useSharedValue(0);
     const basic = useSharedValue('auto');
     const keyboardAvoid = useContext(KeyboardAvoidContext);
+    const dismiss = () => {
+        Keyboard.isVisible() && Keyboard.dismiss();
+    };
+    const gesture = useMemo(() => {
+        return Gesture.Tap()
+            .onEnd(() => {
+            runOnJS(dismiss)();
+        });
+    }, []);
     const animatedStyle = useAnimatedStyle(() => {
         return Object.assign({
             transform: [{ translateY: -offset.value }]
         }, isIOS ? {} : { flexBasis: basic.value });
     });
     const resetKeyboard = () => {
-        keyboardAvoid?.current && extendObject(keyboardAvoid.current, {
-            cursorSpacing: 0,
-            ref: null
-        });
+        if (keyboardAvoid?.current) {
+            keyboardAvoid.current = null;
+        }
         offset.value = withTiming(0, { duration, easing });
         basic.value = 'auto';
     };
@@ -34,7 +42,7 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
                     const { ref, cursorSpacing = 0 } = keyboardAvoid.current;
                     setTimeout(() => {
                         ref?.current?.measure((x, y, width, height, pageX, pageY) => {
-                            const aboveOffset = offset.value + pageY + height - endCoordinates.screenY;
+                            const aboveOffset = 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;
@@ -77,13 +85,15 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
             subscriptions.forEach(subscription => subscription.remove());
         };
     }, [keyboardAvoid]);
-    return (<View style={style}>
-      <Animated.View style={[
+    return (<GestureDetector gesture={gesture}>
+      <View style={style}>
+        <Animated.View style={[
             contentContainerStyle,
             animatedStyle
         ]}>
-        {children}
-      </Animated.View>
-    </View>);
+          {children}
+        </Animated.View>
+      </View>
+    </GestureDetector>);
 };
 export default KeyboardAvoidingView;

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

@@ -272,7 +272,7 @@ const Image = forwardRef((props, ref) => {
         uri: src,
         onLayout: onSvgLoad,
         onError: binderror && onSvgError,
-        style: extendObject({ transformOrigin: 'top left' }, modeStyle)
+        style: extendObject({ transformOrigin: 'left top' }, modeStyle)
     }));
     const BaseImage = renderImage(extendObject({
         source: { uri: src },
@@ -280,7 +280,7 @@ const Image = forwardRef((props, ref) => {
         onLoad: bindload && onImageLoad,
         onError: binderror && onImageError,
         style: extendObject({
-            transformOrigin: 'top left',
+            transformOrigin: 'left top',
             width: isCropMode ? imageWidth : '100%',
             height: isCropMode ? imageHeight : '100%'
         }, isCropMode ? modeStyle : {})

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

@@ -4,7 +4,7 @@
  * ✔ password
  * ✔ placeholder
  * - placeholder-style: Only support color.
- * ✘ placeholder-class
+ * - placeholder-class: Only support color.
  * ✔ disabled
  * ✔ maxlength
  * ✔ cursor-spacing
@@ -40,7 +40,7 @@
 import { forwardRef, useRef, useState, useContext, useEffect, createElement } from 'react';
 import { Platform, TextInput } from 'react-native';
 import { warn } from '@mpxjs/utils';
-import { parseInlineStyle, useUpdateEffect, useTransformStyle, useLayout, extendObject } from './utils';
+import { useUpdateEffect, useTransformStyle, useLayout, extendObject } from './utils';
 import useInnerProps, { getCustomEvent } from './getInnerListeners';
 import useNodesRef from './useNodesRef';
 import { FormContext, KeyboardAvoidContext } from './context';
@@ -54,7 +54,7 @@ const keyboardTypeMap = {
     }) || ''
 };
 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, bindinput, bindfocus, bindblur, bindconfirm, bindselectionchange, 
     // private
     multiline, 'auto-height': autoHeight, bindlinechange } = props;
     const formContext = useContext(FormContext);
@@ -76,7 +76,6 @@ const Input = forwardRef((props, ref) => {
     };
     const keyboardType = keyboardTypeMap[type];
     const defaultValue = parseValue(value);
-    const placeholderTextColor = parseInlineStyle(placeholderStyle)?.color;
     const textAlignVertical = multiline ? 'top' : 'auto';
     const tmpValue = useRef(defaultValue);
     const cursorIndex = useRef(0);
@@ -85,7 +84,7 @@ const Input = forwardRef((props, ref) => {
     const [contentHeight, setContentHeight] = useState(0);
     const [selection, setSelection] = useState({ start: -1, end: -1 });
     const styleObj = extendObject({ padding: 0, backgroundColor: '#fff' }, style, multiline && autoHeight
-        ? { minHeight: Math.max(style?.minHeight || 35, contentHeight) }
+        ? { height: 'auto', minHeight: Math.max(style?.minHeight || 35, contentHeight) }
         : {});
     const { hasSelfPercent, normalStyle, setWidth, setHeight } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
     const nodeRef = useRef(null);
@@ -106,44 +105,54 @@ const Input = forwardRef((props, ref) => {
             setSelection({ start: selectionStart, end: selectionEnd });
         }
     }, [cursor, selectionStart, selectionEnd]);
-    const onTextInput = ({ nativeEvent }) => {
-        if (!bindinput && !bindblur)
-            return;
-        const { range: { start, end }, text } = nativeEvent;
-        cursorIndex.current = start < end ? start : start + text.length;
+    // have not selection on the Android platformg
+    const getCursorIndex = (changedSelection, prevValue, curValue) => {
+        if (changedSelection)
+            return changedSelection.end;
+        if (!prevValue || !curValue || prevValue.length === curValue.length)
+            return curValue.length;
+        const prevStr = prevValue.substring(cursorIndex.current);
+        const curStr = curValue.substring(cursorIndex.current);
+        return cursorIndex.current + curStr.length - prevStr.length;
     };
     const onChange = (evt) => {
-        tmpValue.current = evt.nativeEvent.text;
-        if (!bindinput)
+        const { text, selection } = evt.nativeEvent;
+        // will trigger twice on the Android platformg, prevent the second trigger
+        if (tmpValue.current === text)
             return;
-        const result = bindinput(getCustomEvent('input', evt, {
-            detail: {
-                value: evt.nativeEvent.text,
-                cursor: cursorIndex.current
-            },
-            layoutRef
-        }, props));
-        if (typeof result === 'string') {
-            tmpValue.current = result;
-            setInputValue(result);
+        const index = getCursorIndex(selection, tmpValue.current, text);
+        tmpValue.current = text;
+        cursorIndex.current = index;
+        if (bindinput) {
+            const result = bindinput(getCustomEvent('input', evt, {
+                detail: {
+                    value: tmpValue.current,
+                    cursor: cursorIndex.current
+                },
+                layoutRef
+            }, props));
+            if (typeof result === 'string') {
+                tmpValue.current = result;
+                setInputValue(result);
+            }
+            else {
+                setInputValue(tmpValue.current);
+            }
         }
         else {
             setInputValue(tmpValue.current);
         }
     };
     const setKeyboardAvoidContext = () => {
-        if (adjustPosition && keyboardAvoid?.current) {
-            extendObject(keyboardAvoid.current, {
-                cursorSpacing,
-                ref: nodeRef
-            });
+        if (adjustPosition && keyboardAvoid) {
+            keyboardAvoid.current = { cursorSpacing, ref: nodeRef };
         }
     };
-    const onInputTouchStart = () => {
+    const onTouchStart = () => {
         // sometimes the focus event occurs later than the keyboardWillShow event
         setKeyboardAvoidContext();
     };
-    const onInputFocus = (evt) => {
+    const onFocus = (evt) => {
         setKeyboardAvoidContext();
         bindfocus && bindfocus(getCustomEvent('focus', evt, {
             detail: {
@@ -152,7 +161,7 @@ const Input = forwardRef((props, ref) => {
             layoutRef
         }, props));
     };
-    const onInputBlur = (evt) => {
+    const onBlur = (evt) => {
         bindblur && bindblur(getCustomEvent('blur', evt, {
             detail: {
                 value: tmpValue.current || '',
@@ -179,11 +188,14 @@ const Input = forwardRef((props, ref) => {
         }, props));
     };
     const onSelectionChange = (evt) => {
-        setSelection(evt.nativeEvent.selection);
+        const { selection } = evt.nativeEvent;
+        const { start, end } = selection;
+        cursorIndex.current = start;
+        setSelection(selection);
         bindselectionchange && bindselectionchange(getCustomEvent('selectionchange', evt, {
             detail: {
-                selectionStart: evt.nativeEvent.selection.start,
-                selectionEnd: evt.nativeEvent.selection.end
+                selectionStart: start,
+                selectionEnd: end
             },
             layoutRef
         }, props));
@@ -252,24 +264,22 @@ const Input = forwardRef((props, ref) => {
         maxLength: maxlength === -1 ? undefined : maxlength,
         editable: !disabled,
         autoFocus: !!autoFocus || !!focus,
-        returnKeyType: confirmType,
         selection: selection,
         selectionColor: cursorColor,
         blurOnSubmit: !multiline && !confirmHold,
         underlineColorAndroid: 'rgba(0,0,0,0)',
         textAlignVertical: textAlignVertical,
-        placeholderTextColor: placeholderTextColor,
+        placeholderTextColor: placeholderStyle?.color,
         multiline: !!multiline
-    }, layoutProps, {
-        onTouchStart: onInputTouchStart,
-        onFocus: onInputFocus,
-        onBlur: onInputBlur,
+    }, !!multiline && confirmType === 'return' ? {} : { enterKeyHint: confirmType }, layoutProps, {
+        onTouchStart,
+        onFocus,
+        onBlur,
+        onChange,
+        onSelectionChange,
+        onContentSizeChange,
         onKeyPress: bindconfirm && onKeyPress,
-        onSubmitEditing: bindconfirm && multiline && onSubmitEditing,
-        onSelectionChange: onSelectionChange,
-        onTextInput: onTextInput,
-        onChange: onChange,
-        onContentSizeChange: onContentSizeChange
+        onSubmitEditing: bindconfirm && multiline && onSubmitEditing
     }), [
         'type',
         'password',

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

@@ -1,7 +1,7 @@
 import React, { forwardRef, useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import { StyleSheet, View } from 'react-native';
 import Reanimated, { useAnimatedRef, useScrollViewOffset } from 'react-native-reanimated';
-import { useTransformStyle, splitStyle, splitProps, useLayout, usePrevious, isAndroid, isIOS, isHarmony } from './utils';
+import { useTransformStyle, splitStyle, splitProps, useLayout, usePrevious, isAndroid, isIOS } from './utils';
 import useNodesRef from './useNodesRef';
 import PickerIndicator from './pickerViewIndicator';
 import PickerMask from './pickerViewMask';
@@ -81,7 +81,7 @@ const _PickerViewColumn = forwardRef((props, ref) => {
                 y: initialIndex * itemRawH,
                 animated: false
             });
-        }, isAndroid || isHarmony ? 200 : 0);
+        }, isAndroid ? 200 : 0);
         activeIndex.current = initialIndex;
     }, [itemRawH, maxIndex, initialIndex]);
     const onContentSizeChange = useCallback((_w, h) => {

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

@@ -41,7 +41,7 @@ import { splitProps, splitStyle, useTransformStyle, useLayout, wrapChildren, ext
 import { IntersectionObserverContext, ScrollViewContext } from './context';
 const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
     const { textProps, innerProps: props = {} } = splitProps(scrollViewProps);
-    const { enhanced = false, bounces = true, style = {}, binddragstart, binddragging, binddragend, bindtouchstart, bindtouchmove, bindtouchend, 'scroll-x': scrollX = false, 'scroll-y': scrollY = false, 'enable-back-to-top': enableBackToTop = false, 'enable-trigger-intersection-observer': enableTriggerIntersectionObserver = false, 'paging-enabled': pagingEnabled = false, 'upper-threshold': upperThreshold = 50, 'lower-threshold': lowerThreshold = 50, 'scroll-with-animation': scrollWithAnimation, 'refresher-enabled': refresherEnabled, 'refresher-default-style': refresherDefaultStyle, 'refresher-background': refresherBackground, 'show-scrollbar': showScrollbar = true, 'scroll-into-view': scrollIntoView = '', 'scroll-top': scrollTop = 0, 'scroll-left': scrollLeft = 0, 'refresher-triggered': refresherTriggered, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, 'simultaneous-handlers': originSimultaneousHandlers, 'wait-for': waitFor, __selectRef } = props;
+    const { enhanced = false, bounces = true, style = {}, binddragstart, binddragging, binddragend, bindtouchstart, bindtouchmove, bindtouchend, 'scroll-x': scrollX = false, 'scroll-y': scrollY = false, 'enable-back-to-top': enableBackToTop = false, 'enable-trigger-intersection-observer': enableTriggerIntersectionObserver = false, 'paging-enabled': pagingEnabled = false, 'upper-threshold': upperThreshold = 50, 'lower-threshold': lowerThreshold = 50, 'scroll-with-animation': scrollWithAnimation = false, 'refresher-enabled': refresherEnabled, 'refresher-default-style': refresherDefaultStyle, 'refresher-background': refresherBackground, 'show-scrollbar': showScrollbar = true, 'scroll-into-view': scrollIntoView = '', 'scroll-top': scrollTop = 0, 'scroll-left': scrollLeft = 0, 'refresher-triggered': refresherTriggered, 'enable-var': enableVar, 'external-var-context': externalVarContext, 'parent-font-size': parentFontSize, 'parent-width': parentWidth, 'parent-height': parentHeight, 'simultaneous-handlers': originSimultaneousHandlers, 'wait-for': waitFor, __selectRef } = props;
     const simultaneousHandlers = flatGesture(originSimultaneousHandlers);
     const waitForHandlers = flatGesture(waitFor);
     const [refreshing, setRefreshing] = useState(true);
@@ -73,7 +73,7 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
             pagingEnabled,
             fastDeceleration: false,
             decelerationDisabled: false,
-            scrollTo: scrollToOffset
+            scrollTo
         },
         gestureRef: scrollViewRef
     });
@@ -112,6 +112,9 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
         }
         firstScrollIntoViewChange.current = true;
     }, [scrollIntoView]);
+    function scrollTo({ top = 0, left = 0, animated = false }) {
+        scrollToOffset(left, top, animated);
+    }
     function handleScrollIntoView() {
         const refs = __selectRef(`#${scrollIntoView}`, 'node');
         if (!refs)
@@ -230,9 +233,9 @@ const _ScrollView = forwardRef((scrollViewProps = {}, ref) => {
             }
         }
     }
-    function scrollToOffset(x = 0, y = 0) {
+    function scrollToOffset(x = 0, y = 0, animated = scrollWithAnimation) {
         if (scrollViewRef.current) {
-            scrollViewRef.current.scrollTo({ x, y, animated: !!scrollWithAnimation });
+            scrollViewRef.current.scrollTo({ x, y, animated });
             scrollOptions.current.scrollLeft = x;
             scrollOptions.current.scrollTop = y;
             snapScrollLeft.current = x;

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

@@ -3,33 +3,33 @@
  *   Subtraction:
  *     type, password, confirm-hold
  *   Addition:
- *     - confirm-type: Not support `return`
+ *     ✔ confirm-type
  *     ✔ auto-height
  *     ✘ fixed
  *     ✘ show-confirm-bar
  *     ✔ bindlinechange: No `heightRpx` info.
  */
 import { forwardRef, createElement } from 'react';
-import { Keyboard } from 'react-native';
 import Input from './mpx-input';
 import { omit, extendObject } from './utils';
 const DEFAULT_TEXTAREA_WIDTH = 300;
 const DEFAULT_TEXTAREA_HEIGHT = 150;
 const Textarea = forwardRef((props, ref) => {
-    const { style = {} } = props;
+    const { style = {}, 'confirm-type': confirmType = 'return' } = props;
     const restProps = omit(props, [
         'ref',
         'type',
         'style',
         'password',
         'multiline',
+        'confirm-type',
         'confirm-hold'
     ]);
     return createElement(Input, extendObject(restProps, {
-        ref: ref,
+        ref,
+        confirmType,
         multiline: true,
-        confirmType: 'next',
-        bindblur: () => Keyboard.dismiss(),
+        'confirm-type': confirmType,
         style: extendObject({
             width: DEFAULT_TEXTAREA_WIDTH,
             height: DEFAULT_TEXTAREA_HEIGHT