ele-admin-plus 1.0.2 → 1.1.0

package/es/ele-app/style/css-var.scss

@@ -1,29 +1,87 @@
-@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 
-@mixin set-common-var($var) {
+/* 滚动条 */
+@mixin set-scrollbar-var($var) {
+  @include set-ele-var('scrollbar', $var);
+}
+
+/* 消息提示 */
+@mixin set-message-var($var) {
+  .ele-message {
+    @include set-ele-var('message', $var);
+  }
+
+  .ele-message-mask {
+    @include set-ele-var('message-mask', $var);
+  }
+}
+
+/* 样式重写 */
+@mixin set-overwrite-var($var) {
+  // Popper
   .el-popper {
+    @include set-ele-var('popper', $var);
+  }
+
+  // Tooltip
+  .el-popper.is-dark {
     @include set-ele-var('tooltip', $var);
   }
 
-  .el-popper.is-light {
-    @include set-ele-var('tooltip-light', $var);
+  // Select
+  .el-select__popper {
+    @include set-ele-var('select', $var);
+  }
+
+  // Autocomplete
+  .el-autocomplete__popper {
+    @include set-ele-var('autocomplete', $var);
+  }
+
+  // Cascader
+  .el-cascader__dropdown {
+    @include set-ele-var('cascader', $var);
+  }
+
+  // TableFilter
+  .el-table-filter {
+    @include set-ele-var('table-filter', $var);
+  }
+
+  // MessageBox
+  .el-message-box {
+    @include set-ele-var('message-box', $var);
+  }
+
+  // Radio
+  .el-radio {
+    @include set-ele-var('radio', $var);
+  }
+
+  // Checkbox
+  .el-checkbox {
+    @include set-ele-var('checkbox', $var);
   }
 
+  // ImageViewer
   .el-image-viewer__wrapper {
     @include set-ele-var('image-viewer', $var);
   }
-}
 
-@mixin set-message-var($var) {
-  .ele-message {
-    @include set-ele-var('message-plain', $var);
+  // Descriptions
+  .el-descriptions {
+    @include set-ele-var('descriptions', $var);
   }
 
-  .ele-message-mask {
-    @include set-ele-var('message-mask', $var);
+  // Datepicker
+  .el-date-picker,
+  .el-date-range-picker {
+    @include set-ele-var('datepicker', $var);
   }
-}
 
-@mixin set-scrollbar-var($var) {
-  @include set-ele-var('scrollbar', $var);
+  // Timepicker
+  .el-time-panel,
+  .el-time-range-picker {
+    @include set-ele-var('timepicker', $var);
+  }
 }

package/es/ele-app/style/index.js

@@ -1,5 +1,6 @@
 import 'element-plus/es/components/message-box/style/index';
 import 'element-plus/es/components/notification/style/index';
+import './overwrite';
 import './scrollbar';
 import './common';
 import './message';

package/es/ele-app/style/index.scss

@@ -1,3 +1,4 @@
+@use './overwrite.scss';
 @use './scrollbar.scss';
 @use './common.scss';
 @use './message.scss';

package/es/ele-app/style/message.scss

@@ -1,27 +1,49 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 @use './css-var.scss' as *;
 
 @include set-message-var($ele);
 
 /* 消息提示 */
 .ele-message.el-message {
-  box-shadow: eleVar('message-plain', 'shadow');
+  padding: eleVar('message', 'padding');
+  border-radius: eleVar('message', 'radius');
+  box-shadow: eleVar('message', 'shadow');
   border: none;
 
   .el-message__content {
-    color: eleVar('message-plain', 'color');
+    color: eleVar('message', 'color');
+    font-size: eleVar('message', 'size');
+    box-sizing: border-box;
   }
 
   .el-message__icon {
-    font-size: elVar('font-size', 'large');
+    font-size: eleVar('message', 'icon-size');
+    margin: eleVar('message', 'icon-margin');
   }
 
   .el-message__closeBtn {
-    right: 14px;
+    width: eleVar('message', 'close-size');
+    height: eleVar('message', 'close-size');
+    line-height: eleVar('message', 'close-size');
+    color: eleVar('message', 'close-color');
+    font-size: eleVar('message', 'close-font-size');
+    margin: eleVar('message', 'close-margin');
+    border-radius: eleVar('message', 'close-radius');
+    transition: color $ele-transition, background-color $ele-transition;
+    position: static;
+    top: auto;
+    right: auto;
+    transform: none;
+
+    &:hover {
+      color: eleVar('message', 'close-hover-color');
+      background: eleVar('message', 'close-hover-bg');
+    }
   }
 
   &.is-closable .el-message__content {
-    padding-right: 24px;
+    padding-right: 0;
   }
 
   &.el-message--info {
@@ -32,7 +54,7 @@
 
   // 简约风格
   &.is-plain {
-    #{elVarName('message', 'bg-color')}: eleVar('message-plain', 'bg');
+    #{elVarName('message', 'bg-color')}: eleVar('message', 'plain-bg');
   }
 
   // 加载框
@@ -43,7 +65,7 @@
 
     // 简约风格
     &.is-plain {
-      #{elVarName('message', 'bg-color')}: eleVar('message-plain', 'bg');
+      #{elVarName('message', 'bg-color')}: eleVar('message', 'plain-bg');
     }
   }
 }
@@ -87,7 +109,7 @@
 
   // 遮罩
   &.ele-message-mask {
-    box-shadow: eleVar('message-plain', 'shadow'),
+    box-shadow: eleVar('message', 'shadow'),
       0 0 0 eleVar('message-mask', 'size') eleVar('message-mask', 'color');
   }
 

package/es/ele-app/style/overwrite.js

@@ -0,0 +1 @@
+import "./overwrite.scss";