eoss 0.1.0-alpha.20 → 0.1.0-alpha.21

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

@@ -0,0 +1,45 @@
+@import "mixins/mixins";
+@import "common/var";
+
+@include b(empty) {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  text-align: center;
+  box-sizing: border-box;
+  padding: $--empty-padding;
+
+  @include e(image) {
+    width: $--empty-image-width;
+
+    img {
+      user-select: none;
+      width: 100%;
+      height: 100%;
+      vertical-align: top;
+      object-fit: contain;
+    }
+
+    svg {
+      fill: $--svg-monochrome-grey;
+      width: 100%;
+      height: 100%;
+      vertical-align: top;
+    }
+  }
+
+  @include e(description) {
+    margin-top: $--empty-description-margin-top;
+
+    p {
+      margin: 0;
+      font-size: $--font-size-base;
+      color: $--color-text-secondary;
+    }
+  }
+
+  @include e(bottom) {
+    margin-top: $--empty-bottom-margin-top;
+  }
+}

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

@@ -121,9 +121,6 @@
     &.es-form-item {
       margin-bottom: 18px;
     }
-    .es-form-item__error {
-      padding-top: 2px;
-    }
   }
   @include m(mini) {
     .es-form-item__label {
@@ -137,9 +134,6 @@
     &.es-form-item {
       margin-bottom: 18px;
     }
-    .es-form-item__error {
-      padding-top: 1px;
-    }
   }
 
   @include e(label-wrap) {
@@ -187,8 +181,7 @@
     padding-top: 4px;
     position: absolute;
     left: 0;
-    bottom: 0;
-    transform: translateY(100%);
+    bottom: -16px;
 
     @include m(inline) {
       position: relative;

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

@@ -24,6 +24,34 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.es-icon-stretch:before {
+  content: "\e7aa";
+}
+
+.es-icon-lashen:before {
+  content: "\e7ab";
+}
+
+.es-icon-zujian:before {
+  content: "\e652";
+}
+
+.es-icon-template:before {
+  content: "\e61c";
+}
+
+.es-icon-page:before {
+  content: "\e634";
+}
+
+.es-icon-component:before {
+  content: "\e7a9";
+}
+
+.es-icon-morenyingyong:before {
+  content: "\e61d";
+}
+
 .es-icon-quanbuyingyong:before {
   content: "\e61b";
 }
@@ -1682,4 +1710,5 @@
 
 .es-icon-solid-huiyi:before {
   content: "\e664";
-}
+}
+

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

@@ -35,6 +35,7 @@
 @import "./dropdown-item.scss";
 @import "./dropdown-menu.scss";
 @import "./email-login.scss";
+@import "./empty.scss";
 @import "./flip.scss";
 @import "./flow.scss";
 @import "./flow-group.scss";
@@ -51,6 +52,7 @@
 @import "./link.scss";
 @import "./loading.scss";
 @import "./login.scss";
+@import "./lowcode.scss";
 @import "./main.scss";
 @import "./marquee.scss";
 @import "./menu-item.scss";

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

@@ -70,7 +70,6 @@
   }
 
   @include m(large) {
-    width: 200px;
     line-height: #{$--input-large-height - 2};
 
     @include e((increase, decrease)) {
@@ -85,7 +84,6 @@
   }
 
   @include m(medium) {
-    width: 200px;
     line-height: #{$--input-medium-height - 2};
 
     @include e((increase, decrease)) {
@@ -100,7 +98,6 @@
   }
 
   @include m(small) {
-    width: 130px;
     line-height: #{$--input-small-height - 2};
 
     @include e((increase, decrease)) {
@@ -119,7 +116,6 @@
   }
 
   @include m(mini) {
-    width: 130px;
     line-height: #{$--input-mini-height - 2};
 
     @include e((increase, decrease)) {

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

@@ -356,6 +356,11 @@
         padding-left: 24px;
       }
     }
+    .es-input-group__prepend,
+    .es-input-group__append {
+      padding: 0 14px;
+      line-height: $--input-small-height - 2px;
+    }
   }
   @include m(mini) {
     font-size: $--input-mini-font-size;
@@ -419,6 +424,9 @@
     .es-button {
       display: block;
       margin: -10px -20px;
+      &.es-button--small {
+        margin: 0 -14px;
+      }
     }
 
     button.es-button:not(.es-primeval),
@@ -429,6 +437,7 @@
       color: inherit;
       border-top: 0;
       border-bottom: 0;
+      box-shadow: none;
     }
 
     .es-button,

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

@@ -1,5 +1,6 @@
 @import 'common/var.scss';
 @import './mixins/mixins.scss';
+
 @include b(login) {
   height: 100%;
   width: 100%;
@@ -34,8 +35,9 @@
     }
   }
   @include e(main) {
-    width: 402px;
-    padding: 32px 32px 20px 32px;
+    width: $--login-width-base;
+    box-sizing: border-box;
+    padding: $--login-padding-base $--login-padding-base $--login-padding-base * 0.6 $--login-padding-base;
     display: flex;
     flex-direction: column;
     background-color: var(--login-bg-color, #fff);
@@ -49,15 +51,16 @@
       flex-direction: column-reverse;
     }
     @include when(large) {
-      width: 442px;
-      padding: 40px 40px 24px 40px;
+      width: $--login-width-large;
+      padding: $--login-padding-large $--login-padding-large $--login-padding-large *
+        0.5 $--login-padding-large;
       .es-login__title {
-        margin-bottom: 20px;
+        margin-bottom: 24px;
       }
       .es-login__name {
-        font-size: 24px;
-        line-height: 24px;
-        margin: 0 24px;
+        font-size: 28px;
+        line-height: 28px;
+        margin: 0 28px;
       }
       .es-login__space {
         height: 36px;
@@ -67,15 +70,15 @@
       }
     }
     @include when(medium) {
-      width: 362px;
-      padding: 24px 24px 16px 24px;
+      width: $--login-width-medium;
+      padding: $--login-padding-medium $--login-padding-medium $--login-padding-medium * 0.5 $--login-padding-medium;
       .es-login__title {
-        margin-bottom: 14px;
+        margin-bottom: 16px;
       }
       .es-login__name {
-        font-size: 18px;
-        line-height: 18px;
-        margin: 0 16px;
+        font-size: 20px;
+        line-height: 20px;
+        margin: 0 20px;
       }
       .es-login__space {
         height: 32px;
@@ -85,15 +88,15 @@
       }
     }
     @include when(small) {
-      width: 322px;
-      padding: 24px 24px 16px 24px;
+      width: $--login-width-small;
+      padding: $--login-padding-small $--login-padding-small $--login-padding-small * 0.5 $--login-padding-small;
       .es-login__title {
-        margin-bottom: 14px;
+        margin-bottom: 12px;
       }
       .es-login__name {
-        font-size: 14px;
-        line-height: 14px;
-        margin: 0 14px;
+        font-size: 16px;
+        line-height: 16px;
+        margin: 0 16px;
       }
       .es-login__menu {
         padding-top: 8px;
@@ -116,8 +119,8 @@
       }
     }
     @include when(mini) {
-      width: 280px;
-      padding: 20px 20px 10px 20px;
+      width: $--login-width-mini;
+      padding: $--login-padding-mini $--login-padding-mini $--login-padding-mini * 0.5 $--login-padding-mini;
       .es-login__title {
         margin-bottom: 12px;
       }
@@ -157,7 +160,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    padding-top: 20px;
+    padding-top: 12px;
   }
   @include e(menu-item) {
     cursor: pointer;
@@ -187,7 +190,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-bottom: 26px;
+    margin-bottom: 20px;
     &::before,
     &::after {
       content: '';
@@ -199,16 +202,16 @@
   }
   @include e(name) {
     color: $--color-primary;
-    font-size: 20px;
-    line-height: 20px;
+    font-size: 24px;
+    line-height: 24px;
     font-weight: 700;
-    margin: 0 20px;
+    margin: 0 24px;
   }
-  @include e(download-setup){
+  @include e(download-setup) {
     height: 16px;
     text-align: center;
     line-height: 16px;
-    @include m(link){
+    @include m(link) {
       color: #3a3a3a;
       font-size: 14px;
     }