From e4305daf98e30cfd0e87ffa3ae932c90c95af1f3 Mon Sep 17 00:00:00 2001 From: chenls Date: Wed, 23 Mar 2022 22:31:28 +0800 Subject: [PATCH] perf: remove ant-design-vue@3.0.0-beta.11 .ant-col fix (#1734) --- src/design/ant/index.less | 5 ----- src/views/demo/form/index.vue | 18 ++++++++++++++++++ src/views/demo/page/form/high/index.vue | 2 ++ 3 files changed, 20 insertions(+), 5 deletions(-) diff --git a/src/design/ant/index.less b/src/design/ant/index.less index 73672f01..f9334bb6 100644 --- a/src/design/ant/index.less +++ b/src/design/ant/index.less @@ -2,11 +2,6 @@ @import './input.less'; @import './btn.less'; -// TODO beta.11 fix -.ant-col { - width: 100%; -} - .ant-image-preview-root { img { display: unset; diff --git a/src/views/demo/form/index.vue b/src/views/demo/form/index.vue index 675b51b6..6d6799d6 100644 --- a/src/views/demo/form/index.vue +++ b/src/views/demo/form/index.vue @@ -142,6 +142,9 @@ field: 'divider-basic', component: 'Divider', label: '基础字段', + colProps: { + span: 24, + }, }, { field: 'field1', @@ -340,6 +343,9 @@ field: 'divider-api-select', component: 'Divider', label: '远程下拉演示', + colProps: { + span: 24, + }, }, { field: 'field30', @@ -458,6 +464,9 @@ field: 'divider-linked', component: 'Divider', label: '字段联动', + colProps: { + span: 24, + }, }, { field: 'province', @@ -509,6 +518,9 @@ component: 'Divider', label: '互斥多选', helpMessage: ['两个Select共用数据源', '但不可选择对方已选中的项目'], + colProps: { + span: 24, + }, }, { field: 'selectA', @@ -535,6 +547,9 @@ component: 'Divider', label: '字段解构', helpMessage: ['如果组件的值是 array 或者 object', '可以根据 ES6 的解构语法分别取值'], + colProps: { + span: 24, + }, }, { field: '[startTime, endTime]', @@ -550,6 +565,9 @@ field: 'divider-others', component: 'Divider', label: '其它', + colProps: { + span: 24, + }, }, { field: 'field20', diff --git a/src/views/demo/page/form/high/index.vue b/src/views/demo/page/form/high/index.vue index 824953e2..f73d3d13 100644 --- a/src/views/demo/page/form/high/index.vue +++ b/src/views/demo/page/form/high/index.vue @@ -34,6 +34,7 @@ const tableRef = ref<{ getDataSource: () => any } | null>(null); const [register, { validate }] = useForm({ + layout: 'vertical', baseColProps: { span: 6, }, @@ -42,6 +43,7 @@ }); const [registerTask, { validate: validateTaskForm }] = useForm({ + layout: 'vertical', baseColProps: { span: 6, }, -- GitLab