eoss-ui 0.6.18 → 0.6.20

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

@@ -1,87 +1,87 @@
-@import './common/var.scss';
-.es-tabs {
-  &:not(.el-tabs--card):not(.el-tabs--border-card):not(.el-tabs--left) {
-    .el-tabs__nav-wrap:not(.is-scrollable) {
-      padding: 5px 8px 0 8px;
-      .is-top {
-        .el-tabs__item {
-          padding: 0 16px;
-          & + .el-tabs__item {
-            padding-left: 20px;
-          }
-        }
-      }
-    }
-  }
-  .el-tabs__nav-wrap::after {
-    height: 1px;
-  }
-  &.el-tabs--left,
-  &.el-tabs--right {
-    .el-tabs__nav-wrap {
-      &.is-left::after,
-      &.is-right::after {
-        width: 1px;
-      }
-    }
-  }
-  &.el-tabs--border-card {
-    & > .el-tabs__header {
-      height: 44px;
-      border-bottom: $--border-base;
-      .el-tabs__nav-scroll {
-        padding: 9px 10px 0 10px;
-        .el-tabs__item {
-          height: 36px;
-          line-height: 36px;
-          .el-badge {
-            .el-badge__content {
-              display: block;
-              line-height: 16px;
-              font-weight: 200;
-              width: 16px;
-              height: 16px;
-              padding: 0;
-              border: 0;
-            }
-          }
-          &.is-active {
-            border-top-color: #d9d9d9;
-            border-top-left-radius: 2px;
-            border-top-right-radius: 2px;
-            font-weight: bold;
-            color: $--color-primary;
-          }
-        }
-      }
-    }
-  }
-  .el-tabs__content {
-    padding: 0;
-  }
-  &.es-tabs-full {
-    padding-top: 44px;
-    position: relative;
-    .el-tabs__header {
-      &.is-top {
-        position: absolute;
-        left: 0;
-        top: 0;
-        right: 0;
-      }
-    }
-    .el-tabs__content,
-    .el-tab-pane {
-      height: 100%;
-      &.es-tabs-padding {
-        padding: 12px;
-      }
-    }
-  }
-  .es-tabs-panel {
-    height: 100%;
-    .es-data-table-content {
-      padding: 16px;
-    }
-  }
-}
+@import './common/var.scss';
+.es-tabs {
+  &:not(.el-tabs--card):not(.el-tabs--border-card):not(.el-tabs--left) {
+    .el-tabs__nav-wrap:not(.is-scrollable) {
+      padding: 5px 8px 0 8px;
+      .is-top {
+        .el-tabs__item {
+          padding: 0 16px;
+          & + .el-tabs__item {
+            padding-left: 20px;
+          }
+        }
+      }
+    }
+  }
+  .el-tabs__nav-wrap::after {
+    height: 1px;
+  }
+  &.el-tabs--left,
+  &.el-tabs--right {
+    .el-tabs__nav-wrap {
+      &.is-left::after,
+      &.is-right::after {
+        width: 1px;
+      }
+    }
+  }
+  &.el-tabs--border-card {
+    & > .el-tabs__header {
+      height: 44px;
+      border-bottom: $--border-base;
+      .el-tabs__nav-scroll {
+        padding: 9px 10px 0 10px;
+        .el-tabs__item {
+          height: 36px;
+          line-height: 36px;
+          .el-badge {
+            .el-badge__content {
+              display: block;
+              line-height: 16px;
+              font-weight: 200;
+              width: 16px;
+              height: 16px;
+              padding: 0;
+              border: 0;
+            }
+          }
+          &.is-active {
+            border-top-color: #d9d9d9;
+            border-top-left-radius: 2px;
+            border-top-right-radius: 2px;
+            font-weight: bold;
+            color: $--color-primary;
+          }
+        }
+      }
+    }
+  }
+  .el-tabs__content {
+    padding: 0;
+  }
+  &.es-tabs-full {
+    padding-top: 44px;
+    position: relative;
+    .el-tabs__header {
+      &.is-top {
+        position: absolute;
+        left: 0;
+        top: 0;
+        right: 0;
+      }
+    }
+    .el-tabs__content,
+    .el-tab-pane {
+      height: 100%;
+      &.es-tabs-padding {
+        padding: 12px;
+      }
+    }
+  }
+  .es-tabs-panel {
+    height: 100%;
+    .es-data-table-content {
+      padding: 16px;
+    }
+  }
+}

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

