element-plus-secondary 0.1.7 → 0.1.9

package/theme-chalk/src/color-picker.scss

@@ -270,6 +270,8 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
     }
   }
 
+  
+
   @each $size in (large, small) {
     @include m($size) {
       height: map.get($color-picker-size, $size);
@@ -370,6 +372,32 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
       border: 1px solid #434343;
     }
   }
+
+  @include when(custom) {
+    .#{$namespace}-color-picker__trigger {
+      justify-content: flex-start;
+      box-sizing: border-box !important;
+      height: 28px;
+      width: 50px;
+      padding: 6px 8px;
+
+      .#{$namespace}-color-picker__color {
+        width: 16px;
+        height: 16px;
+      }
+
+      .#{$namespace}-color-picker__empty {
+        display: none;
+      }
+
+      .#{$namespace}-color-picker__icon {
+        font-size: 14px;
+        color: #646A73;
+        margin-left: 39px;
+        display: inline-flex !important;
+      }
+    }
+  }
 }
 
 .#{bem('color-picker')},

package/theme-chalk/src/common/var.scss

@@ -101,7 +101,7 @@ $text-color: map.merge(
     'primary': #303133,
     'regular': #1F2329,
     'secondary': #909399,
-    'placeholder': #BBBFC4,
+    'placeholder': #8D9199,
     'ban': #EFF0F1,
     'disabled': #c0c4cc,
   ),
@@ -111,7 +111,7 @@ $text-color: map.merge(
 $border-color: () !default;
 $border-color: map.merge(
   (
-    '': #dcdfe6,
+    '': #BBBFC4,
     'light': #e4e7ed,
     'lighter': rgba(31, 35, 41, 0.15),
     'extra-light': #BBBFC4,

package/theme-chalk/src/dialog.scss

@@ -60,30 +60,24 @@
 
   @include e(headerbtn) {
     position: absolute;
-    top: 25px;
-    right: 25px;
-    padding: 0;
-    width: 15px;
-    height: 15px;
+    top: 24px;
+    right: 24px;
     background: transparent;
     border: none;
     outline: none;
+    width: 28px;
+    height: 28px;
     cursor: pointer;
-    font-size: var(
-      #{getCssVarName('message-close-size')},
-      map.get($message, 'close-size')
-    );
-
-    .#{$namespace}-dialog__close {
-      color: getCssVar('color', 'info');
-      font-size: inherit;
-    }
-
+    color: #646A73;
+    font-size: 20px;
+    padding: 4px;
+    border-radius: 4px;
     &:focus,
     &:hover {
-      .#{$namespace}-dialog__close {
-        color: getCssVar('color', 'primary');
-      }
+      background: rgba(31, 35, 41, 0.10);
+    }
+    &:active {
+      background: rgba(31, 35, 41, 0.20);
     }
   }
 

package/theme-chalk/src/form.scss

@@ -179,6 +179,11 @@ $form-item-label-top-margin-bottom: map.merge(
     line-height: 1;
     padding-top: #{map.get($form-item-error-padding-top, 'default')};
     position: absolute;
+    font-family: PingFang SC;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
     top: 100%;
     left: 0;
 

package/theme-chalk/src/input.scss

@@ -287,12 +287,16 @@
       @if $slot == prefix {
         > :last-child {
           margin-right: 8px;
+          &.#{$namespace}-input__icon {
+            font-size: 16px;
+          }
         }
 
         > :first-child {
           &,
           &.#{$namespace}-input__icon {
             margin-left: 0;
+            font-size: 16px;
           }
         }
       } @else {

package/theme-chalk/src/select.scss

@@ -95,7 +95,7 @@
 
   &:hover:not(.#{$namespace}-select--disabled) {
     .#{$namespace}-input__wrapper {
-      box-shadow: 0 0 0 1px getCssVar('select-border-color-hover') inset;
+      box-shadow: 0 0 0 1px getCssVar('select-input-focus-border-color') inset;
     }
   }
 
@@ -125,11 +125,15 @@
 
     & .#{$namespace}-select__caret {
       color: getCssVar('select-input-color');
-      font-size: getCssVar('select-input-font-size');
+      font-size: 16px;
       transition: transform getCssVar('transition-duration');
       transform: rotateZ(0deg);
       cursor: pointer;
 
+      &:hover {
+        color: getCssVar('select-input-focus-border-color');
+      }
+
       @include when(reverse) {
         transform: rotateZ(-180deg);
       }

package/theme-chalk/src/tree.scss

@@ -12,6 +12,7 @@
   cursor: default;
   background: getCssVar('fill-color', 'blank');
   color: getCssVar('tree-text-color');
+  
 
   @include e(empty-block) {
     position: relative;
@@ -37,12 +38,24 @@
     height: 1px;
     background-color: getCssVar('color-primary');
   }
+
+  @include when(effect) {
+    background: #292929;
+    .#{$namespace}-tree-node__content {
+      &:hover,
+      &:focus {
+        background-color: rgba(255, 255, 255, 0.1) !important;
+      }
+    }
+  }
 }
 
 @include b(tree-node) {
   white-space: nowrap;
   outline: none;
-  &:focus {
+ 
+
+  &:not(.is-effect):focus {
     /* focus */
     > .#{$namespace}-tree-node__content {
       position: relative;
@@ -50,11 +63,7 @@
       background-color: getCssVar('tree-node-hover-bg-color');
     }
 
-    > .#{$namespace}-tree-node__content.is-menu {
-      background: rgba(51, 112, 255, 0.1);
-      border-radius: 4px;
-      font-weight: 500;
-    }
+    
   }
 
   @include when(drop-inner) {
@@ -175,6 +184,13 @@
   background-color: getCssVar('color-primary-light-9');
 }
 .#{$namespace}-tree-node.is-current {
+  &.is-menu {
+    & > :nth-child(1) {
+      background: rgba(51, 112, 255, 0.1);
+      border-radius: 4px;
+      font-weight: 500;
+    }
+    }
   & > .#{$namespace}-tree-node__content:not(.is-menu) {
     position: relative;
   }