Merge pull request #735 from PmcFizz/main

feat: Select组件配置可以搜索
gocrane · Apr 25, 2023 · ad1f84e · ad1f84e
2 parents 33e4bc3 + 738c934
commit ad1f84e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/pkg/web/src/pages/Cost/WorkloadInsight/InsightSearchPanel.tsx b/pkg/web/src/pages/Cost/WorkloadInsight/InsightSearchPanel.tsx
@@ -166,6 +166,7 @@ export const InsightSearchPanel = React.memo(() => {
           <Select
             options={namespaceOptions}
             placeholder={t('命名空间')}
+            filterable
             value={selectedNamespace ?? undefined}
             onChange={(value: any) => {
               dispatch(insightAction.selectedNamespace(value));
@@ -188,6 +189,7 @@ export const InsightSearchPanel = React.memo(() => {
           <Select
             options={workloadTypeOptions}
             placeholder={t('Workload类型')}
+            filterable
             value={selectedWorkloadType ?? undefined}
             onChange={(value: any) => {
               dispatch(insightAction.selectedWorkloadType(value));
@@ -209,6 +211,7 @@ export const InsightSearchPanel = React.memo(() => {
           <Select
             options={workloadOptions}
             placeholder={t('Workload')}
+            filterable
             value={selectedWorkload ?? undefined}
             onChange={(value: any) => {
               dispatch(insightAction.selectedWorkload(value));

diff --git a/pkg/web/src/pages/Cost/WorkloadOverview/OverviewSearchPanel.tsx b/pkg/web/src/pages/Cost/WorkloadOverview/OverviewSearchPanel.tsx
@@ -142,6 +142,7 @@ export const OverviewSearchPanel = React.memo(() => {
           <Select
             options={namespaceOptions}
             placeholder={t('命名空间')}
+            filterable
             value={selectedNamespace ?? undefined}
             onChange={(value: any) => {
               dispatch(insightAction.selectedNamespace(value));
@@ -164,6 +165,7 @@ export const OverviewSearchPanel = React.memo(() => {
           <Select
             options={workloadTypeOptions}
             placeholder={t('Workload类型')}
+            filterable
             value={selectedWorkloadType ?? undefined}
             onChange={(value: any) => {
               dispatch(insightAction.selectedWorkloadType(value));
@@ -185,6 +187,7 @@ export const OverviewSearchPanel = React.memo(() => {
           <Select
             options={workloadOptions}
             placeholder={t('Workload')}
+            filterable
             value={selectedWorkload ?? undefined}
             onChange={(value: any) => {
               dispatch(insightAction.selectedWorkload(value));

diff --git a/pkg/web/src/pages/Recommend/ReplicaRecommend/components/SearchForm.tsx b/pkg/web/src/pages/Recommend/ReplicaRecommend/components/SearchForm.tsx
@@ -47,6 +47,7 @@ const SearchForm: React.FC<SearchFormProps> = ({ recommendation, setFilterParams
                   <Select
                     options={nameSpaceOptions}
                     placeholder={t('请选择Namespace')}
+                    filterable
                     style={{ margin: '0px 20px' }}
                   />
                 </FormItem>
@@ -56,6 +57,7 @@ const SearchForm: React.FC<SearchFormProps> = ({ recommendation, setFilterParams
                   <Select
                     options={workloadTypeOptions}
                     placeholder={t('请选择工作负载类型')}
+                    filterable
                     style={{ margin: '0px 20px' }}
                   />
                 </FormItem>