@tarojs/components 3.4.0-beta.0 → 3.4.0

package/dist/cjs/taro-tabbar.cjs.entry.js

@@ -3,8 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-dd4b7ba3.js');
+const Taro = require('@tarojs/taro');
 const index = require('./index-b9715722.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+const Taro__default = /*#__PURE__*/_interopDefaultLegacy(Taro);
+
 function isAbsolute(pathname) {
   return pathname.charAt(0) === '/';
 }
@@ -87,22 +92,18 @@ const splitUrl = _url => {
     query: null,
     fragment: null
   };
-
   pos = url.indexOf('#');
   if (pos > -1) {
     res.fragment = url.substring(pos + 1);
     url = url.substring(0, pos);
   }
-
   pos = url.indexOf('?');
   if (pos > -1) {
     res.query = url.substring(pos + 1);
     url = url.substring(0, pos);
   }
-
   res.path = url;
-
-  return res
+  return res;
 };
 
 const TabbarItem = ({ index: index$2, isSelected = false, textColor, iconPath, badgeText, showRedDot = false, text, onSelect }) => {
@@ -132,8 +133,6 @@ const TabbarItem = ({ index: index$2, isSelected = false, textColor, iconPath, b
 
 const indexCss = "html,body{height:100%}#app{height:100%}.taro-tabbar__border-white::before{border-top-color:#fff !important}.taro-tabbar__container{display:-ms-flexbox;display:flex;height:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.taro-tabbar__panel{-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}.taro-tabbar__tabbar{position:relative;height:50px;width:100%;-webkit-transition:bottom 0.2s, top 0.2s;transition:bottom 0.2s, top 0.2s}.taro-tabbar__tabbar-top{top:0}.taro-tabbar__tabbar-bottom{bottom:0}.taro-tabbar__tabbar-hide{display:none}.taro-tabbar__tabbar-slideout{top:-52px;-ms-flex:0 0;flex:0 0}.taro-tabbar__panel+.taro-tabbar__tabbar-slideout{top:auto;bottom:-52px}";
 
-// IGNORE: 由于 @tarojs/taro 与 @tarojs/components 中存在循环依赖，暂时使用 commonjs 引用
-const Taro = require('@tarojs/taro');
 // const removeLeadingSlash = str => str.replace(/^\.?\//, '')
 // const removeTrailingSearch = str => str.replace(/\?[\s\S]*$/, '')
 const addLeadingSlash = str => str[0] === '/' ? str : `/${str}`;
@@ -175,7 +174,7 @@ let Tabbar = class {
     };
     this.switchTab = (index) => {
       this.selectedIndex = index;
-      Taro.switchTab({
+      Taro__default['default'].switchTab({
         url: this.list[index].pagePath
       });
     };
@@ -326,8 +325,15 @@ let Tabbar = class {
       throw new Error('tabBar 配置错误');
     }
     this.homePage = addLeadingSlash(this.conf.homePage);
-    for (const key in customRoutes) {
-      this.customRoutes.push([key, customRoutes[key]]);
+    for (let key in customRoutes) {
+      const path = customRoutes[key];
+      key = addLeadingSlash(key);
+      if (typeof path === 'string') {
+        this.customRoutes.push([key, addLeadingSlash(path)]);
+      }
+      else if ((path === null || path === void 0 ? void 0 : path.length) > 0) {
+        this.customRoutes.push(...path.map(p => [key, addLeadingSlash(p)]));
+      }
     }
     list.forEach(item => {
       if (item.pagePath.indexOf('/') !== 0) {
@@ -336,6 +342,9 @@ let Tabbar = class {
     });
     this.list = list;
     this.borderStyle = this.conf.borderStyle;
+    this.backgroundColor = this.conf.backgroundColor;
+    this.color = this.conf.color;
+    this.selectedColor = this.conf.selectedColor;
   }
   getCurrentUrl() {
     const routerMode = this.conf.mode;
@@ -355,28 +364,28 @@ let Tabbar = class {
     return processedUrl === '/' ? this.homePage : processedUrl;
   }
   bindEvent() {
-    Taro.eventCenter.on('__taroRouterChange', this.routerChangeHandler);
-    Taro.eventCenter.on('__taroSwitchTab', this.switchTabHandler);
-    Taro.eventCenter.on('__taroSetTabBarBadge', this.setTabBarBadgeHandler);
-    Taro.eventCenter.on('__taroRemoveTabBarBadge', this.removeTabBarBadgeHandler);
-    Taro.eventCenter.on('__taroShowTabBarRedDotHandler', this.showTabBarRedDotHandler);
-    Taro.eventCenter.on('__taroHideTabBarRedDotHandler', this.hideTabBarRedDotHandler);
-    Taro.eventCenter.on('__taroShowTabBar', this.showTabBarHandler);
-    Taro.eventCenter.on('__taroHideTabBar', this.hideTabBarHandler);
-    Taro.eventCenter.on('__taroSetTabBarStyle', this.setTabBarStyleHandler);
-    Taro.eventCenter.on('__taroSetTabBarItem', this.setTabBarItemHandler);
+    Taro__default['default'].eventCenter.on('__taroRouterChange', this.routerChangeHandler);
+    Taro__default['default'].eventCenter.on('__taroSwitchTab', this.switchTabHandler);
+    Taro__default['default'].eventCenter.on('__taroSetTabBarBadge', this.setTabBarBadgeHandler);
+    Taro__default['default'].eventCenter.on('__taroRemoveTabBarBadge', this.removeTabBarBadgeHandler);
+    Taro__default['default'].eventCenter.on('__taroShowTabBarRedDotHandler', this.showTabBarRedDotHandler);
+    Taro__default['default'].eventCenter.on('__taroHideTabBarRedDotHandler', this.hideTabBarRedDotHandler);
+    Taro__default['default'].eventCenter.on('__taroShowTabBar', this.showTabBarHandler);
+    Taro__default['default'].eventCenter.on('__taroHideTabBar', this.hideTabBarHandler);
+    Taro__default['default'].eventCenter.on('__taroSetTabBarStyle', this.setTabBarStyleHandler);
+    Taro__default['default'].eventCenter.on('__taroSetTabBarItem', this.setTabBarItemHandler);
   }
   removeEvent() {
-    Taro.eventCenter.off('__taroRouterChange', this.routerChangeHandler);
-    Taro.eventCenter.off('__taroSwitchTab', this.switchTabHandler);
-    Taro.eventCenter.off('__taroSetTabBarBadge', this.setTabBarBadgeHandler);
-    Taro.eventCenter.off('__taroRemoveTabBarBadge', this.removeTabBarBadgeHandler);
-    Taro.eventCenter.off('__taroShowTabBarRedDotHandler', this.showTabBarRedDotHandler);
-    Taro.eventCenter.off('__taroHideTabBarRedDotHandler', this.hideTabBarRedDotHandler);
-    Taro.eventCenter.off('__taroShowTabBar', this.showTabBarHandler);
-    Taro.eventCenter.off('__taroHideTabBar', this.hideTabBarHandler);
-    Taro.eventCenter.off('__taroSetTabBarStyle', this.setTabBarStyleHandler);
-    Taro.eventCenter.off('__taroSetTabBarItem', this.setTabBarItemHandler);
+    Taro__default['default'].eventCenter.off('__taroRouterChange', this.routerChangeHandler);
+    Taro__default['default'].eventCenter.off('__taroSwitchTab', this.switchTabHandler);
+    Taro__default['default'].eventCenter.off('__taroSetTabBarBadge', this.setTabBarBadgeHandler);
+    Taro__default['default'].eventCenter.off('__taroRemoveTabBarBadge', this.removeTabBarBadgeHandler);
+    Taro__default['default'].eventCenter.off('__taroShowTabBarRedDotHandler', this.showTabBarRedDotHandler);
+    Taro__default['default'].eventCenter.off('__taroHideTabBarRedDotHandler', this.hideTabBarRedDotHandler);
+    Taro__default['default'].eventCenter.off('__taroShowTabBar', this.showTabBarHandler);
+    Taro__default['default'].eventCenter.off('__taroHideTabBar', this.hideTabBarHandler);
+    Taro__default['default'].eventCenter.off('__taroSetTabBarStyle', this.setTabBarStyleHandler);
+    Taro__default['default'].eventCenter.off('__taroSetTabBarItem', this.setTabBarItemHandler);
   }
   componentDidLoad() {
     this.tabbarPos = this.tabbar.nextElementSibling ? 'top' : 'bottom';
@@ -404,14 +413,13 @@ let Tabbar = class {
       let textColor;
       let iconPath;
       if (isSelected) {
-        textColor = this.selectedColor;
+        textColor = this.selectedColor || '';
         iconPath = item.selectedIconPath;
       }
       else {
         textColor = this.color || '';
         iconPath = item.iconPath;
       }
-      console.log('TabbarItem', item);
       return (index$1.h(TabbarItem, { index: index, onSelect: this.switchTab.bind(this), isSelected: isSelected, textColor: textColor, iconPath: iconPath, text: item.text, badgeText: item.badgeText, showRedDot: item.showRedDot }));
     }))));
   }

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

@@ -23,7 +23,7 @@ let Textarea = class {
     this.autoHeight = false;
     this.nativeProps = {};
     this.line = 1;
-    this.hanldeInput = (e) => {
+    this.handleInput = (e) => {
       e.stopPropagation();
       this.handleLineChange();
       this.onInput.emit({
@@ -109,7 +109,7 @@ let Textarea = class {
     this.autoFocus && this.textareaRef.focus();
   }
   render() {
-    const { value, placeholder, disabled, maxlength, autoFocus, autoHeight, name, nativeProps, hanldeInput, handleFocus, handleBlur, handleChange } = this;
+    const { value, placeholder, disabled, maxlength, autoFocus, autoHeight, name, nativeProps, handleInput, handleFocus, handleBlur, handleChange } = this;
     const otherProps = {};
     if (autoHeight) {
       otherProps.rows = this.line;
@@ -118,7 +118,7 @@ let Textarea = class {
         if (input) {
           this.textareaRef = input;
         }
-      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: hanldeInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
+      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
   }
   get el() { return index.getElement(this); }
 };

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

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

package/dist/collection/collection-manifest.json

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

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

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

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

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

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

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

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

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

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

@@ -34,7 +34,7 @@ export class Image {
     this.onError.emit();
   }
   render() {
-    const { src, mode, lazyLoad, aspectFillMode, imageOnLoad, imageOnError, nativeProps } = this;
+    const { src, mode = 'scaleToFill', lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps } = this;
     const cls = classNames({
       'taro-img__widthfix': mode === 'widthFix'
     });

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

@@ -7,8 +7,8 @@ taro-image-core {
   overflow: hidden;
   position: relative;
   font-size: 0;
-  width: 320px;
-  height: 240px;
+  width: auto;
+  height: auto;
 }
 
 .taro-img.taro-img__widthfix {

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

@@ -112,7 +112,7 @@ export class Input {
     this._value = this.value;
   }
   componentDidLoad() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     if (this.type === 'file') {
       this.fileListener = () => {
         this.onInput.emit();
@@ -130,7 +130,6 @@ export class Input {
       },
       configurable: true
     });
-    this.autoFocus && ((_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.focus());
   }
   disconnectedCallback() {
     var _a;
@@ -139,10 +138,10 @@ export class Input {
     }
   }
   render() {
-    const { _value, type, password, placeholder, 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, disabled: disabled, maxlength: maxlength, name: name, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown }, 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 }, nativeProps)));
   }
   static get is() { return "taro-input-core"; }
   static get originalStyleUrls() { return {

package/dist/collection/components/keyboard-accessory/keyboard-accessory.js

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

package/dist/collection/components/live-player/live-player.js

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

package/dist/collection/components/live-pusher/live-pusher.js

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

package/dist/collection/components/map/map.js

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

package/dist/collection/components/match-media/match-media.js

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

package/dist/collection/components/navigation-bar/navigation-bar.js

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

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

@@ -1,6 +1,6 @@
 import { Component, Prop, h, Host, Listen, Event } from '@stencil/core';
+import Taro from '@tarojs/taro';
 import classNames from 'classnames';
-const Taro = require('@tarojs/taro');
 /**
  * Navigator组件参数
  * @typedef NavigatorProps

package/dist/collection/components/official-account/official-account.js

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

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

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

package/dist/collection/components/page-meta/page-meta.js

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

package/dist/collection/components/{pull-down-refresh → pull-to-refresh}/pull-to-refresh.js

@@ -1,6 +1,6 @@
 import { Component, Prop, h, Host, State, Event, Watch, Element } from '@stencil/core';
+import Taro from '@tarojs/taro';
 import classNames from 'classnames';
-const Taro = require('@tarojs/taro');
 function setTransform(nodeStyle, value) {
   nodeStyle.transform = value;
   nodeStyle.webkitTransform = value;

package/dist/collection/components/share-element/share-element.js

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

package/dist/collection/components/slot/slot.js

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

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

@@ -86,6 +86,11 @@ export class Swiper {
         this.swiper.loopCreate();
       }
     }, 500);
+    this.handleSwiperSize = debounce(() => {
+      if (this.swiper && !this.circular) {
+        this.swiper.updateSlides();
+      }
+    }, 50);
   }
   watchCurrent(newVal) {
     if (!this.isWillLoadCalled)
@@ -149,6 +154,8 @@ export class Swiper {
     this.el.removeChild = (oldChild) => {
       return newVal.removeChild(oldChild);
     };
+    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize);
+    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize);
   }
   watchCircular() {
     if (this.swiper) {
@@ -182,6 +189,8 @@ export class Swiper {
   }
   disconnectedCallback() {
     var _a, _b, _c, _d, _e, _f;
+    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize);
+    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize);
     (_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);
@@ -225,7 +234,7 @@ export class Swiper {
         observerUpdate(_swiper, e) {
           const target = e.target;
           const className = target && typeof target.className === 'string' ? target.className : '';
-          if (className.includes('taro_page') && target.style.display === 'block') {
+          if (className.includes('taro_page') && target.style.display !== 'none') {
             if (that.autoplay && target.contains(_swiper.$el[0])) {
               _swiper.slideTo(that.current);
             }

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

@@ -1,10 +1,9 @@
 import { Component, Prop, h, Host, State, Event, Element } from '@stencil/core';
+import Taro from '@tarojs/taro';
 import classNames from 'classnames';
 import resolvePathname from 'resolve-pathname';
 import { splitUrl } from '../../utils';
 import { TabbarItem } from './tabbar-item';
-// IGNORE: 由于 @tarojs/taro 与 @tarojs/components 中存在循环依赖，暂时使用 commonjs 引用
-const Taro = require('@tarojs/taro');
 // const removeLeadingSlash = str => str.replace(/^\.?\//, '')
 // const removeTrailingSearch = str => str.replace(/\?[\s\S]*$/, '')
 const addLeadingSlash = str => str[0] === '/' ? str : `/${str}`;
@@ -195,8 +194,15 @@ export class Tabbar {
       throw new Error('tabBar 配置错误');
     }
     this.homePage = addLeadingSlash(this.conf.homePage);
-    for (const key in customRoutes) {
-      this.customRoutes.push([key, customRoutes[key]]);
+    for (let key in customRoutes) {
+      const path = customRoutes[key];
+      key = addLeadingSlash(key);
+      if (typeof path === 'string') {
+        this.customRoutes.push([key, addLeadingSlash(path)]);
+      }
+      else if ((path === null || path === void 0 ? void 0 : path.length) > 0) {
+        this.customRoutes.push(...path.map(p => [key, addLeadingSlash(p)]));
+      }
     }
     list.forEach(item => {
       if (item.pagePath.indexOf('/') !== 0) {
@@ -205,6 +211,9 @@ export class Tabbar {
     });
     this.list = list;
     this.borderStyle = this.conf.borderStyle;
+    this.backgroundColor = this.conf.backgroundColor;
+    this.color = this.conf.color;
+    this.selectedColor = this.conf.selectedColor;
   }
   getCurrentUrl() {
     const routerMode = this.conf.mode;
@@ -274,14 +283,13 @@ export class Tabbar {
         let textColor;
         let iconPath;
         if (isSelected) {
-          textColor = this.selectedColor;
+          textColor = this.selectedColor || '';
           iconPath = item.selectedIconPath;
         }
         else {
           textColor = this.color || '';
           iconPath = item.iconPath;
         }
-        console.log('TabbarItem', item);
         return (h(TabbarItem, { index: index, onSelect: this.switchTab.bind(this), isSelected: isSelected, textColor: textColor, iconPath: iconPath, text: item.text, badgeText: item.badgeText, showRedDot: item.showRedDot }));
       }))));
   }

package/dist/collection/components/textarea/textarea.js

@@ -11,7 +11,7 @@ export class Textarea {
     this.autoHeight = false;
     this.nativeProps = {};
     this.line = 1;
-    this.hanldeInput = (e) => {
+    this.handleInput = (e) => {
       e.stopPropagation();
       this.handleLineChange();
       this.onInput.emit({
@@ -97,7 +97,7 @@ export class Textarea {
     this.autoFocus && this.textareaRef.focus();
   }
   render() {
-    const { value, placeholder, disabled, maxlength, autoFocus, autoHeight, name, nativeProps, hanldeInput, handleFocus, handleBlur, handleChange } = this;
+    const { value, placeholder, disabled, maxlength, autoFocus, autoHeight, name, nativeProps, handleInput, handleFocus, handleBlur, handleChange } = this;
     const otherProps = {};
     if (autoHeight) {
       otherProps.rows = this.line;
@@ -106,7 +106,7 @@ export class Textarea {
         if (input) {
           this.textareaRef = input;
         }
-      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: hanldeInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
+      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
   }
   static get is() { return "taro-textarea-core"; }
   static get originalStyleUrls() { return {