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

package/lib/ele-pro-layout/components/pro-header.cjs

@@ -1,361 +0,0 @@
-"use strict";
-const vue = require("vue");
-const icons = require("../../icons");
-const EleBreadcrumb = require("../../ele-breadcrumb/index");
-const EleMenus = require("../../ele-menus/index");
-const util = require("../util");
-const ProTabs = require("./pro-tabs");
-const _sfc_main = vue.defineComponent({
-  name: "ProHeader",
-  components: { EleBreadcrumb, EleMenus, ProTabs },
-  props: {
-    /** 菜单数据 */
-    menus: {
-      type: Array,
-      required: true
-    },
-    /** 顶栏风格 */
-    headerStyle: String,
-    /** 菜单选中 */
-    active: String,
-    /** 菜单是否省略多余的子项 */
-    ellipsis: Boolean,
-    /** 菜单省略项的属性 */
-    ellipsisProps: Object,
-    /** 父级菜单展开触发方式 */
-    menuTrigger: String,
-    /** 子菜单项触发模式 */
-    itemTrigger: String,
-    /** 侧栏是否折叠 */
-    collapse: Boolean,
-    /** 当前是否有侧栏 */
-    sidebar: Boolean,
-    /** 菜单标题插槽名称 */
-    titleSlot: String,
-    /** 菜单图标插槽名称 */
-    iconSlot: String,
-    /** 面包屑导航数据 */
-    levels: {
-      type: Array,
-      required: true
-    },
-    /** 是否显示面包屑导航 */
-    breadcrumb: Boolean,
-    /** 面包屑导航分隔符 */
-    breadcrumbSeparator: [String, Object, Function],
-    /** 主页路由地址 */
-    homePath: String,
-    /** 当前路由是否是主页 */
-    isHome: Boolean,
-    /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: [Boolean, Object],
-    /** 页签数据 */
-    tabs: {
-      type: Array,
-      required: true
-    },
-    /** 页签选中 */
-    tabActive: {
-      type: String,
-      required: true
-    },
-    /** 是否需要固定的主页页签 */
-    fixedHome: Boolean,
-    /** 页签风格 */
-    tabStyle: String,
-    /** 是否支持右键菜单 */
-    tabContextMenu: [Boolean, Object],
-    /** 右键菜单 */
-    tabContextMenus: [Array, Function],
-    /** 是否支持拖动排序 */
-    tabSortable: Boolean,
-    /** 是否需要页签栏 */
-    tabBar: [Boolean, String]
-  },
-  emits: {
-    logoClick: () => true,
-    open: (_index, _indexPath) => true,
-    close: (_index, _indexPath) => true,
-    itemClick: (_item, _e) => true,
-    itemMouseenter: (_item, _e) => true,
-    itemMouseleave: (_item, _e) => true,
-    mouseEnter: (_e) => true,
-    mouseLeave: (_e) => true,
-    tabClick: (_opt) => true,
-    tabRemove: (_opt) => true,
-    tabContextMenu: (_opt) => true,
-    tabSortChange: (_data) => true
-  },
-  setup(props, { emit }) {
-    const state = { hover: false, timer: null };
-    const levelItems = vue.shallowRef([]);
-    const menuItems = vue.computed(() => {
-      return util.getMenuItems(
-        props.menus,
-        props.itemTrigger !== "click" && props.itemTrigger !== "hover"
-      );
-    });
-    const isDark = vue.computed(() => props.headerStyle === "dark");
-    const isPrimary = vue.computed(() => props.headerStyle === "primary");
-    const isIconSeparator = vue.computed(() => {
-      return typeof props.breadcrumbSeparator !== "string";
-    });
-    const hasTab = vue.computed(() => props.tabBar === "header");
-    const onLogoClick = () => {
-      emit("logoClick");
-    };
-    const onOpen = (index, indexPath) => {
-      emit("open", index, indexPath);
-    };
-    const onClose = (index, indexPath) => {
-      emit("close", index, indexPath);
-    };
-    const onItemClick = (item, e) => {
-      emit("itemClick", item, e);
-    };
-    const onItemMouseenter = (item, e) => {
-      emit("itemMouseenter", item, e);
-      onMouseenter(e);
-    };
-    const onItemMouseleave = (item, e) => {
-      emit("itemMouseleave", item, e);
-      onMouseleave(e);
-    };
-    const onMouseenter = (e) => {
-      if (state.timer != null) {
-        clearTimeout(state.timer);
-        state.timer = null;
-      }
-      if (!state.hover) {
-        state.hover = true;
-        emit("mouseEnter", e);
-      }
-    };
-    const onMouseleave = (e) => {
-      if (state.timer != null) {
-        clearTimeout(state.timer);
-      }
-      state.timer = setTimeout(() => {
-        state.timer = null;
-        state.hover = false;
-        emit("mouseLeave", e);
-      }, 300);
-    };
-    const onTabClick = (opt) => {
-      emit("tabClick", opt);
-    };
-    const onTabRemove = (opt) => {
-      emit("tabRemove", opt);
-    };
-    const onTabContextMenu = (opt) => {
-      emit("tabContextMenu", opt);
-    };
-    const onTabSortChange = (data) => {
-      emit("tabSortChange", data);
-    };
-    vue.watch(
-      [() => props.isHome, () => props.homePath, () => props.levels],
-      () => {
-        const data = [];
-        if (!props.isHome) {
-          data.push({
-            key: props.homePath,
-            to: props.homePath,
-            icon: icons.HomeOutlined,
-            iconStyle: {
-              transform: "scale(1.13)",
-              transformOrigin: "8px -2px"
-            }
-          });
-        }
-        props.levels.forEach((d) => {
-          data.push({ key: d.path, title: d.title });
-        });
-        levelItems.value = data;
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    vue.onBeforeUnmount(() => {
-      if (state.timer != null) {
-        clearTimeout(state.timer);
-        state.timer = null;
-      }
-    });
-    return {
-      levelItems,
-      menuItems,
-      isDark,
-      isPrimary,
-      isIconSeparator,
-      hasTab,
-      onLogoClick,
-      onOpen,
-      onClose,
-      onItemClick,
-      onItemMouseenter,
-      onItemMouseleave,
-      onMouseenter,
-      onMouseleave,
-      onTabClick,
-      onTabRemove,
-      onTabContextMenu,
-      onTabSortChange
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = {
-  key: 1,
-  class: "ele-admin-tools"
-};
-const _hoisted_2 = {
-  key: 2,
-  class: "ele-admin-breadcrumb"
-};
-const _hoisted_3 = {
-  key: 3,
-  class: "ele-admin-menus"
-};
-const _hoisted_4 = {
-  key: 5,
-  class: "ele-admin-tools"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_EleBreadcrumb = vue.resolveComponent("EleBreadcrumb");
-  const _component_EleMenus = vue.resolveComponent("EleMenus");
-  const _component_ProTabs = vue.resolveComponent("ProTabs");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass([
-      "ele-admin-header",
-      { "is-dark": _ctx.isDark },
-      { "is-primary": _ctx.isPrimary },
-      { "is-ghost": !_ctx.isDark && !_ctx.isPrimary && _ctx.hasTab && _ctx.tabStyle === "button" }
-    ]),
-    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.onMouseenter && _ctx.onMouseenter(...args)),
-    onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.onMouseleave && _ctx.onMouseleave(...args))
-  }, [
-    _ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      class: "ele-admin-logo",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onLogoClick && _ctx.onLogoClick(...args))
-    }, [
-      vue.renderSlot(_ctx.$slots, "logo", {
-        collapse: _ctx.collapse,
-        sidebar: _ctx.sidebar
-      })
-    ])) : vue.createCommentVNode("", true),
-    _ctx.$slots.left ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-      vue.renderSlot(_ctx.$slots, "left", { sidebar: _ctx.sidebar })
-    ])) : vue.createCommentVNode("", true),
-    _ctx.breadcrumb ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-      vue.renderSlot(_ctx.$slots, "breadcrumb", {
-        levels: _ctx.levels,
-        isHome: _ctx.isHome,
-        homePath: _ctx.homePath,
-        sidebar: _ctx.sidebar
-      }, () => [
-        vue.createVNode(_component_EleBreadcrumb, {
-          separator: _ctx.isIconSeparator ? void 0 : _ctx.breadcrumbSeparator,
-          separatorIcon: _ctx.isIconSeparator ? _ctx.breadcrumbSeparator : void 0,
-          items: _ctx.levelItems
-        }, null, 8, ["separator", "separatorIcon", "items"])
-      ])
-    ])) : vue.createCommentVNode("", true),
-    vue.renderSlot(_ctx.$slots, "center", { sidebar: _ctx.sidebar }),
-    _ctx.menuItems.length || !_ctx.hasTab ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-      _ctx.menuItems.length ? (vue.openBlock(), vue.createBlock(_component_EleMenus, {
-        key: 0,
-        items: _ctx.menuItems,
-        theme: _ctx.isDark || _ctx.isPrimary ? "dark" : "light",
-        popupTheme: _ctx.isDark ? "dark" : "light",
-        mode: "horizontal",
-        ellipsis: _ctx.ellipsis,
-        ellipsisProps: _ctx.ellipsisProps,
-        defaultActive: _ctx.active,
-        menuTrigger: _ctx.menuTrigger,
-        textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
-        onOpen: _ctx.onOpen,
-        onClose: _ctx.onClose,
-        onItemClick: _ctx.onItemClick,
-        onItemMouseenter: _ctx.onItemMouseenter,
-        onItemMouseleave: _ctx.onItemMouseleave
-      }, vue.createSlots({ _: 2 }, [
-        _ctx.iconSlot && ![
-          "logo",
-          "left",
-          "right",
-          "center",
-          "breadcrumb",
-          "tabTitle",
-          "tabContext",
-          "tabExtra",
-          "tabHome"
-        ].includes(_ctx.iconSlot) && _ctx.$slots[_ctx.iconSlot] ? {
-          name: "icon",
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, _ctx.iconSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.titleSlot && ![
-          "logo",
-          "left",
-          "right",
-          "center",
-          "breadcrumb",
-          "tabTitle",
-          "tabContext",
-          "tabExtra",
-          "tabHome"
-        ].includes(_ctx.titleSlot) && _ctx.$slots[_ctx.titleSlot] ? {
-          name: "title",
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, _ctx.titleSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "textEllipsisTooltip", "onOpen", "onClose", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : vue.createCommentVNode("", true)
-    ])) : vue.createCommentVNode("", true),
-    _ctx.hasTab ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
-      key: 4,
-      tabs: _ctx.tabs,
-      active: _ctx.tabActive,
-      tabStyle: _ctx.tabStyle,
-      fixedHome: _ctx.fixedHome,
-      homePath: _ctx.homePath,
-      isHome: _ctx.isHome,
-      tabContextMenu: _ctx.tabContextMenu,
-      tabContextMenus: _ctx.tabContextMenus,
-      tabSortable: _ctx.tabSortable,
-      onTabClick: _ctx.onTabClick,
-      onTabRemove: _ctx.onTabRemove,
-      onTabContextMenu: _ctx.onTabContextMenu,
-      onTabSortChange: _ctx.onTabSortChange
-    }, vue.createSlots({ _: 2 }, [
-      vue.renderList(Object.keys(_ctx.$slots).filter(
-        (k) => ["tabTitle", "tabContext", "tabExtra", "tabHome"].includes(k)
-      ), (name) => {
-        return {
-          name,
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ])
-        };
-      })
-    ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : vue.createCommentVNode("", true),
-    _ctx.$slots.right ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-      vue.renderSlot(_ctx.$slots, "right", { sidebar: _ctx.sidebar })
-    ])) : vue.createCommentVNode("", true)
-  ], 34);
-}
-const proHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = proHeader;

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

