ele-admin-plus 1.1.4 → 1.1.5-beta.2

package/es/ele-popover/index.js

@@ -1,17 +1,15 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { ElPopover, popoverEmits } from "element-plus";
-import { useLicense } from "../ele-config-provider/receiver";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { omit } from "../utils/core";
-import { popoverProps } from "./props";
+import EleTooltip from "../ele-tooltip/index";
+import { popoverProps, popoverEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "ElePopover",
-  components: { ElPopover },
+  components: { EleTooltip },
   props: popoverProps,
   emits: popoverEmits,
   setup(props, { emit }) {
-    const { authenticated } = useLicense();
-    const popoverRef = ref();
-    const rootProps = computed(() => {
+    const tooltipRef = ref(null);
+    const tooltipProps = computed(() => {
       const options = omit(props, [
         "title",
         "content",
@@ -25,23 +23,12 @@ const _sfc_main = defineComponent({
         "onAfter-enter",
         "onAfter-leave"
       ]);
-      if (authenticated.value) {
-        const classes = ["ele-popper", "ele-popover"];
-        if (typeof props.popperClass === "string" && props.popperClass) {
-          classes.push(props.popperClass);
-        }
-        options.popperClass = classes.join(" ");
-      }
+      options.ariaLabel = props.title;
+      options.gpuAcceleration = props.transition === "el-fade-in-linear";
       return options;
     });
-    const popperRef = computed(
-      () => {
-        var _a;
-        return (_a = popoverRef.value) == null ? void 0 : _a.popperRef;
-      }
-    );
     const hide = () => {
-      popoverRef.value && popoverRef.value.hide();
+      tooltipRef.value && tooltipRef.value.hide();
     };
     const onUpdateVisible = (visible) => {
       emit("update:visible", visible);
@@ -59,9 +46,8 @@ const _sfc_main = defineComponent({
       emit("after-leave");
     };
     return {
-      popoverRef,
-      rootProps,
-      popperRef,
+      tooltipRef,
+      tooltipProps,
       hide,
       onUpdateVisible,
       onPopBeforeEnter,
@@ -79,16 +65,17 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElPopover = resolveComponent("ElPopover");
-  return openBlock(), createBlock(_component_ElPopover, mergeProps(_ctx.rootProps, {
-    ref: "popoverRef",
+  const _component_EleTooltip = resolveComponent("EleTooltip");
+  return openBlock(), createBlock(_component_EleTooltip, mergeProps({ tabindex: _ctx.tabindex }, _ctx.tooltipProps, {
+    ref: "tooltipRef",
+    isPopover: true,
     "onUpdate:visible": _ctx.onUpdateVisible,
-    onBeforeEnter: _ctx.onPopBeforeEnter,
-    onBeforeLeave: _ctx.onPopBeforeLeave,
-    onAfterEnter: _ctx.onPopAfterEnter,
-    onAfterLeave: _ctx.onPopAfterLeave
-  }), createSlots({
-    default: withCtx(() => [
+    onBeforeShow: _ctx.onPopBeforeEnter,
+    onBeforeHide: _ctx.onPopBeforeLeave,
+    onShow: _ctx.onPopAfterEnter,
+    onHide: _ctx.onPopAfterLeave
+  }), {
+    body: withCtx(() => [
       createElementVNode("div", {
         class: normalizeClass(["ele-popover-body", _ctx.bodyClass]),
         style: normalizeStyle(_ctx.bodyStyle)
@@ -114,16 +101,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ], 6)
     ]),
-    _: 2
-  }, [
-    _ctx.$slots.reference ? {
-      name: "reference",
-      fn: withCtx(() => [
-        renderSlot(_ctx.$slots, "reference")
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1040, ["onUpdate:visible", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]);
+    default: withCtx(() => [
+      _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 16, ["tabindex", "onUpdate:visible", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/ele-popover/props.d.ts

@@ -3,9 +3,17 @@ import type { PropType, ExtractPropTypes } from 'vue';
  * 属性
  */
 export declare const popoverProps: {
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 自定义主体类名 */
     bodyClass: StringConstructor;
+    /** 自定义主体样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义标题样式 */
     titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义内容样式 */
     contentStyle: PropType<Partial<import("vue").CSSProperties>>;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
@@ -22,7 +30,6 @@ export declare const popoverProps: {
     disabled: BooleanConstructor;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     visible: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
-    transition: StringConstructor;
     content: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     popperStyle: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
@@ -45,5 +52,60 @@ export declare const popoverProps: {
     showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperClass: StringConstructor;
+    bg: StringConstructor;
+    arrowBg: StringConstructor;
+    isPopover: BooleanConstructor;
+    id: StringConstructor;
+    role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "menu" | "group" | "listbox" | "grid" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
+    strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+    arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+    triggerKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    virtualRef: {
+        readonly type: PropType<import("element-plus").Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    virtualTriggering: BooleanConstructor;
+    open: BooleanConstructor;
+    appendTo: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rawContent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    ariaLabel: StringConstructor;
+    pure: BooleanConstructor;
+    focusOnShow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapping: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    referenceEl: {
+        readonly type: PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    triggerTargetEl: {
+        readonly type: PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    stopPopperMouseEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zIndex: NumberConstructor;
+    boundariesPadding: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    fallbackPlacements: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]) | ((new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]))[], unknown, unknown, undefined, boolean>;
+    gpuAcceleration: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    className: StringConstructor;
 };
 export type PopoverProps = ExtractPropTypes<typeof popoverProps>;
+/**
+ * 事件
+ */
+export declare const popoverEmits: {
+    'update:visible': (value: boolean) => boolean;
+    'before-enter': () => boolean;
+    'before-leave': () => boolean;
+    'after-enter': () => boolean;
+    'after-leave': () => boolean;
+};

package/es/ele-popover/props.js

@@ -1,18 +1,26 @@
-import { popoverProps as popoverProps$1 } from "element-plus";
+import { popoverProps as popoverProps$1, popoverEmits as popoverEmits$1 } from "element-plus";
 import { omit } from "../utils/core";
+import { tooltipProps } from "../ele-tooltip/props";
 const normalizeProps = omit(popoverProps$1, ["onUpdate:visible"]);
 const popoverProps = {
+  ...tooltipProps,
   popperClass: String,
   ...normalizeProps,
-  // 自定义主体类名
+  transition: {
+    type: String,
+    default: "el-fade-in-linear"
+  },
+  /** 自定义主体类名 */
   bodyClass: String,
-  // 自定义主体样式
+  /** 自定义主体样式 */
   bodyStyle: Object,
-  // 自定义标题样式
+  /** 自定义标题样式 */
   titleStyle: Object,
-  // 自定义内容样式
+  /** 自定义内容样式 */
   contentStyle: Object
 };
+const popoverEmits = popoverEmits$1;
 export {
+  popoverEmits,
   popoverProps
 };

package/es/ele-popover/style/css-var.scss

@@ -1,78 +1,8 @@
 @use '../../style/util.scss' as *;
 
+/* 气泡卡片主题变量 */
 @mixin set-popover-var($var) {
   .ele-popover {
     @include set-ele-var('popover', $var);
   }
-
-  .el-popper {
-    @include set-ele-var('popper', $var);
-  }
-
-  .el-popper.is-dark,
-  .ele-tooltip {
-    @include set-ele-var('tooltip', $var);
-  }
-}
-
-// 气泡通用样式
-@mixin popper-style($class) {
-  #{$class} {
-    border-radius: eleVar('popper', 'radius');
-
-    &.is-light {
-      background: eleVar('popper', 'bg');
-      border: eleVar('popper', 'border');
-      box-shadow: eleVar('popper', 'shadow');
-
-      & > .el-popper__arrow::before {
-        background: eleVar('popper', 'arrow-bg');
-        border: eleVar('popper', 'border');
-        box-shadow: eleVar('popper', 'arrow-shadow');
-      }
-    }
-
-    .el-popper__arrow {
-      width: eleVar('popper', 'arrow-size');
-      height: eleVar('popper', 'arrow-size');
-
-      &::before {
-        width: eleVar('popper', 'arrow-size');
-        height: eleVar('popper', 'arrow-size');
-      }
-    }
-
-    &[data-popper-placement^='top'] > .el-popper__arrow {
-      bottom: eleVar('popper', 'arrow-offset');
-    }
-
-    &[data-popper-placement^='bottom'] > .el-popper__arrow {
-      top: eleVar('popper', 'arrow-offset');
-    }
-
-    &[data-popper-placement^='left'] > .el-popper__arrow {
-      right: eleVar('popper', 'arrow-offset');
-    }
-
-    &[data-popper-placement^='right'] > .el-popper__arrow {
-      left: eleVar('popper', 'arrow-offset');
-    }
-
-    &.is-dark {
-      color: eleVar('tooltip', 'color');
-      font-size: eleVar('tooltip', 'font-size');
-      line-height: eleVar('tooltip', 'line-height');
-      padding: eleVar('tooltip', 'padding');
-      background: eleVar('tooltip', 'bg');
-      border: eleVar('tooltip', 'border');
-      box-shadow: eleVar('tooltip', 'shadow');
-      border-radius: eleVar('tooltip', 'radius');
-
-      & > .el-popper__arrow::before {
-        background: eleVar('tooltip', 'arrow-bg');
-        border: eleVar('tooltip', 'border');
-        box-shadow: eleVar('tooltip', 'arrow-shadow');
-      }
-    }
-  }
 }

package/es/ele-popover/style/index.js

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/popover/style/index';
+import '../../ele-tooltip/style/index';
 import './index.scss';

package/es/ele-popover/style/index.scss

@@ -4,22 +4,15 @@
 
 @include set-popover-var($ele);
 
-@include popper-style('.ele-popper.el-popper');
-
-.ele-popper.el-popper.ele-popover {
+.ele-popper.ele-popover {
   color: eleVar('popover', 'color');
   font-size: eleVar('popover', 'font-size');
   line-height: inherit;
   text-align: left;
+  min-width: 150px;
   padding: 0;
 }
 
-.ele-popover-body {
-  background: inherit;
-  border-radius: inherit;
-  box-sizing: border-box;
-}
-
 .ele-popover-content {
   padding: eleVar('popover', 'padding');
   box-sizing: border-box;

package/es/ele-printer/props.d.ts

@@ -4,15 +4,25 @@ import type { PrintDirection, PrintOrientation, PrintTarget } from './types';
  * 属性
  */
 export declare const printerProps: {
+    /** 是否打印 */
     modelValue: BooleanConstructor;
+    /** 页眉样式 */
     headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 内容样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 页脚样式 */
     footerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 标题 */
     title: StringConstructor;
+    /** 页间距 */
     margin: (StringConstructor | NumberConstructor)[];
+    /** 纸张方向 */
     direction: PropType<PrintDirection | null>;
+    /** 纸张旋转 */
     orientation: PropType<PrintOrientation | null>;
+    /** 打印位置 */
     target: PropType<PrintTarget | null>;
+    /** 是否显示在文档流中 */
     static: BooleanConstructor;
 };
 export type PrinterProps = ExtractPropTypes<typeof printerProps>;
@@ -20,6 +30,8 @@ export type PrinterProps = ExtractPropTypes<typeof printerProps>;
  * 事件
  */
 export declare const printerEmits: {
+    /** 更新打印状态 */
     'update:modelValue': (_value: boolean) => boolean;
+    /** 打印完成的事件 */
     done: () => boolean;
 };

package/es/ele-printer/props.js

@@ -1,29 +1,29 @@
 const printerProps = {
-  // 是否打印
+  /** 是否打印 */
   modelValue: Boolean,
-  // 页眉样式
+  /** 页眉样式 */
   headerStyle: Object,
-  // 内容样式
+  /** 内容样式 */
   bodyStyle: Object,
-  // 页脚样式
+  /** 页脚样式 */
   footerStyle: Object,
-  // 标题
+  /** 标题 */
   title: String,
-  // 页间距
+  /** 页间距 */
   margin: [String, Number],
-  // 纸张方向
+  /** 纸张方向 */
   direction: String,
-  // 纸张旋转
+  /** 纸张旋转 */
   orientation: String,
-  // 打印位置
+  /** 打印位置 */
   target: String,
-  // 是否显示在文档流中
+  /** 是否显示在文档流中 */
   static: Boolean
 };
 const printerEmits = {
-  // 更新打印状态
+  /** 更新打印状态 */
   "update:modelValue": (_value) => true,
-  // 打印完成的事件
+  /** 打印完成的事件 */
   done: () => true
 };
 export {

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

@@ -3,27 +3,43 @@ import { BreadcrumbItem } from '../../ele-breadcrumb/types';
 import type { EllipsisProps } from '../../ele-menus/types';
 import type { MenuItem, LevelItem, HeaderStyle, MenuItemTrigger, MenuItemProps } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
         required: true;
     };
+    /** 顶栏风格 */
     headerStyle: PropType<HeaderStyle>;
+    /** 菜单选中 */
     active: StringConstructor;
+    /** 菜单是否省略多余的子项 */
     ellipsis: BooleanConstructor;
+    /** 菜单省略项的属性 */
     ellipsisProps: PropType<EllipsisProps>;
+    /** 子菜单触发方式 */
     menuTrigger: PropType<import("element-plus/es/utils").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").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined>;
+    /** 主页路由地址 */
     homePath: StringConstructor;
+    /** 当前路由是否是主页 */
     isHome: BooleanConstructor;
 }, {
     levelItems: import("vue").ShallowRef<BreadcrumbItem[]>;
@@ -41,27 +57,43 @@ declare const _default: import("vue").DefineComponent<{
     close: (_index: string, _indexPath: string[]) => true;
     itemClick: (_item: MenuItemProps) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
         required: true;
     };
+    /** 顶栏风格 */
     headerStyle: PropType<HeaderStyle>;
+    /** 菜单选中 */
     active: StringConstructor;
+    /** 菜单是否省略多余的子项 */
     ellipsis: BooleanConstructor;
+    /** 菜单省略项的属性 */
     ellipsisProps: PropType<EllipsisProps>;
+    /** 子菜单触发方式 */
     menuTrigger: PropType<import("element-plus/es/utils").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").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined>;
+    /** 主页路由地址 */
     homePath: StringConstructor;
+    /** 当前路由是否是主页 */
     isHome: BooleanConstructor;
 }>> & {
     onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;

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

@@ -1,5 +1,5 @@
 import { defineComponent, shallowRef, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, createBlock, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
-import { House } from "@element-plus/icons-vue";
+import { HomeOutlined } from "../../icons";
 import EleBreadcrumb from "../../ele-breadcrumb/index";
 import EleMenus from "../../ele-menus/index";
 import { getMenuItems } from "../util";
@@ -7,43 +7,43 @@ const _sfc_main = defineComponent({
   name: "ProHeader",
   components: { EleBreadcrumb, EleMenus },
   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],
-    // 主页路由地址
+    /** 主页路由地址 */
     homePath: String,
-    // 当前路由是否是主页
+    /** 当前路由是否是主页 */
     isHome: Boolean
   },
   emits: {
@@ -81,10 +81,10 @@ const _sfc_main = defineComponent({
         if (!props.isHome) {
           data.push({
             to: props.homePath,
-            icon: House,
+            icon: HomeOutlined,
             iconStyle: {
-              transform: "scale(1.08)",
-              transformOrigin: "8px -10px"
+              transform: "scale(1.14)",
+              transformOrigin: "8px 2px"
             }
           });
         }

package/es/ele-pro-layout/components/pro-iframe.d.ts

@@ -1,13 +1,18 @@
 import type { PropType } from 'vue';
 import type { TabItem, IframeItem } from '../types';
 declare const _default: import("vue").DefineComponent<{
+    /** 是否支持内链缓存 */
     keepAlive: BooleanConstructor;
+    /** 内链切换动画 */
     transitionName: StringConstructor;
+    /** 内链进入动画延迟时间 */
     transitionDelay: NumberConstructor;
+    /** 页签数据 */
     tabData: {
         type: PropType<TabItem[]>;
         required: true;
     };
+    /** 页签选中 */
     tabActive: StringConstructor;
 }, {
     active: import("vue").Ref<string | null | undefined>;
@@ -15,13 +20,18 @@ declare const _default: import("vue").DefineComponent<{
     data: import("vue").ComputedRef<IframeItem[]>;
     onAfterLeave: (delay?: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 是否支持内链缓存 */
     keepAlive: BooleanConstructor;
+    /** 内链切换动画 */
     transitionName: StringConstructor;
+    /** 内链进入动画延迟时间 */
     transitionDelay: NumberConstructor;
+    /** 页签数据 */
     tabData: {
         type: PropType<TabItem[]>;
         required: true;
     };
+    /** 页签选中 */
     tabActive: StringConstructor;
 }>>, {
     keepAlive: boolean;

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

@@ -2,18 +2,18 @@ import { defineComponent, ref, computed, watch, onBeforeUnmount, nextTick, withD
 const _sfc_main = defineComponent({
   name: "ProIframe",
   props: {
-    // 是否支持内链缓存
+    /** 是否支持内链缓存 */
     keepAlive: Boolean,
-    // 内链切换动画
+    /** 内链切换动画 */
     transitionName: String,
-    // 内链进入动画延迟时间
+    /** 内链进入动画延迟时间 */
     transitionDelay: Number,
-    // 页签数据
+    /** 页签数据 */
     tabData: {
       type: Array,
       required: true
     },
-    // 页签选中
+    /** 页签选中 */
     tabActive: String
   },
   setup(props) {