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 483f2503b [INLONG-6983][Dashboard] Group page supports multiple
columns (#6984)
483f2503b is described below
commit 483f2503bbb76fdccad6281013e26e4186928ce0
Author: Daniel <[email protected]>
AuthorDate: Tue Dec 20 20:13:14 2022 +0800
[INLONG-6983][Dashboard] Group page supports multiple columns (#6984)
---
inlong-dashboard/src/components/FormGenerator/FormGenerator.tsx | 3 +++
inlong-dashboard/src/pages/GroupDetail/Info/index.tsx | 3 ++-
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/inlong-dashboard/src/components/FormGenerator/FormGenerator.tsx
b/inlong-dashboard/src/components/FormGenerator/FormGenerator.tsx
index 9821670d8..86bd73fd8 100644
--- a/inlong-dashboard/src/components/FormGenerator/FormGenerator.tsx
+++ b/inlong-dashboard/src/components/FormGenerator/FormGenerator.tsx
@@ -44,6 +44,8 @@ export interface FormGeneratorProps extends FormProps {
onFilter?: Function;
// default: true
viewOnly?: boolean;
+ // Define col uniformly for all FormItems
+ col?: number;
}
export interface ContentsItemProps {
@@ -123,6 +125,7 @@ const FormGenerator: React.FC<FormGeneratorProps> = props
=> {
return {
...v,
+ col: v.col || props.col,
name,
type: viewOnly ? 'text' : v.type,
suffix:
diff --git a/inlong-dashboard/src/pages/GroupDetail/Info/index.tsx
b/inlong-dashboard/src/pages/GroupDetail/Info/index.tsx
index 3947acb2a..f80b12e41 100644
--- a/inlong-dashboard/src/pages/GroupDetail/Info/index.tsx
+++ b/inlong-dashboard/src/pages/GroupDetail/Info/index.tsx
@@ -122,7 +122,8 @@ const Comp = ({ inlongGroupId, readonly, isCreate }: Props,
ref) => {
content={formContent}
initialValues={data}
onValuesChange={(c, values) => setMqType(values.mqType)}
- useMaxWidth={600}
+ useMaxWidth={1400}
+ col={12}
/>
{!isCreate && !readonly && (
