@xuda.io/xuda-widget-plugin-xuda-drive 1.0.44 → 1.0.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xuda.io/xuda-widget-plugin-xuda-drive",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "Xuda Drive widget plugin",
   "scripts": {
     "pub": "npm version patch --force && npm publish  --access public"

package/runtime.mjs

@@ -675,7 +675,7 @@ export async function viewer(fields, e) {
 
     <div v-if="view === 'slider'" class="relative flex items-center justify-between py-4 px-4 flex-1 h-full overflow-hidden">
       <div class="absolute inset-y-0 left-6 z-10 flex items-center">
-        <button @click="swiper.slidePrev()" class="bg-white -ml-2 lg:-ml-4 flex justify-center items-center w-10 h-10 rounded-full shadow focus:outline-none">
+        <button @click="options.direction === 'rtl' ? swiper.slideNext() : swiper.slidePrev()" class="bg-white -ml-2 lg:-ml-4 flex justify-center items-center w-10 h-10 rounded-full shadow focus:outline-none">
           <svg viewBox="0 0 20 20" fill="currentColor" class="chevron-left w-6 h-6"><path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd"></path></svg>
         </button>
       </div>
@@ -694,7 +694,7 @@ export async function viewer(fields, e) {
       </div>
 
       <div class="absolute inset-y-0 right-6 z-10 flex items-center">
-        <button @click="swiper.slideNext()" class="bg-white -mr-2 lg:-mr-4 flex justify-center items-center w-10 h-10 rounded-full shadow focus:outline-none">
+        <button @click="options.direction === 'ltr' ? swiper.slidePrev() : swiper.slideNext()" class="bg-white -mr-2 lg:-mr-4 flex justify-center items-center w-10 h-10 rounded-full shadow focus:outline-none">
           <svg viewBox="0 0 20 20" fill="currentColor" class="chevron-right w-6 h-6"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
         </button>
       </div>
@@ -1155,22 +1155,22 @@ export async function viewer(fields, e) {
         handler(val) {
           if (val === "slider") {
             this.$nextTick(() => {
-              setTimeout(() => {
-                this.swiper = new Swiper(this.$refs["swiper-container"], {
-                  loop: true,
-                  slidesPerView: 1,
-                  spaceBetween: 20,
-                  observer: true,
-                  observeParents: true,
-                  ...(fields?.direction === "rtl" ? { reverseDirection: true } : {})
-                });
-
-                this.swiper.on("slideChange", (event) => {
-                  if (event.activeIndex >= 5 && !this.isEndOfList && !this.loadingSearch && !this.allLoading) {
-                    this.refreshDirectory(true);
-                  }
-                });
-              }, 500);
+              // setTimeout(() => {
+              this.swiper = new Swiper(this.$refs["swiper-container"], {
+                loop: true,
+                slidesPerView: 1,
+                spaceBetween: 20,
+                observer: true,
+                observeParents: true,
+                ...(fields?.direction === "rtl" ? { reverseDirection: true } : {})
+              });
+
+              this.swiper.on("slideChange", (event) => {
+                if (event.activeIndex >= 5 && !this.isEndOfList && !this.loadingSearch && !this.allLoading) {
+                  this.refreshDirectory(true);
+                }
+              });
+              // }, 500);
             });
           }