element-sim 1.1.4 → 1.1.6

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

@@ -158,7 +158,7 @@
       }
 
       & + .el-checkbox__label {
-        // color: $--checkbox-checked-font-color;
+        color: $--checkbox-checked-font-color;
       }
     }
     @include when(focus) { /*focus时 视觉上区分*/
@@ -168,19 +168,19 @@
     }
     @include when(indeterminate) {
       .el-checkbox__inner {
-        background-color: $--checkbox-background-color;
-        border-color: $--border-color-base;
+        background-color: $--checkbox-checked-background-color;
+        border-color: $--checkbox-checked-input-border-color;
 
         &::before {
           content: '';
           position: absolute;
           display: block;
-          background-color: $--color-primary;
-          height: 8.75px;
-          width: 8.75px;
-          transform: translate(-50%, -50%);
-          left: 50%;
-          top: 50%;
+          background-color: $--checkbox-checked-icon-color;
+          height: 2px;
+          transform: scale(0.5);
+          left: 0;
+          right: 0;
+          top: 5px;
         }
 
         &::after {

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

@@ -16,11 +16,11 @@ $--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;
 /* Color
 -------------------------- */
 /// color|1|Brand Color|0
-$--color-primary: #2163FC !default;
+$--color-primary: #409EFF !default;
 /// color|1|Background Color|4
 $--color-white: #FFFFFF !default;
 /// color|1|Background Color|4
-$--color-black: #1D2129 !default;
+$--color-black: #000000 !default;
 $--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
 $--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
 $--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
@@ -31,13 +31,13 @@ $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /
 $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
 $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
 /// color|1|Functional Color|1
-$--color-success: #00B42A !default;
+$--color-success: #67C23A !default;
 /// color|1|Functional Color|1
-$--color-warning: #FF7D00 !default;
+$--color-warning: #E6A23C !default;
 /// color|1|Functional Color|1
-$--color-danger: #F53F3F !default;
+$--color-danger: #F56C6C !default;
 /// color|1|Functional Color|1
-$--color-info: #6B7785 !default;
+$--color-info: #909399 !default;
 
 $--color-success-light: mix($--color-white, $--color-success, 80%) !default;
 $--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
@@ -49,27 +49,25 @@ $--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: #303133 !default;
 /// color|1|Font Color|2
-$--color-text-regular: #4E5969 !default;
+$--color-text-regular: #606266 !default;
 /// color|1|Font Color|2
-$--color-text-secondary: #6B7785 !default;
+$--color-text-secondary: #909399 !default;
 /// color|1|Font Color|2
-$--color-text-placeholder: #A9AEB8 !default;
-/// color|1|Font Color|2
-$--color-text-gray: #A9AEB8 !default;
+$--color-text-placeholder: #C0C4CC !default;
 /// color|1|Border Color|3
-$--border-color-base: #C9CDD4 !default;
+$--border-color-base: #DCDFE6 !default;
 /// color|1|Border Color|3
-$--border-color-light: #E5E6EB !default;
+$--border-color-light: #E4E7ED !default;
 /// color|1|Border Color|3
-$--border-color-lighter: #F2F3F5 !default;
+$--border-color-lighter: #EBEEF5 !default;
 /// color|1|Border Color|3
-$--border-color-extra-light: #F7F8FA !default;
+$--border-color-extra-light: #F2F6FC !default;
 
 // Background
 /// color|1|Background Color|4
-$--background-color-base: #F2F3F5 !default;
+$--background-color-base: #F5F7FA !default;
 
 /* Link
 -------------------------- */
@@ -80,10 +78,10 @@ $--link-hover-color: $--color-primary !default;
 -------------------------- */
 $--border-width-base: 1px !default;
 $--border-style-base: solid !default;
-$--border-color-hover: $--color-primary !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: 2px !default;
+$--border-radius-base: 4px !default;
 /// borderRadius|1|Radius|0
 $--border-radius-small: 2px !default;
 /// borderRadius|1|Radius|0
@@ -156,7 +154,7 @@ $--checkbox-font-size: 14px !default;
 /// fontWeight||Font|1
 $--checkbox-font-weight: $--font-weight-primary !default;
 /// color||Color|0
-$--checkbox-font-color: $--color-text-primary !default;
+$--checkbox-font-color: $--color-text-regular !default;
 $--checkbox-input-height: 14px !default;
 $--checkbox-input-width: 14px !default;
 /// borderRadius||Border|2
@@ -243,7 +241,7 @@ $--radio-disabled-checked-input-fill: $--disabled-fill-base !default;
 $--radio-disabled-checked-icon-color: $--color-text-placeholder !default;
 
 /// color||Color|0
-$--radio-checked-font-color: $--color-text-primary !default;
+$--radio-checked-font-color: $--color-primary !default;
 /// color||Color|0
 $--radio-checked-input-border-color: $--color-primary !default;
 /// color||Color|0
@@ -280,7 +278,7 @@ $--radio-button-disabled-checked-fill: $--border-color-extra-light !default;
 
 /* Select
 -------------------------- */
-$--select-border-color-hover: $--color-primary !default;
+$--select-border-color-hover: $--border-color-hover !default;
 $--select-disabled-border: $--disabled-border-base !default;
 /// fontSize||Font|1
 $--select-font-size: $--font-size-base !default;
@@ -347,7 +345,7 @@ $--messagebox-title-color: $--color-text-primary !default;
 $--msgbox-width: 420px !default;
 $--msgbox-border-radius: 4px !default;
 /// fontSize||Font|1
-$--messagebox-font-size: $--font-size-medium !default;
+$--messagebox-font-size: $--font-size-large !default;
 /// fontSize||Font|1
 $--messagebox-content-font-size: $--font-size-base !default;
 /// color||Color|0
@@ -368,7 +366,7 @@ $--messagebox-danger-color: $--color-danger !default;
 -------------------------- */
 $--message-shadow: $--box-shadow-base !default;
 $--message-min-width: 380px !default;
-$--message-background-color: $--color-white !default;
+$--message-background-color: #edf2fc !default;
 $--message-padding: 15px 15px 15px 20px !default;
 /// color||Color|0
 $--message-close-icon-color: $--color-text-placeholder !default;
@@ -426,7 +424,7 @@ $--notification-danger-icon-color: $--color-danger !default;
 -------------------------- */
 $--input-font-size: $--font-size-base !default;
 /// color||Color|0
-$--input-font-color: $--color-text-primary !default;
+$--input-font-color: $--color-text-regular !default;
 /// height||Other|4
 $--input-height: 40px !default;
 $--input-border: $--border-base !default;
@@ -460,7 +458,7 @@ $--input-medium-font-size: 14px !default;
 /// height||Other|4
 $--input-medium-height: 36px !default;
 /// fontSize||Font|1
-$--input-small-font-size: 14px !default;
+$--input-small-font-size: 13px !default;
 /// height||Other|4
 $--input-small-height: 32px !default;
 /// fontSize||Font|1
@@ -480,7 +478,7 @@ $--cascader-menu-radius: $--border-radius-base !default;
 $--cascader-menu-border: solid 1px $--border-color-light !default;
 $--cascader-menu-shadow: $--box-shadow-light !default;
 $--cascader-node-background-hover: $--background-color-base !default;
-$--cascader-node-color-disabled: $--border-color-base !default;
+$--cascader-node-color-disabled:$--color-text-placeholder !default;
 $--cascader-color-empty:$--color-text-placeholder !default;
 $--cascader-tag-background: #f0f2f5;
 
@@ -529,15 +527,15 @@ $--button-medium-padding-vertical: 10px !default;
 $--button-medium-padding-horizontal: 20px !default;
 
 /// fontSize||Font|1
-$--button-small-font-size: $--font-size-base !default;
-$--button-small-border-radius: $--border-radius-base !default;
+$--button-small-font-size: 12px !default;
+$--button-small-border-radius: #{$--border-radius-base - 1} !default;
 /// padding||Spacing|3
 $--button-small-padding-vertical: 9px !default;
 /// padding||Spacing|3
 $--button-small-padding-horizontal: 15px !default;
 /// fontSize||Font|1
-$--button-mini-font-size: $--font-size-small !default;
-$--button-mini-border-radius: $--border-radius-base !default;
+$--button-mini-font-size: 12px !default;
+$--button-mini-border-radius: #{$--border-radius-base - 1} !default;
 /// padding||Spacing|3
 $--button-mini-padding-vertical: 7px !default;
 /// padding||Spacing|3
@@ -615,15 +613,15 @@ $--switch-button-size: 16px !default;
 /* Dialog
 -------------------------- */
 $--dialog-background-color: $--color-white !default;
-$--dialog-box-shadow: 0px 12px 48px 16px rgba(0,0,0,0.03), 0px 9px 28px 0px rgba(0,0,0,0.05), 0px 6px 16px -8px rgba(0,0,0,0.08) !default;
+$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
 /// fontSize||Font|1
-$--dialog-title-font-size: $--font-size-medium !default;
+$--dialog-title-font-size: $--font-size-large !default;
 /// fontSize||Font|1
 $--dialog-content-font-size: 14px !default;
 /// fontLineHeight||LineHeight|2
 $--dialog-font-line-height: $--font-line-height-primary !default;
 /// padding||Spacing|3
-$--dialog-padding-primary: 17px 16px !default;
+$--dialog-padding-primary: 20px !default;
 
 /* Table
 -------------------------- */
@@ -635,21 +633,21 @@ $--table-font-color: $--color-text-regular !default;
 /// color||Color|0
 $--table-header-font-color: $--color-text-secondary !default;
 /// color||Color|0
-$--table-row-hover-background-color: $--border-color-extra-light !default;
+$--table-row-hover-background-color: $--background-color-base !default;
 $--table-current-row-background-color: $--color-primary-light-9 !default;
 /// color||Color|0
-$--table-header-background-color: $--background-color-base !default;
+$--table-header-background-color: $--color-white !default;
 $--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;
 
 /* Pagination
 -------------------------- */
 /// fontSize||Font|1
-$--pagination-font-size: 14px !default;
+$--pagination-font-size: 13px !default;
 /// color||Color|0
 $--pagination-background-color: $--color-white !default;
 /// color||Color|0
 $--pagination-font-color: $--color-text-primary !default;
-$--pagination-border-radius: 2px !default;
+$--pagination-border-radius: 3px !default;
 /// color||Color|0
 $--pagination-button-color: $--color-text-primary !default;
 /// height||Other|4
@@ -730,8 +728,8 @@ $--tree-expand-icon-color: $--color-text-placeholder !default;
 /* Dropdown
 -------------------------- */
 $--dropdown-menu-box-shadow: $--box-shadow-light !default;
-$--dropdown-menuItem-hover-fill: $--background-color-base !default;
-$--dropdown-menuItem-hover-color: $--color-text-secondary !default;
+$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;
+$--dropdown-menuItem-hover-color: $--link-color !default;
 
 /* Badge
 -------------------------- */

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

@@ -7,7 +7,7 @@
   position: relative;
   margin: 0 auto 50px;
   background: $--dialog-background-color;
-  border-radius: 4px;
+  border-radius: $--border-radius-small;
   box-shadow: $--dialog-box-shadow;
   box-sizing: border-box;
   width: 50%;
@@ -32,16 +32,14 @@
 
   @include e(header) {
     padding: $--dialog-padding-primary;
-    border: 1px solid $--border-color-lighter;
-    position: relative;
+    padding-bottom: 10px;
   }
 
   @include e(headerbtn) {
     position: absolute;
-    top: 50%;
-    right: 16px;
+    top: $--dialog-padding-primary;
+    right: $--dialog-padding-primary;
     padding: 0;
-    transform: translateY(-50%);
     background: transparent;
     border: none;
     outline: none;
@@ -62,12 +60,12 @@
   @include e(title) {
     line-height: $--dialog-font-line-height;
     font-size: $--dialog-title-font-size;
-    color: $--color-black;
+    color: $--color-text-primary;
   }
 
   @include e(body) {
-    padding: 16px;
-    color: $--color-text-primary;
+    padding: ($--dialog-padding-primary + 10px) $--dialog-padding-primary;
+    color: $--color-text-regular;
     font-size: $--dialog-content-font-size;
     word-break: break-all;
   }

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

@@ -6,7 +6,7 @@
 @include b(dropdown) {
   display: inline-block;
   position: relative;
-  color: $--color-text-primary;
+  color: $--color-text-regular;
   font-size: $--font-size-base;
 
   .el-button-group {

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

@@ -36,7 +36,7 @@
   }
 }
 @include b(form-item) {
-  margin-bottom: 36px;
+  margin-bottom: 22px;
   @include utils-clearfix;
 
   & .el-form-item {
@@ -54,12 +54,6 @@
     .el-form-item__content {
       line-height: 36px;
     }
-    .el-form-item__error {
-      font-size: 14px;
-    }
-    &.el-form-item {
-      margin-bottom: 32px;
-    }
   }
   @include m(small) {
     .el-form-item__label {
@@ -69,10 +63,10 @@
       line-height: 32px;
     }
     &.el-form-item {
-      margin-bottom: 32px;
+      margin-bottom: 18px;
     }
     .el-form-item__error {
-      padding-top: 6px;
+      padding-top: 2px;
     }
   }
   @include m(mini) {
@@ -83,10 +77,10 @@
       line-height: 28px;
     }
     &.el-form-item {
-      margin-bottom: 32px;
+      margin-bottom: 18px;
     }
     .el-form-item__error {
-      padding-top: 6px;
+      padding-top: 1px;
     }
   }
 
@@ -122,7 +116,7 @@
     color: $--color-danger;
     font-size: 12px;
     line-height: 1;
-    padding-top: 6px;
+    padding-top: 4px;
     position: absolute;
     top: 100%;
     left: 0;

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

@@ -129,7 +129,7 @@
     }
 
     &:hover {
-      border-color: $--link-hover-color;
+      border-color: $--input-hover-border;
     }
 
     &:focus {

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

@@ -5,12 +5,12 @@
   min-width: $--message-min-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;
+  top: 20px;
   transform: translateX(-50%);
   background-color: $--message-background-color;
   transition: opacity 0.3s, transform .4s, top 0.4s;
@@ -18,7 +18,6 @@
   padding: $--message-padding;
   display: flex;
   align-items: center;
-  box-shadow: 0px 12px 48px 16px rgba(0,0,0,0.03), 0px 9px 28px 0px rgba(0,0,0,0.05), 0px 6px 16px -8px rgba(0,0,0,0.08);
 
   @include when(center) {
     justify-content: center;
@@ -41,8 +40,8 @@
   }
 
   @include m(success) {
-    // background-color: $--color-success-lighter;
-    // border-color: $--color-success-light;
+    background-color: $--color-success-lighter;
+    border-color: $--color-success-light;
 
     .el-message__content {
       color: $--message-success-font-color;
@@ -50,8 +49,8 @@
   }
 
   @include m(warning) {
-    // background-color: $--color-warning-lighter;
-    // border-color: $--color-warning-light;
+    background-color: $--color-warning-lighter;
+    border-color: $--color-warning-light;
 
     .el-message__content {
       color: $--message-warning-font-color;
@@ -59,8 +58,8 @@
   }
 
   @include m(error) {
-    // background-color: $--color-danger-lighter;
-    // border-color: $--color-danger-light;
+    background-color: $--color-danger-lighter;
+    border-color: $--color-danger-light;
 
     .el-message__content {
       color: $--message-danger-font-color;

package/packages/theme-chalk/src/mixins/_button.scss

@@ -61,8 +61,8 @@
     &:focus,
     &:active {
       color: $--color-white;
-      background-color: mix($background-color, $--color-white, 40%);
-      border-color: mix($border-color, $--color-white, 40%);
+      background-color: mix($background-color, $--color-white);
+      border-color: mix($border-color, $--color-white);
     }
   }
 

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

@@ -30,7 +30,7 @@
 
     &.selected {
       color: $--select-option-selected-font-color;
-      font-weight: 400;
+      font-weight: bold;
     }
   }
 }

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

@@ -7,7 +7,7 @@
   white-space: nowrap;
   padding: 2px 5px;
   color: $--pagination-font-color;
-  font-weight: 400;
+  font-weight: bold;
   @include utils-clearfix;
 
   span:not([class*=suffix]),
@@ -194,10 +194,9 @@
     .btn-next,
     .el-pager li {
       margin: 0 5px;
-      background-color: $--color-white;
-      color: $--color-text-placeholder;
+      background-color: $--color-info-lighter;
+      color: $--color-text-regular;
       min-width: 30px;
-      border: 1px solid $--border-color-light;
       border-radius: 2px;
 
       &.disabled {
@@ -211,32 +210,16 @@
       &:disabled {
         color: $--color-text-placeholder;
       }
-      
-      &:hover {
-        color: $--pagination-hover-color;
-        background: rgba(33,99,252,0.08);
-      }
-      
-      &:active {
-        background: rgba(33,99,252,0.16);
-      }
     }
 
     .el-pager li:not(.disabled) {
       &:hover {
         color: $--pagination-hover-color;
-        background: rgba(33,99,252,0.08);
-      }
-
-      &:active {
-        background: rgba(33,99,252,0.16);
       }
 
       &.active {
-        background-color: $--color-white;
-        border: 1px solid $--color-primary;
-        font-weight: 400;
-        color: $--color-primary;
+        background-color: $--color-primary;
+        color: $--color-white;
       }
     }
 

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

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

package/packages/theme-chalk/src/select-dropdown.scss

@@ -19,7 +19,6 @@
     & .el-select-dropdown__item.selected {
       color: $--select-option-selected-font-color;
       background-color: $--select-dropdown-background;
-      font-weight: 400;
 
       &.hover {
         background-color: $--select-option-hover-background;

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

@@ -115,13 +115,10 @@
         background: $--background-color-base;
       }
     }
-    th:nth-last-of-type(2) >.cell{  
-      padding-right: 24px;
-    }
   }
 
   .el-table__cell {
-    padding: 17px 0;
+    padding: 12px 0;
     min-width: 0;
     box-sizing: border-box;
     text-overflow: ellipsis;
@@ -151,27 +148,23 @@
     }
   }
 
-  th.el-table__cell {
-    padding: 15px 0;
-  }
-
   @include m(medium) {
     .el-table__cell {
-      padding: 14px 0;
+      padding: 10px 0;
     }
   }
 
   @include m(small) {
     font-size: 12px;
     .el-table__cell {
-      padding: 12px 0;
+      padding: 8px 0;
     }
   }
 
   @include m(mini) {
     font-size: 12px;
     .el-table__cell {
-      padding: 10px 0;
+      padding: 6px 0;
     }
   }
 
@@ -181,10 +174,6 @@
     input[type="checkbox"] {
       margin: 0;
     }
-    td:first-child >.cell, th:first-child >.cell {
-      padding-left: 24px;
-      padding-right: 22px;
-    }
   }
 
   th.el-table__cell.is-leaf,
@@ -206,18 +195,14 @@
       box-sizing: border-box;
       position: relative;
       vertical-align: middle;
-      // padding-left: 10px;
-      padding-right: 50px;
-      line-height: 20px;
+      padding-left: 10px;
+      padding-right: 10px;
       width: 100%;
 
       &.highlight {
         color: $--color-primary;
       }
     }
-    &:last-of-type .cell{
-        padding-right: 24px;
-    }
 
     &.required > div::before {
       display: inline-block;
@@ -247,10 +232,9 @@
     text-overflow: ellipsis;
     white-space: normal;
     word-break: break-all;
-    line-height: 22px;
-    height: 22px;
-    // padding-left: 10px;
-    padding-right: 24px;
+    line-height: 23px;
+    padding-left: 10px;
+    padding-right: 10px;
 
     &.el-tooltip {
       white-space: nowrap;

package/src/index.js

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

package/types/index.d.ts

@@ -1,4 +1,4 @@
 export * from './element-sim'
 
-import * as ElementSIM from './element-sim'
-export default ElementSIM
+import * as ElementUI from './element-sim'
+export default ElementUI