element-sim 1.1.18 → 1.1.20

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

@@ -49,9 +49,11 @@ $--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;
 $--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;
 $--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;
 /// color|1|Font Color|2
-$--color-text-primary: #272E3B !default;
+// $--color-text-primary: #272E3B !default;
+$--color-text-primary: #1D2129 !default;
 /// color|1|Font Color|2
-$--color-text-regular: #4E5969 !default;
+// $--color-text-regular: #4E5969 !default;
+$--color-text-regular: #272E3B !default;
 /// color|1|Font Color|2
 $--color-text-secondary: #6B7785 !default;
 /// color|1|Font Color|2
@@ -83,7 +85,7 @@ $--border-style-base: solid !default;
 $--border-color-hover: $--color-text-placeholder !default;
 $--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
 /// borderRadius|1|Radius|0
-$--border-radius-base: 4px !default;
+$--border-radius-base: 2px !default;
 /// borderRadius|1|Radius|0
 $--border-radius-small: 2px !default;
 /// borderRadius|1|Radius|0
@@ -368,8 +370,9 @@ $--messagebox-danger-color: $--color-danger !default;
 -------------------------- */
 $--message-shadow: $--box-shadow-base !default;
 $--message-min-width: 380px !default;
+$--message-max-width: 330px !default;
 $--message-background-color: #ffffff !default;
-$--message-padding: 15px 15px 15px 20px !default;
+$--message-padding: 15px 16px 15px 20px !default;
 /// color||Color|0
 $--message-close-icon-color: $--color-text-placeholder !default;
 /// height||Other|4
@@ -428,7 +431,7 @@ $--input-font-size: $--font-size-base !default;
 /// color||Color|0
 $--input-font-color: $--color-text-regular !default;
 /// height||Other|4
-$--input-height: 40px !default;
+$--input-height: 36px !default;
 $--input-border: $--border-base !default;
 $--input-border-color: $--border-color-base !default;
 /// borderRadius||Border|2
@@ -456,9 +459,9 @@ $--input-disabled-color: $--disabled-color-base !default;
 $--input-disabled-placeholder-color: $--color-text-placeholder !default;
 
 /// fontSize||Font|1
-$--input-medium-font-size: 14px !default;
+$--input-medium-font-size: 16px !default;
 /// height||Other|4
-$--input-medium-height: 36px !default;
+$--input-medium-height: 40px !default;
 /// fontSize||Font|1
 $--input-small-font-size: 13px !default;
 /// height||Other|4
@@ -515,16 +518,16 @@ $--button-font-weight: $--font-weight-primary !default;
 /// borderRadius||Border|2
 $--button-border-radius: $--border-radius-base !default;
 /// padding||Spacing|3
-$--button-padding-vertical: 12px !default;
+$--button-padding-vertical: 10px !default;
 /// padding||Spacing|3
 $--button-padding-horizontal: 20px !default;
 
 /// fontSize||Font|1
-$--button-medium-font-size: $--font-size-base !default;
+$--button-medium-font-size: $--font-size-medium !default;
 /// borderRadius||Border|2
 $--button-medium-border-radius: $--border-radius-base !default;
 /// padding||Spacing|3
-$--button-medium-padding-vertical: 10px !default;
+$--button-medium-padding-vertical: 11px !default;
 /// padding||Spacing|3
 $--button-medium-padding-horizontal: 20px !default;
 

package/packages/theme-chalk/src/dialog.scss

@@ -61,7 +61,7 @@
   @include e(title) {
     line-height: $--dialog-font-line-height;
     font-size: $--dialog-title-font-size;
-    color: $--color-text-primary;
+    color: $--color-black;
   }
 
   @include e(body) {
@@ -76,7 +76,7 @@
     padding-top: 19px;
     text-align: right;
     box-sizing: border-box;
-    border-top: 1px solid #F2F3F5;
+    // border-top: 1px solid #F2F3F5;
   }
 
   // 内容居中布局

package/packages/theme-chalk/src/drawer.scss

