ele-admin-plus 1.4.1 → 1.5.0-beta.2

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

@@ -16,10 +16,13 @@ const _hoisted_3 = {
   key: 2,
   class: "ele-admin-breadcrumb"
 };
-const _hoisted_4 = ["data-tool-id"];
+const _hoisted_4 = {
+  key: 5,
+  class: "ele-admin-tools"
+};
 const _hoisted_5 = ["src"];
-const _hoisted_6 = ["data-side-id"];
-const _hoisted_7 = ["src"];
+const _hoisted_6 = ["src"];
+const _hoisted_7 = ["data-id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleAdminLayout" },
   __name: "index",
@@ -105,11 +108,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const getBodyWrapperEl = () => {
       const contentEl = getContentEl();
-      return contentEl == null ? void 0 : contentEl.parentElement;
+      return contentEl?.parentElement;
     };
     const sidebarScrollToActive = () => {
       stopSidebarMenuTimer();
-      if (!isFixedSidebar.value || !props.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
+      if (!(props.fixedBody || props.fixedSidebar) || !props.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
         return;
       }
       startSidebarMenuTimer(() => {
@@ -118,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const sideboxScrollToActive = () => {
       stopSideboxMenuTimer();
-      if (!isFixedSidebar.value || !props.menuScrollToActive || sideboxMenuRef.value == null || isCollapseMobile.value) {
+      if (!(props.fixedBody || props.fixedSidebar) || !props.menuScrollToActive || sideboxMenuRef.value == null || isCollapseMobile.value) {
         return;
       }
       startSideboxMenuTimer(() => {
@@ -140,8 +143,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleHeadMenuClose = (index, indexPath) => {
       emit("headMenuClose", index, indexPath);
     };
-    const handleHeadMenuItemClick = (item, e) => {
-      emit("headMenuItemClick", item, e);
+    const handleHeadMenuItemClick = (item, e, type) => {
+      emit("headMenuItemClick", item, e, type);
     };
     const handleHeadMenuItemMouseenter = (item, e) => {
       emit("headMenuItemMouseenter", item, e);
@@ -164,8 +167,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("headMouseleave", e);
       });
     };
-    const handleBoxMenuItemClick = (item, e) => {
-      emit("boxMenuItemClick", item, e);
+    const handleBoxMenuItemClick = (item, e, type) => {
+      emit("boxMenuItemClick", item, e, type);
     };
     const handleBoxMenuItemMouseenter = (item, e) => {
       emit("boxMenuItemMouseenter", item, e);
@@ -185,8 +188,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleSideMenuClose = (index, indexPath) => {
       emit("sideMenuClose", index, indexPath);
     };
-    const handleSideMenuItemClick = (item, e) => {
-      emit("sideMenuItemClick", item, e);
+    const handleSideMenuItemClick = (item, e, type) => {
+      emit("sideMenuItemClick", item, e, type);
     };
     const handleSideMouseEnter = (e) => {
       emit("sideMouseenter", e);
@@ -197,8 +200,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleTabClick = (option) => {
       emit("tabClick", option);
     };
-    const handleTabRemove = (name) => {
-      emit("tabRemove", name);
+    const handleTabRemove = (name, closeable) => {
+      if (closeable) {
+        emit("tabRemove", name);
+      }
     };
     const handleTabContextMenu = (option) => {
       emit("tabContextMenu", option);
@@ -287,17 +292,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           height: _ctx.fixedBody ? layoutHeight.value : void 0
         })
       }, {
-        head: withCtx(({ params }) => [
+        head: withCtx(() => [
           !isSideLayout.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass([
-              "ele-admin-header",
+            class: normalizeClass(["ele-admin-header", [
               { "is-dark": isDarkHeader.value },
               { "is-primary": isPrimaryHeader.value },
               { "is-ghost": isGhostHeader.value },
               { "show-divider": _ctx.tabBar && !showHeaderTabs.value && !isButtonTab.value },
               { "is-fixed": isFixedHeader.value }
-            ]),
+            ]]),
             style: normalizeStyle(_ctx.headerCustomStyle),
             onMouseenter: handleHeadMouseenter,
             onMouseleave: handleHeadMouseleave
@@ -388,27 +392,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 };
               })
             ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style"])) : createCommentVNode("", true),
-            _ctx.$slots.right ? (openBlock(), createElementBlock("div", {
-              key: 5,
-              class: "ele-admin-tools",
-              "data-tool-id": params == null ? void 0 : params.viewId
-            }, [
+            _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
               renderSlot(_ctx.$slots, "right")
-            ], 8, _hoisted_4)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
           ], 38)) : createCommentVNode("", true)
         ]),
-        side: withCtx(({ params }) => [
+        side: withCtx(() => [
           !isTopLayout.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass([
-              "ele-admin-side",
+            class: normalizeClass(["ele-admin-side", [
               { "is-fixed": isFixedSidebar.value },
               { "show-placeholder": isFixedSidebar.value && isHeaderLogo.value },
               { "is-collapse": !isMobile.value && !isBoxSidebar.value && isCollapseSidebar.value },
               { "is-mix": !isMobile.value && !isBoxSidebar.value && isMixSidebar.value },
               { "is-compact": !isMobile.value && _ctx.compact },
               { "is-box": !isMobile.value && isBoxSidebar.value }
-            ]),
+            ]]),
             style: normalizeStyle([
               { height: isFixedSidebar.value ? layoutHeight.value : void 0 },
               _ctx.sideCustomStyle
@@ -416,13 +415,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             isMixSidebar.value ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass([
-                "ele-admin-sidebox",
+              class: normalizeClass(["ele-admin-sidebox", [
                 { "is-dark": isDarkSidebar.value },
                 { "is-ghost": isGhostSidebar.value },
                 { "show-divider": !isCollapseSidebar.value && !isBoxSidebar.value },
                 { "is-compact": _ctx.compact }
-              ]),
+              ]]),
               style: normalizeStyle(_ctx.sideboxCustomStyle),
               onMouseenter: handleBoxMouseEnter,
               onMouseleave: handleBoxMouseLeave
@@ -440,8 +438,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "boxTop"),
               createVNode(unref(ElScrollbar), {
                 class: "ele-admin-menus",
-                style: normalizeStyle(_ctx.sideboxMenusStyle),
-                "data-menu-id": params == null ? void 0 : params.viewId
+                style: normalizeStyle(_ctx.sideboxMenusStyle)
               }, {
                 default: withCtx(() => [
                   _ctx.sideboxMenus ? (openBlock(), createBlock(EleMenus, mergeProps({
@@ -476,14 +473,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     } : void 0
                   ]), 1040, ["theme", "defaultActive", "collapse", "items"])) : createCommentVNode("", true)
                 ]),
-                _: 2
-              }, 1032, ["style", "data-menu-id"]),
+                _: 3
+              }, 8, ["style"]),
               renderSlot(_ctx.$slots, "boxBottom")
             ], 38)) : createCommentVNode("", true),
             !isBoxSidebar.value ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: normalizeClass([
-                "ele-admin-sidebar",
+              class: normalizeClass(["ele-admin-sidebar", [
                 { "is-dark": isMixSidebar.value ? isDarkMixSidebar.value : isDarkSidebar.value },
                 { "is-ghost": isGhostSidebar.value },
                 { "is-mix": isMixSidebar.value },
@@ -491,8 +487,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 {
                   "show-divider": isMixSidebar.value && isDarkMixSidebar.value && isDarkSidebar.value
                 }
-              ]),
-              "data-side-id": params == null ? void 0 : params.viewId,
+              ]]),
               style: normalizeStyle(_ctx.sidebarCustomStyle),
               onMouseenter: handleSideMouseEnter,
               onMouseleave: handleSideMouseLeave
@@ -514,7 +509,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: handleLogoClick
               }, [
                 _ctx.logoSrc || _ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
-                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_7)
+                  createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_6)
                 ]) : createCommentVNode("", true),
                 _ctx.logoTitle || _ctx.$slots.logoTitle ? renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
                   createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
@@ -560,10 +555,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 3
               }, 8, ["style"]),
               renderSlot(_ctx.$slots, "bottom")
-            ], 46, _hoisted_6)) : createCommentVNode("", true)
+            ], 38)) : createCommentVNode("", true)
           ], 6)) : createCommentVNode("", true)
         ]),
