fix: 虚拟滚动下，value值不存在时选项不渲染问题 (#807)

* fix: 虚拟滚动下，value值不存在时选项不渲染问题 * refactor: all key * refactor: all key to string --------- Co-authored-by: letgo <[email protected]>
WeBankFinTech · May 24, 2024 · 7f34fe8 · 7f34fe8
1 parent 5e94adb
commit 7f34fe8
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/components/select/optionList.tsx b/components/select/optionList.tsx
@@ -164,6 +164,8 @@ export default defineComponent({
         const renderDefault = ({ source }: { source: SelectOption }) =>
             source.__isGroup ? renderGroupOption(source) : renderOption(source);
 
+        const inValidValueKey = '_ALL_KEY_'
+
         return () =>
             enableVirtualScroll.value
                 ? (
@@ -172,7 +174,12 @@ export default defineComponent({
                             emit('scroll', event);
                         }}
                         dataSources={props.options}
-                        dataKey={'value'}
+                        dataKey={(data) =>
+                            // 兼容全部选项，value为空值的选项
+                            data.value === null || data.value === undefined
+                                ? inValidValueKey + String(data.value)
+                                : data.value
+                        }
                         estimateSize={32}
                         keeps={14}
                         style={props.containerStyle}