tntd 2.8.0-beta.2 → 2.8.0-beta.21

package/themes/default/lessToCssVar.less

@@ -0,0 +1,127 @@
+// -------- less变量 ==> css变量 -----------
+@primary-color: var(--blue-6);
+@info-color: var(--blue-6);
+@success-color: var(--green-6);
+@processing-color: var(--blue-6);
+@error-color: var(--red-6);
+@highlight-color: var(--red-6);
+@warning-color: var(--gold-6);
+@blue-1: var(--blue-1);
+@blue-2: var(--blue-2);
+@blue-3: var(--blue-3);
+@blue-4: var(--blue-4);
+@blue-5: var(--blue-5);
+@blue-7: var(--blue-7);
+@blue-8: var(--blue-8);
+@blue-9: var(--blue-9);
+@blue-10: var(--blue-10);
+@purple-1: var(--purple-1);
+@purple-2: var(--purple-2);
+@purple-3: var(--purple-3);
+@purple-4: var(--purple-4);
+@purple-5: var(--purple-5);
+@purple-7: var(--purple-7);
+@purple-8: var(--purple-8);
+@purple-9: var(--purple-9);
+@purple-10: var(--purple-10);
+@cyan-1: var(--cyan-1);
+@cyan-2: var(--cyan-2);
+@cyan-3: var(--cyan-3);
+@cyan-4: var(--cyan-4);
+@cyan-5: var(--cyan-5);
+@cyan-7: var(--cyan-7);
+@cyan-8: var(--cyan-8);
+@cyan-9: var(--cyan-9);
+@cyan-10: var(--cyan-10);
+@green-1: var(--green-1);
+@green-2: var(--green-2);
+@green-3: var(--green-3);
+@green-4: var(--green-4);
+@green-5: var(--green-5);
+@green-7: var(--green-7);
+@green-8: var(--green-8);
+@green-9: var(--green-9);
+@green-10: var(--green-10);
+@magenta-1: var(--magenta-1);
+@magenta-2: var(--magenta-2);
+@magenta-3: var(--magenta-3);
+@magenta-4: var(--magenta-4);
+@magenta-5: var(--magenta-5);
+@magenta-7: var(--magenta-7);
+@magenta-8: var(--magenta-8);
+@magenta-9: var(--magenta-9);
+@magenta-10: var(--magenta-10);
+@pink-1: var(--pink-1);
+@pink-2: var(--pink-2);
+@pink-3: var(--pink-3);
+@pink-4: var(--pink-4);
+@pink-5: var(--pink-5);
+@pink-7: var(--pink-7);
+@pink-8: var(--pink-8);
+@pink-9: var(--pink-9);
+@pink-10: var(--pink-10);
+@red-1: var(--red-1);
+@red-2: var(--red-2);
+@red-3: var(--red-3);
+@red-4: var(--red-4);
+@red-5: var(--red-5);
+@red-7: var(--red-7);
+@red-8: var(--red-8);
+@red-9: var(--red-9);
+@red-10: var(--red-10);
+@orange-1: var(--orange-1);
+@orange-2: var(--orange-2);
+@orange-3: var(--orange-3);
+@orange-4: var(--orange-4);
+@orange-5: var(--orange-5);
+@orange-7: var(--orange-7);
+@orange-8: var(--orange-8);
+@orange-9: var(--orange-9);
+@orange-10: var(--orange-10);
+@yellow-1: var(--yellow-1);
+@yellow-2: var(--yellow-2);
+@yellow-3: var(--yellow-3);
+@yellow-4: var(--yellow-4);
+@yellow-5: var(--yellow-5);
+@yellow-7: var(--yellow-7);
+@yellow-8: var(--yellow-8);
+@yellow-9: var(--yellow-9);
+@yellow-10: var(--yellow-10);
+@volcano-1: var(--volcano-1);
+@volcano-2: var(--volcano-2);
+@volcano-3: var(--volcano-3);
+@volcano-4: var(--volcano-4);
+@volcano-5: var(--volcano-5);
+@volcano-7: var(--volcano-7);
+@volcano-8: var(--volcano-8);
+@volcano-9: var(--volcano-9);
+@volcano-10: var(--volcano-10);
+@geekblue-1: var(--geekblue-1);
+@geekblue-2: var(--geekblue-2);
+@geekblue-3: var(--geekblue-3);
+@geekblue-4: var(--geekblue-4);
+@geekblue-5: var(--geekblue-5);
+@geekblue-7: var(--geekblue-7);
+@geekblue-8: var(--geekblue-8);
+@geekblue-9: var(--geekblue-9);
+@geekblue-10: var(--geekblue-10);
+@lime-1: var(--lime-1);
+@lime-2: var(--lime-2);
+@lime-3: var(--lime-3);
+@lime-4: var(--lime-4);
+@lime-5: var(--lime-5);
+@lime-7: var(--lime-7);
+@lime-8: var(--lime-8);
+@lime-9: var(--lime-9);
+@lime-10: var(--lime-10);
+@gold-1: var(--gold-1);
+@gold-2: var(--gold-2);
+@gold-3: var(--gold-3);
+@gold-4: var(--gold-4);
+@gold-5: var(--gold-5);
+@gold-7: var(--gold-7);
+@gold-8: var(--gold-8);
+@gold-9: var(--gold-9);
+@gold-10: var(--gold-10);
+@white: var(--white);
+@text-color: var(--text-color);

