eoss-ui 0.6.43 → 0.6.45

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

@@ -1,77 +1,77 @@
-@import './common/var.scss';
-.es-dialog {
-  overflow: hidden;
-  .el-dialog {
-    padding-top: 45px;
-    overflow: hidden;
-    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;
-    }
-  }
-  &.es-title-hide {
-    .el-dialog {
-      padding-top: 0;
-    }
-    .el-dialog__header {
-      height: 45px;
-      border-color: transparent;
-      background-color: transparent;
-      z-index: 3;
-    }
-    .el-dialog__body {
-      padding: 0;
-      background-color: transparent;
-    }
-  }
-  &.es-dialog-plus {
-    .el-dialog {
-      border-radius: 9px;
-    }
-    .el-dialog__header,
-    .el-dialog__body {
-      background-color: #f2f2f2;
-    }
-  }
-}
+@import './common/var.scss';
+.es-dialog {
+  overflow: hidden;
+  .el-dialog {
+    padding-top: 45px;
+    overflow: hidden;
+    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;
+    }
+  }
+  &.es-title-hide {
+    .el-dialog {
+      padding-top: 0;
+    }
+    .el-dialog__header {
+      height: 45px;
+      border-color: transparent;
+      background-color: transparent;
+      z-index: 3;
+    }
+    .el-dialog__body {
+      padding: 0;
+      background-color: transparent;
+    }
+  }
+  &.es-dialog-plus {
+    .el-dialog {
+      border-radius: 9px;
+    }
+    .el-dialog__header,
+    .el-dialog__body {
+      background-color: #f2f2f2;
+    }
+  }
+}

package/packages/theme-chalk/src/enable-drag.scss

@@ -0,0 +1,181 @@
+@import './common/var.scss';
+
+@keyframes show-icon-left {
+  from {
+    transform: translateX(-100px);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes hide-icon-left {
+  from {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateX(-100px);
+    opacity: 0.3;
+  }
+}
+@keyframes show-icon-rigt {
+  from {
+    transform: translateX(100px);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+@keyframes hide-icon-right {
+  from {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateX(100px);
+    opacity: 0.3;
+  }
+}
+@keyframes show-icon-top {
+  from {
+    transform: translateY(-100px);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes hide-icon-top {
+  from {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateX(-100px);
+    opacity: 0.3;
+  }
+}
+@keyframes show-icon-bottom {
+  from {
+    transform: translateY(100px);
+    opacity: 0.3;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+@keyframes hide-icon-bottm {
+  from {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateY(100px);
+    opacity: 0.3;
+  }
+}
+.es-enable-drag {
+  position: fixed;
+  width: auto;
+  z-index: 9999;
+  cursor: pointer;
+  user-select: none;
+  .es-enable-drag-enter-button {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    padding: 10px;
+    cursor: move;
+    line-height: 30px;
+    text-align: center;
+    .es-enable-drag-enter-icon {
+      font-size: 28px;
+    }
+  }
+  .es-enable-drag-small-icon-box {
+    background-color: #fff;
+    border: 1px solid $--color-primary;
+    border-radius: 10px;
+    .es-enable-drag-small-icon {
+      display: flex;
+      font-size: 12px;
+      padding: 0 4px;
+      &::before {
+        content: attr(data-content);
+        display: block;
+        width: 30px;
+        height: 16px;
+        text-align: center;
+        line-height: 16px;
+        color: #fff;
+        font-weight: bold;
+        border-radius: 8px;
+        background-color: $--color-primary;
+        position: relative;
+      }
+      &.es-left,
+      &.es-right {
+        flex-direction: column;
+        padding: 4px 0;
+        text-align: center;
+        &::before {
+          width: 16px;
+          height: 30px;
+          line-height: 30px;
+          top: -5px;
+        }
+      }
+      &.es-top,
+      &.es-bottom {
+        line-height: 16px;
+        &::before {
+          left: -5px;
+          text-align: center;
+        }
+      }
+    }
+    .es-enable-drag-small-tri {
+      font-size: 14px;
+      color: $--color-primary;
+    }
+  }
+  .animation-transform {
+    transition: all 0.2s;
+  }
+  .show-animation-left {
+    animation: show-icon-left 0.2s forwards;
+  }
+  .hide-animation-left {
+    animation: hide-icon-left 0.2s forwards;
+  }
+  .show-animation-right {
+    animation: show-icon-right 0.2s forwards;
+  }
+  .hide-animation-right {
+    animation: hide-icon-right 0.2s forwards;
+  }
+  .show-animation-top {
+    animation: show-icon-top 0.2s forwards;
+  }
+  .hide-animation-top {
+    animation: hide-icon-top 0.2s forwards;
+  }
+  .show-animation-bottom {
+    animation: show-icon-bottom 0.2s forwards;
+  }
+  .hide-animation-bottom {
+    animation: hide-icon-bottom 0.2s forwards;
+  }
+  .es-enable-drag-mask {
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0;
+  }
+}

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

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

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

@@ -1,18 +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;
-  }
-}
+.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

@@ -1,110 +1,110 @@
-@import './common/var.scss';
-.es-flow-group {
-  height: 100%;
-  display: flex;
-  border: $--border-base;
-  background-color: #fff;
-  .es-flow-group-main {
-    flex: 1;
-    height: 100%;
-    position: relative;
-  }
-  .es-flow-tabs {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    box-shadow: none;
-    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 {
-    &:not(.es-flow-narrow) {
-      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;
-    }
-  }
-}
+@import './common/var.scss';
+.es-flow-group {
+  height: 100%;
+  display: flex;
+  border: $--border-base;
+  background-color: #fff;
+  .es-flow-group-main {
+    flex: 1;
+    height: 100%;
+    position: relative;
+  }
+  .es-flow-tabs {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    box-shadow: none;
+    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 {
+    &:not(.es-flow-narrow) {
+      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

@@ -1,36 +1,36 @@
-@import './common/var.scss';
-.es-flow-list {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  .es-flow-list-item {
-    flex: 1;
-    position: relative;
-    & + .es-flow-list-item {
-      margin-top: 12px;
-    }
-    .es-flow-list-box {
-      position: absolute;
-      left: 0;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      overflow: hidden;
-      .es-data-table {
-        &.es-flow-group-data-table {
-          .es-toolbar {
-            background-color: #f8f8f8;
-            border: $--border-base;
-            border-bottom: 0;
-          }
-        }
-        .es-toolbar {
-          border-bottom: 0;
-        }
-        .es-data-table-content {
-          padding: 0;
-        }
-      }
-    }
-  }
-}
+@import './common/var.scss';
+.es-flow-list {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .es-flow-list-item {
+    flex: 1;
+    position: relative;
+    & + .es-flow-list-item {
+      margin-top: 12px;
+    }
+    .es-flow-list-box {
+      position: absolute;
+      left: 0;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      overflow: hidden;
+      .es-data-table {
+        &.es-flow-group-data-table {
+          .es-toolbar {
+            background-color: #f8f8f8;
+            border: $--border-base;
+            border-bottom: 0;
+          }
+        }
+        .es-toolbar {
+          border-bottom: 0;
+        }
+        .es-data-table-content {
+          padding: 0;
+        }
+      }
+    }
+  }
+}