@tarojs/components 3.5.0-canary.0 → 3.5.0-theta.1

package/dist/cjs/taro-view-core.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
-const index$1 = require('./index-b9715722.js');
+const index = require('./index-13289aba.js');
+const index$1 = require('./index-f9d21cc5.js');
 
-const indexCss = "body,html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}taro-view-core{display:block}";
+const indexCss = "body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}taro-view-core{display:block}";
 
 let View = class {
   constructor(hostRef) {
@@ -51,8 +51,8 @@ let View = class {
   componentDidRender() {
     const el = this.el;
     el.childNodes.forEach(item => {
-      if (item.nodeType === document.COMMENT_NODE)
-        el.removeChild(item);
+      if (item.nodeType === document.COMMENT_NODE && item["s-cn"])
+        item["s-cn"] = false;
     });
   }
   render() {

package/dist/cjs/taro-voip-room-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let VoipRoom = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 VoipRoom 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_voip_room_core = VoipRoom;

package/dist/cjs/taro-web-view-core.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
 
-const indexCss = "iframe{border:none}.taro-webview{position:fixed;top:0;bottom:0;width:100%;height:100%;z-index:999}";
+const indexCss = "iframe{border:none}.taro-webview{position:fixed;top:0;bottom:0;z-index:999;width:100%;height:100%}";
 
 let WebView = class {
   constructor(hostRef) {

package/dist/collection/collection-manifest.json

@@ -1,5 +1,7 @@
 {
   "entries": [
+    "./components/ad/ad.js",
+    "./components/ad-custom/ad-custom.js",
     "./components/audio/audio.js",
     "./components/block/block.js",
     "./components/button/button.js",
@@ -10,26 +12,39 @@
     "./components/cover-image/cover-image.js",
     "./components/cover-view/cover-view.js",
     "./components/custom-wrapper/custom-wrapper.js",
+    "./components/editor/editor.js",
     "./components/form/form.js",
+    "./components/functional-page-navigator/functional-page-navigator.js",
     "./components/icon/icon.js",
     "./components/image/image.js",
     "./components/input/input.js",
+    "./components/keyboard-accessory/keyboard-accessory.js",
     "./components/label/label.js",
-    "./components/movable-view/movable-area.js",
-    "./components/movable-view/movable-view.js",
+    "./components/live-player/live-player.js",
+    "./components/live-pusher/live-pusher.js",
+    "./components/map/map.js",
+    "./components/match-media/match-media.js",
+    "./components/movable-area/movable-area.js",
+    "./components/movable-area/movable-view.js",
+    "./components/navigation-bar/navigation-bar.js",
     "./components/navigator/navigator.js",
+    "./components/official-account/official-account.js",
     "./components/open-data/open-data.js",
+    "./components/page-container/page-container.js",
+    "./components/page-meta/page-meta.js",
     "./components/picker/picker-group.js",
     "./components/picker/picker.js",
+    "./components/picker-view/picker-view-column.js",
     "./components/picker-view/picker-view.js",
-    "./components/picker-view-column/picker-view-column.js",
     "./components/progress/progress.js",
-    "./components/pull-down-refresh/pull-to-refresh.js",
+    "./components/pull-to-refresh/pull-to-refresh.js",
     "./components/radio/radio-group.js",
     "./components/radio/radio.js",
     "./components/rich-text/rich-text.js",
     "./components/scroll-view/scroll-view.js",
+    "./components/share-element/share-element.js",
     "./components/slider/slider.js",
+    "./components/slot/slot.js",
     "./components/swiper/swiper-item.js",
     "./components/swiper/swiper.js",
     "./components/switch/switch.js",
@@ -40,12 +55,13 @@
     "./components/video/video-danmu.js",
     "./components/video/video.js",
     "./components/view/view.js",
+    "./components/voip-room/voip-room.js",
     "./components/web-view/web-view.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.9.0",
-    "typescriptVersion": "4.2.3"
+    "version": "2.13.0",
+    "typescriptVersion": "4.3.5"
   },
   "collections": [],
   "bundles": [

package/dist/collection/components/ad/ad.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class Ad {
+  componentDidLoad() {
+    console.error('H5 暂不支持 Ad 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-ad-core"; }
+}

package/dist/collection/components/{picker-view-column/picker-view-column.js → ad-custom/ad-custom.js}

@@ -1,11 +1,11 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { Component, h, Host } from '@stencil/core';
-export class PickerViewColumn {
+export class AdCustom {
   componentDidLoad() {
-    console.error('H5 暂不支持 PickerViewColumn 组件！');
+    console.error('H5 暂不支持 AdCustom 组件！');
   }
   render() {
     return (h(Host, null));
   }
-  static get is() { return "taro-picker-view-column-core"; }
+  static get is() { return "taro-ad-custom-core"; }
 }

package/dist/collection/components/button/style/index.css

@@ -1,63 +1,63 @@
 taro-button-core {
-  position: relative;
   display: block;
+  overflow: hidden;
+  position: relative;
+  box-sizing: border-box;
   margin-left: auto;
   margin-right: auto;
   padding-left: 14px;
   padding-right: 14px;
-  box-sizing: border-box;
-  font-size: 18px;
-  text-align: center;
-  text-decoration: none;
-  color: #000000;
-  background-color: #F8F8F8;
-  line-height: 2.55555556;
+  border-width: 0;
   border-radius: 5px;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  overflow: hidden;
   width: 100%;
-  border-width: 0;
+  appearance: none;
   outline: 0;
-  -webkit-appearance: none;
-}
-taro-button-core:not([disabled]):active {
-  color: rgba(0, 0, 0, 0.6);
-  background-color: #DEDEDE;
+  background-color: #f8f8f8;
+  line-height: 2.55555556;
+  text-decoration: none;
+  text-align: center;
+  font-size: 18px;
+  color: #000;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 taro-button-core:focus {
   outline: 0;
 }
-taro-button-core:after {
-  content: " ";
-  width: 200%;
-  height: 200%;
+taro-button-core:not([disabled]):active {
+  background-color: #dedede;
+  color: rgba(0, 0, 0, 0.6);
+}
+taro-button-core::after {
   position: absolute;
-  top: 0;
   left: 0;
+  top: 0;
+  box-sizing: border-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 10px;
+  width: 200%;
+  height: 200%;
+  content: " ";
   transform: scale(0.5);
   transform-origin: 0 0;
-  box-sizing: border-box;
-  border-radius: 10px;
 }
 taro-button-core + taro-button-core {
   margin-top: 15px;
 }
 taro-button-core[type=default] {
-  color: #000000;
-  background-color: #F8F8F8;
+  background-color: #f8f8f8;
+  color: #000;
 }
 taro-button-core[type=default]:not([disabled]):visited {
-  color: #000000;
+  color: #000;
 }
 taro-button-core[type=default]:not([disabled]):active {
+  background-color: #dedede;
   color: rgba(0, 0, 0, 0.6);
-  background-color: #DEDEDE;
 }
 taro-button-core[size=mini] {
-  width: auto;
   display: inline-block;
   padding: 0 1.32em;
+  width: auto;
   line-height: 2.3;
   font-size: 13px;
 }
@@ -69,14 +69,14 @@ taro-button-core[disabled] {
   color: rgba(255, 255, 255, 0.6);
 }
 taro-button-core[disabled][type=default] {
+  background-color: #f7f7f7;
   color: rgba(0, 0, 0, 0.3);
-  background-color: #F7F7F7;
 }
 taro-button-core[disabled][type=primary] {
-  background-color: #9ED99D;
+  background-color: #9ed99d;
 }
 taro-button-core[disabled][type=warn] {
-  background-color: #EC8B89;
+  background-color: #ec8b89;
 }
 taro-button-core[loading] .weui-loading {
   margin: -0.2em 0.34em 0 0;
@@ -85,64 +85,64 @@ taro-button-core[loading][type=primary], taro-button-core[loading][type=warn] {
   color: rgba(255, 255, 255, 0.6);
 }
 taro-button-core[loading][type=primary] {
-  background-color: #179B16;
+  background-color: #179b16;
 }
 taro-button-core[loading][type=warn] {
-  background-color: #CE3C39;
+  background-color: #ce3c39;
 }
 taro-button-core[plain][type=primary] {
-  color: #1aad19;
   border: 1px solid #1aad19;
+  color: #1aad19;
 }
 taro-button-core[plain][type=primary]:not([disabled]):active {
-  color: rgba(26, 173, 25, 0.6);
   border-color: rgba(26, 173, 25, 0.6);
   background-color: transparent;
+  color: rgba(26, 173, 25, 0.6);
 }
-taro-button-core[plain][type=primary]:after {
+taro-button-core[plain][type=primary]::after {
   border-width: 0;
 }
 taro-button-core[plain], taro-button-core[plain][type=default] {
-  color: #353535;
   border: 1px solid #353535;
+  color: #353535;
 }
 taro-button-core[plain]:not([disabled]):active, taro-button-core[plain][type=default]:not([disabled]):active {
-  color: rgba(53, 53, 53, 0.6);
   border-color: rgba(53, 53, 53, 0.6);
   background-color: transparent;
+  color: rgba(53, 53, 53, 0.6);
 }
-taro-button-core[plain]:after, taro-button-core[plain][type=default]:after {
+taro-button-core[plain]::after, taro-button-core[plain][type=default]::after {
   border-width: 0;
 }
 taro-button-core[type=primary] {
+  background-color: #1aad19;
   color: #fff;
-  background-color: #1AAD19;
 }
 taro-button-core[type=primary]:not([disabled]):visited {
-  color: #FFFFFF;
+  color: #fff;
 }
 taro-button-core[type=primary]:not([disabled]):active {
+  background-color: #179b16;
   color: rgba(255, 255, 255, 0.6);
-  background-color: #179B16;
 }
 taro-button-core[type=warn] {
+  background-color: #e64340;
   color: #fff;
-  background-color: #E64340;
 }
 taro-button-core[type=warn]:not([disabled]):visited {
-  color: #FFFFFF;
+  color: #fff;
 }
 taro-button-core[type=warn]:not([disabled]):active {
+  background-color: #ce3c39;
   color: rgba(255, 255, 255, 0.6);
-  background-color: #CE3C39;
 }
 taro-button-core[plain][disabled] {
-  color: rgba(0, 0, 0, 0.3);
   border: 1px solid rgba(0, 0, 0, 0.2);
-  background-color: #F7F7F7;
+  background-color: #f7f7f7;
+  color: rgba(0, 0, 0, 0.3);
 }
 taro-button-core[plain][disabled][type=primary] {
-  color: rgba(0, 0, 0, 0.3);
   border: 1px solid rgba(0, 0, 0, 0.2);
-  background-color: #F7F7F7;
+  background-color: #f7f7f7;
+  color: rgba(0, 0, 0, 0.3);
 }

package/dist/collection/components/canvas/canvas.js

@@ -25,7 +25,7 @@ export class Canvas {
   }
   static get is() { return "taro-canvas-core"; }
   static get originalStyleUrls() { return {
-    "$": ["./style/index.css"]
+    "$": ["./style/index.scss"]
   }; }
   static get styleUrls() { return {
     "$": ["./style/index.css"]

package/dist/collection/components/canvas/style/index.css

@@ -1,6 +1,6 @@
-taro-canvas-core {
-  position: relative;
-  display: block;
-  width: 300px;
-  height: 150px;
-}
+taro-canvas-core {
+  display: block;
+  position: relative;
+  width: 300px;
+  height: 150px;
+}

package/dist/collection/components/checkbox/style/index.css

@@ -1,41 +1,39 @@
-@charset "UTF-8";
 .taro-checkbox {
-  position: relative;
   display: inline-block;
+  position: relative;
 }
 .taro-checkbox_checked {
   display: inline-block;
-  min-height: 0;
-  -webkit-appearance: none;
-  appearance: none;
-  outline: 0;
-  font-size: 23px;
+  position: relative;
+  top: 5px;
   border: 1px solid #d1d1d1;
-  background-color: #ffffff;
   border-radius: 3px;
-  color: #1AAD19;
   width: 23px;
   height: 23px;
-  position: relative;
+  min-height: 0;
+  appearance: none;
+  outline: 0;
+  background-color: #fff;
   vertical-align: 0;
-  top: 5px;
+  font-size: 23px;
+  color: #1aad19;
 }
 .taro-checkbox_checked:checked::before {
-  font-family: "weui";
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  text-align: center;
-  speak: none;
   display: inline-block;
+  position: absolute;
+  left: 50%;
+  top: 50%;
   vertical-align: middle;
   text-decoration: inherit;
-  content: "";
-  color: inherit;
+  text-align: center;
+  text-transform: none;
+  font-family: weui;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
   font-size: inherit;
-  position: absolute;
-  top: 50%;
-  left: 50%;
+  color: inherit;
+  content: "\ea08";
   transform: translate(-50%, -48%) scale(0.73);
+  speak: none;
 }

package/dist/collection/components/editor/editor.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class Editor {
+  componentDidLoad() {
+    console.error('H5 暂不支持 Editor 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-editor-core"; }
+}

package/dist/collection/components/functional-page-navigator/functional-page-navigator.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class FunctionalPageNavigator {
+  componentDidLoad() {
+    console.error('H5 暂不支持 FunctionalPageNavigator 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-functional-page-navigator-core"; }
+}

package/dist/collection/components/image/image.js

@@ -34,7 +34,7 @@ export class Image {
     this.onError.emit();
   }
   render() {
-    const { src, mode, lazyLoad, aspectFillMode, imageOnLoad, imageOnError, nativeProps } = this;
+    const { src, mode = 'scaleToFill', lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps } = this;
     const cls = classNames({
       'taro-img__widthfix': mode === 'widthFix'
     });
@@ -73,7 +73,7 @@ export class Image {
       "mutable": false,
       "complexType": {
         "original": "Mode",
-        "resolved": "\"aspectFill\" | \"aspectFit\" | \"bottom left\" | \"bottom right\" | \"bottom\" | \"center\" | \"left\" | \"right\" | \"scaleToFill\" | \"top left\" | \"top right\" | \"top\" | \"widthFix\"",
+        "resolved": "\"aspectFill\" | \"aspectFit\" | \"bottom left\" | \"bottom right\" | \"bottom\" | \"center\" | \"heightFix\" | \"left\" | \"right\" | \"scaleToFill\" | \"top left\" | \"top right\" | \"top\" | \"widthFix\"",
         "references": {
           "Mode": {
             "location": "local"

package/dist/collection/components/image/style/index.css

@@ -6,9 +6,9 @@ taro-image-core {
   display: inline-block;
   overflow: hidden;
   position: relative;
+  width: auto;
+  height: auto;
   font-size: 0;
-  width: 320px;
-  height: 240px;
 }
 
 .taro-img.taro-img__widthfix {
@@ -24,8 +24,8 @@ taro-image-core {
 }
 .taro-img__mode-aspectfill {
   position: absolute;
-  top: 50%;
   left: 50%;
+  top: 50%;
   transform: translate(-50%, -50%);
 }
 .taro-img__mode-aspectfill--width {
@@ -39,21 +39,24 @@ taro-image-core {
 .taro-img__mode-widthfix {
   width: 100%;
 }
+.taro-img__mode-heightfix {
+  height: 100%;
+}
 .taro-img__mode-top {
   width: 100%;
 }
 .taro-img__mode-bottom {
-  width: 100%;
   position: absolute;
   bottom: 0;
+  width: 100%;
 }
 .taro-img__mode-left {
   height: 100%;
 }
 .taro-img__mode-right {
   position: absolute;
-  height: 100%;
   right: 0;
+  height: 100%;
 }
 .taro-img__mode-topright {
   position: absolute;

package/dist/collection/components/input/index.css

@@ -4,9 +4,9 @@ taro-input-core {
 
 input {
   display: block;
+  overflow: hidden;
   height: 1.4rem;
-  text-align: inherit;
   text-overflow: clip;
-  overflow: hidden;
+  text-align: inherit;
   white-space: nowrap;
 }