vxe-table 4.4.2-beta.0 → 4.4.2-beta.2

package/es/table/src/table.js

@@ -40,6 +40,8 @@ import { getSlotVNs } from '../../tools/vn';
 var isWebkit = browse['-webkit'] && !browse.edge;
 var resizableStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_WIDTH';
 var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
+var fixedStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_FIXED';
+var orderStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_ORDER';
 export default defineComponent({
     name: 'VxeTable',
     props: tableProps,
@@ -784,15 +786,18 @@ export default defineComponent({
             var collectColumn = internalData.collectColumn;
             var customOpts = computeCustomOpts.value;
             var storage = customOpts.storage;
-            var isResizable = storage === true || (storage && storage.resizable);
-            var isVisible = storage === true || (storage && storage.visible);
-            if (customConfig && (isResizable || isVisible)) {
+            var isCustomResizable = storage === true || (storage && storage.resizable);
+            var isCustomVisible = storage === true || (storage && storage.visible);
+            var isCustomFixed = storage === true || (storage && storage.fixed);
+            var isCustomOrder = storage === true || (storage && storage.order);
+            if (customConfig && (isCustomResizable || isCustomVisible || isCustomFixed || isCustomOrder)) {
                 var customMap_1 = {};
                 if (!id) {
                     errLog('vxe.error.reqProp', ['id']);
                     return;
                 }
-                if (isResizable) {
+                // 自定义列宽
+                if (isCustomResizable) {
                     var columnWidthStorage = getCustomStorageMap(resizableStorageKey)[id];
                     if (columnWidthStorage) {
                         XEUtils.each(columnWidthStorage, function (resizeWidth, field) {
@@ -800,7 +805,22 @@ export default defineComponent({
                         });
                     }
                 }
-                if (isVisible) {
+                // 自定义固定列
+                if (isCustomFixed) {
+                    var columnFixedStorage = getCustomStorageMap(fixedStorageKey)[id];
+                    if (columnFixedStorage) {
+                        // 开发中...
+                    }
+                }
+                // 自定义顺序
+                if (isCustomOrder) {
+                    var columnOrderStorage = getCustomStorageMap(orderStorageKey)[id];
+                    if (columnOrderStorage) {
+                        // 开发中...
+                    }
+                }
+                // 自定义隐藏列
+                if (isCustomVisible) {
                     var columnVisibleStorage = getCustomStorageMap(visibleStorageKey)[id];
                     if (columnVisibleStorage) {
                         var colVisibles = columnVisibleStorage.split('|');

package/es/table/style.css

@@ -28,7 +28,7 @@
   font-size: 1.34em;
 }
 .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-border-color);
   vertical-align: middle;
   font-weight: 700;
   -webkit-user-select: none;
@@ -36,23 +36,23 @@
           user-select: none;
 }
 .vxe-table--render-default .is--checked.vxe-cell--checkbox, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon, .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled) {
   cursor: pointer;
 }
 .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-table--render-default .is--disabled.vxe-cell--checkbox {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
   cursor: not-allowed;
 }
 .vxe-table--render-default .is--disabled.vxe-cell--checkbox .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-disabled-color);
 }
 .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--label {
   padding-left: 0.5em;
@@ -66,7 +66,7 @@
   font-size: 1.4em;
 }
 .vxe-table--render-default .vxe-cell--radio .vxe-radio--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-border-color);
   vertical-align: middle;
   font-weight: 700;
   -webkit-user-select: none;
@@ -74,23 +74,23 @@
           user-select: none;
 }
 .vxe-table--render-default .is--checked.vxe-cell--radio {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-table--render-default .vxe-cell--radio:not(.is--disabled) {
   cursor: pointer;
 }
 .vxe-table--render-default .vxe-cell--radio:not(.is--disabled):hover .vxe-radio--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-table--render-default .is--disabled.vxe-cell--radio {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
   cursor: not-allowed;
 }
 .vxe-table--render-default .is--disabled.vxe-cell--radio .vxe-radio--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-disabled-color);
 }
 .vxe-table--render-default .vxe-cell--radio .vxe-radio--label {
   padding-left: 0.5em;
@@ -115,27 +115,27 @@
   font-feature-settings: "tnum";
 }
 .vxe-primary-color {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 
 .vxe-success-color {
-  color: #67c23a;
+  color: var(--vxe-success-color);
 }
 
 .vxe-info-color {
-  color: #909399;
+  color: var(--vxe-info-color);
 }
 
 .vxe-warning-color {
-  color: #e6a23c;
+  color: var(--vxe-warning-color);
 }
 
 .vxe-danger-color {
-  color: #f56c6c;
+  color: var(--vxe-danger-color);
 }
 
 .vxe-perfect-color {
-  color: #f8f8f9;
+  color: var(--vxe-table-header-background-color);
 }
 
 .vxe-row:after {
@@ -344,25 +344,25 @@
 .vxe-table--render-default .vxe-header--column.col--ellipsis,
 .vxe-table--render-default .vxe-body--column.col--ellipsis,
 .vxe-table--render-default .vxe-footer--column.col--ellipsis, .vxe-table--render-default.vxe-editable .vxe-body--column {
-  height: 48px;
+  height: var(--vxe-table-row-height-default);
 }
 
 .vxe-table--render-default.size--medium .vxe-header--column.col--ellipsis,
 .vxe-table--render-default.size--medium .vxe-body--column.col--ellipsis,
 .vxe-table--render-default.size--medium .vxe-footer--column.col--ellipsis, .vxe-table--render-default.vxe-editable.size--medium .vxe-body--column {
-  height: 44px;
+  height: var(--vxe-table-row-height-medium);
 }
 
 .vxe-table--render-default.size--small .vxe-header--column.col--ellipsis,
 .vxe-table--render-default.size--small .vxe-body--column.col--ellipsis,
 .vxe-table--render-default.size--small .vxe-footer--column.col--ellipsis, .vxe-table--render-default.vxe-editable.size--small .vxe-body--column {
-  height: 40px;
+  height: var(--vxe-table-row-height-small);
 }
 
 .vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,
 .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.vxe-editable.size--mini .vxe-body--column {
-  height: 36px;
+  height: var(--vxe-table-row-height-mini);
 }
 
 .vxe-table-slots,
@@ -1261,8 +1261,8 @@
 }
 .vxe-table--render-default .vxe-body--row.row--new > .vxe-body--column:before {
   content: "";
-  top: -5px;
-  left: -5px;
+  top: --vxe-table-cell-dirty-width;
+  left: --vxe-table-cell-dirty-width;
   position: absolute;
   border-width: var(--vxe-table-cell-dirty-width);
   border-style: solid;
@@ -1274,8 +1274,8 @@
 }
 .vxe-table--render-default .vxe-body--column.col--dirty:before {
   content: "";
-  top: -5px;
-  left: -5px;
+  top: --vxe-table-cell-dirty-width;
+  left: --vxe-table-cell-dirty-width;
   position: absolute;
   border-width: var(--vxe-table-cell-dirty-width);
   border-style: solid;
@@ -1301,7 +1301,7 @@
   padding-left: 0;
 }
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea {
-  height: var(--vxe-table-row-line-height)-1;
+  height: calc(var(--vxe-table-row-line-height) - 1px);
 }
 .vxe-table--render-default.vxe-editable.cell--highlight .vxe-body--column.col--actived .vxe-cell .vxe-textarea .vxe-textarea--inner {
   border: 0;

package/es/toolbar/style.css

@@ -27,7 +27,7 @@
   font-size: 1.34em;
 }
 .vxe-custom--option .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-border-color);
   vertical-align: middle;
   font-weight: 700;
   -webkit-user-select: none;
@@ -35,23 +35,23 @@
           user-select: none;
 }
 .is--checked.vxe-custom--option, .is--indeterminate.vxe-custom--option {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--checked.vxe-custom--option .vxe-checkbox--icon, .is--indeterminate.vxe-custom--option .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-custom--option:not(.is--disabled) {
   cursor: pointer;
 }
 .vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--disabled.vxe-custom--option {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
   cursor: not-allowed;
 }
 .is--disabled.vxe-custom--option .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-disabled-color);
 }
 .vxe-custom--option .vxe-checkbox--label {
   padding-left: 0.5em;

package/es/tools/log.js

@@ -1,6 +1,6 @@
 import GlobalConfig from '../v-x-e-table/src/conf';
 export function getLog(message, params) {
-    return "[vxe-table v".concat("4.4.2-beta.0", "] ").concat(GlobalConfig.i18n(message, params));
+    return "[vxe-table v".concat("4.4.2-beta.1", "] ").concat(GlobalConfig.i18n(message, params));
 }
 function outLog(type) {
     return function (message, params) {

package/es/v-x-e-table/index.js

@@ -83,7 +83,7 @@ export var config = new VXETableConfig();
 export var v = 'v4';
 export var VXETable = {
     v: v,
-    version: "4.4.2-beta.0",
+    version: "4.4.2-beta.1",
     setup: setup,
     interceptor: interceptor,
     renderer: renderer,

package/es/vxe-checkbox/style.css

@@ -39,27 +39,27 @@
   font-feature-settings: "tnum";
 }
 .vxe-primary-color {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 
 .vxe-success-color {
-  color: #67c23a;
+  color: var(--vxe-success-color);
 }
 
 .vxe-info-color {
-  color: #909399;
+  color: var(--vxe-info-color);
 }
 
 .vxe-warning-color {
-  color: #e6a23c;
+  color: var(--vxe-warning-color);
 }
 
 .vxe-danger-color {
-  color: #f56c6c;
+  color: var(--vxe-danger-color);
 }
 
 .vxe-perfect-color {
-  color: #f8f8f9;
+  color: var(--vxe-table-header-background-color);
 }
 
 .vxe-row:after {
@@ -191,7 +191,7 @@
   font-size: 1.34em;
 }
 .vxe-checkbox .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-border-color);
   vertical-align: middle;
   font-weight: 700;
   -webkit-user-select: none;
@@ -199,23 +199,23 @@
           user-select: none;
 }
 .is--checked.vxe-checkbox, .is--indeterminate.vxe-checkbox {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--checked.vxe-checkbox .vxe-checkbox--icon, .is--indeterminate.vxe-checkbox .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-checkbox:not(.is--disabled) {
   cursor: pointer;
 }
 .vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--disabled.vxe-checkbox {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
   cursor: not-allowed;
 }
 .is--disabled.vxe-checkbox .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-disabled-color);
 }
 .vxe-checkbox .vxe-checkbox--label {
   padding-left: 0.5em;

package/es/vxe-form/style.css

@@ -236,7 +236,7 @@
 }
 .vxe-form--item .vxe-default-input[type=submit],
 .vxe-form--item .vxe-default-input[type=reset] {
-  line-height: var(--vxe-button-height-default)-2px;
+  line-height: calc(var(--vxe-button-height-default) - 2px);
   background-color: #fff;
   cursor: pointer;
 }

package/es/vxe-module-export/style.css

@@ -27,7 +27,7 @@
   font-size: 1.34em;
 }
 .vxe-export--panel-column-option .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-border-color);
   vertical-align: middle;
   font-weight: 700;
   -webkit-user-select: none;
