@tarojs/components 3.8.0-canary.0 → 4.0.0-alpha.10

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

@@ -1,160 +1 @@
-taro-button-core {
-  display: block;
-  overflow: hidden;
-  position: relative;
-  box-sizing: border-box;
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: 14px;
-  padding-right: 14px;
-  border-width: 0;
-  border-radius: 5px;
-  width: 100%;
-  appearance: none;
-  outline: 0;
-  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:not([disabled]):active {
-  background-color: #dedede;
-  color: rgba(0, 0, 0, 0.6);
-}
-taro-button-core::after {
-  position: absolute;
-  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;
-}
-taro-button-core + taro-button-core {
-  margin-top: 15px;
-}
-taro-button-core[type=default] {
-  background-color: #f8f8f8;
-  color: #000;
-}
-taro-button-core[type=default]:not([disabled]):visited {
-  color: #000;
-}
-taro-button-core[type=default]:not([disabled]):active {
-  background-color: #dedede;
-  color: rgba(0, 0, 0, 0.6);
-}
-taro-button-core[size=mini] {
-  display: inline-block;
-  padding: 0 1.32em;
-  width: auto;
-  line-height: 2.3;
-  font-size: 13px;
-}
-taro-button-core[plain], taro-button-core[plain][type=default], taro-button-core[plain][type=primary] {
-  border-width: 1px;
-  background-color: transparent;
-}
-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);
-}
-taro-button-core[disabled][type=primary] {
-  background-color: #9ed99d;
-}
-taro-button-core[disabled][type=warn] {
-  background-color: #ec8b89;
-}
-taro-button-core[loading] .weui-loading {
-  margin: -0.2em 0.34em 0 0;
-}
-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;
-}
-taro-button-core[loading][type=warn] {
-  background-color: #ce3c39;
-}
-taro-button-core[plain][type=primary] {
-  border: 1px solid #1aad19;
-  color: #1aad19;
-}
-taro-button-core[plain][type=primary]:not([disabled]):active {
-  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 {
-  border-width: 0;
-}
-taro-button-core[plain][type=warn] {
-  border: 1px solid #e64340;
-  color: #e64340;
-}
-taro-button-core[plain][type=warn]:not([disabled]):active {
-  border-color: rgba(230, 67, 64, 0.6);
-  background-color: transparent;
-  color: rgba(230, 67, 64, 0.6);
-}
-taro-button-core[plain][type=warn]::after {
-  border-width: 0;
-}
-taro-button-core[plain], taro-button-core[plain][type=default] {
-  border: 1px solid #353535;
-  color: #353535;
-}
-taro-button-core[plain]:not([disabled]):active, taro-button-core[plain][type=default]:not([disabled]):active {
-  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 {
-  border-width: 0;
-}
-taro-button-core[type=primary] {
-  background-color: #1aad19;
-  color: #fff;
-}
-taro-button-core[type=primary]:not([disabled]):visited {
-  color: #fff;
-}
-taro-button-core[type=primary]:not([disabled]):active {
-  background-color: #179b16;
-  color: rgba(255, 255, 255, 0.6);
-}
-taro-button-core[type=warn] {
-  background-color: #e64340;
-  color: #fff;
-}
-taro-button-core[type=warn]:not([disabled]):visited {
-  color: #fff;
-}
-taro-button-core[type=warn]:not([disabled]):active {
-  background-color: #ce3c39;
-  color: rgba(255, 255, 255, 0.6);
-}
-taro-button-core[plain][disabled] {
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  background-color: #f7f7f7;
-  color: rgba(0, 0, 0, 0.3);
-}
-taro-button-core[plain][disabled][type=primary] {
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  background-color: #f7f7f7;
-  color: rgba(0, 0, 0, 0.3);
-}
+.weui-loading{vertical-align:middle;background:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") 0 0/100% no-repeat;width:20px;height:20px;animation:1s steps(12,end) infinite weuiLoading;display:inline-block}@-webkit-keyframes weuiLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes weuiLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weui-btn_loading .weui-loading{margin:-.2em .34em 0 0}.weui-btn_loading.weui-btn_primary,.weui-btn_loading.weui-btn_warn{color:rgba(255,255,255,.6)}.weui-btn_loading.weui-btn_primary{background-color:#179b16}.weui-btn_loading.weui-btn_warn{background-color:#ce3c39}taro-button-core{box-sizing:border-box;appearance:none;text-align:center;color:#000;-webkit-tap-highlight-color:transparent;background-color:#f8f8f8;border-width:0;border-radius:5px;outline:0;width:100%;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;font-size:18px;line-height:2.55556;text-decoration:none;display:block;position:relative;overflow:hidden}taro-button-core:focus{outline:0}taro-button-core:not([disabled]):active{color:rgba(0,0,0,.6);background-color:#dedede}taro-button-core:after{box-sizing:border-box;content:" ";transform-origin:0 0;border:1px solid rgba(0,0,0,.2);border-radius:10px;width:200%;height:200%;position:absolute;top:0;left:0;transform:scale(.5)}taro-button-core+taro-button-core{margin-top:15px}taro-button-core[type=default]{color:#000;background-color:#f8f8f8}taro-button-core[type=default]:not([disabled]):visited{color:#000}taro-button-core[type=default]:not([disabled]):active{color:rgba(0,0,0,.6);background-color:#dedede}taro-button-core[size=mini]{width:auto;padding:0 1.32em;font-size:13px;line-height:2.3;display:inline-block}taro-button-core[plain],taro-button-core[plain][type=default],taro-button-core[plain][type=primary]{background-color:transparent;border-width:1px}taro-button-core[disabled]{color:rgba(255,255,255,.6)}taro-button-core[disabled][type=default]{color:rgba(0,0,0,.3);background-color:#f7f7f7}taro-button-core[disabled][type=primary]{background-color:#9ed99d}taro-button-core[disabled][type=warn]{background-color:#ec8b89}taro-button-core[loading] .weui-loading{margin:-.2em .34em 0 0}taro-button-core[loading][type=primary],taro-button-core[loading][type=warn]{color:rgba(255,255,255,.6)}taro-button-core[loading][type=primary]{background-color:#179b16}taro-button-core[loading][type=warn]{background-color:#ce3c39}taro-button-core[plain][type=primary]{color:#1aad19;border:1px solid #1aad19}taro-button-core[plain][type=primary]:not([disabled]):active{color:rgba(26,173,25,.6);background-color:transparent;border-color:rgba(26,173,25,.6)}taro-button-core[plain][type=primary]:after{border-width:0}taro-button-core[plain][type=warn]{color:#e64340;border:1px solid #e64340}taro-button-core[plain][type=warn]:not([disabled]):active{color:rgba(230,67,64,.6);background-color:transparent;border-color:rgba(230,67,64,.6)}taro-button-core[plain][type=warn]:after{border-width:0}taro-button-core[plain],taro-button-core[plain][type=default]{color:#353535;border:1px solid #353535}taro-button-core[plain]:not([disabled]):active,taro-button-core[plain][type=default]:not([disabled]):active{color:rgba(53,53,53,.6);background-color:transparent;border-color:rgba(53,53,53,.6)}taro-button-core[plain]:after,taro-button-core[plain][type=default]:after{border-width:0}taro-button-core[type=primary]{color:#fff;background-color:#1aad19}taro-button-core[type=primary]:not([disabled]):visited{color:#fff}taro-button-core[type=primary]:not([disabled]):active{color:rgba(255,255,255,.6);background-color:#179b16}taro-button-core[type=warn]{color:#fff;background-color:#e64340}taro-button-core[type=warn]:not([disabled]):visited{color:#fff}taro-button-core[type=warn]:not([disabled]):active{color:rgba(255,255,255,.6);background-color:#ce3c39}taro-button-core[plain][disabled],taro-button-core[plain][disabled][type=primary]{color:rgba(0,0,0,.3);background-color:#f7f7f7;border:1px solid rgba(0,0,0,.2)}

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

@@ -14,14 +14,26 @@ export class Canvas {
       clearTimeout(this.timer);
     };
     this.canvasId = undefined;
+    this.height = undefined;
+    this.width = undefined;
     this.nativeProps = {};
   }
+  componentDidRender() {
+    const [canvas] = this.el.children;
+    if (!this.height || !this.width) {
+      let style = window.getComputedStyle(canvas);
+      this.height || (this.height = style.height);
+      this.width || (this.width = style.width);
+    }
+    canvas.height = parseInt(this.height);
+    canvas.width = parseInt(this.width);
+  }
   render() {
     const { canvasId, nativeProps } = this;
     return (h("canvas", Object.assign({ "canvas-id": canvasId, style: {
         width: '100%',
         height: '100%'
-      }, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, nativeProps)));
+      }, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchCancel: this.onTouchEnd, onTouchEnd: this.onTouchEnd }, nativeProps)));
   }
   static get is() { return "taro-canvas-core"; }
   static get originalStyleUrls() {
@@ -50,9 +62,43 @@ export class Canvas {
           "tags": [],
           "text": ""
         },
-        "attribute": "canvas-id",
+        "attribute": "id",
         "reflect": false
       },
