perf: 表格布局时优化组件联动隐藏边框线1px问题 @0.8.8-5

package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-pro-crud",
-  "version": "0.8.8-4",
+  "version": "0.8.8-5",
   "author": "BoBo<[email protected]>",
   "main": "lib/ProCrud.umd.min.js",
   "files": [

src/component/form-designer/src/GenerateForm.vue

@@ -29,7 +29,10 @@
             <!-- 生成每一行中的每一列元素 -->
             <el-col v-for="(col, colIndex) in item.columns"
                     :key="colIndex"
-                    :span="col.span">
+                    :span="col.span"
+                    :style="{
+                      'border': isNoBorder(col,item) ? 'none!important':'unset'
+                    }">>
               <!-- 遍历生成该列所有组件 -->
               <template v-for="citem in col.list">
                 <!-- 如果一个元素的type是blank就加载插槽 -->
@@ -173,6 +176,12 @@ export default class GenerateForm extends Vue {
     }
   }
 
+  // 若为表格布局并且当前栅格内只有一个元素并且为隐藏状态,隐藏边框线
+  isNoBorder(col, item) {
+    const { list } = col;
+    return this.data.config && this.data.config.isTableClass && list.every(_ => _.hidden) && item.columns.length === 1;
+  }
+
   // 组件联动handler
   controlFieldHandler(model) {
     this.rules.forEach((r) => {
@@ -418,4 +427,7 @@ export default class GenerateForm extends Vue {
   top: 30px;
   z-index: 2;
 }
+.no-border{
+  border:none!important;
+}
 </style>