@mpxjs/webpack-plugin 2.10.6-beta.6 → 2.10.6-beta.8

package/lib/index.js

@@ -1413,9 +1413,12 @@ class MpxWebpackPlugin {
               // 删除root query
               if (queryObj.root) request = addQuery(request, {}, false, ['root'])
               // wx、ali和web平台支持require.async，其余平台使用CommonJsAsyncDependency进行模拟抹平
-              if (mpx.supportRequireAsync) {
+              if (isWeb(mpx.mode) || isReact(mpx.mode)) {
+                // web 和 react 平台支持分包名转换，如果转换tarRoot为空，则降级到主包
+                tarRoot = transAsyncSubNameRules(mpx.asyncSubpackageNameMap, tarRoot)
+              }
+              if (mpx.supportRequireAsync && tarRoot) {
                 if (isWeb(mpx.mode) || isReact(mpx.mode)) {
-                  tarRoot = transAsyncSubNameRules(mpx.asyncSubpackageNameMap, tarRoot)
                   const depBlock = new AsyncDependenciesBlock(
                     {
                       name: tarRoot + '/index'

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

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

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

@@ -0,0 +1,16 @@
+import { ComponentType, ReactNode } from 'react';
+interface AsyncModule {
+    __esModule: boolean;
+    default: ReactNode;
+}
+interface AsyncSuspenseProps {
+    type: 'component' | 'page';
+    chunkName: string;
+    moduleId: string;
+    innerProps: any;
+    loading: ComponentType<unknown>;
+    fallback: ComponentType<unknown>;
+    getChildren: () => Promise<AsyncModule>;
+}
+declare const AsyncSuspense: React.FC<AsyncSuspenseProps>;
+export default AsyncSuspense;

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

@@ -0,0 +1,74 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+import { NativeSyntheticEvent, Animated } from 'react-native';
+export type LabelContextValue = MutableRefObject<{
+    triggerChange: (evt: NativeSyntheticEvent<TouchEvent>) => void;
+}>;
+export type KeyboardAvoidContextValue = MutableRefObject<{
+    cursorSpacing: number;
+    ref: MutableRefObject<any>;
+    adjustPosition: boolean;
+    keyboardHeight?: number;
+    onKeyboardShow?: () => void;
+    blurCallbacks: (() => void)[];
+} | null>;
+export interface GroupValue {
+    [key: string]: {
+        checked: boolean;
+        setValue: Dispatch<SetStateAction<boolean>>;
+    };
+}
+export interface GroupContextValue {
+    groupValue: GroupValue;
+    notifyChange: (evt: NativeSyntheticEvent<TouchEvent>) => void;
+}
+export interface FormFieldValue {
+    getValue: () => any;
+    resetValue: ({ newVal, type }: {
+        newVal?: any;
+        type?: string;
+    }) => void;
+}
+export interface FormContextValue {
+    formValuesMap: Map<string, FormFieldValue>;
+    submit: () => void;
+    reset: () => void;
+}
+export interface IntersectionObserver {
+    [key: number]: {
+        throttleMeasure: () => void;
+    };
+}
+export interface PortalContextValue {
+    mount: (children: React.ReactNode, key?: number | null, id?: number | null) => number | undefined;
+    update: (key: number, children: React.ReactNode) => void;
+    unmount: (key: number) => void;
+}
+export interface ScrollViewContextValue {
+    gestureRef: React.RefObject<any> | null;
+    scrollOffset: Animated.Value;
+}
+export interface RouteContextValue {
+    pageId: number;
+    navigation: Record<string, any>;
+}
+export interface StickyContextValue {
+    registerStickyHeader: Function;
+    unregisterStickyHeader: Function;
+}
+export declare const MovableAreaContext: import("react").Context<{
+    width: number;
+    height: number;
+}>;
+export declare const FormContext: import("react").Context<FormContextValue | null>;
+export declare const CheckboxGroupContext: import("react").Context<GroupContextValue | null>;
+export declare const RadioGroupContext: import("react").Context<GroupContextValue | null>;
+export declare const LabelContext: import("react").Context<LabelContextValue | null>;
+export declare const PickerContext: import("react").Context<null>;
+export declare const VarContext: import("react").Context<{}>;
+export declare const IntersectionObserverContext: import("react").Context<IntersectionObserver | null>;
+export declare const RouteContext: import("react").Context<RouteContextValue | null>;
+export declare const SwiperContext: import("react").Context<{}>;
+export declare const KeyboardAvoidContext: import("react").Context<KeyboardAvoidContextValue | null>;
+export declare const ScrollViewContext: import("react").Context<ScrollViewContextValue>;
+export declare const PortalContext: import("react").Context<PortalContextValue>;
+export declare const StickyContext: import("react").Context<StickyContextValue>;

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

@@ -0,0 +1,7 @@
+declare const eventConfigMap: {
+    [key: string]: {
+        bitFlag: string;
+        events: string[];
+    };
+};
+export default eventConfigMap;

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

@@ -0,0 +1,7 @@
+import { Props, RawConfig, RemoveProps, LayoutRef, ExtendedNativeTouchEvent } from './types/getInnerListeners';
+export declare const getCustomEvent: (type: string | undefined, oe: any, { detail, layoutRef }: {
+    detail?: Record<string, unknown> | undefined;
+    layoutRef?: LayoutRef | undefined;
+}, props?: Props) => any;
+declare const useInnerProps: (props?: Props, userRemoveProps?: RemoveProps, rawConfig?: RawConfig) => Record<string, (e: ExtendedNativeTouchEvent) => void> & Omit<Props, string>;
+export default useInnerProps;

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

@@ -0,0 +1,68 @@
+/**
+ * ✔ size
+ * ✔ type
+ * ✔ plain
+ * ✔ disabled
+ * ✔ loading
+ * ✔ form-type
+ * - open-type: Partially. Only support `share`、`getUserInfo`
+ * ✔ hover-class: Convert hoverClass to hoverStyle.
+ * ✔ hover-style
+ * ✘ hover-stop-propagation
+ * ✔ hover-start-time
+ * ✔ hover-stay-time
+ * ✘ lang
+ * ✘ session-from
+ * ✘ send-message-title
+ * ✘ send-message-path
+ * ✘ send-message-img
+ * ✘ app-parameter
+ * ✘ show-message-card
+ * ✘ phone-number-no-quota-toast
+ * ✘ bindgetuserinfo
+ * ✘ bindcontact
+ * ✘ createliveactivity
+ * ✘ bindgetphonenumber
+ * ✘ bindgetphonenumber
+ * ✘ bindgetrealtimephonenumber
+ * ✘ binderror
+ * ✘ bindopensetting
+ * ✘ bindlaunchapp
+ * ✘ bindlaunchapp
+ * ✘ bindchooseavatar
+ * ✘ bindchooseavatar
+ * ✘ bindagreeprivacyauthorization
+ * ✔ bindtap
+ */
+import { ReactNode } from 'react';
+import { View, ViewStyle, TextStyle, NativeSyntheticEvent } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+import type { ExtendedViewStyle } from './types/common';
+export type Type = 'default' | 'primary' | 'warn';
+export type OpenType = 'share' | 'getUserInfo';
+export type OpenTypeEvent = 'onShareAppMessage' | 'onUserInfo';
+export interface ButtonProps {
+    size?: string;
+    type?: Type;
+    plain?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    'hover-class'?: string;
+    'hover-style'?: ExtendedViewStyle;
+    'hover-start-time'?: number;
+    'hover-stay-time'?: number;
+    'open-type'?: OpenType;
+    'form-type'?: 'submit' | 'reset';
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    style?: ViewStyle & TextStyle & Record<string, any>;
+    children: ReactNode;
+    bindgetuserinfo?: (userInfo: any) => void;
+    bindtap?: (evt: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HandlerRef<View, ButtonProps>>>;
+export default Button;

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

@@ -0,0 +1,23 @@
+/// <reference types="node" />
+interface Message {
+    id?: string;
+    type: string;
+    payload?: any;
+}
+export default class Bus {
+    _paused: Boolean;
+    _messageListeners: {
+        [key: string]: (message: Message) => void;
+    };
+    _queue: Message[];
+    _send: (message: Message | Message[]) => void;
+    _timeoutId: NodeJS.Timeout | null;
+    constructor(send: (message: Message | Message[]) => void);
+    post(message: Message): Promise<any>;
+    handle(message: Message): void;
+    pause(): void;
+    resume(): void;
+    startBatching(): void;
+    clearBatchingTimeout(): void;
+}
+export {};

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

@@ -0,0 +1,7 @@
+import { WebviewMessage, CanvasInstance } from './utils';
+export default class CanvasGradient {
+    private canvas;
+    [key: string]: any;
+    constructor(canvas: CanvasInstance, noOnConstruction?: boolean);
+    postMessage(message: WebviewMessage): Promise<any>;
+}

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

@@ -0,0 +1,6 @@
+import { CanvasInstance, WebviewMessage } from './utils';
+export default class CanvasRenderingContext2D {
+    canvas: CanvasInstance;
+    constructor(canvas: CanvasInstance);
+    postMessage(message: WebviewMessage): Promise<any>;
+}

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

@@ -0,0 +1,20 @@
+import { WebviewMessage, WEBVIEW_TARGET, CanvasInstance } from './utils';
+export declare class Image {
+    [WEBVIEW_TARGET]: string;
+    canvas: any;
+    width: number;
+    height: number;
+    private _loadListener;
+    private _errorListener;
+    private _onload;
+    private _onerror;
+    [key: string]: any;
+    constructor(canvas: CanvasInstance, width?: number, height?: number, noOnConstruction?: boolean);
+    postMessage(message: WebviewMessage): any;
+    addEventListener(type: 'load' | 'error', callbackFn: Function): any;
+    set onload(callback: ((...args: any[]) => void));
+    get onload(): ((...args: any[]) => void);
+    set onerror(callback: ((...args: any[]) => void));
+    get onerror(): ((...args: any[]) => void);
+}
+export declare function createImage(canvas: CanvasInstance, width?: number, height?: number): Image;

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

@@ -0,0 +1,8 @@
+import { WebviewMessage, CanvasInstance } from './utils';
+export default class ImageData {
+    canvas: CanvasInstance;
+    [key: string]: any;
+    constructor(canvas: CanvasInstance, dataArray: number[], width: number, height: number, noOnConstruction?: boolean);
+    postMessage: (message: WebviewMessage) => Promise<any>;
+}
+export declare function createImageData(canvas: CanvasInstance, dataArray: number[], width: number, height: number): ImageData;

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

@@ -0,0 +1,10 @@
+import { WebviewConstructor } from './utils';
+export declare enum ConstructorType {
+    Image = "Image",
+    CanvasGradient = "CanvasGradient",
+    ImageData = "ImageData"
+}
+export declare function useConstructorsRegistry(): {
+    register: (registerWebviewConstructor: Function) => void;
+    getConstructor: (type: ConstructorType) => WebviewConstructor | undefined;
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,32 @@
+/**
+ * ✘ type
+ * ✘ canvas-id
+ * ✘ disable-scroll
+ * ✔ bindtouchstart
+ * ✔ bindtouchmove
+ * ✔ bindtouchend
+ * ✔ bindtouchcancel
+ * ✔ bindlongtap
+ * ✔ binderror
+ */
+import { TouchEvent } from 'react';
+import { View, NativeSyntheticEvent } from 'react-native';
+import { HandlerRef } from '../useNodesRef';
+import './CanvasGradient';
+interface CanvasProps {
+    style?: Record<string, any>;
+    originWhitelist?: Array<string>;
+    'enable-var'?: boolean;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    'external-var-context'?: Record<string, any>;
+    bindtouchstart?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindtouchmove?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindtouchend?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindtouchcancel?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    bindlongtap?: (event: NativeSyntheticEvent<TouchEvent>) => void;
+    binderror?: (event: NativeSyntheticEvent<ErrorEvent>) => void;
+}
+declare const _Canvas: import("react").ForwardRefExoticComponent<CanvasProps & import("react").RefAttributes<HandlerRef<CanvasProps & View, CanvasProps>>>;
+export default _Canvas;

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

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { WebView } from 'react-native-webview';
+import Bus from './Bus';
+export declare const WEBVIEW_TARGET = "@@WEBVIEW_TARGET";
+export declare const constructors: Record<string, any>;
+export declare const ID: () => string;
+export interface Instance {
+    postMessage: (...args: any[]) => void;
+    [WEBVIEW_TARGET]?: string;
+    [key: string]: any;
+}
+export interface WebviewConstructor {
+    new (...args: any[]): Instance;
+    constructLocally?: (...args: unknown[]) => Instance;
+}
+export interface WebviewMessage {
+    type: 'set' | 'exec' | 'listen' | 'event' | 'construct';
+    payload: {
+        target?: string | {
+            [key: string]: any;
+        };
+        key?: string;
+        value?: any;
+        method?: string;
+        args?: any[];
+        types?: string[];
+        type?: string;
+        constructor?: string | Function;
+        id?: string;
+    };
+}
+export interface CanvasInstance {
+    webview: WebView | null;
+    bus: Bus | null;
+    context2D: CanvasRenderingContext2D;
+    getContext: (contextType: string) => CanvasRenderingContext2D | null;
+    createImage: (width?: number, height?: number) => any;
+    postMessage: (message: WebviewMessage) => Promise<any>;
+    listeners: Array<(payload: any) => void>;
+    addMessageListener: (listener: (payload: any) => void) => () => void;
+    removeMessageListener: (listener: (payload: any) => void) => void;
+    createImageData: (dataArray: number[], width?: number, height?: number) => any;
+}
+export declare const registerWebviewTarget: (instance: Instance, targetName: string) => void;
+export declare const registerWebviewProperties: (instance: Instance, properties: Record<string, any>) => void;
+export declare const registerWebviewMethods: (instance: Instance, methods: string[]) => void;
+export declare const registerWebviewConstructor: (constructor: WebviewConstructor, constructorName: string) => void;
+export declare const useWebviewBinding: ({ targetName, properties, methods }: {
+    targetName: string;
+    properties?: Record<string, any> | undefined;
+    methods?: string[] | undefined;
+}) => import("react").MutableRefObject<{}>;

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

@@ -0,0 +1,20 @@
+/**
+ * ✔ bindchange
+ */
+import { ReactNode } from 'react';
+import { View, NativeSyntheticEvent, ViewStyle } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+export interface CheckboxGroupProps {
+    name: string;
+    style?: ViewStyle & Record<string, any>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    children: ReactNode;
+    bindchange?: (evt: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+}
+declare const CheckboxGroup: import("react").ForwardRefExoticComponent<CheckboxGroupProps & import("react").RefAttributes<HandlerRef<View, CheckboxGroupProps>>>;
+export default CheckboxGroup;

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

@@ -0,0 +1,32 @@
+/**
+ * ✔ value
+ * ✔ disabled
+ * ✔ checked
+ * ✔ color
+ */
+import { ReactNode } from 'react';
+import { View, ViewStyle, NativeSyntheticEvent } from 'react-native';
+import { HandlerRef } from './useNodesRef';
+interface Selection {
+    value?: string;
+    checked?: boolean;
+}
+export interface CheckboxProps extends Selection {
+    disabled?: boolean;
+    color?: string;
+    style?: ViewStyle & Record<string, any>;
+    groupValue?: Array<string>;
+    'enable-offset'?: boolean;
+    'enable-var'?: boolean;
+    'external-var-context'?: Record<string, any>;
+    'parent-font-size'?: number;
+    'parent-width'?: number;
+    'parent-height'?: number;
+    children?: ReactNode;
+    bindtap?: (evt: NativeSyntheticEvent<TouchEvent> | unknown) => void;
+    _onChange?: (evt: NativeSyntheticEvent<TouchEvent> | unknown, { checked }: {
+        checked: boolean;
+    }) => void;
+}
+declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HandlerRef<View, CheckboxProps>>>;
+export default Checkbox;

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { TextProps } from 'react-native';
+import { JSX } from 'react';
+declare const InlineText: {
+    (props: TextProps): JSX.Element;
+    displayName: string;
+};
+export default InlineText;

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

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

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

@@ -144,8 +144,8 @@ const Input = forwardRef((props, ref) => {
         }
     };
     const setKeyboardAvoidContext = () => {
-        if (adjustPosition && keyboardAvoid) {
-            keyboardAvoid.current = { cursorSpacing, ref: nodeRef };
+        if (keyboardAvoid) {
+            keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition, blurCallbacks: [] };
         }
     };
     const onTouchStart = () => {
@@ -156,15 +156,35 @@ const Input = forwardRef((props, ref) => {
         evt.nativeEvent.origin = 'input';
     };
     const onFocus = (evt) => {
-        setKeyboardAvoidContext();
-        bindfocus && bindfocus(getCustomEvent('focus', evt, {
-            detail: {
-                value: tmpValue.current || ''
-            },
-            layoutRef
-        }, props));
+        if (!keyboardAvoid?.current) {
+            setKeyboardAvoidContext();
+        }
+        if (bindfocus && keyboardAvoid?.current) {
+            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.keyboardHeight) {
+                // iOS: keyboard 获取高度时机 keyboardWillShow 在 input focus 之前，可以立即执行
+                focusAction();
+            }
+            else {
+                // Android,Harmony: keyboard 获取高度时机 keyboardDidShow 在 input focus 之后，需要延迟回调
+                evt.persist();
+                keyboardAvoid.current.onKeyboardShow = focusAction;
+            }
+        }
     };
     const onBlur = (evt) => {
+        keyboardAvoid?.current?.blurCallbacks.forEach(fn => fn());
         bindblur && bindblur(getCustomEvent('blur', evt, {
             detail: {
                 value: tmpValue.current || '',
@@ -268,6 +288,7 @@ const Input = forwardRef((props, ref) => {
         multiline: !!multiline,
         onTouchStart,
         onTouchEnd,
+        onTouchMove: onTouchEnd,
         onFocus,
         onBlur,
         onChange,