@mpxjs/webpack-plugin 2.10.17-beta.4 → 2.10.17-beta.6

package/lib/global.d.ts

@@ -1,16 +1,245 @@
+import * as webpack from 'webpack'
+
+declare module 'webpack' {
+  interface Compilation {
+    __mpx__: MpxContext
+  }
+
+  interface Compiler {
+    __mpx__?: boolean
+  }
+}
 
 declare global {
     interface MpxWebpackPluginOptions {
-        style: {
-            cssCondition?: {
-                before?: boolean;
-                after?: boolean;
-                beforeExclude?: (string | RegExp)[];
-                afterExclude?: (string | RegExp)[];
-                legacy?: boolean;
-                afterLegacy?: boolean;
-                beforeLegacy?: boolean;
-            }
-        }
+    style: {
+      cssCondition?: {
+        before?: boolean
+        after?: boolean
+        beforeExclude?: (string | RegExp)[]
+        afterExclude?: (string | RegExp)[]
+        legacy?: boolean
+        afterLegacy?: boolean
+        beforeLegacy?: boolean
+      }
     }
+  }
+
+  type MpxLoaderContext<T> = webpack.LoaderContext<T> & {
+    getMpx(): MpxContext
+  }
+
+  interface MpxContext {
+    /**
+     * 用于使用 webpack-virtual-modules 功能，目前仅在输出 web 时支持使用
+     */
+    __vfs: any | null
+
+    /**
+     * app 信息，便于获取 appName
+     */
+    appInfo: {
+      resourcePath?: string
+      name?: string
+      [key: string]: any
+    }
+
+    /**
+     * pageConfig 信息
+     */
+    pageConfigsMap: Record<string, any>
+
+    /**
+     * pages 全局记录，无需区分主包/分包
+     */
+    pagesMap: Record<string, string>
+
+    /**
+     * 组件资源记录，按所属包进行记录（如 componentsMap.main）
+     */
+    componentsMap: Record<string, Record<string, string>>
+
+    /**
+     * 静态资源（图片、字体、独立样式）等，按所属包进行记录
+     */
+    staticResourcesMap: Record<string, Record<string, string>>
+
+    /**
+     * 用于记录命中 subpackageModulesRules 的 JS 模块分包归属，用于 JS 多分包冗余输出
+     */
+    subpackageModulesMap: Record<string, Record<string, string>>
+
+    /**
+     * 记录其他资源，如 pluginMain、pluginExport，无需区分主包/分包
+     */
+    otherResourcesMap: Record<string, any>
+
+    /**
+     * 记录独立分包
+     */
+    independentSubpackagesMap: Record<string, any>
+
+    subpackagesEntriesMap: Record<string, any>
+    postSubpackageEntriesMap: Record<string, any>
+    replacePathMap: Record<string, string>
+
+    /**
+     * 导出模块集合
+     */
+    exportModules: Set<any>
+
+    /**
+     * 记录动态添加入口的分包信息
+     */
+    dynamicEntryInfo: Record<string, any>
+
+    /**
+     * 记录 entryModule 与 entryNode 的对应关系，用于体积分析
+     */
+    entryNodeModulesMap: Map<any, any>
+
+    /**
+     * 记录与 asset 相关联的 modules，用于体积分析
+     */
+    assetsModulesMap: Map<string, Set<any>>
+
+    /**
+     * 记录与 asset 相关联的 AST，用于体积分析和 esCheck，避免重复 parse
+     */
+    assetsASTsMap: Map<string, any>
+
+    /**
+     * 记录 RequireExternalDependency 相关资源路径
+     */
+    externalRequestsMap: Map<string, any>
+
+    globalComponents: Record<string, any>
+    globalComponentsInfo: Record<string, any>
+
+    /**
+     * todo: es6 Map 读写性能高于 object，之后会逐步替换
+     */
+    wxsAssetsCache: Map<string, any>
+    addEntryPromiseMap: Map<string, Promise<any>>
+    currentPackageRoot: string
+    wxsContentMap: Record<string, string>
+
+    /**
+     * 是否强制使用页面构造函数
+     */
+    forceUsePageCtor: boolean
+
+    resolveMode: string
+    mode: string
+    srcMode: string
+    env: string
+    externalClasses: string[]
+    projectRoot: string
+    autoScopeRules: any
+    autoVirtualHostRules: any
+    customTextRules: any
+    transRpxRules: any
+    postcssInlineConfig: any
+    decodeHTMLText: boolean
+
+    /**
+     * native 文件专用配置
+     */
+    i18n: any | null
+    checkUsingComponentsRules: any
+    forceDisableBuiltInLoader: boolean
+
+    /**
+     * 默认的应用标题
+     */
+    appTitle: string
+
+    attributes: any[]
+    externals: any[]
+    useRelativePath: boolean
+    removedChunks: any[]
+    forceProxyEventRules: any
+
+    /**
+     * 若配置 disableRequireAsync=true，则全平台构建不支持异步分包
+     */
+    supportRequireAsync: boolean
+    partialCompileRules: any
+    asyncSubpackageRules: any[]
+    transSubpackageRules: any
+    optimizeRenderRules: any[]
+
+    addEntryModuleIssuer: (module: string, issuer: string) => void
+
+    /**
+     * 资源路径的哈希函数（用于生成输出唯一名）
+     */
+    pathHash: (resourcePath: string) => string
+
+    // 缓存与工具
+    loaderContentCache: Map<string, any>
+    extractedFilesCache: Map<string, string>
+
+    // 函数接口
+
+    /**
+     * 收集动态入口信息（分包、文件名、是否为页面、是否包含异步等）
+     */
+    collectDynamicEntryInfo: (info: { resource: string; packageName: string; filename: string; entryType: string; hasAsync: boolean }) => void
+
+    /**
+     * 添加入口（包装了 webpack 的 addEntry）
+     */
+    addEntry: (request: string, name: string, callback: (err?: Error, result?: any) => void) => any
+
+    getModuleId: (filePath: string, isApp?: boolean) => string
+    getEntryNode: (module: any, type?: string) => any
+
+    /**
+     * 根据资源路径和类型返回输出路径（支持自定义输出、冲突处理等）
+     */
+    getOutputPath: (resourcePath: string, type: string, opts?: { ext?: string; conflictPath?: string }) => string
+
+    /**
+     * 获取提取后的文件名（支持静态、插件、普通资源）
+     */
+    getExtractedFile: (resource: string, opts?: { error?: (err: Error) => void }) => string
+
+    recordResourceMap: (params: {
+      resourcePath: string
+      resourceType: string
+      outputPath?: string
+      packageRoot?: string
+      recordOnly?: boolean
+      warn?: (e: Error) => void
+      error?: (e: Error) => void
+    }) => { outputPath?: string; alreadyOutputted?: boolean }
+
+    getPackageInfo: (params: {
+      resource: string
+      resourceType: string
+      outputPath?: string
+      issuerResource?: string
+      warn?: (e: Error) => void
+      error?: (e: Error) => void
+    }) => { packageName: string; packageRoot: string; outputPath?: string; alreadyOutputted?: boolean }
+
+    // 运行时信息与注入相关
+    runtimeInfo: Record<string, any>
+    dynamicSlotDependencies: Record<string, any>
+    dynamicTemplateRuleRunner: any
+
+    /**
+     * 依据 package 注入到 mpx-custom-element-*.json 里面的组件路径
+     */
+    getPackageInjectedComponentsMap: (packageName?: string) => Record<string, string>
+
+    getPackageInjectedTemplateConfig: (packageName?: string) => any
+    injectDynamicSlotDependencies: (usingComponents: string, resourcePath: string) => string
+    changeHashNameForAstNode: (templateAst: string, componentsMap: any) => string
+    collectDynamicSlotDependencies: (packageName?: string) => void
+
+    // 其它任意扩展字段
+    [key: string]: any
+  }
 }

