ele-admin-plus 1.2.0-beta.1 → 1.2.0-beta.3

package/es/ele-pro-layout/style/layout-theme.scss

@@ -1,113 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-/* 暗色顶栏 */
-.ele-admin-header.is-dark,
-.ele-admin-header.is-primary {
-  color: eleVar('header', 'dark-color');
-  background: eleVar('header', 'dark-bg');
-  box-shadow: eleVar('header', 'dark-shadow');
-
-  /* 操作按钮 */
-  .ele-admin-tool:hover {
-    background: eleVar('header', 'dark-tool-hover-bg');
-  }
-
-  /* 面包屑 */
-  .ele-breadcrumb .el-breadcrumb__item {
-    .el-breadcrumb__inner,
-    .el-breadcrumb__separator {
-      color: rgba(255, 255, 255, 0.8);
-    }
-
-    .el-breadcrumb__inner.is-link:hover,
-    &:last-child .el-breadcrumb__inner {
-      color: eleVar('header', 'dark-color');
-    }
-  }
-
-  /* 页签栏 */
-  & > .ele-admin-tabs.ele-tab-wrap,
-  & > .ele-admin-tabs .ele-tabs {
-    $color: eleVar('header', 'dark-color');
-    $hover-bg: eleVar('header', 'dark-tool-hover-bg');
-    #{eleVarName('tab', 'color')}: #{$color};
-    #{eleVarName('tab', 'hover-color')}: #{$color};
-    #{eleVarName('tab', 'close-color')}: #{$color};
-    #{eleVarName('tab', 'close-hover-color')}: #{$color};
-    #{eleVarName('tab', 'close-hover-bg')}: #{$hover-bg};
-    #{eleVarName('tab', 'tool-color')}: #{$color};
-    #{eleVarName('tab', 'tool-hover-color')}: #{$color};
-    #{eleVarName('tab', 'simple-hover-color')}: #{$color};
-    #{eleVarName('tab', 'simple-hover-bg')}: #{$hover-bg};
-    #{eleVarName('tab', 'simple-active-bg')}: #{elVar('bg-color', 'overlay')};
-    #{eleVarName('tab', 'simple-active-line')}: 0px;
-    #{eleVarName('tab', 'simple-tool-hover-bg')}: transparent;
-    #{eleVarName('tab', 'indicator-dot-color')}: rgba(255, 255, 255, 0.4);
-    #{eleVarName('tab', 'indicator-dot-hover-color')}: rgba(255, 255, 255, 0.6);
-    #{eleVarName('tab', 'button-bg')}: #{$hover-bg};
-    #{eleVarName('tab', 'button-hover-bg')}: rgba(255, 255, 255, 0.2);
-    #{eleVarName('tab', 'button-hover-color')}: #{$color};
-  }
-}
-
-.ele-admin-header.is-dark > .ele-admin-tabs.ele-tab-wrap,
-.ele-admin-header.is-dark > .ele-admin-tabs .ele-tabs {
-  $color: eleVar('header', 'dark-color');
-  $hover-bg: eleVar('header', 'dark-tool-hover-bg');
-  #{eleVarName('tab', 'active-close-color')}: #{$color};
-  #{eleVarName('tab', 'active-close-hover-color')}: #{$color};
-  #{eleVarName('tab', 'active-close-hover-bg')}: #{$hover-bg};
-  #{eleVarName('tab', 'simple-active-color')}: #{$color};
-  #{eleVarName('tab', 'simple-active-bg')}: #{elVar('color-primary')};
-  #{eleVarName('tab', 'indicator-dot-active-color')}: #{$color};
-  #{eleVarName('tab', 'button-active-color')}: #{$color};
-  #{eleVarName('tab', 'button-active-bg')}: #{elVar('color-primary')};
-}
-
-/* 主色顶栏 */
-.ele-admin-header.is-primary {
-  background: elVar('color-primary');
-
-  /* 菜单 */
-  .ele-admin-menus > .ele-menu {
-    $active-bg: eleVar('header', 'primary-active-bg');
-    #{eleVarName('menu-horizontal', 'dark-active-bg')}: #{$active-bg};
-  }
-}
-
-/* 暗色侧栏 */
-.ele-admin-dark-sidebar {
-  .ele-admin-logo {
-    color: eleVar('logo', 'dark-color');
-    background: eleVar('sidebar', 'dark-bg');
-    box-shadow: eleVar('logo', 'dark-shadow');
-  }
-
-  .ele-admin-sidebar {
-    background: eleVar('sidebar', 'dark-bg');
-    box-shadow: eleVar('sidebar', 'dark-shadow');
-  }
-
-  &.ele-admin-mix-sidebar {
-    &:not(.ele-admin-collapse) {
-      .ele-admin-logo,
-      .ele-admin-sidebox {
-        box-shadow: none;
-      }
-    }
-
-    .ele-admin-sidebox {
-      background: eleVar('sidebar', 'dark-bg');
-    }
-  }
-
-  .ele-admin-sidebox .ele-sidebar-tool,
-  &:not(.ele-admin-mix-sidebar) .ele-admin-sidebar .ele-sidebar-tool {
-    color: eleVar('header', 'dark-color');
-
-    &:hover {
-      background: eleVar('header', 'dark-tool-hover-bg');
-    }
-  }
-}