@@ -1,187 +0,0 @@
-import { MenuItem, LevelItem, HeaderStyle, MenuItemTrigger, MenuItemProps, TabStyle, TabItem, TabItemEventOption } from '../types';
-import { ContextMenus } from '../../ele-tabs/types';
-import { EleDropdownProps } from '../../ele-app/plus';
-import { BreadcrumbItem } from '../../ele-breadcrumb/types';
-import { PropType } from 'vue';
-
-declare const _default: import('vue').DefineComponent<{
-    /** 菜单数据 */
-    menus: {
-        type: PropType<MenuItem[]>;
-        required: true;
-    };
-    /** 顶栏风格 */
-    headerStyle: PropType<HeaderStyle>;
-    /** 菜单选中 */
-    active: StringConstructor;
-    /** 菜单是否省略多余的子项 */
-    ellipsis: BooleanConstructor;
-    /** 菜单省略项的属性 */
-    ellipsisProps: PropType<import('../../ele-menus/types').EllipsisProps | undefined>;
-    /** 父级菜单展开触发方式 */
-    menuTrigger: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
-    /** 子菜单项触发模式 */
-    itemTrigger: PropType<MenuItemTrigger>;
-    /** 侧栏是否折叠 */
-    collapse: BooleanConstructor;
-    /** 当前是否有侧栏 */
-    sidebar: BooleanConstructor;
-    /** 菜单标题插槽名称 */
-    titleSlot: StringConstructor;
-    /** 菜单图标插槽名称 */
-    iconSlot: StringConstructor;
-    /** 面包屑导航数据 */
-    levels: {
-        type: PropType<LevelItem[]>;
-        required: true;
-    };
-    /** 是否显示面包屑导航 */
-    breadcrumb: BooleanConstructor;
-    /** 面包屑导航分隔符 */
-    breadcrumbSeparator: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
-    /** 主页路由地址 */
-    homePath: StringConstructor;
-    /** 当前路由是否是主页 */
-    isHome: BooleanConstructor;
-    /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: PropType<boolean | Partial<import('../../ele-tooltip/props').TooltipProps> | undefined>;
-    /** 页签数据 */
-    tabs: {
-        type: PropType<TabItem[]>;
-        required: true;
-    };
-    /** 页签选中 */
-    tabActive: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** 是否需要固定的主页页签 */
-    fixedHome: BooleanConstructor;
-    /** 页签风格 */
-    tabStyle: PropType<TabStyle>;
-    /** 是否支持右键菜单 */
-    tabContextMenu: PropType<boolean | EleDropdownProps>;
-    /** 右键菜单 */
-    tabContextMenus: PropType<ContextMenus>;
-    /** 是否支持拖动排序 */
-    tabSortable: BooleanConstructor;
-    /** 是否需要页签栏 */
-    tabBar: PropType<boolean | "header">;
-}, {
-    levelItems: import('vue').ShallowRef<BreadcrumbItem[]>;
-    menuItems: import('vue').ComputedRef<Partial<import('../../ele-menus/types').MenuItem>[]>;
-    isDark: import('vue').ComputedRef<boolean>;
-    isPrimary: import('vue').ComputedRef<boolean>;
-    isIconSeparator: import('vue').ComputedRef<boolean>;
-    hasTab: import('vue').ComputedRef<boolean>;
-    onLogoClick: () => void;
-    onOpen: (index: string, indexPath: string[]) => void;
-    onClose: (index: string, indexPath: string[]) => void;
-    onItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    onItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
-    onItemMouseleave: (item: MenuItemProps, e: MouseEvent) => void;
-    onMouseenter: (e: MouseEvent) => void;
-    onMouseleave: (e: MouseEvent) => void;
-    onTabClick: (opt: TabItemEventOption) => void;
-    onTabRemove: (opt: TabItemEventOption) => void;
-    onTabContextMenu: (opt: TabItemEventOption) => void;
-    onTabSortChange: (data: TabItem[]) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    logoClick: () => true;
-    open: (_index: string, _indexPath: string[]) => true;
-    close: (_index: string, _indexPath: string[]) => true;
-    itemClick: (_item: MenuItemProps, _e: MouseEvent) => true;
-    itemMouseenter: (_item: MenuItemProps, _e: MouseEvent) => true;
-    itemMouseleave: (_item: MenuItemProps, _e: MouseEvent) => true;
-    mouseEnter: (_e: MouseEvent) => true;
-    mouseLeave: (_e: MouseEvent) => true;
-    tabClick: (_opt: TabItemEventOption) => true;
-    tabRemove: (_opt: TabItemEventOption) => true;
-    tabContextMenu: (_opt: TabItemEventOption) => true;
-    tabSortChange: (_data: TabItem[]) => true;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 菜单数据 */
-    menus: {
-        type: PropType<MenuItem[]>;
-        required: true;
-    };
-    /** 顶栏风格 */
-    headerStyle: PropType<HeaderStyle>;
-    /** 菜单选中 */
-    active: StringConstructor;
-    /** 菜单是否省略多余的子项 */
-    ellipsis: BooleanConstructor;
-    /** 菜单省略项的属性 */
-    ellipsisProps: PropType<import('../../ele-menus/types').EllipsisProps | undefined>;
-    /** 父级菜单展开触发方式 */
-    menuTrigger: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
-    /** 子菜单项触发模式 */
-    itemTrigger: PropType<MenuItemTrigger>;
-    /** 侧栏是否折叠 */
-    collapse: BooleanConstructor;
-    /** 当前是否有侧栏 */
-    sidebar: BooleanConstructor;
-    /** 菜单标题插槽名称 */
-    titleSlot: StringConstructor;
-    /** 菜单图标插槽名称 */
-    iconSlot: StringConstructor;
-    /** 面包屑导航数据 */
-    levels: {
-        type: PropType<LevelItem[]>;
-        required: true;
-    };
-    /** 是否显示面包屑导航 */
-    breadcrumb: BooleanConstructor;
-    /** 面包屑导航分隔符 */
-    breadcrumbSeparator: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
-    /** 主页路由地址 */
-    homePath: StringConstructor;
-    /** 当前路由是否是主页 */
-    isHome: BooleanConstructor;
-    /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: PropType<boolean | Partial<import('../../ele-tooltip/props').TooltipProps> | undefined>;
-    /** 页签数据 */
-    tabs: {
-        type: PropType<TabItem[]>;
-        required: true;
-    };
-    /** 页签选中 */
-    tabActive: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** 是否需要固定的主页页签 */
-    fixedHome: BooleanConstructor;
-    /** 页签风格 */
-    tabStyle: PropType<TabStyle>;
-    /** 是否支持右键菜单 */
-    tabContextMenu: PropType<boolean | EleDropdownProps>;
-    /** 右键菜单 */
-    tabContextMenus: PropType<ContextMenus>;
-    /** 是否支持拖动排序 */
-    tabSortable: BooleanConstructor;
-    /** 是否需要页签栏 */
-    tabBar: PropType<boolean | "header">;
-}>> & {
-    onClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
-    onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
-    onTabClick?: ((_opt: TabItemEventOption) => any) | undefined;
-    onTabRemove?: ((_opt: TabItemEventOption) => any) | undefined;
-    onItemClick?: ((_item: Partial<import('../../ele-menus/types').MenuItem>, _e: MouseEvent) => any) | undefined;
-    onTabContextMenu?: ((_opt: TabItemEventOption) => any) | undefined;
-    onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
-    onItemMouseenter?: ((_item: Partial<import('../../ele-menus/types').MenuItem>, _e: MouseEvent) => any) | undefined;
-    onItemMouseleave?: ((_item: Partial<import('../../ele-menus/types').MenuItem>, _e: MouseEvent) => any) | undefined;
-    onLogoClick?: (() => any) | undefined;
-    onMouseEnter?: ((_e: MouseEvent) => any) | undefined;
-    onMouseLeave?: ((_e: MouseEvent) => any) | undefined;
-}, {
-    collapse: boolean;
-    ellipsis: boolean;
-    breadcrumb: boolean;
-    fixedHome: boolean;
-    tabSortable: boolean;
-    isHome: boolean;
-    sidebar: boolean;
-}, {}>;
-export default _default;

