@tarojs/components 3.4.0-beta.2 → 3.4.2

package/dist/taro-components/taro-components.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-f05e1558.js";(()=>{const o=import.meta.url,r={};return""!==o&&(r.resourcesUrl=new URL(".",o).href),e(r)})().then((e=>o([["p-d5971476",[[4,"taro-checkbox-core",{name:[1],value:[1],color:[1],id:[1025],checked:[4],disabled:[4],nativeProps:[16],isWillLoadCalled:[32]}],[0,"taro-checkbox-group-core",{name:[8]},[[0,"checkboxchange","function"]]]]],["p-55b0a30b",[[4,"taro-radio-core",{name:[1],value:[1],id:[1025],checked:[1028],disabled:[4],nativeProps:[16],isWillLoadCalled:[32]}],[0,"taro-radio-group-core",{name:[8]},[[0,"radiochange","function"]]]]],["p-32937866",[[4,"taro-swiper-core",{indicatorDots:[4,"indicator-dots"],indicatorColor:[1,"indicator-color"],indicatorActiveColor:[1,"indicator-active-color"],autoplay:[4],current:[2],interval:[2],duration:[2],circular:[4],vertical:[4],previousMargin:[1,"previous-margin"],nextMargin:[1,"next-margin"],displayMultipleItems:[2,"display-multiple-items"],full:[4],swiperWrapper:[32],swiper:[32],isWillLoadCalled:[32],observer:[32],observerFirst:[32],observerLast:[32]}],[0,"taro-swiper-item-core",{itemId:[1,"item-id"]}]]],["p-cf55a63c",[[0,"taro-ad-core"]]],["p-14dbbb42",[[0,"taro-ad-custom-core"]]],["p-5f8b5f62",[[0,"taro-audio-core",{src:[1],controls:[4],autoplay:[4],loop:[4],muted:[4],nativeProps:[16]}]]],["p-b9280444",[[0,"taro-block-core"]]],["p-83dedaa2",[[4,"taro-button-core",{disabled:[4],hoverClass:[1,"hover-class"],type:[1],hoverStartTime:[2,"hover-start-time"],hoverStayTime:[2,"hover-stay-time"],size:[1],plain:[4],loading:[4],formType:[1,"form-type"],hover:[32],touch:[32]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]]],["p-c218c298",[[0,"taro-camera-core"]]],["p-4dbed323",[[0,"taro-canvas-core",{canvasId:[1,"canvas-id"],nativeProps:[16]}]]],["p-9d0ab7c4",[[0,"taro-cover-image-core",{src:[1],nativeProps:[16]}]]],["p-74540410",[[4,"taro-cover-view-core",{animation:[1],hoverClass:[1,"hover-class"],hoverStartTime:[2,"hover-start-time"],hoverStayTime:[2,"hover-stay-time"],hover:[32],touch:[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[1,"touchend","onTouchEnd"]]]]],["p-a1423df9",[[0,"taro-custom-wrapper-core"]]],["p-94502fc3",[[0,"taro-editor-core"]]],["p-8a5e67cb",[[4,"taro-form-core",{slotParent:[32]},[[0,"tarobuttonsubmit","onButtonSubmit"],[0,"tarobuttonreset","onButtonReset"]]]]],["p-3c0230ba",[[0,"taro-functional-page-navigator-core"]]],["p-11932905",[[0,"taro-icon-core",{type:[1],size:[8],color:[1]}]]],["p-9eb7dfa8",[[0,"taro-image-core",{src:[1],mode:[1],lazyLoad:[4,"lazy-load"],nativeProps:[16],aspectFillMode:[32]}]]],["p-66237ac0",[[0,"taro-input-core",{value:[1],type:[1],password:[4],placeholder:[1],disabled:[4],maxlength:[2],autoFocus:[4,"auto-focus"],confirmType:[1,"confirm-type"],name:[1],nativeProps:[16],_value:[32]}]]],["p-0303f9e0",[[0,"taro-keyboard-accessory-core"]]],["p-e27798a4",[[4,"taro-label-core",{for:[1]}]]],["p-cb395e7d",[[0,"taro-live-player-core"]]],["p-0ee69803",[[0,"taro-live-pusher-core"]]],["p-3dfb1807",[[0,"taro-map-core"]]],["p-92e95d3f",[[0,"taro-match-media-core"]]],["p-554e1039",[[0,"taro-movable-area-core"]]],["p-b75d8a65",[[0,"taro-movable-view-core"]]],["p-065ec61d",[[0,"taro-navigation-bar-core"]]],["p-2d2f8064",[[0,"taro-navigator-core",{hoverClass:[1,"hover-class"],url:[1],openType:[1,"open-type"],isHover:[4,"is-hover"],delta:[2]},[[0,"click","onClick"]]]]],["p-15bea37d",[[0,"taro-official-account-core"]]],["p-c362734b",[[0,"taro-open-data-core"]]],["p-b6d6c744",[[0,"taro-page-container-core"]]],["p-7721e046",[[0,"taro-page-meta-core"]]],["p-95529dc0",[[0,"taro-picker-view-column-core"]]],["p-5c420456",[[0,"taro-picker-view-core"]]],["p-06bffead",[[0,"taro-progress-core",{percent:[2],showInfo:[4,"show-info"],borderRadius:[8,"border-radius"],fontSize:[8,"font-size"],strokeWidth:[8,"stroke-width"],activeColor:[1,"active-color"],backgroundColor:[1,"background-color"],active:[4]}]]],["p-56618f09",[[4,"taro-pull-to-refresh",{prefixCls:[1,"prefix-cls"],distanceToRefresh:[2,"distance-to-refresh"],damping:[2],indicator:[16],currSt:[32],dragOnEdge:[32]}]]],["p-8db237e0",[[0,"taro-rich-text-core",{nodes:[1]}]]],["p-6965567d",[[4,"taro-scroll-view-core",{scrollX:[4,"scroll-x"],scrollY:[4,"scroll-y"],upperThreshold:[8,"upper-threshold"],lowerThreshold:[8,"lower-threshold"],mpScrollTop:[8,"scroll-top"],mpScrollLeft:[8,"scroll-left"],mpScrollIntoView:[1,"scroll-into-view"],scrollWithAnimation:[4,"scroll-with-animation"]}]]],["p-cfbfeee8",[[0,"taro-share-element-core"]]],["p-3633bb84",[[0,"taro-slider-core",{min:[2],max:[2],step:[2],disabled:[4],value:[1026],activeColor:[1,"active-color"],backgroundColor:[1,"background-color"],blockSize:[2,"block-size"],blockColor:[1,"block-color"],showValue:[4,"show-value"],name:[1],val:[32],totalWidth:[32],touching:[32],ogX:[32],touchId:[32],percent:[32],ogPercent:[32],isWillLoadCalled:[32]}]]],["p-b87cf623",[[0,"taro-slot-core"]]],["p-e6298500",[[0,"taro-switch-core",{type:[1],checked:[4],color:[1],name:[1],disabled:[4],nativeProps:[16],isChecked:[32],isWillLoadCalled:[32]}]]],["p-dd34408a",[[0,"taro-tabbar",{conf:[16],list:[32],borderStyle:[32],backgroundColor:[32],color:[32],selectedColor:[32],selectedIndex:[32],status:[32]}]]],["p-d567b95e",[[4,"taro-text-core",{selectable:[4]}]]],["p-12ae0a33",[[0,"taro-textarea-core",{value:[1],placeholder:[1],disabled:[4],maxlength:[2],autoFocus:[4,"auto-focus"],autoHeight:[4,"auto-height"],name:[1],nativeProps:[16],line:[32]}]]],["p-17cf8b5b",[[4,"taro-view-core",{animation:[1],hoverClass:[1,"hover-class"],hoverStartTime:[2,"hover-start-time"],hoverStayTime:[2,"hover-stay-time"],hover:[32],touch:[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[1,"touchend","onTouchEnd"]]]]],["p-59d38db0",[[0,"taro-voip-room-core"]]],["p-8bc82aaa",[[0,"taro-web-view-core",{src:[1]}]]],["p-865c21b5",[[4,"taro-picker-core",{mode:[1],disabled:[4],range:[16],rangeKey:[1,"range-key"],value:[8],start:[1],end:[1],fields:[1],name:[1],pickerValue:[32],height:[32],hidden:[32],fadeOut:[32],isWillLoadCalled:[32]}],[0,"taro-picker-group",{mode:[1],range:[16],rangeKey:[1,"range-key"],height:[2],columnId:[1,"column-id"],updateHeight:[16],onColumnChange:[16],updateDay:[16],startY:[32],preY:[32],hadMove:[32],touchEnd:[32],isMove:[32]},[[1,"mousedown","onMouseDown"],[1,"mousemove","onMouseMove"],[1,"mouseup","onMouseMoveEnd"],[1,"mouseleave","onMouseMoveEnd"],[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[1,"touchend","onTouchEnd"]]]]],["p-431197bc",[[0,"taro-video-core",{src:[1],duration:[2],controls:[4],autoplay:[4],loop:[4],muted:[4],initialTime:[2,"initial-time"],poster:[1],objectFit:[1,"object-fit"],showProgress:[4,"show-progress"],showFullscreenBtn:[4,"show-fullscreen-btn"],showPlayBtn:[4,"show-play-btn"],showCenterPlayBtn:[4,"show-center-play-btn"],showMuteBtn:[4,"show-mute-btn"],danmuList:[16],danmuBtn:[4,"danmu-btn"],enableDanmu:[4,"enable-danmu"],enablePlayGesture:[4,"enable-play-gesture"],enableProgressGesture:[4,"enable-progress-gesture"],vslideGesture:[4,"vslide-gesture"],vslideGestureInFullscreen:[4,"vslide-gesture-in-fullscreen"],nativeProps:[16],_duration:[32],_enableDanmu:[32],isPlaying:[32],isFirst:[32],isFullScreen:[32],fullScreenTimestamp:[32],isMute:[32],play:[64],pause:[64],stop:[64],seek:[64],requestFullScreen:[64],exitFullScreen:[64]},[[5,"touchmove","onDocumentTouchMove"],[5,"touchend","onDocumentTouchEnd"],[5,"touchcancel","onDocumentTouchEnd"]]],[4,"taro-video-control",{controls:[4],currentTime:[2,"current-time"],duration:[2],isPlaying:[4,"is-playing"],pauseFunc:[16],playFunc:[16],seekFunc:[16],showPlayBtn:[4,"show-play-btn"],showProgress:[4,"show-progress"],setProgressBall:[64],toggleVisibility:[64],getIsDraggingProgressBall:[64],setCurrentTime:[64]},[[5,"touchmove","onDocumentTouchMove"],[5,"touchend","onDocumentTouchEnd"],[5,"touchcancel","onDocumentTouchEnd"]]],[0,"taro-video-danmu",{enable:[4],danmuList:[32],sendDanmu:[64],tick:[64]}]]]],e)));
+import{p as e,b as o}from"./p-f05e1558.js";(()=>{const o=import.meta.url,r={};return""!==o&&(r.resourcesUrl=new URL(".",o).href),e(r)})().then((e=>o([["p-d5971476",[[4,"taro-checkbox-core",{name:[1],value:[1],color:[1],id:[1025],checked:[4],disabled:[4],nativeProps:[16],isWillLoadCalled:[32]}],[0,"taro-checkbox-group-core",{name:[8]},[[0,"checkboxchange","function"]]]]],["p-55b0a30b",[[4,"taro-radio-core",{name:[1],value:[1],id:[1025],checked:[1028],disabled:[4],nativeProps:[16],isWillLoadCalled:[32]}],[0,"taro-radio-group-core",{name:[8]},[[0,"radiochange","function"]]]]],["p-32937866",[[4,"taro-swiper-core",{indicatorDots:[4,"indicator-dots"],indicatorColor:[1,"indicator-color"],indicatorActiveColor:[1,"indicator-active-color"],autoplay:[4],current:[2],interval:[2],duration:[2],circular:[4],vertical:[4],previousMargin:[1,"previous-margin"],nextMargin:[1,"next-margin"],displayMultipleItems:[2,"display-multiple-items"],full:[4],swiperWrapper:[32],swiper:[32],isWillLoadCalled:[32],observer:[32],observerFirst:[32],observerLast:[32]}],[0,"taro-swiper-item-core",{itemId:[1,"item-id"]}]]],["p-cf55a63c",[[0,"taro-ad-core"]]],["p-14dbbb42",[[0,"taro-ad-custom-core"]]],["p-5f8b5f62",[[0,"taro-audio-core",{src:[1],controls:[4],autoplay:[4],loop:[4],muted:[4],nativeProps:[16]}]]],["p-b9280444",[[0,"taro-block-core"]]],["p-83dedaa2",[[4,"taro-button-core",{disabled:[4],hoverClass:[1,"hover-class"],type:[1],hoverStartTime:[2,"hover-start-time"],hoverStayTime:[2,"hover-stay-time"],size:[1],plain:[4],loading:[4],formType:[1,"form-type"],hover:[32],touch:[32]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]]]]],["p-c218c298",[[0,"taro-camera-core"]]],["p-4dbed323",[[0,"taro-canvas-core",{canvasId:[1,"canvas-id"],nativeProps:[16]}]]],["p-9d0ab7c4",[[0,"taro-cover-image-core",{src:[1],nativeProps:[16]}]]],["p-74540410",[[4,"taro-cover-view-core",{animation:[1],hoverClass:[1,"hover-class"],hoverStartTime:[2,"hover-start-time"],hoverStayTime:[2,"hover-stay-time"],hover:[32],touch:[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[1,"touchend","onTouchEnd"]]]]],["p-a1423df9",[[0,"taro-custom-wrapper-core"]]],["p-94502fc3",[[0,"taro-editor-core"]]],["p-8a5e67cb",[[4,"taro-form-core",{slotParent:[32]},[[0,"tarobuttonsubmit","onButtonSubmit"],[0,"tarobuttonreset","onButtonReset"]]]]],["p-3c0230ba",[[0,"taro-functional-page-navigator-core"]]],["p-11932905",[[0,"taro-icon-core",{type:[1],size:[8],color:[1]}]]],["p-9eb7dfa8",[[0,"taro-image-core",{src:[1],mode:[1],lazyLoad:[4,"lazy-load"],nativeProps:[16],aspectFillMode:[32]}]]],["p-4e54216b",[[0,"taro-input-core",{value:[1],type:[1],password:[4],placeholder:[1],disabled:[4],maxlength:[2],autoFocus:[4,"auto-focus"],confirmType:[1,"confirm-type"],name:[1],nativeProps:[16]}]]],["p-0303f9e0",[[0,"taro-keyboard-accessory-core"]]],["p-e27798a4",[[4,"taro-label-core",{for:[1]}]]],["p-cb395e7d",[[0,"taro-live-player-core"]]],["p-0ee69803",[[0,"taro-live-pusher-core"]]],["p-3dfb1807",[[0,"taro-map-core"]]],["p-92e95d3f",[[0,"taro-match-media-core"]]],["p-554e1039",[[0,"taro-movable-area-core"]]],["p-b75d8a65",[[0,"taro-movable-view-core"]]],["p-065ec61d",[[0,"taro-navigation-bar-core"]]],["p-2d2f8064",[[0,"taro-navigator-core",{hoverClass:[1,"hover-class"],url:[1],openType:[1,"open-type"],isHover:[4,"is-hover"],delta:[2]},[[0,"click","onClick"]]]]],["p-15bea37d",[[0,"taro-official-account-core"]]],["p-c362734b",[[0,"taro-open-data-core"]]],["p-b6d6c744",[[0,"taro-page-container-core"]]],["p-7721e046",[[0,"taro-page-meta-core"]]],["p-95529dc0",[[0,"taro-picker-view-column-core"]]],["p-5c420456",[[0,"taro-picker-view-core"]]],["p-06bffead",[[0,"taro-progress-core",{percent:[2],showInfo:[4,"show-info"],borderRadius:[8,"border-radius"],fontSize:[8,"font-size"],strokeWidth:[8,"stroke-width"],activeColor:[1,"active-color"],backgroundColor:[1,"background-color"],active:[4]}]]],["p-71e14298",[[4,"taro-pull-to-refresh",{prefixCls:[1,"prefix-cls"],distanceToRefresh:[2,"distance-to-refresh"],damping:[2],indicator:[16],currSt:[32],dragOnEdge:[32]}]]],["p-8db237e0",[[0,"taro-rich-text-core",{nodes:[1]}]]],["p-cc818a13",[[4,"taro-scroll-view-core",{scrollX:[4,"scroll-x"],scrollY:[4,"scroll-y"],upperThreshold:[8,"upper-threshold"],lowerThreshold:[8,"lower-threshold"],mpScrollTop:[8,"scroll-top"],mpScrollLeft:[8,"scroll-left"],mpScrollIntoView:[1,"scroll-into-view"],scrollWithAnimation:[4,"scroll-with-animation"]}]]],["p-cfbfeee8",[[0,"taro-share-element-core"]]],["p-3633bb84",[[0,"taro-slider-core",{min:[2],max:[2],step:[2],disabled:[4],value:[1026],activeColor:[1,"active-color"],backgroundColor:[1,"background-color"],blockSize:[2,"block-size"],blockColor:[1,"block-color"],showValue:[4,"show-value"],name:[1],val:[32],totalWidth:[32],touching:[32],ogX:[32],touchId:[32],percent:[32],ogPercent:[32],isWillLoadCalled:[32]}]]],["p-b87cf623",[[0,"taro-slot-core"]]],["p-e6298500",[[0,"taro-switch-core",{type:[1],checked:[4],color:[1],name:[1],disabled:[4],nativeProps:[16],isChecked:[32],isWillLoadCalled:[32]}]]],["p-a345ba40",[[0,"taro-tabbar",{conf:[16],list:[32],borderStyle:[32],backgroundColor:[32],color:[32],selectedColor:[32],selectedIndex:[32],status:[32]}]]],["p-d567b95e",[[4,"taro-text-core",{selectable:[4]}]]],["p-63ff7fa7",[[0,"taro-textarea-core",{value:[1],placeholder:[1],disabled:[4],maxlength:[2],autoFocus:[4,"auto-focus"],autoHeight:[4,"auto-height"],name:[1],nativeProps:[16],line:[32]}]]],["p-17cf8b5b",[[4,"taro-view-core",{animation:[1],hoverClass:[1,"hover-class"],hoverStartTime:[2,"hover-start-time"],hoverStayTime:[2,"hover-stay-time"],hover:[32],touch:[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[1,"touchend","onTouchEnd"]]]]],["p-59d38db0",[[0,"taro-voip-room-core"]]],["p-8bc82aaa",[[0,"taro-web-view-core",{src:[1]}]]],["p-865c21b5",[[4,"taro-picker-core",{mode:[1],disabled:[4],range:[16],rangeKey:[1,"range-key"],value:[8],start:[1],end:[1],fields:[1],name:[1],pickerValue:[32],height:[32],hidden:[32],fadeOut:[32],isWillLoadCalled:[32]}],[0,"taro-picker-group",{mode:[1],range:[16],rangeKey:[1,"range-key"],height:[2],columnId:[1,"column-id"],updateHeight:[16],onColumnChange:[16],updateDay:[16],startY:[32],preY:[32],hadMove:[32],touchEnd:[32],isMove:[32]},[[1,"mousedown","onMouseDown"],[1,"mousemove","onMouseMove"],[1,"mouseup","onMouseMoveEnd"],[1,"mouseleave","onMouseMoveEnd"],[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[1,"touchend","onTouchEnd"]]]]],["p-431197bc",[[0,"taro-video-core",{src:[1],duration:[2],controls:[4],autoplay:[4],loop:[4],muted:[4],initialTime:[2,"initial-time"],poster:[1],objectFit:[1,"object-fit"],showProgress:[4,"show-progress"],showFullscreenBtn:[4,"show-fullscreen-btn"],showPlayBtn:[4,"show-play-btn"],showCenterPlayBtn:[4,"show-center-play-btn"],showMuteBtn:[4,"show-mute-btn"],danmuList:[16],danmuBtn:[4,"danmu-btn"],enableDanmu:[4,"enable-danmu"],enablePlayGesture:[4,"enable-play-gesture"],enableProgressGesture:[4,"enable-progress-gesture"],vslideGesture:[4,"vslide-gesture"],vslideGestureInFullscreen:[4,"vslide-gesture-in-fullscreen"],nativeProps:[16],_duration:[32],_enableDanmu:[32],isPlaying:[32],isFirst:[32],isFullScreen:[32],fullScreenTimestamp:[32],isMute:[32],play:[64],pause:[64],stop:[64],seek:[64],requestFullScreen:[64],exitFullScreen:[64]},[[5,"touchmove","onDocumentTouchMove"],[5,"touchend","onDocumentTouchEnd"],[5,"touchcancel","onDocumentTouchEnd"]]],[4,"taro-video-control",{controls:[4],currentTime:[2,"current-time"],duration:[2],isPlaying:[4,"is-playing"],pauseFunc:[16],playFunc:[16],seekFunc:[16],showPlayBtn:[4,"show-play-btn"],showProgress:[4,"show-progress"],setProgressBall:[64],toggleVisibility:[64],getIsDraggingProgressBall:[64],setCurrentTime:[64]},[[5,"touchmove","onDocumentTouchMove"],[5,"touchend","onDocumentTouchEnd"],[5,"touchcancel","onDocumentTouchEnd"]]],[0,"taro-video-danmu",{enable:[4],danmuList:[32],sendDanmu:[64],tick:[64]}]]]],e)));

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

@@ -3,6 +3,7 @@ import { TaroEvent } from '../../../types';
 export declare class Input implements ComponentInterface {
   private inputRef;
   private isOnComposition;
+  private isOnPaste;
   private onInputExcuted;
   private fileListener;
   value: string;
@@ -15,20 +16,19 @@ export declare class Input implements ComponentInterface {
   confirmType: string;
   name: string;
   nativeProps: {};
-  _value: string;
   el: HTMLElement;
-  watchHandler(newValue: string, oldValue: string): void;
   watchFocus(newValue: boolean, oldValue: boolean): void;
   onInput: EventEmitter;
+  onPaste: EventEmitter;
   onFocus: EventEmitter;
   onBlur: EventEmitter;
   onConfirm: EventEmitter;
   onChange: EventEmitter;
   onKeyDown: EventEmitter;
-  componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
   handleInput: (e: TaroEvent<HTMLInputElement>) => void;
+  handlePaste: (e: TaroEvent<HTMLInputElement> & ClipboardEvent) => void;
   handleFocus: (e: TaroEvent<HTMLInputElement> & FocusEvent) => void;
   handleBlur: (e: TaroEvent<HTMLInputElement> & FocusEvent) => void;
   handleChange: (e: TaroEvent<HTMLInputElement>) => void;

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

@@ -18,7 +18,7 @@ export declare class Textarea implements ComponentInterface {
   onChange: EventEmitter;
   onLineChange: EventEmitter;
   componentDidLoad(): void;
-  hanldeInput: (e: TaroEvent<HTMLInputElement>) => void;
+  handleInput: (e: TaroEvent<HTMLInputElement>) => void;
   handleFocus: (e: TaroEvent<HTMLInputElement> & FocusEvent) => void;
   handleBlur: (e: TaroEvent<HTMLInputElement> & FocusEvent) => void;
   handleChange: (e: TaroEvent<HTMLInputElement>) => void;

package/dist/types/components.d.ts

@@ -941,6 +941,7 @@ declare namespace LocalJSX {
         "onFocus"?: (event: CustomEvent<any>) => void;
         "onInput"?: (event: CustomEvent<any>) => void;
         "onKeydown"?: (event: CustomEvent<any>) => void;
+        "onPaste"?: (event: CustomEvent<any>) => void;
         "password"?: boolean;
         "placeholder"?: string;
         "type"?: string;

package/dist-h5/vue/components/picker.js

@@ -31,7 +31,8 @@ export default {
     return createElement('taro-picker-core', {
       class: 'hydrated',
       domProps: {
-        range: self.range
+        range: self.range,
+        rangeKey: self.rangeKey
       },
       on: _objectSpread(_objectSpread({}, self.listeners), {}, {
         change: function change(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.4.0-beta.2",
+  "version": "3.4.2",
   "description": "",
   "main:h5": "src/index.js",
   "main": "dist/index.js",
@@ -38,7 +38,7 @@
   "license": "MIT",
   "dependencies": {
     "@stencil/core": "2.9.0",
-    "@tarojs/taro": "3.4.0-beta.2",
+    "@tarojs/taro": "3.4.2",
     "better-scroll": "^1.14.1",
     "classnames": "^2.2.5",
     "intersection-observer": "^0.7.0",
@@ -55,5 +55,5 @@
     "simulant": "^0.2.2",
     "workbox-build": "4.3.1"
   },
-  "gitHead": "ac3eb29f11aec15d25e061775d9e970efabc2c98"
+  "gitHead": "26b329326c6a7da652e8d712ee33df01ab8d2d0e"
 }

package/types/Ad.d.ts

@@ -50,55 +50,55 @@ declare namespace AdProps {
    */
   interface AdErrCode {
     /**
-     * @abnormal 后端错误调用失败
+     * @illustrate 后端错误调用失败
      * @reason 该项错误不是开发者的异常情况
      * @solution 一般情况下忽略一段时间即可恢复。
      */
     1000
     /**
-     * @abnormal 参数错误
+     * @illustrate 参数错误
      * @reason 使用方法错误
      * @solution 可以前往 developers.weixin.qq.com 确认具体教程（小程序和小游戏分别有各自的教程，可以在顶部选项中，“设计”一栏的右侧进行切换。
      */
     1001
     /**
-     * @abnormal 广告单元无效
+     * @illustrate 广告单元无效
      * @reason 可能是拼写错误、或者误用了其他APP的广告ID
      * @solution 请重新前往 mp.weixin.qq.com 确认广告位ID。
      */
     1002
     /**
-     * @abnormal 内部错误
+     * @illustrate 内部错误
      * @reason 该项错误不是开发者的异常情况
      * @solution 一般情况下忽略一段时间即可恢复。
      */
     1003
     /**
-     * @abnormal 无合适的广告
+     * @illustrate 无合适的广告
      * @reason 广告不是每一次都会出现，这次没有出现可能是由于该用户不适合浏览广告
      * @solution 属于正常情况，且开发者需要针对这种情况做形态上的兼容。
      */
     1004
     /**
-     * @abnormal 广告组件审核中
+     * @illustrate 广告组件审核中
      * @reason 你的广告正在被审核，无法展现广告
      * @solution 请前往 mp.weixin.qq.com 确认审核状态，且开发者需要针对这种情况做形态上的兼容。
      */
     1005
     /**
-     * @abnormal 广告组件被驳回
+     * @illustrate 广告组件被驳回
      * @reason 你的广告审核失败，无法展现广告
      * @solution 请前往 mp.weixin.qq.com 确认审核状态，且开发者需要针对这种情况做形态上的兼容。
      */
     1006
     /**
-     * @abnormal 广告组件被封禁
+     * @illustrate 广告组件被封禁
      * @reason 你的广告能力已经被封禁，封禁期间无法展现广告
      * @solution 请前往 mp.weixin.qq.com 确认小程序广告封禁状态。
      */
     1007
     /**
-     * @abnormal 广告单元已关闭
+     * @illustrate 广告单元已关闭
      * @reason 该广告位的广告能力已经被关闭
      * @solution 请前往 mp.weixin.qq.com 重新打开对应广告位的展现。
      */
@@ -110,7 +110,7 @@ declare namespace AdProps {
 /** Banner 广告
  * @classification open
  * @supported weapp
- * @example
+ * @example_react
  * ```tsx
  * class App extends Component {
  *   render () {
@@ -126,6 +126,18 @@ declare namespace AdProps {
  *   }
  * }
  * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <ad
+ *     unit-id=""
+ *     ad-intervals="60"
+ *     `@load="onLoad"
+ *     `@error="onError"
+ *     `@close="onClose"
+ *   />
+ * </template>
+ * ```
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/ad.html
  */
 declare const Ad: ComponentType<AdProps>

package/types/Audio.d.ts

@@ -72,11 +72,16 @@ interface AudioProps extends StandardProps {
    * @supported weapp, h5, swan
    */
   onEnded?: CommonEventFunction
+
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5
+   */
+  nativeProps?: Record<string, unknown>
 }
 
 declare namespace AudioProps {
   interface onErrorEventDetail {
-    errMsg: keyof MediaError.code
+    errMsg: keyof MediaError.Code
   }
   interface onTimeUpdateEventDetail {
     /** 当前时间 */
@@ -85,7 +90,7 @@ declare namespace AudioProps {
     duration: number
   }
   namespace MediaError {
-    interface code {
+    interface Code {
       /** 获取资源被用户禁止 */
       1
       /** 网络错误 */
@@ -102,18 +107,18 @@ declare namespace AudioProps {
  * @classification media
  * @deprecated
  * @supported weapp, h5, swan
- * @example
+ * @example_react
  * ```tsx
  * export default class PageView extends Component {
  *   constructor() {
  *     super(...arguments)
  *   }
- * 
+ *
  *   render() {
  *     return (
  *       <View className='components-page'>
  *         <Audio
- *           src='http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46'
+ *           src='https://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46'
  *           controls={true}
  *           autoplay={false}
  *           loop={false}
@@ -126,6 +131,21 @@ declare namespace AudioProps {
  *   }
  * }
  * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class="components-page">
+ *     <audio
+ *       id="video"
+ *       src="https://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46"
+ *       :controls="true"
+ *       :autoplay="false"
+ *       :loop="false"
+ *       :muted="true"
+ *     />
+ *   </view>
+ * </template>
+ * ```
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/audio.html
  */
 declare const Audio: ComponentType<AudioProps>

package/types/Button.d.ts

@@ -4,48 +4,48 @@ import { StyleProp, ViewStyle } from 'react-native'
 
 interface ButtonProps extends StandardProps {
   /** 按钮的大小
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, alipay
    * @default default
    */
-  size?: keyof ButtonProps.size
+  size?: keyof ButtonProps.Size
 
   /** 按钮的样式类型
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, alipay
    * @default default
    */
-  type?: keyof ButtonProps.type
+  type?: keyof ButtonProps.Type
 
   /** 按钮是否镂空，背景色透明
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, alipay
    * @default false
    */
   plain?: boolean
 
   /** 是否禁用
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, alipay
    * @default false
    */
   disabled?: boolean
 
   /** 名称前是否带 loading 图标
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, alipay
    * @default false
    */
   loading?: boolean
 
   /** 用于 `<form/>` 组件，点击分别会触发 `<form/>` 组件的 submit/reset 事件
-   * @supported weapp
+   * @supported weapp, alipay
    */
-  formType?: keyof ButtonProps.formType
+  formType?: keyof ButtonProps.FormType
 
   /** 微信开放能力
    * @supported weapp, alipay, qq
    */
-  openType?: ButtonProps.openType
+  openType?: ButtonProps.OpenType
 
   /** 指定按下去的样式类。当 `hover-class="none"` 时，没有点击态效果
    * @default button-hover
-   * @supported weapp, h5
+   * @supported weapp, alipay, h5
    * @rn 支持 hoverStyle 属性，但框架未支持 hoverClass
    */
   hoverClass?: string
@@ -58,19 +58,19 @@ interface ButtonProps extends StandardProps {
 
   /** 指定是否阻止本节点的祖先节点出现点击态
    * @default false
-   * @supported weapp
+   * @supported weapp, alipay
    */
   hoverStopPropagation?: boolean
 
   /** 按住后多久出现点击态，单位毫秒
    * @default 20
-   * @supported weapp, h5, rn
+   * @supported weapp, alipay, h5, rn
    */
   hoverStartTime?: number
 
   /** 手指松开后点击态保留时间，单位毫秒
    * @default 70
-   * @supported weapp, h5, rn
+   * @supported weapp, alipay, h5, rn
    */
   hoverStayTime?: number
 
@@ -79,7 +79,7 @@ interface ButtonProps extends StandardProps {
    * 生效时机: `open-type="getUserInfo"`
    * @supported weapp
    */
-  lang?: keyof ButtonProps.lang
+  lang?: keyof ButtonProps.Lang
 
   /** 会话来源
    *
@@ -199,14 +199,14 @@ interface ButtonProps extends StandardProps {
 
 declare namespace ButtonProps {
   /** size 的合法值 */
-  interface size {
+  interface Size {
     /** 默认大小 */
     default
     /** 小尺寸 */
     mini
   }
   /** type 的合法值 */
-  interface type {
+  interface Type {
     /** 绿色 */
     primary
     /** 白色 */
@@ -215,14 +215,14 @@ declare namespace ButtonProps {
     warn
   }
   /** form-type 的合法值 */
-  interface formType {
+  interface FormType {
     /** 提交表单 */
     submit
     /** 重置表单 */
     reset
   }
   /** open-type 的合法值 */
-  type openType = keyof openTypeKeys["weapp"] | keyof openTypeKeys["alipay"] |  keyof openTypeKeys["qq"]
+  type OpenType = keyof openTypeKeys["weapp"] | keyof openTypeKeys["alipay"] | keyof openTypeKeys["qq"]
   /** open-type 的合法值 */
   interface openTypeKeys {
     weapp: {
@@ -297,7 +297,7 @@ declare namespace ButtonProps {
     }
   }
   /** lang 的合法值 */
-  interface lang {
+  interface Lang {
     /** 英文 */
     en
     /** 简体中文 */
@@ -313,7 +313,7 @@ declare namespace ButtonProps {
       /** 头像 */
       avatarUrl: string
       /** 性别 */
-      gender: keyof gender
+      gender: keyof Gender
       /** 省份，如：`Yunnan` */
       province: string
       /** 城市，如：`Dalian` */
@@ -336,7 +336,7 @@ declare namespace ButtonProps {
   }
 
   /** 性别的合法值 */
-  interface gender {
+  interface Gender {
     /** 未知 */
     0
     /** 男 */
@@ -374,7 +374,7 @@ declare namespace ButtonProps {
 /** 按钮
  * @classification forms
  * @supported weapp, h5, rn
- * @example
+ * @example_react
  * ```tsx
  * export default class PageButton extends Component {
  *   state = {
@@ -447,6 +447,79 @@ declare namespace ButtonProps {
  *   }
  * }
  * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class="container">
+ *     <button
+ *       v-for="item in btn"
+ *       :size="item.size ? item.size : ''"
+ *       :type="item.type ? item.type : ''"
+ *       :loading="item.loading ? item.loading : false"
+ *       :disabled="item.disabled ? item.disabled : false"
+ *     >
+ *       {{ item.text }}
+ *     </button>
+ *     <button class="btn-max-w" :plain="true" type="primary">按钮</button>
+ *     <button class="btn-max-w" :plain="true" type="primary" :disabled="true">不可点击的按钮</button>
+ *     <button class="btn-max-w" :plain="true">按钮</button>
+ *     <button class="btn-max-w" :plain="true" :disabled="true">按钮</button>
+ *     <button size="mini" type="primary">按钮</button>
+ *     <button size="mini" >按钮</button>
+ *     <button size="mini" type="warn">按钮</button>
+ *   </view>
+ * </template>
+ *
+ * <script>
+ * export default {
+ *   data() {
+ *     return {
+ *       btn: [
+ *         {
+ *           text: '页面主操作 Normal',
+ *           size: 'default',
+ *           type: 'primary'
+ *         },
+ *         {
+ *           text: '页面主操作 Loading',
+ *           size: 'default',
+ *           type: 'primary',
+ *           loading: true,
+ *         },
+ *         {
+ *           text: '页面主操作 Disabled',
+ *           size: 'default',
+ *           type: 'primary',
+ *           disabled: true,
+ *         },
+ *         {
+ *           text: '页面次要操作 Normal',
+ *           size: 'default',
+ *           type: 'default'
+ *         },
+ *         {
+ *           text: '页面次要操作 Disabled',
+ *           size: 'default',
+ *           type: 'default',
+ *           disabled: true,
+ *         },
+ *         {
+ *           text: '警告类操作 Normal',
+ *           size: 'default',
+ *           type: 'warn'
+ *         },
+ *         {
+ *           text: '警告类操作 Disabled',
+ *           size: 'default',
+ *           type: 'warn',
+ *           disabled: true,
+ *         }
+ *       ]
+ *     }
+ *   }
+ * }
+ * </script>
+ * ```
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/button.html
  */
 declare const Button: ComponentType<ButtonProps>

package/types/Camera.d.ts

@@ -6,31 +6,31 @@ interface CameraProps extends StandardProps {
    * @default "normal"
    * @supported weapp, rn
    */
-  mode?: keyof CameraProps.mode
+  mode?: keyof CameraProps.Mode
 
   /** 分辨率，不支持动态修改
    * @default "medium"
    * @supported weapp
    */
-  resolution?: keyof CameraProps.resolution
+  resolution?: keyof CameraProps.Resolution
 
   /** 摄像头朝向
    * @default "back"
    * @supported weapp, rn
    */
-  devicePosition?: keyof CameraProps.devicePosition
+  devicePosition?: keyof CameraProps.DevicePosition
 
   /** 闪光灯
    * @default "auto"
    * @supported weapp, rn
    */
-  flash?: keyof CameraProps.flash
+  flash?: keyof CameraProps.Flash
 
   /** 指定期望的相机帧数据尺寸
    * @default "medium"
    * @supported weapp
    */
-  frameSize?: keyof CameraProps.frameSize
+  frameSize?: keyof CameraProps.FrameSize
 
   /** 扫码识别区域，格式为[x, y, w, h]，
    * x,y是相对于camera显示区域的左上角，
@@ -64,14 +64,14 @@ interface CameraProps extends StandardProps {
 
 declare namespace CameraProps {
   /** mode 的合法值 */
-  interface mode {
+  interface Mode {
     /** 相机模式 */
     normal
     /** 扫码模式 */
     scanCode
   }
   /** resolution 的合法值 */
-  interface resolution {
+  interface Resolution {
     /** 低 */
     low
     /** 中 */
@@ -80,14 +80,14 @@ declare namespace CameraProps {
     high
   }
   /** device-position 的合法值 */
-  interface devicePosition {
+  interface DevicePosition {
     /** 前置 */
     front
     /** 后置 */
     back
   }
   /** flash 的合法值 */
-  interface flash {
+  interface Flash {
     /** 自动 */
     auto
     /** 打开 */
@@ -98,7 +98,7 @@ declare namespace CameraProps {
     torch
   }
   /** frame-size 的合法值 */
-  interface frameSize {
+  interface FrameSize {
     /** 小尺寸帧数据 */
     small
     /** 中尺寸帧数据 */
@@ -115,7 +115,7 @@ declare namespace CameraProps {
 
 /** 系统相机
  * @classification media
- * @supported weapp
+ * @supported weapp, rn
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/camera.html
  */
 declare const Camera: ComponentType<CameraProps>

package/types/Canvas.d.ts

@@ -47,6 +47,11 @@ interface CanvasProps extends StandardProps<any, CanvasTouchEvent> {
    * @supported weapp
    */
   onError?: CommonEventFunction<CanvasProps.onErrorEventDetail>
+
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5
+   */
+  nativeProps?: Record<string, unknown>
 }
 
 declare namespace CanvasProps {
@@ -60,16 +65,24 @@ declare namespace CanvasProps {
  * `<Canvas />` 组件的 RN 版本尚未实现。
  * @classification canvas
  * @supported weapp
- * @example
+ * @example_react
  * ```tsx
  * class App extends Components {
  *   render () {
+ *     // 如果是支付宝小程序，则要加上 id 属性，值和canvasId一致
  *     return (
  *       <Canvas style='width: 300px; height: 200px;' canvasId='canvas' />
  *     )
  *   }
  * }
  * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <!-- 如果是支付宝小程序，则要加上 id 属性，值和canvasId一致 -->
+ *   <canvas style="width: 300px; height: 200px;" canvas-id="canvas" />
+ * </template>
+ * ```
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html
  */
 declare const Canvas: ComponentType<CanvasProps>