ele-admin-plus 1.2.1-beta.2 → 1.2.1-beta.4

package/es/ele-pro-layout/index.d.ts

@@ -36,12 +36,12 @@ declare const _default: import('vue').DefineComponent<{
     };
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
-        default: string; /** 布局组件 */
+        default: string;
     };
     fixedHeader: {
         type: BooleanConstructor;
-        default: boolean; /** 菜单数据 */
-    }; /** 菜单数据 */
+        default: boolean;
+    };
     fixedSidebar: {
         type: BooleanConstructor;
         default: boolean;
@@ -51,11 +51,10 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     logoInHeader: BooleanConstructor;
-    /** 侧栏菜单数据 */
     fixedHome: {
         type: BooleanConstructor;
-        default: boolean; /** 侧栏菜单选中 */
-    }; /** 侧栏菜单选中 */
+        default: boolean;
+    };
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
@@ -69,9 +68,9 @@ declare const _default: import('vue').DefineComponent<{
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
-    }; /** 面包屑导航数据 */
+    };
     navTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
-    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>; /** 主页地址 */
+    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
     itemTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
     menuHoverTimeout: {
         type: NumberConstructor;
@@ -79,7 +78,6 @@ declare const _default: import('vue').DefineComponent<{
     };
     beforeClick: import('vue').PropType<import('./types').BeforeClick>;
     keepAlive: BooleanConstructor;
-    /** 当前路由是否隐藏双侧栏一级 */
     transitionName: StringConstructor;
     transitionDelay: {
         type: NumberConstructor;
@@ -118,16 +116,16 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    logoStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    logoTitleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    headerMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sideboxMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     headerMenuProps: import('vue').PropType<EleMenusProps>;
     sidebarMenuProps: import('vue').PropType<EleMenusProps>;
     sideboxMenuProps: import('vue').PropType<EleMenusProps>;
@@ -135,22 +133,22 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    ellipsisProps: import('vue').PropType<import('../ele-menus/types').EllipsisProps | undefined>;
-    menuTrigger: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "click" | "hover", unknown> | undefined>;
+    ellipsisProps: import('vue').PropType<EleMenusProps["ellipsisProps"]>;
+    menuTrigger: import('vue').PropType<EleMenusProps["menuTrigger"]>;
     sidebarOpeneds: import('vue').PropType<string[]>;
     uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
     };
     colorfulIcon: BooleanConstructor;
-    tooltipEffect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    tooltipEffect: import('vue').PropType<EleMenusProps["popperEffect"]>;
     menuTextEllipsisTooltip: import('vue').PropType<import('../ele-menus/types').TextEllipsisTooltip | undefined>;
     expanded: BooleanConstructor;
     breadcrumbSeparator: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbSeparator>;
     backTopVisibilityHeight: NumberConstructor;
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
-    backTopTarget: StringConstructor; /** 当前路由布局风格 */
+    backTopTarget: StringConstructor;
 }, {
     layoutRef: import('vue').Ref<EleAdminLayoutInstance>;
     navActive: import('vue').Ref<string | undefined>;
@@ -209,7 +207,7 @@ declare const _default: import('vue').DefineComponent<{
     tabContextMenu: (_option: TabItemEventOption) => boolean;
     tabSortChange: (_data: TabItem[]) => boolean;
     logoClick: (_isHome: boolean, _e: MouseEvent) => boolean;
-    headMenuOpen: (_index: string, _indexPath: string[]) => boolean; /** 当前路由是否是仅双侧栏一级 */
+    headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
     headMenuClose: (_index: string, _indexPath: string[]) => boolean;
     sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
     sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
@@ -245,12 +243,12 @@ declare const _default: import('vue').DefineComponent<{
     };
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
-        default: string; /** 布局组件 */
+        default: string;
     };
     fixedHeader: {
         type: BooleanConstructor;
-        default: boolean; /** 菜单数据 */
-    }; /** 菜单数据 */
+        default: boolean;
+    };
     fixedSidebar: {
         type: BooleanConstructor;
         default: boolean;
@@ -260,11 +258,10 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     logoInHeader: BooleanConstructor;
-    /** 侧栏菜单数据 */
     fixedHome: {
         type: BooleanConstructor;
-        default: boolean; /** 侧栏菜单选中 */
-    }; /** 侧栏菜单选中 */
+        default: boolean;
+    };
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
@@ -278,9 +275,9 @@ declare const _default: import('vue').DefineComponent<{
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
-    }; /** 面包屑导航数据 */
+    };
     navTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
