vite-plugin-taro-runtime 0.7.12-beta.0 → 0.7.12-beta.1

package/dist/api/dist/tools.d.ts

@@ -1,4 +1,4 @@
 export declare function Behavior(options: any): any;
 export declare function getPreload(current: any): (key: any, val: unknown) => void;
 export declare function getInitPxTransform(taro: any): (config: any) => void;
-export declare function getPxTransform(taro: any): (size: any) => any;
+export declare function getPxTransform(taro: any, designWid?: number): (size: any) => any;

package/dist/api/dist/tools.js

@@ -32,7 +32,7 @@ function getInitPxTransform(taro) {
         taro.config.unitPrecision = unitPrecision;
     };
 }
-function getPxTransform(taro) {
+function getPxTransform(taro, designWid) {
     return function (size) {
         const config = taro.config || {};
         const baseFontSize = config.baseFontSize;

package/dist/api/dist/tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools.js","sources":["../src/tools.ts"],"sourcesContent":["import { isFunction, isObject } from '@tarojs/shared'\n\nexport function Behavior (options) {\n  return options\n}\n\nexport function getPreload (current) {\n  return function (key: any, val: unknown) {\n    current.preloadData = isObject(key)\n      ? key\n      : {\n        [key]: val\n      }\n  }\n}\n\nconst defaultDesignWidth = 750\nconst defaultDesignRatio = {\n  640: 2.34 / 2,\n  750: 1,\n  828: 1.81 / 2\n}\nconst defaultBaseFontSize = 20\nconst defaultUnitPrecision = 5\nconst defaultTargetUnit = 'rpx'\n\nexport function getInitPxTransform (taro) {\n  return function (config) {\n    const {\n      designWidth = defaultDesignWidth,\n      deviceRatio = defaultDesignRatio,\n      baseFontSize = defaultBaseFontSize,\n      targetUnit = defaultTargetUnit,\n      unitPrecision = defaultUnitPrecision,\n    } = config\n    taro.config = taro.config || {}\n    taro.config.designWidth = designWidth\n    taro.config.deviceRatio = deviceRatio\n    taro.config.baseFontSize = baseFontSize\n    taro.config.targetUnit = targetUnit\n    taro.config.unitPrecision = unitPrecision\n  }\n}\n\nexport function getPxTransform (taro) {\n  return function (size) {\n    const config = taro.config || {}\n    const baseFontSize = config.baseFontSize\n    const deviceRatio = config.deviceRatio || defaultDesignRatio\n    const designWidth = ((input = 0) => isFunction(config.designWidth)\n      ? config.designWidth(input)\n      : config.designWidth || defaultDesignWidth)(size)\n    if (!(designWidth in deviceRatio)) {\n      throw new Error(`deviceRatio 配置中不存在 ${designWidth} 的设置！`)\n    }\n    const targetUnit = config.targetUnit || defaultTargetUnit\n    const unitPrecision = config.unitPrecision || defaultUnitPrecision\n    const formatSize = ~~size\n    let rootValue = 1 / deviceRatio[designWidth]\n    switch (targetUnit) {\n      case 'rem':\n        rootValue *= baseFontSize * 2\n        break\n      case 'px':\n        rootValue *= 2\n        break\n    }\n    let val = formatSize / rootValue\n    if (unitPrecision >= 0 && unitPrecision <= 100) {\n      val = Number(val.toFixed(unitPrecision))\n    }\n    return val + targetUnit\n  }\n}\n"],"names":[],"mappings":";;AAEM,SAAU,QAAQ,CAAE,OAAO,EAAA;AAC/B,IAAA,OAAO,OAAO;AAChB;AAEM,SAAU,UAAU,CAAE,OAAO,EAAA;IACjC,OAAO,UAAU,GAAQ,EAAE,GAAY,EAAA;AACrC,QAAA,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAC,GAAG;AAChC,cAAE;AACF,cAAE;gBACA,CAAC,GAAG,GAAG;aACR;AACL,KAAC;AACH;AAEA,MAAM,kBAAkB,GAAG,GAAG;AAC9B,MAAM,kBAAkB,GAAG;IACzB,GAAG,EAAE,IAAI,GAAG,CAAC;AACb,IAAA,GAAG,EAAE,CAAC;IACN,GAAG,EAAE,IAAI,GAAG;CACb;AACD,MAAM,mBAAmB,GAAG,EAAE;AAC9B,MAAM,oBAAoB,GAAG,CAAC;AAC9B,MAAM,iBAAiB,GAAG,KAAK;AAEzB,SAAU,kBAAkB,CAAE,IAAI,EAAA;AACtC,IAAA,OAAO,UAAU,MAAM,EAAA;QACrB,MAAM,EACJ,WAAW,GAAG,kBAAkB,EAChC,WAAW,GAAG,kBAAkB,EAChC,YAAY,GAAG,mBAAmB,EAClC,UAAU,GAAG,iBAAiB,EAC9B,aAAa,GAAG,oBAAoB,GACrC,GAAG,MAAM;QACV,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE;AAC/B,QAAA,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW;AACrC,QAAA,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW;AACrC,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACvC,QAAA,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;AACnC,QAAA,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,aAAa;AAC3C,KAAC;AACH;AAEM,SAAU,cAAc,CAAE,IAAI,EAAA;AAClC,IAAA,OAAO,UAAU,IAAI,EAAA;AACnB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE;AAChC,QAAA,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY;AACxC,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,IAAI,kBAAkB;AAC5D,QAAA,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,UAAU,CAAC,MAAM,CAAC,WAAW;AAC/D,cAAE,MAAM,CAAC,WAAW,CAAC,KAAK;cACxB,MAAM,CAAC,WAAW,IAAI,kBAAkB,EAAE,IAAI,CAAC;AACnD,QAAA,IAAI,EAAE,WAAW,IAAI,WAAW,CAAC,EAAE;AACjC,YAAA,MAAM,IAAI,KAAK,CAAC,sBAAsB,WAAW,CAAA,KAAA,CAAO,CAAC;;AAE3D,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,iBAAiB;AACzD,QAAA,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,IAAI,oBAAoB;AAClE,QAAA,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI;QACzB,IAAI,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,WAAW,CAAC;QAC5C,QAAQ,UAAU;AAChB,YAAA,KAAK,KAAK;AACR,gBAAA,SAAS,IAAI,YAAY,GAAG,CAAC;gBAC7B;AACF,YAAA,KAAK,IAAI;gBACP,SAAS,IAAI,CAAC;gBACd;;AAEJ,QAAA,IAAI,GAAG,GAAG,UAAU,GAAG,SAAS;QAChC,IAAI,aAAa,IAAI,CAAC,IAAI,aAAa,IAAI,GAAG,EAAE;YAC9C,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;;QAE1C,OAAO,GAAG,GAAG,UAAU;AACzB,KAAC;AACH;;;;"}
+{"version":3,"file":"tools.js","sources":["../src/tools.ts"],"sourcesContent":["import { isFunction, isObject } from '@tarojs/shared'\n\nexport function Behavior (options) {\n  return options\n}\n\nexport function getPreload (current) {\n  return function (key: any, val: unknown) {\n    current.preloadData = isObject(key)\n      ? key\n      : {\n        [key]: val\n      }\n  }\n}\n\nconst defaultDesignWidth = 750\nconst defaultDesignRatio = {\n  640: 2.34 / 2,\n  750: 1,\n  828: 1.81 / 2\n}\nconst defaultBaseFontSize = 20\nconst defaultUnitPrecision = 5\nconst defaultTargetUnit = 'rpx'\n\nexport function getInitPxTransform (taro) {\n  return function (config) {\n    const {\n      designWidth = defaultDesignWidth,\n      deviceRatio = defaultDesignRatio,\n      baseFontSize = defaultBaseFontSize,\n      targetUnit = defaultTargetUnit,\n      unitPrecision = defaultUnitPrecision,\n    } = config\n    taro.config = taro.config || {}\n    taro.config.designWidth = designWidth\n    taro.config.deviceRatio = deviceRatio\n    taro.config.baseFontSize = baseFontSize\n    taro.config.targetUnit = targetUnit\n    taro.config.unitPrecision = unitPrecision\n  }\n}\n\nexport function getPxTransform (taro, designWid?: number) {\n  return function (size) {\n    const config = taro.config || {}\n    const baseFontSize = config.baseFontSize\n    const deviceRatio = config.deviceRatio || defaultDesignRatio\n    const designWidth = designWid || ((input = 0) => isFunction(config.designWidth)\n      ? config.designWidth(input)\n      : config.designWidth || defaultDesignWidth)(size)\n    if (!(designWidth in deviceRatio)) {\n      throw new Error(`deviceRatio 配置中不存在 ${designWidth} 的设置！`)\n    }\n    const targetUnit = config.targetUnit || defaultTargetUnit\n    const unitPrecision = config.unitPrecision || defaultUnitPrecision\n    const formatSize = ~~size\n    let rootValue = 1 / deviceRatio[designWidth]\n    switch (targetUnit) {\n      case 'rem':\n        rootValue *= baseFontSize * 2\n        break\n      case 'px':\n        rootValue *= 2\n        break\n    }\n    let val = formatSize / rootValue\n    if (unitPrecision >= 0 && unitPrecision <= 100) {\n      val = Number(val.toFixed(unitPrecision))\n    }\n    return val + targetUnit\n  }\n}\n"],"names":[],"mappings":";;AAEM,SAAU,QAAQ,CAAE,OAAO,EAAA;AAC/B,IAAA,OAAO,OAAO;AAChB;AAEM,SAAU,UAAU,CAAE,OAAO,EAAA;IACjC,OAAO,UAAU,GAAQ,EAAE,GAAY,EAAA;AACrC,QAAA,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAC,GAAG;AAChC,cAAE;AACF,cAAE;gBACA,CAAC,GAAG,GAAG;aACR;AACL,KAAC;AACH;AAEA,MAAM,kBAAkB,GAAG,GAAG;AAC9B,MAAM,kBAAkB,GAAG;IACzB,GAAG,EAAE,IAAI,GAAG,CAAC;AACb,IAAA,GAAG,EAAE,CAAC;IACN,GAAG,EAAE,IAAI,GAAG;CACb;AACD,MAAM,mBAAmB,GAAG,EAAE;AAC9B,MAAM,oBAAoB,GAAG,CAAC;AAC9B,MAAM,iBAAiB,GAAG,KAAK;AAEzB,SAAU,kBAAkB,CAAE,IAAI,EAAA;AACtC,IAAA,OAAO,UAAU,MAAM,EAAA;QACrB,MAAM,EACJ,WAAW,GAAG,kBAAkB,EAChC,WAAW,GAAG,kBAAkB,EAChC,YAAY,GAAG,mBAAmB,EAClC,UAAU,GAAG,iBAAiB,EAC9B,aAAa,GAAG,oBAAoB,GACrC,GAAG,MAAM;QACV,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE;AAC/B,QAAA,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW;AACrC,QAAA,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW;AACrC,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACvC,QAAA,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU;AACnC,QAAA,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,aAAa;AAC3C,KAAC;AACH;AAEgB,SAAA,cAAc,CAAE,IAAI,EAAE,SAAkB,EAAA;AACtD,IAAA,OAAO,UAAU,IAAI,EAAA;AACnB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE;AAChC,QAAA,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY;AACxC,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,IAAI,kBAAkB;AAC5D,QAAA,MAAM,WAAW,GAAgB,CAAC,CAAC,KAAK,GAAG,CAAC,KAAK,UAAU,CAAC,MAAM,CAAC,WAAW;AAC5E,cAAE,MAAM,CAAC,WAAW,CAAC,KAAK;cACxB,MAAM,CAAC,WAAW,IAAI,kBAAkB,EAAE,IAAI,CAAC;AACnD,QAAA,IAAI,EAAE,WAAW,IAAI,WAAW,CAAC,EAAE;AACjC,YAAA,MAAM,IAAI,KAAK,CAAC,sBAAsB,WAAW,CAAA,KAAA,CAAO,CAAC;;AAE3D,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,iBAAiB;AACzD,QAAA,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,IAAI,oBAAoB;AAClE,QAAA,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI;QACzB,IAAI,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,WAAW,CAAC;QAC5C,QAAQ,UAAU;AAChB,YAAA,KAAK,KAAK;AACR,gBAAA,SAAS,IAAI,YAAY,GAAG,CAAC;gBAC7B;AACF,YAAA,KAAK,IAAI;gBACP,SAAS,IAAI,CAAC;gBACd;;AAEJ,QAAA,IAAI,GAAG,GAAG,UAAU,GAAG,SAAS;QAChC,IAAI,aAAa,IAAI,CAAC,IAAI,aAAa,IAAI,GAAG,EAAE;YAC9C,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;;QAE1C,OAAO,GAAG,GAAG,UAAU;AACzB,KAAC;AACH;;;;"}

package/dist/components/dist/components/taro-image-core.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
 
-const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{width:320px;height:240px;font-size:0;display:inline-block;position:relative;overflow:hidden}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%;position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{position:absolute;left:50%;transform:translate(-50%)}.taro-img__mode-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.taro-img__mode-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-left{position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-right{position:absolute;top:50%;right:0;transform:translateY(-50%)}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}";
+const indexCss = "img[src=\"\"]{opacity:0}:where(taro-image-core){width:320px;height:240px;font-size:0;display:inline-block;position:relative;overflow:hidden}:where(taro-image-core.taro-img__disable-default-size){width:auto;height:auto}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-aspectfill{object-fit:cover;width:100%;height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{position:absolute;left:50%;transform:translate(-50%)}.taro-img__mode-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.taro-img__mode-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-left{position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-right{position:absolute;top:50%;right:0;transform:translateY(-50%)}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}";
 
 const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -13,16 +13,16 @@ const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.mode = 'scaleToFill';
     this.lazyLoad = false;
     this.nativeProps = {};
-    this.aspectFillMode = 'width';
+    this.disableDefaultSize = false;
     this.didLoad = false;
   }
   componentDidLoad() {
-    if (!this.lazyLoad)
+    if (!this.lazyLoad || !this.imgRef)
       return;
     const lazyImg = new IntersectionObserver(entries => {
       // 异步 api 关系
       if (entries[entries.length - 1].isIntersecting) {
-        lazyImg.unobserve(this.imgRef);
+        this.imgRef && lazyImg.unobserve(this.imgRef);
         this.didLoad = true;
       }
     }, {
@@ -31,26 +31,27 @@ const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     lazyImg.observe(this.imgRef);
   }
   imageOnLoad() {
-    const { width, height, naturalWidth, naturalHeight } = this.imgRef;
+    // 防止组件已卸载或 img 已被移除时 ref 为 null（如列表滚动、src 清空、lazyLoad 时序等）
+    if (!this.imgRef)
+      return;
+    const { width, height } = this.imgRef;
     this.onLoad.emit({
       width,
       height
     });
-    this.aspectFillMode = naturalWidth > naturalHeight ? 'width' : 'height';
   }
   imageOnError(e) {
     this.onError.emit(e);
   }
   render() {
-    const { src, lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps, didLoad } = this;
+    const { src, lazyLoad = false, imageOnLoad, imageOnError, nativeProps, didLoad } = this;
     // mode="" 按默认值处理
     const mode = this.mode || 'scaleToFill';
     const cls = classnames({
-      'taro-img__widthfix': mode === 'widthFix'
-    });
-    const imgCls = classnames(`taro-img__mode-${mode.toLowerCase().replace(/\s/g, '')}`, {
-      [`taro-img__mode-aspectfill--${aspectFillMode}`]: mode === 'aspectFill'
+      'taro-img__widthfix': mode === 'widthFix',
+      'taro-img__disable-default-size': this.disableDefaultSize,
     });
+    const imgCls = `taro-img__mode-${mode.toLowerCase().replace(/\s/g, '')}`;
     return (h(Host, { class: cls }, src ? (h("img", Object.assign({ ref: (img) => (this.imgRef = img), class: imgCls, src: lazyLoad && !didLoad ? undefined : src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps))) : ''));
   }
   static get style() { return indexCss; }
@@ -59,7 +60,7 @@ const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "mode": [1],
     "lazyLoad": [4, "lazy-load"],
     "nativeProps": [16],
-    "aspectFillMode": [32],
+    "disableDefaultSize": [4, "disable-default-size"],
     "didLoad": [32]
   }]);
 function defineCustomElement$1() {

package/dist/components/dist/components/taro-scroll-view-core.js

@@ -65,6 +65,7 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.animated = false;
     this.enhanced = false;
     this.showScrollbar = true;
+    this.stopTouchMovePropagation = true;
   }
   watchScrollLeft(newVal) {
     const left = Number(newVal);
@@ -103,7 +104,9 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   handleTouchMove(e) {
     if (e instanceof CustomEvent)
       return;
-    e.stopPropagation();
+    if (this.stopTouchMovePropagation) {
+      e.stopPropagation();
+    }
   }
   async mpScrollToMethod(object) {
     let { top, left, duration, animated = false } = object;
@@ -129,10 +132,11 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   async mpScrollIntoViewMethod(selector) {
     var _a;
     if (typeof selector === 'string' && selector) {
+      // 未开启的滚动轴使用 nearest 避免原生 scrollIntoView 沿该轴滚动整页
       (_a = document.querySelector(`#${selector}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
         behavior: this.animated ? 'smooth' : 'auto',
-        block: this.scrollY ? (this.mpScrollIntoViewAlignment || 'center') : 'center',
-        inline: this.scrollX ? (this.mpScrollIntoViewAlignment || 'start') : 'start'
+        block: this.scrollY ? (this.mpScrollIntoViewAlignment || 'center') : 'nearest',
+        inline: this.scrollX ? (this.mpScrollIntoViewAlignment || 'start') : 'nearest'
       });
     }
   }
@@ -176,6 +180,7 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "animated": [4, "scroll-with-animation"],
     "enhanced": [4],
     "showScrollbar": [4, "show-scrollbar"],
+    "stopTouchMovePropagation": [4, "stop-touch-move-propagation"],
     "mpScrollToMethod": [64],
     "mpScrollIntoViewMethod": [64]
   }, [[1, "scroll", "handleScroll"], [1, "touchmove", "handleTouchMove"]]]);

package/dist/components/dist/components/taro-web-view-core.js

@@ -2,17 +2,64 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 
 const indexCss = "iframe{border:none}.taro-webview{z-index:999;width:100%;height:100%;position:fixed;top:0;bottom:0}";
 
+const hasWindow = typeof window !== 'undefined' && typeof window.addEventListener === 'function';
+const webViewInstances = new Set();
+let messageListenerAttached = false;
+function handleWindowMessage(event) {
+  webViewInstances.forEach(instance => {
+    instance.handleMessage(event);
+  });
+}
+function attachGlobalMessageListener() {
+  if (!hasWindow || messageListenerAttached)
+    return;
+  window.addEventListener('message', handleWindowMessage);
+  messageListenerAttached = true;
+}
+function detachGlobalMessageListenerIfNeeded() {
+  if (!hasWindow || !messageListenerAttached)
+    return;
+  if (webViewInstances.size > 0)
+    return;
+  window.removeEventListener('message', handleWindowMessage);
+  messageListenerAttached = false;
+}
 const WebView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.onLoad = createEvent(this, "load", 7);
     this.onError = createEvent(this, "error", 7);
+    this.onMessage = createEvent(this, "message", 7);
     this.src = undefined;
   }
+  componentDidLoad() {
+    webViewInstances.add(this);
+    attachGlobalMessageListener();
+  }
+  disconnectedCallback() {
+    webViewInstances.delete(this);
+    detachGlobalMessageListenerIfNeeded();
+  }
+  handleMessage(event) {
+    var _a;
+    const iframeWindow = (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentWindow;
+    if (!iframeWindow || event.source !== iframeWindow)
+      return;
+    const { src, onMessage } = this;
+    if (!onMessage)
+      return;
+    onMessage.emit({
+      data: event.data,
+      origin: event.origin,
+      src
+    });
+  }
   render() {
     const { src, onLoad, onError } = this;
-    return (h("iframe", { class: 'taro-webview', onLoad: (e) => {
+    return (h("iframe", { ref: el => {
+        this.iframe = el;
+      }, class: 'taro-webview', onLoad: (e) => {
         e.stopPropagation();
         onLoad.emit({ src });
       }, onError: (e) => {

package/dist/components/types/Button.d.ts

@@ -138,6 +138,13 @@ interface ButtonProps extends StandardProps {
    * @default false
    */
   showMessageCard?: boolean
+  /** 当手机号快速验证或手机号实时验证额度用尽时，是否对用户展示平台默认提示
+   *
+   * 生效时机：`open-type="getPhoneNumber"` 或 `open-type="getRealtimePhoneNumber"`
+   * @supported weapp
+   * @default true
+   */
+  phoneNumberNoQuotaToast?: boolean
   /** 生活号 id，必须是当前小程序同主体且已关联的生活号，open-type="lifestyle" 时有效。
    * @supported alipay, qq
    */

package/dist/components/types/Image.d.ts

@@ -41,6 +41,12 @@ interface ImageProps extends StandardProps {
    * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
+  /**
+   * H5 / WebComponents 为 true 时关闭默认占位，`taro-image-core` 外层宽高均为 `auto`（默认 false 仍为 320×240）。
+   * @default false
+   * @supported h5, harmony_hybrid
+   */
+  disableDefaultSize?: boolean
   /** 默认图片地址，若设置默认图片地址，会先显示默认图片，等 src 对应的图片加载成功后，再渲染对应的图片。
    * @supported alipay
    */

package/dist/components/types/Input.d.ts

@@ -99,7 +99,7 @@ interface InputProps extends StandardProps, FormItemProps {
   adjustPosition?: boolean
   /** focus 时，点击页面的时候不收起键盘
    * @default false
-   * @supported weapp, tt
+   * @supported weapp, swan, tt
    */
   holdKeyboard?: boolean
   /**

package/dist/components/types/ScrollView.d.ts

@@ -13,6 +13,11 @@ interface ScrollViewProps extends StandardProps {
    * @rn 二选一
    */
   scrollY?: boolean
+  /** 是否阻止 touchmove 事件冒泡
+   * @supported h5
+   * @default true
+   */
+  stopTouchMovePropagation?: boolean
   /** 距顶部/左边多远时（单位px），触发 scrolltoupper 事件
    * @default 50
    * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony_hybrid, ascf

package/dist/components/types/Textarea.d.ts

@@ -85,7 +85,7 @@ interface TextareaProps extends StandardProps, FormItemProps {
   adjustPosition?: boolean
   /** focus 时，点击页面的时候不收起键盘
    * @default false
-   * @supported weapp, tt
+   * @supported weapp, swan, tt
    */
   holdKeyboard?: boolean
   /** 是否去掉 iOS 下的默认内边距

package/dist/components/types/common.d.ts

@@ -1,7 +1,30 @@
 import { CSSProperties, LegacyRef, ReactNode } from 'react'
 import { COMPILE_MODE_SUB_RENDER_FN } from '@tarojs/shared'
 
-export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> = ITouchEvent> extends EventProps<TouchEvent> {
+export interface A11yProps {
+  /** 定义元素的角色 */
+  ariaRole?: string
+  /** 为元素提供一个可访问名称 */
+  ariaLabel?: string
+  /** 当前 view 及其子 view 是否屏幕无障碍隐藏 */
+  ariaHidden?: boolean
+  /** 标识当前是否被选中 */
+  ariaChecked?: boolean
+  /** 指示元素是否处于选中状态 */
+  ariaSelected?: boolean
+  /** 为元素的 role 提供额外说明 */
+  ariaRoledescription?: string
+  /** 设置数值控件的最大值 */
+  ariaValuemax?: string
+  /** 设置数值控件的最小值 */
+  ariaValuemin?: string
+  /** 设置数值控件的当前值 */
+  ariaValuenow?: string
+  /** 设置将覆盖 ariaValuemax、ariaValuemin 和 ariaValuenow 的值 */
+  ariaValuetext?: string
+}
+
+export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> = ITouchEvent> extends EventProps<TouchEvent>, A11yProps {
   /** 组件的唯一标示, 保持整个页面唯一 */
   id?: string
   /** 同 `class`，在 React/Preact 里一般使用 `className` 作为 `class` 的代称 */

package/dist/plugin-framework-react/runtime.js

@@ -899,7 +899,9 @@ function createNativeComponentConfig(Component, react, reactDOM, componentConfig
             });
         },
         ready() {
+            updateCurrentRouter(this.compId);
             safeExecute(this.compId, 'onReady');
+            requestAnimationFrame(() => { var _a, _b; return eventCenter.trigger((_b = (_a = Current.router) === null || _a === void 0 ? void 0 : _a.onReady) !== null && _b !== void 0 ? _b : ''); });
         },
         detached() {
             resetCurrent();
@@ -908,7 +910,9 @@ function createNativeComponentConfig(Component, react, reactDOM, componentConfig
         },
         pageLifetimes: {
             show(options) {
+                updateCurrentRouter(this.compId);
                 safeExecute(this.compId, 'onShow', options);
+                requestAnimationFrame(() => { var _a, _b; return eventCenter.trigger((_b = (_a = Current.router) === null || _a === void 0 ? void 0 : _a.onShow) !== null && _b !== void 0 ? _b : ''); });
             },
             hide() {
                 safeExecute(this.compId, 'onHide');
@@ -970,6 +974,24 @@ function createNativeComponentConfig(Component, react, reactDOM, componentConfig
     }
     return componentObj;
 }
+function updateCurrentRouter(compId) {
+    if (!getCurrentPages || typeof getCurrentPages !== 'function')
+        return;
+    const pages = getCurrentPages();
+    const currentPage = pages[pages.length - 1];
+    if (!currentPage)
+        return;
+    const route = currentPage.route || currentPage.__route__;
+    Current.page = currentPage;
+    Current.router = {
+        params: currentPage.options || {},
+        path: addLeadingSlash(route),
+        $taroPath: compId,
+        onReady: getOnReadyEventKey(route),
+        onShow: getOnShowEventKey(route),
+        onHide: getOnHideEventKey(route),
+    };
+}
 function setCurrent(compId) {
     if (!getCurrentPages || typeof getCurrentPages !== 'function')
         return;
@@ -983,9 +1005,9 @@ function setCurrent(compId) {
         params: currentPage.options || {},
         path: addLeadingSlash(route),
         $taroPath: compId,
-        onReady: '',
-        onHide: '',
-        onShow: ''
+        onReady: getOnReadyEventKey(route),
+        onShow: getOnShowEventKey(route),
+        onHide: getOnHideEventKey(route),
     };
     Current.router = router;
     if (!currentPage.options) {