@tarojs/components 3.5.11 → 3.5.12

package/dist/cjs/taro-swiper-core_2.cjs.entry.js

@@ -10163,13 +10163,49 @@ let Swiper = class {
 };
 Swiper.style = indexCss;
 
+function isEqualTag(a, b) {
+  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName;
+}
+function parseChildNodes(items, targets) {
+  const list = Array.from(targets.values());
+  for (let i = 0, j = 0; i < list.length; i++, j++) {
+    const target = list[i];
+    let item = items.item(j);
+    while (item && !isEqualTag(item, target)) {
+      item.remove();
+      j++;
+      item = items.item(j);
+    }
+    if (item && !item.isEqualNode(target)) {
+      parseChildNodes(item.childNodes, target.childNodes);
+    }
+    while (i === list.length - 1 && j < items.length) {
+      j++;
+      item = items.item(j);
+      item === null || item === void 0 ? void 0 : item.remove();
+    }
+  }
+}
 let SwiperItem = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
   }
+  componentDidRender() {
+    var _a, _b, _c;
+    const el = this.el;
+    if (el.classList.contains('swiper-slide-duplicate')) {
+      const list = Array
+        .from(((_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.values()) || [])
+        .filter((e) => e.tagName === 'TARO-SWIPER-ITEM-CORE');
+      if (list.length > 0) {
+        parseChildNodes(el.childNodes, (_c = list[list.indexOf(el) === 0 ? list.length - 2 : 1]) === null || _c === void 0 ? void 0 : _c.childNodes);
+      }
+    }
+  }
   render() {
     return (index$1.h(index$1.Host, { class: 'swiper-slide', "item-id": this.itemId }));
   }
+  get el() { return index$1.getElement(this); }
 };
 
 exports.taro_swiper_core = Swiper;

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

@@ -1,6 +1,40 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Prop, Host } from '@stencil/core';
+import { Component, Element, Host, h, Prop } from '@stencil/core';
+function isEqualTag(a, b) {
+  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName;
+}
+function parseChildNodes(items, targets) {
+  const list = Array.from(targets.values());
+  for (let i = 0, j = 0; i < list.length; i++, j++) {
+    const target = list[i];
+    let item = items.item(j);
+    while (item && !isEqualTag(item, target)) {
+      item.remove();
+      j++;
+      item = items.item(j);
+    }
+    if (item && !item.isEqualNode(target)) {
+      parseChildNodes(item.childNodes, target.childNodes);
+    }
+    while (i === list.length - 1 && j < items.length) {
+      j++;
+      item = items.item(j);
+      item === null || item === void 0 ? void 0 : item.remove();
+    }
+  }
+}
 export class SwiperItem {
+  componentDidRender() {
+    var _a, _b, _c;
+    const el = this.el;
+    if (el.classList.contains('swiper-slide-duplicate')) {
+      const list = Array
+        .from(((_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.values()) || [])
+        .filter((e) => e.tagName === 'TARO-SWIPER-ITEM-CORE');
+      if (list.length > 0) {
+        parseChildNodes(el.childNodes, (_c = list[list.indexOf(el) === 0 ? list.length - 2 : 1]) === null || _c === void 0 ? void 0 : _c.childNodes);
+      }
+    }
+  }
   render() {
     return (h(Host, { class: 'swiper-slide', "item-id": this.itemId }));
   }
@@ -24,4 +58,5 @@ export class SwiperItem {
       "reflect": false
     }
   }; }
+  static get elementRef() { return "el"; }
 }

package/dist/esm/taro-swiper-core_2.entry.js

@@ -10159,13 +10159,49 @@ let Swiper = class {
 };
 Swiper.style = indexCss;
 
+function isEqualTag(a, b) {
+  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName;
+}
+function parseChildNodes(items, targets) {
+  const list = Array.from(targets.values());
+  for (let i = 0, j = 0; i < list.length; i++, j++) {
+    const target = list[i];
+    let item = items.item(j);
+    while (item && !isEqualTag(item, target)) {
+      item.remove();
+      j++;
+      item = items.item(j);
+    }
+    if (item && !item.isEqualNode(target)) {
+      parseChildNodes(item.childNodes, target.childNodes);
+    }
+    while (i === list.length - 1 && j < items.length) {
+      j++;
+      item = items.item(j);
+      item === null || item === void 0 ? void 0 : item.remove();
+    }
+  }
+}
 let SwiperItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
+  componentDidRender() {
+    var _a, _b, _c;
+    const el = this.el;
+    if (el.classList.contains('swiper-slide-duplicate')) {
+      const list = Array
+        .from(((_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.values()) || [])
+        .filter((e) => e.tagName === 'TARO-SWIPER-ITEM-CORE');
+      if (list.length > 0) {
+        parseChildNodes(el.childNodes, (_c = list[list.indexOf(el) === 0 ? list.length - 2 : 1]) === null || _c === void 0 ? void 0 : _c.childNodes);
+      }
+    }
+  }
   render() {
     return (h(Host, { class: 'swiper-slide', "item-id": this.itemId }));
   }
+  get el() { return getElement(this); }
 };
 
 export { Swiper as taro_swiper_core, SwiperItem as taro_swiper_item_core };