@tarojs/components 4.0.0-canary.9 → 4.0.0

package/dist/collection/components/map/style/map.css

@@ -0,0 +1 @@
+.BMap_cpyCtrl,.anchorBL img,.BMap_bubble_buttons{display:none}

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

@@ -1 +1 @@
-.weui-progress{align-items:center;display:flex}
+.weui-progress{align-items:center;display:flex}.weui-progress__bar{background-color:#ebebeb;flex:1;height:3px}.weui-progress__inner-bar{background-color:#09bb07;width:0;height:100%}.weui-progress__opr{margin-left:15px;font-size:0;display:block}

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

@@ -65,6 +65,9 @@ export class PullToRefresh {
       });
     };
     this.destroy = () => {
+      // fix 频繁切换页面，可能会导致 this._to 为空造成报错
+      if (!this._to)
+        return;
       const ele = this.scrollContainer;
       Object.keys(this._to).forEach(key => {
         ele.removeEventListener(key, this._to[key]);

package/dist/collection/components/span/span.js

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

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

@@ -60,7 +60,7 @@ export class Swiper {
     };
     this.handleSwiperLoopDebounce = debounce(this.handleSwiperLoop, 50);
     this.handleSwiperSizeDebounce = debounce(() => {
-      if (this.swiper && !this.circular) {
+      if (this.swiper && this.swiper.$wrapperEl && !this.circular) {
         this.swiper.updateSlides();
       }
     }, 50);
@@ -72,6 +72,7 @@ export class Swiper {
     this.indicatorActiveColor = '#000000';
     this.autoplay = false;
     this.current = 0;
+    this.currentItemId = '';
     this.interval = 5000;
     this.duration = 500;
     this.circular = false;
@@ -86,7 +87,7 @@ export class Swiper {
     this.observerLast = undefined;
   }
   watchCurrent(newVal) {
-    if (!this.isWillLoadCalled)
+    if (this.currentItemId || !this.isWillLoadCalled)
       return;
     const n = parseInt(newVal, 10);
     if (isNaN(n))
@@ -100,6 +101,25 @@ export class Swiper {
       this.swiper.slideTo(n); // 更新下标
     }
   }
+  watchCurrentItemId(newVal) {
+    var _a;
+    const wrapper = (_a = this.swiper.$wrapperEl) === null || _a === void 0 ? void 0 : _a[0];
+    let itemIdIndex = 0;
+    wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)').forEach((swiperItem, index) => {
+      // @ts-ignore
+      if (swiperItem.itemId && swiperItem.itemId === newVal) {
+        itemIdIndex = index;
+      }
+    });
+    if (this.circular) {
+      if (!this.swiper.isBeginning && !this.swiper.isEnd) {
+        this.swiper.slideToLoop(itemIdIndex); // 更新下标
+      }
+    }
+    else {
+      this.swiper.slideTo(itemIdIndex); // 更新下标
+    }
+  }
   watchAutoplay(newVal) {
     if (!this.isWillLoadCalled || !this.swiper)
       return;
@@ -187,7 +207,9 @@ export class Swiper {
     if (this.autoplay && !((_a = this.swiper.autoplay) === null || _a === void 0 ? void 0 : _a.running)) {
       (_b = this.swiper.autoplay) === null || _b === void 0 ? void 0 : _b.start();
     }
-    this.swiper.update(); // 更新子元素
+    if (this.swiper.$el) {
+      this.swiper.update(); // 更新子元素
+    }
   }
   componentDidRender() {
     this.handleSwiperLoop();
@@ -202,7 +224,18 @@ export class Swiper {
     (_f = (_e = this.observerLast) === null || _e === void 0 ? void 0 : _e.disconnect) === null || _f === void 0 ? void 0 : _f.call(_e);
   }
   handleInit() {
-    const { autoplay, circular, current, displayMultipleItems, duration, interval, vertical } = this;
+    const { autoplay, circular, current, currentItemId, displayMultipleItems, duration, interval, vertical } = this;
+    let initialSlide = circular ? current + 1 : current;
+    if (currentItemId) {
+      let itemIdIndex = 0;
+      this.el.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)').forEach((swiperItem, index) => {
+        // @ts-ignore
+        if (swiperItem.itemId && swiperItem.itemId === currentItemId) {
+          itemIdIndex = index;
+        }
+      });
+      initialSlide = circular ? itemIdIndex + 1 : itemIdIndex;
+    }
     // eslint-disable-next-line @typescript-eslint/no-this-alias
     const that = this;
     const options = {
@@ -210,7 +243,7 @@ export class Swiper {
       direction: vertical ? 'vertical' : 'horizontal',
       loop: circular,
       slidesPerView: displayMultipleItems,
-      initialSlide: circular ? current + 1 : current,
+      initialSlide: initialSlide,
       speed: duration,
       observer: true,
       observeParents: true,
@@ -409,6 +442,24 @@ export class Swiper {
         "reflect": false,
         "defaultValue": "0"
       },
+      "currentItemId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5F53\u524D\u6240\u5728\u6ED1\u5757\u7684 item-id"
+        },
+        "attribute": "current-item-id",
+        "reflect": false,
+        "defaultValue": "''"
+      },
       "interval": {
         "type": "number",
         "mutable": false,
@@ -621,6 +672,9 @@ export class Swiper {
     return [{
         "propName": "current",
         "methodName": "watchCurrent"
+      }, {
+        "propName": "currentItemId",
+        "methodName": "watchCurrentItemId"
       }, {
         "propName": "autoplay",
         "methodName": "watchAutoplay"

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

@@ -1 +1 @@
-.weui-tabbar{z-index:500;background-color:#f7f7fa;width:100%;display:flex;position:absolute;bottom:0}.weui-tabbar:before{content:" ";color:#c0bfc4;transform-origin:0 0;border-top:1px solid #c0bfc4;height:1px;position:absolute;top:0;left:0;right:0;transform:scaleY(.5)}.weui-tabbar__item{padding:5px 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);color:#999;text-align:center;-webkit-tap-highlight-color:transparent;flex:1;font-size:0;display:block}.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#09bb07}.weui-tabbar__icon{width:27px;height:27px;display:inline-block}.weui-tabbar__icon img{width:100%;height:100%}i.weui-tabbar__icon,.weui-tabbar__icon>i{color:#999;font-size:24px}.weui-tabbar__label{text-align:center;color:#999;font-size:10px;line-height:1.8}.weui-badge{color:#fff;text-align:center;vertical-align:middle;background-color:#f43530;border-radius:18px;min-width:8px;padding:.15em .4em;font-size:12px;line-height:1.2;display:inline-block}.weui-badge_dot{min-width:0;padding:.4em}html,body{height:100%}:root{--taro-tabbar-height:$weuiTabBarHeight}#app{height:100%}.taro-tabbar__border-white:before{border-top-color:#fff!important}.taro-tabbar__container{flex-direction:column;height:100%;display:flex;overflow:hidden}.taro-tabbar__panel{-webkit-overflow-scrolling:auto;flex:1;position:relative;overflow:auto}.taro-tabbar__tabbar{height:var(--taro-tabbar-height);width:100%;transition:bottom .2s,top .2s;position:relative}.taro-tabbar__tabbar-top{top:0}.taro-tabbar__tabbar-bottom{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);bottom:0}.taro-tabbar__tabbar-hide{display:none}.taro-tabbar__tabbar-slideout{flex:0 0;top:-52px}.taro-tabbar__panel+.taro-tabbar__tabbar-slideout{top:auto;bottom:-52px}
+.weui-tabbar{z-index:500;background-color:#f7f7fa;align-items:center;width:100%;display:flex;position:absolute;bottom:0}.weui-tabbar:before{content:" ";color:#c0bfc4;transform-origin:0 0;border-top:1px solid #c0bfc4;height:1px;position:absolute;top:0;left:0;right:0;transform:scaleY(.5)}.weui-tabbar__item{padding:5px 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);color:#999;text-align:center;-webkit-tap-highlight-color:transparent;flex:1;font-size:0;display:block}.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#09bb07}.weui-tabbar__icon{width:27px;height:27px;display:inline-block}.weui-tabbar__icon img{width:100%;height:100%}i.weui-tabbar__icon,.weui-tabbar__icon>i{color:#999;font-size:24px}.weui-tabbar__label{text-align:center;color:#999;font-size:10px;line-height:1.8}.weui-badge{color:#fff;text-align:center;vertical-align:middle;background-color:#f43530;border-radius:18px;min-width:8px;padding:.15em .4em;font-size:12px;line-height:1.2;display:inline-block}.weui-badge_dot{min-width:0;padding:.4em}:root{--taro-tabbar-height:50px}#app{height:100%}.taro-tabbar__border-white:before{border-top-color:#fff!important}.taro-tabbar__container{flex-direction:column;height:100%;display:flex;overflow:hidden}.taro-tabbar__panel{-webkit-overflow-scrolling:auto;flex:1;position:relative;overflow:auto}.taro-tabbar__tabbar{height:var(--taro-tabbar-height);width:100%;transition:bottom .2s,top .2s;position:relative}.taro-tabbar__tabbar-top{top:0}.taro-tabbar__tabbar-bottom{margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom);bottom:0}.taro-tabbar__tabbar-hide{display:none}.taro-tabbar__tabbar-slideout{flex:0 0;top:-52px}.taro-tabbar__panel+.taro-tabbar__tabbar-slideout{top:auto;bottom:-52px}

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

@@ -1,4 +1,5 @@
 import { h, Host } from '@stencil/core';
+import Taro from '@tarojs/taro';
 import classNames from 'classnames';
 import { throttle } from '../../utils';
 import { formatTime, calcDist, normalizeNumber, screenFn, isHls, scene } from './utils';
@@ -213,11 +214,15 @@ export class Video {
       if (this.isFullScreen && !document[screenFn.fullscreenElement]) {
         setTimeout(() => {
           this.videoRef[screenFn.requestFullscreen]({ navigationUI: 'auto' });
+          Taro.eventCenter.trigger('__taroEnterFullScreen', {});
         }, 0);
       }
-      else if (!fromBrowser) {
-        // Note: 全屏后，"退出全屏"是浏览器按钮是浏览器内部按钮，非html按钮，点击"退出全屏"按钮是浏览器内部实现功能。此时再次调用exitFullscreen反而会报错，因此不再调用
-        document[screenFn.exitFullscreen]();
+      else {
+        if (!fromBrowser) {
+          // Note: 全屏后，"退出全屏"是浏览器按钮是浏览器内部按钮，非html按钮，点击"退出全屏"按钮是浏览器内部实现功能。此时再次调用exitFullscreen反而会报错，因此不再调用
+          document[screenFn.exitFullscreen]();
+        }
+        Taro.eventCenter.trigger('__taroExitFullScreen', {});
       }
     };
     this.toggleMute = (e) => {

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

@@ -1 +1 @@
-body,html{user-select:none;-webkit-tap-highlight-color:transparent}taro-view-core{display:block}
+taro-view-core{display:block}

package/dist/collection/utils/index.js

@@ -33,3 +33,13 @@ export * from './url';
 export function isVisible(e) {
   return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
 }
+export function isElement(e) {
+  return typeof HTMLElement === 'object'
+    ? e instanceof HTMLElement
+    : e && typeof e === 'object' && e !== null && e.nodeType === 1 && typeof e.nodeName === 'string';
+}
+export function isNode(e) {
+  return typeof Node === 'object'
+    ? e instanceof Node
+    : e && typeof e === 'object' && e !== null && typeof e.nodeType === 'number' && typeof e.nodeName === 'string';
+}

package/dist/components/index.d.ts

@@ -20,10 +20,12 @@ export { ContactButton as TaroContactButtonCore } from '../types/components/cont
 export { CoverImage as TaroCoverImageCore } from '../types/components/cover-image/cover-image';
 export { CoverView as TaroCoverViewCore } from '../types/components/cover-view/cover-view';
 export { CustomWrapper as TaroCustomWrapperCore } from '../types/components/custom-wrapper/custom-wrapper';
+export { DraggableSheet as TaroDraggableSheetCore } from '../types/components/draggable-sheet/draggable-sheet';
 export { Editor as TaroEditorCore } from '../types/components/editor/editor';
 export { FollowSwan as TaroFollowSwanCore } from '../types/components/follow-swan/follow-swan';
 export { Form as TaroFormCore } from '../types/components/form/form';
 export { FunctionalPageNavigator as TaroFunctionalPageNavigatorCore } from '../types/components/functional-page-navigator/functional-page-navigator';
+export { GridBuilder as TaroGridBuilderCore } from '../types/components/grid-builder/grid-builder';
 export { GridView as TaroGridViewCore } from '../types/components/grid-view/grid-view';
 export { Icon as TaroIconCore } from '../types/components/icon/icon';
 export { Image as TaroImageCore } from '../types/components/image/image';
@@ -33,6 +35,7 @@ export { KeyboardAccessory as TaroKeyboardAccessoryCore } from '../types/compone
 export { Label as TaroLabelCore } from '../types/components/label/label';
 export { Lifestyle as TaroLifestyleCore } from '../types/components/lifestyle/lifestyle';
 export { Like as TaroLikeCore } from '../types/components/like/like';
+export { ListBuilder as TaroListBuilderCore } from '../types/components/list-builder/list-builder';
 export { ListView as TaroListViewCore } from '../types/components/list-view/list-view';
 export { LivePlayer as TaroLivePlayerCore } from '../types/components/live-player/live-player';
 export { LivePusher as TaroLivePusherCore } from '../types/components/live-pusher/live-pusher';
@@ -45,7 +48,10 @@ export { MovableView as TaroMovableViewCore } from '../types/components/movable-
 export { NativeSlot as TaroNativeSlotCore } from '../types/components/slot/native-slot';
 export { NavigationBar as TaroNavigationBarCore } from '../types/components/navigation-bar/navigation-bar';
 export { Navigator as TaroNavigatorCore } from '../types/components/navigator/navigator';
+export { NestedScrollBody as TaroNestedScrollBodyCore } from '../types/components/nested-scroll-body/nested-scroll-body';
+export { NestedScrollHeader as TaroNestedScrollHeaderCore } from '../types/components/nested-scroll-header/nested-scroll-header';
 export { OfficialAccount as TaroOfficialAccountCore } from '../types/components/official-account/official-account';
+export { OpenContainer as TaroOpenContainerCore } from '../types/components/open-container/open-container';
 export { OpenData as TaroOpenDataCore } from '../types/components/open-data/open-data';
 export { PageContainer as TaroPageContainerCore } from '../types/components/page-container/page-container';
 export { PageMeta as TaroPageMetaCore } from '../types/components/page-meta/page-meta';
@@ -66,6 +72,7 @@ export { ShareElement as TaroShareElementCore } from '../types/components/share-
 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 { Span as TaroSpanCore } from '../types/components/span/span';
 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

@@ -20,10 +20,12 @@ export { TaroContactButtonCore, defineCustomElement as defineCustomElementTaroCo
 export { TaroCoverImageCore, defineCustomElement as defineCustomElementTaroCoverImageCore } from './taro-cover-image-core.js';
 export { TaroCoverViewCore, defineCustomElement as defineCustomElementTaroCoverViewCore } from './taro-cover-view-core.js';
 export { TaroCustomWrapperCore, defineCustomElement as defineCustomElementTaroCustomWrapperCore } from './taro-custom-wrapper-core.js';
+export { TaroDraggableSheetCore, defineCustomElement as defineCustomElementTaroDraggableSheetCore } from './taro-draggable-sheet-core.js';
 export { TaroEditorCore, defineCustomElement as defineCustomElementTaroEditorCore } from './taro-editor-core.js';
 export { TaroFollowSwanCore, defineCustomElement as defineCustomElementTaroFollowSwanCore } from './taro-follow-swan-core.js';
 export { TaroFormCore, defineCustomElement as defineCustomElementTaroFormCore } from './taro-form-core.js';
 export { TaroFunctionalPageNavigatorCore, defineCustomElement as defineCustomElementTaroFunctionalPageNavigatorCore } from './taro-functional-page-navigator-core.js';
+export { TaroGridBuilderCore, defineCustomElement as defineCustomElementTaroGridBuilderCore } from './taro-grid-builder-core.js';
 export { TaroGridViewCore, defineCustomElement as defineCustomElementTaroGridViewCore } from './taro-grid-view-core.js';
 export { TaroIconCore, defineCustomElement as defineCustomElementTaroIconCore } from './taro-icon-core.js';
 export { TaroImageCore, defineCustomElement as defineCustomElementTaroImageCore } from './taro-image-core.js';
@@ -33,6 +35,7 @@ export { TaroKeyboardAccessoryCore, defineCustomElement as defineCustomElementTa
 export { TaroLabelCore, defineCustomElement as defineCustomElementTaroLabelCore } from './taro-label-core.js';
 export { TaroLifestyleCore, defineCustomElement as defineCustomElementTaroLifestyleCore } from './taro-lifestyle-core.js';
 export { TaroLikeCore, defineCustomElement as defineCustomElementTaroLikeCore } from './taro-like-core.js';
+export { TaroListBuilderCore, defineCustomElement as defineCustomElementTaroListBuilderCore } from './taro-list-builder-core.js';
 export { TaroListViewCore, defineCustomElement as defineCustomElementTaroListViewCore } from './taro-list-view-core.js';
 export { TaroLivePlayerCore, defineCustomElement as defineCustomElementTaroLivePlayerCore } from './taro-live-player-core.js';
 export { TaroLivePusherCore, defineCustomElement as defineCustomElementTaroLivePusherCore } from './taro-live-pusher-core.js';
@@ -45,7 +48,10 @@ export { TaroMovableViewCore, defineCustomElement as defineCustomElementTaroMova
 export { TaroNativeSlotCore, defineCustomElement as defineCustomElementTaroNativeSlotCore } from './taro-native-slot-core.js';
 export { TaroNavigationBarCore, defineCustomElement as defineCustomElementTaroNavigationBarCore } from './taro-navigation-bar-core.js';
 export { TaroNavigatorCore, defineCustomElement as defineCustomElementTaroNavigatorCore } from './taro-navigator-core.js';
+export { TaroNestedScrollBodyCore, defineCustomElement as defineCustomElementTaroNestedScrollBodyCore } from './taro-nested-scroll-body-core.js';
+export { TaroNestedScrollHeaderCore, defineCustomElement as defineCustomElementTaroNestedScrollHeaderCore } from './taro-nested-scroll-header-core.js';
 export { TaroOfficialAccountCore, defineCustomElement as defineCustomElementTaroOfficialAccountCore } from './taro-official-account-core.js';
+export { TaroOpenContainerCore, defineCustomElement as defineCustomElementTaroOpenContainerCore } from './taro-open-container-core.js';
 export { TaroOpenDataCore, defineCustomElement as defineCustomElementTaroOpenDataCore } from './taro-open-data-core.js';
 export { TaroPageContainerCore, defineCustomElement as defineCustomElementTaroPageContainerCore } from './taro-page-container-core.js';
 export { TaroPageMetaCore, defineCustomElement as defineCustomElementTaroPageMetaCore } from './taro-page-meta-core.js';
@@ -66,6 +72,7 @@ export { TaroShareElementCore, defineCustomElement as defineCustomElementTaroSha
 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 { TaroSpanCore, defineCustomElement as defineCustomElementTaroSpanCore } from './taro-span-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/index2.js

@@ -24,39 +24,57 @@ var classnames = createCommonjsModule(function (module) {
 
 	var hasOwn = {}.hasOwnProperty;
 
-	function classNames() {
-		var classes = [];
+	function classNames () {
+		var classes = '';
 
 		for (var i = 0; i < arguments.length; i++) {
 			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
-				}
-			} else if (argType === 'object') {
-				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-					classes.push(arg.toString());
-					continue;
-				}
-
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
-					}
-				}
+			if (arg) {
+				classes = appendClass(classes, parseValue(arg));
 			}
 		}
 
-		return classes.join(' ');
+		return classes;
+	}
+
+	function parseValue (arg) {
+		if (typeof arg === 'string' || typeof arg === 'number') {
+			return arg;
+		}
+
+		if (typeof arg !== 'object') {
+			return '';
+		}
+
+		if (Array.isArray(arg)) {
+			return classNames.apply(null, arg);
+		}
+
+		if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+			return arg.toString();
+		}
+
+		var classes = '';
+
+		for (var key in arg) {
+			if (hasOwn.call(arg, key) && arg[key]) {
+				classes = appendClass(classes, key);
+			}
+		}
+
+		return classes;
+	}
+
+	function appendClass (value, newClass) {
+		if (!newClass) {
+			return value;
+		}
+	
+		if (value) {
+			return value + ' ' + newClass;
+		}
+	
+		return value + newClass;
 	}
 
 	if (module.exports) {

package/dist/components/index3.js

@@ -30,5 +30,10 @@ function debounce(fn, ms = 250, scope) {
 function isVisible(e) {
   return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
 }
+function isElement(e) {
+  return typeof HTMLElement === 'object'
+    ? e instanceof HTMLElement
+    : e && typeof e === 'object' && e !== null && e.nodeType === 1 && typeof e.nodeName === 'string';
+}
 
-export { debounce as d, isVisible as i, throttle as t };
+export { isVisible as a, debounce as d, isElement as i, throttle as t };

package/dist/components/taro-draggable-sheet-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroDraggableSheetCore extends Components.TaroDraggableSheetCore, HTMLElement {}
+export const TaroDraggableSheetCore: {
+  prototype: TaroDraggableSheetCore;
+  new (): TaroDraggableSheetCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-draggable-sheet-core.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const DraggableSheet = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('DraggableSheet', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-draggable-sheet-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-draggable-sheet-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-draggable-sheet-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DraggableSheet);
+      }
+      break;
+  } });
+}
+
+const TaroDraggableSheetCore = DraggableSheet;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroDraggableSheetCore, defineCustomElement };

package/dist/components/taro-grid-builder-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroGridBuilderCore extends Components.TaroGridBuilderCore, HTMLElement {}
+export const TaroGridBuilderCore: {
+  prototype: TaroGridBuilderCore;
+  new (): TaroGridBuilderCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-grid-builder-core.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const GridBuilder = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('GridBuilder', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-grid-builder-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-grid-builder-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-grid-builder-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GridBuilder);
+      }
+      break;
+  } });
+}
+
+const TaroGridBuilderCore = GridBuilder;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroGridBuilderCore, defineCustomElement };

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 
-const indexCss = ".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}";
+const indexCss = ".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}";
 
 function getTrueType(type, confirmType, password) {
   if (confirmType === 'search')

package/dist/components/taro-list-builder-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroListBuilderCore extends Components.TaroListBuilderCore, HTMLElement {}
+export const TaroListBuilderCore: {
+  prototype: TaroListBuilderCore;
+  new (): TaroListBuilderCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-list-builder-core.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const ListBuilder = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('ListBuilder', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-list-builder-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-list-builder-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-list-builder-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ListBuilder);
+      }
+      break;
+  } });
+}
+
+const TaroListBuilderCore = ListBuilder;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroListBuilderCore, defineCustomElement };