eoss 0.1.0-alpha.21 → 0.1.0-alpha.22

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

@@ -245,7 +245,7 @@ $--font-color-base: #333333 !default;
 // 主要文字颜色
 $--font-color-primary: #333333 !default;
 // 次要文字颜色
-$--font-color-secondary: #666666 !default;
+$--font-color-secondary: #999999 !default;
 // 禁用文字颜色
 $--font-color-disable: rgba(209, 211, 219, 1) !default;
 // 边框颜色

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

@@ -6,8 +6,11 @@
   display: flex;
   flex-direction: column;
   padding-bottom: 12px;
-  justify-content: space-between;
+  //justify-content: space-between;
   padding: 20px;
+  .es-form-item {
+    margin-bottom: 16px !important;
+  }
   @include e(title) {
     font-size: 16px;
     line-height: 24px;
@@ -311,9 +314,9 @@
 .es-flow .form-left .es-form-item {
   margin-bottom: 22px !important;
 }
-.es-flow .es-info .es-form-item {
-  margin-bottom: 0px;
-}
+// .es-flow .es-info .es-form-item {
+//   margin-bottom: 0px;
+// }
 /* 设置滚动条的样式 */
 .es-flow .es-info::-webkit-scrollbar {
   width: 5px;

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

@@ -0,0 +1,141 @@
+@import 'mixins/mixins.scss';
+@import 'common/var.scss';
+
+// 组件样式
+@include b(flows) {
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 12px;
+  padding: 20px;
+  @include when(hide) {
+    padding: 0;
+  }
+  .es-form-item {
+    margin-bottom: 16px !important;
+  }
+  @include e(title) {
+    font-size: 16px;
+    line-height: 24px;
+    color: $--font-color-secondary;
+    padding-top: 4px;
+    padding-bottom: 20px;
+    border-bottom: 1px solid $--border-color-base;
+    position: relative;
+    @include m(node-name) {
+      color: $--font-color-primary;
+    }
+    @include m(shrink) {
+      position: absolute;
+      right: 0;
+      font-size: 18px;
+      color: $--font-color-secondary;
+      padding: 0;
+      cursor: pointer;
+    }
+  }
+  @include e(sub-title) {
+    font-size: 16px;
+    line-height: 24px;
+    color: $--font-color-primary;
+  }
+  @include e(opinion) {
+    display: flex;
+    padding-top: 24px;
+    padding-bottom: 16px;
+    justify-content: space-between;
+    align-items: center;
+  }
+  @include e(opinions) {
+    @include m(file) {
+      padding: 0;
+      border: 0;
+    }
+    @include m(group) {
+      position: relative;
+      .es-textarea {
+        .es-textarea__inner {
+          padding: 12px 16px 60px 16px;
+          &:focus {
+            box-shadow: none;
+          }
+        }
+        @include when(tips) {
+          .es-textarea__inner {
+            padding-bottom: 92px;
+          }
+        }
+      }
+      .es-form-item__label {
+        color: $--font-color-secondary;
+      }
+    }
+    @include m(group-assist) {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      padding: 0 16px 6px 16px;
+      .es-form-item {
+        margin-bottom: 0 !important;
+      }
+    }
+    @include m(tooltip) {
+      color: #b9bdc9;
+      padding-top: 8px;
+      padding-bottom: 9px;
+      font-size: 14px;
+      line-height: 22px;
+    }
+    @include m(tooltip-label) {
+      float: left;
+    }
+    @include m(tooltip-content) {
+      margin-left: 84px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    @include m(tag-box) {
+      border-top: $--border-base;
+      padding-top: 6px;
+      .es-form-item__content {
+        padding-right: 40px;
+      }
+    }
+    @include m(edit) {
+      position: absolute;
+      right: 0;
+    }
+    @include m(tag) {
+      margin-right: 8px;
+      cursor: pointer;
+    }
+    @include m(dropdown) {
+      position: absolute;
+      right: 20px;
+    }
+    @include m(add-form) {
+      .es-form-content {
+        padding-top: 21px;
+      }
+    }
+    @include m(file) {
+      height: 100%;
+    }
+  }
+  @include e(message) {
+    padding-top: 24px;
+  }
+  @include e(start-flow) {
+    padding-top: 24px;
+    @include m(select) {
+      .es-form-item__label {
+        font-size: 16px;
+        padding-bottom: 16px;
+        &::before {
+          content: none !important;
+        }
+      }
+    }
+  }
+}

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

@@ -88,7 +88,7 @@
   display: inline-block;
   @include utils-clearfix;
   @include when(last) {
-    margin-bottom: 0;
+    margin-bottom: 0 !important;
   }
 
   & .es-form-item {

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

@@ -38,6 +38,7 @@
 @import "./empty.scss";
 @import "./flip.scss";
 @import "./flow.scss";
+@import "./flows.scss";
 @import "./flow-group.scss";
 @import "./form.scss";
 @import "./form-item.scss";

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

@@ -415,6 +415,7 @@
     padding: 0 20px;
     width: 1px;
     white-space: nowrap;
+    line-height: 1;
 
     &:focus {
       outline: none;

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

@@ -58,7 +58,9 @@
         }
       }
     }
-
+    & .es-input__suffix-button {
+      margin-left: 8px;
+    }
     &.is-disabled {
       & .es-input__inner {
         cursor: not-allowed;

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

@@ -11,7 +11,7 @@
     border: 0;
   }
   @include e(input) {
-    position: absolute;
+    position: absolute !important;
     top: 0;
     left: 0;
     z-index: -1;

package/src/index.js

@@ -39,6 +39,7 @@ import EmailLogin from '../packages/email-login/index.js';
 import Empty from '../packages/empty/index.js';
 import Flip from '../packages/flip/index.js';
 import Flow from '../packages/flow/index.js';
+import Flows from '../packages/flows/index.js';
 import FlowGroup from '../packages/flow-group/index.js';
 import Form from '../packages/form/index.js';
 import FormItem from '../packages/form-item/index.js';
@@ -144,6 +145,7 @@ const components = [
   Empty,
   Flip,
   Flow,
+  Flows,
   FlowGroup,
   Form,
   FormItem,
@@ -242,7 +244,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '0.1.0-alpha.21',
+  version: '0.1.0-alpha.22',
   install,
   CollapseTransition,
   Loading,
@@ -285,6 +287,7 @@ export default {
   Empty,
   Flip,
   Flow,
+  Flows,
   FlowGroup,
   Form,
   FormItem,