@tarojs/components 4.0.0-beta.60 → 4.0.0-beta.62

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

@@ -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;
@@ -204,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 = {
@@ -212,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,
@@ -411,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,
@@ -623,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}html,body{height:100%}: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/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/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-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 };

package/dist/components/taro-movable-view-core.js

@@ -166,7 +166,9 @@ const MovableView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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/components/taro-nested-scroll-body-core.d.ts

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

package/dist/components/taro-nested-scroll-body-core.js

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

package/dist/components/taro-nested-scroll-header-core.d.ts

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

package/dist/components/taro-nested-scroll-header-core.js

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

package/dist/components/taro-open-container-core.d.ts

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

package/dist/components/taro-open-container-core.js

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

package/dist/components/taro-span-core.d.ts

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

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

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

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

@@ -79,6 +79,7 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.indicatorActiveColor = '#000000';
     this.autoplay = false;
     this.current = 0;
+    this.currentItemId = '';
     this.interval = 5000;
     this.duration = 500;
     this.circular = false;
@@ -93,7 +94,7 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.observerLast = undefined;
   }
   watchCurrent(newVal) {
-    if (!this.isWillLoadCalled)
+    if (this.currentItemId || !this.isWillLoadCalled)
       return;
     const n = parseInt(newVal, 10);
     if (isNaN(n))
@@ -107,6 +108,25 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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;
@@ -211,7 +231,18 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     (_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 = {
@@ -219,7 +250,7 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       direction: vertical ? 'vertical' : 'horizontal',
       loop: circular,
       slidesPerView: displayMultipleItems,
-      initialSlide: circular ? current + 1 : current,
+      initialSlide: initialSlide,
       speed: duration,
       observer: true,
       observeParents: true,
@@ -318,6 +349,7 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   get el() { return this; }
   static get watchers() { return {
     "current": ["watchCurrent"],
+    "currentItemId": ["watchCurrentItemId"],
     "autoplay": ["watchAutoplay"],
     "duration": ["watchDuration"],
     "interval": ["watchInterval"],
@@ -332,6 +364,7 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "indicatorActiveColor": [1, "indicator-active-color"],
     "autoplay": [4],
     "current": [2],
+    "currentItemId": [1, "current-item-id"],
     "interval": [2],
     "duration": [2],
     "circular": [4],