@fy-/fws-vue 2.3.84 → 2.3.86

package/components/ui/DefaultGallery.vue

@@ -97,6 +97,12 @@ const props = withDefaults(
     selectAllText?: string
     clearSelectionText?: string
     selectedCountText?: string
+    // Save order support
+    saveOrderText?: string
+    onSaveOrder?: Function
+    showSaveOrder?: boolean
+    getItemPosition?: Function
+    onPositionChange?: Function
   }>(),
   {
     modelValue: 0,
@@ -123,6 +129,12 @@ const props = withDefaults(
     selectAllText: 'Select All',
     clearSelectionText: 'Clear',
     selectedCountText: 'selected',
+    // Save order defaults
+    saveOrderText: 'Save Order',
+    onSaveOrder: undefined,
+    showSaveOrder: false,
+    getItemPosition: (item: any, index: number) => item.UserIndex ?? index,
+    onPositionChange: undefined,
   },
 )
 
@@ -933,6 +945,13 @@ onUnmounted(() => {
           >
             {{ cancelButtonText }}
           </button>
+          <button
+            v-if="showSaveOrder && onSaveOrder"
+            class="px-4 py-1.5 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded-md transition-colors font-medium"
+            @click="onSaveOrder()"
+          >
+            {{ saveOrderText }}
+          </button>
           <button
             class="px-4 py-1.5 text-sm bg-red-600 hover:bg-red-700 text-white rounded-md transition-colors font-medium"
             :disabled="localSelectedItems.size === 0"
@@ -1055,6 +1074,21 @@ onUnmounted(() => {
                 </div>
               </div>
 
+              <!-- Position input for reorder mode -->
+              <div
+                v-if="showSaveOrder && onPositionChange"
+                class="absolute top-2 right-2 z-20"
+              >
+                <input
+                  type="number"
+                  min="0"
+                  :value="getItemPosition(images[i - 1], i - 1)"
+                  class="w-12 h-6 text-xs text-center rounded border border-gray-400 bg-white/90 dark:bg-black/90 dark:text-white"
+                  @change="(e: Event) => onPositionChange(images[i - 1], parseInt((e.target as HTMLInputElement).value))"
+                  @click.stop
+                >
+              </div>
+
               <!-- Selection overlay -->
               <div
                 v-if="localEditMode && isItemSelected(images[i - 1], i - 1)"
@@ -1118,6 +1152,13 @@ onUnmounted(() => {
           >
             {{ cancelButtonText }}
           </button>
+          <button
+            v-if="showSaveOrder && onSaveOrder"
+            class="px-4 py-1.5 text-sm bg-blue-600 hover:bg-blue-700 text-white rounded-md transition-colors font-medium"
+            @click="onSaveOrder()"
+          >
+            {{ saveOrderText }}
+          </button>
           <button
             class="px-4 py-1.5 text-sm bg-red-600 hover:bg-red-700 text-white rounded-md transition-colors font-medium"
             :disabled="localSelectedItems.size === 0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "2.3.84",
+  "version": "2.3.86",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "homepage": "https://github.com/fy-to/FWJS#readme",