eoss-ui 0.3.97

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

@@ -0,0 +1,55 @@
+@import './common/var.scss';
+.es-data-table-form {
+  min-width: 100%;
+  border-color: $--table-border-color;
+  background-color: #fff;
+  font-size: 14px;
+  table-layout: fixed;
+  th,
+  td {
+    padding: 6px;
+    line-height: 28px;
+    &.numbers {
+      text-align: center;
+    }
+    .cell {
+      min-height: 28px;
+      &.is-textarea {
+        line-height: 20px;
+      }
+      &.es-required::before {
+        content: '*';
+        color: #f56c6c;
+      }
+    }
+    .es-input-box {
+      position: relative;
+      .input-label {
+        position: absolute;
+        left: 0;
+        top: 0;
+        & + .el-input__inner {
+          opacity: 0;
+        }
+      }
+    }
+  }
+  .es-data-form-head {
+    background-color: $--table-header-background-color;
+  }
+}
+.es-data-form {
+  position: relative;
+  .es-table-page {
+    height: 46px;
+    text-align: center;
+    border: $--table-border;
+    padding: 8px 12px;
+    margin-top: -1px;
+    background-color: $--table-page-background-color;
+  }
+  .es-data-table-form-handle {
+    position: fixed;
+    opacity: 0;
+  }
+}

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

@@ -0,0 +1,202 @@
+@import './common/var.scss';
+.es-data-table {
+  position: relative;
+  .es-toolbar + .es-data-table-content {
+    padding: 16px;
+  }
+}
+.es-data-table-content {
+  background-color: $--background-color-base;
+  .es-table {
+    &:not(.el-table--border) {
+      border: $--table-border;
+      border-bottom: 0;
+    }
+    thead {
+      tr,
+      th {
+        background-color: $--table-header-background-color;
+        border-color: $--table-border-color;
+      }
+    }
+    thead tr,
+    th {
+      padding: 6px 0;
+      text-align: center;
+      .cell {
+        justify-content: center;
+      }
+    }
+    td {
+      padding: 6px 0;
+      &.is-center,
+      &.es-table-handle-box {
+        .cell {
+          justify-content: center;
+        }
+      }
+      &.is-right {
+        .cell {
+          justify-content: flex-end;
+        }
+      }
+    }
+    .es-table-handle-box {
+      text-align: center;
+    }
+    & + .es-table-page {
+      margin-top: -1px;
+    }
+    .el-table__fixed,
+    .el-table__fixed-right {
+      &::before {
+        background-color: transparent;
+      }
+    }
+    .cell {
+      min-height: 28px;
+      align-items: center;
+      align-content: center;
+      &:not(.el-tooltip) {
+        display: flex;
+      }
+      &.el-tooltip {
+        line-height: 28px;
+      }
+    }
+    .el-form-item {
+      margin-bottom: 0;
+      width: 100%;
+      .el-input {
+        &:not(.el-input--prefix) {
+          .el-input__inner {
+            padding: 0 8px;
+            margin-top: 0;
+          }
+        }
+      }
+      .el-input-number {
+        width: 100%;
+      }
+    }
+  }
+  .el-table__header {
+    color: #404040;
+    thead {
+      color: #404040;
+    }
+  }
+  .el-table__body {
+    tr:hover > td {
+      background-color: $--table-row-hover-background-color;
+    }
+    tr.hover-row {
+      &,
+      &.el-table__row--striped {
+        &,
+        &.current-row {
+          > td {
+            background-color: $--table-row-hover-background-color;
+          }
+        }
+      }
+    }
+
+    tr.current-row > td {
+      background-color: $--table-current-row-background-color;
+    }
+  }
+  .es-table-page {
+    height: 46px;
+    border: $--table-border;
+    padding: 8px 12px;
+    background-color: $--table-page-background-color;
+  }
+  .es-thead-border {
+    .el-table__header {
+      th:not(.gutter) {
+        border-right: $--table-border;
+      }
+      thead:not(.is-group) {
+        th {
+          &:last-child {
+            border-right: 0;
+            border-bottom: $--table-border;
+          }
+        }
+      }
+    }
+    .el-table__fixed-right {
+      &:not(.el-table-box-shadow) {
+        thead {
+          th:last-child {
+            border-left: $--table-border;
+          }
+        }
+      }
+    }
+    .is-scrolling-right ~ .el-table__fixed-right {
+      &:not(.el-table-box-shadow) {
+        thead {
+          th:last-child {
+            border-left: 0;
+          }
+        }
+      }
+    }
+  }
+  .el-form-item__error {
+    top: unset;
+    bottom: 0;
+  }
+  .es-table {
+    &:not(.el-table--border) {
+      .el-table--border td,
+      .el-table--border th,
+      .el-table__body-wrapper
+        .el-table--border.is-scrolling-left
+        ~ .el-table__fixed {
+        border-right: 0;
+      }
+    }
+    .el-table__body-wrapper {
+      .el-table__body {
+        position: relative;
+        &::after {
+          content: '';
+          display: block;
+          height: 1px;
+          background-color: $--table-border-color;
+          position: absolute;
+          left: 0;
+          right: 0;
+          bottom: -1px;
+        }
+        .el-table__row {
+          &:last-child {
+            td {
+              border-bottom: 0;
+            }
+          }
+        }
+      }
+    }
+  }
+  .is-scrolling-right + .el-table__fixed-body-wrapper {
+    td {
+      border-right: $--table-border;
+      &:last-child {
+        border-right: 0;
+      }
+    }
+  }
+}
+.el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+  z-index: 5;
+}
+.sizer-btn-box {
+  text-align: right;
+  margin-top: 7px;
+}

