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

package/es/ele-pro-layout/components/pro-sidebox.js

@@ -1,149 +0,0 @@
-import { defineComponent, ref, computed, watch, nextTick, resolveComponent, openBlock, createElementBlock, renderSlot, createVNode, withCtx, createBlock, createSlots, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
-import { ElScrollbar } from "element-plus";
-import EleMenus from "../../ele-menus/index";
-import { useMenuScroll, getMenuItems } from "../util";
-const _sfc_main = defineComponent({
-  name: "ProSidebox",
-  components: { ElScrollbar, EleMenus },
-  props: {
-    /** 菜单数据 */
-    menus: {
-      type: Array,
-      required: true
-    },
-    /** 侧栏风格 */
-    sidebarStyle: String,
-    /** 侧栏菜单是否彩色图标 */
-    colorfulIcon: Boolean,
-    /** 菜单选中 */
-    active: String,
-    /** 是否紧凑风格 */
-    compact: Boolean,
-    /** 二级侧栏是否折叠 */
-    collapse: Boolean,
-    /** 菜单折叠提示气泡主题 */
-    popperEffect: String,
-    /** 子菜单项触发模式 */
-    itemTrigger: String,
-    /** 菜单标题插槽名称 */
-    titleSlot: String,
-    /** 菜单图标插槽名称 */
-    iconSlot: String,
-    /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: [Boolean, Object]
-  },
-  emits: {
-    itemClick: (_item, _e) => true,
-    itemMouseenter: (_item, _e) => true,
-    itemMouseleave: (_item, _e) => true,
-    mouseEnter: (_e) => true,
-    mouseLeave: (_e) => true
-  },
-  setup(props, { emit }) {
-    const { scrollIntoView } = useMenuScroll(() => {
-      var _a;
-      return (_a = menusRef.value) == null ? void 0 : _a.$el;
-    });
-    const menusRef = ref(null);
-    const menuItems = computed(() => {
-      return getMenuItems(
-        props.menus,
-        props.itemTrigger !== "click" && props.itemTrigger !== "hover"
-      ).map((d) => {
-        return { ...d, group: false };
-      });
-    });
-    const onItemClick = (item, e) => {
-      emit("itemClick", item, e);
-    };
-    const onItemMouseenter = (item, e) => {
-      emit("itemMouseenter", item, e);
-    };
-    const onItemMouseleave = (item, e) => {
-      emit("itemMouseleave", item, e);
-    };
-    const onMouseenter = (e) => {
-      emit("mouseEnter", e);
-    };
-    const onMouseleave = (e) => {
-      emit("mouseLeave", e);
-    };
-    watch([() => props.active, () => props.compact], () => {
-      nextTick(() => {
-        scrollIntoView();
-      });
-    });
-    return {
-      menusRef,
-      menuItems,
-      onItemClick,
-      onItemMouseenter,
-      onItemMouseleave,
-      onMouseenter,
-      onMouseleave
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_EleMenus = resolveComponent("EleMenus");
-  const _component_ElScrollbar = resolveComponent("ElScrollbar");
-  return openBlock(), createElementBlock("div", {
-    class: "ele-admin-sidebox",
-    onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.onMouseenter && _ctx.onMouseenter(...args)),
-    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.onMouseleave && _ctx.onMouseleave(...args))
-  }, [
-    renderSlot(_ctx.$slots, "boxTop"),
-    createVNode(_component_ElScrollbar, {
-      ref: "menusRef",
-      class: "ele-admin-menus"
-    }, {
-      default: withCtx(() => [
-        _ctx.menuItems.length ? (openBlock(), createBlock(_component_EleMenus, {
-          key: 0,
-          items: _ctx.menuItems,
-          theme: _ctx.sidebarStyle,
-          popupColorful: _ctx.colorfulIcon,
-          collapse: _ctx.compact || _ctx.collapse,
-          defaultActive: _ctx.active,
-          uniqueOpened: true,
-          popperEffect: _ctx.popperEffect,
-          collapseTransition: false,
-          firstPopperClass: "ele-admin-sidebox-popup",
-          tooltipDisabled: !_ctx.compact,
-          textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
-          onItemClick: _ctx.onItemClick,
-          onItemMouseenter: _ctx.onItemMouseenter,
-          onItemMouseleave: _ctx.onItemMouseleave
-        }, createSlots({ _: 2 }, [
-          _ctx.iconSlot && !["boxTop", "boxBottom"].includes(_ctx.iconSlot) && _ctx.$slots[_ctx.iconSlot] ? {
-            name: "icon",
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, _ctx.iconSlot, normalizeProps(guardReactiveProps(slotProps || {})))
-            ]),
-            key: "0"
-          } : void 0,
-          _ctx.titleSlot && !["boxTop", "boxBottom"].includes(_ctx.titleSlot) && _ctx.$slots[_ctx.titleSlot] ? {
-            name: "title",
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, _ctx.titleSlot, normalizeProps(guardReactiveProps(slotProps || {})))
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "textEllipsisTooltip", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
-      ]),
-      _: 3
-    }, 512),
-    renderSlot(_ctx.$slots, "boxBottom")
-  ], 32);
-}
-const proSidebox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  proSidebox as default
-};

package/es/ele-pro-layout/components/sidebar-tool.js

@@ -1,21 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, renderSlot } from "vue";
-const _sfc_main = defineComponent({
-  name: "SidebarTool"
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-sidebar-tool" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-const sidebarTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  sidebarTool as default
-};

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

@@ -1,83 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-/* 折叠侧栏 */
-.ele-admin-collapse {
-  .ele-admin-logo > img + h1 {
-    display: none;
-  }
-
-  &:not(.ele-admin-mix-sidebar) .ele-admin-logo {
-    width: eleVar('sidebar', 'collapse-width');
-  }
-
-  .ele-admin-sidebar {
-    width: eleVar('sidebar', 'collapse-width');
-
-    & + .ele-admin-body {
-      width: calc(100% - #{eleVar('sidebar', 'collapse-width')});
-    }
-  }
-
-  &.ele-admin-mix-sidebar .ele-admin-sidebar {
-    width: 0;
-
-    & + .ele-admin-body {
-      width: calc(100% - #{eleVar('sidebox', 'width')});
-    }
-  }
-}
-
-.ele-admin-collapse.ele-admin-mix-sidebar .ele-admin-sidebox,
-.ele-admin-none-sidebar.ele-admin-mix-sidebar .ele-admin-sidebox {
-  box-shadow: eleVar('sidebar', 'shadow');
-}
-
-/* 折叠一级侧栏 */
-.ele-admin-compact.ele-admin-mix-sidebar {
-  $collapseW: eleVar('sidebar', 'collapse-width');
-  $sidebarW: eleVar('sidebar', 'mix-width');
-
-  .ele-admin-logo,
-  .ele-admin-sidebox {
-    width: $collapseW;
-  }
-
-  .ele-admin-sidebar + .ele-admin-body {
-    width: calc(100% - #{$collapseW} - #{$sidebarW});
-  }
-
-  .ele-admin-sidebox + .ele-admin-body,
-  &.ele-admin-collapse .ele-admin-body {
-    width: calc(100% - #{$collapseW});
-  }
-
-  .ele-admin-sidebox .ele-admin-menus > .el-scrollbar__wrap {
-    & > .el-scrollbar__view > .ele-menu {
-      $padding: eleVar('sidebox', 'collapse-padding');
-      #{eleVarName('menu', 'item-padding')}: #{$padding};
-
-      & > .el-menu-item,
-      & > .el-sub-menu > .el-sub-menu__title {
-        padding: eleVar('sidebox', 'collapse-item-padding');
-
-        & > span {
-          display: none;
-        }
-      }
-
-      & > .el-menu-item .el-badge,
-      & > .el-sub-menu > .el-sub-menu__title .el-badge {
-        .el-badge__content:not(.is-dot) {
-          padding: 0;
-          width: 8px;
-          height: 8px;
-          font-size: 0;
-          line-height: 0;
-          min-width: auto;
-          border-radius: 50%;
-        }
-      }
-    }
-  }
-}

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

@@ -1,34 +0,0 @@
-@use '../../style/util.scss' as *;
-
-/* 高级布局主题变量 */
-@mixin set-layout-var($var) {
-  .ele-admin-layout {
-    @include set-ele-var('layout', $var);
-  }
-
-  .ele-admin-header,
-  .ele-admin-sidebar,
-  .ele-admin-sidebox,
-  .ele-admin-tabs {
-    @include set-ele-var('header', $var);
-  }
-
-  .ele-admin-logo {
-    @include set-ele-var('logo', $var);
-  }
-
-  .ele-admin-header,
-  .ele-admin-sidebar,
-  .ele-admin-sidebox,
-  .ele-admin-body,
-  .ele-admin-mask {
-    @include set-ele-var('sidebar', $var);
-  }
-
-  .ele-admin-header,
-  .ele-admin-sidebox,
-  .ele-admin-sidebox-popup,
-  .ele-admin-body {
-    @include set-ele-var('sidebox', $var);
-  }
-}

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

@@ -1,161 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-/* 顶栏 */
-.ele-admin-header {
-  display: flex;
-  align-items: center;
-  height: eleVar('header', 'height');
-  line-height: eleVar('header', 'height');
-  background: eleVar('header', 'bg');
-  box-shadow: eleVar('header', 'shadow');
-  transition: (padding $ele-transition, box-shadow $ele-transition);
-  z-index: calc(#{eleVar('layout', 'index')} + 3);
-  flex-shrink: 0;
-
-  &.is-ghost {
-    background: hsla(0, 0%, 100%, 0.04);
-    backdrop-filter: blur(8px);
-  }
-
-  /* 图标 */
-  .ele-admin-logo {
-    color: eleVar('logo', 'color');
-    width: eleVar('sidebar', 'width');
-    height: eleVar('header', 'height');
-    background: eleVar('sidebar', 'bg');
-    box-shadow: eleVar('logo', 'shadow');
-    transition: (width $ele-transition, left $ele-transition);
-    white-space: nowrap;
-    position: relative;
-    overflow: hidden;
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    & > img + h1 {
-      margin: 0 0 0 10px;
-      font-weight: normal;
-      text-overflow: ellipsis;
-      word-break: break-all;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-  }
-
-  /* 面包屑 */
-  .ele-admin-breadcrumb {
-    $tool-padding: eleVar('header', 'tool-padding');
-    flex-shrink: 0;
-    margin-left: calc(#{eleVar('header', 'tools-padding')} + #{$tool-padding});
-  }
-
-  /* 菜单 */
-  .ele-admin-menus {
-    flex: 1;
-    overflow: hidden;
-
-    & > .ele-menu {
-      $menu-height: eleVar('header', 'menu-height');
-      #{eleVarName('menu-horizontal', 'height')}: #{$menu-height};
-      padding-top: 0;
-      padding-bottom: 0;
-      background: none;
-      border: none;
-    }
-  }
-
-  /* 页签栏 */
-  & > .ele-admin-tabs {
-    flex: 1;
-    overflow: hidden;
-    line-height: normal;
-
-    &.ele-tab-wrap {
-      padding-right: 0;
-      background: none;
-      box-shadow: none;
-    }
-
-    & + .ele-admin-tools {
-      padding-left: 0;
-    }
-
-    &.is-simple,
-    &.is-indicator {
-      align-self: flex-end;
-    }
-  }
-
-  & > .ele-admin-tabs.ele-tab-wrap.is-simple,
-  & > .ele-admin-tabs.ele-tab-wrap.is-indicator,
-  & > .ele-tab-wrap .ele-tabs.is-simple,
-  & > .ele-tab-wrap .ele-tabs.is-indicator {
-    $height: eleVar('header', 'height');
-    $tool-height: eleVar('header', 'tool-height');
-    $tab-height: calc(#{$height} - (#{$height} - #{$tool-height}) / 2);
-    #{eleVarName('tab', 'height')}: #{$tab-height};
-  }
-}
-
-/* 工具栏 */
-.ele-admin-tools {
-  display: flex;
-  align-items: center;
-  padding: 0 eleVar('header', 'tools-padding');
-  box-sizing: border-box;
-  flex-shrink: 0;
-  height: 100%;
-
-  & + .ele-admin-breadcrumb {
-    margin-left: 0;
-  }
-
-  & + .ele-admin-tabs {
-    &.ele-tab-wrap,
-    &:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-      padding-left: 0;
-    }
-  }
-
-  & + .is-simple,
-  & + .is-indicator {
-    &.is-fixed-home,
-    &:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-      padding-left: eleVar('tab', 'simple-angle-size');
-    }
-  }
-
-  & + .is-button {
-    &.is-fixed-home,
-    &:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-      padding-left: eleVar('tab', 'button-space');
-    }
-  }
-}
-
-/* 操作按钮 */
-.ele-admin-tool {
-  height: eleVar('header', 'tool-height');
-  padding: 0 eleVar('header', 'tool-padding');
-  display: flex;
-  align-items: center;
-  border-radius: eleVar('header', 'tool-radius');
-  transition: (color $ele-transition, background-color $ele-transition);
-  box-sizing: border-box;
-  cursor: pointer;
-
-  &:hover {
-    background: eleVar('header', 'tool-hover-bg');
-  }
-
-  & > .el-dropdown {
-    color: inherit;
-    cursor: inherit;
-    font-size: inherit;
-    line-height: inherit;
-    height: 100%;
-    align-items: center;
-  }
-}

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

@@ -1,62 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-/* 移动端 */
-.ele-admin-mobile {
-  .ele-admin-logo,
-  .ele-admin-sidebar {
-    position: fixed !important;
-    left: 0 !important;
-    width: eleVar('sidebar', 'width') !important;
-    z-index: calc(eleVar('layout', 'mask-index') + 1) !important;
-  }
-
-  .ele-admin-sidebar {
-    top: eleVar('header', 'height') !important;
-    height: calc(100vh - #{eleVar('header', 'height')}) !important;
-  }
-
-  .ele-admin-logo > img + h1 {
-    display: block !important;
-  }
-
-  &:not(.ele-admin-collapse) .ele-admin-header {
-    z-index: auto !important;
-  }
-
-  .ele-admin-body,
-  .ele-admin-header {
-    padding-left: 0 !important;
-    width: 100% !important;
-  }
-
-  .ele-admin-body > .ele-admin-tabs {
-    left: 0 !important;
-  }
-
-  .ele-admin-breadcrumb,
-  .ele-admin-sidebox {
-    display: none;
-  }
-
-  &:not(.ele-admin-collapse) .ele-admin-mask {
-    left: eleVar('sidebar', 'width');
-    background: elVar('overlay-color', 'lighter');
-    visibility: visible;
-  }
-
-  &.ele-admin-collapse .ele-admin-sidebar,
-  &.ele-admin-collapse .ele-admin-logo {
-    left: calc(0px - eleVar('sidebar', 'width')) !important;
-    box-shadow: none !important;
-  }
-
-  &.ele-admin-open-tab:not(.ele-admin-tab-card) .ele-admin-header {
-    box-shadow: 0 -0.8px 0 eleVar('header', 'line-color') inset !important;
-
-    &.is-dark,
-    &.is-primary {
-      box-shadow: eleVar('header', 'dark-shadow');
-    }
-  }
-}

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

@@ -1,150 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-/* 固定顶栏 */
-.ele-admin-fixed-header {
-  .ele-admin-header {
-    position: sticky;
-    top: 0;
-  }
-
-  .ele-admin-body > .ele-admin-tabs {
-    position: sticky;
-    top: eleVar('header', 'height');
-  }
-
-  &:not(.ele-admin-fixed-sidebar) {
-    .ele-admin-sidebar,
-    .ele-admin-sidebox {
-      z-index: calc(#{eleVar('layout', 'index')} + 2);
-    }
-
-    &:not(.ele-admin-logo-auto):not(.ele-admin-dark-sidebar) {
-      .ele-admin-logo {
-        box-shadow: 0 -0.8px 0 eleVar('header', 'line-color') inset;
-      }
-
-      &.ele-admin-tab-card .ele-admin-logo,
-      &:not(.ele-admin-has-tab) .ele-admin-logo {
-        box-shadow: none;
-      }
-    }
-  }
-}
-
-/* 固定侧栏 */
-.ele-admin-fixed-sidebar {
-  .ele-admin-sidebox,
-  &:not(.ele-admin-mix-sidebar) .ele-admin-sidebar,
-  &.ele-admin-fixed-header.ele-admin-mix-sidebar .ele-admin-sidebar {
-    position: sticky;
-    top: eleVar('header', 'height');
-    height: calc(100vh - #{eleVar('header', 'height')});
-  }
-
-  &:not(.ele-admin-fixed-header) {
-    &:not(.ele-admin-logo-auto) {
-      .ele-admin-logo {
-        position: fixed;
-        top: 0;
-        left: 0;
-      }
-
-      &:not(.ele-admin-mix-sidebar) {
-        .ele-admin-header {
-          padding-left: eleVar('sidebar', 'width');
-        }
-
-        &.ele-admin-collapse .ele-admin-header {
-          padding-left: eleVar('sidebar', 'collapse-width');
-        }
-      }
-
-      &.ele-admin-mix-sidebar {
-        .ele-admin-header {
-          padding-left: eleVar('sidebox', 'width');
-        }
-
-        &.ele-admin-compact .ele-admin-header {
-          padding-left: eleVar('sidebar', 'collapse-width');
-        }
-      }
-    }
-
-    &.ele-admin-logo-auto .ele-admin-sidebox,
-    &.ele-admin-logo-auto:not(.ele-admin-mix-sidebar) .ele-admin-sidebar {
-      top: -1px;
-      height: eleVar('layout', 'height');
-    }
-  }
-}
-
-/* 固定主体 */
-.ele-admin-fixed-body {
-  height: eleVar('layout', 'height');
-
-  .ele-admin-main,
-  .ele-admin-body,
-  .ele-admin-wrapper,
-  .ele-admin-content {
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-
-  .ele-admin-body,
-  .ele-admin-sidebar,
-  .ele-admin-sidebox {
-    height: 100%;
-  }
-
-  .ele-admin-wrapper > .el-backtop {
-    z-index: eleVar('layout', 'index');
-  }
-}
-
-/* 内容全屏 */
-.ele-admin-maximized.ele-admin-layout {
-  .ele-admin-header,
-  .ele-admin-sidebar,
-  .ele-admin-sidebox,
-  &.ele-admin-expanded .ele-admin-body > .ele-admin-tabs {
-    display: none;
-  }
-
-  &.ele-admin-fixed-header .ele-admin-body > .ele-admin-tabs {
-    top: 0;
-  }
-
-  .ele-admin-sidebar + .ele-admin-body,
-  .ele-admin-sidebox + .ele-admin-body {
-    width: 100%;
-  }
-}
-
-/* 图标置于顶栏 */
-.ele-admin-logo-auto {
-  .ele-admin-header {
-    .ele-admin-logo {
-      width: auto;
-      padding: 0 12px 0 24px;
-      color: eleVar('logo', 'color');
-      background: none;
-      box-shadow: none;
-      transition: none;
-
-      & > img + h1 {
-        display: inline;
-      }
-    }
-
-    &.is-dark .ele-admin-logo,
-    &.is-primary .ele-admin-logo {
-      color: eleVar('logo', 'dark-color');
-    }
-  }
-
-  .ele-admin-sidebar,
-  .ele-admin-sidebox {
-    z-index: calc(#{eleVar('layout', 'index')} + 2);
-  }
-}