@tarojs/components 3.8.0-canary.0 → 4.0.0-beta.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/picker-view/picker-view-column.js

@@ -30,46 +30,37 @@ export class PickerViewColumn {
     this.initialPosition = '0';
     this.paddingVertical = 0;
     this.isInit = false;
-    this.isMove = false;
   }
-  onScroll(_event) {
-    if (!this.isMove) {
-      this.isMove = true;
-      this.onSelectStart.emit();
-    }
-    this.handleSelected();
-  }
-  onMouseEnd() {
-    if (!this.isMove)
-      return;
-    this.isMove = false;
-    this.handleSelected();
+  onTouchStart() {
+    this.onSelectStart.emit();
   }
   onTouchEnd() {
-    this.isMove = false;
     this.handleSelected();
   }
+  componentDidLoad() {
+    this.handleChange();
+  }
   componentDidUpdate() {
-    if (!this.isInit) {
-      this.isInit = true;
-      const childList = this.el.childNodes;
-      let idx = 0;
-      let sum = 0;
-      for (const index in childList) {
-        const item = childList[index];
-        if (this.initialPosition === index || !item || typeof item.offsetHeight !== 'number') {
-          break;
-        }
-        sum += item.offsetHeight;
-        idx++;
-      }
-      this.el.scrollTo({ top: sum });
-      if (idx >= childList.length) {
-        this.onChange.emit({
-          curIndex: this.col,
-          selectedIndex: idx - 1
-        });
+    this.handleChange();
+  }
+  handleChange() {
+    const childList = this.el.childNodes;
+    let idx = 0;
+    let sum = 0;
+    for (const index in childList) {
+      const item = childList[index];
+      if (this.initialPosition === index || !item || typeof item.offsetHeight !== 'number') {
+        break;
       }
+      sum += item.offsetHeight;
+      idx++;
+    }
+    this.el.scrollTo({ top: sum });
+    if (idx >= childList.length) {
+      this.onChange.emit({
+        curIndex: this.col,
+        selectedIndex: idx - 1
+      });
     }
   }
   render() {
@@ -146,8 +137,7 @@ export class PickerViewColumn {
   }
   static get states() {
     return {
-      "isInit": {},
-      "isMove": {}
+      "isInit": {}
     };
   }
   static get events() {
@@ -201,26 +191,8 @@ export class PickerViewColumn {
   static get elementRef() { return "el"; }
   static get listeners() {
     return [{
-        "name": "scroll",
-        "method": "onScroll",
-        "target": undefined,
-        "capture": false,
-        "passive": true
-      }, {
-        "name": "mouseup",
-        "method": "onMouseEnd",
-        "target": undefined,
-        "capture": false,
-        "passive": true
-      }, {
-        "name": "mouseout",
-        "method": "onMouseEnd",
-        "target": undefined,
-        "capture": false,
-        "passive": true
-      }, {
-        "name": "mouseleave",
-        "method": "onMouseEnd",
+        "name": "touchstart",
+        "method": "onTouchStart",
         "target": undefined,
         "capture": false,
         "passive": true

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

@@ -9,6 +9,9 @@ export class PickerView {
     this.maskStyle = undefined;
     this.maskClass = undefined;
   }
+  onPropsChange() {
+    this.handleValueChange();
+  }
   onSelect(e) {
     e.stopPropagation();
     if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
@@ -31,13 +34,16 @@ export class PickerView {
     this.onPickEnd.emit();
   }
   componentDidLoad() {
+    this.handleValueChange();
+  }
+  handleValueChange() {
     const childList = this.el.querySelectorAll('taro-picker-view-column-core');
     childList.forEach((element, index) => {
       var _a;
       element.setAttribute('col', `${index}`);
-      let selectIndex = '0';
+      let selectIndex = 0;
       if (!!this.value && this.value.length > index) {
-        selectIndex = `${this.value[index]}`;
+        selectIndex = this.value[index];
       }
       const pickerHeight = this.el.getBoundingClientRect().height;
       const indicatorHeight = ((_a = this.indicator) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
@@ -212,6 +218,12 @@ export class PickerView {
       }];
   }
   static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "onPropsChange"
+      }];
+  }
   static get listeners() {
     return [{
         "name": "onselect",

package/dist/collection/components/pull-to-refresh/pull-to-refresh.js

@@ -216,17 +216,19 @@ export class PullToRefresh {
       }
     });
     Taro.eventCenter.on('__taroStopPullDownRefresh', ({ successHandler, errorHandler }) => {
-      try {
-        this.triggerPullDownRefresh(false);
-        successHandler({
-          errMsg: 'stopPullDownRefresh: ok'
-        });
-      }
-      catch (e) {
-        errorHandler({
-          errMsg: 'stopPullDownRefresh: fail'
-        });
-      }
+      setTimeout(() => {
+        try {
+          this.triggerPullDownRefresh(false);
+          successHandler({
+            errMsg: 'stopPullDownRefresh: ok'
+          });
+        }
+        catch (e) {
+          errorHandler({
+            errMsg: 'stopPullDownRefresh: fail'
+          });
+        }
+      }, 0);
     });
   }
   render() {
@@ -243,7 +245,7 @@ export class PullToRefresh {
     }
     return (h(Host, { class: classNames(this.prefixCls, `${this.prefixCls}-down`) }, renderRefresh(`${this.prefixCls}-content`)));
   }
-  static get is() { return "taro-pull-to-refresh"; }
+  static get is() { return "taro-pull-to-refresh-core"; }
   static get originalStyleUrls() {
     return {
       "$": ["./style/index.scss"]

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

@@ -3,7 +3,7 @@
 }
 
 .rmc-pull-to-refresh-content-wrapper {
-  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;
@@ -73,9 +73,11 @@ export class ScrollView {
     this.mpScrollIntoViewMethod(newVal);
   }
   handleScroll(e) {
+    var _a;
     if (e instanceof CustomEvent)
       return;
     e.stopPropagation();
+    (_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
     const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
     this._scrollLeft = scrollLeft;
     this._scrollTop = scrollTop;
@@ -87,6 +89,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 +133,9 @@ export class ScrollView {
       top, left, animated
     });
   }
+  componentDidRender() {
+    handleStencilNodes(this.el);
+  }
   render() {
     const { scrollX, scrollY } = this;
     const cls = classNames({
@@ -419,7 +429,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,47 +1,50 @@
 import { Host, h } from '@stencil/core';
 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;
+export class SwiperItem {
+  constructor() {
+    this.itemId = undefined;
+    this.deep = false;
+  }
+  handleCloneNode(node, deep) {
+    const clonedNode = nativeCloneNode.call(node, false);
+    const srcChildNodes = this.handleChildNodes(node);
+    if (deep) {
+      for (let i = 0; i < srcChildNodes.length; i++) {
+        const srcNode = srcChildNodes[i];
+        if (!srcNode)
+          break;
+        let srcDeep = deep;
+        if (srcNode.nodeType !== 2 && srcNode.nodeType !== 8) {
+          // Note: 没有引用节点（s-cr[reference comment]）的情况下，不复制子节点避免冗余（例如：Image 组件）
+          if (this.deep !== true && !srcNode['s-cr']) {
+            srcDeep = false;
+          }
+          const childClone = this.handleCloneNode(srcNode, srcDeep);
+          clonedNode.appendChild(childClone);
         }
-        const childClone = cloneNode(srcNode, srcDeep);
-        clonedNode.appendChild(childClone);
       }
     }
+    return clonedNode;
   }
-  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);
+  handleChildNodes(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 result;
-  }
-  return Array.from(childNodes);
-}
-export class SwiperItem {
-  constructor() {
-    this.itemId = undefined;
+    return Array.from(childNodes);
   }
   componentDidRender() {
     this.el.cloneNode = (deep = false) => {
-      return cloneNode.call(null, this.el, deep);
+      return this.handleCloneNode(this.el, deep);
     };
   }
   render() {
@@ -66,6 +69,24 @@ export class SwiperItem {
         },
         "attribute": "item-id",
         "reflect": false
+      },
+      "deep": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "deep",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

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

@@ -1,3 +1,20 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+  if (kind === "m")
+    throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _Swiper_id, _Swiper_source;
 import { h, Host } from '@stencil/core';
 import classNames from 'classnames';
 import SwiperJS from 'swiper/swiper-bundle.esm.js';
@@ -5,13 +22,14 @@ import { debounce } from '../../utils';
 let INSTANCE_ID = 0;
 export class Swiper {
   constructor() {
-    this._id = INSTANCE_ID++;
+    _Swiper_id.set(this, INSTANCE_ID++);
+    _Swiper_source.set(this, '');
     this.handleSwiperLoopListen = () => {
       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 +43,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();
       }
@@ -131,9 +150,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('MutationObserver', this.handleSwiperSize);
+    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('MutationObserver', this.handleSwiperSizeDebounce);
   }
   watchCircular() {
     if (this.swiper) {
@@ -175,9 +194,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('MutationObserver', 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);
@@ -187,7 +206,7 @@ export class Swiper {
     // eslint-disable-next-line @typescript-eslint/no-this-alias
     const that = this;
     const options = {
-      pagination: { el: `.taro-swiper-${this._id} > .swiper-container > .swiper-pagination` },
+      pagination: { el: `.taro-swiper-${__classPrivateFieldGet(this, _Swiper_id, "f")} > .swiper-container > .swiper-pagination` },
       direction: vertical ? 'vertical' : 'horizontal',
       loop: circular,
       slidesPerView: displayMultipleItems,
@@ -215,13 +234,22 @@ export class Swiper {
           }
           that.onChange.emit({
             current: this.realIndex,
-            source: ''
+            source: __classPrivateFieldGet(that, _Swiper_source, "f"),
           });
         },
+        touchEnd: () => {
+          __classPrivateFieldSet(that, _Swiper_source, 'touch', "f");
+        },
+        autoplay() {
+          __classPrivateFieldSet(that, _Swiper_source, 'autoplay', "f");
+        },
         transitionEnd() {
+          setTimeout(() => {
+            __classPrivateFieldSet(that, _Swiper_source, '', "f");
+          });
           that.onAnimationFinish.emit({
             current: this.realIndex,
-            source: ''
+            source: __classPrivateFieldGet(that, _Swiper_source, "f"),
           });
         },
         observerUpdate(_swiper, e) {
@@ -247,8 +275,8 @@ export class Swiper {
         disableOnInteraction: false
       };
     }
-    this.swiper = new SwiperJS(`.taro-swiper-${this._id} > .swiper-container`, options);
-    this.swiperWrapper = this.el.querySelector(`.taro-swiper-${this._id} > .swiper-container > .swiper-wrapper`);
+    this.swiper = new SwiperJS(`.taro-swiper-${__classPrivateFieldGet(this, _Swiper_id, "f")} > .swiper-container`, options);
+    this.swiperWrapper = this.el.querySelector(`.taro-swiper-${__classPrivateFieldGet(this, _Swiper_id, "f")} > .swiper-container > .swiper-wrapper`);
   }
   render() {
     const { vertical, indicatorDots, indicatorColor, indicatorActiveColor } = this;
@@ -270,9 +298,9 @@ export class Swiper {
       style.marginRight = `${nM}px`;
       style.marginLeft = `${pM}px`;
     }
-    return (h(Host, { class: `taro-swiper-${this._id}`, style: hostStyle }, h("div", { class: 'swiper-container', style: style }, h("style", { type: 'text/css' }, `
-              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet { background: ${indicatorColor} }
-              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet-active { background: ${indicatorActiveColor} }
+    return (h(Host, { class: `taro-swiper-${__classPrivateFieldGet(this, _Swiper_id, "f")}`, style: hostStyle }, h("div", { class: 'swiper-container', style: style }, h("style", { type: 'text/css' }, `
+              .taro-swiper-${__classPrivateFieldGet(this, _Swiper_id, "f")} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet { background: ${indicatorColor} }
+              .taro-swiper-${__classPrivateFieldGet(this, _Swiper_id, "f")} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet-active { background: ${indicatorActiveColor} }
             `), h("div", { class: 'swiper-wrapper' }, h("slot", null)), h("div", { class: classNames('swiper-pagination', {
         'swiper-pagination-hidden': !indicatorDots,
         'swiper-pagination-bullets': indicatorDots
@@ -614,3 +642,4 @@ export class Swiper {
       }];
   }
 }
+_Swiper_id = new WeakMap(), _Swiper_source = new WeakMap();

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/tabbar/tabbar-item.js

@@ -1,6 +1,6 @@
-import classNames from 'classnames';
 import { h } from '@stencil/core';
 import Taro from '@tarojs/taro';
+import classNames from 'classnames';
 import { isVisible } from '../../utils';
 export const TabbarItem = ({ index, isSelected = false, textColor, iconPath, badgeText, showRedDot = false, pagePath, text, onSelect }) => {
   const className = classNames('weui-tabbar__item', {

package/dist/collection/components/tabbar/tabbar.js

@@ -300,11 +300,11 @@ export class Tabbar {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "Conf",
-          "resolved": "Conf",
+          "original": "ITabBarConf",
+          "resolved": "ITabBarConf",
           "references": {
-            "Conf": {
-              "location": "local"
+            "ITabBarConf": {
+              "location": "global"
             }
           }
         },

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

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