@xuda.io/xuda-widget-plugin-xuda-drive 1.0.41 → 1.0.43

package/index.mjs

@@ -1,7 +1,7 @@
 var common_fields = {
   file_upload_drop_area_label: {
     label: "Drop Area Label",
-    type: "string",
+    type: "string"
   },
   file_upload_allow_multiple_files: {
     label: "Allow Multiple Files",
@@ -12,13 +12,13 @@ var common_fields = {
     options: [
       {
         label: "Yes",
-        value: true,
+        value: true
       },
       {
         label: "No",
-        value: false,
-      },
-    ],
+        value: false
+      }
+    ]
   },
   file_upload_mime_type_preset: {
     label: "Mime Type",
@@ -28,26 +28,26 @@ var common_fields = {
     options: [
       {
         label: "Select",
-        value: "",
+        value: ""
       },
       {
         label: "Video",
-        value: "video",
+        value: "video"
       },
       {
         label: "Audio",
-        value: "audio",
+        value: "audio"
       },
       {
         label: "Image",
-        value: "image",
-      },
-    ],
+        value: "image"
+      }
+    ]
   },
   file_upload_custom_mime_types: {
     label: "Custom Mime Types",
     type: "string",
-    tooltip: "Separate with commas",
+    tooltip: "Separate with commas"
   },
   public_file: {
     label: "Public File",
@@ -58,23 +58,23 @@ var common_fields = {
     options: [
       {
         label: "Yes",
-        value: true,
+        value: true
       },
       {
         label: "No",
-        value: false,
-      },
-    ],
+        value: false
+      }
+    ]
   },
   drive_folder: {
     label: "Drive Folder",
-    type: "string",
+    type: "string"
   },
   assign_file_tags: {
     label: "File Tags",
     type: "array",
     tooltip: "",
-    render: "chips",
+    render: "chips"
   },
   auto_tag_generator: {
     label: "Auto Tag Generator",
@@ -85,44 +85,42 @@ var common_fields = {
     options: [
       {
         label: "Yes",
-        value: true,
+        value: true
       },
       {
         label: "No",
-        value: false,
-      },
-    ],
+        value: false
+      }
+    ]
   },
   auto_tag_identifier: {
     label: "Auto Tag Identifier",
     type: "string",
-    tooltip:
-      "A character to use to separate the tags from the filename default '-'",
+    tooltip: "A character to use to separate the tags from the filename default '-'"
   },
   auto_tag_translation: {
     label: "Auto Tag Translation",
     type: "object",
     tooltip: "Translation is enabled by defining key-value pairs in an object.",
     render: "editor",
-    "render_params.language": "json",
+    "render_params.language": "json"
   },
   custom_tags_parser: {
     label: "Custom Tags Parser",
     type: "object",
-    tooltip:
-      "Create a custom function to extract the filename and return an array of tags.",
+    tooltip: "Create a custom function to extract the filename and return an array of tags.",
     render: "editor",
-    "render_params.language": "javascript",
+    "render_params.language": "javascript"
   },
   event_name_for_successful_callback: {
     label: "Successful Callback",
     type: "string",
-    render: "eventId",
+    render: "eventId"
   },
   event_name_for_successful_remove_callback: {
     label: "Successful Remove Callback",
     type: "string",
-    render: "eventId",
+    render: "eventId"
   },
   clear_on_file_upload: {
     label: "Clear on File Upload",
@@ -133,17 +131,17 @@ var common_fields = {
     options: [
       {
         label: "Yes",
-        value: true,
+        value: true
       },
       {
         label: "No",
-        value: false,
-      },
-    ],
+        value: false
+      }
+    ]
   },
   file_upload_folder: {
     label: "Upload Folder",
-    type: "string",
+    type: "string"
   },
   prompt_file_exist: {
     label: "Prompt file exist",
@@ -154,14 +152,31 @@ var common_fields = {
     options: [
       {
         label: "Yes",
-        value: true,
+        value: true
       },
       {
         label: "No",
-        value: false,
-      },
-    ],
+        value: false
+      }
+    ]
   },
