optimize add select filter (#15378) (#15379)

dolphinscheduler-ui/src/views/projects/workflow/definition/components/start-modal.tsx

@@ -311,6 +311,7 @@ export default defineComponent({
               options={this.workerGroups}
               onUpdateValue={this.updateWorkerGroup}
               v-model:value={this.startForm.workerGroup}
+              filterable
             />
           </NFormItem>
           <NFormItem
@@ -320,6 +321,7 @@ export default defineComponent({
             <NSelect
               options={this.tenantList}
               v-model:value={this.startForm.tenantCode}
+              filterable
             />
           </NFormItem>
 
@@ -333,6 +335,7 @@ export default defineComponent({
               )}
               v-model:value={this.startForm.environmentCode}
               clearable
+              filterable
             />
           </NFormItem>
           {this.startForm.warningType !== 'NONE' && (
@@ -345,6 +348,7 @@ export default defineComponent({
                 placeholder={t('project.workflow.please_choose')}
                 v-model:value={this.startForm.warningGroupId}
                 clearable
+                filterable
               />
             </NFormItem>
           )}

dolphinscheduler-ui/src/views/projects/workflow/definition/components/timing-modal.tsx

@@ -458,6 +458,7 @@ export default defineComponent({
               options={this.workerGroups}
               onUpdateValue={this.updateWorkerGroup}
               v-model:value={this.timingForm.workerGroup}
+              filterable
             />
           </NFormItem>
           <NFormItem
@@ -467,6 +468,7 @@ export default defineComponent({
             <NSelect
               options={this.tenantList}
               v-model:value={this.timingForm.tenantCode}
+              filterable
             />
           </NFormItem>
           <NFormItem
@@ -477,6 +479,7 @@ export default defineComponent({
               options={this.environmentOptions}
               v-model:value={this.timingForm.environmentCode}
               clearable
+              filterable
             />
           </NFormItem>
           {this.timingForm.warningType !== 'NONE' && (
@@ -489,6 +492,7 @@ export default defineComponent({
                 placeholder={t('project.workflow.please_choose')}
                 v-model:value={this.timingForm.warningGroupId}
                 clearable
+                filterable
               />
             </NFormItem>
           )}

dolphinscheduler-ui/src/views/security/worker-group-manage/components/worker-group-modal.tsx

@@ -137,6 +137,7 @@ const WorkerGroupModal = defineComponent({
                   <NSelect
                     class='select-worker-address'
                     multiple
+                    filterable
                     placeholder={t(
                       'security.worker_group.worker_addresses_tips'
                     )}