From d2309bebf7ad8ec39dfed791b31a8929b4336ea4 Mon Sep 17 00:00:00 2001
From: Bobby <8290615@qq.com>
Date: Tue, 12 Dec 2023 11:20:16 +0800
Subject: [PATCH 1/2] fix: add select ref

---
 .changeset/gold-poems-smile.md       |  5 +++++
 packages/react/src/select/select.tsx | 10 +++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/gold-poems-smile.md

diff --git a/.changeset/gold-poems-smile.md b/.changeset/gold-poems-smile.md
new file mode 100644
index 0000000..c727126
--- /dev/null
+++ b/.changeset/gold-poems-smile.md
@@ -0,0 +1,5 @@
+---
+'@alice-ui/react': patch
+---
+
+fix select ref
diff --git a/packages/react/src/select/select.tsx b/packages/react/src/select/select.tsx
index d23bf4e..062880e 100644
--- a/packages/react/src/select/select.tsx
+++ b/packages/react/src/select/select.tsx
@@ -3,7 +3,7 @@
 import { ChevronDownIcon } from '@alice-ui/icons';
 import { clsx } from '@alice-ui/shared-utils';
 import { SelectSlots, SelectVariantProps, SlotsToClasses, select } from '@alice-ui/theme';
-import { ReactElement, ReactNode, cloneElement, useMemo } from 'react';
+import { ForwardedRef, ReactElement, ReactNode, cloneElement, forwardRef, useMemo } from 'react';
 import type { Placement } from 'react-aria';
 import type { SelectProps as AriaSelectProps, PopoverProps } from 'react-aria-components';
 import {
@@ -63,7 +63,7 @@ export interface SelectProps<T extends object>
   classNames?: SlotsToClasses<SelectSlots>;
 }
 
-export function Select<T extends object>(props: SelectProps<T>) {
+function Select<T extends object>(props: SelectProps<T>, ref: ForwardedRef<HTMLDivElement>) {
   const {
     children,
     className,
@@ -114,7 +114,7 @@ export function Select<T extends object>(props: SelectProps<T>) {
   }, [isLoading, clonedIcon, spinnerProps, slots, classNames?.spinner]);
 
   return (
-    <AriaSelect className={slots.base({ class: baseStyles })} {...otherProps}>
+    <AriaSelect ref={ref} className={slots.base({ class: baseStyles })} {...otherProps}>
       {label && <Label className={slots.label({ class: classNames?.label })}>{label}</Label>}
       <div className={slots.mainWrapper({ class: classNames?.mainWrapper })}>
         <Button className={slots.trigger({ class: classNames?.trigger })}>
@@ -152,3 +152,7 @@ export function Select<T extends object>(props: SelectProps<T>) {
     </AriaSelect>
   );
 }
+
+const _Select = forwardRef(Select);
+
+export { _Select as Select };

From a2202da2480ba68961ef7c97cd3cd25bda4cb686 Mon Sep 17 00:00:00 2001
From: Bobby <8290615@qq.com>
Date: Tue, 12 Dec 2023 11:26:41 +0800
Subject: [PATCH 2/2] fix: fix type error

---
 packages/react/src/select/select.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/select/select.tsx b/packages/react/src/select/select.tsx
index 062880e..6359bee 100644
--- a/packages/react/src/select/select.tsx
+++ b/packages/react/src/select/select.tsx
@@ -153,6 +153,8 @@ function Select<T extends object>(props: SelectProps<T>, ref: ForwardedRef<HTMLD
   );
 }
 
-const _Select = forwardRef(Select);
+const _Select = forwardRef(Select) as <T extends object>(
+  props: SelectProps<T> & { ref?: ForwardedRef<HTMLDivElement> },
+) => ReactElement;
 
 export { _Select as Select };