ele-admin-plus 1.1.9-beta.3 → 1.1.9-beta.4

package/es/ele-menus/util.js

@@ -5,26 +5,22 @@ import { isExternalLink, getCurrentStyle, debounce } from "../utils/core";
 import { ArrowDown, ArrowRight } from "../icons";
 const linkClass = "ele-menu-link";
 const titleClass = "ele-menu-title";
+const triggerClass = "ele-menu-trigger";
 const overflowClass = "ele-menu-overflow";
 const ellipsisClass = "ele-sub-menu-ellipsis";
-function getLinkNode(item, onItemClick) {
-  if (!(item == null ? void 0 : item.path)) {
-    return;
-  }
-  if (isExternalLink(item.path)) {
+function getLinkNode(path) {
+  if (isExternalLink(path)) {
     return h("a", {
-      href: item.path,
+      href: path,
       target: "_blank",
-      class: linkClass,
-      onClick: (e) => {
-        e.stopPropagation();
-        onItemClick && onItemClick(item);
-      }
+      class: linkClass
     });
   }
-  return h(RouterLink, { to: item.path, class: linkClass });
+  if (path) {
+    return h(RouterLink, { to: path, class: linkClass });
+  }
 }
-function getNodes(icons, titles, badge, link) {
+function getNodes(icons, titles, badge, trigger) {
   const nodes = [];
   if (icons) {
     icons.forEach((t) => {
@@ -39,18 +35,19 @@ function getNodes(icons, titles, badge, link) {
   if (badge) {
     nodes.push(badge);
   }
-  if (link) {
-    nodes.push(link);
+  if (trigger) {
+    nodes.push(trigger);
   }
   return nodes;
 }
-function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorful, popupColorful, firstPopClass, first, onItemClick) {
+function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorful, popupColorful, firstPopClass, first, onItemClick, onItemMouseenter, onItemMouseleave, webkit) {
   const nodes = [];
   if (!items) {
     return nodes;
   }
   items.forEach((item) => {
     var _a;
+    const key = item.key || item.index || item.path;
     const iNodes = sIcon ? sIcon({ item, icon: item.icon }) ?? [] : [];
     if (!iNodes.length && item.icon) {
       iNodes.push(
@@ -65,27 +62,40 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
     }
     const bNode = item.badge != null ? h(ElBadge, item.badge) : null;
     if (!((_a = item.children) == null ? void 0 : _a.length)) {
-      const linkNode = getLinkNode(item, onItemClick);
-      const key = item.key || item.index || item.path;
+      const triggerNode = h(
+        "div",
+        {
+          class: triggerClass,
+          onClick: (e) => {
+            onItemClick && onItemClick(item, e);
+          },
+          onMouseenter: (e) => {
+            onItemMouseenter && onItemMouseenter(item, e);
+          },
+          onMouseleave: (e) => {
+            onItemMouseleave && onItemMouseleave(item, e);
+          }
+        },
+        getLinkNode(item.path)
+      );
       nodes.push(
         h(
           ElMenuItem,
           {
             key: key + "-" + tipDisabled,
-            index: item.index,
+            index: item.index || item.path,
             route: item.route,
             disabled: item.disabled,
             class: item.overflow ? overflowClass : void 0,
             onClick: () => {
-              onItemClick && onItemClick(item);
             }
           },
           {
             default: () => {
-              if (!first || tipDisabled) {
-                return getNodes(iNodes, tNodes, bNode, linkNode);
+              if (first && !tipDisabled) {
+                return getNodes(iNodes, void 0, bNode, triggerNode);
               }
-              return getNodes(iNodes, void 0, bNode, linkNode);
+              return getNodes(iNodes, tNodes, bNode, triggerNode);
             },
             title: first && !tipDisabled ? () => tNodes : void 0
           }
@@ -95,47 +105,45 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
     }
     if (item.group === true) {
       nodes.push(
-        h(
-          ElMenuItemGroup,
-          { key: item.key || item.index },
-          {
-            default: () => {
-              return renderItems(
-                item.children,
-                sIcon,
-                sTitle,
-                tipDisabled,
-                theme,
-                popTheme,
-                colorful,
-                popupColorful,
-                firstPopClass,
-                first,
-                onItemClick
-              );
-            },
-            title: () => getNodes(iNodes, tNodes, bNode)
-          }
-        )
+        h(ElMenuItemGroup, { key }, {
+          default: () => {
+            return renderItems(
+              item.children,
+              sIcon,
+              sTitle,
+              tipDisabled,
+              theme,
+              popTheme,
+              colorful,
+              popupColorful,
+              firstPopClass,
+              first,
+              onItemClick,
+              onItemMouseenter,
+              onItemMouseleave
+            );
+          },
+          title: () => getNodes(iNodes, tNodes, bNode)
+        })
       );
       return;
     }
-    const popperClass = getPopperClass(
-      item.popperClass,
-      theme,
-      popTheme,
-      colorful,
-      popupColorful,
-      firstPopClass,
-      first
-    );
     nodes.push(
       h(
         ElSubMenu,
         {
-          key: item.key || item.index,
-          index: item.index,
-          popperClass,
+          key,
+          index: item.index || item.path,
+          popperClass: getPopperClass(
+            item.popperClass,
+            theme,
+            popTheme,
+            colorful,
+            popupColorful,
+            firstPopClass,
+            first,
+            webkit
+          ),
           showTimeout: item.showTimeout,
           hideTimeout: item.hideTimeout,
           disabled: item.disabled,
@@ -164,7 +172,9 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
               popupColorful,
               firstPopClass,
               false,
-              onItemClick
+              onItemClick,
+              onItemMouseenter,
+              onItemMouseleave
             );
           },
           title: () => getNodes(iNodes, tNodes, bNode)
@@ -174,6 +184,25 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
   });
   return nodes;
 }
+function getPopperClass(customerClass, theme, popTheme, colorful, popupColorful, firstPopClass, first, webkit) {
+  const popperClass = ["ele-menu"];
+  if (webkit) {
+    popperClass.push("is-webkit");
+  }
+  if (popTheme === "dark" || popTheme === "auto" && theme === "dark") {
+    popperClass.push("is-night ele-menu-dark");
+  }
+  if (popupColorful === true || popupColorful === "auto" && colorful) {
+    popperClass.push("is-colorful ele-menu-colorful");
+  }
+  if (first && firstPopClass) {
+    popperClass.push(firstPopClass);
+  }
+  if (customerClass) {
+    popperClass.push(customerClass);
+  }
+  return popperClass.join(" ");
+}
 function getMenuItems(menus, index, horizontal) {
   if (!horizontal || !menus || !menus.length) {
     return { items: menus };
@@ -188,36 +217,16 @@ function getMenuItems(menus, index, horizontal) {
   const moreItems = index === 0 ? data : data.slice(index);
   moreItems.forEach((d) => {
     var _a;
-    const children = ((_a = d.children) == null ? void 0 : _a.length) ? [null] : void 0;
     items.push({
       ...d,
+      key: `overflow-${d.key || d.index || d.path}`,
+      index: `overflow-${d.index || d.path}`,
       overflow: true,
-      key: `overflow-${d.key || d.index}`,
-      index: `overflow-${d.index}`,
-      children
+      children: ((_a = d.children) == null ? void 0 : _a.length) ? [null] : void 0
     });
   });
   return { items, moreItems };
 }
-function getPopperClass(customerClass, theme, popTheme, colorful, popupColorful, firstPopClass, first) {
-  const popperClass = ["ele-menu"];
-  if (navigator.userAgent.includes("WebKit")) {
-    popperClass.push("is-webkit");
-  }
-  if (popTheme === "dark" || popTheme === "auto" && theme === "dark") {
-    popperClass.push("is-night ele-menu-dark");
-  }
-  if (popupColorful === true || popupColorful === "auto" && colorful) {
-    popperClass.push("is-colorful ele-menu-colorful");
-  }
-  if (first && firstPopClass) {
-    popperClass.push(firstPopClass);
-  }
-  if (customerClass) {
-    popperClass.push(customerClass);
-  }
-  return popperClass.join(" ");
-}
 function getMenuWidth(el) {
   if (!el) {
     return;
@@ -237,8 +246,7 @@ function getItemWidth(el) {
   return el.offsetWidth + ml + mr;
 }
 function getMenuChilds(el) {
-  const childs = Array.from(el.childNodes ?? []);
-  return childs.filter((t) => {
+  return Array.from(el.childNodes ?? []).filter((t) => {
     return t.nodeName === "LI" && !t.classList.contains(ellipsisClass);
   });
 }
@@ -310,5 +318,6 @@ export {
   overflowClass,
   renderItems,
   titleClass,
+  triggerClass,
   useMenuEllipsis
 };

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

@@ -16,17 +16,17 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: BooleanConstructor;
     /** 菜单省略项的属性 */
     ellipsisProps: PropType<EllipsisProps>;
-    /** 子菜单触发方式 */
+    /** 父级菜单展开触发方式 */
     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: {
@@ -50,12 +50,20 @@ declare const _default: import("vue").DefineComponent<{
     onLogoClick: () => void;
     onOpen: (index: string, indexPath: string[]) => void;
     onClose: (index: string, indexPath: string[]) => void;
-    onItemClick: (item: MenuItemProps) => 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;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     logoClick: () => true;
     open: (_index: string, _indexPath: string[]) => true;
     close: (_index: string, _indexPath: string[]) => true;
-    itemClick: (_item: MenuItemProps) => 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;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** 菜单数据 */
     menus: {
@@ -70,17 +78,17 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: BooleanConstructor;
     /** 菜单省略项的属性 */
     ellipsisProps: PropType<EllipsisProps>;
-    /** 子菜单触发方式 */
+    /** 父级菜单展开触发方式 */
     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: {
@@ -98,8 +106,12 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
-    onItemClick?: ((_item: Partial<import("../../ele-menus/types").MenuItem>) => any) | undefined;
+    onItemClick?: ((_item: Partial<import("../../ele-menus/types").MenuItem>, _e: MouseEvent) => 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;

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

@@ -1,4 +1,4 @@
-import { defineComponent, shallowRef, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, createBlock, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, shallowRef, computed, watch, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, createBlock, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
 import { HomeOutlined } from "../../icons";
 import EleBreadcrumb from "../../ele-breadcrumb/index";
 import EleMenus from "../../ele-menus/index";
@@ -20,17 +20,17 @@ const _sfc_main = defineComponent({
     ellipsis: Boolean,
     /** 菜单省略项的属性 */
     ellipsisProps: Object,
-    /** 子菜单触发方式 */
+    /** 父级菜单展开触发方式 */
     menuTrigger: String,
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: String,
     /** 侧栏是否折叠 */
     collapse: Boolean,
     /** 当前是否有侧栏 */
     sidebar: Boolean,
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: String,
-    /** 图标插槽名称 */
+    /** 菜单图标插槽名称 */
     iconSlot: String,
     /** 面包屑导航数据 */
     levels: {
@@ -50,12 +50,20 @@ const _sfc_main = defineComponent({
     logoClick: () => true,
     open: (_index, _indexPath) => true,
     close: (_index, _indexPath) => true,
-    itemClick: (_item) => true
+    itemClick: (_item, _e) => true,
+    itemMouseenter: (_item, _e) => true,
+    itemMouseleave: (_item, _e) => true,
+    mouseEnter: (_e) => true,
+    mouseLeave: (_e) => true
   },
   setup(props, { emit }) {
+    const state = { hover: false, timer: null };
     const levelItems = shallowRef([]);
     const menuItems = computed(() => {
-      return getMenuItems(props.menus, props.itemTrigger != "click");
+      return getMenuItems(
+        props.menus,
+        props.itemTrigger !== "click" && props.itemTrigger !== "hover"
+      );
     });
     const isDark = computed(() => props.headerStyle === "dark");
     const isPrimary = computed(() => props.headerStyle === "primary");
@@ -71,8 +79,36 @@ const _sfc_main = defineComponent({
     const onClose = (index, indexPath) => {
       emit("close", index, indexPath);
     };
-    const onItemClick = (item) => {
-      emit("itemClick", item);
+    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);
     };
     watch(
       [() => props.isHome, () => props.homePath, () => props.levels],
@@ -94,8 +130,17 @@ const _sfc_main = defineComponent({
         });
         levelItems.value = data;
       },
-      { deep: true, immediate: true }
+      {
+        immediate: true,
+        deep: true
+      }
     );
+    onBeforeUnmount(() => {
+      if (state.timer != null) {
+        clearTimeout(state.timer);
+        state.timer = null;
+      }
+    });
     return {
       levelItems,
       menuItems,
@@ -105,7 +150,11 @@ const _sfc_main = defineComponent({
       onLogoClick,
       onOpen,
       onClose,
-      onItemClick
+      onItemClick,
+      onItemMouseenter,
+      onItemMouseleave,
+      onMouseenter,
+      onMouseleave
     };
   }
 });
@@ -137,7 +186,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "ele-admin-header",
       { "is-dark": _ctx.isDark },
       { "is-primary": _ctx.isPrimary }
-    ])
+    ]),
+    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 ? (openBlock(), createElementBlock("div", {
       key: 0,
@@ -180,7 +231,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         menuTrigger: _ctx.menuTrigger,
         onOpen: _ctx.onOpen,
         onClose: _ctx.onClose,
-        onItemClick: _ctx.onItemClick
+        onItemClick: _ctx.onItemClick,
+        onItemMouseenter: _ctx.onItemMouseenter,
+        onItemMouseleave: _ctx.onItemMouseleave
       }, createSlots({ _: 2 }, [
         _ctx.iconSlot && !["logo", "left", "right", "center", "breadcrumb"].includes(
           _ctx.iconSlot
@@ -200,12 +253,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "onOpen", "onClose", "onItemClick"])) : createCommentVNode("", true)
+      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "onOpen", "onClose", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
     ]),
     _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
       renderSlot(_ctx.$slots, "right", { sidebar: _ctx.sidebar })
     ])) : createCommentVNode("", true)
-  ], 2);
+  ], 34);
 }
 const proHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, onBeforeUnmount, nextTick, withDirectives, openBlock, createElementBlock, createVNode, TransitionGroup, withCtx, Fragment, renderList, vShow } from "vue";
+import { defineComponent, ref, computed, watch, onBeforeUnmount, nextTick, withDirectives, openBlock, createElementBlock, Fragment, renderList, vShow, createCommentVNode, createBlock, TransitionGroup, withCtx } from "vue";
 const _sfc_main = defineComponent({
   name: "ProIframe",
   props: {
@@ -21,20 +21,22 @@ const _sfc_main = defineComponent({
     const visible = ref(false);
     const active = ref(null);
     const data = computed(() => {
-      const result = [];
+      const list = [];
       props.tabData.forEach((t) => {
         var _a, _b;
         const isAlive = ((_a = t.meta) == null ? void 0 : _a.keepAlive) !== false;
-        if (t.key && ((_b = t.meta) == null ? void 0 : _b.iframe) && !t.refresh && isAlive) {
-          result.push({ id: t.key, src: t.meta.iframe });
+        if (t.key && ((_b = t.meta) == null ? void 0 : _b.iframe) && isAlive) {
+          list.push({ id: t.key, src: t.meta.iframe, refresh: t.refresh });
         }
       });
-      return result;
+      return list.sort((a, b) => a.id === b.id ? 0 : a.id > b.id ? 1 : -1);
     });
     const onAfterLeave = (delay) => {
       if (props.tabActive && data.value.length && data.value.some((d) => d.id === props.tabActive)) {
         if (delay) {
+          clearTimer();
           state.timer = setTimeout(() => {
+            state.timer = null;
             visible.value = true;
             nextTick(() => {
               active.value = props.tabActive;
@@ -42,9 +44,7 @@ const _sfc_main = defineComponent({
           }, delay);
         } else {
           visible.value = true;
-          nextTick(() => {
-            active.value = props.tabActive;
-          });
+          active.value = props.tabActive;
         }
       } else {
         visible.value = false;
@@ -52,7 +52,7 @@ const _sfc_main = defineComponent({
       }
     };
     const clearTimer = () => {
-      if (state.timer) {
+      if (state.timer != null) {
         clearTimeout(state.timer);
         state.timer = null;
       }
@@ -62,10 +62,14 @@ const _sfc_main = defineComponent({
       () => {
         clearTimer();
         if (visible.value) {
-          active.value = null;
-        } else {
-          onAfterLeave(props.transitionDelay);
+          if (!props.transitionName) {
+            onAfterLeave();
+          } else {
+            active.value = null;
+          }
+          return;
         }
+        onAfterLeave(props.transitionName ? props.transitionDelay : void 0);
       }
     );
     onBeforeUnmount(() => {
@@ -87,28 +91,47 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1 = { class: "ele-admin-iframe-wrap" };
-const _hoisted_2 = ["id", "src"];
+const _hoisted_2 = ["data-id", "src"];
+const _hoisted_3 = ["data-id", "src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode(TransitionGroup, {
+    !_ctx.transitionName ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.data, (item) => {
+      return openBlock(), createElementBlock(Fragment, {
+        key: item.id
+      }, [
+        !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
+          key: 0,
+          "data-id": item.id,
+          src: item.src,
+          class: "ele-admin-iframe"
+        }, null, 8, _hoisted_2)), [
+          [vShow, _ctx.active === item.id]
+        ]) : createCommentVNode("", true)
+      ], 64);
+    }), 128)) : (openBlock(), createBlock(TransitionGroup, {
+      key: 1,
       appear: true,
       name: _ctx.transitionName,
       onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.onAfterLeave())
     }, {
       default: withCtx(() => [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
-          return withDirectives((openBlock(), createElementBlock("iframe", {
-            key: item.id,
-            id: item.id,
-            src: item.src,
-            class: "ele-admin-iframe"
-          }, null, 8, _hoisted_2)), [
-            [vShow, _ctx.active === item.id]
-          ]);
+          return openBlock(), createElementBlock(Fragment, {
+            key: item.id
+          }, [
+            !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
+              key: 0,
+              "data-id": item.id,
+              src: item.src,
+              class: "ele-admin-iframe"
+            }, null, 8, _hoisted_3)), [
+              [vShow, _ctx.active === item.id]
+            ]) : createCommentVNode("", true)
+          ], 64);
         }), 128))
       ]),
       _: 1
-    }, 8, ["name"])
+    }, 8, ["name"]))
   ], 512)), [
     [vShow, _ctx.visible]
   ]);