From bd27d643d307dec41ee937a66448339b4b91f56c Mon Sep 17 00:00:00 2001
From: Wesley <985189328@qq.com>
Date: Sat, 28 Jun 2025 03:33:19 +0800
Subject: [PATCH 1/2] fix: group show & optimize type

---
 .../components/select/components/select-panel.tsx     |  4 ++--
 packages/components/select/hooks/useSelectOptions.ts  | 11 ++++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/components/select/components/select-panel.tsx b/packages/components/select/components/select-panel.tsx
index 69f111505d..0f663fed7a 100644
--- a/packages/components/select/components/select-panel.tsx
+++ b/packages/components/select/components/select-panel.tsx
@@ -64,7 +64,7 @@ export default defineComponent({
       return (
         <ul class={`${COMPONENT_NAME.value}__list`}>
           {options.map((item: SelectOptionGroup & TdOptionProps & { slots: Slots } & { $index: number }, index) => {
-            if (item.children) {
+            if ((item.children && item.children.length > 0) || !!item.group) {
               return (
                 <OptionGroup label={item.group} divider={item.divider}>
                   {renderOptionsContent(item.children)}
@@ -73,7 +73,7 @@ export default defineComponent({
             }
             return (
               <Option
-                {...omit(item, 'index', '$index', 'className', 'tagName')}
+                {...omit(item, 'index', '$index', 'className', 'tagName', 'children')}
                 {...(isVirtual.value
                   ? {
                       rowIndex: item.$index,
diff --git a/packages/components/select/hooks/useSelectOptions.ts b/packages/components/select/hooks/useSelectOptions.ts
index 1df09c7b88..fd6871cb55 100644
--- a/packages/components/select/hooks/useSelectOptions.ts
+++ b/packages/components/select/hooks/useSelectOptions.ts
@@ -23,7 +23,7 @@ export const useSelectOptions = (
     let dynamicIndex = 0;
     // 统一处理 keys,处理通用数据
     const innerOptions: UniOption[] =
-      props.options?.map((option) => {
+      props.options?.map((option: SelectOptionGroup) => {
         const getFormatOption = (option: TdOptionProps) => {
           const { value, label, disabled } = keys.value;
           const restOption = omit(option, [value, label, disabled]) as Partial<TdOptionProps>;
@@ -37,10 +37,10 @@ export const useSelectOptions = (
           dynamicIndex++;
           return res;
         };
-        if ((option as SelectOptionGroup).children) {
+        if (option.children?.length > 0 || !!option.group) {
           return {
             ...option,
-            children: (option as SelectOptionGroup).children.map((child) => getFormatOption(child)),
+            children: option.children.map((child) => getFormatOption(child)),
           };
         }
         return getFormatOption(option);
@@ -88,8 +88,9 @@ export const useSelectOptions = (
     const res: TdOptionProps[] = [];
     const getOptionsList = (options: TdOptionProps[]) => {
       for (const option of options) {
-        if ((option as SelectOptionGroup).children) {
-          getOptionsList((option as SelectOptionGroup).children);
+        const item = option as SelectOptionGroup;
+        if (item.children?.length > 0 || !!item.group) {
+          getOptionsList(item.children);
         } else {
           res.push(option);
         }

From f3ea8bb6fe7afbceea88274883949dddad7ae4f1 Mon Sep 17 00:00:00 2001
From: Wesley <985189328@qq.com>
Date: Sat, 28 Jun 2025 03:39:20 +0800
Subject: [PATCH 2/2] chore: optimize

---
 packages/components/select/components/select-panel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/select/components/select-panel.tsx b/packages/components/select/components/select-panel.tsx
index 0f663fed7a..510f9456d2 100644
--- a/packages/components/select/components/select-panel.tsx
+++ b/packages/components/select/components/select-panel.tsx
@@ -64,7 +64,7 @@ export default defineComponent({
       return (
         <ul class={`${COMPONENT_NAME.value}__list`}>
           {options.map((item: SelectOptionGroup & TdOptionProps & { slots: Slots } & { $index: number }, index) => {
-            if ((item.children && item.children.length > 0) || !!item.group) {
+            if (item.children?.length > 0 || !!item.group) {
               return (
                 <OptionGroup label={item.group} divider={item.divider}>
                   {renderOptionsContent(item.children)}