@tarojs/components 3.7.0-alpha.8 → 3.7.0-beta.3

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/image/style/index.css

@@ -6,8 +6,8 @@ taro-image-core {
   display: inline-block;
   overflow: hidden;
   position: relative;
-  width: auto;
-  height: auto;
+  width: 320px;
+  height: 240px;
   font-size: 0;
 }
 

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 {

package/dist/collection/components/pull-to-refresh/style/index.css

@@ -3,8 +3,7 @@
 }
 
 .rmc-pull-to-refresh-content-wrapper {
-  overflow: hidden;
-  min-height: 100vh;
+  min-height: 100%;
 }
 
 .rmc-pull-to-refresh-transition {

package/dist/collection/components/scroll-view/scroll-view.js

@@ -1,6 +1,6 @@
 import { Host, h } from '@stencil/core';
 import classNames from 'classnames';
-import { debounce } from '../../utils';
+import { debounce, handleStencilNodes } from '../../utils';
 function easeOutScroll(from, to, duration = 500, callback) {
   if (from === to || typeof from !== 'number') {
     return;
@@ -87,6 +87,11 @@ export class ScrollView {
       scrollWidth
     });
   }
+  handleTouchMove(e) {
+    if (e instanceof CustomEvent)
+      return;
+    e.stopPropagation();
+  }
   async mpScrollToMethod(object) {
     let { top, left, duration, animated = false } = object;
     if (this.scrollY && typeof top === 'number' && !isNaN(top) && top !== this._scrollTop) {
@@ -126,6 +131,9 @@ export class ScrollView {
       top, left, animated
     });
   }
+  componentDidRender() {
+    handleStencilNodes(this.el);
+  }
   render() {
     const { scrollX, scrollY } = this;
     const cls = classNames({
@@ -419,7 +427,13 @@ export class ScrollView {
         "name": "scroll",
         "method": "handleScroll",
         "target": undefined,
-        "capture": true,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchmove",
+        "method": "handleTouchMove",
+        "target": undefined,
+        "capture": false,
         "passive": true
       }];
   }

package/dist/collection/components/snapshot/snapshot.js

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

package/dist/collection/components/swiper/swiper-item.js

@@ -1,49 +1,48 @@
 import { Host, h } from '@stencil/core';
-function isEqualTag(a, b) {
-  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName;
-}
-function parseChildNodes(items, targets, needClean = false) {
-  const list = Array.from(targets.values());
-  for (let i = 0, j = 0; i < list.length; i++) {
-    const target = list[i];
-    if (!target)
-      return;
-    let item = items.item(j);
-    while (item) {
-      if (!isEqualTag(item, target) || needClean) {
-        item.remove();
-        j++;
-        item = items.item(j);
-        continue;
-      }
-      if (target.childNodes.length > 0) {
-        const cleanAll = ['taro-image-core'].includes(target.tagName.toLocaleLowerCase());
-        parseChildNodes(item.childNodes, target.childNodes, cleanAll);
+const nativeCloneNode = Node.prototype.cloneNode;
+function cloneNode(node, deep) {
+  const clonedNode = nativeCloneNode.call(node, false);
+  const srcChildNodes = childNodes(node);
+  if (deep) {
+    for (let i = 0; i < srcChildNodes.length; i++) {
+      const srcNode = srcChildNodes[i];
+      let srcDeep = deep;
+      if (srcNode.nodeType !== 2 && srcNode.nodeType !== 8) {
+        // Note: 没有引用节点（s-cr[reference comment]）的情况下，不复制子节点避免冗余（例如：Image 组件）
+        if (!srcNode['s-cr']) {
+          srcDeep = false;
+        }
+        const childClone = cloneNode(srcNode, srcDeep);
+        clonedNode.appendChild(childClone);
       }
-      break;
     }
-    while (i === list.length - 1 && j < items.length) {
-      j++;
-      item = items.item(j);
-      item === null || item === void 0 ? void 0 : item.remove();
+  }
+  return clonedNode;
+}
+function childNodes(node) {
+  const childNodes = node.childNodes;
+  // check if element is stencil element without shadow dom
+  // and then detect elements that were slotted into the element
+  if (node['s-sc']) {
+    const result = [];
+    for (let i = 0; i < childNodes.length; i++) {
+      const slot = childNodes[i]['s-nr'];
+      if (slot) {
+        result.push(slot);
+      }
     }
+    return result;
   }
+  return Array.from(childNodes);
 }
 export class SwiperItem {
   constructor() {
     this.itemId = undefined;
   }
   componentDidRender() {
-    var _a, _b, _c;
-    const el = this.el;
-    if (el.classList.contains('swiper-slide-duplicate')) {
-      const list = Array
-        .from(((_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.values()) || [])
-        .filter((e) => e.tagName === 'TARO-SWIPER-ITEM-CORE');
-      if (list.length > 0) {
-        parseChildNodes(el.childNodes, (_c = list[list.indexOf(el) === 0 ? list.length - 2 : 1]) === null || _c === void 0 ? void 0 : _c.childNodes);
-      }
-    }
+    this.el.cloneNode = (deep = false) => {
+      return cloneNode.call(null, this.el, deep);
+    };
   }
   render() {
     return (h(Host, { class: 'swiper-slide', "item-id": this.itemId }));

package/dist/collection/components/swiper/swiper.js

@@ -10,8 +10,8 @@ export class Swiper {
       var _a, _b, _c;
       ((_a = this.observerFirst) === null || _a === void 0 ? void 0 : _a.disconnect) && this.observerFirst.disconnect();
       ((_b = this.observerLast) === null || _b === void 0 ? void 0 : _b.disconnect) && this.observerLast.disconnect();
-      this.observerFirst = new MutationObserver(this.handleSwiperLoop);
-      this.observerLast = new MutationObserver(this.handleSwiperLoop);
+      this.observerFirst = new MutationObserver(this.handleSwiperLoopDebounce);
+      this.observerLast = new MutationObserver(this.handleSwiperLoopDebounce);
       const wrapper = (_c = this.swiper.$wrapperEl) === null || _c === void 0 ? void 0 : _c[0];
       const list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)');
       if (list.length >= 1) {
@@ -25,22 +25,23 @@ export class Swiper {
         });
       }
     };
-    this.handleSwiperLoop = debounce(() => {
-      var _a;
+    this.handleSwiperLoop = () => {
+      var _a, _b, _c, _d;
       if (!this.swiper || !this.circular)
         return;
       const swiper = this.swiper; // Note: loop 相关的方法 swiper 未声明
       const duplicates = ((_a = this.swiperWrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.swiper-slide-duplicate')) || [];
       if (duplicates.length < 2) {
         // Note: 循环模式下，但是前后垫片未注入
-        swiper.loopDestroy();
-        swiper.loopCreate();
+        (_b = swiper.loopDestroy) === null || _b === void 0 ? void 0 : _b.call(swiper);
+        (_c = swiper.loopCreate) === null || _c === void 0 ? void 0 : _c.call(swiper);
       }
       else {
-        swiper.loopFix();
+        (_d = swiper.loopFix) === null || _d === void 0 ? void 0 : _d.call(swiper);
       }
-    }, 50);
-    this.handleSwiperSize = debounce(() => {
+    };
+    this.handleSwiperLoopDebounce = debounce(this.handleSwiperLoop, 50);
+    this.handleSwiperSizeDebounce = debounce(() => {
       if (this.swiper && !this.circular) {
         this.swiper.updateSlides();
       }
@@ -48,6 +49,7 @@ export class Swiper {
     this.swiperWrapper = undefined;
     this.swiper = undefined;
     this.isWillLoadCalled = false;
+    this.source = '';
     this.indicatorDots = false;
     this.indicatorColor = 'rgba(0, 0, 0, .3)';
     this.indicatorActiveColor = '#000000';
@@ -131,8 +133,9 @@ export class Swiper {
     this.el.removeChild = (oldChild) => {
       return newVal.removeChild(oldChild);
     };
-    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize);
-    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize);
+    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('MutationObserver', this.handleSwiperSizeDebounce);
   }
   watchCircular() {
     if (this.swiper) {
@@ -174,8 +177,9 @@ export class Swiper {
   }
   disconnectedCallback() {
     var _a, _b, _c, _d, _e, _f;
-    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize);
-    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize);
+    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.removeEventListener('MutationObserver', this.handleSwiperSizeDebounce);
     (_b = (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
     (_d = (_c = this.observerFirst) === null || _c === void 0 ? void 0 : _c.disconnect) === null || _d === void 0 ? void 0 : _d.call(_c);
     (_f = (_e = this.observerLast) === null || _e === void 0 ? void 0 : _e.disconnect) === null || _f === void 0 ? void 0 : _f.call(_e);
@@ -213,10 +217,19 @@ export class Swiper {
           }
           that.onChange.emit({
             current: this.realIndex,
-            source: ''
+            source: that.source
           });
         },
+        touchEnd: () => {
+          that.source = 'touch';
+        },
+        autoplay() {
+          that.source = 'autoplay';
+        },
         transitionEnd() {
+          setTimeout(() => {
+            that.source = '';
+          });
           that.onAnimationFinish.emit({
             current: this.realIndex,
             source: ''
@@ -548,6 +561,7 @@ export class Swiper {
       "swiperWrapper": {},
       "swiper": {},
       "isWillLoadCalled": {},
+      "source": {},
       "observer": {},
       "observerFirst": {},
       "observerLast": {}

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

@@ -3,6 +3,10 @@ body {
   height: 100%;
 }
 
+:root {
+  --taro-tabbar-height: 50px;
+}
+
 #app {
   height: 100%;
 }
@@ -25,7 +29,7 @@ body {
 .taro-tabbar__tabbar {
   position: relative;
   width: 100%;
-  height: 50px;
+  height: var(--taro-tabbar-height);
   transition: bottom 0.2s, top 0.2s;
 }
 .taro-tabbar__tabbar-top {

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

@@ -43,6 +43,7 @@
   width: 100%;
   height: 100%;
   object-position: inherit;
+  display: block;
 }
 
 .taro-video-cover {

package/dist/collection/components/video/video.js

@@ -215,6 +215,9 @@ export class Video {
           this.videoRef[screenFn.requestFullscreen]({ navigationUI: 'auto' });
         }, 0);
       }
+      else {
+        document[screenFn.exitFullscreen]();
+      }
     };
     this.toggleMute = (e) => {
       e.stopPropagation();

package/dist/collection/components/view/view.js

@@ -1,5 +1,6 @@
 import { h, Host } from '@stencil/core';
 import classNames from 'classnames';
+import { handleStencilNodes } from '../../utils';
 export class View {
   constructor() {
     this.startTime = 0;
@@ -42,15 +43,7 @@ export class View {
     }
   }
   componentDidRender() {
-    const el = this.el;
-    el.childNodes.forEach(item => {
-      // Note: ['s-cn'] Content Reference Node
-      if (item.nodeType === document.COMMENT_NODE && item['s-cn'])
-        item['s-cn'] = false;
-      // Note: ['s-sr'] Is a slot reference node (渲染完成后禁用 slotRelocation 特性, 避免 Stencil 组件相互调用时内置排序与第三方 UI 框架冲突导致组件顺序混乱)
-      if (item.nodeType !== document.COMMENT_NODE && item['s-sr'])
-        item['s-sr'] = false;
-    });
+    handleStencilNodes(this.el);
   }
   render() {
     const cls = classNames({

package/dist/collection/utils/helper.js

@@ -8,3 +8,14 @@ export function notSupport(name = '', instance = {}) {
     category: 'temporarily',
   });
 }
+export function handleStencilNodes(el) {
+  var _a;
+  (_a = el === null || el === void 0 ? void 0 : el.childNodes) === null || _a === void 0 ? void 0 : _a.forEach(item => {
+    // Note: ['s-cn'] Content Reference Node
+    if (item.nodeType === document.COMMENT_NODE && item['s-cn'])
+      item['s-cn'] = false;
+    // Note: ['s-sr'] Is a slot reference node (渲染完成后禁用 slotRelocation 特性, 避免 Stencil 组件相互调用时内置排序与第三方 UI 框架冲突导致组件顺序混乱)
+    if (item.nodeType !== document.COMMENT_NODE && item['s-sr'])
+      item['s-sr'] = false;
+  });
+}

package/dist/components/helper.js

@@ -9,5 +9,16 @@ function notSupport(name = '', instance = {}) {
     category: 'temporarily',
   });
 }
+function handleStencilNodes(el) {
+  var _a;
+  (_a = el === null || el === void 0 ? void 0 : el.childNodes) === null || _a === void 0 ? void 0 : _a.forEach(item => {
+    // Note: ['s-cn'] Content Reference Node
+    if (item.nodeType === document.COMMENT_NODE && item['s-cn'])
+      item['s-cn'] = false;
+    // Note: ['s-sr'] Is a slot reference node (渲染完成后禁用 slotRelocation 特性, 避免 Stencil 组件相互调用时内置排序与第三方 UI 框架冲突导致组件顺序混乱)
+    if (item.nodeType !== document.COMMENT_NODE && item['s-sr'])
+      item['s-sr'] = false;
+  });
+}
 
-export { notSupport as n };
+export { handleStencilNodes as h, notSupport as n };

package/dist/components/index.d.ts

@@ -65,6 +65,7 @@ export { ScrollView as TaroScrollViewCore } from '../types/components/scroll-vie
 export { ShareElement as TaroShareElementCore } from '../types/components/share-element/share-element';
 export { Slider as TaroSliderCore } from '../types/components/slider/slider';
 export { Slot as TaroSlotCore } from '../types/components/slot/slot';
+export { Snapshot as TaroSnapshotCore } from '../types/components/snapshot/snapshot';
 export { StickyHeader as TaroStickyHeaderCore } from '../types/components/sticky-header/sticky-header';
 export { StickySection as TaroStickySectionCore } from '../types/components/sticky-section/sticky-section';
 export { Swiper as TaroSwiperCore } from '../types/components/swiper/swiper';

package/dist/components/index.js

@@ -65,6 +65,7 @@ export { TaroScrollViewCore, defineCustomElement as defineCustomElementTaroScrol
 export { TaroShareElementCore, defineCustomElement as defineCustomElementTaroShareElementCore } from './taro-share-element-core.js';
 export { TaroSliderCore, defineCustomElement as defineCustomElementTaroSliderCore } from './taro-slider-core.js';
 export { TaroSlotCore, defineCustomElement as defineCustomElementTaroSlotCore } from './taro-slot-core.js';
+export { TaroSnapshotCore, defineCustomElement as defineCustomElementTaroSnapshotCore } from './taro-snapshot-core.js';
 export { TaroStickyHeaderCore, defineCustomElement as defineCustomElementTaroStickyHeaderCore } from './taro-sticky-header-core.js';
 export { TaroStickySectionCore, defineCustomElement as defineCustomElementTaroStickySectionCore } from './taro-sticky-section-core.js';
 export { TaroSwiperCore, defineCustomElement as defineCustomElementTaroSwiperCore } from './taro-swiper-core.js';

package/dist/components/taro-canvas-core.js

@@ -20,19 +20,33 @@ const Canvas = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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)));
   }
   get el() { return this; }
   static get style() { return indexCss; }
 }, [0, "taro-canvas-core", {
-    "canvasId": [1, "canvas-id"],
+    "canvasId": [1, "id"],
+    "height": [1537],
+    "width": [1537],
     "nativeProps": [16]
   }]);
 function defineCustomElement$1() {

package/dist/components/taro-image-core.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
 
-const indexCss = "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%;-webkit-transform:translate(-50%, -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}";
+const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{display:inline-block;overflow:hidden;position:relative;width:320px;height:240px;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%;-webkit-transform:translate(-50%, -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}";
 
 import('./intersection-observer.js');
 const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

package/dist/components/taro-picker-core.js

@@ -407,40 +407,41 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     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 {