package/themes/default/lessVars2.x.less

@@ -0,0 +1,33 @@
+@heading-1-size: ceil(@font-size-base * 2.71);
+@heading-2-size: ceil(@font-size-base * 2.14);
+@heading-3-size: ceil(@font-size-base * 1.71);
+@heading-4-size: ceil(@font-size-base * 1.42);
+@line-height-base: 1.5;
+@line-height-sm: 1.6666666;
+@line-height-lg: 1.5;
+@heading-1-line-height: 40 / 32;
+@heading-2-line-height: 32 / 24;
+@heading-3-line-height: 26 / 18;
+@heading-4-line-height: 24 / 16;
+@border-radius-base: 2px;
+@border-radius-sm: 2px;
+@border-radius-xs: 4px;
+@border-radius-lg: 20px;
+@padding-xxs: 4px;
+@padding-base: 16px;
+@padding-xxl: 48px;
+@padding-xl: 32px;
+@padding-lg: 20px;
+@padding-md: 12px;
+@padding-sm: 10px;
+@padding-xs: 8px;
+@margin-xxs: 4px;
+@margin-xs: 8px;
+@margin-sm: 12px;
+@margin-base: 16px;
+@margin-md: 20px;
+@margin-lg: 24px;
+@margin-xl: 32px;
+@margin-xxl: 48px;
+@box-shadow-md: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
+@box-shadow-lg: 0px 0px 25px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px -5px rgba(0, 0, 0, 0.05);

package/themes/default/lessVars3.x.less

@@ -0,0 +1,35 @@
+@heading-1-size: 32px;
+@heading-2-size: 24px;
+@heading-3-size: 18px;
+@heading-4-size: 16px;
+@line-height-base: 22 / 14;
+@line-height-sm: 20 / 12;
+@line-height-lg: 24 / 16;
+@heading-1-line-height: 40 / 32;
+@heading-2-line-height: 32 / 24;
+@heading-3-line-height: 26 / 18;
+@heading-4-line-height: 24 / 16;
+@border-radius-base: 8px;
+@border-radius-sm: 4px;
+@border-radius-xs: 2px;
+@border-radius-lg: 16px;
+@padding-xxs: 4px;
+@padding-base: 16px;
+@padding-xxl: 48px;
+@padding-xl: 32px;
+@padding-lg: 24px;
+@padding-md: 20px;
+@padding-sm: 12px;
+@padding-xs: 8px;
+@margin-xxs: 4px;
+@margin-xs: 8px;
+@margin-sm: 12px;
+@margin-base: 16px;
+@margin-md: 20px;
+@margin-lg: 24px;
+@margin-xl: 32px;
+@margin-xxl: 48px;
+@box-shadow-md: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
+@box-shadow-lg: 0px 0px 25px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px -5px rgba(0, 0, 0, 0.05);
+
+

package/themes/default/variables.less

