@tarojs/components 3.6.0-beta.1 → 3.6.0-beta.2

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

@@ -1,8 +1,43 @@
-import { h, Host } from '@stencil/core';
+import { Host, h } 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 {
   constructor() {
     this.itemId = undefined;
   }
+  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 }));
   }
@@ -28,5 +63,6 @@ export class SwiperItem {
       }
     };
   }
+  static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=swiper-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"swiper-item.js","sourceRoot":"","sources":["../../../src/components/swiper/swiper-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAsB,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAK5E,MAAM,OAAO,UAAU;;;;EAGrB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,cAAc,aAAU,IAAI,CAAC,MAAM,GAAG,CACnD,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, ComponentInterface, Prop, Host } from '@stencil/core'\n\n@Component({\n  tag: 'taro-swiper-item-core'\n})\nexport class SwiperItem implements ComponentInterface {\n  @Prop() itemId: string\n\n  render () {\n    return (\n      <Host class='swiper-slide' item-id={this.itemId}/>\n    )\n  }\n}\n"]}
+{"version":3,"file":"swiper-item.js","sourceRoot":"","sources":["../../../src/components/swiper/swiper-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAErF,SAAS,UAAU,CAAE,CAAU,EAAE,CAAU;EACzC,OAAO,OAAO,CAAC,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAA;AAC/F,CAAC;AAED,SAAS,eAAe,CAAE,KAA4B,EAAE,OAA8B;EACpF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;EACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;IAChD,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAY,CAAA;IACjC,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAY,CAAA;IACnC,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE;MACxC,IAAI,CAAC,MAAM,EAAE,CAAA;MACb,CAAC,EAAE,CAAA;MACH,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAY,CAAA;KAChC;IACD,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;MACrC,eAAe,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAA;KACpD;IACD,OAAO,CAAC,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE;MAChD,CAAC,EAAE,CAAA;MACH,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAY,CAAA;MAC/B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAE,CAAA;KACf;GACF;AACH,CAAC;AAKD,MAAM,OAAO,UAAU;;;;EAKrB,kBAAkB;;IAChB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAA;IAElB,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE;MACnD,MAAM,IAAI,GAAG,KAAK;SACf,IAAI,CAAC,CAAA,MAAA,MAAA,EAAE,CAAC,aAAa,0CAAE,UAAU,0CAAE,MAAM,EAAE,KAAI,EAAE,CAAC;SAClD,MAAM,CAAC,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,uBAAuB,CAAC,CAAA;MAChE,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,eAAe,CACb,EAAE,CAAC,UAAU,EACb,MAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,0CAAE,UAAU,CAC/D,CAAA;OACF;KACF;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,cAAc,aAAU,IAAI,CAAC,MAAM,GAAG,CACnD,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Element, Host, h, Prop } from '@stencil/core'\n\nfunction isEqualTag (a: Element, b: Element) {\n  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName\n}\n\nfunction parseChildNodes (items: NodeListOf<ChildNode>, targets: NodeListOf<ChildNode>) {\n  const list = Array.from(targets.values())\n  for (let i = 0, j = 0; i < list.length; i++, j++) {\n    const target = list[i] as Element\n    let item = items.item(j) as Element\n    while (item && !isEqualTag(item, target)) {\n      item.remove()\n      j++\n      item = items.item(j) as Element\n    }\n    if (item && !item.isEqualNode(target)) {\n      parseChildNodes(item.childNodes, target.childNodes)\n    }\n    while (i === list.length - 1 && j < items.length) {\n      j++\n      item = items.item(j) as Element\n      item?.remove()\n    }\n  }\n}\n\n@Component({\n  tag: 'taro-swiper-item-core'\n})\nexport class SwiperItem implements ComponentInterface {\n  @Element() el: HTMLElement\n\n  @Prop() itemId: string\n\n  componentDidRender () {\n    const el = this.el\n\n    if (el.classList.contains('swiper-slide-duplicate')) {\n      const list = Array\n        .from(el.parentElement?.childNodes?.values() || [])\n        .filter((e: Element) => e.tagName === 'TARO-SWIPER-ITEM-CORE')\n      if (list.length > 0) {\n        parseChildNodes(\n          el.childNodes,\n          list[list.indexOf(el) === 0 ? list.length - 2 : 1]?.childNodes\n        )\n      }\n    }\n  }\n\n  render () {\n    return (\n      <Host class='swiper-slide' item-id={this.itemId}/>\n    )\n  }\n}\n"]}

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

@@ -10122,14 +10122,50 @@ const 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();
+    }
+  }
+}
 const SwiperItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.itemId = undefined;
   }
+  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 };