@delon/theme 17.3.1 → 18.0.0

package/system/utils/_color.less

@@ -6,6 +6,7 @@
 .bg-white {
   background-color: #fff !important;
 }
+
 /**
  * Set the background to transparent
  *
@@ -14,6 +15,7 @@
 .bg-transparent {
   background-color: transparent !important;
 }
+
 /**
  * Set the text to white
  *
@@ -22,6 +24,7 @@
 .text-white {
   color: #fff !important;
 }
+
 /**
  * Set the color as the primary color when hovering the text
  *
@@ -29,6 +32,7 @@
  */
 .text-hover {
   cursor: pointer;
+
   &:hover {
     color: @primary-color !important;
   }
@@ -37,92 +41,112 @@
 .for-each(@colors, {
   .bg-@{adKey}-light {
     @color-bg-light-color: extract(@adItem, @color-light-position);
-    e(~`genCommentTypeColor('background', '@{color-bg-light-color}')`);
+    genCommentTypeColor('background', '@{color-bg-light-color}');
     background-color: @color-bg-light-color !important;
   }
+
   .bg-@{adKey} {
     @color-bg-color: extract(@adItem, @color-basic-position);
-    e(~`genCommentTypeColor('background', '@{color-bg-color}')`);
+    genCommentTypeColor('background', '@{color-bg-color}');
     background-color: @color-bg-color !important;
   }
+
   .bg-@{adKey}-dark {
     @color-bg-dark-color: extract(@adItem, @color-dark-position);
-    e(~`genCommentTypeColor('background', '@{color-bg-dark-color}')`);
+    genCommentTypeColor('background', '@{color-bg-dark-color}');
     background-color: @color-bg-dark-color !important;
   }
 
   .bg-@{adKey}-light-h {
     @color-bg-light-h-color: extract(@adItem, @color-light-position);
-    e(~`genCommentTypeColor('hoverBackground', '@{color-bg-light-h-color}')`);
+    genCommentTypeColor('hoverBackground', '@{color-bg-light-h-color}');
     transition: background-color 300ms;
-    &:hover { background-color: @color-bg-light-h-color !important; }
+
+    &:hover {
+      background-color: @color-bg-light-h-color !important;
+    }
   }
+
   .bg-@{adKey}-h {
     @color-bg-basic-h-color: extract(@adItem, @color-basic-position);
-    e(~`genCommentTypeColor('hoverBackground', '@{color-bg-basic-h-color}')`);
+    genCommentTypeColor('hoverBackground', '@{color-bg-basic-h-color}');
     transition: background-color 300ms;
-    &:hover { background-color: @color-bg-basic-h-color !important; }
+
+    &:hover {
+      background-color: @color-bg-basic-h-color !important;
+    }
   }
+
   .bg-@{adKey}-dark-h {
     @color-bg-dark-h-color: extract(@adItem, @color-dark-position);
-    e(~`genCommentTypeColor('hoverBackground', '@{color-bg-dark-h-color}')`);
+    genCommentTypeColor('hoverBackground', '@{color-bg-dark-h-color}');
     transition: background-color 300ms;
-    &:hover { background-color: @color-bg-dark-h-color !important; }
+
+    &:hover {
+      background-color: @color-bg-dark-h-color !important;
+    }
   }
 
   .text-@{adKey}-light {
     @color-text-light-color: extract(@adItem, @color-light-position);
-    e(~`genCommentTypeColor('text', '@{color-text-light-color}')`);
+    genCommentTypeColor('text', '@{color-text-light-color}');
     color: @color-text-light-color !important;
   }
+
   .text-@{adKey} {
     @color-text-basic-color: extract(@adItem, @color-basic-position);
-    e(~`genCommentTypeColor('text', '@{color-text-basic-color}')`);
+    genCommentTypeColor('text', '@{color-text-basic-color}');
     color: @color-text-basic-color !important;
   }
+
   .text-@{adKey}-dark {
     @color-text-dark-color: extract(@adItem, @color-dark-position);
-    e(~`genCommentTypeColor('text', '@{color-text-dark-color}')`);
+    genCommentTypeColor('text', '@{color-text-dark-color}');
     color: @color-text-dark-color !important;
   }
 });
 
 .for-each(@aliasColors, {
-  .bg-@{adKey}-light  {
-    @alias-bg-light-color: color(~`colorPalette('@{adValue}', @{color-light-index})`);
-    e(~`genCommentTypeColor('background', '@{alias-bg-light-color}')`);
+  .bg-@{adKey}-light {
+    @alias-bg-light-color: color(colorPalette('@{adValue}', @color-light-index));
+    genCommentTypeColor('background', '@{alias-bg-light-color}');
     background-color: @alias-bg-light-color !important;
   }
+
   .bg-@{adKey} {
-    e(~`genCommentTypeColor('background', '@{adValue}')`);
+    genCommentTypeColor('background', '@{adValue}');
     background-color: @adValue !important;
   }
-  .bg-@{adKey}-dark   {
-    @alias-bg-dark-color: color(~`colorPalette('@{adValue}', @{color-dark-index})`);
-    e(~`genCommentTypeColor('background', '@{alias-bg-dark-color}')`);
+
+  .bg-@{adKey}-dark {
+    @alias-bg-dark-color: color(colorPalette('@{adValue}', @color-dark-index));
+    genCommentTypeColor('background', '@{alias-bg-dark-color}');
     background-color: @alias-bg-dark-color !important;
-   }
+  }
 
   .bg-@{adKey}-h {
-    e(~`genCommentTypeColor('hoverBackground', '@{adValue}')`);
+    genCommentTypeColor('hoverBackground', '@{adValue}');
     transition: background-color 300ms;
+
     &:hover {
       background-color: @adValue !important;
     }
   }
 
-  .text-@{adKey}-light  {
-    @alias-text-light-color: color(~`colorPalette('@{adValue}', @{color-light-index})`);
-    e(~`genCommentTypeColor('text', '@{alias-text-light-color}')`);
+  .text-@{adKey}-light {
+    @alias-text-light-color: color(colorPalette('@{adValue}', @color-light-index));
+    genCommentTypeColor('text', '@{alias-text-light-color}');
     color: @alias-text-light-color !important;
-   }
+  }
+
   .text-@{adKey} {
-    e(~`genCommentTypeColor('text', '@{adValue}')`);
+    genCommentTypeColor('text', '@{adValue}');
     color: @adValue !important;
   }
-  .text-@{adKey}-dark   {
-    @alias-text-dark-color: color(~`colorPalette('@{adValue}', @{color-dark-index})`);
-    e(~`genCommentTypeColor('text', '@{alias-text-dark-color}')`);
+
+  .text-@{adKey}-dark {
+    @alias-text-dark-color: color(colorPalette('@{adValue}', @color-dark-index));
+    genCommentTypeColor('text', '@{alias-text-dark-color}');
     color: @alias-text-dark-color !important;
   }
 });
@@ -130,41 +154,49 @@
 // grey
 .for-each(@greyColorer, {
   .bg-grey-@{adKey} {
-    e(~`genCommentTypeColor('background', '@{adValue}')`);
+    genCommentTypeColor('background', '@{adValue}');
     background-color: @adValue !important;
   }
+
   .bg-grey-@{adKey}-h {
-    e(~`genCommentTypeColor('hoverBackground', '@{adValue}')`);
+    genCommentTypeColor('hoverBackground', '@{adValue}');
     transition: background-color 300ms;
+
     &:hover {
       background-color: @adValue !important;
     }
   }
+
   .text-grey-@{adKey} {
-    e(~`genCommentTypeColor('text', '@{adValue}')`);
+    genCommentTypeColor('text', '@{adValue}');
     color: @adValue !important;
   }
 });
 
-.all-colors-minin(@enabled) when (@enabled = true) {
+.all-colors-minin(@enabled) when (@enabled =true) {
   .loop-no(@adKey, @adValue, @i: 1) when (@i =< length(@color-no-list)) {
-    @name: '@{adKey}-@{i}';  // red-1, red-2, red-3 ....
+    @name: '@{adKey}-@{i}'; // red-1, red-2, red-3 ....
     @nameValue: e(@@name);
+
     .bg-@{adKey}-@{i} {
-      e(~`genCommentTypeColor('background', '@{nameValue}')`);
+      genCommentTypeColor('background', '@{nameValue}');
       background-color: @nameValue !important;
     }
+
     .bg-@{adKey}-@{i}-h {
-      e(~`genCommentTypeColor('hoverBackground', '@{nameValue}')`);
+      genCommentTypeColor('hoverBackground', '@{nameValue}');
       transition: background-color 300ms;
+
       &:hover {
         background-color: @nameValue !important;
       }
     }
+
     .text-@{adKey}-@{i} {
-      e(~`genCommentTypeColor('text', '@{nameValue}')`);
+      genCommentTypeColor('text', '@{nameValue}');
       color: @nameValue !important;
     }
+
     .loop-no(@adKey, @adValue, @i + 1);
   }
 
@@ -172,4 +204,5 @@
     .loop-no(@adKey, @adValue, 1);
   });
 }
-.all-colors-minin(@enable-all-colors);
+
+.all-colors-minin(@enable-all-colors);

package/system/utils/_spacing.less

@@ -4,33 +4,40 @@
   @item: extract(@mp-list, @i);
   @abbrev: extract(@item, 2);
   @prop: extract(@item, 1);
+
   .@{abbrev}@{infix} {
-    e(~`genComment('@{adValue}', 'Set the @{prop} size to {0}', '设置 @{prop} 大小为 {0}')`);
+    genComment('@{adValue}', 'Set the @{prop} size to {0}', '设置 @{prop} 大小为 {0}');
     @{prop}: @adValue !important;
   }
+
   .@{abbrev}t@{infix} {
-    e(~`genComment('@{adValue}', 'Set the @{prop}-top size to {0}', '设置 @{prop}-top 大小为 {0}')`);
+    genComment('@{adValue}', 'Set the @{prop}-top size to {0}', '设置 @{prop}-top 大小为 {0}');
     @{prop}-top: @adValue !important;
   }
+
   .@{abbrev}r@{infix} {
-    e(~`genComment('@{adValue}', 'Set the @{prop}-right size to {0}', '设置 @{prop}-right 大小为 {0}')`);
+    genComment('@{adValue}', 'Set the @{prop}-right size to {0}', '设置 @{prop}-right 大小为 {0}');
     @{prop}-right: @adValue !important;
   }
+
   .@{abbrev}b@{infix} {
-    e(~`genComment('@{adValue}', 'Set the @{prop}-bottom size to {0}', '设置 @{prop}-bottom 大小为 {0}')`);
+    genComment('@{adValue}', 'Set the @{prop}-bottom size to {0}', '设置 @{prop}-bottom 大小为 {0}');
     @{prop}-bottom: @adValue !important;
   }
+
   .@{abbrev}l@{infix} {
-    e(~`genComment('@{adValue}', 'Set the @{prop}-left size to {0}', '设置 @{prop}-left 大小为 {0}')`);
+    genComment('@{adValue}', 'Set the @{prop}-left size to {0}', '设置 @{prop}-left 大小为 {0}');
     @{prop}-left: @adValue !important;
   }
+
   .@{abbrev}x@{infix} {
-    e(~`genComment('@{adValue}', 'Set the @{prop} horizontal (left & right) size to {0}', '设置 @{prop} 水平（即左与右）大小为 {0}')`);
+    genComment('@{adValue}', 'Set the @{prop} horizontal (left & right) size to {0}', '设置 @{prop} 水平（即左与右）大小为 {0}');
     @{prop}-right: @adValue !important;
     @{prop}-left: @adValue !important;
   }
+
   .@{abbrev}y@{infix} {
-    e(~`genComment('@{adValue}', 'Set the @{prop} vertical (top & bottom) size to {0}', '设置 @{prop} 垂直（即上与下）大小为 {0}')`);
+    genComment('@{adValue}', 'Set the @{prop} vertical (top & bottom) size to {0}', '设置 @{prop} 垂直（即上与下）大小为 {0}');
     @{prop}-top: @adValue !important;
     @{prop}-bottom: @adValue !important;
   }
@@ -42,12 +49,14 @@
   @item: extract(@mp-list, @i);
   @abbrev: extract(@item, 2);
   @prop: extract(@item, 1);
+
   // 无须设置注释
   [dir="rtl"] {
     .@{abbrev}r@{infix} {
       @{prop}-left: @adValue !important;
       @{prop}-right: inherit !important;
     }
+
     .@{abbrev}l@{infix} {
       @{prop}-right: @adValue !important;
       @{prop}-left: inherit !important;
@@ -59,26 +68,32 @@
 
 .spacings-loop(@type) {
   .for-each(@spacings, {
-    .infix-mixin(@adKey) when(@adKey = 0) {
+    .infix-mixin(@adKey) when(@adKey =0) {
       @infix: 0;
     }
+
     .infix-mixin(@adKey) when(default()) {
       @infix: ~'-@{adKey}';
     }
+
     .infix-mixin(@adKey);
 
-    .loop-mp-fn-mixin(@type) when(@type = 'lrt') {
+    .loop-mp-fn-mixin(@type) when(@type ='lrt') {
       .loop-mp(@infix, @adKey, @adValue, 1);
     }
+
     .loop-mp-fn-mixin(@type) when(default()) {
       .loop-mp-rtl(@infix, @adKey, @adValue, 1);
     }
+
     .loop-mp-fn-mixin(@type);
   });
 }
 
 .spacings-loop('lrt');
+
 .spacings-rtl-mixin(@enabled) when(@enabled=true) {
   .spacings-loop('rtl');
 }
-.spacings-rtl-mixin(@rtl-enabled);
+
+.spacings-rtl-mixin(@rtl-enabled);

package/system/utils/_width.less

@@ -1,20 +1,23 @@
 .for-each(@widths, {
-  .width-@{adKey}  {
-    e(~`genComment('@{adValue}', 'Specify the width as {0}', '指定宽度为 {0}')`);
+  .width-@{adKey} {
+    genComment('@{adValue}', 'Specify the width as {0}', '指定宽度为 {0}');
     width: @adValue !important;
   }
-  .max-width-@{adKey}  {
-    e(~`genComment('@{adValue}', 'Specify the maximum width as {0}', '指定最大宽度为 {0}')`);
+
+  .max-width-@{adKey} {
+    genComment('@{adValue}', 'Specify the maximum width as {0}', '指定最大宽度为 {0}');
     max-width: @adValue !important;
   }
 
-  .min-width-@{adKey}  {
-    e(~`genComment('@{adValue}', 'Specify the minimum width as {0}', '指定最小宽度为 {0}')`);
+  .min-width-@{adKey} {
+    genComment('@{adValue}', 'Specify the minimum width as {0}', '指定最小宽度为 {0}');
     min-width: @adValue !important;
   }
 });
 
 @media (max-width: @mobile-max) {
+
+  /* stylelint-disable-next-line rule-empty-line-before */
   .width-sm,
   .max-width-sm,
   .min-width-sm {

package/theme-compact.less

@@ -1,3 +1,4 @@
+@import './mixins.less';
 @import 'ng-zorro-antd/src/style/themes/compact.less';
 @import './system/theme-compact.less';
 @import './layout-default/style/theme-compact.less';

package/theme-dark.less

@@ -1,3 +1,4 @@
+@import './mixins.less';
 @import 'ng-zorro-antd/src/style/themes/dark.less';
 @import './system/theme-dark.less';
 @import './layout-default/style/theme-dark.less';

package/theme-default.less

@@ -1,3 +1,4 @@
+@import './mixins.less';
 @import 'ng-zorro-antd/src/style/themes/default.less';
 @import './system/theme-default.less';
 @import './layout-default/style/theme-default.less';

package/theme-variable.less

@@ -0,0 +1,6 @@
+@import './mixins.less';
+@import 'ng-zorro-antd/src/style/themes/variable.less';
+@import './system/theme-variable.less';
+@import './layout-default/style/theme-variable.less';
+@import './layout-blank/style/theme-variable.less';
+@import '../abc/theme-variable.less';

package/variable.less

@@ -0,0 +1,6 @@
+@import './theme-variable.less';
+@import './system/index.less';
+@import './layout-default/style/index.less';
+@import './layout-blank/style/index.less';
+@import '../abc/index.less';
+@import '../chart/index.less';