@tarojs/components 3.5.0-canary.1 → 3.5.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
 
 let VoipRoom = class {
   constructor(hostRef) {

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

@@ -60,8 +60,8 @@
   ],
   "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/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/image/image.js

@@ -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;
-  font-size: 0;
   width: auto;
   height: auto;
+  font-size: 0;
 }
 
 .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;
 }

package/dist/collection/components/input/input.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, Event, Element, State, Watch } from '@stencil/core';
+import { Component, h, Prop, Event, Element, Watch } from '@stencil/core';
 function getTrueType(type, confirmType, password) {
   if (confirmType === 'search')
     type = 'search';
@@ -50,7 +50,7 @@ export class Input {
         //     }
         //   )
         // }
-        this._value = value;
+        this.value = value;
         this.onInput.emit({
           value,
           cursor: value.length
@@ -81,7 +81,11 @@ export class Input {
       });
       if (this.isOnPaste) {
         this.isOnPaste = false;
-        this.onInput.emit({ value: e.target.value });
+        this.value = e.target.value;
+        this.onInput.emit({
+          value: e.target.value,
+          cursor: e.target.value.length
+        });
       }
     };
     this.handleKeyDown = (e) => {
@@ -101,26 +105,28 @@ export class Input {
         return;
       if (e.type === 'compositionend') {
         this.isOnComposition = false;
-        this.onInput.emit({ value: e.target.value });
+        this.value = e.target.value;
+        this.onInput.emit({
+          value: e.target.value,
+          cursor: e.target.value.length
+        });
       }
       else {
         this.isOnComposition = true;
       }
     };
   }
-  watchHandler(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      this._value = newValue;
-    }
-  }
   watchFocus(newValue, oldValue) {
     var _a;
     if (!oldValue && newValue) {
       (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }
-  componentWillLoad() {
-    this._value = this.value;
+  watchValue(newValue) {
+    const value = fixControlledValue(newValue);
+    if (this.inputRef && this.inputRef.value !== value) {
+      this.inputRef.value = value;
+    }
   }
   componentDidLoad() {
     var _a, _b, _c;
@@ -136,9 +142,7 @@ export class Input {
     }
     Object.defineProperty(this.el, 'value', {
       get: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value; },
-      set: value => {
-        this._value = value;
-      },
+      set: value => (this.value = value),
       configurable: true
     });
   }
@@ -149,10 +153,10 @@ export class Input {
     }
   }
   render() {
-    const { _value, type, password, placeholder, autoFocus, disabled, maxlength, confirmType, name, nativeProps } = this;
+    const { value, type, password, placeholder, autoFocus, disabled, maxlength, confirmType, name, nativeProps } = this;
     return (h("input", Object.assign({ ref: input => {
         this.inputRef = input;
-      }, class: 'weui-input', value: fixControlledValue(_value), type: getTrueType(type, confirmType, password), placeholder: placeholder, autoFocus: autoFocus, disabled: disabled, maxlength: maxlength, name: name, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onCompositionStart: this.handleComposition, onCompositionEnd: this.handleComposition }, nativeProps)));
+      }, class: 'weui-input', value: fixControlledValue(value), type: getTrueType(type, confirmType, password), placeholder: placeholder, autoFocus: autoFocus, disabled: disabled, maxlength: maxlength, name: name, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onCompositionStart: this.handleComposition, onCompositionEnd: this.handleComposition }, nativeProps)));
   }
   static get is() { return "taro-input-core"; }
   static get originalStyleUrls() { return {
@@ -337,9 +341,6 @@ export class Input {
       "defaultValue": "{}"
     }
   }; }
-  static get states() { return {
-    "_value": {}
-  }; }
   static get events() { return [{
       "method": "onInput",
       "name": "input",
@@ -448,10 +449,10 @@ export class Input {
     }]; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{
-      "propName": "value",
-      "methodName": "watchHandler"
-    }, {
       "propName": "autoFocus",
       "methodName": "watchFocus"
+    }, {
+      "propName": "value",
+      "methodName": "watchValue"
     }]; }
 }

package/dist/collection/components/navigator/navigator.js

@@ -79,10 +79,10 @@ export class Navigator {
   }
   static get is() { return "taro-navigator-core"; }
   static get originalStyleUrls() { return {
-    "$": ["navigator.css"]
+    "$": ["./style/index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["navigator.css"]
+    "$": ["./style/index.css"]
   }; }
   static get properties() { return {
     "hoverClass": {

package/dist/collection/components/navigator/{navigator.css → style/index.css}

@@ -1,3 +1,3 @@
-.navigator-hover {
-  background: #efefef;
-}
+.navigator-hover {
+  background: #efefef;
+}

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

@@ -1,3 +1,4 @@
-.weui-picker, .weui-picker__hd {
+.weui-picker,
+.weui-picker__hd {
   font-size: 12px;
 }