@lynx-js/web-elements 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @lynx-js/web-elements
 
+## 0.7.1
+
+### Patch Changes
+
+- fix(web): x-swiper-item threshold updated to 20 ([#639](https://github.com/lynx-family/lynx-stack/pull/639))
+
+- fix: In React19, setter and getter functions are treated as properties, making it impossible to retrieve the current value via attributes. ([#639](https://github.com/lynx-family/lynx-stack/pull/639))
+
 ## 0.7.0
 
 ### Minor Changes

package/dist/XSwiper/XSwiper.d.ts

@@ -2,8 +2,8 @@ import { scrollContainerDom } from '../common/constants.js';
 export declare class XSwiper extends HTMLElement {
     #private;
     static notToFilterFalseAttributes: Set<string>;
-    get current(): number;
-    set current(newval: number);
+    get currentIndex(): number;
+    set currentIndex(newval: number);
     get snapDistance(): number;
     get isVertical(): boolean;
     get circularPlay(): boolean;

package/dist/XSwiper/XSwiper.js

@@ -136,12 +136,12 @@ let XSwiper = (() => {
                 minOffsetToMid,
             };
         }
-        get current() {
+        get currentIndex() {
             return this.#getNeatestElementIndexAndDistanceToMid().current;
         }
-        set current(newval) {
+        set currentIndex(newval) {
             // When current is specified and current is updated in bindchange, there is no need to respond to the update of current
-            if (this.current === newval) {
+            if (this.currentIndex === newval) {
                 return;
             }
             const smooth = this.getAttribute('smooth-scroll') === null; // smooth-scroll default true, it is set to be false
@@ -186,29 +186,29 @@ let XSwiper = (() => {
             return this.getAttribute('circular') !== null;
         }
         scrollToNext() {
-            const current = this.current;
+            const current = this.currentIndex;
             const count = this.childElementCount;
             if (current === count - 1) {
                 const circularPlay = this.circularPlay;
                 if (circularPlay) {
-                    this.current = 0;
+                    this.currentIndex = 0;
                 }
             }
             else {
-                this.current += 1;
+                this.currentIndex += 1;
             }
         }
         scrollToPrevious() {
-            const current = this.current;
+            const current = this.currentIndex;
             const count = this.childElementCount;
             if (current === 0) {
                 const circularPlay = this.circularPlay;
                 if (circularPlay) {
-                    this.current = count - 1;
+                    this.currentIndex = count - 1;
                 }
             }
             else {
-                this.current == count - 1;
+                this.currentIndex = count - 1;
             }
         }
         connectedCallback() {

package/dist/XSwiper/XSwiperAutoScroll.js

@@ -19,7 +19,7 @@ let XSwiperAutoScroll = (() => {
             __esDecorate(this, _private_handleCurrentChange_descriptor = { value: __setFunctionName(function (newVal) {
                     const newval = Number(newVal);
                     if (!Number.isNaN(newval)) {
-                        this.#dom.current = newval;
+                        this.#dom.currentIndex = newval;
                     }
                 }, "#handleCurrentChange") }, _private_handleCurrentChange_decorators, { kind: "method", name: "#handleCurrentChange", static: false, private: true, access: { has: obj => #handleCurrentChange in obj, get: obj => obj.#handleCurrentChange }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, _private_handleAutoplay_descriptor = { value: __setFunctionName(function () {

package/dist/XSwiper/XSwiperCircular.js

@@ -21,7 +21,7 @@ let XSwiperCircular = (() => {
                     if (newVal !== null) {
                         this.#changeEventHandler({
                             detail: {
-                                current: this.#dom.current,
+                                current: this.#dom.currentIndex,
                                 isDragged: false,
                                 __isFirstLayout: true,
                             },

package/dist/XSwiper/XSwiperEvents.js

@@ -77,7 +77,7 @@ let XSwipeEvents = (() => {
                 > pageLength / 4
                 || currentScrollDistance < 10
                 || Math.abs(currentScrollDistance - totalScrollDistance) <= pageLength) {
-                const current = this.#dom.current;
+                const current = this.#dom.currentIndex;
                 if (current !== this.#current) {
                     this.#dom.dispatchEvent(new CustomEvent('change', {
                         ...commonComponentEventSetting,

package/dist/XSwiper/XSwiperIndicator.js

@@ -103,7 +103,7 @@ let XSwiperIndicator = (() => {
                     }
                 }).bind(this));
                 boostedQueueMicrotask(() => {
-                    this.#getIndicatorContainer().children[this.#dom.current]?.style.setProperty('background-color', 'var(--indicator-active-color)', 'important');
+                    this.#getIndicatorContainer().children[this.#dom.currentIndex]?.style.setProperty('background-color', 'var(--indicator-active-color)', 'important');
                 });
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-elements",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "private": false,
   "repository": {
     "type": "git",

package/src/XSwiper/x-swiper.css

@@ -74,7 +74,7 @@ x-swiper-item {
   flex-basis: var(--lynx-linear-weight-basis) !important;
 }
 
-x-swiper-item:nth-child(n+5) {
+x-swiper-item:nth-child(n+20) {
   contain: strict;
   content-visibility: auto;
 }