CN-268 feat: panel重构

src/assets/css/themes/THEME_README.md

@@ -9,3 +9,5 @@
 ### 源码改动
 - theme-chalk/src/common/var.scss 首行增加$--theme属性
 - theme-chalk/src/mixins/mixins.scss 改动较多，如需了解请比对文件差异
+-   // $arrow-selector: #{& + '__arrow'};   
+    改为 $arrow-selector: '.el-popper__arrow';

src/assets/css/themes/src/mixins/mixins.scss

@@ -140,7 +140,7 @@
   }
 
   @at-root {
-    #{renderThemeClass($selector)}##{&}#{$specSelector}.#{$block+$element-separator+$element+$modifierCombo} {
+    #{renderThemeClass($selector)}#{&}#{$specSelector}.#{$block+$element-separator+$element+$modifierCombo} {
       @content;
     }
   }
@@ -164,9 +164,8 @@
 }
 
 @mixin when($state) {
-  $selector: &;
   @at-root {
-    #{renderThemeClass($selector)}&.#{$state-prefix + $state} {
+    &.#{$state-prefix + $state} {
       @content;
     }
   }

src/assets/css/themes/src/popper.scss

@@ -12,7 +12,8 @@
   word-wrap: break-word;
   visibility: visible;
 
-  $arrow-selector: #{& + '__arrow'};
+  // $arrow-selector: #{& + '__arrow'};
+  $arrow-selector: '.el-popper__arrow';
 
   @include when(dark) {
     color: $--color-white;

src/assets/css/themes/theme-dark.scss

@@ -51,4 +51,12 @@ $--chart-single-value-icon-background-color: #E8F6FF;
 
 $--content-right-background-color: #EFF2F5; //右侧背景色
 
+// 空白背景色
+$--background-color-empty: #fffffe;
+$--background-color-1: #EFEFEF;
+// 普通字色(覆盖element-ui内置变量)
+$--color-text-regular: #666665;
+$--border-color-light: #E7EAED;
+$--chart-box-border-color: $--border-color-light;
+$--chart-title-hover-background-color: #323238;
 @import './common';

src/assets/css/themes/theme-light.scss

@@ -51,4 +51,12 @@ $--chart-single-value-icon-background-color: #E8F6FF;
 
 $--content-right-background-color: #EFF2F5; //右侧背景色
 
+// 空白背景色
+$--background-color-empty: #fffffe;
+$--background-color-1: #EFEFEF;
+// 普通字色(覆盖element-ui内置变量)
+$--color-text-regular: #666665;
+$--border-color-light: #E7EAED;
+$--chart-box-border-color: $--border-color-light;
+$--chart-title-hover-background-color: $--background-color-1;
 @import './common';