@@ -1,5 +1,6 @@
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 @import './colors';
+@import './lessVars2.x.less';
 
 // The prefix to use on all css classes from ant.
 @ant-prefix: ant;
@@ -8,18 +9,17 @@
 @html-selector: html;
 
 // -------- Colors -----------
-@primary-color: @blue-6;
-@info-color: @blue-6;
-@success-color: @green-6;
-@processing-color: @blue-6;
-@error-color: @red-6;
-@highlight-color: @red-6;
-@warning-color: @gold-6;
+// @primary-color: @blue-6;
+// @info-color: @blue-6;
+// @success-color: @green-6;
+// @processing-color: @blue-6;
+// @error-color: @red-6;
+// @highlight-color: @red-6;
+// @warning-color: @gold-6;
 @normal-color: #d9d9d9;
 @white: #fff;
 @black: #000;
 
-
 // Color used by default to control hover and active backgrounds and for
 // alert info backgrounds.
 @primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
@@ -61,19 +61,21 @@
 @font-size-base: 14px;
 @font-size-lg: @font-size-base + 2px;
 @font-size-sm: 12px;
-@heading-1-size: ceil(@font-size-base * 2.71);
-@heading-2-size: ceil(@font-size-base * 2.14);
-@heading-3-size: ceil(@font-size-base * 1.71);
-@heading-4-size: ceil(@font-size-base * 1.42);
-@line-height-base: 1.5;
-@border-radius-base: 2px;
-@border-radius-sm: 2px;
+@font-size-xl: @font-size-base + 6px;
+@line-height-xl: 1.4;
+// @heading-1-size: ceil(@font-size-base * 2.71);
+// @heading-2-size: ceil(@font-size-base * 2.14);
+// @heading-3-size: ceil(@font-size-base * 1.71);
+// @heading-4-size: ceil(@font-size-base * 1.42);
+// @line-height-base: 1.5;
+// @border-radius-base: 2px;
+// @border-radius-sm: 2px;
 
 // vertical paddings
-@padding-lg: 20px; // containers
-@padding-md: 12px; // small containers and buttons
-@padding-sm: 10px; // Form controls and items
-@padding-xs: 8px; // small items
+// @padding-lg: 20px; // containers
+// @padding-md: 12px; // small containers and buttons
+// @padding-sm: 10px; // Form controls and items
+// @padding-xs: 8px; // small items
 
 // vertical padding for all form controls
 @control-padding-horizontal: @padding-sm;
@@ -238,7 +240,7 @@
 
 // Grid system
 @grid-columns: 24;
-@grid-gutter-width: 0;
+@grid-gutter-width: 0px;
 
 // Layout
 @layout-body-background: #f0f2f5;
@@ -284,7 +286,7 @@
 @label-required-color: @highlight-color;
 @label-color: @heading-color;
 @form-warning-input-bg: @input-bg;
-@form-item-margin-bottom: 2px;
+@form-item-margin-bottom: 16px;
 @form-item-trailing-colon: true;
 @form-vertical-label-padding: 0 0 8px;
 @form-vertical-label-margin: 0;
@@ -352,7 +354,7 @@
 
 // Modal
 // --
-@modal-body-padding: 20px;
+@modal-body-padding: 16px;
 @modal-header-bg: #fff; // component-background
 @modal-footer-bg: #ffffff; //#F2F4F7;
 @modal-mask-bg: rgba(7, 7, 8, 0.35);
@@ -621,7 +623,6 @@
 // checkbox
 @checkbox-border: #b2becd;
 
-
 // ----------------------- -add from antd4 ----------------------
 // Outline
 @outline-fade: 20%;
@@ -658,7 +659,16 @@
 // vertical margins
 @margin-xss: 4px; // more small
 
-
 // -------------------- add from antd4 end -----------------------------------
 
-
+// 新增less变量
+@text-color-tertiary: #babdc5;
+@border-color: #c9d2dd;
+@border-color-secondary: #e1e6ee;
+@fill-color: #e9edf3;
+@fill-color-tertiary: #f1f2f5;
+@fill-color-quaternary: #f8f9fb;
+@bg-color-quaternary: #f8f9fb;
+@bg-color-spotilight: #17233d;
+@size-step-base: 4;
+@size-step-unit: 4;