@@ -138,7 +138,7 @@ $directions: rtl, ltr, ttb, btt;
 
   &__header {
     align-items: center;
-    color: rgb(114, 118, 123);
+    color: $--color-black;
     display: flex;
     margin-bottom: 10px;
     padding: $--dialog-padding-primary;
@@ -159,9 +159,16 @@ $directions: rtl, ltr, ttb, btt;
   &__close-btn {
     border: none;
     cursor: pointer;
-    font-size: $--font-size-extra-large;
+    // font-size: $--font-size-extra-large;
     color: inherit;
     background-color: transparent;
+    font-size: $--message-close-size;
+
+    &:focus, &:hover {
+      .el-dialog__close {
+        color: $--color-primary;
+      }
+    }
   }
 
   &__body {

package/packages/theme-chalk/src/form.scss

@@ -36,7 +36,7 @@
   }
 }
 @include b(form-item) {
-  margin-bottom: 22px;
+  margin-bottom: 32px;
   @include utils-clearfix;
 
   & .el-form-item {
@@ -99,7 +99,7 @@
     font-size: $--form-label-font-size;
     color: $--color-text-regular;
     line-height: 40px;
-    padding: 0 12px 0 0;
+    padding: 0 8px 0 0;
     box-sizing: border-box;
   }
   @include e(content) {

package/packages/theme-chalk/src/menu.scss

@@ -46,7 +46,7 @@
   background-color: $--menu-background-color;
   @include utils-clearfix;
   &.el-menu--horizontal {
-    border-bottom: solid 1px #e6e6e6;
+    border-bottom: solid 1px $--border-color-lighter;
   }
 
   @include m(horizontal) {

package/packages/theme-chalk/src/message-box.scss

@@ -98,7 +98,7 @@
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
-    font-size: 24px !important;
+    font-size: 18px !important;
 
     &::before {
       // 防止图标切割
@@ -106,7 +106,7 @@
     }
 
     + .el-message-box__message {
-      padding-left: 36px;
+      padding-left: 30px;
       padding-right: 12px;
     }
 

package/packages/theme-chalk/src/message.scss

@@ -2,12 +2,13 @@
 @import "common/var";
 
 @include b(message) {
-  min-width: $--message-min-width;
+  // min-width: $--message-min-width;
+  max-width: $--message-max-width;
   box-sizing: border-box;
   border-radius: $--border-radius-base;
-  border-width: $--border-width-base;
-  border-style: $--border-style-base;
-  border-color: $--border-color-lighter;
+  // border-width: $--border-width-base;
+  // border-style: $--border-style-base;
+  // border-color: $--border-color-lighter;
   position: fixed;
   left: 50%;
   top: 96px;
@@ -41,8 +42,8 @@
   }
 
   @include m(success) {
-    background-color: $--message-background-color;
-    border-color: $--message-background-color;
+    // background-color: $--color-success-lighter;
+    // border-color: $--color-success-light;
 
     .el-message__content {
       color: $--message-success-font-color;
@@ -50,8 +51,8 @@
   }
 
   @include m(warning) {
-    background-color: $--message-background-color;
-    border-color: $--message-background-color;
+    // background-color: $--color-warning-lighter;
+    // border-color: $--color-warning-light;
 
     .el-message__content {
       color: $--message-warning-font-color;
@@ -59,8 +60,8 @@
   }
 
   @include m(error) {
-    background-color: $--message-background-color;
-    border-color: $--message-background-color;
+    // background-color: $--color-danger-lighter;
+    // border-color: $--color-danger-light;
 
     .el-message__content {
       color: $--message-danger-font-color;

package/packages/theme-chalk/src/radio.scss

@@ -132,6 +132,13 @@
         &::after {
           transform: translate(-50%, -50%) scale(1);
         }
+        &:hover {
+          border-color: $--radio-input-border-color-hover;
+          &::after {
+            background-color: $--color-white;
+            transform: translate(-50%, -50%) scale(1);
+          }
+        }
       }
 
       & + .el-radio__label {
@@ -156,10 +163,6 @@
     display: inline-block;
     box-sizing: border-box;
 
-    &:hover {
-      border-color: $--radio-input-border-color-hover;
-    }
-
     &::after {
       width: 4px;
       height: 4px;
@@ -172,6 +175,18 @@
       transform: translate(-50%, -50%) scale(0);
       transition: transform .15s ease-in;
     }
+
+    &:hover {
+      border-color: $--radio-input-border-color-hover;
+      width: $--radio-input-width;
+      height: $--radio-input-height;
+      &::after {
+        width: 4px;
+        height: 4px;
+        background-color: $--radio-input-border-color-hover;
+        transform: translate(-50%, -50%) scale(1);
+      }
+    }
   }
 
   @include e(original) {

package/packages/theme-chalk/src/table.scss

@@ -214,6 +214,10 @@
       margin-right: 5px;
       vertical-align: middle;
     }
+
+    &:first-child .cell {
+      padding-left: 24px;
+    }
   }
 
   td.el-table__cell {
@@ -224,6 +228,10 @@
     &.gutter {
       width: 0;
     }
+
+    &:first-child .cell {
+      padding-left: 24px;
+    }
   }
 
   .cell {

package/src/index.js

@@ -212,7 +212,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '1.1.17',
+  version: '1.1.19',
   locale: locale.use,
   i18n: locale.i18n,
   install,