n20-common-lib 2.5.44 → 2.5.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "2.5.44",
+  "version": "2.5.46",
   "private": false,
   "main": "src/index.js",
   "scripts": {

package/src/assets/css/el-table.scss

@@ -51,7 +51,6 @@
 }
 
 .el-table {
-
   /* 排序 */
   .caret-wrapper {
     display: inline-flex;
@@ -176,13 +175,6 @@ th.vxe-header--column {
   font-weight: $--font-weight-primary;
 }
 
-.vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,
-.vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,
-.vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,
-.vxe-table--render-default.vxe-editable.size--mini .vxe-body--column {
-  height: 32px !important;
-}
-
 .vxe-table--tooltip-wrapper {
   z-index: 9999 !important;
 }
@@ -196,23 +188,19 @@ th.vxe-header--column {
   color: #333;
 }
 
-
-.vxe-table-custom-wrap.vxe-body--column.col--ellipsis:not(.col--actived)>.vxe-cell,
-.vxe-table--render-default .vxe-table-custom-wrap.vxe-footer--column.col--ellipsis:not(.col--actived)>.vxe-cell,
-.vxe-table--render-default .vxe-table-custom-wrap.vxe-header--column.col--ellipsis:not(.col--actived)>.vxe-cell {
+.vxe-table-custom-wrap.vxe-body--column.col--ellipsis:not(.col--actived) > .vxe-cell,
+.vxe-table--render-default .vxe-table-custom-wrap.vxe-footer--column.col--ellipsis:not(.col--actived) > .vxe-cell,
+.vxe-table--render-default .vxe-table-custom-wrap.vxe-header--column.col--ellipsis:not(.col--actived) > .vxe-cell {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: wrap !important;
 }
-
-.vxe-table--render-default.size--small .vxe-table-custom-wrap.vxe-body--column.col--ellipsis>.vxe-cell,
-.vxe-table--render-default.size--small .vxe-table-custom-wrap.vxe-footer--column.col--ellipsis>.vxe-cell,
-.vxe-table--render-default.size--small .vxe-table-custom-wrap.vxe-header--column.col--ellipsis>.vxe-cell {
+.vxe-table--render-default.size--small .vxe-table-custom-wrap.vxe-body--column.col--ellipsis > .vxe-cell,
+.vxe-table--render-default.size--small .vxe-table-custom-wrap.vxe-footer--column.col--ellipsis > .vxe-cell,
+.vxe-table--render-default.size--small .vxe-table-custom-wrap.vxe-header--column.col--ellipsis > .vxe-cell {
   max-height: 100%;
 }
 
-
-
 .vxe-header--column {
   .vxe-cell {
     justify-content: center !important;
@@ -229,4 +217,4 @@ th.vxe-header--column {
   .icon-mini {
     background-image: url('../../components/TableSetSize/mini.png');
   }
-}
+}

package/src/components/TablePro/index.vue

@@ -8,11 +8,11 @@
       :height="height"
       :class="{ 'cell-default-set--': cellDefault }"
       :checkbox-config="{ checkField: 'checked', checkMethod: forbidSelect }"
-      show-overflow
       show-header-overflow
+      show-overflow
       :row-config="{ isHover: true, useKey: true, ...$attrs.rowConfig }"
       :column-config="{ resizable: true, useKey: true, ...$attrs.columnConfig }"
-      :scroll-y="{ enabled: true, oSize: 20, gt: 30 }"
+      :scroll-y="scrollY"
       :sort-config="{
         multiple: false,
         remote: true,
@@ -38,7 +38,7 @@
           :field="item.prop"
           type="checkbox"
           width="50"
-          fixed="left"
+          :fixed="item.fixed || item.fixed === '' ? item.fixed : 'left'"
         >
           <template #header="{ $table, checked, indeterminate, disabled }">
             <span class="custom-checkbox" @click.stop="toggleAll($table, disabled)">
@@ -56,14 +56,14 @@
           </template>
         </vxe-column>
         <vxe-colgroup
-          :title="item.label"
           v-else-if="item.children && item.children.length > 0"
           :key="'vxe-colgroup-' + i"
+          :title="item.label"
         >
           <vxe-column
             v-for="(subItem, i) in item.children"
             :key="'vxe-table-' + i"
-            :className="item.wrap ? 'vxe-table-custom-wrap' : ''"
+            :class-name="subItem.wrap ? 'vxe-table-custom-wrap' : ''"
             :formatter="subItem.formatter ? subItem.formatter : 'formatName'"
             :filters="subItem.filters"
             :filter-render="subItem.filterRender"
@@ -74,8 +74,8 @@
         </vxe-colgroup>
         <vxe-column
           v-else
-          :className="item.wrap ? 'vxe-table-custom-wrap' : ''"
           :key="'vxe-table-' + i"
+          :class-name="item.wrap ? 'vxe-table-custom-wrap' : ''"
           :formatter="item.formatter ? item.formatter : 'formatName'"
           :filters="item.filters"
           :filter-render="item.filterRender"
@@ -104,6 +104,12 @@ export default {
     empty
   },
   props: {
+    scrollY: {
+      type: Object,
+      default: () => {
+        return { enabled: true, oSize: 20, gt: 30 }
+      }
+    },
     data: {
       type: Array,
       default: undefined