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

package/lib/utils/message.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const receiver = require("../ele-config-provider/receiver");
+const util = require("../ele-pro-layout/util");
 const MessageBody = require("../ele-app/components/message-body");
 const core = require("./core");
 function blurCurrentFocus() {
@@ -158,7 +159,7 @@ EleMessage.closeAll = function(type) {
 const MESSAGE_KEY = Symbol("message");
 function useMessage(globalOpt) {
   var _a, _b;
-  const layoutState = receiver.useLayoutState();
+  const layoutState = util.useLayoutState();
   const globalProps = receiver.useGlobalProps("message");
   const appContext = (_b = (_a = vue.getCurrentInstance) == null ? void 0 : _a.call(vue)) == null ? void 0 : _b.appContext;
   const groupKey = (globalOpt == null ? void 0 : globalOpt.groupKey) || getDefaultGroupKey();

package/lib/utils/message.d.ts

@@ -1,5 +1,5 @@
-import { MessageHandler as ElMessageHandler, MessageOptions as ElMessageOptions, MessageFn as ElMessageFn } from 'element-plus/es/components/message';
 import { AppContext, InjectionKey } from 'vue';
+import { MessageHandler as ElMessageHandler, MessageOptions as ElMessageOptions, MessageFn as ElMessageFn } from 'element-plus/es/components/message';
 
 /**
  * 消息提示配置

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ele-admin-plus",
-  "version": "1.2.0-beta.1",
+  "version": "1.2.0-beta.3",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts",
@@ -13,67 +13,69 @@
     "test": "esno scripts/test.ts"
   },
   "peerDependencies": {
-    "vue": ">=3.1.0",
-    "element-plus": ">=2.3.0"
+    "element-plus": ">=2.7.0",
+    "vue": ">=3.1.0"
   },
   "devDependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
     "@ant-design/colors": "^7.0.2",
-    "@babel/types": "^7.24.0",
+    "@babel/types": "^7.24.7",
     "@bytemd/plugin-gfm": "^1.21.0",
     "@bytemd/plugin-highlight": "^1.21.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.12.7",
+    "@types/node": "^20.14.2",
     "@types/nprogress": "^0.2.3",
     "@types/sortablejs": "^1.15.8",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "@vue/compiler-sfc": "^3.4.23",
-    "axios": "^1.6.8",
+    "@typescript-eslint/eslint-plugin": "^7.12.0",
+    "@typescript-eslint/parser": "^7.12.0",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "@vue/compiler-sfc": "^3.4.27",
+    "@vueuse/core": "^10.10.0",
+    "axios": "^1.7.2",
     "bytemd": "^1.21.0",
     "chalk": "^5.3.0",
     "countup.js": "^2.8.0",
     "cropperjs": "^1.6.2",
-    "dayjs": "^1.11.10",
+    "dayjs": "^1.11.11",
     "echarts": "^5.5.0",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "^2.7.1",
+    "element-plus": "^2.7.4",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.25.0",
+    "eslint-plugin-vue": "^9.26.0",
     "esno": "^4.7.0",
-    "execa": "^8.0.1",
+    "exceljs": "^4.4.0",
+    "execa": "^9.1.0",
     "github-markdown-css": "^5.5.1",
     "highlight.js": "^11.9.0",
     "jsbarcode": "^3.11.6",
+    "lodash-es": "^4.17.21",
     "nprogress": "^0.2.0",
     "p-limit": "^5.0.0",
     "pinia": "^2.1.7",
     "postcss": "^8.4.38",
-    "prettier": "^3.2.5",
-    "rimraf": "^5.0.5",
-    "sass": "^1.75.0",
+    "prettier": "^3.3.1",
+    "rimraf": "^5.0.7",
+    "sass": "^1.77.4",
     "sortablejs": "^1.15.2",
     "tinymce": "^5.10.9",
     "typescript": "^5.4.5",
-    "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.2.10",
-    "vite-plugin-dts": "^3.8.3",
-    "vue": "^3.4.23",
-    "vue-echarts": "^6.6.10",
-    "vue-eslint-parser": "^9.4.2",
+    "unplugin-vue-components": "^0.27.0",
+    "vite": "^5.2.12",
+    "vite-plugin-dts": "^3.9.1",
+    "vue": "^3.4.27",
+    "vue-echarts": "^6.7.3",
+    "vue-eslint-parser": "^9.4.3",
     "vue-i18n": "^9.13.1",
     "vue-router": "^4.3.2",
-    "vue-tsc": "^2.0.14",
+    "vue-tsc": "^2.0.19",
     "vuedraggable": "^4.1.0",
-    "xgplayer": "^3.0.16",
-    "xgplayer-hls": "^3.0.16",
-    "xgplayer-music": "^3.0.16",
-    "xlsx": "^0.18.5"
+    "xgplayer": "^3.0.18",
+    "xgplayer-hls": "^3.0.18",
+    "xgplayer-music": "^3.0.18"
   },
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/typings/global.d.ts

@@ -1,9 +1,11 @@
 /* eslint-disable @typescript-eslint/consistent-type-imports */
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    EleAdminLayout: (typeof import('ele-admin-plus'))['EleAdminLayout'];
     EleAlert: (typeof import('ele-admin-plus'))['EleAlert'];
     EleApp: (typeof import('ele-admin-plus'))['EleApp'];
     EleAvatarGroup: (typeof import('ele-admin-plus'))['EleAvatarGroup'];
+    EleBacktop: (typeof import('ele-admin-plus'))['EleBacktop'];
     EleBarCode: (typeof import('ele-admin-plus'))['EleBarCode'];
     EleBasicSelect: (typeof import('ele-admin-plus'))['EleBasicSelect'];
     EleBottomBar: (typeof import('ele-admin-plus'))['EleBottomBar'];

package/es/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/es/ele-app/style/overwrite/table-filter/index.js

@@ -1 +0,0 @@
-import './index.scss';

package/es/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/es/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;