fix: ensure the same key and value in the tree data

Author: Col0ring

.changeset/fair-pianos-rule.md

@@ -0,0 +1,7 @@
+---
+'@modelscope-studio/antd': patch
+'@modelscope-studio/frontend': patch
+'modelscope_studio': patch
+---
+
+fix: ensure the same key and value in the tree data

frontend/antd/tree-select/tree-select.tsx

@@ -69,7 +69,22 @@ export const TreeSelect = sveltify<
             treeData ||
             renderItems<NonNullable<TreeSelectProps['treeData']>[number]>(
               resolvedSlotItems,
-              { clone: true }
+              {
+                clone: true,
+                itemPropsTransformer: (itemProps) => {
+                  if (
+                    itemProps.value &&
+                    itemProps.key &&
+                    itemProps.value !== itemProps.key
+                  ) {
+                    return {
+                      ...itemProps,
+                      key: undefined,
+                    };
+                  }
+                  return itemProps;
+                },
+              }
             ),
           dropdownRender: slots.dropdownRender
             ? renderParamsSlot({ slots, setSlotParams, key: 'dropdownRender' })
@@ -132,6 +147,7 @@ export const TreeSelect = sveltify<
         treeData,
         treeTitleRenderFunction,
       ]);
+
       return (
         <>
           <div style={{ display: 'none' }}>{children}</div>

frontend/antd/tree/tree.tsx

@@ -65,6 +65,19 @@ export const Tree = sveltify<
               resolvedSlotItems,
               {
                 clone: true,
+                itemPropsTransformer: (itemProps) => {
+                  if (
+                    itemProps.value &&
+                    itemProps.key &&
+                    itemProps.value !== itemProps.key
+                  ) {
+                    return {
+                      ...itemProps,
+                      key: undefined,
+                    };
+                  }
+                  return itemProps;
+                },
               }
             ),
           showLine: slots['showLine.showLeafIcon']

frontend/utils/renderItems.tsx

@@ -12,6 +12,7 @@ export function renderItems<R>(
     fallback?: (item: any) => R;
     clone?: boolean;
     forceClone?: boolean;
+    itemPropsTransformer?: (props: Record<string, any>) => Record<string, any>;
   },
   key?: React.Key
 ): undefined | R[] {
@@ -26,10 +27,15 @@ export function renderItems<R>(
       }
       return item;
     }
-    const result = {
-      ...item.props,
-      key: item.props?.key ?? (key ? `${key}-${i}` : `${i}`),
-    };
+    const result = options?.itemPropsTransformer
+      ? options?.itemPropsTransformer({
+          ...item.props,
+          key: item.props?.key ?? (key ? `${key}-${i}` : `${i}`),
+        })
+      : {
+          ...item.props,
+          key: item.props?.key ?? (key ? `${key}-${i}` : `${i}`),
+        };
 
     let current = result;
     Object.keys(item.slots).forEach((slotKey) => {