package/lib/index.js

@@ -87,6 +87,10 @@ const isProductionLikeMode = options => {
   return options.mode === 'production' || !options.mode
 }
 
+/**
+ * @param {import('webpack').NormalModule} module
+ * @returns
+ */
 const isStaticModule = module => {
   if (!module.resource) return false
   const { queryObj } = parseRequest(module.resource)
@@ -323,6 +327,9 @@ class MpxWebpackPlugin {
     }
   }
 
+  /**
+   * @param {import('webpack').Compiler} compiler
+   */
   apply (compiler) {
     // 注入 fs 代理
     startFSStripForCss(this.options.defs)

package/lib/loader.js

@@ -19,6 +19,10 @@ const processWeb = require('./web')
 const processReact = require('./react')
 const genMpxCustomElement = require('./runtime-render/gen-mpx-custom-element')
 
+/**
+ * @this {MpxLoaderContext<any>}
+ * @param {string} content
+ */
 module.exports = function (content) {
   this.cacheable()
 

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

@@ -197,7 +197,7 @@ module.exports = function ({ print }) {
         qa: qaPropLog
       },
       {
-        test: /^(lang|from-type|hover-class|send-message-title|send-message-path|send-message-img|app-parameter|show-message-card|phone-number-no-quota-toast|bindgetuserinfo|bindcontact|createliveactivity|bindgetphonenumber|bindgetrealtimephonenumber|binderror|bindopensetting|bindlaunchapp|bindchooseavatar|bindagreeprivacyauthorization)$/,
+        test: /^(lang|from-type|send-message-title|send-message-path|send-message-img|app-parameter|show-message-card|phone-number-no-quota-toast|bindgetuserinfo|bindcontact|createliveactivity|bindgetphonenumber|bindgetrealtimephonenumber|binderror|bindopensetting|bindlaunchapp|bindchooseavatar|bindagreeprivacyauthorization)$/,
         ios: iosPropLog,
         android: androidPropLog,
         harmony: harmonyPropLog

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

@@ -107,7 +107,7 @@ module.exports = function ({ print }) {
         qa: qaPropLog
       },
       {
-        test: /^(always-embed|hold-keyboard|safe-password-.+)$/,
+        test: /^(always-embed|safe-password-.+)$/,
         ios: iosPropLog,
         android: androidPropLog,
         harmony: harmonyPropLog

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

@@ -93,7 +93,7 @@ module.exports = function ({ print }) {
         }
       },
       {
-        test: /^(always-embed|hold-keyboard|disable-default-padding|adjust-keyboard-to|fixed|show-confirm-bar)$/,
+        test: /^(always-embed|disable-default-padding|adjust-keyboard-to|fixed|show-confirm-bar)$/,
         ios: iosPropLog,
         android: androidPropLog,
         harmony: harmonyPropLog

package/lib/runtime/components/react/dist/animationHooks/index.d.ts

@@ -13,4 +13,3 @@ export default function useAnimationHooks<T, P>(props: _ViewProps & {
     enableStyleAnimation: boolean;
     animationStyle: import("../types/common").ExtendedViewStyle;
 };
-//# sourceMappingURL=index.d.ts.map

package/lib/runtime/components/react/dist/animationHooks/useAnimationAPIHooks.d.ts

@@ -1,4 +1,3 @@
 import type { ExtendedViewStyle } from '../types/common';
 import type { AnimationHooksPropsType } from './utils';
 export default function useAnimationAPIHooks<T, P>(props: AnimationHooksPropsType): ExtendedViewStyle;
-//# sourceMappingURL=useAnimationAPIHooks.d.ts.map

package/lib/runtime/components/react/dist/animationHooks/useTransitionHooks.d.ts

@@ -1,4 +1,3 @@
 import type { ExtendedViewStyle } from '../types/common';
 import type { AnimationHooksPropsType } from './utils';
 export default function useTransitionHooks<T, P>(props: AnimationHooksPropsType): ExtendedViewStyle;
-//# sourceMappingURL=useTransitionHooks.d.ts.map

package/lib/runtime/components/react/dist/animationHooks/utils.d.ts

@@ -107,4 +107,3 @@ export declare function getAnimation({ key, value }: {
     key: string;
     value: string | number;
 }, { delay, duration, easing }: ExtendWithTimingConfig, callback?: AnimationCallback): string | number;
-//# sourceMappingURL=utils.d.ts.map

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

@@ -77,4 +77,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/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-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-camera.d.ts

@@ -29,4 +29,3 @@ type HandlerRef<T, P> = {
 };
 declare const _camera: React.ForwardRefExoticComponent<CameraProps & React.RefAttributes<HandlerRef<any, CameraProps>>>;
 export default _camera;
-//# sourceMappingURL=mpx-camera.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-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

@@ -49,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

@@ -144,11 +144,11 @@ const Input = forwardRef((props, ref) => {
     };
     const setKeyboardAvoidContext = () => {
         if (keyboardAvoid) {
-            keyboardAvoid.current = { cursorSpacing, ref: nodeRef, adjustPosition, holdKeyboard };
             keyboardAvoid.current = {
                 cursorSpacing,
                 ref: nodeRef,
                 adjustPosition,
+                holdKeyboard,
                 // fix: iOS 会在 onFocus 之前触发 keyboardWillShow 并且赋值 keyboardHeight
                 // 这里手动同步下 keyboardHeight，防止 onFocus setKeyboardAvoidContext 删掉 keyboardHeight
                 keyboardHeight: keyboardAvoid?.current?.keyboardHeight

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

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

@@ -15,8 +15,10 @@ const KeyboardAvoidingView = ({ children, style, contentContainerStyle }) => {
     // 因此增加状态标记 + cancelAnimation 来优化
     const isShow = useRef(false);
     const animatedStyle = useAnimatedStyle(() => ({
-        // translate/position top可能会导致底部渲染区域缺失
-        marginTop: -offset.value,
+        // translate/position top+ overflow hidden 在 android 上时因为键盘顶起让页面高度变小，同时元素位置上移
+        // 此时最底部的区域是超出了页面高度的，hidden生效就被隐藏掉，因此需要 android 配置聚焦时禁用高度缩小
+        // margin-top 因为在 react-native 上和 flex 1 同时存在时，负值只会让容器高度整体变高，不会让元素上移
+        transform: [{ translateY: -offset.value }],
         flexBasis: basic.value
     }));
     const resetKeyboard = () => {

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

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

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

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

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

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

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

@@ -6,4 +6,3 @@ export interface MpxNavProps {
 }
 declare const MpxNav: import("react").MemoExoticComponent<({ pageConfig, navigation }: MpxNavProps) => import("react").JSX.Element>;
 export default MpxNav;
-//# sourceMappingURL=mpx-nav.d.ts.map

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

@@ -7,4 +7,3 @@ interface _NavigatorProps extends _ViewProps {
 }
 declare const _Navigator: import("react").ForwardRefExoticComponent<_NavigatorProps & import("react").RefAttributes<any>>;
 export default _Navigator;
-//# sourceMappingURL=mpx-navigator.d.ts.map

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

@@ -4,4 +4,3 @@ import { DateProps } from './type';
 import { HandlerRef } from '../useNodesRef';
 declare const PickerDate: React.ForwardRefExoticComponent<Omit<DateProps, "ref"> & React.RefAttributes<HandlerRef<View, DateProps>>>;
 export default PickerDate;
-//# sourceMappingURL=date.d.ts.map

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

@@ -5,4 +5,3 @@ export declare const years: string[];
 export declare const months: string[];
 export declare const daysInMonthLength: (year: number, month: number) => 30 | 28 | 29 | 31;
 export declare const daysInMonth: (year: number, month: number) => string[];
-//# sourceMappingURL=dateData.d.ts.map

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

@@ -4,4 +4,3 @@ import { HandlerRef } from '../useNodesRef';
 import { PickerProps } from './type';
 declare const Picker: React.ForwardRefExoticComponent<(Omit<import("./type").DateProps, "ref"> | Omit<import("./type").SelectorProps, "ref"> | Omit<import("./type").MultiSelectorProps, "ref"> | Omit<import("./type").TimeProps, "ref"> | Omit<import("./type").RegionProps, "ref">) & React.RefAttributes<HandlerRef<View, PickerProps>>>;
 export default Picker;
-//# sourceMappingURL=index.d.ts.map

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

@@ -4,4 +4,3 @@ import { MultiSelectorProps } from './type';
 import { HandlerRef } from '../useNodesRef';
 declare const PickerMultiSelector: React.ForwardRefExoticComponent<Omit<MultiSelectorProps, "ref"> & React.RefAttributes<HandlerRef<View, MultiSelectorProps>>>;
 export default PickerMultiSelector;
-//# sourceMappingURL=multiSelector.d.ts.map

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

@@ -4,4 +4,3 @@ import { RegionProps } from './type';
 import { HandlerRef } from '../useNodesRef';
 declare const PickerRegion: React.ForwardRefExoticComponent<Omit<RegionProps, "ref"> & React.RefAttributes<HandlerRef<View, RegionProps>>>;
 export default PickerRegion;
-//# sourceMappingURL=region.d.ts.map

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

@@ -1,3 +1,2 @@
 import { RegionObj } from './type';
 export declare const regionData: RegionObj[];
-//# sourceMappingURL=regionData.d.ts.map

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

@@ -4,4 +4,3 @@ import { SelectorProps } from './type';
 import { HandlerRef } from '../useNodesRef';
 declare const PickerSelector: React.ForwardRefExoticComponent<Omit<SelectorProps, "ref"> & React.RefAttributes<HandlerRef<View, SelectorProps>>>;
 export default PickerSelector;
-//# sourceMappingURL=selector.d.ts.map

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

@@ -4,4 +4,3 @@ import { TimeProps } from './type';
 import { HandlerRef } from '../useNodesRef';
 declare const PickerTime: React.ForwardRefExoticComponent<Omit<TimeProps, "ref"> & React.RefAttributes<HandlerRef<View, TimeProps>>>;
 export default PickerTime;
-//# sourceMappingURL=time.d.ts.map

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

@@ -104,4 +104,3 @@ export interface FormType {
 }
 export type PickerProps = SelectorProps | MultiSelectorProps | TimeProps | DateProps | RegionProps;
 export type LanguageCode = 'zh-CN' | 'en-US';
-//# sourceMappingURL=type.d.ts.map

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

@@ -30,4 +30,3 @@ interface PickerViewProps {
 }
 declare const _PickerView: React.ForwardRefExoticComponent<PickerViewProps & React.RefAttributes<HandlerRef<View, PickerViewProps>>>;
 export default _PickerView;
-//# sourceMappingURL=index.d.ts.map

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

@@ -6,4 +6,3 @@ export declare const usePickerViewColumnAnimationContext: () => ContextValue;
 export declare const PickerViewStyleContext: import("react").Context<Record<string, any> | undefined>;
 export declare const usePickerViewStyleContext: () => Record<string, any> | undefined;
 export {};
-//# sourceMappingURL=pickerVIewContext.d.ts.map