From 7d57c5abc0ec17aceb54f6e8ba2e58fd8316f72f Mon Sep 17 00:00:00 2001
From: Fu Diwei <fudiwei@sina.com>
Date: Tue, 13 May 2025 00:33:48 +0800
Subject: [PATCH] feat(ui): show search on AccessSelect

---
 ui/src/components/access/AccessSelect.tsx                | 6 ++++++
 ui/src/components/workflow/node/ApplyNodeConfigForm.tsx  | 2 ++
 ui/src/components/workflow/node/DeployNodeConfigForm.tsx | 1 +
 ui/src/components/workflow/node/NotifyNodeConfigForm.tsx | 1 +
 4 files changed, 10 insertions(+)

diff --git a/ui/src/components/access/AccessSelect.tsx b/ui/src/components/access/AccessSelect.tsx
index 7077e78d..7c112bbe 100644
--- a/ui/src/components/access/AccessSelect.tsx
+++ b/ui/src/components/access/AccessSelect.tsx
@@ -59,6 +59,12 @@ const AccessSelect = ({ filter, ...props }: AccessTypeSelectProps) => {
   return (
     <Select
       {...props}
+      filterOption={(inputValue, option) => {
+        if (!option) return false;
+
+        const value = inputValue.toLowerCase();
+        return option.label.toLowerCase().includes(value);
+      }}
       labelRender={({ label, value }) => {
         if (label) {
           return renderOption(value as string);
diff --git a/ui/src/components/workflow/node/ApplyNodeConfigForm.tsx b/ui/src/components/workflow/node/ApplyNodeConfigForm.tsx
index 33534d28..22cb57d5 100644
--- a/ui/src/components/workflow/node/ApplyNodeConfigForm.tsx
+++ b/ui/src/components/workflow/node/ApplyNodeConfigForm.tsx
@@ -391,6 +391,7 @@ const ApplyNodeConfigForm = forwardRef<ApplyNodeConfigFormInstance, ApplyNodeCon
                   return !!provider?.usages?.includes(ACCESS_USAGES.DNS);
                 }}
                 placeholder={t("workflow_node.apply.form.provider_access.placeholder")}
+                showSearch
                 onChange={handleProviderAccessSelect}
               />
             </Form.Item>
@@ -472,6 +473,7 @@ const ApplyNodeConfigForm = forwardRef<ApplyNodeConfigFormInstance, ApplyNodeCon
                   return !!provider?.usages?.includes(ACCESS_USAGES.CA);
                 }}
                 placeholder={t("workflow_node.apply.form.ca_provider_access.placeholder")}
+                showSearch
               />
             </Form.Item>
           </Form.Item>
diff --git a/ui/src/components/workflow/node/DeployNodeConfigForm.tsx b/ui/src/components/workflow/node/DeployNodeConfigForm.tsx
index 4c1c14b4..181c5cec 100644
--- a/ui/src/components/workflow/node/DeployNodeConfigForm.tsx
+++ b/ui/src/components/workflow/node/DeployNodeConfigForm.tsx
@@ -448,6 +448,7 @@ const DeployNodeConfigForm = forwardRef<DeployNodeConfigFormInstance, DeployNode
                     return !!provider?.usages?.includes(ACCESS_USAGES.HOSTING);
                   }}
                   placeholder={t("workflow_node.deploy.form.provider_access.placeholder")}
+                  showSearch
                 />
               </Form.Item>
             </Form.Item>
diff --git a/ui/src/components/workflow/node/NotifyNodeConfigForm.tsx b/ui/src/components/workflow/node/NotifyNodeConfigForm.tsx
index ca889c7b..dfc5b805 100644
--- a/ui/src/components/workflow/node/NotifyNodeConfigForm.tsx
+++ b/ui/src/components/workflow/node/NotifyNodeConfigForm.tsx
@@ -260,6 +260,7 @@ const NotifyNodeConfigForm = forwardRef<NotifyNodeConfigFormInstance, NotifyNode
                 return !!provider?.usages?.includes(ACCESS_USAGES.NOTIFICATION);
               }}
               placeholder={t("workflow_node.notify.form.provider_access.placeholder")}
+              showSearch
               onChange={handleProviderAccessSelect}
             />
           </Form.Item>