eoss-ui 0.7.56 → 0.7.58

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

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