From a03662fdb231e2865ef6b2ca1ad125d235b57bce Mon Sep 17 00:00:00 2001
From: lerte smith <lerte@qq.com>
Date: Thu, 31 Oct 2024 17:09:00 +0800
Subject: [PATCH] update Selecte

---
 .../actify/src/components/Select/Select.tsx   | 43 ++++++++-----------
 1 file changed, 19 insertions(+), 24 deletions(-)

diff --git a/packages/actify/src/components/Select/Select.tsx b/packages/actify/src/components/Select/Select.tsx
index fc6efe9..f48b9c8 100644
--- a/packages/actify/src/components/Select/Select.tsx
+++ b/packages/actify/src/components/Select/Select.tsx
@@ -34,6 +34,14 @@ const Select = <T extends object>(props: SelectProps<T>) => {
     ? state.selectedItem.rendered
     : 'Select an option'
 
+  let Tag = FilledField
+  if (variant == 'filled') {
+    Tag = FilledField
+  }
+  if (variant == 'outlined') {
+    Tag = OutlinedField
+  }
+
   return (
     <div
       style={{ display: 'inline-flex', ...props.style }}
@@ -48,30 +56,17 @@ const Select = <T extends object>(props: SelectProps<T>) => {
         isDisabled={props.isDisabled}
       />
 
-      {variant == 'filled' && (
-        <FilledField ref={ref} {...triggerProps}>
-          <Label
-            aria-label={label?.toString()}
-            {...valueProps}
-            style={{ lineHeight: '24px' }}
-          >
-            {label}
-          </Label>
-          <TrailingIcon isOpen={state.isOpen} />
-        </FilledField>
-      )}
-      {variant == 'outlined' && (
-        <OutlinedField ref={ref} {...triggerProps}>
-          <Label
-            {...valueProps}
-            aria-label={label?.toString()}
-            style={{ lineHeight: '24px' }}
-          >
-            {label}
-          </Label>
-          <TrailingIcon isOpen={state.isOpen} />
-        </OutlinedField>
-      )}
+      <Tag ref={ref} {...triggerProps}>
+        <Label
+          aria-label={label?.toString()}
+          {...valueProps}
+          style={{ lineHeight: '24px' }}
+        >
+          {label}
+        </Label>
+        <TrailingIcon isOpen={state.isOpen} />
+      </Tag>
+
       {state.isOpen && (
         <Popover state={state} triggerRef={ref} placement="bottom start">
           <ListBox {...menuProps} state={state} />