+  direction: {
+    label: "Direction",
+    type: "string",
+    render: "segment",
+    tooltip: "",
+    defaultValue: () => "ltr",
+    options: [
+      {
+        label: "RTL",
+        value: "rtl"
+      },
+      {
+        label: "LTR",
+        value: "ltr"
+      }
+    ]
+  }
 };
 
 export const methods = {
@@ -169,7 +184,7 @@ export const methods = {
     name: "Upload",
     tooltip: "",
     fields: common_fields,
-    response: { uploaded_files: "" },
+    response: { uploaded_files: "" }
   },
   viewer: {
     name: "Viewer",
@@ -184,28 +199,28 @@ export const methods = {
         options: [
           {
             label: "Gallery",
-            value: "gallery",
+            value: "gallery"
           },
           {
             label: "List",
-            value: "list",
+            value: "list"
           },
           {
             label: "Slider",
-            value: "slider",
-          },
-        ],
+            value: "slider"
+          }
+        ]
       },
 
       drive_folder: {
         label: "Drive Folder",
-        type: "string",
+        type: "string"
       },
       filter_tags: {
         label: "Filter Tags",
         type: "array",
         tooltip: "",
-        render: "chips",
+        render: "chips"
       },
       sort_by: {
         label: "Sort By",
@@ -216,13 +231,13 @@ export const methods = {
         options: [
           {
             label: "Date",
-            value: "date",
+            value: "date"
           },
           {
             label: "File Name",
-            value: "name",
-          },
-        ],
+            value: "name"
+          }
+        ]
       },
       sort_dir: {
         label: "Sort Direction",
@@ -233,13 +248,13 @@ export const methods = {
         options: [
           {
             label: "Descending",
-            value: "desc",
+            value: "desc"
           },
           {
             label: "Ascending",
-            value: "asc",
-          },
-        ],
+            value: "asc"
+          }
+        ]
       },
       show_toolbar: {
         label: "Show Toolbar",
@@ -250,18 +265,18 @@ export const methods = {
         options: [
           {
             label: "Yes",
-            value: true,
+            value: true
           },
           {
             label: "No",
-            value: false,
-          },
-        ],
+            value: false
+          }
+        ]
       },
       toolbar_label: {
         label: "Toolbar Label",
         type: "string",
-        tooltip: "",
+        tooltip: ""
       },
       show_upload_button: {
         label: "Show Upload Button",
@@ -272,16 +287,16 @@ export const methods = {
         options: [
           {
             label: "Yes",
-            value: true,
+            value: true
           },
           {
             label: "No",
-            value: false,
-          },
-        ],
+            value: false
+          }
+        ]
       },
-      ...common_fields,
+      ...common_fields
     },
-    response: { uploaded_files: "" },
-  },
+    response: { uploaded_files: "" }
+  }
 };

package/package.json

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

package/runtime.mjs

@@ -594,7 +594,7 @@ export async function viewer(fields, e) {
 
   <!-- Tabs -->
   <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 v-if="isOverDropZone && view !== 'slider'" 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>
 
@@ -680,7 +680,7 @@ export async function viewer(fields, e) {
         </button>
       </div>
 
-      <div class="swiper-container flex-1 w-full h-full" ref="swiper-container">
+      <div class="swiper-container flex-1 w-full h-full" dir="rtl" ref="swiper-container">
         <div class="swiper-wrapper">
           <!-- Slides -->
           <template v-for="file in files" hidden>
@@ -1099,7 +1099,7 @@ export async function viewer(fields, e) {
     },
     mounted() {
       var onDrop = (files) => {
-        if (this.view === "swiper") return;
+        if (this.view === "slider") return;
         this.uploadModal = true;
         this.pond.addFiles(files);
       };
@@ -1162,7 +1162,7 @@ export async function viewer(fields, e) {
                   spaceBetween: 20,
                   observer: true,
                   observeParents: true,
-                  paginationClickable: true
+                  ...(fields?.direction === "rtl" ? { reverseDirection: true } : {})
                 });
 
                 this.swiper.on("slideChange", (event) => {