package/es/ele-pro-layout/style/layout.scss

@@ -1,104 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-.ele-admin-layout {
-  display: flex;
-  flex-direction: column;
-  background: eleVar('layout', 'bg');
-  min-height: eleVar('layout', 'height');
-
-  .ele-admin-main {
-    flex: auto;
-    display: flex;
-  }
-
-  .ele-admin-body {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    transition: width $ele-transition;
-  }
-
-  .ele-admin-wrapper {
-    flex: auto;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-
-    & > .el-backtop {
-      z-index: calc(#{eleVar('layout', 'index')} + 1);
-    }
-  }
-
-  .ele-admin-content {
-    flex: auto;
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-/* 遮罩 */
-.ele-admin-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: eleVar('layout', 'mask-index');
-  transition: (background-color $ele-transition, left $ele-transition);
-  visibility: hidden;
-}
-
-/* 禁用过渡效果 */
-.ele-transition-disabled {
-  .ele-admin-header,
-  .ele-admin-logo,
-  .ele-admin-sidebox,
-  .ele-admin-sidebar,
-  .ele-admin-body,
-  .ele-admin-tabs,
-  .ele-admin-content,
-  .ele-bottom-bar,
-  .ele-modal-inner {
-    transition: none !important;
-  }
-}
-
-/* iframe */
-.ele-admin-iframe-wrap {
-  flex-shrink: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  pointer-events: none;
-  overflow: hidden;
-}
-
-.ele-admin-iframe {
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-  box-sizing: border-box;
-  pointer-events: auto;
-}
-
-/* 弹窗容器 */
-.ele-admin-modals {
-  flex-shrink: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: eleVar('layout', 'index');
-}

package/es/ele-pro-layout/style/sidebar.scss

@@ -1,219 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-/* 侧栏 */
-.ele-admin-sidebar {
-  flex-shrink: 0;
-  width: eleVar('sidebar', 'width');
-  z-index: calc(#{eleVar('layout', 'index')} + 4);
-  background: eleVar('sidebar', 'bg');
-  box-shadow: eleVar('sidebar', 'shadow');
-  transition: (width $ele-transition, left $ele-transition);
-  box-sizing: border-box;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-
-  .ele-admin-menus {
-    flex: 1;
-
-    & > .el-scrollbar__wrap {
-      box-sizing: border-box;
-      position: relative;
-      overflow-x: hidden;
-      overflow-y: auto;
-
-      & > .el-scrollbar__view > .ele-menu {
-        width: 100%;
-        border: none;
-        background: none;
-        transition: none;
-      }
-    }
-  }
-
-  & + .ele-admin-body {
-    width: calc(100% - #{eleVar('sidebar', 'width')});
-  }
-}
-
-/* 双侧栏一级 */
-.ele-admin-sidebox {
-  flex-shrink: 0;
-  width: eleVar('sidebox', 'width');
-  z-index: calc(#{eleVar('layout', 'index')} + 4);
-  background: eleVar('sidebar', 'bg');
-  box-shadow: -0.8px 0 0 eleVar('header', 'line-color') inset;
-  transition: width $ele-transition;
-  box-sizing: border-box;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-
-  .ele-admin-menus {
-    flex: 1;
-
-    & > .el-scrollbar__wrap {
-      box-sizing: border-box;
-      position: relative;
-      overflow-x: hidden;
-      overflow-y: auto;
-
-      & > .el-scrollbar__view > .ele-menu {
-        width: 100%;
-        border: none;
-        background: none;
-        transition: padding $ele-transition;
-        #{eleVarName('menu', 'item-padding')}: eleVar('sidebox', 'padding');
-        #{eleVarName('menu', 'item-radius')}: eleVar('sidebox', 'item-radius');
-
-        & > .el-menu-item,
-        & > .el-sub-menu > .el-sub-menu__title {
-          height: auto;
-          display: flex;
-          align-items: center;
-          flex-direction: column;
-          padding: eleVar('sidebox', 'item-padding');
-          transition: all $ele-transition;
-
-          .el-icon:not(.el-sub-menu__icon-arrow) {
-            margin: 0;
-            font-size: eleVar('sidebox', 'icon-font-size');
-          }
-
-          & > span {
-            width: 100%;
-            height: auto;
-            line-height: 1;
-            font-size: eleVar('sidebox', 'font-size');
-            margin-top: eleVar('sidebox', 'title-margin');
-            box-sizing: border-box;
-            text-align: center;
-            display: block;
-            overflow: hidden;
-            white-space: nowrap;
-            word-break: break-all;
-            text-overflow: ellipsis;
-            visibility: visible;
-          }
-        }
-
-        & > .el-menu-item::after {
-          display: none;
-        }
-
-        & > .el-sub-menu.is-active > .el-sub-menu__title {
-          transition: none;
-        }
-
-        & > .el-menu-item .el-badge,
-        & > .el-sub-menu > .el-sub-menu__title .el-badge {
-          position: absolute;
-          top: 2px;
-          right: 4px;
-          margin: 0;
-
-          .el-badge__content:not(.is-dot) {
-            width: auto;
-            height: 18px;
-            line-height: 18px;
-            border-radius: 24px;
-            min-width: 20px;
-            font-size: 12px;
-            padding: 0 4px;
-          }
-        }
-      }
-    }
-  }
-}
-
-.ele-admin-sidebox-popup.ele-menu {
-  & > .el-menu--popup-container > .el-menu--popup {
-    margin-left: eleVar('sidebox', 'padding');
-    margin-right: eleVar('sidebox', 'padding');
-  }
-}
-
-/* 操作按钮 */
-.ele-sidebar-tool {
-  height: eleVar('sidebar', 'tool-height');
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: eleVar('header', 'tool-radius');
-  transition: (color $ele-transition, background-color $ele-transition);
-  cursor: pointer;
-
-  &:hover {
-    background: eleVar('header', 'tool-hover-bg');
-  }
-}
-
-/* 双侧栏 */
-.ele-admin-mix-sidebar {
-  $sideboxW: eleVar('sidebox', 'width');
-  $sidebarW: eleVar('sidebar', 'mix-width');
-
-  .ele-admin-logo {
-    width: $sideboxW;
-
-    & > img + h1 {
-      display: none;
-    }
-  }
-
-  &:not(.ele-admin-collapse) .ele-admin-logo {
-    box-shadow: -0.8px 0 0 eleVar('header', 'line-color') inset;
-  }
-
-  .ele-admin-sidebox + .ele-admin-sidebar {
-    width: $sidebarW;
-    z-index: calc(#{eleVar('layout', 'index')} + 2);
-    box-shadow: eleVar('sidebar', 'shadow');
-    background: eleVar('sidebar', 'bg');
-  }
-
-  .ele-admin-sidebar + .ele-admin-body {
-    width: calc(100% - #{$sideboxW} - #{$sidebarW});
-  }
-
-  .ele-admin-sidebox + .ele-admin-body {
-    width: calc(100% - #{$sideboxW});
-  }
-}
-
-/* 滚动条样式优化 */
-.ele-admin-sidebar > .ele-admin-menus,
-.ele-admin-sidebox > .ele-admin-menus {
-  $size: eleVar('menu-thumb', 'size');
-  $padding: eleVar('menu-thumb', 'padding');
-  $hover-color: eleVar('menu-thumb', 'hover-color');
-  #{elVarName('scrollbar', 'opacity')}: 1;
-  #{elVarName('scrollbar', 'hover-opacity')}: 1;
-  #{elVarName('scrollbar', 'bg-color')}: eleVar('menu-thumb', 'color');
-  #{elVarName('scrollbar', 'hover-bg-color')}: #{$hover-color};
-
-  & > .el-scrollbar__bar.is-vertical {
-    width: calc(#{$size} - #{$padding} * 2);
-    border-radius: eleVar('menu-thumb', 'radius');
-    right: $padding;
-    z-index: 9;
-  }
-
-  & > .el-scrollbar__bar.is-horizontal {
-    height: calc(#{$size} - #{$padding} * 2);
-    border-radius: eleVar('menu-thumb', 'radius');
-    bottom: $padding;
-    z-index: 9;
-  }
-}
-
-.ele-admin-dark-sidebar:not(.ele-admin-mix-sidebar) .ele-admin-sidebar,
-.ele-admin-dark-sidebar .ele-admin-sidebox {
-  & > .ele-admin-menus {
-    $dark-hover-color: eleVar('menu-dark-thumb', 'hover-color');
-    #{elVarName('scrollbar', 'bg-color')}: eleVar('menu-dark-thumb', 'color');
-    #{elVarName('scrollbar', 'hover-bg-color')}: #{$dark-hover-color};
-  }
-}

package/lib/ele-app/style/overwrite/table-filter/css-var.scss

@@ -1,8 +0,0 @@
-@use '../../../../style/util.scss' as *;
-
-/* TableFilter 主题变量 */
-@mixin set-el-table-filter-var($var) {
-  .el-table-filter {
-    @include set-ele-var('table-filter', $var);
-  }
-}

package/lib/ele-app/style/overwrite/table-filter/index.scss

@@ -1,98 +0,0 @@
-@use '../../../../style/themes/default.scss' as *;
-@use '../../../../style/util.scss' as *;
-@use '../../../../ele-virtual-table/style/css-var.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-el-table-filter-var($ele);
-
-/* TableFilter */
-.el-table-filter {
-  .el-table-filter__list {
-    padding: eleVar('table-filter', 'padding');
-    max-height: eleVar('table-filter', 'max-height');
-    box-sizing: border-box;
-    overflow: auto;
-  }
-
-  .el-table-filter__list-item {
-    color: eleVar('table-filter', 'item-color');
-    height: eleVar('table-filter', 'item-height');
-    line-height: eleVar('table-filter', 'item-height');
-    padding: eleVar('table-filter', 'item-padding');
-    border-radius: eleVar('table-filter', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
-    box-sizing: border-box;
-
-    & + .el-table-filter__list-item {
-      margin-top: eleVar('table-filter', 'item-margin');
-    }
-
-    &:hover {
-      color: eleVar('table-filter', 'item-hover-color');
-      background: eleVar('table-filter', 'item-hover-bg');
-    }
-
-    &.is-active {
-      color: eleVar('table-filter', 'item-active-color');
-      background: eleVar('table-filter', 'item-active-bg');
-      font-weight: eleVar('table-filter', 'item-active-font-weight');
-
-      &:hover {
-        background: eleVar('table-filter', 'item-active-hover-bg');
-      }
-    }
-  }
-
-  .el-table-filter__wrap {
-    max-height: eleVar('table-filter', 'max-height');
-  }
-
-  @include filter-checkbox-style($ele-transition);
-
-  .el-table-filter__bottom {
-    padding: eleVar('table-filter', 'footer-padding');
-    border-top: eleVar('table-filter', 'footer-border');
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-
-    & > button {
-      height: 24px;
-      line-height: 24px;
-      padding: 0 11px;
-      font-size: 12px;
-      color: elVar('text-color', 'regular');
-      border-radius: calc(#{elVar('border-radius', 'base')} - 1px);
-      transition: (color $ele-transition, background-color $ele-transition);
-      box-sizing: border-box;
-
-      &:hover {
-        background: elVar('fill-color', 'light');
-      }
-
-      &:active {
-        background: elVar('fill-color');
-      }
-
-      &:first-child {
-        order: 2;
-        color: #fff;
-        background: elVar('color-primary');
-        margin-left: 4px;
-
-        &:hover {
-          background: elVar('color-primary', 'light-3');
-        }
-
-        &:active {
-          background: elVar('color-primary', 'dark-2');
-        }
-
-        &.is-disabled {
-          background: elVar('color-primary', 'light-5');
-        }
-      }
-    }
-  }
-}

package/lib/ele-pro-layout/components/header-tool.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
-export default _default;