@tarojs/components 3.5.0-beta.0 → 3.5.0-beta.3

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

@@ -1 +1 @@
-import{p as e,b as o}from"./p-8c7cf814.js";(()=>{const o=import.meta.url,r={};return""!==o&&(r.resourcesUrl=new URL(".",o).href),e(r)})().then((e=>o([["p-de726095",[[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-8a2b7701",[[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-7419e765",[[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-8c6d8802",[[0,"taro-ad-core"]]],["p-e6ec7abc",[[0,"taro-ad-custom-core"]]],["p-884e6eab",[[0,"taro-audio-core",{src:[1],controls:[4],autoplay:[4],loop:[4],muted:[4],nativeProps:[16]}]]],["p-549636ca",[[0,"taro-block-core"]]],["p-17b78ad7",[[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-fee2ad82",[[0,"taro-camera-core"]]],["p-7d457a6a",[[0,"taro-canvas-core",{canvasId:[1,"canvas-id"],nativeProps:[16]}]]],["p-880791ee",[[0,"taro-cover-image-core",{src:[1],nativeProps:[16]}]]],["p-c1642977",[[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-b31e6cf0",[[0,"taro-custom-wrapper-core"]]],["p-13d03572",[[0,"taro-editor-core"]]],["p-aca73ca4",[[4,"taro-form-core",{slotParent:[32]},[[0,"tarobuttonsubmit","onButtonSubmit"],[0,"tarobuttonreset","onButtonReset"]]]]],["p-087d704b",[[0,"taro-functional-page-navigator-core"]]],["p-c995a3aa",[[0,"taro-icon-core",{type:[1],size:[8],color:[1]}]]],["p-92f26e22",[[0,"taro-image-core",{src:[1],mode:[1],lazyLoad:[4,"lazy-load"],nativeProps:[16],aspectFillMode:[32]}]]],["p-a9c3e575",[[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-c33b552b",[[0,"taro-keyboard-accessory-core"]]],["p-7f726d39",[[4,"taro-label-core",{for:[1]}]]],["p-615b87e8",[[0,"taro-live-player-core"]]],["p-1fbf755f",[[0,"taro-live-pusher-core"]]],["p-c6d14c2b",[[0,"taro-map-core"]]],["p-14484d41",[[0,"taro-match-media-core"]]],["p-917185f3",[[0,"taro-movable-area-core"]]],["p-ee1ffbb0",[[0,"taro-movable-view-core"]]],["p-b640bd56",[[0,"taro-navigation-bar-core"]]],["p-3b067d1f",[[0,"taro-navigator-core",{hoverClass:[1,"hover-class"],url:[1],openType:[1,"open-type"],isHover:[4,"is-hover"],delta:[2]},[[0,"click","onClick"]]]]],["p-e56a303b",[[0,"taro-official-account-core"]]],["p-68246408",[[0,"taro-open-data-core"]]],["p-085c4322",[[0,"taro-page-container-core"]]],["p-3e7aced1",[[0,"taro-page-meta-core"]]],["p-0afc53da",[[0,"taro-picker-view-column-core",{col:[1],initialPosition:[1,"initial-position"],paddingVertical:[2,"padding-vertical"],isInit:[32],isMove:[32]},[[1,"scroll","onScroll"],[1,"mouseup","onMouseEnd"],[1,"mouseout","onMouseEnd"],[1,"mouseleave","onMouseEnd"],[1,"touchend","onTouchEnd"]]]]],["p-88e3bc92",[[4,"taro-picker-view-core",{indicatorStyle:[1,"indicator-style"],indicatorClass:[1,"indicator-class"],value:[16],maskStyle:[1,"mask-style"],maskClass:[1,"mask-class"]},[[0,"onselect","onSelect"],[0,"onselectstart","onSelectStart"],[0,"onselectend","onPickerColEnd"]]]]],["p-06352f55",[[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-3e1e4626",[[4,"taro-pull-to-refresh",{prefixCls:[1,"prefix-cls"],distanceToRefresh:[2,"distance-to-refresh"],damping:[2],indicator:[16],currSt:[32],dragOnEdge:[32]}]]],["p-55646f03",[[0,"taro-rich-text-core",{nodes:[1]}]]],["p-f5377a15",[[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-b455351e",[[0,"taro-share-element-core"]]],["p-7f8ddefe",[[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-f425f3b5",[[0,"taro-slot-core"]]],["p-58cbfd17",[[0,"taro-switch-core",{type:[1],checked:[4],color:[1],name:[1],disabled:[4],nativeProps:[16],isChecked:[32],isWillLoadCalled:[32]}]]],["p-fc28dbdd",[[0,"taro-tabbar",{conf:[16],list:[32],borderStyle:[32],backgroundColor:[32],color:[32],selectedColor:[32],selectedIndex:[32],status:[32]}]]],["p-8ca394d6",[[4,"taro-text-core",{selectable:[4]}]]],["p-34d60fc8",[[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-1e44fcfd",[[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-9ff180ae",[[0,"taro-voip-room-core"]]],["p-c0875abf",[[0,"taro-web-view-core",{src:[1]}]]],["p-e5fdbc1c",[[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-bb3d337d",[[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-8c7cf814.js";(()=>{const o=import.meta.url,r={};return""!==o&&(r.resourcesUrl=new URL(".",o).href),e(r)})().then((e=>o([["p-de726095",[[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-8a2b7701",[[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-f980e090",[[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-8c6d8802",[[0,"taro-ad-core"]]],["p-e6ec7abc",[[0,"taro-ad-custom-core"]]],["p-884e6eab",[[0,"taro-audio-core",{src:[1],controls:[4],autoplay:[4],loop:[4],muted:[4],nativeProps:[16]}]]],["p-549636ca",[[0,"taro-block-core"]]],["p-17b78ad7",[[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-fee2ad82",[[0,"taro-camera-core"]]],["p-7d457a6a",[[0,"taro-canvas-core",{canvasId:[1,"canvas-id"],nativeProps:[16]}]]],["p-880791ee",[[0,"taro-cover-image-core",{src:[1],nativeProps:[16]}]]],["p-c1642977",[[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-b31e6cf0",[[0,"taro-custom-wrapper-core"]]],["p-13d03572",[[0,"taro-editor-core"]]],["p-aca73ca4",[[4,"taro-form-core",{slotParent:[32]},[[0,"tarobuttonsubmit","onButtonSubmit"],[0,"tarobuttonreset","onButtonReset"]]]]],["p-087d704b",[[0,"taro-functional-page-navigator-core"]]],["p-c995a3aa",[[0,"taro-icon-core",{type:[1],size:[8],color:[1]}]]],["p-92f26e22",[[0,"taro-image-core",{src:[1],mode:[1],lazyLoad:[4,"lazy-load"],nativeProps:[16],aspectFillMode:[32]}]]],["p-a9c3e575",[[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-c33b552b",[[0,"taro-keyboard-accessory-core"]]],["p-7f726d39",[[4,"taro-label-core",{for:[1]}]]],["p-615b87e8",[[0,"taro-live-player-core"]]],["p-1fbf755f",[[0,"taro-live-pusher-core"]]],["p-c6d14c2b",[[0,"taro-map-core"]]],["p-14484d41",[[0,"taro-match-media-core"]]],["p-917185f3",[[0,"taro-movable-area-core"]]],["p-ee1ffbb0",[[0,"taro-movable-view-core"]]],["p-b640bd56",[[0,"taro-navigation-bar-core"]]],["p-3b067d1f",[[0,"taro-navigator-core",{hoverClass:[1,"hover-class"],url:[1],openType:[1,"open-type"],isHover:[4,"is-hover"],delta:[2]},[[0,"click","onClick"]]]]],["p-e56a303b",[[0,"taro-official-account-core"]]],["p-68246408",[[0,"taro-open-data-core"]]],["p-085c4322",[[0,"taro-page-container-core"]]],["p-3e7aced1",[[0,"taro-page-meta-core"]]],["p-0afc53da",[[0,"taro-picker-view-column-core",{col:[1],initialPosition:[1,"initial-position"],paddingVertical:[2,"padding-vertical"],isInit:[32],isMove:[32]},[[1,"scroll","onScroll"],[1,"mouseup","onMouseEnd"],[1,"mouseout","onMouseEnd"],[1,"mouseleave","onMouseEnd"],[1,"touchend","onTouchEnd"]]]]],["p-88e3bc92",[[4,"taro-picker-view-core",{indicatorStyle:[1,"indicator-style"],indicatorClass:[1,"indicator-class"],value:[16],maskStyle:[1,"mask-style"],maskClass:[1,"mask-class"]},[[0,"onselect","onSelect"],[0,"onselectstart","onSelectStart"],[0,"onselectend","onPickerColEnd"]]]]],["p-06352f55",[[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-3e1e4626",[[4,"taro-pull-to-refresh",{prefixCls:[1,"prefix-cls"],distanceToRefresh:[2,"distance-to-refresh"],damping:[2],indicator:[16],currSt:[32],dragOnEdge:[32]}]]],["p-55646f03",[[0,"taro-rich-text-core",{nodes:[1]}]]],["p-f5377a15",[[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-b455351e",[[0,"taro-share-element-core"]]],["p-7f8ddefe",[[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-f425f3b5",[[0,"taro-slot-core"]]],["p-58cbfd17",[[0,"taro-switch-core",{type:[1],checked:[4],color:[1],name:[1],disabled:[4],nativeProps:[16],isChecked:[32],isWillLoadCalled:[32]}]]],["p-1d5fa0f3",[[0,"taro-tabbar",{conf:[16],list:[32],borderStyle:[32],backgroundColor:[32],color:[32],selectedColor:[32],selectedIndex:[32],status:[32]}]]],["p-8ca394d6",[[4,"taro-text-core",{selectable:[4]}]]],["p-34d60fc8",[[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-1e44fcfd",[[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-9ff180ae",[[0,"taro-voip-room-core"]]],["p-c0875abf",[[0,"taro-web-view-core",{src:[1]}]]],["p-e5fdbc1c",[[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-9eb01395",[[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/video/utils.d.ts

@@ -1,8 +1,6 @@
 export declare const formatTime: (time?: number | undefined) => string;
 export declare const calcDist: (x: number, y: number) => number;
 export declare const normalizeNumber: (number: number) => number;
-/**
- * @returns: {requestFullscreen: 'requestFullscreen', exitFullscreen: 'exitFullscreen', ...}
- */
+export declare let scene: string;
 export declare const screenFn: Record<string, any>;
 export declare const isHls: (url: any) => boolean;

package/dist/types/components/video/video-control.d.ts

@@ -7,7 +7,7 @@ export declare class VideoControl implements ComponentInterface {
   private hideControlsTimer;
   private percentage;
   private progressDimensions;
-  controlsRef: HTMLElement;
+  el: HTMLElement;
   controls: boolean;
   currentTime: number;
   duration: number;

package/dist-h5/react/utils/reactify-wc.js

@@ -23,7 +23,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React, { createElement, createRef } from 'react'; // eslint-disable-next-line
 
 var h = React.createElement;
-var SCROLL_VIEW = 'taro-scroll-view-core'; // 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
+var SCROLL_VIEW = 'taro-scroll-view-core';
+var IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i; // 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
 
 function getClassName(wc, prevProps, props) {
   var classList = Array.from(wc.classList);
@@ -48,8 +49,10 @@ function updateStyle(dom, key, val) {
   if (/^--/.test(key)) {
     // css variable
     dom.style.setProperty(key, val);
-  } else {
+  } else if (typeof val !== 'number' || IS_NON_DIMENSIONAL.test(key)) {
     dom.style[key] = val;
+  } else {
+    dom.style[key] = val + 'px';
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.5.0-beta.0",
+  "version": "3.5.0-beta.3",
   "description": "",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@stencil/core": "~2.13.0",
     "@stencil/sass": "1.5.2",
-    "@tarojs/taro": "3.5.0-beta.0",
+    "@tarojs/taro": "3.5.0-beta.3",
     "better-scroll": "^1.14.1",
     "classnames": "^2.2.5",
     "hls.js": "^1.1.5",
@@ -54,7 +54,11 @@
   "devDependencies": {
     "jquery": "^3.4.1",
     "karmatic": "^2.1.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "simulant": "^0.2.2",
+    "style-loader": "1.3.0",
+    "webpack": "4.46.0",
     "workbox-build": "4.3.1"
   },
   "peerDependenciesMeta": {
@@ -68,5 +72,5 @@
       "optional": true
     }
   },
-  "gitHead": "ee17506905a260bacd1aa6217a2376ba7bb8200f"
+  "gitHead": "bd1aa21707e51500eac9b16526e4ba4171fa8e5f"
 }

package/types/Ad.d.ts

@@ -3,12 +3,12 @@ import { StandardProps, CommonEventFunction } from './common'
 
 interface AdProps extends StandardProps {
   /** 广告单元id，可在[小程序管理后台](https://mp.weixin.qq.com/)的流量主模块新建
-   * @supported weapp
+   * @supported weapp, tt
    */
   unitId: string
 
   /** 广告自动刷新的间隔时间，单位为秒，参数值必须大于等于30（该参数不传入时 Banner 广告不会自动刷新）
-   * @supported weapp
+   * @supported weapp, tt
    */
   adIntervals?: number
 
@@ -23,17 +23,17 @@ interface AdProps extends StandardProps {
   adTheme?: 'white' | 'black'
 
   /** 广告加载成功的回调
-   * @supported weapp
+   * @supported weapp, tt
    */
   onLoad?: CommonEventFunction
 
   /** 当广告发生错误时，触发的事件，可以通过该事件获取错误码及原因，事件对象event.detail = {errCode: 1002}
-   * @supported weapp
+   * @supported weapp, tt
    */
   onError?: CommonEventFunction<AdProps.onErrorEventDetail>
 
   /** 广告关闭的回调
-   * @supported weapp
+   * @supported weapp, tt
    */
   onClose?: CommonEventFunction
 }
@@ -109,7 +109,7 @@ declare namespace AdProps {
 
 /** Banner 广告
  * @classification open
- * @supported weapp
+ * @supported weapp, tt
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/Button.d.ts

@@ -4,13 +4,13 @@ import { StyleProp, ViewStyle } from 'react-native'
 
 interface ButtonProps extends StandardProps {
   /** 按钮的大小
-   * @supported weapp, h5, rn, alipay
+   * @supported weapp, h5, rn, alipay, tt
    * @default default
    */
   size?: keyof ButtonProps.Size
 
   /** 按钮的样式类型
-   * @supported weapp, h5, rn, alipay
+   * @supported weapp, h5, rn, alipay, tt
    * @default default
    */
   type?: keyof ButtonProps.Type
@@ -22,30 +22,30 @@ interface ButtonProps extends StandardProps {
   plain?: boolean
 
   /** 是否禁用
-   * @supported weapp, h5, rn, alipay
+   * @supported weapp, h5, rn, alipay, tt
    * @default false
    */
   disabled?: boolean
 
   /** 名称前是否带 loading 图标
-   * @supported weapp, h5, rn, alipay
+   * @supported weapp, h5, rn, alipay, tt
    * @default false
    */
   loading?: boolean
 
   /** 用于 `<form/>` 组件，点击分别会触发 `<form/>` 组件的 submit/reset 事件
-   * @supported weapp, alipay
+   * @supported weapp, alipay, tt
    */
   formType?: keyof ButtonProps.FormType
 
   /** 微信开放能力
-   * @supported weapp, alipay, qq
+   * @supported weapp, alipay, qq, tt
    */
   openType?: ButtonProps.OpenType
 
   /** 指定按下去的样式类。当 `hover-class="none"` 时，没有点击态效果
    * @default button-hover
-   * @supported weapp, alipay, h5
+   * @supported weapp, alipay, h5, tt
    * @rn 支持 hoverStyle 属性，但框架未支持 hoverClass
    */
   hoverClass?: string
@@ -58,19 +58,19 @@ interface ButtonProps extends StandardProps {
 
   /** 指定是否阻止本节点的祖先节点出现点击态
    * @default false
-   * @supported weapp, alipay
+   * @supported weapp, alipay, tt
    */
   hoverStopPropagation?: boolean
 
   /** 按住后多久出现点击态，单位毫秒
    * @default 20
-   * @supported weapp, alipay, h5, rn
+   * @supported weapp, alipay, h5, rn, tt
    */
   hoverStartTime?: number
 
   /** 手指松开后点击态保留时间，单位毫秒
    * @default 70
-   * @supported weapp, alipay, h5, rn
+   * @supported weapp, alipay, h5, rn, tt
    */
   hoverStayTime?: number
 
@@ -164,7 +164,7 @@ interface ButtonProps extends StandardProps {
   /** 获取用户手机号回调
    *
    * 生效时机：`open-type="getphonenumber"`
-   * @supported weapp
+   * @supported weapp, tt
    */
   onGetPhoneNumber?: CommonEventFunction<ButtonProps.onGetPhoneNumberEventDetail>
 
@@ -389,7 +389,7 @@ declare namespace ButtonProps {
 
 /** 按钮
  * @classification forms
- * @supported weapp, h5, rn
+ * @supported weapp, h5, rn, tt
  * @example_react
  * ```tsx
  * export default class PageButton extends Component {

package/types/Camera.d.ts

@@ -4,31 +4,31 @@ import { StandardProps, CommonEventFunction } from './common'
 interface CameraProps extends StandardProps {
   /** 模式，有效值为normal, scanCode
    * @default "normal"
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   mode?: keyof CameraProps.Mode
 
   /** 分辨率，不支持动态修改
    * @default "medium"
-   * @supported weapp
+   * @supported weapp, tt
    */
   resolution?: keyof CameraProps.Resolution
 
   /** 摄像头朝向
    * @default "back"
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   devicePosition?: keyof CameraProps.DevicePosition
 
   /** 闪光灯
    * @default "auto"
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   flash?: keyof CameraProps.Flash
 
   /** 指定期望的相机帧数据尺寸
    * @default "medium"
-   * @supported weapp
+   * @supported weapp, tt
    */
   frameSize?: keyof CameraProps.FrameSize
 
@@ -41,23 +41,23 @@ interface CameraProps extends StandardProps {
 
   /** 摄像头在非正常终止时触发，
    * 如退出后台等情况
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   onStop?: CommonEventFunction
 
   /** 用户不允许使用摄像头时触发
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   onError?: CommonEventFunction
 
   /** 相机初始化完成时触发
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   onInitDone?: CommonEventFunction<CameraProps.onInitDoneEventDetail>
 
   /** 在成功识别到一维码时触发，
    * 仅在 mode="scanCode" 时生效
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   onScanCode?: CommonEventFunction
 }
@@ -115,7 +115,7 @@ declare namespace CameraProps {
 
 /** 系统相机
  * @classification media
- * @supported weapp, rn
+ * @supported weapp, rn, tt
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/camera.html
  */
 declare const Camera: ComponentType<CameraProps>

package/types/Canvas.d.ts

@@ -64,7 +64,7 @@ declare namespace CanvasProps {
  *
  * `<Canvas />` 组件的 RN 版本尚未实现。
  * @classification canvas
- * @supported weapp
+ * @supported weapp, tt
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/Checkbox.d.ts

@@ -4,24 +4,24 @@ import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 interface CheckboxProps extends StandardProps {
 
   /** `<Checkbox/>`标识，选中时触发`<CheckboxGroup/>`的 change 事件，并携带 `<Checkbox/>` 的 value
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   value: string
 
   /** 是否禁用
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    * @default false
    */
   disabled?: boolean
 
   /** 当前是否选中，可用来设置默认选中
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    * @default false
    */
   checked?: boolean
 
   /** checkbox的颜色，同 css 的 color
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   color?: string
 

package/types/CheckboxGroup.d.ts

@@ -3,21 +3,21 @@ import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 
 interface CheckboxGroupProps extends StandardProps, FormItemProps {
   /** 表单组件中加上 name 来作为 key
-   * @supported h5
+   * @supported h5, tt
    */
   name?: string
 
   /** `<CheckboxGroup/>` 中选中项发生改变是触发 change 事件
    *
    * event.detail = { value: [选中的checkbox的 value 的数组] }
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   onChange?: CommonEventFunction<{ value: string[] }>
 }
 
 /** 多项选择器，内部由多个checkbox组成
  * @classification forms
- * @supported weapp, h5, rn
+ * @supported weapp, h5, rn, tt
  * @example
  * ```tsx
  * export default class PageCheckbox extends Component {

package/types/Form.d.ts

@@ -20,12 +20,12 @@ interface FormProps extends StandardProps {
 
   /** 携带 form 中的数据触发 submit 事件
    * event.detail = { value : {'name': 'value'} , formId: '' }
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   onSubmit?: CommonEventFunction<FormProps.onSubmitEventDetail>
 
   /** 表单重置时会触发 reset 事件
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   onReset?: CommonEventFunction
 }

package/types/Input.d.ts

@@ -3,35 +3,35 @@ import { StandardProps, CommonEventFunction, FormItemProps } from './common'
 
 interface InputProps extends StandardProps, FormItemProps {
   /** 输入框的初始内容
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   value?: string
 
   /** input 的类型
    * @default "text"
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    * @rn 部分支持
    */
   type?: 'text' | 'number' | 'idcard' | 'digit' | 'safe-password' | 'nickname'
 
   /** 是否是密码类型
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   password?: boolean
 
   /** 输入框为空时占位符
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   placeholder?: string
 
   /** 指定 placeholder 的样式
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   placeholderStyle?: string
 
   /** 指定 placeholder 的样式类
    * @default "input-placeholder"
-   * @supported weapp
+   * @supported weapp, tt
    */
   placeholderClass?: string
 
@@ -41,19 +41,19 @@ interface InputProps extends StandardProps, FormItemProps {
   placeholderTextColor?: string
 
   /** 是否禁用
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   disabled?: boolean
 
   /** 最大输入长度，设置为 -1 的时候不限制最大长度
    * @default 140
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   maxlength?: number
 
   /** 指定光标与键盘的距离，单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
    * @default 0
-   * @supported weapp
+   * @supported weapp, tt
    */
   cursorSpacing?: number
 
@@ -64,13 +64,13 @@ interface InputProps extends StandardProps, FormItemProps {
   autoFocus?: boolean
 
   /** 获取焦点
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   focus?: boolean
 
   /** 设置键盘右下角按钮的文字
    * @default done
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   confirmType?: 'send' | 'search' | 'next' | 'go' | 'done'
 
@@ -81,25 +81,25 @@ interface InputProps extends StandardProps, FormItemProps {
   confirmHold?: boolean
 
   /** 指定focus时的光标位置
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   cursor?: number
 
   /** 光标起始位置，自动聚集时有效，需与selection-end搭配使用
    * @default -1
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   selectionStart?: number
 
   /** 光标结束位置，自动聚集时有效，需与selection-start搭配使用
    * @default -1
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    */
   selectionEnd?: number
 
   /** 键盘弹起时，是否自动上推页面
    * @default false
-   * @supported weapp
+   * @supported weapp, tt
    */
   adjustPosition?: boolean
 
@@ -166,26 +166,26 @@ interface InputProps extends StandardProps, FormItemProps {
   controlled?: boolean
 
   /** 当键盘输入时，触发input事件，event.detail = {value, cursor, keyCode}，处理函数可以直接 return 一个字符串，将替换输入框的内容。
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   onInput?: CommonEventFunction<InputProps.inputEventDetail>
 
   /** 输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   onFocus?: CommonEventFunction<InputProps.inputForceEventDetail>
 
   /** 输入框失去焦点时触发
    *
    * event.detail = {value: value}
-   * @supported weapp, h5, rn
+   * @supported weapp, h5, rn, tt
    */
   onBlur?: CommonEventFunction<InputProps.inputValueEventDetail>
 
   /** 点击完成按钮时触发
    *
    * event.detail = {value: value}
-   * @supported weapp, rn
+   * @supported weapp, rn, tt
    * @h5 借用[Form 组件](./form)的`onSubmit`事件来替代
    */
   onConfirm?: CommonEventFunction<InputProps.inputValueEventDetail>

package/types/LivePlayer.d.ts

@@ -3,7 +3,7 @@ import { StandardProps, CommonEventFunction, NetStatus } from './common'
 
 interface LivePlayerProps extends StandardProps {
   /** 音视频地址。目前仅支持 flv, rtmp 格式
-   * @supported weapp
+   * @supported weapp, tt
    */
   src?: string
 
@@ -15,25 +15,25 @@ interface LivePlayerProps extends StandardProps {
 
   /** 自动播放
    * @default false
-   * @supported weapp
+   * @supported weapp, tt
    */
   autoplay?: boolean
 
   /** 是否静音
    * @default false
-   * @supported weapp
+   * @supported weapp, tt
    */
   muted?: boolean
 
   /** 画面方向
    * @default "vertical"
-   * @supported weapp
+   * @supported weapp, tt
    */
   orientation?: keyof LivePlayerProps.Orientation
 
   /** 填充模式
    * @default "contain"
-   * @supported weapp
+   * @supported weapp, tt
    */
   objectFit?: keyof LivePlayerProps.objectFit
 
@@ -80,12 +80,12 @@ interface LivePlayerProps extends StandardProps {
   pictureInPictureMode?: ('push' | 'pop')[] | 'push' | 'pop' | ''
 
   /** 播放状态变化事件，detail = {code}
-   * @supported weapp
+   * @supported weapp, tt
    */
   onStateChange?: CommonEventFunction<LivePlayerProps.onStateChangeEventDetail>
 
   /** 全屏变化事件，detail = {direction, fullScreen}
-   * @supported weapp
+   * @supported weapp, tt
    */
   onFullScreenChange?: CommonEventFunction<LivePlayerProps.onFullScreenChangeEventDetail>
 
@@ -208,7 +208,7 @@ declare namespace LivePlayerProps {
  *
  * 需要先通过类目审核，再在小程序管理后台，“设置”-“接口设置”中自助开通该组件权限。
  * @classification media
- * @supported weapp
+ * @supported weapp, tt
  * @example_react
  * ```tsx
  * class App extends Components {