fix(metaComponent): fix opentiny#79 metaListItems dragging not working

chilingling · Nov 16, 2023 · f6b0e5f · f6b0e5f
1 parent 9be6f31
commit f6b0e5f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/packages/common/component/MetaContainer.vue b/packages/common/component/MetaContainer.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <meta-list-items class="list" :optionsList="children">
+    <meta-list-items class="list" :optionsList="children" @dragEnd="dragEnd">
       <template #content="{ data }">
         <div class="item-text">
           <div class="tiny-input">
@@ -67,7 +67,21 @@ export default {
       useHistory().addHistory()
     }
 
-    return { children, addChildren, delChildren }
+    const dragEnd = (params = {}) => {
+      const { oldIndex, newIndex } = params?.moved || {}
+
+      if (oldIndex === undefined || newIndex === undefined) {
+        return
+      }
+
+      const list = schemaChildren
+      const spliceItem = list.splice(oldIndex, 1)
+
+      list.splice(newIndex, 0, ...spliceItem)
+      children.value = [...list]
+    }
+
+    return { children, addChildren, delChildren, dragEnd }
   }
 }
 </script>

diff --git a/packages/common/component/MetaListItems.vue b/packages/common/component/MetaListItems.vue
@@ -118,8 +118,8 @@ export default {
       emit('deleteItem', params)
     }
 
-    const dragEnd = () => {
-      emit('changeItem')
+    const dragEnd = (value) => {
+      emit('dragEnd', value)
     }
 
     const editItem = (params) => {