@@ -35,23 +35,23 @@
           user-select: none;
 }
 .is--checked.vxe-export--panel-column-option, .is--indeterminate.vxe-export--panel-column-option {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon, .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-export--panel-column-option:not(.is--disabled) {
   cursor: pointer;
 }
 .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--disabled.vxe-export--panel-column-option {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
   cursor: not-allowed;
 }
 .is--disabled.vxe-export--panel-column-option .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-disabled-color);
 }
 .vxe-export--panel-column-option .vxe-checkbox--label {
   padding-left: 0.5em;

package/es/vxe-module-filter/style.css

@@ -28,7 +28,7 @@
   font-size: 1.34em;
 }
 .vxe-table--filter-option .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-border-color);
   vertical-align: middle;
   font-weight: 700;
   -webkit-user-select: none;
@@ -36,23 +36,23 @@
           user-select: none;
 }
 .is--checked.vxe-table--filter-option, .is--indeterminate.vxe-table--filter-option {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--checked.vxe-table--filter-option .vxe-checkbox--icon, .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-table--filter-option:not(.is--disabled) {
   cursor: pointer;
 }
 .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--disabled.vxe-table--filter-option {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
   cursor: not-allowed;
 }
 .is--disabled.vxe-table--filter-option .vxe-checkbox--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-disabled-color);
 }
 .vxe-table--filter-option .vxe-checkbox--label {
   padding-left: 0.5em;

package/es/vxe-radio/style.css

@@ -39,27 +39,27 @@
   font-feature-settings: "tnum";
 }
 .vxe-primary-color {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 
 .vxe-success-color {
-  color: #67c23a;
+  color: var(--vxe-success-color);
 }
 
 .vxe-info-color {
-  color: #909399;
+  color: var(--vxe-info-color);
 }
 
 .vxe-warning-color {
-  color: #e6a23c;
+  color: var(--vxe-warning-color);
 }
 
 .vxe-danger-color {
-  color: #f56c6c;
+  color: var(--vxe-danger-color);
 }
 
 .vxe-perfect-color {
-  color: #f8f8f9;
+  color: var(--vxe-table-header-background-color);
 }
 
 .vxe-row:after {
@@ -194,7 +194,7 @@
   font-size: 1.4em;
 }
 .vxe-radio .vxe-radio--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-border-color);
   vertical-align: middle;
   font-weight: 700;
   -webkit-user-select: none;
