@xuda.io/xuda-widget-plugin-xuda-drive 1.0.38 → 1.0.40

package/package.json

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

package/runtime.mjs

@@ -593,7 +593,7 @@ export async function viewer(fields, e) {
   </div>
 
   <!-- Tabs -->
-  <div ref="dropZoneRef" class="flex-1 overflow-auto size-full relative">
+  <div ref="dropZoneRef"  class="flex-1 overflow-auto size-full relative">
     <div v-if="isOverDropZone" class="absolute inset-0 z-10 px-2 py-2 animate">
       <div class="size-full flex flex-col justify-between items-center !border-black border-2 rounded-2xl bg-black/20">
         <div></div>
@@ -685,11 +685,9 @@ export async function viewer(fields, e) {
           <!-- Slides -->
           <template v-for="file in files" hidden>
             <div class="swiper-slide">
-              <div class="flex flex-col rounded shadow overflow-hidden">
                 <a data-fslightbox="gallery" :href="file.access_link" class="flex-shrink-0">
                   <img class="h-full w-full object-cover" :src="file.access_link" :alt="file.name" />
                 </a>
-              </div>
             </div>
           </template>
         </div>
@@ -945,7 +943,7 @@ export async function viewer(fields, e) {
           search_string: "",
           sort_by: fields.sort_by || "date",
           sort_dir: fields.sort_dir || "desc",
-          ...(fields.filter_tags.length ? { tags: fields.filter_tags } : {})
+          ...(fields.filter_tags?.length ? { tags: fields.filter_tags } : {})
           // ...filter_tags
         },
         limit: 10,
@@ -1101,9 +1099,9 @@ export async function viewer(fields, e) {
     },
     mounted() {
       var onDrop = (files) => {
+        if (this.view === "swiper") return;
         this.uploadModal = true;
-        this.addFiles(files);
-        // params.$refs.ImageUploader?.$refs?.pond?.addFiles(files);
+        this.pond.addFiles(files);
       };
 
       const { isOverDropZone } = VueUse.useDropZone(this.$refs.dropZoneRef, {
@@ -1161,7 +1159,10 @@ export async function viewer(fields, e) {
                 this.swiper = new Swiper(this.$refs["swiper-container"], {
                   loop: true,
                   slidesPerView: 1,
-                  spaceBetween: 20
+                  spaceBetween: 20,
+                  observer: true,
+                  observeParents: true,
+                  paginationClickable: true
                 });
 
                 this.swiper.on("slideChange", (event) => {
@@ -1183,14 +1184,6 @@ export async function viewer(fields, e) {
         this.$nextTick(() => {
           refreshFsLightbox();
           this.swiper?.update?.();
-
-          // this.swiper;
-          // debugger;
-          // this.swiper = new Swiper(this.$refs["swiper-container"], {
-          //   loop: true,
-          //   slidesPerView: 1,
-          //   spaceBetween: 20
-          // });
         });
       }
     },