package/lib/ele-pro-layout/components/pro-sidebar.cjs

@@ -1,147 +0,0 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const EleMenus = require("../../ele-menus/index");
-const util = require("../util");
-const _sfc_main = vue.defineComponent({
-  name: "ProSidebar",
-  components: { ElScrollbar: elementPlus.ElScrollbar, EleMenus },
-  props: {
-    /** 菜单数据 */
-    menus: {
-      type: Array,
-      required: true
-    },
-    /** 侧栏风格 */
-    sidebarStyle: String,
-    /** 侧栏菜单是否彩色图标 */
-    colorfulIcon: Boolean,
-    /** 菜单选中 */
-    active: String,
-    /** 是否折叠 */
-    collapse: Boolean,
-    /** 是否只保持一个父级菜单展开 */
-    uniqueOpened: Boolean,
-    /** 默认展开的父级菜单 */
-    defaultOpeneds: Array,
-    /** 菜单折叠提示气泡主题 */
-    popperEffect: String,
-    /** 子菜单项触发模式 */
-    itemTrigger: String,
-    /** 菜单标题插槽名称 */
-    titleSlot: String,
-    /** 菜单图标插槽名称 */
-    iconSlot: String,
-    /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: [Boolean, Object]
-  },
-  emits: {
-    open: (_index, _indexPath) => true,
-    close: (_index, _indexPath) => true,
-    itemClick: (_item, _e) => true,
-    mouseEnter: (_e) => true,
-    mouseLeave: (_e) => true
-  },
-  setup(props, { emit }) {
-    const { scrollIntoView } = util.useMenuScroll(() => {
-      var _a;
-      return (_a = menusRef.value) == null ? void 0 : _a.$el;
-    });
-    const menusRef = vue.ref(null);
-    const menuItems = vue.computed(() => {
-      return util.getMenuItems(
-        props.menus,
-        props.itemTrigger !== "click" && props.itemTrigger !== "hover"
-      );
-    });
-    const onOpen = (index, indexPath) => {
-      emit("open", index, indexPath);
-    };
-    const onClose = (index, indexPath) => {
-      emit("close", index, indexPath);
-    };
-    const onItemClick = (item, e) => {
-      emit("itemClick", item, e);
-    };
-    const onMouseenter = (e) => {
-      emit("mouseEnter", e);
-    };
-    const onMouseleave = (e) => {
-      emit("mouseLeave", e);
-    };
-    vue.watch([() => props.active, () => props.collapse], () => {
-      vue.nextTick(() => {
-        scrollIntoView();
-      });
-    });
-    return {
-      menusRef,
-      menuItems,
-      onOpen,
-      onClose,
-      onItemClick,
-      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 = vue.resolveComponent("EleMenus");
-  const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: "ele-admin-sidebar",
-    onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.onMouseenter && _ctx.onMouseenter(...args)),
-    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.onMouseleave && _ctx.onMouseleave(...args))
-  }, [
-    vue.renderSlot(_ctx.$slots, "top"),
-    vue.createVNode(_component_ElScrollbar, {
-      ref: "menusRef",
-      class: "ele-admin-menus"
-    }, {
-      default: vue.withCtx(() => [
-        _ctx.menuItems.length ? (vue.openBlock(), vue.createBlock(_component_EleMenus, {
-          key: 0,
-          items: _ctx.menuItems,
-          theme: _ctx.sidebarStyle,
-          colorful: _ctx.colorfulIcon,
-          collapse: _ctx.collapse,
-          defaultActive: _ctx.active,
-          defaultOpeneds: _ctx.defaultOpeneds,
-          uniqueOpened: _ctx.uniqueOpened,
-          popperEffect: _ctx.popperEffect,
-          collapseTransition: false,
-          textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
-          onOpen: _ctx.onOpen,
-          onClose: _ctx.onClose,
-          onItemClick: _ctx.onItemClick
-        }, vue.createSlots({ _: 2 }, [
-          _ctx.iconSlot && !["top", "bottom"].includes(_ctx.iconSlot) && _ctx.$slots[_ctx.iconSlot] ? {
-            name: "icon",
-            fn: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, _ctx.iconSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-            ]),
-            key: "0"
-          } : void 0,
-          _ctx.titleSlot && !["top", "bottom"].includes(_ctx.titleSlot) && _ctx.$slots[_ctx.titleSlot] ? {
-            name: "title",
-            fn: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, _ctx.titleSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["items", "theme", "colorful", "collapse", "defaultActive", "defaultOpeneds", "uniqueOpened", "popperEffect", "textEllipsisTooltip", "onOpen", "onClose", "onItemClick"])) : vue.createCommentVNode("", true)
-      ]),
-      _: 3
-    }, 512),
-    vue.renderSlot(_ctx.$slots, "bottom")
-  ], 32);
-}
-const proSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = proSidebar;