@mpxjs/webpack-plugin 2.10.17 → 2.10.18

package/lib/runtime/components/react/dist/animationHooks/utils.js

@@ -0,0 +1,151 @@
+import { Easing, withTiming, withDelay } from 'react-native-reanimated';
+import { hasOwn } from '@mpxjs/utils';
+// ms s 单位匹配
+export const secondRegExp = /^\s*(\d*(?:\.\d+)?)(s|ms)?\s*$/;
+export const cubicBezierExp = /cubic-bezier\(["']?(.*?)["']?\)/;
+export const percentExp = /^((-?(\d+(\.\d+)?|\.\d+))%)$/;
+// export const PropNameColorExp = /^c|Color$/
+// export const NumberExp = /^((opacity|flex-grow|flex-shrink|gap|left|right|top|bottom)|(.+-(width|height|left|right|top|bottom|radius|spacing|size|gap|index|offset|opacity)))$/
+// export const ColorExp = /^(color|(.+Color))$/
+// transform
+// export const transform = 'transform'
+// export const transformOrigin = 'transformOrigin'
+// export const transition = 'transition'
+// 微信 timingFunction 和 RN Easing 对应关系
+export const easingKey = {
+    linear: Easing.linear,
+    ease: Easing.inOut(Easing.ease),
+    'ease-in': Easing.in(Easing.poly(3)),
+    'ease-in-out': Easing.inOut(Easing.poly(3)),
+    'ease-out': Easing.out(Easing.poly(3))
+    // 'step-start': '',
+    // 'step-end': ''
+};
+export const transformInitial = {
+    // matrix: 0,
+    // matrix3d: 0,
+    // rotate: '0deg',
+    rotateX: '0deg',
+    rotateY: '0deg',
+    rotateZ: '0deg',
+    // rotate3d:[0,0,0]
+    // scale: 1,
+    // scale3d: [1, 1, 1],
+    scaleX: 1,
+    scaleY: 1,
+    // scaleZ: 1,
+    // skew: 0,
+    skewX: '0deg',
+    skewY: '0deg',
+    // translate: 0,
+    // translate3d: 0,
+    translateX: 0,
+    translateY: 0
+    // translateZ: 0,
+};
+// animation api 动画默认初始值
+export const animationAPIInitialValue = Object.assign({
+    opacity: 1,
+    backgroundColor: 'transparent',
+    // fixme 未设置 height 初始值定义了 transition-property height 时把动画高度值把原由子元素撑开的高度给覆盖的问题
+    width: 'auto',
+    height: 'auto',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    transformOrigin: ['50%', '50%', 0]
+}, transformInitial);
+// transition property
+export const transitionSupportedProperty = Object.assign({
+    color: 'transparent',
+    borderColor: 'transparent',
+    borderBottomColor: 'transparent',
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+    borderTopColor: 'transparent',
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    borderRadius: 0,
+    borderBottomWidth: 0,
+    borderLeftWidth: 0,
+    borderRightWidth: 0,
+    borderTopWidth: 0,
+    borderWidth: 0,
+    margin: 0,
+    marginBottom: 0,
+    marginLeft: 0,
+    marginRight: 0,
+    marginTop: 0,
+    marginHorizontal: 0,
+    marginVertical: 0,
+    maxHeight: 0,
+    maxWidth: 0,
+    minHeight: 0,
+    minWidth: 0,
+    padding: 0,
+    paddingBottom: 0,
+    paddingLeft: 0,
+    paddingRight: 0,
+    paddingTop: 0,
+    paddingHorizontal: 0,
+    paddingVertical: 0,
+    fontSize: 0,
+    letterSpacing: 0 // Todo
+}, animationAPIInitialValue);
+// export type PropertyType = keyof transitionSupportedProperty
+// transform
+export const isTransform = (key) => hasOwn(transformInitial, key);
+// transform 数组转对象
+export function getTransformObj(transforms) {
+    'worklet';
+    return (transforms || []).reduce((transformObj, item) => {
+        return Object.assign(transformObj, item);
+    }, {});
+}
+// 获取样式初始值（prop style or 默认值）
+export function getInitialVal(style, key) {
+    if (isTransform(key) && Array.isArray(style.transform)) {
+        let initialVal = transitionSupportedProperty[key];
+        // 仅支持 { transform: [{rotateX: '45deg'}, {rotateZ: '0.785398rad'}] } 格式的初始样式
+        style.transform.forEach(item => {
+            if (item[key] !== undefined)
+                initialVal = item[key];
+        });
+        return initialVal;
+    }
+    return style[key] === undefined ? transitionSupportedProperty[key] : style[key];
+}
+// animated key transform 格式化
+export function formatAnimatedKeys(keys) {
+    // console.log('formatAnimatedKeys keys=', keys)
+    const animatedKeys = [];
+    const transforms = [];
+    keys.forEach(key => {
+        if (isTransform(key)) {
+            transforms.push(key);
+        }
+        else {
+            animatedKeys.push(key);
+        }
+    });
+    if (transforms.length)
+        animatedKeys.push(transforms);
+    // console.log('formatAnimatedKeys animatedKeys=', animatedKeys)
+    return animatedKeys;
+}
+// 解析动画时长
+export function getUnit(duration) {
+    const match = secondRegExp.exec(duration);
+    return match ? match[2] === 's' ? +match[1] * 1000 : +match[1] : 0;
+}
+// 根据动画数据创建单个animation
+export function getAnimation({ key, value }, { delay = 0, duration, easing }, callback) {
+    // console.log('getAnimation', key, value, delay, duration, easing)
+    const animation = typeof callback === 'function'
+        ? withTiming(value, { duration, easing }, callback)
+        : withTiming(value, { duration, easing });
+    return delay ? withDelay(delay, animation) : animation;
+}

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

@@ -1,5 +1,5 @@
 import { Dispatch, MutableRefObject, SetStateAction } from 'react';
-import { NativeSyntheticEvent, Animated } from 'react-native';
+import type { NativeSyntheticEvent, Animated, ScaledSize } from 'react-native';
 export type LabelContextValue = MutableRefObject<{
     triggerChange: (evt: NativeSyntheticEvent<TouchEvent>) => void;
 }>;
@@ -7,8 +7,12 @@ export type KeyboardAvoidContextValue = MutableRefObject<{
     cursorSpacing: number;
     ref: MutableRefObject<any>;
     adjustPosition: boolean;
+    holdKeyboard?: boolean;
     keyboardHeight?: number;
+    /** @internal bindfocus 异步延迟上报方法 */
     onKeyboardShow?: () => void;
+    /** @internal 多个 Input 切换聚焦场景标记位 */
+    readyToShow?: boolean;
 } | null>;
 export interface GroupValue {
     [key: string]: {
@@ -44,12 +48,16 @@ export interface PortalContextValue {
 }
 export interface ScrollViewContextValue {
     gestureRef: React.RefObject<any> | null;
-    scrollOffset: Animated.Value;
+    scrollOffset: Animated.Value | null;
 }
 export interface RouteContextValue {
     pageId: number;
     navigation: Record<string, any>;
 }
+export interface DimensionsValue {
+    window: ScaledSize;
+    screen: ScaledSize;
+}
 export interface StickyContextValue {
     registerStickyHeader: Function;
     unregisterStickyHeader: Function;
@@ -72,4 +80,3 @@ export declare const ScrollViewContext: import("react").Context<ScrollViewContex
 export declare const PortalContext: import("react").Context<PortalContextValue>;
 export declare const StickyContext: import("react").Context<StickyContextValue>;
 export declare const ProviderContext: import("react").Context<null>;
-//# sourceMappingURL=context.d.ts.map

package/lib/runtime/components/react/dist/context.js

@@ -1,5 +1,4 @@
 import { createContext } from 'react';
-import { Animated } from 'react-native';
 import { noop } from '@mpxjs/utils';
 export const MovableAreaContext = createContext({ width: 0, height: 0 });
 export const FormContext = createContext(null);
@@ -12,7 +11,7 @@ export const IntersectionObserverContext = createContext(null);
 export const RouteContext = createContext(null);
 export const SwiperContext = createContext({});
 export const KeyboardAvoidContext = createContext(null);
-export const ScrollViewContext = createContext({ gestureRef: null, scrollOffset: new Animated.Value(0) });
+export const ScrollViewContext = createContext({ gestureRef: null, scrollOffset: null });
 export const PortalContext = createContext(null);
 export const StickyContext = createContext({ registerStickyHeader: noop, unregisterStickyHeader: noop });
 export const ProviderContext = createContext(null);

package/lib/runtime/components/react/dist/event.config.d.ts

@@ -5,4 +5,3 @@ declare const eventConfigMap: {
     };
 };
 export default eventConfigMap;
-//# sourceMappingURL=event.config.d.ts.map

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

@@ -5,4 +5,3 @@ export declare const getCustomEvent: (type: string | undefined, oe: any, { detai
 }, props?: Props) => any;
 declare const useInnerProps: (props?: Props, userRemoveProps?: RemoveProps, rawConfig?: RawConfig) => Record<string, (e: ExtendedNativeTouchEvent) => void> & Omit<Props, string>;
 export default useInnerProps;
-//# sourceMappingURL=getInnerListeners.d.ts.map

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

@@ -10,4 +10,3 @@ interface AsyncSuspenseProps {
 }
 declare const AsyncSuspense: React.FC<AsyncSuspenseProps>;
 export default AsyncSuspense;
-//# sourceMappingURL=mpx-async-suspense.d.ts.map

package/lib/runtime/components/react/dist/mpx-async-suspense.jsx

@@ -1,6 +1,5 @@
 import { useState, useEffect, useCallback, useRef, createElement } from 'react';
 import { View, Image, StyleSheet, Text, TouchableOpacity } from 'react-native';
-import FastImage from '@d11/react-native-fast-image';
 const asyncChunkMap = new Map();
 const styles = StyleSheet.create({
     container: {
@@ -63,6 +62,9 @@ const DefaultFallback = ({ onReload }) => {
     </View>);
 };
 const DefaultLoading = () => {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const FastImageModule = require('@d11/react-native-fast-image');
+    const FastImage = FastImageModule.default || FastImageModule;
     return (<View style={styles.container}>
       <FastImage style={styles.loadingImage} source={{
             uri: 'https://dpubstatic.udache.com/static/dpubimg/439jiCVOtNOnEv9F2LaDs_loading.gif'

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

@@ -66,4 +66,3 @@ export interface ButtonProps {
 }
 declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HandlerRef<View, ButtonProps>>>;
 export default Button;
-//# sourceMappingURL=mpx-button.d.ts.map

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

@@ -21,4 +21,3 @@ export default class Bus {
     clearBatchingTimeout(): void;
 }
 export {};
-//# sourceMappingURL=Bus.d.ts.map

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

@@ -5,4 +5,3 @@ export default class CanvasGradient {
     constructor(canvas: CanvasInstance, noOnConstruction?: boolean);
     postMessage(message: WebviewMessage): Promise<any>;
 }
-//# sourceMappingURL=CanvasGradient.d.ts.map

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

@@ -4,4 +4,3 @@ export default class CanvasRenderingContext2D {
     constructor(canvas: CanvasInstance);
     postMessage(message: WebviewMessage): Promise<any>;
 }
-//# sourceMappingURL=CanvasRenderingContext2D.d.ts.map

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

@@ -18,4 +18,3 @@ export declare class Image {
     get onerror(): ((...args: any[]) => void);
 }
 export declare function createImage(canvas: CanvasInstance, width?: number, height?: number): Image;
-//# sourceMappingURL=Image.d.ts.map

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

@@ -6,4 +6,3 @@ export default class ImageData {
     postMessage: (message: WebviewMessage) => Promise<any>;
 }
 export declare function createImageData(canvas: CanvasInstance, dataArray: number[], width: number, height: number): ImageData;
-//# sourceMappingURL=ImageData.d.ts.map

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

@@ -8,4 +8,3 @@ export declare function useConstructorsRegistry(): {
     register: (registerWebviewConstructor: Function) => void;
     getConstructor: (type: ConstructorType) => WebviewConstructor | undefined;
 };
-//# sourceMappingURL=constructorsRegistry.d.ts.map

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

@@ -1,3 +1,2 @@
 declare const _default: "<html><head>\n    <meta content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scaleable=no\" name=\"viewport\">\n    <style>\n      html {\n        -ms-content-zooming: none;\n        -ms-touch-action: pan-x pan-y;\n      }\n      body {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: 0;\n        padding: 0;\n        overflow: hidden;\n      }\n      * {\n        user-select: none;\n        -ms-user-select: none;\n        -moz-user-select: none;\n        -webkit-user-select: none;\n      }\n    </style>\n  </head>\n  <body>\n  <script>\n  var scale = function (ratio) {\n    return function (item) {\n        if (typeof item === \"number\") {\n            return item * ratio;\n        }\n        return item;\n    };\n};\nfunction autoScaleCanvas(canvas) {\n    var ctx = canvas.getContext(\"2d\");\n    var ratio = window.devicePixelRatio || 1;\n    if (ratio !== 1) {\n        canvas.width *= ratio;\n        canvas.height *= ratio;\n        ctx.scale(ratio, ratio);\n        ctx.isPointInPath = function () {\n            var args = [];\n            for (var _i = 0; _i < arguments.length; _i++) {\n                args[_i] = arguments[_i];\n            }\n            return CanvasRenderingContext2D.prototype.isPointInPath.apply(ctx, args.map(scale(ratio)));\n        };\n    }\n    return canvas;\n}\nwindow.autoScaleCanvas = autoScaleCanvas;\n</script>\n<script>\n\nvar WEBVIEW_TARGET = '@@WEBVIEW_TARGET';\n\nvar ID = function () {\n  return Math.random().toString(32).slice(2);\n};\n\nvar flattenObjectCopyValue = function (flatObj, srcObj, key) {\n  var value = srcObj[key];\n  if (typeof value === 'function') {\n    return;\n  }\n  if (typeof value === 'object' && value instanceof Node) {\n    return;\n  }\n  flatObj[key] = flattenObject(value);\n};\n\nvar flattenObject = function (object) {\n  if (typeof object !== 'object' || object === null) {\n    return object;\n  }\n  // Handle TypedArray\n  if (object instanceof Uint8ClampedArray) {\n    return Array.from(object);\n  }\n  var flatObject = {};\n  for (var key in object) {\n    flattenObjectCopyValue(flatObject, object, key);\n  }\n  for (var key in Object.getOwnPropertyNames(object)) {\n    flattenObjectCopyValue(flatObject, object, key);\n  }\n  return flatObject;\n};\n\nvar AutoScaledCanvas = function (element) {\n  this.element = element;\n};\n\nAutoScaledCanvas.prototype.toDataURL = function () {\n  return this.element.toDataURL.apply(this.element, arguments);\n};\n\nAutoScaledCanvas.prototype.autoScale = function () {\n  if (this.savedHeight !== undefined) {\n    this.element.height = this.savedHeight;\n  }\n  if (this.savedWidth !== undefined) {\n    this.element.width = this.savedWidth;\n  }\n  window.autoScaleCanvas(this.element);\n};\n\nObject.defineProperty(AutoScaledCanvas.prototype, 'width', {\n  get: function () {\n    return this.element.width;\n  },\n  set: function (value) {\n    this.savedWidth = value;\n    this.autoScale();\n    return value;\n  },\n});\n\nObject.defineProperty(AutoScaledCanvas.prototype, 'height', {\n  get: function () {\n    return this.element.height;\n  },\n  set: function (value) {\n    this.savedHeight = value;\n    this.autoScale();\n    return value;\n  },\n});\nvar toMessage = function (result) {\n  if (result instanceof Blob) {\n    return {\n      type: 'blob',\n      payload: btoa(result),\n      meta: {},\n    };\n  }\n  if (result instanceof Object) {\n    if (!result[WEBVIEW_TARGET]) {\n      var id = ID();\n      result[WEBVIEW_TARGET] = id;\n      targets[id] = result;\n    }\n    return {\n      type: 'json',\n      payload: flattenObject(result),\n      args: toArgs(flattenObject(result)),\n      meta: {\n        target: result[WEBVIEW_TARGET],\n        constructor: result.__constructorName__ || result.constructor.name,\n      },\n    };\n  }\n  return {\n    type: 'json',\n    payload: typeof result === 'string' ? result : JSON.stringify(result),\n    meta: {},\n  };\n};\nvar toArgs = function (result) {\n    var args = [];\n    for (var key in result) {\n        if (result[key] !== undefined && key !== '@@WEBVIEW_TARGET') {\n            args.push(result[key]);\n        }\n    }\n    return args;\n};\n\nvar createObjectsFromArgs = function (args) {\n    for (var index = 0; index < args.length; index += 1) {\n        var currentArg = args[index];\n        if (currentArg && currentArg.className !== undefined) {\n            var className = currentArg.className, classArgs = currentArg.classArgs;\n            // new ImageData，第一个参数需要是 Uint8ClampedArray\n            var object = new (Function.prototype.bind.apply(constructors[className], [null].concat(classArgs)))();\n            args[index] = object;\n        }\n    }\n    return args;\n};\n\nvar canvas = document.createElement('canvas');\ncanvas.style.width = '100%';\ncanvas.style.height = '100%';\nvar autoScaledCanvas = new AutoScaledCanvas(canvas);\n\nvar targets = {\n  canvas: autoScaledCanvas,\n  context2D: canvas.getContext('2d'),\n};\n\nvar constructors = {\n  CanvasGradient: CanvasGradient,\n  Image: Image,\n  ImageData: ImageData,\n  Uint8ClampedArray: Uint8ClampedArray,\n};\n\nImage.bind =\n  Image.bind ||\n  function () {\n    return Image;\n  };\n\nImageData.bind =\n  ImageData.bind ||\n  function () {\n    return ImageData;\n  };\nUint8ClampedArray.bind =\n  Uint8ClampedArray.bind ||\n  function () {\n    return Uint8ClampedArray;\n  };\n\nvar populateRefs = function (arg) {\n  if (arg && arg.__ref__) {\n    return targets[arg.__ref__];\n  }\n  return arg;\n};\ndocument.body.appendChild(canvas);\n\nvar mergeObjects = function (target, source) {\n  for (var key in source) {\n    if (source.hasOwnProperty(key)) {\n      target[key] = source[key];\n    }\n  }\n  return target;\n};\n\nfunction handleMessage(message) {\n  var id = message.id,\n      type = message.type,\n      payload = message.payload;\n\n  switch (type) {\n    case 'exec': {\n      var target = payload.target,\n          method = payload.method,\n          args = payload.args;\n      var result = targets[target][method].apply(targets[target], args.map(populateRefs));\n      var msg = toMessage(result);\n\n      if (typeof result === 'object' && !msg.meta.constructor) {\n        for (var constructorName in constructors) {\n          if (result instanceof constructors[constructorName]) {\n            msg.meta.constructor = constructorName;\n          }\n        }\n      }\n      window.ReactNativeWebView.postMessage(JSON.stringify(mergeObjects({ id: id }, msg)));\n      break;\n    }\n    case 'set': {\n      var target = payload.target,\n          key = payload.key,\n          value = payload.value;\n      targets[target][key] = populateRefs(value);\n      break;\n    }\n        case 'construct': {\n            var constructor = payload.constructor,\n          target = payload.id,\n          args = payload.args || [];\n            var newArgs = createObjectsFromArgs(args);\n            var object;\n            try {\n                object = new (Function.prototype.bind.apply(constructors[constructor], [null].concat(newArgs)))();\n            }\n            catch (error) {\n                throw new Error('Error while constructing '.concat(constructor, ' ').concat(error.message));\n            }\n            object.__constructorName__ = constructor;\n            var msg = toMessage({});\n            targets[target] = object;\n            window.ReactNativeWebView.postMessage(JSON.stringify(mergeObjects({ id: id }, msg)));\n            break;\n        }\n            case 'listen': {\n      var types = payload.types,\n          target = payload.target;\n    for (var i = 0; i < types.length; i++) {\n    var eventType = types[i];\n    targets[target].addEventListener(eventType, function (e) {\n          const message = toMessage({\n            type: 'event',\n            payload: {\n                type: e.type,\n                target: mergeObjects(flattenObject(targets[target]), {\n                [WEBVIEW_TARGET]: target,\n            }),\n            },\n          });\n      window.ReactNativeWebView.postMessage(\n        JSON.stringify(mergeObjects({ id: id }, message))\n      );\n    });\n  }\n  break;\n}\n    }\n}\nvar handleError = function (err, message) {\n  window.ReactNativeWebView.postMessage(JSON.stringify({\n    id: message.id,\n    type: 'error',\n    payload: {\n      message: err.message,\n      stack: err.stack,\n    },\n  }));\n  document.removeEventListener('message', handleIncomingMessage);\n};\n\nfunction handleIncomingMessage(data) {\n  if (Array.isArray(data)) {\n    for (var i = 0; i < data.length; i++) {\n      try {\n        handleMessage(data[i]);\n      } catch (err) {\n        handleError(err, data[i]);\n      }\n    }\n  } else {\n    try {\n      handleMessage(data);\n    } catch (err) {\n      handleError(err, data);\n    }\n  }\n}\n\nwindow.mpxWebviewMessageCallback = handleIncomingMessage\n</script>\n  \n\n</body></html>";
 export default _default;
-//# sourceMappingURL=html.d.ts.map

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

@@ -30,4 +30,3 @@ interface CanvasProps {
 }
 declare const _Canvas: import("react").ForwardRefExoticComponent<CanvasProps & import("react").RefAttributes<HandlerRef<CanvasProps & View, CanvasProps>>>;
 export default _Canvas;
-//# sourceMappingURL=index.d.ts.map

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

@@ -50,4 +50,3 @@ export declare const useWebviewBinding: ({ targetName, properties, methods }: {
     properties?: Record<string, any> | undefined;
     methods?: string[] | undefined;
 }) => import("react").MutableRefObject<{}>;
-//# sourceMappingURL=utils.d.ts.map

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

@@ -18,4 +18,3 @@ export interface CheckboxGroupProps {
 }
 declare const CheckboxGroup: import("react").ForwardRefExoticComponent<CheckboxGroupProps & import("react").RefAttributes<HandlerRef<View, CheckboxGroupProps>>>;
 export default CheckboxGroup;
-//# sourceMappingURL=mpx-checkbox-group.d.ts.map

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

@@ -30,4 +30,3 @@ export interface CheckboxProps extends Selection {
 }
 declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HandlerRef<View, CheckboxProps>>>;
 export default Checkbox;
-//# sourceMappingURL=mpx-checkbox.d.ts.map

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

@@ -25,4 +25,3 @@ interface FormProps {
 }
 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-icon/index.d.ts

@@ -16,4 +16,3 @@ export interface IconProps {
 }
 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-image.d.ts

@@ -19,4 +19,3 @@ 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.jsx

@@ -16,7 +16,7 @@ import { noop } from '@mpxjs/utils';
 import { SvgCssUri } from 'react-native-svg/css';
 import useInnerProps, { getCustomEvent } from './getInnerListeners';
 import useNodesRef from './useNodesRef';
-import { SVG_REGEXP, useLayout, useTransformStyle, renderImage, extendObject } from './utils';
+import { SVG_REGEXP, useLayout, useTransformStyle, renderImage, extendObject, isAndroid } from './utils';
 import Portal from './mpx-portal';
 const DEFAULT_IMAGE_WIDTH = 320;
 const DEFAULT_IMAGE_HEIGHT = 240;
@@ -104,7 +104,7 @@ const Image = forwardRef((props, ref) => {
             setLoaded(true);
         }
     };
-    const { hasPositionFixed, hasSelfPercent, normalStyle, setWidth, setHeight } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
+    const { hasPositionFixed, hasSelfPercent, normalStyle, setWidth, setHeight } = useTransformStyle(styleObj, { enableVar, transformRadiusPercent: isAndroid && !isSvg && !isLayoutMode, externalVarContext, parentFontSize, parentWidth, parentHeight });
     const { layoutRef, layoutStyle, layoutProps } = useLayout({
         props,
         hasSelfPercent,

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

@@ -5,4 +5,3 @@ declare const InlineText: {
     displayName: string;
 };
 export default InlineText;
-//# sourceMappingURL=mpx-inline-text.d.ts.map

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

@@ -31,7 +31,9 @@ export interface InputProps {
     'parent-font-size'?: number;
     'parent-width'?: number;
     'parent-height'?: number;
+    'keyboard-type'?: string;
     '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,4 +49,3 @@ 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.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
@@ -40,19 +40,19 @@
 import { forwardRef, useRef, useState, useContext, useEffect, createElement } from 'react';
 import { TextInput } from 'react-native';
 import { warn } from '@mpxjs/utils';
-import { useUpdateEffect, useTransformStyle, useLayout, extendObject, isIOS } from './utils';
+import { useUpdateEffect, useTransformStyle, useLayout, extendObject, isAndroid } from './utils';
 import useInnerProps, { getCustomEvent } from './getInnerListeners';
 import useNodesRef from './useNodesRef';
 import { FormContext, KeyboardAvoidContext } from './context';
 import Portal from './mpx-portal';
-const keyboardTypeMap = {
-    text: 'default',
+const inputModeMap = {
+    text: 'text',
     number: 'numeric',
-    idcard: 'default',
-    digit: isIOS ? 'decimal-pad' : 'numeric'
+    idcard: 'text',
+    digit: 'decimal'
 };
 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, 'keyboard-type': originalKeyboardType, 'hold-keyboard': holdKeyboard = false, bindinput, bindfocus, bindblur, bindconfirm, bindselectionchange, 
     // private
     multiline, 'auto-height': autoHeight, bindlinechange } = props;
     const formContext = useContext(FormContext);
@@ -72,18 +72,18 @@ const Input = forwardRef((props, ref) => {
             return value + '';
         return '';
     };
-    const keyboardType = keyboardTypeMap[type];
     const defaultValue = parseValue(value);
+    // 微信小程序的 input 永远是单行，textAlignVertical 固定为 auto
+    // multiline 为 true 时表示是 textarea 组件复用此逻辑
     const textAlignVertical = multiline ? 'top' : 'auto';
+    const isAutoFocus = !!autoFocus || !!focus;
     const tmpValue = useRef(defaultValue);
     const cursorIndex = useRef(0);
     const lineCount = useRef(0);
     const [inputValue, setInputValue] = useState(defaultValue);
     const [contentHeight, setContentHeight] = useState(0);
     const [selection, setSelection] = useState({ start: -1, end: tmpValue.current.length });
-    const styleObj = extendObject({ padding: 0, backgroundColor: '#fff' }, style, multiline && autoHeight
-        ? { height: 'auto', minHeight: Math.max(style?.minHeight || 35, contentHeight) }
-        : {});
+    const styleObj = extendObject({ padding: 0, backgroundColor: '#fff' }, style, multiline && autoHeight ? { height: 'auto' } : {});
     const { hasPositionFixed, hasSelfPercent, normalStyle, setWidth, setHeight } = useTransformStyle(styleObj, { enableVar, externalVarContext, parentFontSize, parentWidth, parentHeight });
     const nodeRef = useRef(null);
     useNodesRef(props, ref, nodeRef, {
@@ -145,47 +145,54 @@ const Input = forwardRef((props, ref) => {
     };
     const setKeyboardAvoidContext = () => {
         if (keyboardAvoid) {
-            keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition };
+            keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition, holdKeyboard, readyToShow: true };
         }
     };
     const onTouchStart = () => {
-        // sometimes the focus event occurs later than the keyboardWillShow event
+        // 手动聚焦时初始化 keyboardAvoid 上下文
+        // auto-focus/focus 不会触发而是在 useEffect 中初始化
         setKeyboardAvoidContext();
     };
     const onTouchEnd = (evt) => {
         evt.nativeEvent.origin = 'input';
     };
     const onFocus = (evt) => {
-        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;
-                }
+        if (!keyboardAvoid?.current) {
+            // Android：从一个正聚焦状态 input，聚焦到另一个新的 input 时，正常会触发如下时序：
+            // 新的 Input `onTouchStart` -> 旧输入框键盘 `keyboardDidHide` -> 新的 Input `onFocus`
+            // 导致这里的 keyboardAvoid.current 为 null，所以需要判空重新初始化。
+            setKeyboardAvoidContext();
+        }
+        const focusAction = () => {
+            bindfocus?.(getCustomEvent('focus', evt, {
+                detail: {
+                    value: tmpValue.current || '',
+                    height: keyboardAvoid?.current?.keyboardHeight
+                },
+                layoutRef
+            }, props));
+            if (keyboardAvoid?.current?.onKeyboardShow) {
+                keyboardAvoid.current.onKeyboardShow = undefined;
             }
-            else {
-                // 无 keyboardAvoiding，直接执行 focus 回调
+        };
+        if (keyboardAvoid?.current) {
+            // 有 keyboardAvoiding
+            if (keyboardAvoid.current.keyboardHeight) {
+                // 仅以下场景触发顺序：先 keyboardWillShow 获取高度 -> 后 onFocus，可以立即执行
+                // - iOS + 手动点击聚焦
                 focusAction();
             }
+            else {
+                // 其他场景触发顺序：先 onFocus -> 后 keyboardWillShow 获取高度 -> 执行回调
+                // - iOS + auto-focus/focus=true 自动聚焦
+                // - Android 手动点击聚焦/自动聚焦 都一样
+                evt.persist();
+                keyboardAvoid.current.onKeyboardShow = focusAction;
+            }
+        }
+        else {
+            // 兜底：无 keyboardAvoiding 直接执行 focus 回调
+            focusAction();
         }
     };
     const onBlur = (evt) => {
@@ -260,36 +267,45 @@ const Input = forwardRef((props, ref) => {
         };
     }, []);
     useEffect(() => {
-        if (focus) {
+        if (isAutoFocus) {
+            // auto-focus/focus=true 初始化 keyboardAvoidContext
             setKeyboardAvoidContext();
         }
-    }, [focus]);
+    }, [isAutoFocus]);
     useUpdateEffect(() => {
         if (!nodeRef?.current) {
             return;
         }
-        focus
+        // RN autoFocus 属性仅在初次渲染时生效
+        // 后续更新需要手动调用 focus/blur 方法，和微信小程序对齐
+        isAutoFocus
             ? nodeRef.current?.focus()
             : nodeRef.current?.blur();
-    }, [focus]);
+    }, [isAutoFocus]);
+    // 使用 multiline 来修复光标位置问题
+    // React Native 的 TextInput 在 textAlign center + placeholder 时光标会跑到右边
+    // 这个问题只在 Android 上出现
+    // 参考：https://github.com/facebook/react-native/issues/28794 (Android only)
+    const needMultilineFix = isAndroid && !multiline;
     const innerProps = useInnerProps(extendObject({}, props, layoutProps, {
         ref: nodeRef,
         style: extendObject({}, normalStyle, layoutStyle),
         allowFontScaling,
-        keyboardType: keyboardType,
+        inputMode: originalKeyboardType ? undefined : inputModeMap[type],
+        keyboardType: originalKeyboardType,
         secureTextEntry: !!password,
         defaultValue: defaultValue,
         value: inputValue,
         maxLength: maxlength === -1 ? undefined : maxlength,
         editable: !disabled,
-        autoFocus: !!autoFocus || !!focus,
+        autoFocus: isAutoFocus,
         selection: selectionStart > -1 || typeof cursor === 'number' ? selection : undefined,
         selectionColor: cursorColor,
-        blurOnSubmit: !multiline && !confirmHold,
+        blurOnSubmit: multiline ? confirmType !== 'return' : !confirmHold,
         underlineColorAndroid: 'rgba(0,0,0,0)',
         textAlignVertical: textAlignVertical,
         placeholderTextColor: placeholderStyle?.color,
-        multiline: !!multiline,
+        multiline: multiline || needMultilineFix,
         onTouchStart,
         onTouchEnd,
         onFocus,
@@ -297,8 +313,8 @@ const Input = forwardRef((props, ref) => {
         onChange,
         onSelectionChange,
         onContentSizeChange,
-        onSubmitEditing: bindconfirm && !multiline && onSubmitEditing
-    }, !!multiline && confirmType === 'return' ? {} : { enterKeyHint: confirmType }), [
+        onSubmitEditing: bindconfirm && onSubmitEditing
+    }, needMultilineFix ? { numberOfLines: 1 } : {}, !!multiline && confirmType === 'return' ? {} : { enterKeyHint: confirmType }), [
         'type',
         'password',
         'placeholder-style',

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

@@ -10,4 +10,3 @@ declare const KeyboardAvoidingView: {
     displayName: string;
 };
 export default KeyboardAvoidingView;
-//# sourceMappingURL=mpx-keyboard-avoiding-view.d.ts.map