Revert "fix: stabilize multi-select autocomplete values"

This reverts commit f1f68f53.

src/components/XinyuanAutocomplete.jsx

 import {
   ChevronDown,
-  Check,
   Close,
   Search,
 } from '@/components/AppIcons';
@@ -17,16 +16,6 @@ function defaultFilter(textValue, inputValue) {
   return !query || String(textValue || '').toLocaleLowerCase().includes(query);
 }
 
-function getSelectedKeySet(selectionMode, selectedKey, selectedKeys) {
-  if (selectionMode === 'multiple') {
-    return new Set(selectedKeys || []);
-  }
-
-  return new Set(selectedKey === null || selectedKey === undefined ? [] : [selectedKey]);
-}
-
-const toSelectionKey = (value) => String(value ?? '');
-
 export default function XinyuanAutocomplete({
   'aria-label': ariaLabel,
   className,
@@ -43,73 +32,21 @@ export default function XinyuanAutocomplete({
   renderOption,
   searchPlaceholder = '输入关键词搜索',
   selectedKey,
-  selectedKeys,
-  selectionMode = 'single',
   shouldFilter = true,
   valueText,
   variant = 'secondary',
 }) {
-  const selectedKeySet = getSelectedKeySet(
-    selectionMode,
-    selectedKey,
-    selectedKeys,
-  );
-  const selectedKeyStringSet = new Set(
-    Array.from(selectedKeySet).map(toSelectionKey),
-  );
-  const selectedOptions = options.filter((option) =>
-    selectedKeyStringSet.has(toSelectionKey(option.id)),
-  );
-  const resolvedValue =
-    valueText ??
-    (selectedOptions.length > 0
-      ? selectedOptions.map((option) => option.label).join('、')
-      : placeholder);
-  const rootSelectionProps =
-    selectionMode === 'multiple'
-      ? { selectedKeys: selectedKeyStringSet }
-      : { selectedKey };
-  const listBoxSelectionProps =
-    selectionMode === 'multiple'
-      ? {
-          selectionMode,
-          selectedKeys: selectedKeyStringSet,
-        }
-      : {};
+  const selectedOption = options.find((option) => option.id === selectedKey);
+  const resolvedValue = valueText ?? selectedOption?.label ?? placeholder;
   const visibleOptions = isLoading || errorText ? [] : options;
-  const handleMultipleOptionPress = (option) => {
-    if (
-      selectionMode !== 'multiple' ||
-      !onSelectionChange ||
-      option?.isDisabled
-    ) {
-      return;
-    }
-
-    const optionKey = toSelectionKey(option.id);
-    if (!optionKey) {
-      return;
-    }
-
-    const nextKeys = new Set(
-      Array.from(selectedKeyStringSet).filter(Boolean),
-    );
-    if (nextKeys.has(optionKey)) {
-      nextKeys.delete(optionKey);
-    } else {
-      nextKeys.add(optionKey);
-    }
-    onSelectionChange(nextKeys);
-  };
 
   return (
     <Autocomplete
-      {...rootSelectionProps}
       aria-label={ariaLabel || placeholder}
       className={className}
       fullWidth
       isDisabled={isDisabled}
-      selectionMode={selectionMode}
+      selectedKey={selectedKey}
       variant={variant}
       onSelectionChange={onSelectionChange}
     >
@@ -138,41 +75,19 @@ export default function XinyuanAutocomplete({
           </SearchField>
           <ListBox
             aria-label={ariaLabel || placeholder}
-            dependencies={[Array.from(selectedKeyStringSet).sort().join('\u0000')]}
             items={visibleOptions}
-            {...listBoxSelectionProps}
             renderEmptyState={() => (
               <div className="grid min-h-20 place-items-center px-3 py-4">
                 {isLoading ? <Spinner size="sm" /> : errorText || emptyText}
               </div>
             )}
           >
-            {(option) => {
-              const isSelected = selectedKeyStringSet.has(toSelectionKey(option.id));
-
-              return (
-                <ListBox.Item
-                  id={option.id}
-                  isDisabled={option.isDisabled}
-                  textValue={option.textValue || option.label}
-                  {...(selectionMode === 'multiple'
-                    ? { onPress: () => handleMultipleOptionPress(option) }
-                    : {})}
-                >
+            {(option) => (
+              <ListBox.Item id={option.id} textValue={option.textValue || option.label}>
                 {renderOption ? renderOption(option) : <Label>{option.label}</Label>}
-                  {selectionMode === 'multiple' ? (
-                    <span
-                      aria-hidden="true"
-                      className="ml-auto inline-flex w-5 justify-center text-foreground"
-                    >
-                      {isSelected ? <Check size={14} /> : null}
-                    </span>
-                  ) : (
                 <ListBox.ItemIndicator />
-                  )}
               </ListBox.Item>
-              );
-            }}
+            )}
           </ListBox>
         </Autocomplete.Filter>
       </Autocomplete.Popover>