@lambo-design/shared 1.0.0-beta.236 → 1.0.0-beta.239

package/nstyles/variables/base.less

@@ -1,143 +1,143 @@
-/*
- * 一些基础变量的定义，分为配色、边距长度、字体、边框圆角、阴影、动画
- * 配色和边距不建议直接使用，而是在 theme 中定义具有业务意义的变量
- *
- * --Author: huxuetong 
- * --Date: 2023-08-16 16:23:06 
- * --Last Modified by: huxuetong
- * --Last Modified time: 2023-08-19 16:48:38
- */
-
-@ind-blue: #488aff;
-
-:root {
-  // 基础样式修改
-  // Color Palette
-  --ind-white: #fff;
-  --ind-white-1: var(--ind-white);
-  --ind-white-2: rgba(255, 255, 255, 0.85);
-  --ind-white-3: rgba(255, 255, 255, 0.7);
-  --ind-white-4: rgba(255, 255, 255, 0.5);
-  --ind-white-5: rgba(255, 255, 255, 0.3);
-  --ind-white-6: rgba(255, 255, 255, 0.1);
-
-  --ind-black: #333;
-  --ind-gray: #333;
-  --ind-gray-1: #f5f7f9;
-  --ind-gray-2: #efefef;
-  --ind-gray-3: #e6e6e6;
-  --ind-gray-4: var(--ind-gray);
-  --ind-gray-5: #999;
-  --ind-gray-6: #555;
-  --ind-gray-7: var(--ind-black);
-
-  --ind-blue: @ind-blue;
-  --ind-blue-1: #a3ccfe;
-  --ind-blue-2: #81b1ff;
-  --ind-blue-3: #79adff;
-  --ind-blue-4: #1d70f5;
-  --ind-blue-5: var(--ind-blue);
-  --ind-blue-6: #02328f;
-  --ind-blue-7: #002b7b;
-  --ind-blue-8: #0c3d98;
-  --ind-blue-9: #001d55;
-  --ind-blue-10: #002874;
-
-  --ind-green: #34b11c;
-  --ind-green-1: #c8fbcb;
-  --ind-green-2: #94f7a2;
-  --ind-green-3: #5ce87e;
-  --ind-green-4: #34d169;
-  --ind-green-5: var(--ind-green);
-  --ind-green-6: #009953;
-  --ind-green-7: #008052;
-  --ind-green-8: #00674c;
-  --ind-green-9: #005548;
-
-  --ind-orange: #ff976a;
-  --ind-orange-1: #fffbe8;
-  --ind-orange-2: #fbcd65;
-  --ind-orange-3: #fbcd65;
-  --ind-orange-4: #f7b73e;
-  --ind-orange-5: var(--ind-orange);
-  --ind-orange-6: #ed6a0c;
-  --ind-orange-8: #ae5e00;
-  --ind-orange-8: #8c4600;
-  --ind-orange-9: #743500;
-  --ind-orange-light: var(--ind-orange-1);
-  --ind-orange-dark: var(--ind-orange-6);
-
-  --ind-red: #d32913;
-  --ind-red-1: #fce2ce;
-  --ind-red-2: #fabf9f;
-  --ind-red-3: #f1926d;
-  --ind-red-4: #e46648;
-  --ind-red-5: var(--ind-red);
-  --ind-red-6: #b5130d;
-  --ind-red-7: #970910;
-  --ind-red-8: #7a0614;
-  --ind-red-9: #650317;
-
-  // Gradient Colors
-  --ind-gradient-blue-linear: linear-gradient(to right, #548eff, #6bc5ff);
-  --ind-gradient-green-linear: linear-gradient(to right, #32c67c, #4edda1);
-  --ind-gradient-orange-linear: linear-gradient(to right, #ffa724, #e0ac5e);
-  --ind-gradient-red-linear: linear-gradient(to right, #ff5e67, #ff8fa4);
-  --ind-gradient-blue-radial: radial-gradient(circle at 50% 84%, #225ed2 0%, #083da3 109%);
-
-  // Padding
-  --ind-padding-base: 4px;
-  --ind-padding-xs: 8px;
-  --ind-padding-sm: 16px;
-  --ind-padding-md: 24px;
-  --ind-padding-lg: 32px;
-  --ind-padding-xl: 48px;
-
-  // Font
-  --ind-font-size-xs: 10px;
-  --ind-font-size-sm: 12px;
-  --ind-font-size-md: 14px;
-  --ind-font-size-lg: 16px;
-  --ind-font-size-xl: 18px;
-  --ind-font-size-xxl: 20px;
-  --ind-font-weight-normal: 400;
-  --ind-font-weight-bold: 600;
-  --ind-font-weight-bolder: 900;
-  --ind-line-height-xs: 14px;
-  --ind-line-height-sm: 18px;
-  --ind-line-height-md: 22px;
-  --ind-line-height-lg: 24px;
-  // --ind-base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
-  //   Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
-  //   'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
-  // --ind-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue,
-  //   Arial, sans-serif;
-
-  // Border
-  --ind-border-width-base: 1px;
-  --ind-border-radius-xs: 2px;
-  --ind-border-radius-sm: 4px;
-  --ind-border-radius-md: 8px;
-  --ind-border-radius-lg: 14px;
-  --ind-border-radius-xl: 20px;
-  --ind-border-radius-xxl: 32px;
-  --ind-border-radius-max: 999px;
-  --ind-border-radius-round: 50%;
-
-  // Box Shadow
-  --ind-box-shadow-sm-1: 0px 1px 2px -2px rgba(0, 0, 0, 0.16);
-  --ind-box-shadow-md-1: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
-  --ind-box-shadow-lg-1: 0px 5px 12px 4px rgba(0, 0, 0, 0.09);
-  --ind-box-shadow-sm-2: 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
-  --ind-box-shadow-md-2: 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
-  --ind-box-shadow-lg-2: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
-  --ind-box-shadow-sm-3: 0px 6px 6px -8px rgba(0, 0, 0, 0.08);
-  --ind-box-shadow-md-3: 0px 9px 28px 0px rgba(0, 0, 0, 0.05);
-  --ind-box-shadow-lg-3: 0px 12px 48px 16px rgba(0, 0, 0, 0.03);
-
-  // Animation
-  --ind-animation-duration-base: 0.3s;
-  --ind-animation-duration-fast: 0.2s;
-  --ind-animation-timing-function-enter: ease-out;
-  --ind-animation-timing-function-leave: ease-in;
-}
+/*
+ * 一些基础变量的定义，分为配色、边距长度、字体、边框圆角、阴影、动画
+ * 配色和边距不建议直接使用，而是在 theme 中定义具有业务意义的变量
+ *
+ * --Author: huxuetong 
+ * --Date: 2023-08-16 16:23:06 
+ * --Last Modified by: huxuetong
+ * --Last Modified time: 2023-08-19 16:48:38
+ */
+
+@ind-blue: #488aff;
+
+:root {
+  // 基础样式修改
+  // Color Palette
+  --ind-white: #fff;
+  --ind-white-1: var(--ind-white);
+  --ind-white-2: rgba(255, 255, 255, 0.85);
+  --ind-white-3: rgba(255, 255, 255, 0.7);
+  --ind-white-4: rgba(255, 255, 255, 0.5);
+  --ind-white-5: rgba(255, 255, 255, 0.3);
+  --ind-white-6: rgba(255, 255, 255, 0.1);
+
+  --ind-black: #333;
+  --ind-gray: #333;
+  --ind-gray-1: #f5f7f9;
+  --ind-gray-2: #efefef;
+  --ind-gray-3: #e6e6e6;
+  --ind-gray-4: var(--ind-gray);
+  --ind-gray-5: #999;
+  --ind-gray-6: #555;
+  --ind-gray-7: var(--ind-black);
+
+  --ind-blue: @ind-blue;
+  --ind-blue-1: #a3ccfe;
+  --ind-blue-2: #81b1ff;
+  --ind-blue-3: #79adff;
+  --ind-blue-4: #1d70f5;
+  --ind-blue-5: var(--ind-blue);
+  --ind-blue-6: #02328f;
+  --ind-blue-7: #002b7b;
+  --ind-blue-8: #0c3d98;
+  --ind-blue-9: #001d55;
+  --ind-blue-10: #002874;
+
+  --ind-green: #34b11c;
+  --ind-green-1: #c8fbcb;
+  --ind-green-2: #94f7a2;
+  --ind-green-3: #5ce87e;
+  --ind-green-4: #34d169;
+  --ind-green-5: var(--ind-green);
+  --ind-green-6: #009953;
+  --ind-green-7: #008052;
+  --ind-green-8: #00674c;
+  --ind-green-9: #005548;
+
+  --ind-orange: #ff976a;
+  --ind-orange-1: #fffbe8;
+  --ind-orange-2: #fbcd65;
+  --ind-orange-3: #fbcd65;
+  --ind-orange-4: #f7b73e;
+  --ind-orange-5: var(--ind-orange);
+  --ind-orange-6: #ed6a0c;
+  --ind-orange-8: #ae5e00;
+  --ind-orange-8: #8c4600;
+  --ind-orange-9: #743500;
+  --ind-orange-light: var(--ind-orange-1);
+  --ind-orange-dark: var(--ind-orange-6);
+
+  --ind-red: #d32913;
+  --ind-red-1: #fce2ce;
+  --ind-red-2: #fabf9f;
+  --ind-red-3: #f1926d;
+  --ind-red-4: #e46648;
+  --ind-red-5: var(--ind-red);
+  --ind-red-6: #b5130d;
+  --ind-red-7: #970910;
+  --ind-red-8: #7a0614;
+  --ind-red-9: #650317;
+
+  // Gradient Colors
+  --ind-gradient-blue-linear: linear-gradient(to right, #548eff, #6bc5ff);
+  --ind-gradient-green-linear: linear-gradient(to right, #32c67c, #4edda1);
+  --ind-gradient-orange-linear: linear-gradient(to right, #ffa724, #e0ac5e);
+  --ind-gradient-red-linear: linear-gradient(to right, #ff5e67, #ff8fa4);
+  --ind-gradient-blue-radial: radial-gradient(circle at 50% 84%, #225ed2 0%, #083da3 109%);
+
+  // Padding
+  --ind-padding-base: 4px;
+  --ind-padding-xs: 8px;
+  --ind-padding-sm: 16px;
+  --ind-padding-md: 24px;
+  --ind-padding-lg: 32px;
+  --ind-padding-xl: 48px;
+
+  // Font
+  --ind-font-size-xs: 10px;
+  --ind-font-size-sm: 12px;
+  --ind-font-size-md: 14px;
+  --ind-font-size-lg: 16px;
+  --ind-font-size-xl: 18px;
+  --ind-font-size-xxl: 20px;
+  --ind-font-weight-normal: 400;
+  --ind-font-weight-bold: 600;
+  --ind-font-weight-bolder: 900;
+  --ind-line-height-xs: 14px;
+  --ind-line-height-sm: 18px;
+  --ind-line-height-md: 22px;
+  --ind-line-height-lg: 24px;
+  // --ind-base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
+  //   Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
+  //   'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+  // --ind-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue,
+  //   Arial, sans-serif;
+
+  // Border
+  --ind-border-width-base: 1px;
+  --ind-border-radius-xs: 2px;
+  --ind-border-radius-sm: 4px;
+  --ind-border-radius-md: 8px;
+  --ind-border-radius-lg: 14px;
+  --ind-border-radius-xl: 20px;
+  --ind-border-radius-xxl: 32px;
+  --ind-border-radius-max: 999px;
+  --ind-border-radius-round: 50%;
+
+  // Box Shadow
+  --ind-box-shadow-sm-1: 0px 1px 2px -2px rgba(0, 0, 0, 0.16);
+  --ind-box-shadow-md-1: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
+  --ind-box-shadow-lg-1: 0px 5px 12px 4px rgba(0, 0, 0, 0.09);
+  --ind-box-shadow-sm-2: 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
+  --ind-box-shadow-md-2: 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
+  --ind-box-shadow-lg-2: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
+  --ind-box-shadow-sm-3: 0px 6px 6px -8px rgba(0, 0, 0, 0.08);
+  --ind-box-shadow-md-3: 0px 9px 28px 0px rgba(0, 0, 0, 0.05);
+  --ind-box-shadow-lg-3: 0px 12px 48px 16px rgba(0, 0, 0, 0.03);
+
+  // Animation
+  --ind-animation-duration-base: 0.3s;
+  --ind-animation-duration-fast: 0.2s;
+  --ind-animation-timing-function-enter: ease-out;
+  --ind-animation-timing-function-leave: ease-in;
+}

package/nstyles/variables/index.less

@@ -1,4 +1,4 @@
-// 基础变量
-@import './base.less';
-// 主题变量
-@import './theme/index.less';
+// 基础变量
+@import './base.less';
+// 主题变量
+@import './theme/index.less';

package/nstyles/variables/theme/default/button.less

@@ -1,7 +1,7 @@
-:root {
-  --ind-button-height-md: 32px;
-  --ind-button-padding-md: 15px;
-
-  --ind-button-height-sm: 32px;
-  --ind-button-padding-sm: 7px;
-}
+:root {
+  --ind-button-height-md: 32px;
+  --ind-button-padding-md: 15px;
+
+  --ind-button-height-sm: 32px;
+  --ind-button-padding-sm: 7px;
+}

package/nstyles/variables/theme/default/common.less

@@ -1,57 +1,57 @@
-:root {
-  // 颜色
-  --ind-primary-color: var(--ind-blue);
-  --ind-primary-color-tint20: tint(@ind-blue, 20%);
-  --ind-primary-color-tint70: tint(@ind-blue, 70%);
-  --ind-primary-color-tint80: tint(@ind-blue, 80%);
-  --ind-primary-color-tint90: tint(@ind-blue, 90%);
-  --ind-primary-color-fade20: fade(@ind-blue, 20%);
-  --ind-primary-color-fade90: fade(@ind-blue, 90%);
-  --ind-primary-color-tint95-fade50: fade(tint(@ind-blue, 95%), 50%);
-  --ind-primary-color-shade5: shade(@ind-blue, 5%);
-  --ind-primary-color-fade90-shade10: shade(fade(@ind-blue, 90%), 10%);
-
-  --ind-bg-color-light: var(--ind-white);
-  --ind-bg-color-dark: var(--ind-gray-1);
-  --ind-text-color: var(--ind-black);
-  --ind-link-hover-color: var(--ind-primary-color-tint20);
-  --ind-link-active-color: var(--ind-primary-color-shade5);
-  --ind-desc-color: var(--ind-gray-6);
-
-  --ind-border-color: #ebedf2;
-
-  // 页面的边距
-  --ind-page-padding: var(--ind-padding-xs);
-  --ind-sc-padding-top: var(--ind-padding-xs);
-  --ind-menu-desc-margin-top: 4px;
-
-  // card的样式
-  --ivu-card-head-padding: 12px 16px;
-  --ivu-card-head-line-height: 28px;
-  --ivu-card-head-height: 52px;
-  --ivu-card-body-padding: 16px;
-
-  // 表单的样式
-  --ivu-form-item-label-padding: 10px 12px 10px 0;
-  --ivu-form-v6stle-item-label-paddingleft: 20px;
-  --ivu-form-item-content-padding: 6px 12px;
-  --ivu-form-item-label-before-left: 8px;
-  --ivu-form-item-content-line-height: 32px;
-
-  // tree样式
-  --ind-tree-wrapper-width: 98%;
-  --tree-content-padding: 8px;
-  --ivu-tree-margin: 8px 0;
-
-  // drawer样式
-  --ind-drawer-content-padding: 16px;
-  --ind-drawer-footer-padding: 10px 16px;
-
-  // 报表指标样式
-  --report-index-model-panel-padding: 8px;
-  --report-index-options-padding-right: 18px;
-
-  // 表格
-  --ind-table-button-padding: var(--ind-padding-base);
-  --input-height-table: var(--input-height); // 表格输入框的高度
-}
+:root {
+  // 颜色
+  --ind-primary-color: var(--ind-blue);
+  --ind-primary-color-tint20: tint(@ind-blue, 20%);
+  --ind-primary-color-tint70: tint(@ind-blue, 70%);
+  --ind-primary-color-tint80: tint(@ind-blue, 80%);
+  --ind-primary-color-tint90: tint(@ind-blue, 90%);
+  --ind-primary-color-fade20: fade(@ind-blue, 20%);
+  --ind-primary-color-fade90: fade(@ind-blue, 90%);
+  --ind-primary-color-tint95-fade50: fade(tint(@ind-blue, 95%), 50%);
+  --ind-primary-color-shade5: shade(@ind-blue, 5%);
+  --ind-primary-color-fade90-shade10: shade(fade(@ind-blue, 90%), 10%);
+
+  --ind-bg-color-light: var(--ind-white);
+  --ind-bg-color-dark: var(--ind-gray-1);
+  --ind-text-color: var(--ind-black);
+  --ind-link-hover-color: var(--ind-primary-color-tint20);
+  --ind-link-active-color: var(--ind-primary-color-shade5);
+  --ind-desc-color: var(--ind-gray-6);
+
+  --ind-border-color: #ebedf2;
+
+  // 页面的边距
+  --ind-page-padding: var(--ind-padding-xs);
+  --ind-sc-padding-top: var(--ind-padding-xs);
+  --ind-menu-desc-margin-top: 4px;
+
+  // card的样式
+  --ivu-card-head-padding: 12px 16px;
+  --ivu-card-head-line-height: 28px;
+  --ivu-card-head-height: 52px;
+  --ivu-card-body-padding: 16px;
+
+  // 表单的样式
+  --ivu-form-item-label-padding: 10px 12px 10px 0;
+  --ivu-form-v6stle-item-label-paddingleft: 20px;
+  --ivu-form-item-content-padding: 6px 12px;
+  --ivu-form-item-label-before-left: 8px;
+  --ivu-form-item-content-line-height: 32px;
+
+  // tree样式
+  --ind-tree-wrapper-width: 98%;
+  --tree-content-padding: 8px;
+  --ivu-tree-margin: 8px 0;
+
+  // drawer样式
+  --ind-drawer-content-padding: 16px;
+  --ind-drawer-footer-padding: 10px 16px;
+
+  // 报表指标样式
+  --report-index-model-panel-padding: 8px;
+  --report-index-options-padding-right: 18px;
+
+  // 表格
+  --ind-table-button-padding: var(--ind-padding-base);
+  --input-height-table: var(--input-height); // 表格输入框的高度
+}

package/nstyles/variables/theme/default/index.less

@@ -1,7 +1,7 @@
-@import './common.less';
-
-@import './button.less';
-@import './layout.less';
-@import './table.less';
-@import './tag.less';
-@import './upload.less';
+@import './common.less';
+
+@import './button.less';
+@import './layout.less';
+@import './table.less';
+@import './tag.less';
+@import './upload.less';

package/nstyles/variables/theme/default/layout.less

@@ -1,40 +1,40 @@
-:root {
-  // basic layout 系统布局变量  -begin
-  --main-color: var(--ind-blue);
-  --deep-mian-color: #2b85e4;
-  --selected-background: #1890ff;
-  --selected-background-hover: #384568;
-  --header-height: 48px;
-  --header-bg: linear-gradient(90deg, #1d42ab, #2173dc, #1e93ff);
-  --header-color: hsla(0, 0%, 100%, 0.7);
-  --header-color-hover: var(--ind-white);
-  --header-border-bottom-color: #4fe3c1;
-
-  --ind-main-sider-width: 200px;
-  --ind-main-sider-collapsed-width: 68px;
-  --menu-black-active-bg: var(--ind-white); //#263353;
-  --menu-white-group-title-color: var(--ind-text-color); //#B6B6B8;
-  --ivu-menu-item-font-size: var(--ind-font-size-md);
-
-  --menu-select-bg: #f0faff;
-  --deep-menu-color: var(--ind-primary-color); //@text-color; //#F3F2F0;
-  --selected-background: var(--menu-select-bg); //@primary-color;
-  --selected-background-hover: var(--menu-select-bg); //#384568;
-  --menu-icon-margin-right: 8px;
-  --menu-white-group-title-color: #b6b6b8;
-  // basic layout 系统布局变量  -end
-
-  // page-view layout 系统布局变量  -begin
-  --ind-panel-vertical-margin: 12px;
-  --ind-panel-horizon-margin: 16px;
-  // page-view layout 系统布局变量  -end
-
-  --input-height: 32px; // small 24px
-  --search-margin-bottom: 24px; // small 16px
-  --search-button-margin: 16px;
-
-  --menu-name-padding: 15px 28px 15px 30px; // 标题行padding
-  --menu-title-font-size: 20px;
-  --menu-title-color: #17233d;
-  --page-content-padding: 12px;
-}
+:root {
+  // basic layout 系统布局变量  -begin
+  --main-color: var(--ind-blue);
+  --deep-mian-color: #2b85e4;
+  --selected-background: #1890ff;
+  --selected-background-hover: #384568;
+  --header-height: 48px;
+  --header-bg: linear-gradient(90deg, #1d42ab, #2173dc, #1e93ff);
+  --header-color: hsla(0, 0%, 100%, 0.7);
+  --header-color-hover: var(--ind-white);
+  --header-border-bottom-color: #4fe3c1;
+
+  --ind-main-sider-width: 200px;
+  --ind-main-sider-collapsed-width: 68px;
+  --menu-black-active-bg: var(--ind-white); //#263353;
+  --menu-white-group-title-color: var(--ind-text-color); //#B6B6B8;
+  --ivu-menu-item-font-size: var(--ind-font-size-md);
+
+  --menu-select-bg: #f0faff;
+  --deep-menu-color: var(--ind-primary-color); //@text-color; //#F3F2F0;
+  --selected-background: var(--menu-select-bg); //@primary-color;
+  --selected-background-hover: var(--menu-select-bg); //#384568;
+  --menu-icon-margin-right: 8px;
+  --menu-white-group-title-color: #b6b6b8;
+  // basic layout 系统布局变量  -end
+
+  // page-view layout 系统布局变量  -begin
+  --ind-panel-vertical-margin: 12px;
+  --ind-panel-horizon-margin: 16px;
+  // page-view layout 系统布局变量  -end
+
+  --input-height: 32px; // small 24px
+  --search-margin-bottom: 24px; // small 16px
+  --search-button-margin: 16px;
+
+  --menu-name-padding: 15px 28px 15px 30px; // 标题行padding
+  --menu-title-font-size: 20px;
+  --menu-title-color: #17233d;
+  --page-content-padding: 12px;
+}

package/nstyles/variables/theme/default/table.less

@@ -1,37 +1,37 @@
-:root {
-  // table layout 系统布局变量  -begin
-  --check-border: #dcdee2;
-
-  --table-td-hover-bg: tint(#488aff, 90%);
-
-  /*
-  * ag-grid合计行颜色变量
-  */
-  --ag-sum-row-color-10: #cccfd7;
-  --ag-sum-row-color-5: #dcdfe6;
-  --ag-sum-row-color-1: #ebedf2;
-  --ind-table-padding: 16px;
-  // table layout 系统布局变量  -end
-
-  --ind-ag-grid-size: 6px;
-  --ind-ag-cell-widget-spacing: 12px;
-  --ind-ag-font-size: var(--ind-font-size-md);
-  // --ind-ag-list-item-height: 42px;
-  --ind-ag-odd-row-background-color: #fcfdfe;
-  --ind-ag-row-hover-color: rgba(0, 0, 0, 0.05);
-  --ind-ag-column-hover-color: rgba(0, 0, 0, 0.05);
-  --ind-ag-cell-header-horizontal-padding: 12px;
-  --ind-ag-cell-horizontal-padding: 13px;
-  --ind-ag-row-group-indent-size: 28px;
-  --ind-ag-selected-row-background-color: #c8dcff;
-  --ind-ag-header-background-color: #f8f8f9;
-  --ind-ag-odd-row-background-color: #fff;
-
-  // 以下是 ag 没有的
-  --ind-ag-cell-icon-margin-left: var(--ind-ag-grid-size);
-  // --ind-ag-cell-header-horizontal-padding: var(--ag-cell-horizontal-padding);
-  --ind-ag-cell-line-height: 20px;
-
-  --ind-unit-switch-bottom: 6px;
-  --ind-other-button-top: 6px;
-}
+:root {
+  // table layout 系统布局变量  -begin
+  --check-border: #dcdee2;
+
+  --table-td-hover-bg: tint(#488aff, 90%);
+
+  /*
+  * ag-grid合计行颜色变量
+  */
+  --ag-sum-row-color-10: #cccfd7;
+  --ag-sum-row-color-5: #dcdfe6;
+  --ag-sum-row-color-1: #ebedf2;
+  --ind-table-padding: 16px;
+  // table layout 系统布局变量  -end
+
+  --ind-ag-grid-size: 6px;
+  --ind-ag-cell-widget-spacing: 12px;
+  --ind-ag-font-size: var(--ind-font-size-md);
+  // --ind-ag-list-item-height: 42px;
+  --ind-ag-odd-row-background-color: #fcfdfe;
+  --ind-ag-row-hover-color: rgba(0, 0, 0, 0.05);
+  --ind-ag-column-hover-color: rgba(0, 0, 0, 0.05);
+  --ind-ag-cell-header-horizontal-padding: 12px;
+  --ind-ag-cell-horizontal-padding: 13px;
+  --ind-ag-row-group-indent-size: 28px;
+  --ind-ag-selected-row-background-color: #c8dcff;
+  --ind-ag-header-background-color: #f8f8f9;
+  --ind-ag-odd-row-background-color: #fff;
+
+  // 以下是 ag 没有的
+  --ind-ag-cell-icon-margin-left: var(--ind-ag-grid-size);
+  // --ind-ag-cell-header-horizontal-padding: var(--ag-cell-horizontal-padding);
+  --ind-ag-cell-line-height: 20px;
+
+  --ind-unit-switch-bottom: 6px;
+  --ind-other-button-top: 6px;
+}

package/nstyles/variables/theme/default/tag.less

@@ -1,3 +1,3 @@
-:root {
-  --ind-tag-height: 24px;
-}
+:root {
+  --ind-tag-height: 24px;
+}

package/nstyles/variables/theme/default/upload.less

@@ -1,3 +1,3 @@
-:root {
-  --file-line-height: 41px;
-}
+:root {
+  --file-line-height: 41px;
+}

package/nstyles/variables/theme/index.less

@@ -1,13 +1,13 @@
-/*
- * 定义不同主题变量，其中default基本等于全局变量
- * 别的主题应在default基础上更改
- * 若已有主题变量不满足情况，应在default里添加原样式的变量后，在新主题里更改对应的值
- *
- * @Author: huxuetong 
- * @Date: 2024-03-12 20:10:04 
- * @Last Modified by: huxuetong
- * @Last Modified time: 2024-03-12 20:11:26
- */
-
-@import './default/index.less';
-@import './small/index.less';
+/*
+ * 定义不同主题变量，其中default基本等于全局变量
+ * 别的主题应在default基础上更改
+ * 若已有主题变量不满足情况，应在default里添加原样式的变量后，在新主题里更改对应的值
+ *
+ * @Author: huxuetong 
+ * @Date: 2024-03-12 20:10:04 
+ * @Last Modified by: huxuetong
+ * @Last Modified time: 2024-03-12 20:11:26
+ */
+
+@import './default/index.less';
+@import './small/index.less';

package/nstyles/variables/theme/small/button.less

@@ -1,7 +1,7 @@
-:root,.ind-small-theme {
-  --ind-button-height-md: 30px;
-  --ind-button-padding-md: 7px;
-
-  --ind-button-height-sm: 24px;
-  --ind-button-padding-sm: 7px; // 3px;
-}
+:root,.ind-small-theme {
+  --ind-button-height-md: 30px;
+  --ind-button-padding-md: 7px;
+
+  --ind-button-height-sm: 24px;
+  --ind-button-padding-sm: 7px; // 3px;
+}