@@ -1,179 +1,179 @@
-@import './common/var.scss';
-.es-toolbar {
-  padding: 6px 12px;
-  border-bottom: $--border-base;
-  position: relative;
-  background-color: #fff;
-  .es-toolbar-content {
-    display: flex;
-    justify-content: flex-end;
-    .es-button-content {
-      flex: 1;
-      .el-button {
-        padding: 4px 8px;
-        & + .el-button,
-        & + .es-button-badge,
-        & + .es-upload,
-        & + .el-dropdown,
-        & + .es-selector {
-          margin-left: 6px;
-        }
-      }
-      .es-button-badge,
-      .es-upload,
-      .es-selector {
-        & + .el-button,
-        & + .es-button-badge,
-        & + .es-upload,
-        & + .el-dropdown,
-        & + .es-selector {
-          margin-left: 6px;
-        }
-      }
-    }
-    .es-form-search {
-      background: transparent;
-      & > .es-form-content {
-        padding: 0;
-        .el-scrollbar__view {
-          padding: 0;
-        }
-      }
-      .el-form-item {
-        margin-bottom: 0;
-      }
-    }
-    .es-advanced-btn {
-      margin-left: 6px;
-      height: 32px;
-      .es-advanced-icon {
-        margin-right: -8px;
-      }
-    }
-    .es-toolbar-text {
-      line-height: 32px;
-    }
-    .es-toolbar-info {
-      display: flex;
-
-      align-items: center;
-      .es-info {
-        font-size: 13px;
-        margin-left: 20px;
-      }
-    }
-    .el-menu--horizontal {
-      border-bottom: 0;
-      position: relative;
-      bottom: -6px;
-    }
-    .el-menu-item {
-      height: 32px;
-      line-height: 24px;
-    }
-    .el-input__inner,
-    .es-checkbox-group,
-    .el-input__suffix,
-    .el-input__prefix {
-      height: 32px;
-      line-height: 32px;
-    }
-    .es-date-picker {
-      .el-input__suffix,
-      .el-input__prefix {
-        height: 28px;
-        line-height: 28px;
-      }
-    }
-    .es-radio-group,
-    .es-switch-content {
-      line-height: 32px;
-    }
-    .el-switch {
-      top: -2px;
-    }
-    .el-button {
-      span {
-        line-height: 14px;
-      }
-    }
-    .el-checkbox,
-    .el-radio {
-      &:not(:last-child) {
-        margin-right: 8px;
-      }
-    }
-    .el-form-item {
-      &.es-toolbar-item-radio,
-      &.es-toolbar-item-checkbox,
-      &.es-toolbar-item-switch {
-        & + .el-form-item {
-          margin-left: 16px;
-        }
-      }
-      .el-input__icon {
-        line-height: 32px;
-        vertical-align: top;
-      }
-    }
-    .es-form-search-small {
-      .el-input__inner {
-        width: 100%;
-        max-width: 156px;
-        box-sizing: border-box;
-        &.el-date-editor--daterange {
-          max-width: 300px;
-          .el-input__icon,
-          .el-range-separator {
-            line-height: 24px;
-          }
-        }
-      }
-    }
-  }
-  .es-form-search-small {
-    .el-form-item__content,
-    .el-input-number {
-      height: 32px;
-      line-height: 32px !important;
-    }
-    .el-form-item__label {
-      line-height: 32px !important;
-      height: 32px;
-    }
-  }
-  .el-button.es-upload {
-    padding: 0 !important;
-    border: 0 !important;
-  }
-  .es-advanced-filter {
-    margin-top: 20px;
-    z-index: 9;
-    &.es-absolute {
-      position: absolute;
-      left: 0;
-      top: 45px;
-      right: 0;
-      margin-top: 0;
-      box-shadow: $--box-shadow-base;
-      border-bottom-left-radius: 6px;
-      border-bottom-right-radius: 6px;
-      .es-form {
-        background-color: #fff;
-        border: $--border-base;
-        border-bottom-left-radius: 6px;
-        border-bottom-right-radius: 6px;
-        border-top: 0;
-        padding: 20px 20px 20px 10px;
-      }
-    }
-  }
-  .es-toolbar-button-group {
-    .el-button--medium {
-      border-radius: 3px !important;
-    }
-    .el-dropdown {
-      margin-left: 6px;
-    }
-  }
-}
+@import './common/var.scss';
+.es-toolbar {
+  padding: 6px 12px;
+  border-bottom: $--border-base;
+  position: relative;
+  background-color: #fff;
+  .es-toolbar-content {
+    display: flex;
+    justify-content: flex-end;
+    .es-button-content {
+      flex: 1;
+      .el-button {
+        padding: 4px 8px;
+        & + .el-button,
+        & + .es-button-badge,
+        & + .es-upload,
+        & + .el-dropdown,
+        & + .es-selector {
+          margin-left: 6px;
+        }
+      }
+      .es-button-badge,
+      .es-upload,
+      .es-selector {
+        & + .el-button,
+        & + .es-button-badge,
+        & + .es-upload,
+        & + .el-dropdown,
+        & + .es-selector {
+          margin-left: 6px;
+        }
+      }
+    }
+    .es-form-search {
+      background: transparent;
+      & > .es-form-content {
+        padding: 0;
+        .el-scrollbar__view {
+          padding: 0;
+        }
+      }
+      .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+    .es-advanced-btn {
+      margin-left: 6px;
+      height: 32px;
+      .es-advanced-icon {
+        margin-right: -8px;
+      }
+    }
+    .es-toolbar-text {
+      line-height: 32px;
+    }
+    .es-toolbar-info {
+      display: flex;
+
+      align-items: center;
+      .es-info {
+        font-size: 13px;
+        margin-left: 20px;
+      }
+    }
+    .el-menu--horizontal {
+      border-bottom: 0;
+      position: relative;
+      bottom: -6px;
+    }
+    .el-menu-item {
+      height: 32px;
+      line-height: 24px;
+    }
+    .el-input__inner,
+    .es-checkbox-group,
+    .el-input__suffix,
+    .el-input__prefix {
+      height: 32px;
+      line-height: 32px;
+    }
+    .es-date-picker {
+      .el-input__suffix,
+      .el-input__prefix {
+        height: 28px;
+        line-height: 28px;
+      }
+    }
+    .es-radio-group,
+    .es-switch-content {
+      line-height: 32px;
+    }
+    .el-switch {
+      top: -2px;
+    }
+    .el-button {
+      span {
+        line-height: 14px;
+      }
+    }
+    .el-checkbox,
+    .el-radio {
+      &:not(:last-child) {
+        margin-right: 8px;
+      }
+    }
+    .el-form-item {
+      &.es-toolbar-item-radio,
+      &.es-toolbar-item-checkbox,
+      &.es-toolbar-item-switch {
+        & + .el-form-item {
+          margin-left: 16px;
+        }
+      }
+      .el-input__icon {
+        line-height: 32px;
+        vertical-align: top;
+      }
+    }
+    .es-form-search-small {
+      .el-input__inner {
+        width: 100%;
+        max-width: 156px;
+        box-sizing: border-box;
+        &.el-date-editor--daterange {
+          max-width: 300px;
+          .el-input__icon,
+          .el-range-separator {
+            line-height: 24px;
+          }
+        }
+      }
+    }
+  }
+  .es-form-search-small {
+    .el-form-item__content,
+    .el-input-number {
+      height: 32px;
+      line-height: 32px !important;
+    }
+    .el-form-item__label {
+      line-height: 32px !important;
+      height: 32px;
+    }
+  }
+  .el-button.es-upload {
+    padding: 0 !important;
+    border: 0 !important;
+  }
+  .es-advanced-filter {
+    margin-top: 20px;
+    z-index: 9;
+    &.es-absolute {
+      position: absolute;
+      left: 0;
+      top: 45px;
+      right: 0;
+      margin-top: 0;
+      box-shadow: $--box-shadow-base;
+      border-bottom-left-radius: 6px;
+      border-bottom-right-radius: 6px;
+      .es-form {
+        background-color: #fff;
+        border: $--border-base;
+        border-bottom-left-radius: 6px;
+        border-bottom-right-radius: 6px;
+        border-top: 0;
+        padding: 20px 20px 20px 10px;
+      }
+    }
+  }
+  .es-toolbar-button-group {
+    .el-button--medium {
+      border-radius: 3px !important;
+    }
+    .el-dropdown {
+      margin-left: 6px;
+    }
+  }
+}

package/packages/theme-chalk/src/tree-group.scss

@@ -1,72 +1,72 @@
-@import './common/var.scss';
-$--tree-offset-base: 240px;
-.es-tree-group {
-  height: 100%;
-  &.es-tree-steps-group {
-    padding-top: 110px;
-    position: relative;
-    .es-steps-group {
-      position: absolute;
-      left: 0;
-      top: 0;
-      right: 0;
-    }
-  }
-  .es-tree-group-left {
-    height: 100%;
-    width: $--tree-offset-base;
-    float: left;
-    .es-tabs-tree-card {
-      height: 100%;
-      position: relative;
-      .el-tabs__nav-wrap {
-        padding-top: 9px;
-      }
-      .el-tabs__nav {
-        border: 0;
-        border-radius: 0;
-      }
-      .el-tabs__header {
-        margin: 0;
-      }
-      .el-tabs__item {
-        height: 36px;
-        line-height: 36px;
-        border-radius: 10px 10px 0px 0px !important;
-        padding: 0 20px;
-        border: $--border-base;
-        & + .el-tabs__item {
-          margin-left: 8px;
-        }
-        &.is-active {
-          background-color: $--color-primary;
-          border-color: $--color-primary;
-          color: #fff;
-        }
-      }
-      .el-tabs__content {
-        position: absolute;
-        top: 45px;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        .el-tab-pane {
-          height: 100%;
-        }
-      }
-      &.es-tabs-tree-card-plus {
-        .el-tabs__nav-wrap {
-          padding-top: 14px;
-        }
-        .el-tabs__content {
-          top: 50px;
-        }
-      }
-    }
-  }
-  .es-tree-group-right {
-    height: 100%;
-    margin-left: $--tree-offset-base;
-    border-left: $--border-base;
-  }
-}
+@import './common/var.scss';
+$--tree-offset-base: 240px;
+.es-tree-group {
+  height: 100%;
+  &.es-tree-steps-group {
+    padding-top: 110px;
+    position: relative;
+    .es-steps-group {
+      position: absolute;
+      left: 0;
+      top: 0;
+      right: 0;
+    }
+  }
+  .es-tree-group-left {
+    height: 100%;
+    width: $--tree-offset-base;
+    float: left;
+    .es-tabs-tree-card {
+      height: 100%;
+      position: relative;
+      .el-tabs__nav-wrap {
+        padding-top: 9px;
+      }
+      .el-tabs__nav {
+        border: 0;
+        border-radius: 0;
+      }
+      .el-tabs__header {
+        margin: 0;
+      }
+      .el-tabs__item {
+        height: 36px;
+        line-height: 36px;
+        border-radius: 10px 10px 0px 0px !important;
+        padding: 0 20px;
+        border: $--border-base;
+        & + .el-tabs__item {
+          margin-left: 8px;
+        }
+        &.is-active {
+          background-color: $--color-primary;
+          border-color: $--color-primary;
+          color: #fff;
+        }
+      }
+      .el-tabs__content {
+        position: absolute;
+        top: 45px;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        .el-tab-pane {
+          height: 100%;
+        }
+      }
+      &.es-tabs-tree-card-plus {
+        .el-tabs__nav-wrap {
+          padding-top: 14px;
+        }
+        .el-tabs__content {
+          top: 50px;
+        }
+      }
+    }
+  }
+  .es-tree-group-right {
+    height: 100%;
+    margin-left: $--tree-offset-base;
+    border-left: $--border-base;
+  }
+}