steedos-board组件在同一个组件内变更字段顺序时，组件value值未实时更新

steedos/steedos-platform#5570
steedos · Oct 23, 2023 · 013c146 · 013c146
1 parent 806a75d
commit 013c146
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/packages/@steedos-widgets/sortable/src/components/MultipleContainers.tsx b/packages/@steedos-widgets/sortable/src/components/MultipleContainers.tsx
@@ -227,10 +227,10 @@ export function MultipleContainers(props) {
     Object.keys(items) as UniqueIdentifier[]
   );
 
-  const handleChange = async () => {
+  const handleChange = async (newItems? : any) => {
     if (!amisDispatchEvent || !amisOnChange)
       return 
-    const value = items;
+    const value = newItems || items;
 
     // 支持 amis OnEvent.change
     const rendererEvent = await amisDispatchEvent(
@@ -493,26 +493,31 @@ export function MultipleContainers(props) {
 
         const overContainer = findContainer(overId);
 
+        let newItems = items;
+
         if (overContainer) {
           const activeIndex = items[activeContainer].indexOf(active.id);
           const overIndex = items[overContainer].indexOf(overId);
 
           if (activeIndex !== overIndex) {
-            setItems((items) => ({
-              ...items,
-              [overContainer]: arrayMove(
-                items[overContainer],
-                activeIndex,
-                overIndex
-              ),
-            }));
+            setItems((items) => {
+              newItems = {
+                ...items,
+                [overContainer]: arrayMove(
+                  items[overContainer],
+                  activeIndex,
+                  overIndex
+                ),
+              }
+              return newItems;
+            });
           }
         }
 
         setActiveId(null);
 
         // console.log('拖动结束2，更新form value')
-        handleChange()
+        handleChange(newItems)
       }}
       cancelDrop={cancelDrop}
       onDragCancel={onDragCancel}