-        tabs: withCtx(({ params }) => [
+        tabs: withCtx(({ param }) => [
           _ctx.tabBar && !showHeaderTabs.value ? (openBlock(), createBlock(LayoutTabs, {
             key: 0,
             tabs: _ctx.tabs,
@@ -575,7 +570,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             tabContextMenu: _ctx.tabContextMenu,
             tabContextMenus: _ctx.tabContextMenus,
             tabSortable: _ctx.tabSortable,
-            disabled: !(params == null ? void 0 : params.text),
             class: normalizeClass([
               { "is-fixed-home": _ctx.fixedHome },
               { "is-fixed": isFixedHeader.value },
@@ -583,7 +577,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             style: normalizeStyle(_ctx.tabsCustomStyle),
             onTabClick: handleTabClick,
-            onTabRemove: handleTabRemove,
+            onTabRemove: (name) => handleTabRemove(name, param?.label),
             onTabContextMenu: handleTabContextMenu,
             onTabSortChange: handleTabSortChange
           }, createSlots({ _: 2 }, [
@@ -597,9 +591,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               };
             })
-          ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "disabled", "class", "style"])) : createCommentVNode("", true)
+          ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style", "onTabRemove"])) : createCommentVNode("", true)
         ]),
-        body: withCtx(() => [
+        body: withCtx(({ param }) => [
           createElementVNode("div", {
             ref_key: "contentRef",
             ref: contentRef,
@@ -617,8 +611,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "modalsRef",
             ref: modalsRef,
-            class: "ele-admin-modals"
-          }, null, 512)
+            class: "ele-admin-modals",
+            "data-id": param?.key
+          }, null, 8, _hoisted_7)
         ]),
         default: withCtx(() => [
           createElementVNode("div", {

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

@@ -1,7 +1,7 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
 import { StyleValue } from '../ele-app/types';
 import { EleMenusProps, EleBreadcrumbProps, EleBacktopProps, EleDropdownProps } from '../ele-app/plus';
-import { MenuItem } from '../ele-menus/types';
+import { MenuItem, MenuItemClickType } from '../ele-menus/types';
 import { BreadcrumbItem } from '../ele-breadcrumb/types';
 import { TabPaneItem, TabEventOption, ContextMenus } from '../ele-tabs/types';
 import { Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, TabBar, Maximized, LayoutProvide } from './types';
@@ -12,7 +12,7 @@ import { Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, TabBar, Max
 export declare const adminLayoutProps: {
     /** 高度 */
     height: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     /** 顶栏菜单数据 */
@@ -183,19 +183,19 @@ export declare const adminLayoutEmits: {
     logoClick: (_e: MouseEvent) => boolean;
     headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
     headMenuClose: (_index: string, _indexPath: string[]) => boolean;
-    headMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    headMenuItemClick: (_item: MenuItem, _e: MouseEvent, _type?: MenuItemClickType) => boolean;
     headMenuItemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
     headMenuItemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
     headMouseenter: (_e: MouseEvent) => boolean;
     headMouseleave: (_e: MouseEvent) => boolean;
-    boxMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    boxMenuItemClick: (_item: MenuItem, _e: MouseEvent, _type?: MenuItemClickType) => boolean;
     boxMenuItemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
     boxMenuItemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
     boxMouseenter: (_e: MouseEvent) => boolean;
     boxMouseleave: (_e: MouseEvent) => boolean;
     sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
     sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
-    sideMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
+    sideMenuItemClick: (_item: MenuItem, _e: MouseEvent, _type?: MenuItemClickType) => boolean;
     sideMouseenter: (_e: MouseEvent) => boolean;
     sideMouseleave: (_e: MouseEvent) => boolean;
     tabClick: (_option: TabEventOption) => boolean;

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

@@ -168,19 +168,19 @@ const adminLayoutEmits = {
   logoClick: (_e) => true,
   headMenuOpen: (_index, _indexPath) => true,
   headMenuClose: (_index, _indexPath) => true,
-  headMenuItemClick: (_item, _e) => true,
+  headMenuItemClick: (_item, _e, _type) => true,
   headMenuItemMouseenter: (_item, _e) => true,
   headMenuItemMouseleave: (_item, _e) => true,
   headMouseenter: (_e) => true,
   headMouseleave: (_e) => true,
-  boxMenuItemClick: (_item, _e) => true,
+  boxMenuItemClick: (_item, _e, _type) => true,
   boxMenuItemMouseenter: (_item, _e) => true,
   boxMenuItemMouseleave: (_item, _e) => true,
   boxMouseenter: (_e) => true,
   boxMouseleave: (_e) => true,
   sideMenuOpen: (_index, _indexPath) => true,
   sideMenuClose: (_index, _indexPath) => true,
-  sideMenuItemClick: (_item, _e) => true,
+  sideMenuItemClick: (_item, _e, _type) => true,
   sideMouseenter: (_e) => true,
   sideMouseleave: (_e) => true,
   tabClick: (_option) => true,

package/es/ele-admin-layout/style/header.scss

@@ -58,13 +58,32 @@
   }
 
   & > .ele-admin-tabs.ele-tab-wrap.is-simple,
-  & > .ele-admin-tabs.ele-tab-wrap.is-indicator,
-  & > .ele-tab-wrap .ele-tabs.is-simple,
-  & > .ele-tab-wrap .ele-tabs.is-indicator {
+  & > .ele-admin-tabs.ele-tab-wrap.is-indicator {
     $height: eleVar('header', 'height');
     $tool-height: eleVar('header', 'tool-height');
     $tab-height: calc(#{$height} - (#{$height} - #{$tool-height}) / 2);
     #{eleVarName('tab', 'height')}: #{$tab-height};
+
+    .el-tabs__item,
+    .ele-tab-tool,
+    .el-tabs__nav-prev,
+    .el-tabs__nav-next {
+      line-height: calc(#{$height} - (#{$height} - #{$tool-height}));
+    }
+
+    .el-tabs__nav-prev,
+    .el-tabs__nav-next {
+      display: block;
+
+      & > .el-icon {
+        vertical-align: -2px;
+      }
+    }
+
+    & > .ele-tabs > .el-tabs__header .el-tabs__item .is-icon-close,
+    & > .ele-tabs > .el-tabs__header .ele-tab-title::before {
+      margin-top: calc((#{$height} - #{$tool-height}) / 2 / 2 * -1);
+    }
   }
 
   /* 顶栏与页签栏分割线 */
@@ -142,8 +161,7 @@
   }
 
   /* 暗色顶栏页签栏 */
-  & > .ele-admin-tabs.ele-tab-wrap,
-  & > .ele-admin-tabs .ele-tabs {
+  & > .ele-admin-tabs.ele-tab-wrap {
     $color: eleVar('header', 'dark-color');
     $hover-bg: eleVar('header', 'dark-tool-hover-bg');
     #{eleVarName('tab', 'color')}: #{$color};
@@ -155,7 +173,7 @@
     #{eleVarName('tab', 'tool-hover-color')}: #{$color};
     #{eleVarName('tab', 'simple-hover-color')}: #{$color};
     #{eleVarName('tab', 'simple-hover-bg')}: #{$hover-bg};
-    #{eleVarName('tab', 'simple-active-bg')}: #{elVar('bg-color', 'overlay')};
+    #{eleVarName('tab', 'simple-active-bg')}: #{elVar('bg-color')};
     #{eleVarName('tab', 'simple-active-line')}: 0px;
     #{eleVarName('tab', 'simple-tool-hover-bg')}: transparent;
     #{eleVarName('tab', 'indicator-dot-color')}: rgba(255, 255, 255, 0.4);
@@ -166,8 +184,7 @@
   }
 }
 
-.ele-admin-header.is-dark > .ele-admin-tabs.ele-tab-wrap,
-.ele-admin-header.is-dark > .ele-admin-tabs .ele-tabs {
+.ele-admin-header.is-dark > .ele-admin-tabs.ele-tab-wrap {
   $color: eleVar('header', 'dark-color');
   $hover-bg: eleVar('header', 'dark-tool-hover-bg');
   #{eleVarName('tab', 'active-close-color')}: #{$color};

package/es/ele-admin-layout/style/index.scss

@@ -148,10 +148,17 @@
     z-index: calc(#{eleVar('layout', 'mask-index')} + 1);
     clip-path: none !important;
 
-    & > .ele-admin-sidebar,
-    & > .ele-admin-sidebox {
+    & > .ele-admin-sidebar:not(.is-dark),
+    & > .ele-admin-sidebox:not(.is-dark) {
+      background: eleVar('sidebar', 'mobile-bg');
       backdrop-filter: eleVar('sidebar', 'mobile-backdrop-filter');
     }
+
+    & > .ele-admin-sidebar.is-dark,
+    & > .ele-admin-sidebox.is-dark {
+      background: eleVar('sidebar', 'mobile-dark-bg');
+      backdrop-filter: eleVar('sidebar', 'mobile-dark-backdrop-filter');
+    }
   }
 
   &.is-collapse > .ele-admin-side {
@@ -211,7 +218,6 @@
     margin: 0;
     font-weight: 600;
     font-size: inherit;
-    text-overflow: ellipsis;
     word-break: break-all;
     white-space: nowrap;
     overflow: hidden;

package/es/ele-admin-layout/style/tabs.scss

@@ -9,17 +9,8 @@
   z-index: calc(#{eleVar('layout', 'index')} + 1);
   $padding: eleVar('page', 'padding', #{eleVar('header', 'tools-padding')});
 
-  &:not(.is-fixed-home) {
-    .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-      padding-left: $padding;
-    }
-
-    &.is-simple,
-    &.is-indicator {
-      .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
-        padding-left: calc(#{$padding} - eleVar('tab', 'simple-angle-size'));
-      }
-    }
+  &:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
+    padding-left: $padding;
   }
 
   /* 固定的主页页签 */

package/es/ele-alert/index.js

@@ -36,15 +36,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
         default: withCtx(() => [
           visible.value ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
-            class: [
-              "ele-alert",
+            class: ["ele-alert", [
               { "is-success": _ctx.type === "success" },
               { "is-warning": _ctx.type === "warning" },
               { "is-error": _ctx.type === "error" },
               { "is-dark": _ctx.effect === "dark" },
               { "is-center": _ctx.center },
               { "is-rich": isRich.value }
-            ]
+            ]]
           }), [
             _ctx.showIcon ? (openBlock(), createElementBlock("div", {
               key: 0,

package/es/ele-app/components/form-item-rest.d.ts

@@ -1,4 +1,3 @@
-declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+import { default as EleFormItemRest } from '../../ele-form-item-rest/index';
+
+export default EleFormItemRest;

package/es/ele-app/components/form-item-rest.js

@@ -1,15 +1,5 @@
-import { defineComponent } from "vue";
-import { useFormItemRest } from "../../utils/hook";
-const formItemRest = defineComponent({
-  name: "FormItemRest",
-  setup(_props, { slots }) {
-    useFormItemRest();
-    return () => {
-      var _a;
-      return (_a = slots.default) == null ? void 0 : _a.call(slots);
-    };
-  }
-});
+import EleFormItemRest from "../../ele-form-item-rest/index";
+import { default as default2 } from "../../ele-form-item-rest/index";
 export {
-  formItemRest as default
+  default2 as default
 };

package/es/ele-app/components/message-box-icon.js

@@ -17,18 +17,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     boxMounted: (_) => true
   },
   setup(__props, { emit: __emit }) {
-    var _a;
     const props = __props;
     const emit = __emit;
-    const ins = (_a = getCurrentInstance) == null ? void 0 : _a();
+    const ins = getCurrentInstance?.();
     onBeforeUnmount(() => {
       emit("boxDestroy", props.boxId);
     });
     onMounted(() => {
-      var _a2, _b;
       emit("boxMounted", {
         boxId: props.boxId,
-        doClose: (_b = (_a2 = ins == null ? void 0 : ins.ctx) == null ? void 0 : _a2.$root) == null ? void 0 : _b.doClose
+        doClose: ins?.ctx?.$root?.doClose
       });
     });
     return (_ctx, _cache) => {

package/es/ele-app/el.d.ts

@@ -30,6 +30,8 @@ import type {
   ElDropdown,
   dropdownProps,
   dropdownItemProps,
+  // ElDivider
+  DividerProps,
   // ElEmpty
   EmptyProps,
   // ElForm
@@ -192,6 +194,11 @@ export type ElDropdownItemProps = ComponentProps<
   ExtractPropTypes<typeof dropdownItemProps>
 >;
 
+/**
+ * ElDivider
+ */
+export type ElDividerProps = ComponentProps<DividerProps>;
+
 /**
  * ElEmpty
  */

package/es/ele-app/index.d.ts

@@ -1,4 +1,18 @@
-declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    openModal: (option: import('../ele-modal-render/types').ModalItem) => import('../ele-modal-render/types').ModalItemId;
+    closeModal: (modalId?: import('../ele-modal-render/types').ModalItemId) => void;
+    closeAllModal: () => void;
+    updateModalProps: (modalId?: import('../ele-modal-render/types').ModalItemId, option?: Record<string, any>) => void;
+    openDropdown: (triggerEl: any, items?: import('../ele-dropdown/types').DropdownItem[], props?: import('./plus').EleDropdownPropsAndEmits) => void;
+    openPopconfirm: (triggerEl: any, props?: import('./plus').ElePopconfirmPropsAndEmits) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-app/index.js

@@ -1,13 +1,82 @@
-import { defineComponent } from "vue";
-const index = defineComponent({
-  name: "EleApp",
-  setup(_props, { slots }) {
-    return () => {
-      var _a;
-      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+import { defineComponent, createElementBlock, openBlock, Fragment, renderSlot, createVNode, unref, mergeProps } from "vue";
+import EleModalRender from "../ele-modal-render/index";
+import { useModalRenderProvider } from "../ele-modal-render/util";
+import EleDropdown from "../ele-dropdown/index";
+import { useDropdownProvider } from "../ele-dropdown-provider/util";
+import ElePopconfirm from "../ele-popconfirm/index";
+import { usePopconfirmProvider } from "../ele-popconfirm-provider/util";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EleApp" },
+  __name: "index",
+  setup(__props, { expose: __expose }) {
+    const {
+      modals,
+      openModal,
+      closeModal,
+      closeAllModal,
+      removeModal,
+      updateModalVisible,
+      updateModalProps
+    } = useModalRenderProvider();
+    const {
+      dropdownRef,
+      dropdownVirtualRef,
+      dropdownItems,
+      dropdownProps,
+      openDropdown
+    } = useDropdownProvider();
+    const {
+      popconfirmRef,
+      popconfirmVirtualRef,
+      popconfirmProps,
+      openPopconfirm
+    } = usePopconfirmProvider();
+    __expose({
+      // 弹窗操作
+      openModal,
+      closeModal,
+      closeAllModal,
+      updateModalProps,
+      // 下拉菜单操作
+      openDropdown,
+      // 气泡确认框操作
+      openPopconfirm
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(unref(EleModalRender), {
+          modals: unref(modals),
+          onRemoveItem: unref(removeModal),
+          onUpdateItemVisible: unref(updateModalVisible),
+          onUpdateItemProps: unref(updateModalProps)
+        }, null, 8, ["modals", "onRemoveItem", "onUpdateItemVisible", "onUpdateItemProps"]),
+        createVNode(EleDropdown, mergeProps(unref(dropdownProps), {
+          ref_key: "dropdownRef",
+          ref: dropdownRef,
+          triggerKeys: [],
+          persistent: false,
+          componentType: "pro",
+          virtualTriggering: true,
+          virtualRef: unref(dropdownVirtualRef),
+          disabled: !unref(dropdownItems).length,
+          items: unref(dropdownItems)
+        }), null, 16, ["virtualRef", "disabled", "items"]),
+        createVNode(ElePopconfirm, mergeProps({
+          width: 200,
+          triggerKeys: [],
+          persistent: false,
+          placement: "top-end"
+        }, unref(popconfirmProps), {
+          ref_key: "popconfirmRef",
+          ref: popconfirmRef,
+          virtualTriggering: true,
+          virtualRef: unref(popconfirmVirtualRef)
+        }), null, 16, ["virtualRef"])
+      ], 64);
     };
   }
 });
 export {
-  index as default
+  _sfc_main as default
 };