@fy-/fws-vue 2.3.85 → 2.3.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -101,6 +101,8 @@ const props = withDefaults(
101
101
  saveOrderText?: string
102
102
  onSaveOrder?: Function
103
103
  showSaveOrder?: boolean
104
+ getItemPosition?: Function
105
+ onPositionChange?: Function
104
106
  }>(),
105
107
  {
106
108
  modelValue: 0,
@@ -131,6 +133,8 @@ const props = withDefaults(
131
133
  saveOrderText: 'Save Order',
132
134
  onSaveOrder: undefined,
133
135
  showSaveOrder: false,
136
+ getItemPosition: (item: any, index: number) => item.UserIndex ?? index,
137
+ onPositionChange: undefined,
134
138
  },
135
139
  )
136
140
 
@@ -1070,6 +1074,21 @@ onUnmounted(() => {
1070
1074
  </div>
1071
1075
  </div>
1072
1076
 
1077
+ <!-- Position input for reorder mode -->
1078
+ <div
1079
+ v-if="showSaveOrder && onPositionChange"
1080
+ class="absolute top-2 right-2 z-20"
1081
+ >
1082
+ <input
1083
+ type="number"
1084
+ min="0"
1085
+ :value="getItemPosition(images[i - 1], i - 1)"
1086
+ class="w-12 h-6 text-xs text-center rounded border border-gray-400 bg-white/90 dark:bg-black/90 dark:text-white"
1087
+ @change="(e: Event) => onPositionChange(images[i - 1], parseInt((e.target as HTMLInputElement).value))"
1088
+ @click.stop
1089
+ >
1090
+ </div>
1091
+
1073
1092
  <!-- Selection overlay -->
1074
1093
  <div
1075
1094
  v-if="localEditMode && isItemSelected(images[i - 1], i - 1)"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fy-/fws-vue",
3
- "version": "2.3.85",
3
+ "version": "2.3.86",
4
4
  "author": "Florian 'Fy' Gasquez <m@fy.to>",
5
5
  "license": "MIT",
6
6
  "homepage": "https://github.com/fy-to/FWJS#readme",