package/packages/theme-chalk/src/date-picker.scss

@@ -0,0 +1,8 @@
+.es-date-picker{
+    &.el-input,&.es-date-picker-range{
+        width: 100%;
+    }
+    .el-range-input{
+        flex: 1;
+    }
+}

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

@@ -0,0 +1,52 @@
+@import './common/var.scss';
+.es-dialog {
+  overflow: hidden;
+  .el-dialog {
+    padding-top: 45px;
+    position: relative;
+  }
+  .el-dialog__header {
+    padding: 12px 20px 8px;
+    background-color: $--dialog-header-background-color;
+    font-size: 14px !important;
+    border-bottom: $--border-base;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    .el-dialog__title {
+      font-size: 14px !important;
+    }
+  }
+  .el-dialog__headerbtn {
+    font-size: 18px;
+    height: 20px;
+    right: 16px;
+    top: 12px;
+  }
+  .el-dialog__body {
+    padding: 8px;
+    height: 100%;
+    background-color: #fff;
+    .es-flow-group,
+    .es-tabs {
+      border: 1px solid #d1d1d1;
+      box-shadow: none;
+    }
+    .es-flow-group {
+      & > .es-tabs {
+        border: 0;
+      }
+    }
+  }
+  &.is-middle {
+    .el-dialog {
+      position: absolute;
+    }
+  }
+  .es-form {
+    .es-form-button {
+      text-align: right;
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+.es-enterprise {
+  & > * {
+    width: 100%;
+  }
+}

package/packages/theme-chalk/src/error-page.scss

@@ -0,0 +1,18 @@
+.es-error-page {
+  width: 100%;
+  height: 100%;
+  min-height: 400px;
+  position: relative;
+  background-color: #fff;
+  .es-error-page-image {
+    width: 500px;
+    height: 400px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+    position: absolute;
+    left: 50%;
+    top: 15vh;
+    margin-left: -250px;
+  }
+}

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

@@ -0,0 +1,101 @@
+@import './common/var.scss';
+.es-flow-group {
+  height: 100%;
+  display: flex;
+  border: $--border-base;
+  .es-flow-tabs {
+    flex: 1;
+    box-shadow: none;
+    height: 100%;
+    position: relative;
+    border: 0;
+    .el-tabs__content {
+      position: absolute;
+      top: 45px;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      overflow: hidden;
+      padding: 0;
+      .el-tab-pane {
+        height: 100%;
+        overflow: hidden;
+        padding: 12px;
+        .es-tab-pane-list {
+          flex: 1;
+          position: relative;
+          & + .es-tab-pane-list {
+            margin-top: 20px;
+          }
+          .es-tab-pane-main {
+            position: absolute;
+            left: 0;
+            top: 0;
+            right: 0;
+            bottom: 0;
+          }
+        }
+        .es-form-search-nobtn {
+          .el-input__inner {
+            border: $--border-base;
+            border-radius: $--input-border-radius;
+          }
+        }
+        .el-form-item__content,
+        .es-flow-list {
+          .es-toolbar {
+            border: $--border-base;
+            border-bottom: 0;
+          }
+        }
+        .es-flow-list {
+          .es-toolbar {
+            background-color: $--table-header-background-color;
+          }
+          .es-data-table-content {
+            padding: 0;
+          }
+        }
+        .es-attachment {
+          border: $--border-base;
+          .el-upload--handle {
+            padding: 6px;
+            width: 100%;
+            border-bottom: $--border-base;
+            text-align: right;
+            background-color: $--table-header-background-color;
+          }
+        }
+        .es-flow-group-data-table {
+          .es-toolbar {
+            border: 0;
+          }
+          .es-data-table-content {
+            padding: 0;
+          }
+        }
+      }
+    }
+  }
+  .es-group-flow {
+    width: 360px;
+    border-left: $--border-base;
+    &.es-flow-narrow {
+      background-color: #fafafa;
+      .es-flow-title {
+        padding: 0;
+      }
+    }
+    .es-flow-title {
+      padding: 0 8px;
+      height: 44px;
+      background-color: #fafafa;
+      border-bottom: $--border-base;
+    }
+  }
+  &.is-hide-flow {
+    .es-flow-tabs {
+      border: 0;
+    }
+  }
+}

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

@@ -0,0 +1,41 @@
+.flow-list {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .preset-list,
+  .preset-list-tow {
+    margin: 10px 0px;
+    height: 33%;
+    .title {
+      display: inline-block;
+      width: 100%;
+      background-color: #f8f8f8;
+      padding: 0px 20px;
+      padding-top: 20px;
+    }
+    .list-radio {
+      margin-left: 20px;
+    }
+    .file {
+      cursor: pointer;
+    }
+  }
+  .preset-list{
+    // flex:1
+  }
+  // .preset-list-tow {
+  //   height: 49%;
+  // }
+  .preset-list:last-child {
+    margin: unset;
+  }
+}
+.del-flow {
+  .es-form .es-form-button {
+    text-align: right;
+  }
+}
+.pagination {
+  text-align: center;
+  margin-top: 10px;
+}