+      "height": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "height",
+        "reflect": true
+      },
+      "width": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "width",
+        "reflect": true
+      },
       "nativeProps": {
         "type": "unknown",
         "mutable": false,

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

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

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

@@ -1,39 +1 @@
-.taro-checkbox {
-  display: inline-block;
-  position: relative;
-}
-.taro-checkbox_checked {
-  display: inline-block;
-  position: relative;
-  top: 5px;
-  border: 1px solid #d1d1d1;
-  border-radius: 3px;
-  width: 23px;
-  height: 23px;
-  min-height: 0;
-  appearance: none;
-  outline: 0;
-  background-color: #fff;
-  vertical-align: 0;
-  font-size: 23px;
-  color: #1aad19;
-}
-.taro-checkbox_checked:checked::before {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  vertical-align: middle;
-  text-decoration: inherit;
-  text-align: center;
-  text-transform: none;
-  font-family: weui;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  font-size: inherit;
-  color: inherit;
-  content: "\ea08";
-  transform: translate(-50%, -48%) scale(0.73);
-  speak: none;
-}
+page,body{--weui-cellMarginLR:16px;--weui-cellPaddingLR:16px}.weui-cells__group{border:0}.weui-cells__group:first-child{margin-top:0}.weui-cells__group_form{margin-top:24px}.weui-cells__group_form .weui-cells{margin-left:var(--weui-cellMarginLR);margin-right:var(--weui-cellMarginLR)}.weui-cells__group_form .weui-cells:before,.weui-cells__group_form .weui-cells:after{left:var(--weui-cellPaddingLR);right:var(--weui-cellPaddingLR)}.weui-cells__group_form .weui-cell{padding:16px var(--weui-cellPaddingLR)}.weui-cells__group_form .weui-cell:before{left:var(--weui-cellPaddingLR);right:var(--weui-cellPaddingLR)}.weui-cells__group_form .weui-cell:not(.weui-cell_vertical) .weui-cell__hd{padding-right:16px}.weui-cells__group_form .weui-cell:not(.weui-cell_vertical) .weui-cell__ft{padding-left:16px}.weui-cells__group_form .weui-cells__title{margin-top:24px;margin-bottom:8px;padding:0 32px}.weui-cells__group_form:first-child .weui-cells__title{margin-top:0}.weui-cells__group_form .weui-cells__tips{padding:0 calc(var(--weui-cellMarginLR) + var(--weui-cellPaddingLR));color:var(--weui-FG-2);margin-top:8px}.weui-cells__group_form .weui-cells__tips a{font-weight:700}.weui-cells__group_form .weui-cells__tips_warn{color:var(--weui-RED)}.weui-cells__group_form .weui-label{max-width:5em;margin-right:8px}.weui-cells__group_form .weui-cell_access:active:after,.weui-cells__group_form .weui-cell_active:active:after{border-radius:8px}.weui-cells__group_form .weui-cell_warn input{color:#e64340}.weui-cells__group_form .weui-icon-warn,.weui-cells__group_form .weui-cell_switch:active:after,.weui-cells__group_form .weui-cell_vcode:active:after,.weui-cells__group_form .weui-cell_readonly:active:after,.weui-cells__group_form .weui-cell_disabled:active:after{display:none}.weui-cells__group_form input,.weui-cells__group_form textarea,.weui-cells__group_form label[for]{-webkit-tap-highlight-color:transparent}.weui-cells__group_form .weui-cell_wrap{align-items:initial;padding-top:8px;padding-bottom:8px}.weui-cells__group_form .weui-cell_wrap .weui-cell__hd{padding-right:0}.weui-cells__group_form .weui-cell_wrap .weui-label{margin-top:8px}.weui-cells__group_form .weui-cell_wrap .weui-cell__bd{flex-wrap:wrap;align-items:center;display:flex}.weui-cells__group_form .weui-cell__control{margin:8px 0 8px 16px}.weui-cells__group_form .weui-cell__control_flex{flex:1;min-width:30vw}.weui-cells__group_form .weui-vcode-btn{color:#000;background-color:#f8f8f8;border-radius:6px;width:auto;height:auto;padding:0 12px;font-size:16px;line-height:2}.weui-cells__group_form .weui-vcode-btn:before{display:none}.weui-cells__group_form .weui-cell_vcode.weui-cell_wrap{padding-top:4px;padding-bottom:4px}.weui-cells__group_form .weui-cell_vcode.weui-cell_wrap .weui-label{margin-top:12px}.weui-cells__group_form .weui-cell_vcode.weui-cell_wrap .weui-input{min-height:1.88235em;font-size:17px}.weui-cells__group_form .weui-cells_checkbox .weui-check__label:before{left:calc(40px + var(--weui-cellPaddingLR))}.weui-cells__group_form .weui-cell_select{padding:0}.weui-cells__group_form .weui-cell_select-before .weui-cell__hd{padding-right:0}.weui-cells__group_form .weui-cell_switch{padding:12px 16px}.weui-cells__group_form-primary{margin-top:32px}.weui-cells__group_form-primary .weui-cells{background:var(--weui-BG-1);border-radius:8px;overflow:hidden}.weui-cells__group_form-primary .weui-cells:before,.weui-cells__group_form-primary .weui-cells:after{display:none}.weui-cells__group_form-primary .weui-cell_access:active:after,.weui-cells__group_form-primary .weui-cell_active:active:after{border-radius:0}.taro-checkbox{display:inline-block;position:relative}.taro-checkbox_checked{appearance:none;vertical-align:0;color:#1aad19;background-color:#fff;border:1px solid #d1d1d1;border-radius:3px;outline:0;width:23px;height:23px;min-height:0;font-size:23px;display:inline-block;position:relative;top:5px}.taro-checkbox_checked:checked:before{vertical-align:middle;text-decoration:inherit;text-align:center;text-transform:none;font-variant:normal;font-family:weui;font-style:normal;font-weight:400;font-size:inherit;color:inherit;content:"";speak:none;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)scale(.73)}

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

@@ -1,5 +1 @@
-taro-cover-image-core {
-  overflow: hidden;
-  width: 320px;
-  height: 240px;
-}
+taro-cover-image-core{width:320px;height:240px;overflow:hidden}

package/dist/collection/components/cover-view/style/cover-view.css

@@ -1,3 +1 @@
-taro-cover-view-core {
-  display: block;
-}
+taro-cover-view-core{display:block}

package/dist/collection/components/draggable-sheet/draggable-sheet.js

@@ -0,0 +1,11 @@
+import { h, Host } from '@stencil/core';
+import { notSupport } from '../../utils';
+export class DraggableSheet {
+  componentDidLoad() {
+    notSupport('DraggableSheet', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-draggable-sheet-core"; }
+}

package/dist/collection/components/grid-builder/grid-builder.js

@@ -0,0 +1,11 @@
+import { h, Host } from '@stencil/core';
+import { notSupport } from '../../utils';
+export class GridBuilder {
+  componentDidLoad() {
+    notSupport('GridBuilder', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-grid-builder-core"; }
+}

package/dist/collection/components/icon/icon.js

@@ -19,6 +19,16 @@ export class Icon {
     return (h(Host, { class: cls, style: style }));
   }
   static get is() { return "taro-icon-core"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["./style/index.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["./style/index.css"]
+    };
+  }
   static get properties() {
     return {
       "type": {

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

@@ -0,0 +1 @@
+.weui-icon-circle:before{content:""}.weui-icon-download:before{content:""}.weui-icon-info:before{content:""}.weui-icon-safe-success:before{content:""}.weui-icon-safe-warn:before{content:""}.weui-icon-success:before{content:""}.weui-icon-success-circle:before{content:""}.weui-icon-success-no-circle:before{content:""}.weui-icon-waiting:before{content:""}.weui-icon-waiting-circle:before{content:""}.weui-icon-warn:before{content:""}.weui-icon-info-circle:before{content:""}.weui-icon-cancel:before{content:""}.weui-icon-search:before{content:""}.weui-icon-clear:before{content:""}.weui-icon-back:before{content:""}.weui-icon-delete:before{content:""}.weui-icon-success{color:#09bb07;font-size:23px}.weui-icon-waiting{color:#10aeff;font-size:23px}.weui-icon-warn{color:#f43530;font-size:23px}.weui-icon-info{color:#10aeff;font-size:23px}.weui-icon-success-circle,.weui-icon-success-no-circle{color:#09bb07;font-size:23px}.weui-icon-waiting-circle{color:#10aeff;font-size:23px}.weui-icon-circle{color:#c9c9c9;font-size:23px}.weui-icon-download,.weui-icon-info-circle{color:#09bb07;font-size:23px}.weui-icon-safe-success{color:#09bb07}.weui-icon-safe-warn{color:#ffbe00}.weui-icon-cancel{color:#f43530;font-size:22px}.weui-icon-search,.weui-icon-clear{color:#b2b2b2;font-size:14px}.weui-icon-delete.weui-icon_gallery-delete{color:#fff;font-size:22px}.weui-icon_msg{font-size:93px}.weui-icon_msg.weui-icon-warn{color:#f76260}.weui-icon_msg-primary{font-size:93px}.weui-icon_msg-primary.weui-icon-warn{color:#ffbe00}

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

@@ -1,6 +1,5 @@
 import { h, Host } from '@stencil/core';
 import classNames from 'classnames';
-import('intersection-observer');
 export class Image {
   constructor() {
     this.src = undefined;
@@ -36,14 +35,16 @@ export class Image {
     this.onError.emit(e);
   }
   render() {
-    const { src, mode = 'scaleToFill', lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps, didLoad } = this;
+    const { src, lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps, didLoad } = this;
+    // mode="" 按默认值处理
+    const mode = this.mode || 'scaleToFill';
     const cls = classNames({
       'taro-img__widthfix': mode === 'widthFix'
     });
     const imgCls = classNames(`taro-img__mode-${mode.toLowerCase().replace(/\s/g, '')}`, {
       [`taro-img__mode-aspectfill--${aspectFillMode}`]: mode === 'aspectFill'
     });
-    return (h(Host, { class: cls }, h("img", Object.assign({ ref: (img) => (this.imgRef = img), class: imgCls, src: lazyLoad && !didLoad ? undefined : src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps))));
+    return (h(Host, { class: cls }, src ? (h("img", Object.assign({ ref: (img) => (this.imgRef = img), class: imgCls, src: lazyLoad && !didLoad ? undefined : src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps))) : ''));
   }
   static get is() { return "taro-image-core"; }
   static get originalStyleUrls() {

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

@@ -1,73 +1 @@
-img[src=""] {
-  opacity: 0;
-}
-
-taro-image-core {
-  display: inline-block;
-  overflow: hidden;
-  position: relative;
-  width: auto;
-  height: auto;
-  font-size: 0;
-}
-
-.taro-img.taro-img__widthfix {
-  height: 100%;
-}
-.taro-img__mode-scaletofill {
-  width: 100%;
-  height: 100%;
-}
-.taro-img__mode-aspectfit {
-  max-width: 100%;
-  max-height: 100%;
-}
-.taro-img__mode-aspectfill {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.taro-img__mode-aspectfill--width {
-  min-width: 100%;
-  height: 100%;
-}
-.taro-img__mode-aspectfill--height {
-  width: 100%;
-  min-height: 100%;
-}
-.taro-img__mode-widthfix {
-  width: 100%;
-}
-.taro-img__mode-heightfix {
-  height: 100%;
-}
-.taro-img__mode-top {
-  width: 100%;
-}
-.taro-img__mode-bottom {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-}
-.taro-img__mode-left {
-  height: 100%;
-}
-.taro-img__mode-right {
-  position: absolute;
-  right: 0;
-  height: 100%;
-}
-.taro-img__mode-topright {
-  position: absolute;
-  right: 0;
-}
-.taro-img__mode-bottomleft {
-  position: absolute;
-  bottom: 0;
-}
-.taro-img__mode-bottomright {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-}
+img[src=""]{opacity:0}taro-image-core{width:320px;height:240px;font-size:0;display:inline-block;position:relative;overflow:hidden}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{width:100%}.taro-img__mode-bottom{width:100%;position:absolute;bottom:0}.taro-img__mode-left{height:100%}.taro-img__mode-right{height:100%;position:absolute;right:0}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}

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

@@ -191,12 +191,12 @@ export class Input {
   static get is() { return "taro-input-core"; }
   static get originalStyleUrls() {
     return {
-      "$": ["index.scss"]
+      "$": ["./style/index.scss"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["index.css"]
+      "$": ["./style/index.css"]
     };
   }
   static get properties() {

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

@@ -0,0 +1 @@
+.weui-input{-webkit-appearance:none;font-size:inherit;color:inherit;background-color:transparent;border:0;outline:0;width:100%;height:1.47059em;line-height:1.47059}.weui-input::-webkit-outer-spin-button,.weui-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}taro-input-core{display:block}input{text-overflow:clip;text-align:inherit;white-space:nowrap;height:1.4rem;display:block;overflow:hidden}

package/dist/collection/components/list-builder/list-builder.js

@@ -0,0 +1,11 @@
+import { h, Host } from '@stencil/core';
+import { notSupport } from '../../utils';
+export class ListBuilder {
+  componentDidLoad() {
+    notSupport('ListBuilder', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-list-builder-core"; }
+}

package/dist/collection/components/movable-area/area.css

@@ -1,6 +1 @@
-taro-movable-area-core {
-  display: block;
-  position: relative;
-  width: 10px;
-  height: 10px;
-}
+taro-movable-area-core{width:10px;height:10px;display:block;position:relative}

package/dist/collection/components/movable-area/movable-area.js

@@ -1,4 +1,5 @@
 import { h, Host } from '@stencil/core';
+import { isElement } from '../../utils';
 export class MovableArea {
   constructor() {
     /** 子元素集合 */
@@ -31,7 +32,7 @@ export class MovableArea {
           if (!(e = e.parentNode)) {
             return false;
           }
-          return (!(e instanceof HTMLElement) || e !== document.body) && (e === t || e === t.element || e.element === t || loop(e, t));
+          return (!isElement(e) || e !== document.body) && (e === t || e === t.element || e.element === t || loop(e, t));
         };
         for (let i = 0; i < views.length; i++) {
           const view = views[i];

package/dist/collection/components/movable-area/movable-view.js

@@ -157,7 +157,9 @@ export class MovableView {
       if (this.disabled || !this.element || this.scaling || !this.touching || touches.length > 1) {
         return;
       }
-      e.preventDefault();
+      if (this.direction !== "horizontal") {
+        e.preventDefault();
+      }
       const touch = touches[0];
       const x = touch.screenX - this.origin.x;
       const y = touch.screenY - this.origin.y;

package/dist/collection/components/movable-area/view.css

@@ -1,8 +1 @@
-taro-movable-view-core {
-  display: inline-block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 10px;
-  height: 10px;
-}
+taro-movable-view-core{width:10px;height:10px;display:inline-block;position:absolute;top:0;left:0}

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

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

package/dist/collection/components/nested-scroll-body/nested-scroll-body.js

@@ -0,0 +1,11 @@
+import { h, Host } from '@stencil/core';
+import { notSupport } from '../../utils';
+export class NestedScrollBody {
+  componentDidLoad() {
+    notSupport('NestedScrollBody', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-nested-scroll-body-core"; }
+}

package/dist/collection/components/nested-scroll-header/nested-scroll-header.js

@@ -0,0 +1,11 @@
+import { h, Host } from '@stencil/core';
+import { notSupport } from '../../utils';
+export class NestedScrollHeader {
+  componentDidLoad() {
+    notSupport('NestedScrollHeader', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-nested-scroll-header-core"; }
+}

package/dist/collection/components/open-container/open-container.js

@@ -0,0 +1,11 @@
+import { h, Host } from '@stencil/core';
+import { notSupport } from '../../utils';
+export class OpenContainer {
+  componentDidLoad() {
+    notSupport('OpenContainer', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-open-container-core"; }
+}

package/dist/collection/components/picker/picker.js

@@ -257,40 +257,41 @@ export class Picker {
     }
     else if (mode === 'date') {
       const value = this.value;
-      const _value = verifyDate(value) || new Date(new Date().setHours(0, 0, 0, 0)); // 没传值或值的合法性错误默认今天时间
+      let _value = verifyDate(value) || new Date(new Date().setHours(0, 0, 0, 0)); // 没传值或值的合法性错误默认今天时间
       const _start = verifyDate(start) || new Date('1970/01/01');
       const _end = verifyDate(end) || new Date('2999/01/01');
       // 时间区间有效性
-      if (_value >= _start && _value <= _end) {
-        const currentYear = _value.getFullYear();
-        const currentMonth = _value.getMonth() + 1;
-        const currentDay = _value.getDate();
-        const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear());
-        const monthRange = getMonthRange(_start, _end, currentYear);
-        const dayRange = getDayRange(_start, _end, currentYear, currentMonth);
-        this.index = [
-          yearRange.indexOf(currentYear),
-          monthRange.indexOf(currentMonth),
-          dayRange.indexOf(currentDay)
-        ];
-        if (!this.pickerDate ||
-          this.pickerDate._value.getTime() !== _value.getTime() ||
-          this.pickerDate._start.getTime() !== _start.getTime() ||
-          this.pickerDate._end.getTime() !== _end.getTime()) {
-          this.pickerDate = {
-            _value,
-            _start,
-            _end,
-            _updateValue: [
-              currentYear,
-              currentMonth,
-              currentDay
-            ]
-          };
-        }
+      if (!(_start <= _end)) {
+        throw new Error(`Picker start time must be less than end time.`);
+      }
+      if (!(_value >= _start && _value <= _end)) {
+        _value = _start;
       }
-      else {
-        throw new Error('Date Interval Error');
+      const currentYear = _value.getFullYear();
+      const currentMonth = _value.getMonth() + 1;
+      const currentDay = _value.getDate();
+      const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear());
+      const monthRange = getMonthRange(_start, _end, currentYear);
+      const dayRange = getDayRange(_start, _end, currentYear, currentMonth);
+      this.index = [
+        yearRange.indexOf(currentYear),
+        monthRange.indexOf(currentMonth),
+        dayRange.indexOf(currentDay)
+      ];
+      if (!this.pickerDate ||
+        this.pickerDate._value.getTime() !== _value.getTime() ||
+        this.pickerDate._start.getTime() !== _start.getTime() ||
+        this.pickerDate._end.getTime() !== _end.getTime()) {
+        this.pickerDate = {
+          _value,
+          _start,
+          _end,
+          _updateValue: [
+            currentYear,
+            currentMonth,
+            currentDay
+          ]
+        };
       }
     }
     else {