perf: remove ant-design-vue@3.0.0-beta.11 .ant-col fix (#1734)

chenls · GitHub
1 parent 10b59395
Showing 3 changed files with 20 additions and 5 deletions
src/design/ant/index.less
src/views/demo/form/index.vue
src/views/demo/page/form/high/index.vue
@@ -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;
@@ -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',
@@ -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,
         },