@@ -202,23 +202,23 @@
           user-select: none;
 }
 .is--checked.vxe-radio {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--checked.vxe-radio .vxe-radio--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .vxe-radio:not(.is--disabled) {
   cursor: pointer;
 }
 .vxe-radio:not(.is--disabled):hover .vxe-radio--icon {
-  color: #409eff;
+  color: var(--vxe-primary-color);
 }
 .is--disabled.vxe-radio {
-  color: #BFBFBF;
+  color: var(--vxe-disabled-color);
   cursor: not-allowed;
 }
 .is--disabled.vxe-radio .vxe-radio--icon {
-  color: #dcdfe6;
+  color: var(--vxe-input-disabled-color);
 }
 .vxe-radio .vxe-radio--label {
   padding-left: 0.5em;
@@ -281,7 +281,7 @@
 }
 .vxe-radio-button .vxe-radio--label {
   padding: 0 1em;
-  line-height: var(--vxe-button-height-default)-2;
+  line-height: calc(var(--vxe-button-height-default) - 2px);
   display: inline-block;
   border-style: solid;
   border-color: var(--vxe-input-border-color);
@@ -306,13 +306,13 @@
   color: var(--vxe-primary-color);
 }
 .vxe-radio-button.size--medium .vxe-radio--label {
-  line-height: var(--vxe-button-height-medium)-2;
+  line-height: calc(var(--vxe-button-height-medium) - 2px);
 }
 .vxe-radio-button.size--small .vxe-radio--label {
-  line-height: var(--vxe-button-height-small)-2;
+  line-height: calc(var(--vxe-button-height-small) - 2px);
 }
 .vxe-radio-button.size--mini .vxe-radio--label {
-  line-height: var(--vxe-button-height-mini)-2;
+  line-height: calc(var(--vxe-button-height-mini) - 2px);
 }
 
 .vxe-radio {