element-assits 0.0.85 → 0.0.86

package/lib/style.scss

@@ -12,140 +12,44 @@ $--color-border-light: #E4E7ED !default;
 $--color-border-lighter: #EBEEF5 !default;
 $--color-border-extralight: #F2F6FC !default;
 $--background-color-base: #F5F7FA !default;
-// table
-.ea-table {
-  // 表格头部样式美化
-  .el-table {
-    transition: opacity 0.28s;
-    th {
-      background-color: $--background-color-base;
-      color: $--color-primary-text;
-      .cell {
-        min-height: 30px;
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-      }
-      &.is-center .cell { justify-content: center }
-      &.is-right .cell { justify-content: flex-end }
-    }
-    td, th {
-      .cell {
-        line-height: 1.2;
-      }
-    }
-    &.el-table--small {
-      td, th {
-        height: 50px;
-      }
-    }
-    &.is-dense {
-      td, th {
-        height: 32px;
-        padding: 2px 0;
-        .el-button {
-          padding-top: 0;
-          padding-bottom: 0;
-        }
-      }
-    }
-    &.is-unready {
-      opacity: 0;
-      .operation-column > div {
-        height: 32px;
-        overflow: hidden;
-      }
-      &.is-dense {
-        .operation-column > div {
-          height: 24px;
-        }
-      }
-    }
+.ea-select {
+  display: inline-block;
+  position: relative;
+  .el-select {
+    width: 100%;
   }
-  // 列的更多菜单项
-  .theader-th-cell {
-    .cell-icon-menu {
-      position: absolute;
-      top: 50%;
-      right: 4px;
-      transform: rotate(90deg) translateX(-50%);
-      color: $--color-placeholder-text;
-      cursor: pointer;
-      padding: 4px;
-      border-radius: 2px;
-      &:hover {
-        color: $--color-primary-text;
-        background-color: $--color-border-light;
-      }
-    }
+  .async-loading.el-icon-loading {
+    position: absolute;
+    top: 10px;
+    right: 28px;
+    color: #999;
   }
-  // 表格底部
-  .ea-table__footer {
+  .is-collapse-tags .el-select__tags > span > .el-tag:first-child {
+    min-width: 36px;
+    max-width: calc(100% - 80px);
+  }
+}
+.ea-select-popover {
+  .el-select-dropdown__item {
     display: flex;
     justify-content: space-between;
-    transition: opacity 0.28s;
-    .ea-table__footer-right {
-      margin-left: auto;
-      padding-right: 0;
-    }
-    > * {
-      margin-top: 12px;
+    .select-item-value {
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
-    &.is-unready {
-      opacity: 0;
+    .select-item-desc {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: #8492a6;
+      margin-left: 8px;
     }
   }
-
-  .column-transition-active {
-    opacity: 0.33;
-  }
-
-  .el-button > i {
-    min-width: 12px;
-  }
-
-  .more-btn > i{
-    transform: rotate(-90deg);
-  }
-}
-
-// table - popover
-.el-popover.ea-popover-no-padding {
-  padding: 8px 0;
-  min-width: 100px;
-  &.dense {
-    margin-top: 0px;
-    margin-bottom: 0px;
-    min-width: 70px;
-  }
-}
-
-.more-btn-panel {
-  &__item {
-    &:hover {
-      background-color: $--color-border-lighter;
-    }
-    .el-button {
-      padding: 8px 12px;
-      width: 100%;
-      text-align: left;
-    }
+  .tools {
+    padding: 0 20px;
+    margin-bottom: -5px;
   }
 }
 
-.ea-zoom-in-top-enter-active,
-.ea-zoom-in-top-leave-active {
-  opacity: 1;
-  transform: scaleY(1);
-  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
-  transform-origin: center top;
-}
-.ea-zoom-in-top-enter,
-.ea-zoom-in-top-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
-}
-
 .ea-data-table {
   .edt-row {
     display: flex;
@@ -185,44 +89,6 @@ $--background-color-base: #F5F7FA !default;
   }
 }
 
-.ea-select {
-  display: inline-block;
-  position: relative;
-  .el-select {
-    width: 100%;
-  }
-  .async-loading.el-icon-loading {
-    position: absolute;
-    top: 10px;
-    right: 28px;
-    color: #999;
-  }
-  .is-collapse-tags .el-select__tags > span > .el-tag:first-child {
-    min-width: 36px;
-    max-width: calc(100% - 80px);
-  }
-}
-.ea-select-popover {
-  .el-select-dropdown__item {
-    display: flex;
-    justify-content: space-between;
-    .select-item-value {
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-    .select-item-desc {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      color: #8492a6;
-      margin-left: 8px;
-    }
-  }
-  .tools {
-    padding: 0 20px;
-    margin-bottom: -5px;
-  }
-}
-
 .ea-button-tooltip + .ea-button-tooltip {
   margin-left: 10px;
 }
@@ -306,18 +172,6 @@ td {
   }
 }
 
-.ea-number .el-input__inner {
-  text-align: left;
-}
-
-.ea-list {
-  .loading-text {
-    color: $--color-secondary-text;
-    text-align: center;
-    font-size: inherit;
-  }
-}
-
 .ea-split-container {
   display: flex;
   &.is-down {
@@ -369,41 +223,6 @@ td {
   }
 }
 
-.ea-tree {
-  .ea-tree__main {
-    margin-top: 18px;
-    .ea-tree__header {
-      height: 50px;
-      padding-left: 24px;
-      padding-right: 14px;
-      font-size: 12px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      background-color: $--background-color-base;
-      .ea-tree__header__text {
-        font-weight: bold;
-      }
-    }
-  }
-  .ea-tree-real {
-    .el-tree-node.is-current > .el-tree-node__content {
-      color: $--color-primary;
-    }
-  }
-  &.ea-tree--border {
-    .ea-tree__main {
-      border: 1px solid $--color-border-lighter;
-    }
-    .ea-tree__header {
-      border-bottom: 1px solid $--color-border-lighter;
-    }
-    .ea-tree-real {
-      margin: 10px 0;
-    }
-  }
-}
-
 .ea-desc {
   font-size: 14px;
   &__title {
@@ -448,21 +267,151 @@ td {
   }
 }
 
-.vjs-table {
-  position: relative;
-  overflow: hidden;
-}
-.vjs-header {
-  position: absolute;
-  top: 0;
-  border: 1px solid $--color-border-light;
-  border-bottom: 0;
-}
-.vjs-body {
-  border: 1px solid $--color-border-light;
+.ea-list {
+  .loading-text {
+    color: $--color-secondary-text;
+    text-align: center;
+    font-size: inherit;
+  }
 }
 
-.vjs-row {
+.ea-tree {
+  .ea-tree__main {
+    margin-top: 18px;
+    .ea-tree__header {
+      height: 50px;
+      padding-left: 24px;
+      padding-right: 14px;
+      font-size: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      background-color: $--background-color-base;
+      .ea-tree__header__text {
+        font-weight: bold;
+      }
+    }
+  }
+  .ea-tree-real {
+    .el-tree-node.is-current > .el-tree-node__content {
+      color: $--color-primary;
+    }
+  }
+  &.ea-tree--border {
+    .ea-tree__main {
+      border: 1px solid $--color-border-lighter;
+    }
+    .ea-tree__header {
+      border-bottom: 1px solid $--color-border-lighter;
+    }
+    .ea-tree-real {
+      margin: 10px 0;
+    }
+  }
+}
+
+.ea-number .el-input__inner {
+  text-align: left;
+}
+
+.file-upload-dialog {
+  // 拖拽区域铺满
+  .el-upload,
+  .el-upload .el-upload-dragger {
+    width: 100%;
+  }
+  // 文件列表项边框
+  .el-upload-list {
+    .el-upload-list__item {
+      border: 1px dashed #aaa;
+      .el-icon-close {
+        display: inline-block;
+      }
+    }
+  }
+  // 清除文件列表变动过渡动画
+  .el-list-enter,
+  .el-list-enter-active,
+  .el-list-enter-to,
+  .el-list-leave,
+  .el-list-leave-active,
+  .el-list-leave-to {
+    -webkit-transition: none !important;
+    transition: none !important;
+  }
+}
+
+.ea-data-tree-body {
+  &.ea-data-tree-body__border {
+    border: 1px solid $--color-border-light;
+  }
+}
+
+.ea-data-tree-row {
+  display: flex;
+  justify-content: flex-start;
+  position: relative;
+  padding-left: 20px;
+  box-sizing: border-box;
+  &.odd { background-color: #F8F8F8; }
+  &:hover { background-color: #EBEEF5; }
+  .ea-data-tree-cell {
+    flex: 0 0 auto;
+    height: 100%;
+    font-size: 14px;
+    box-sizing: border-box;
+    padding: 0 8px;
+    position: relative;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-break: break-all;
+    & > .ea-data-tree-checkbox {
+      position: absolute;
+      top: 0;
+    }
+  }
+  .ea-data-tree-icon {
+    cursor: pointer;
+    position: absolute;
+    height: 100%;
+    color: #CCC;
+    display: flex;
+    align-items: center;
+    z-index: 1;
+    &:hover {
+      color: #333;
+    }
+  }
+}
+
+.ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  background-color: $--color-secondary-text;
+  border-color: $--color-secondary-text;
+}
+
+.ea-data-tree-empty {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: $--color-secondary-text;
+}
+
+.vjs-table {
+  position: relative;
+  overflow: hidden;
+}
+.vjs-header {
+  position: absolute;
+  top: 0;
+  border: 1px solid $--color-border-light;
+  border-bottom: 0;
+}
+.vjs-body {
+  border: 1px solid $--color-border-light;
+}
+
+.vjs-row {
   height: 32px;
   line-height: 32px;
   display: flex;
@@ -647,87 +596,192 @@ td {
 .ea-icon-more:before { content: "\e60e" }
 .eafont.ea-icon-conf.has { color: #000 }
 
-.file-upload-dialog {
-  // 拖拽区域铺满
-  .el-upload,
-  .el-upload .el-upload-dragger {
-    width: 100%;
+// table
+.ea-table {
+  // 表格头部样式美化
+  .el-table {
+    transition: opacity 0.28s;
+    th {
+      background-color: $--background-color-base;
+      color: $--color-primary-text;
+      .cell {
+        min-height: 30px;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+      }
+      &.is-center .cell { justify-content: center }
+      &.is-right .cell { justify-content: flex-end }
+    }
+    td, th {
+      .cell {
+        line-height: 1.2;
+      }
+    }
+    &.el-table--small {
+      td, th {
+        height: 50px;
+      }
+    }
+    &.is-dense {
+      td, th {
+        height: 32px;
+        padding: 2px 0;
+        .el-button {
+          padding-top: 0;
+          padding-bottom: 0;
+        }
+      }
+    }
+    &.is-unready {
+      opacity: 0;
+      .operation-column > div {
+        height: 32px;
+        overflow: hidden;
+      }
+      &.is-dense {
+        .operation-column > div {
+          height: 24px;
+        }
+      }
+    }
   }
-  // 文件列表项边框
-  .el-upload-list {
-    .el-upload-list__item {
-      border: 1px dashed #aaa;
-      .el-icon-close {
-        display: inline-block;
+  // 列的更多菜单项
+  .theader-th-cell {
+    .cell-icon-menu {
+      position: absolute;
+      top: 50%;
+      right: 4px;
+      transform: rotate(90deg) translateX(-50%);
+      color: $--color-placeholder-text;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 2px;
+      &:hover {
+        color: $--color-primary-text;
+        background-color: $--color-border-light;
       }
     }
   }
-  // 清除文件列表变动过渡动画
-  .el-list-enter,
-  .el-list-enter-active,
-  .el-list-enter-to,
-  .el-list-leave,
-  .el-list-leave-active,
-  .el-list-leave-to {
-    -webkit-transition: none !important;
-    transition: none !important;
+  // 表格底部
+  .ea-table__footer {
+    display: flex;
+    justify-content: space-between;
+    transition: opacity 0.28s;
+    .ea-table__footer-right {
+      margin-left: auto;
+      padding-right: 0;
+    }
+    > * {
+      margin-top: 12px;
+    }
+    &.is-unready {
+      opacity: 0;
+    }
+  }
+
+  .column-transition-active {
+    opacity: 0.33;
+  }
+
+  .el-button > i {
+    min-width: 12px;
+  }
+
+  .more-btn > i{
+    transform: rotate(-90deg);
   }
 }
 
-.ea-data-tree-body {
-  &.ea-data-tree-body__border {
-    border: 1px solid $--color-border-light;
+// table - popover
+.el-popover.ea-popover-no-padding {
+  padding: 8px 0;
+  min-width: 100px;
+  &.dense {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    min-width: 70px;
   }
 }
 
-.ea-data-tree-row {
-  display: flex;
-  justify-content: flex-start;
-  position: relative;
-  padding-left: 20px;
-  box-sizing: border-box;
-  &.odd { background-color: #F8F8F8; }
-  &:hover { background-color: #EBEEF5; }
-  .ea-data-tree-cell {
-    flex: 0 0 auto;
-    height: 100%;
-    font-size: 14px;
-    box-sizing: border-box;
-    padding: 0 8px;
-    position: relative;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    word-break: break-all;
-    & > .ea-data-tree-checkbox {
-      position: absolute;
-      top: 0;
+.more-btn-panel {
+  &__item {
+    &:hover {
+      background-color: $--color-border-lighter;
+    }
+    .el-button {
+      padding: 8px 12px;
+      width: 100%;
+      text-align: left;
     }
   }
-  .ea-data-tree-icon {
-    cursor: pointer;
+}
+
+.ea-zoom-in-top-enter-active,
+.ea-zoom-in-top-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+}
+.ea-zoom-in-top-enter,
+.ea-zoom-in-top-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.ea-form .form-group-title {
+  position: relative;
+  height: 32px;
+  margin-bottom: 22px;
+  > span {
     position: absolute;
-    height: 100%;
-    color: #CCC;
-    display: flex;
-    align-items: center;
+    top: 0;
+    left: 20%;
+    padding: 5px 25px;
+    background-color: #fff;
     z-index: 1;
-    &:hover {
-      color: #333;
-    }
+    color: $--color-secondary-text;
+  }
+  &::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 100%;
+    height: 0;
+    border-bottom: 1px dashed $--color-border-base;
   }
 }
 
-.ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-  background-color: $--color-secondary-text;
-  border-color: $--color-secondary-text;
+.conf-header {
+  border-bottom: 1px solid #DDD;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+}
+.conf-body {
+  width: 300px;
+}
+.dense-much .el-form-item {
+  margin-bottom: 8px !important;
 }
 
-.ea-data-tree-empty {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: $--color-secondary-text;
+.ea-form .el-form-item__content {
+  & > .el-input-number,
+  & > .el-input,
+  & > .ea-select,
+  & > .el-date-editor,
+  & > .el-select {
+    width: 100%;
+  }
+}
+.ea-form .el-form-item.hidden-label {
+  > .el-form-item__label {
+    display: none;
+  }
+  > .el-form-item__content {
+    width: 100%;
+  }
 }
 
 .ea-table-modal {
@@ -777,42 +831,21 @@ td {
   }
 }
 
-.ea-form .form-group-title {
-  position: relative;
-  height: 32px;
-  margin-bottom: 22px;
-  > span {
-    position: absolute;
-    top: 0;
-    left: 20%;
-    padding: 5px 25px;
-    background-color: #fff;
-    z-index: 1;
-    color: $--color-secondary-text;
+.ea-switch-mini {
+  .el-switch__core {
+    width: 30px !important;
+    height: 16px;
+    &::after {
+      width: 12px;
+      height: 12px;
+      left: 2px;
+    }
   }
-  &::after {
-    content: '';
-    position: absolute;
-    top: 50%;
-    left: 0;
-    width: 100%;
-    height: 0;
-    border-bottom: 1px dashed $--color-border-base;
+  &.is-checked .el-switch__core::after {
+    margin-left: -13px;
   }
 }
 
-.conf-header {
-  border-bottom: 1px solid #DDD;
-  padding-bottom: 10px;
-  margin-bottom: 10px;
-}
-.conf-body {
-  width: 300px;
-}
-.dense-much .el-form-item {
-  margin-bottom: 8px !important;
-}
-
 .ea-select-container {
   display: flex;
   justify-content: flex-start;
@@ -852,36 +885,3 @@ td {
     }
   }
 }
-
-.ea-switch-mini {
-  .el-switch__core {
-    width: 30px !important;
-    height: 16px;
-    &::after {
-      width: 12px;
-      height: 12px;
-      left: 2px;
-    }
-  }
-  &.is-checked .el-switch__core::after {
-    margin-left: -13px;
-  }
-}
-
-.ea-form .el-form-item__content {
-  & > .el-input-number,
-  & > .el-input,
-  & > .ea-select,
-  & > .el-date-editor,
-  & > .el-select {
-    width: 100%;
-  }
-}
-.ea-form .el-form-item.hidden-label {
-  > .el-form-item__label {
-    display: none;
-  }
-  > .el-form-item__content {
-    width: 100%;
-  }
-}