-    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>; /** 主页地址 */
+    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
     itemTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
     menuHoverTimeout: {
         type: NumberConstructor;
@@ -288,7 +285,6 @@ declare const _default: import('vue').DefineComponent<{
     };
     beforeClick: import('vue').PropType<import('./types').BeforeClick>;
     keepAlive: BooleanConstructor;
-    /** 当前路由是否隐藏双侧栏一级 */
     transitionName: StringConstructor;
     transitionDelay: {
         type: NumberConstructor;
@@ -327,16 +323,16 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    logoStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    logoTitleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    headerMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sideboxMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     headerMenuProps: import('vue').PropType<EleMenusProps>;
     sidebarMenuProps: import('vue').PropType<EleMenusProps>;
     sideboxMenuProps: import('vue').PropType<EleMenusProps>;
@@ -344,22 +340,22 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    ellipsisProps: import('vue').PropType<import('../ele-menus/types').EllipsisProps | undefined>;
-    menuTrigger: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "click" | "hover", unknown> | undefined>;
+    ellipsisProps: import('vue').PropType<EleMenusProps["ellipsisProps"]>;
+    menuTrigger: import('vue').PropType<EleMenusProps["menuTrigger"]>;
     sidebarOpeneds: import('vue').PropType<string[]>;
     uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
     };
     colorfulIcon: BooleanConstructor;
-    tooltipEffect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    tooltipEffect: import('vue').PropType<EleMenusProps["popperEffect"]>;
     menuTextEllipsisTooltip: import('vue').PropType<import('../ele-menus/types').TextEllipsisTooltip | undefined>;
     expanded: BooleanConstructor;
     breadcrumbSeparator: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbSeparator>;
     backTopVisibilityHeight: NumberConstructor;
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
-    backTopTarget: StringConstructor; /** 当前路由布局风格 */
+    backTopTarget: StringConstructor;
 }>> & {
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
@@ -375,7 +371,6 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
     onBodySizeChange?: ((_option: import('./types').BodySizeChangeOption) => any) | undefined;
 }, {
-    breadcrumb: boolean | EleBreadcrumbProps;
     uniqueOpened: boolean;
     collapse: boolean;
     ellipsis: boolean;
@@ -384,6 +379,7 @@ declare const _default: import('vue').DefineComponent<{
     transitionDelay: number;
     expanded: boolean;
     tabBar: TabBar;
+    breadcrumb: boolean | EleBreadcrumbProps;
     backTop: boolean | EleBacktopProps;
     sidebarStyle: import('./types').SidebarStyle;
     tabStyle: import('./types').TabStyle;

package/es/ele-pro-layout/index.js

@@ -643,7 +643,10 @@ const _sfc_main = defineComponent({
       }
       tabData.value = props.tabs.map((item) => {
         const m = findMenuByPath(item.path, menuData.value);
-        return { ...item, title: routeI18n(item.path, m) || item.title };
+        return {
+          ...item,
+          title: routeI18n(item.path, m, item) || item.title
+        };
       });
     };
     const updateLevelData = () => {
@@ -651,13 +654,19 @@ const _sfc_main = defineComponent({
         var _a;
         const t = findTabByPath(item.path, tabData.value);
         const m = findMenuByPath(item.path, menuData.value);
-        const title = (t == null ? void 0 : t.title) || ((_a = m == null ? void 0 : m.meta) == null ? void 0 : _a.title) || routeI18n(item.path, m);
+        const title = (t == null ? void 0 : t.title) || ((_a = m == null ? void 0 : m.meta) == null ? void 0 : _a.title) || routeI18n(item.path, m, t, item);
         return { ...item, title: title || item.title };
       });
     };
-    const routeI18n = (path, menu) => {
+    const routeI18n = (path, menu, tab, level) => {
       if (props.i18n && path) {
-        return props.i18n({ path, menu, locale: props.locale });
+        return props.i18n({
+          locale: props.locale,
+          path,
+          menu,
+          tab,
+          level
+        });
       }
     };
     watch(

package/es/ele-pro-layout/props.d.ts

@@ -1,10 +1,12 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { EleMenusProps, EleBreadcrumbProps, EleDropdownProps, EleBacktopProps } from '../ele-app/plus';
 import { ContextMenus } from '../ele-tabs/types';
 import { BreadcrumbSeparator as Separator } from '../ele-breadcrumb/types';
 import { Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, TabBar, Maximized } from '../ele-admin-layout/types';
 import { MenuItem, TabItem, MenuItemTrigger, MenuI18n, BeforeClick, TabItemEventOption, BodySizeChangeOption, ProLayoutProvide } from './types';
 
+type TextEllipsisTooltip = EleMenusProps['textEllipsisTooltip'];
 type ProLayoutKey = InjectionKey<ProLayoutProvide>;
 /**
  * 属性
@@ -110,11 +112,11 @@ export declare const proLayoutProps: {
     };
     /** 菜单点击事件前钩子 */
     beforeClick: PropType<BeforeClick>;
-    /** 是否支持内链缓存 */
+    /** 是否支持内嵌缓存 */
     keepAlive: BooleanConstructor;
-    /** 内链切换动画 */
+    /** 内嵌切换动画 */
     transitionName: StringConstructor;
-    /** 内链进入动画延迟时间 */
+    /** 内嵌进入动画延迟时间 */
     transitionDelay: {
         type: NumberConstructor;
         default: number;
@@ -165,25 +167,25 @@ export declare const proLayoutProps: {
         default: string;
     };
     /** 顶栏样式 */
-    headerCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerCustomStyle: PropType<StyleValue>;
     /** 侧栏样式 */
-    sidebarCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sidebarCustomStyle: PropType<StyleValue>;
     /** 双侧栏一级样式 */
-    sideboxCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideboxCustomStyle: PropType<StyleValue>;
     /** 页签栏样式 */
-    tabsCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    tabsCustomStyle: PropType<StyleValue>;
     /** 内容区样式 */
-    contentCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    contentCustomStyle: PropType<StyleValue>;
     /** logo样式 */
-    logoStyle: PropType<Partial<import('vue').CSSProperties>>;
+    logoStyle: PropType<StyleValue>;
     /** logo文字样式 */
-    logoTitleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    logoTitleStyle: PropType<StyleValue>;
     /** 顶栏菜单样式 */
-    headerMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerMenusStyle: PropType<StyleValue>;
     /** 侧栏菜单样式 */
-    sidebarMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sidebarMenusStyle: PropType<StyleValue>;
     /** 双侧栏一级菜单样式 */
-    sideboxMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideboxMenusStyle: PropType<StyleValue>;
     /** 顶栏菜单属性 */
     headerMenuProps: PropType<EleMenusProps>;
     /** 侧栏菜单属性 */
@@ -196,9 +198,9 @@ export declare const proLayoutProps: {
         default: boolean;
     };
     /** 顶栏菜单省略项的属性 */
-    ellipsisProps: PropType<import('../ele-menus/types').EllipsisProps | undefined>;
+    ellipsisProps: PropType<EleMenusProps["ellipsisProps"]>;
     /** 顶栏子菜单触发方式 */
-    menuTrigger: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "click" | "hover", unknown> | undefined>;
+    menuTrigger: PropType<EleMenusProps["menuTrigger"]>;
     /** 侧栏默认展开的菜单 */
     sidebarOpeneds: PropType<string[]>;
     /** 侧栏是否只保持一个子菜单展开 */
@@ -209,9 +211,9 @@ export declare const proLayoutProps: {
     /** 侧栏菜单是否彩色图标 */
     colorfulIcon: BooleanConstructor;
     /** 菜单 tooltip 主题 */
-    tooltipEffect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    tooltipEffect: PropType<EleMenusProps["popperEffect"]>;
     /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: PropType<import('../ele-menus/types').TextEllipsisTooltip | undefined>;
+    menuTextEllipsisTooltip: PropType<TextEllipsisTooltip>;
     /** 内容区最大时不带页签栏 */
     expanded: BooleanConstructor;
     /** 面包屑导航分隔符 */

package/es/ele-pro-layout/props.js

@@ -99,11 +99,11 @@ const proLayoutProps = {
   },
   /** 菜单点击事件前钩子 */
   beforeClick: Function,
-  /** 是否支持内链缓存 */
+  /** 是否支持内嵌缓存 */
   keepAlive: Boolean,
-  /** 内链切换动画 */
+  /** 内嵌切换动画 */
   transitionName: String,
-  /** 内链进入动画延迟时间 */
+  /** 内嵌进入动画延迟时间 */
   transitionDelay: {
     type: Number,
     default: 250

package/es/ele-pro-layout/types.d.ts

@@ -44,7 +44,7 @@ export interface MenuMeta extends Record<string, any> {
   layout?: boolean;
   /** 路由地址 */
   routePath?: string;
-  /** 内链地址, 内部属性 */
+  /** 内嵌地址, 内部属性 */
   iframe?: string;
 }
 
@@ -106,12 +106,16 @@ export interface LevelItem {
  * 菜单标题国际化方法参数
  */
 export interface MenuI18nOption {
+  /** 当前语言 */
+  locale?: string;
   /** 菜单地址 */
   path: string;
   /** 菜单数据 */
   menu?: MenuItem;
-  /** 当前语言 */
-  locale?: string;
+  /** 页签数据 */
+  tab?: TabItem;
+  /** 面包屑数据 */
+  level?: LevelItem;
 }
 
 /**
@@ -172,7 +176,7 @@ export type MenuItemTrigger = 'route' | 'click' | 'hover';
 export type BeforeClick = (item: EleMenuItemProps, e: MouseEvent) => boolean;
 
 /**
- * 内链数据
+ * 内嵌数据
  */
 export interface IframeItem {
   /** id */
@@ -202,7 +206,7 @@ export interface LayoutState {
  * 共享数据
  */
 export interface ProLayoutProvide {
-  /** 是否支持内链缓存 */
+  /** 是否支持内嵌缓存 */
   keepAlive?: boolean;
   /** 是否开启响应式 */
   responsive?: boolean;

package/es/ele-pro-layout/util.d.ts

@@ -62,6 +62,12 @@ export declare function getRouteTab(route: RouteLocationNormalizedLoaded, tabs:
  * @param childrenName 子级字段名称
  */
 export declare function getActiveChilds(menus: MenuItem[], active?: string, childrenName?: string): MenuItem[];
+/**
+ * 拼接内嵌地址
+ * @param routePath 路由地址含参数
+ * @param iframeUrl 内嵌地址
+ */
+export declare function getIframeSrc(routePath?: string, iframeUrl?: string): string;
 /**
  * 菜单数据转换
  * @param menus 菜单数据

package/es/ele-pro-layout/util.js

@@ -114,6 +114,17 @@ function getActiveChilds(menus, active, childrenName) {
   }
   return m[field] || [];
 }
+function getIframeSrc(routePath, iframeUrl) {
+  const [_path1, query1 = ""] = (routePath ?? "").split("?");
+  const [path2, query2 = ""] = (iframeUrl ?? "").split("?");
+  const params1 = new URLSearchParams(query1);
+  const params2 = new URLSearchParams(query2);
+  for (const [key, value] of params2.entries()) {
+    params1.append(key, value);
+  }
+  const newQuery = params1.toString();
+  return `${path2}${newQuery ? `?${newQuery}` : ""}`;
+}
 function getMenuItems(menus, link) {
   return mapTree(menus, (m) => {
     const { path, meta } = m;
@@ -147,6 +158,7 @@ export {
   findTabByKey,
   findTabByPath,
   getActiveChilds,
+  getIframeSrc,
   getMatchedComponents,
   getMatchedLevels,
   getMatchedMenus,