releases 4.7.97

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "4.7.96",
+  "version": "4.7.97",
   "description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟树、列拖拽，懒加载、快捷菜单、数据校验、树形结构、打印、导入导出、自定义模板、渲染器、JSON 配置式...",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

styles/theme/light.scss

@@ -1,39 +1,40 @@
 @use './base.scss';
+@use '../variable.scss' as light-variable;
 
 [data-vxe-ui-theme="light"] {
   /*font color*/
-  --vxe-ui-font-color: #606266;
-  --vxe-ui-font-primary-color: #409eff;
-  --vxe-ui-font-lighten-color: #797b80;
-  --vxe-ui-font-darken-color: #47494c;
-  --vxe-ui-font-disabled-color: #BFBFBF;
+  --vxe-ui-font-color: #{light-variable.$vxe-ui-font-color};
+  --vxe-ui-font-primary-color: #{light-variable.$vxe-ui-font-primary-color};
+  --vxe-ui-font-lighten-color: #{light-variable.$vxe-ui-font-lighten-color};
+  --vxe-ui-font-darken-color: #{light-variable.$vxe-ui-font-darken-color};
+  --vxe-ui-font-disabled-color: #{light-variable.$vxe-ui-font-disabled-color};
 
   /*base*/
-  --vxe-ui-base-popup-border-color: #DADCE0;
-  --vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
+  --vxe-ui-base-popup-border-color: #{light-variable.$vxe-ui-base-popup-border-color};
+  --vxe-ui-base-popup-box-shadow: #{light-variable.$vxe-ui-base-popup-box-shadow};
 
   /*layout*/
-  --vxe-ui-layout-background-color: #ffffff;
+  --vxe-ui-layout-background-color: #{light-variable.$vxe-ui-layout-background-color};
 
   /*input*/
-  --vxe-ui-input-border-color: #dcdfe6;
-  --vxe-ui-input-placeholder-color: #C0C4CC;
-  --vxe-ui-input-disabled-background-color: #f3f3f3;
+  --vxe-ui-input-border-color: #{light-variable.$vxe-ui-input-border-color};
+  --vxe-ui-input-placeholder-color: #{light-variable.$vxe-ui-input-placeholder-color};
+  --vxe-ui-input-disabled-background-color: #{light-variable.$vxe-ui-input-disabled-background-color};
 
   /*loading*/
-  --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5);
+  --vxe-ui-loading-background-color: #{light-variable.$vxe-ui-loading-background-color};
 
   /*table*/
-  --vxe-ui-table-header-background-color: #f8f8f9;
-  --vxe-ui-table-border-color: #e8eaec;
-  --vxe-ui-table-row-hover-background-color: #f5f7fa;
-  --vxe-ui-table-row-striped-background-color: #fafafa;
-  --vxe-ui-table-row-hover-striped-background-color: #f5f7fa;
-  --vxe-ui-table-row-radio-checked-background-color: #fff3e0;
-  --vxe-ui-table-row-hover-radio-checked-background-color: #ffebbc;
-  --vxe-ui-table-row-checkbox-checked-background-color: #fff3e0;
-  --vxe-ui-table-row-hover-checkbox-checked-background-color: #ffebbc;
-  --vxe-ui-table-row-current-background-color: #e6f7ff;
-  --vxe-ui-table-row-hover-current-background-color: #d7effb;
-  --vxe-ui-table-fixed-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12);
+  --vxe-ui-table-header-background-color: #{light-variable.$vxe-ui-table-header-background-color};
+  --vxe-ui-table-border-color: #{light-variable.$vxe-ui-table-border-color};
+  --vxe-ui-table-row-hover-background-color: #{light-variable.$vxe-ui-table-row-hover-background-color};
+  --vxe-ui-table-row-striped-background-color: #{light-variable.$vxe-ui-table-row-striped-background-color};
+  --vxe-ui-table-row-hover-striped-background-color: #{light-variable.$vxe-ui-table-row-hover-striped-background-color};
+  --vxe-ui-table-row-radio-checked-background-color: #{light-variable.$vxe-ui-table-row-radio-checked-background-color};
+  --vxe-ui-table-row-hover-radio-checked-background-color: #{light-variable.$vxe-ui-table-row-hover-radio-checked-background-color};
+  --vxe-ui-table-row-checkbox-checked-background-color: #{light-variable.$vxe-ui-table-row-checkbox-checked-background-color};
+  --vxe-ui-table-row-hover-checkbox-checked-background-color: #{light-variable.$vxe-ui-table-row-hover-checkbox-checked-background-color};
+  --vxe-ui-table-row-current-background-color: #{light-variable.$vxe-ui-table-row-current-background-color};
+  --vxe-ui-table-row-hover-current-background-color: #{light-variable.$vxe-ui-table-row-hover-current-background-color};
+  --vxe-ui-table-fixed-scrolling-box-shadow-color: #{light-variable.$vxe-ui-table-fixed-scrolling-box-shadow-color};
 }

styles/variable.scss

@@ -1,3 +1,36 @@
-/*已废弃*/
+/*font color*/
+ $vxe-ui-font-color: #606266;
+ $vxe-ui-font-primary-color: #409eff;
+ $vxe-ui-font-lighten-color: #797b80;
+ $vxe-ui-font-darken-color: #47494c;
+ $vxe-ui-font-disabled-color: #BFBFBF;
 
-@use './base.scss';
+/*base*/
+ $vxe-ui-base-popup-border-color: #DADCE0;
+ $vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
+
+/*layout*/
+ $vxe-ui-layout-background-color: #ffffff;
+
+/*input*/
+ $vxe-ui-input-border-color: #dcdfe6;
+ $vxe-ui-input-placeholder-color: #C0C4CC;
+ $vxe-ui-input-disabled-background-color: #f3f3f3;
+
+/*loading*/
+ $vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5);
+
+/*table*/
+ $vxe-ui-table-header-background-color: #f8f8f9;
+ $vxe-ui-table-border-color: #e8eaec;
+ $vxe-ui-table-row-hover-background-color: #f5f7fa;
+ $vxe-ui-table-row-striped-background-color: #fafafa;
+ $vxe-ui-table-row-hover-striped-background-color: #f5f7fa;
+ $vxe-ui-table-row-radio-checked-background-color: #fff3e0;
+ $vxe-ui-table-row-hover-radio-checked-background-color: #ffebbc;
+ $vxe-ui-table-row-checkbox-checked-background-color: #fff3e0;
+ $vxe-ui-table-row-hover-checkbox-checked-background-color: #ffebbc;
+ $vxe-ui-table-row-current-background-color: #e6f7ff;
+ $vxe-ui-table-row-hover-current-background-color: #d7effb;
+ $vxe-ui-table-fixed-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12);
+