fix: select filter (#1082)

Author: PengYYYYY

src/checkbox/group.tsx

@@ -125,7 +125,7 @@ export default defineComponent({
     const getChildComponentSlots = useChildComponentSlots();
 
     const getOptionListBySlots = () => {
-      const nodes = getChildComponentSlots('checkbox');
+      const nodes = getChildComponentSlots('Checkbox');
       const arr: Array<CheckboxOptionObj> = [];
       nodes?.forEach((node) => {
         const option = node.props as CheckboxOptionObj;

src/hooks/slot.ts

@@ -23,8 +23,6 @@ export function useChildComponentSlots() {
         return item;
       })
       .flat()
-      .filter((item: VNode) =>
-        (item.type as Component).name?.toUpperCase().includes(childComponentName.toUpperCase()),
-      ) as VNode[];
+      .filter((item: VNode) => (item.type as Component).name?.endsWith(childComponentName)) as VNode[];
   };
 }

src/select/hooks.ts

@@ -39,8 +39,8 @@ export const useSelectOptions = (props: TdSelectProps, keys: Ref<SelectKeysType>
     });
 
     // 处理 slots
-    const optionsSlots = getChildComponentSlots('TOption');
-    const groupSlots = getChildComponentSlots('TOptionGroup');
+    const optionsSlots = getChildComponentSlots('Option');
+    const groupSlots = getChildComponentSlots('OptionGroup');
 
     if (isArray(groupSlots)) {
       for (const group of groupSlots) {

src/select/select.tsx

@@ -281,7 +281,7 @@ export default defineComponent({
             value={displayText.value}
             disabled={disabled.value}
             popupVisible={innerPopupVisible.value}
-            inputValue={innerInputValue.value}
+            inputValue={innerPopupVisible.value ? innerInputValue.value : ''}
             placeholder={`${placeholderText.value}`}
             allowInput={isFilterable.value}
             collapsed-items={props.collapsedItems}
@@ -320,6 +320,7 @@ export default defineComponent({
               setInnerPopupVisible(val, context);
             }}
             onInputChange={(value) => {
+              if (!innerPopupVisible.value) return;
               setInputValue(value);
               handleSearch(`${value}`);
             }}

src/steps/steps.tsx

@@ -89,7 +89,7 @@ export default defineComponent({
       if (props.options?.length) {
         options = props.sequence === 'reverse' ? props.options.slice().reverse() : props.options;
       } else {
-        const nodes: VNode[] = getChildComponentByName('TStepItem') as VNode[];
+        const nodes: VNode[] = getChildComponentByName('StepItem') as VNode[];
         options = getOptionListBySlots(nodes);
       }
       return options;
@@ -98,7 +98,7 @@ export default defineComponent({
     const renderContent = () => {
       let content = null;
       const options = getOptions();
-      const nodes: VNode[] = getChildComponentByName('TStepItem') as VNode[];
+      const nodes: VNode[] = getChildComponentByName('StepItem') as VNode[];
 
       content = options.map((item, index) => {
         const stepIndex = props.sequence === 'reverse' ? options.length - index - 1 : index;

src/swiper/swiper.tsx

@@ -87,7 +87,7 @@ export default defineComponent({
       return {};
     });
     const swiperItems = () => {
-      const swiperItemList = getChildComponentByName('TSwiperItem');
+      const swiperItemList = getChildComponentByName('SwiperItem');
       swiperItemLength.value = swiperItemList.length;
       const items = swiperItemList.map((swiperItem: any, index) => {
         const p = { ...props, ...swiperItem.props };
@@ -241,7 +241,7 @@ export default defineComponent({
           </div>
         );
       }
-      const swiperItemList = getChildComponentByName('TSwiperItem');
+      const swiperItemList = getChildComponentByName('SwiperItem');
       return (
         <ul
           class={[