This is an automated email from the ASF dual-hosted git repository.

dockerzhang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/inlong.git


The following commit(s) were added to refs/heads/master by this push:
     new d66ff34284 [INLONG-9723][Dashboard] Module audit id query item 
optimization (#9724)
d66ff34284 is described below

commit d66ff34284c8f02ea41b0c0c3e96d24c84010246
Author: Lizhen <[email protected]>
AuthorDate: Mon Feb 26 12:31:50 2024 +0800

    [INLONG-9723][Dashboard] Module audit id query item optimization (#9724)
---
 .../src/plugins/sinks/common/sourceFields.ts       |  2 +-
 .../plugins/streams/common/StreamDefaultInfo.ts    |  2 +-
 .../src/ui/pages/GroupDetail/Audit/config.tsx      |  9 ++++--
 .../src/ui/pages/ModuleAudit/IdModule/config.tsx   | 35 ++++++++++++++--------
 .../src/ui/pages/ModuleAudit/IpModule/config.tsx   | 17 +++++++----
 5 files changed, 42 insertions(+), 23 deletions(-)

diff --git a/inlong-dashboard/src/plugins/sinks/common/sourceFields.ts 
b/inlong-dashboard/src/plugins/sinks/common/sourceFields.ts
index 7d0abc6386..4b1655bb9d 100644
--- a/inlong-dashboard/src/plugins/sinks/common/sourceFields.ts
+++ b/inlong-dashboard/src/plugins/sinks/common/sourceFields.ts
@@ -35,7 +35,7 @@ export const sourceFields: ColumnsItemProps[] = [
     rules: [
       { required: true },
       {
-        pattern: /^[a-zA-Z][a-zA-Z0-9_]*$/,
+        pattern: /^[_a-zA-Z][a-zA-Z0-9_]*$/,
         message: i18n.t('meta.Sinks.SourceFieldNameRule'),
       },
     ],
diff --git a/inlong-dashboard/src/plugins/streams/common/StreamDefaultInfo.ts 
b/inlong-dashboard/src/plugins/streams/common/StreamDefaultInfo.ts
index 5ed27f3c5c..54b840bd29 100644
--- a/inlong-dashboard/src/plugins/streams/common/StreamDefaultInfo.ts
+++ b/inlong-dashboard/src/plugins/streams/common/StreamDefaultInfo.ts
@@ -236,7 +236,7 @@ export class StreamDefaultInfo implements DataWithBackend, 
RenderRow, RenderList
           rules: [
             { required: true },
             {
-              pattern: /^[a-zA-Z][a-zA-Z0-9_]*$/,
+              pattern: /^[_a-zA-Z][a-zA-Z0-9_]*$/,
               message: i18n.t('meta.Stream.FieldNameRule'),
             },
           ],
diff --git a/inlong-dashboard/src/ui/pages/GroupDetail/Audit/config.tsx 
b/inlong-dashboard/src/ui/pages/GroupDetail/Audit/config.tsx
index 24c47ffb0f..6463dfd1d7 100644
--- a/inlong-dashboard/src/ui/pages/GroupDetail/Audit/config.tsx
+++ b/inlong-dashboard/src/ui/pages/GroupDetail/Audit/config.tsx
@@ -22,6 +22,7 @@ import { Button } from 'antd';
 import dayjs from 'dayjs';
 import i18n from '@/i18n';
 import { sinks } from '@/plugins/sinks';
+import request from '@/core/utils/request';
 
 export const timeStaticsDimList = [
   {
@@ -213,12 +214,14 @@ export const getFormContent = (inlongGroupId, 
initialValues, onSearch, onDataStr
       mode: 'multiple',
       maxTagCount: 3,
       allowClear: true,
+      showSearch: true,
       dropdownMatchSelectWidth: false,
       options: {
         requestAuto: true,
-        requestService: {
-          url: '/audit/getAuditBases',
-          method: 'GET',
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: async keyword => {
+          const res = await request('/audit/getAuditBases');
+          return keyword === undefined ? res : res.filter(audit => 
audit.name.includes(keyword));
         },
         requestParams: {
           formatResult: result =>
diff --git a/inlong-dashboard/src/ui/pages/ModuleAudit/IdModule/config.tsx 
b/inlong-dashboard/src/ui/pages/ModuleAudit/IdModule/config.tsx
index 6981a22d88..76951a40cc 100644
--- a/inlong-dashboard/src/ui/pages/ModuleAudit/IdModule/config.tsx
+++ b/inlong-dashboard/src/ui/pages/ModuleAudit/IdModule/config.tsx
@@ -19,6 +19,7 @@
 
 import dayjs from 'dayjs';
 import i18n from '@/i18n';
+import request from '@/core/utils/request';
 
 export const timeStaticsDimList = [
   {
@@ -51,17 +52,20 @@ export const getFormContent = initialValues => [
     name: 'inlongGroupId',
     props: {
       dropdownMatchSelectWidth: false,
+      showSearch: true,
       options: {
         requestAuto: true,
-        requestService: {
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: keyword => ({
           url: '/group/list',
           method: 'POST',
           data: {
+            keyword,
             pageNum: 1,
-            pageSize: 1000,
+            pageSize: 100,
             inlongGroupMode: 0,
           },
-        },
+        }),
         requestParams: {
           formatResult: result =>
             result?.list.map(item => ({
@@ -78,17 +82,20 @@ export const getFormContent = initialValues => [
     name: 'inlongStreamId',
     props: values => ({
       dropdownMatchSelectWidth: false,
+      showSearch: true,
       options: {
         requestAuto: true,
-        requestService: {
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: keyword => ({
           url: '/stream/list',
           method: 'POST',
           data: {
+            keyword,
             pageNum: 1,
-            pageSize: 1000,
+            pageSize: 100,
             inlongGroupId: values.inlongGroupId,
           },
-        },
+        }),
         requestParams: {
           formatResult: result =>
             result?.list.map(item => ({
@@ -127,12 +134,14 @@ export const getFormContent = initialValues => [
     name: 'benchmark',
     props: {
       allowClear: true,
+      showSearch: true,
       dropdownMatchSelectWidth: false,
       options: {
         requestAuto: true,
-        requestService: {
-          url: '/audit/getAuditBases',
-          method: 'GET',
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: async keyword => {
+          const res = await request('/audit/getAuditBases');
+          return keyword === undefined ? res : res.filter(audit => 
audit.name.includes(keyword));
         },
         requestParams: {
           formatResult: result =>
@@ -150,12 +159,14 @@ export const getFormContent = initialValues => [
     name: 'compared',
     props: {
       allowClear: true,
+      showSearch: true,
       dropdownMatchSelectWidth: false,
       options: {
         requestAuto: true,
-        requestService: {
-          url: '/audit/getAuditBases',
-          method: 'GET',
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: async keyword => {
+          const res = await request('/audit/getAuditBases');
+          return keyword === undefined ? res : res.filter(audit => 
audit.name.includes(keyword));
         },
         requestParams: {
           formatResult: result =>
diff --git a/inlong-dashboard/src/ui/pages/ModuleAudit/IpModule/config.tsx 
b/inlong-dashboard/src/ui/pages/ModuleAudit/IpModule/config.tsx
index 77bba79457..0e9676457f 100644
--- a/inlong-dashboard/src/ui/pages/ModuleAudit/IpModule/config.tsx
+++ b/inlong-dashboard/src/ui/pages/ModuleAudit/IpModule/config.tsx
@@ -19,6 +19,7 @@
 
 import dayjs from 'dayjs';
 import i18n from '@/i18n';
+import request from '@/core/utils/request';
 
 export const toChartData = (source, sourceDataMap) => {
   const xAxisData = Object.keys(sourceDataMap);
@@ -87,12 +88,14 @@ export const getFormContent = (initialValues, onSearch) => [
     name: 'benchmark',
     props: {
       allowClear: true,
+      showSearch: true,
       dropdownMatchSelectWidth: false,
       options: {
         requestAuto: true,
-        requestService: {
-          url: '/audit/getAuditBases',
-          method: 'GET',
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: async keyword => {
+          const res = await request('/audit/getAuditBases');
+          return keyword === undefined ? res : res.filter(audit => 
audit.name.includes(keyword));
         },
         requestParams: {
           formatResult: result =>
@@ -110,12 +113,14 @@ export const getFormContent = (initialValues, onSearch) 
=> [
     name: 'compared',
     props: {
       allowClear: true,
+      showSearch: true,
       dropdownMatchSelectWidth: false,
       options: {
         requestAuto: true,
-        requestService: {
-          url: '/audit/getAuditBases',
-          method: 'GET',
+        requestTrigger: ['onOpen', 'onSearch'],
+        requestService: async keyword => {
+          const res = await request('/audit/getAuditBases');
+          return keyword === undefined ? res : res.filter(audit => 
audit.name.includes(keyword));
         },
         requestParams: {
           formatResult: result =>

Reply via email to