fix: 모바일 터치 드래그 정렬 복구

NPC 정책 우선순위와 모바일 메인 패널 순서를 Ref와 같은 vuedraggable 기반으로 전환한다. 실제 모바일 Chromium 터치 제스처 회귀 검증을 추가한다.
2026-08-21 01:07:23 +00:00
parent 7b14585f0d
commit 26920add19
8 changed files with 342 additions and 137 deletions
@@ -0,0 +1,43 @@
+import { defineComponent, h, type PropType, type SlotsType, type VNode } from 'vue';
+import VueDraggable from 'vuedraggable-es';
+
+export default defineComponent({
+    name: 'SortableStringList',
+    inheritAttrs: false,
+    props: {
+        list: {
+            type: Array as PropType<string[]>,
+            required: true,
+        },
+        group: {
+            type: String,
+            default: undefined,
+        },
+        tag: {
+            type: String,
+            default: 'div',
+        },
+    },
+    slots: Object as SlotsType<{
+        header?: () => VNode[];
+        item: (props: { element: string; index: number }) => VNode[];
+    }>,
+    setup(props, { attrs, slots }) {
+        return () =>
+            h(
+                VueDraggable,
+                {
+                    ...attrs,
+                    list: props.list,
+                    group: props.group,
+                    itemKey: (item: string) => item,
+                    tag: props.tag,
+                },
+                {
+                    header: () => slots.header?.(),
+                    item: ({ element, index }: { element: string; index: number }) =>
+                        slots.item({ element, index }),
+                }
+            );
+    },
+});