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

package/lib/ele-admin-layout/components/layout-tabs.cjs

@@ -5,7 +5,6 @@ const icons = require("../../icons");
 const EleTabWrap = require("../../ele-tab-wrap/index");
 const EleTabTool = require("../../ele-tab-tool/index");
 const EleTabs = require("../../ele-tabs/index");
-const TabTitle = require("../../ele-tabs/components/tab-title");
 const _sfc_main = vue.defineComponent({
   name: "LayoutTabs",
   components: {
@@ -13,8 +12,7 @@ const _sfc_main = vue.defineComponent({
     HomeOutlined: icons.HomeOutlined,
     EleTabWrap,
     EleTabTool,
-    EleTabs,
-    TabTitle
+    EleTabs
   },
   props: {
     /** 页签数据 */
@@ -42,26 +40,7 @@ const _sfc_main = vue.defineComponent({
     tabContextMenu: (_option) => true,
     tabSortChange: (_data) => true
   },
-  setup(props, { emit }) {
-    const homeRef = vue.ref(null);
-    const tabRef = vue.ref(null);
-    const homeContextMenus = vue.computed(() => {
-      if (typeof props.tabContextMenus === "function") {
-        return props.tabContextMenus();
-      }
-      return props.tabContextMenus;
-    });
-    const handleTabContextOpen = (ref2) => {
-      const $home = homeRef.value;
-      if (!$home || !$home.dropdownRef) {
-        return;
-      }
-      if ($home.dropdownRef !== ref2) {
-        $home.dropdownRef.handleClose();
-      } else if (tabRef.value) {
-        tabRef.value.hideAllDropdown();
-      }
-    };
+  setup(_props, { emit }) {
     const handleTabItemClick = (option) => {
       emit("tabClick", option);
     };
@@ -75,13 +54,9 @@ const _sfc_main = vue.defineComponent({
       emit("tabSortChange", data);
     };
     return {
-      homeRef,
-      tabRef,
-      homeContextMenus,
       handleTabRemove,
       handleTabItemClick,
       handleTabContextMenu,
-      handleTabContextOpen,
       handleTabSortChange
     };
   }
@@ -96,7 +71,6 @@ const _export_sfc = (sfc, props) => {
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_HomeOutlined = vue.resolveComponent("HomeOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_TabTitle = vue.resolveComponent("TabTitle");
   const _component_EleTabTool = vue.resolveComponent("EleTabTool");
   const _component_EleTabs = vue.resolveComponent("EleTabs");
   const _component_EleTabWrap = vue.resolveComponent("EleTabWrap");
@@ -108,61 +82,36 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.fixedHome ? (vue.openBlock(), vue.createBlock(_component_EleTabTool, {
         key: 0,
         tab: true,
-        active: _ctx.isHome
+        active: _ctx.isHome,
+        tabName: _ctx.homePath
       }, {
         default: vue.withCtx(() => [
-          vue.createVNode(_component_TabTitle, {
-            ref: "homeRef",
-            active: _ctx.active,
-            tabName: _ctx.homePath,
-            handleClick: true,
-            contextMenu: _ctx.tabContextMenu,
-            contextMenus: _ctx.homeContextMenus,
-            onContextMenu: _ctx.handleTabContextMenu,
-            onContextOpen: _ctx.handleTabContextOpen,
-            onItemClick: _ctx.handleTabItemClick
-          }, vue.createSlots({
-            label: vue.withCtx((slotProps) => [
-              vue.renderSlot(_ctx.$slots, "tabHome", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})), () => [
-                vue.createVNode(_component_ElIcon, {
-                  class: "ele-tab-icon",
-                  style: { "vertical-align": "-3px" }
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_HomeOutlined, { style: { "transform": "scale(1.08)" } })
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            _: 2
-          }, [
-            _ctx.$slots.tabContext ? {
-              name: "contextMenu",
-              fn: vue.withCtx((slotProps) => [
-                vue.renderSlot(_ctx.$slots, "tabContext", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+          vue.renderSlot(_ctx.$slots, "tabHome", { active: _ctx.active }, () => [
+            vue.createVNode(_component_ElIcon, {
+              class: "ele-tab-icon",
+              style: { "vertical-align": "-3px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_HomeOutlined, { style: { "transform": "scale(1.08)" } })
               ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["active", "tabName", "contextMenu", "contextMenus", "onContextMenu", "onContextOpen", "onItemClick"])
+              _: 1
+            })
+          ])
         ]),
         _: 3
-      }, 8, ["active"])) : vue.createCommentVNode("", true),
+      }, 8, ["active", "tabName"])) : vue.createCommentVNode("", true),
       _ctx.tabs ? (vue.openBlock(), vue.createBlock(_component_EleTabs, {
         key: 1,
-        ref: "tabRef",
         items: _ctx.tabs,
-        type: _ctx.tabStyle,
         modelValue: _ctx.active,
-        handleClick: true,
         sortable: _ctx.tabSortable,
         contextMenu: _ctx.tabContextMenu,
         contextMenus: _ctx.tabContextMenus,
         mousewheel: true,
+        handleClick: true,
         onTabRemove: _ctx.handleTabRemove,
         onTabItemClick: _ctx.handleTabItemClick,
         onTabContextMenu: _ctx.handleTabContextMenu,
-        onTabContextOpen: _ctx.handleTabContextOpen,
         onTabSortChange: _ctx.handleTabSortChange
       }, vue.createSlots({ _: 2 }, [
         _ctx.$slots.tabTitle ? {
@@ -171,15 +120,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             vue.renderSlot(_ctx.$slots, "tabTitle", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
           ]),
           key: "0"
-        } : void 0,
-        _ctx.$slots.tabContext ? {
-          name: "contextMenu",
-          fn: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, "tabContext", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-          ]),
-          key: "1"
         } : void 0
-      ]), 1032, ["items", "type", "modelValue", "sortable", "contextMenu", "contextMenus", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabContextOpen", "onTabSortChange"])) : vue.createCommentVNode("", true),
+      ]), 1032, ["items", "modelValue", "sortable", "contextMenu", "contextMenus", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabSortChange"])) : vue.createCommentVNode("", true),
       vue.renderSlot(_ctx.$slots, "tabExtra", { active: _ctx.active })
     ]),
     _: 3

package/lib/ele-admin-layout/components/layout-tabs.d.ts

@@ -1,7 +1,6 @@
 import { PropType } from 'vue';
-import { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/plus';
+import { EleDropdownProps } from '../../ele-app/plus';
 import { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
-import { TabTitleInstance } from '../../ele-tabs/props';
 import { TabStyle } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
@@ -24,13 +23,9 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }, {
-    homeRef: import('vue').Ref<TabTitleInstance>;
-    tabRef: import('vue').Ref<EleTabsInstance>;
-    homeContextMenus: import('vue').ComputedRef<import('../../ele-dropdown/types').DropdownItem[] | undefined>;
     handleTabRemove: (name: string) => void;
     handleTabItemClick: (option: TabEventOption) => void;
     handleTabContextMenu: (option: TabEventOption) => void;
-    handleTabContextOpen: (ref: EleDropdownInstance) => void;
     handleTabSortChange: (data: TabPaneItem[]) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     tabClick: (_option: TabEventOption) => true;

package/lib/ele-admin-layout/index.cjs

@@ -8,7 +8,7 @@ const EleBacktop = require("../ele-backtop/index");
 const LayoutSkeleton = require("./components/layout-skeleton");
 const LayoutTabs = require("./components/layout-tabs");
 const props = require("./props");
-const tabSlots = ["tabTitle", "tabContext", "tabExtra", "tabHome"];
+const tabSlots = ["tabTitle", "tabExtra", "tabHome"];
 const ownSlots = [
   "logo",
   "logoTitle",
@@ -102,6 +102,10 @@ const _sfc_main = vue.defineComponent({
     const getModalsEl = () => {
       return modalsRef.value;
     };
+    const getBodyWrapperEl = () => {
+      const contentEl = getContentEl();
+      return contentEl == null ? void 0 : contentEl.parentElement;
+    };
     const sidebarScrollToActive = () => {
       stopSidebarMenuTimer();
       if (!props$1.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
@@ -207,7 +211,8 @@ const _sfc_main = vue.defineComponent({
       fixedHeader: isFixedHeader.value,
       fixedBody: props$1.fixedBody,
       modalsEl: null,
-      getModalsEl
+      getModalsEl,
+      getBodyWrapperEl
     });
     vue.provide(props.LAYOUT_KEY, layoutProvide);
     vue.watch(

package/lib/ele-admin-layout/index.d.ts

@@ -31,7 +31,6 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
-        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -46,8 +45,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string; /** 是否仅侧栏导航布局 */
-    }; /** 是否仅侧栏导航布局 */
+        default: string;
+    };
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -66,26 +65,25 @@ declare const _default: import('vue').DefineComponent<{
     };
     sideboxIconSlot: {
         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>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
+    mobile: BooleanConstructor;
 }, {
     ownSlots: string[];
     tabSlots: string[];
@@ -193,7 +191,6 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
-        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -208,8 +205,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string; /** 是否仅侧栏导航布局 */
-    }; /** 是否仅侧栏导航布局 */
+        default: string;
+    };
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -228,26 +225,25 @@ declare const _default: import('vue').DefineComponent<{
     };
     sideboxIconSlot: {
         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>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
+    mobile: BooleanConstructor;
 }>> & {
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;

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

@@ -1,4 +1,5 @@
 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 { BreadcrumbItem } from '../ele-breadcrumb/types';
@@ -114,25 +115,25 @@ export declare const adminLayoutProps: {
         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>;
     /** logo图片地址 */
     logoSrc: StringConstructor;
     /** logo文字 */

package/lib/ele-admin-layout/types.d.ts

@@ -49,4 +49,6 @@ export interface LayoutProvide {
   modalsEl?: HTMLElement | null;
   /** 获取模态框容器节点 */
   getModalsEl?: () => HTMLElement | null;
+  /** 获取内容容器节点 */
+  getBodyWrapperEl?: () => HTMLElement | null | undefined;
 }

package/lib/ele-alert/index.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{
     title: StringConstructor;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: import('vue').PropType<import('../ele-app/el').ElAlertProps["type"]>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -9,14 +9,14 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    effect: import('vue').PropType<import('../ele-app/el').ElAlertProps["effect"]>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    closeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    descriptionStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    descriptionStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     transitionName: {
         type: StringConstructor;
         default: string;
@@ -30,7 +30,7 @@ declare const _default: import('vue').DefineComponent<{
     close: (_e: MouseEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: StringConstructor;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: import('vue').PropType<import('../ele-app/el').ElAlertProps["type"]>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -39,14 +39,14 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    effect: import('vue').PropType<import('../ele-app/el').ElAlertProps["effect"]>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    closeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    descriptionStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    descriptionStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     transitionName: {
         type: StringConstructor;
         default: string;

package/lib/ele-alert/props.d.ts

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ElIconProps } from '../ele-app/el';
+import { StyleValue } from '../ele-app/types';
+import { ElAlertProps, ElIconProps } from '../ele-app/el';
 
 /**
  * 属性
@@ -8,7 +9,7 @@ export declare const alertProps: {
     /** 标题 */
     title: StringConstructor;
     /** 类型 */
-    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: PropType<ElAlertProps["type"]>;
     /** 描述 */
     description: StringConstructor;
     /** 是否可关闭 */
@@ -23,21 +24,21 @@ export declare const alertProps: {
     /** 是否显示图标 */
     showIcon: BooleanConstructor;
     /** 主题 */
-    effect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    effect: PropType<ElAlertProps["effect"]>;
     /** 图标样式 */
-    iconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: PropType<StyleValue>;
     /** 图标组件属性 */
     iconProps: PropType<ElIconProps>;
     /** 关闭图标样式 */
-    closeIconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    closeIconStyle: PropType<StyleValue>;
     /** 关闭图标组件属性 */
     closeIconProps: PropType<ElIconProps>;
     /** 内容区样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 标题样式 */
-    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: PropType<StyleValue>;
     /** 描述样式 */
-    descriptionStyle: PropType<Partial<import('vue').CSSProperties>>;
+    descriptionStyle: PropType<StyleValue>;
     /** 过渡动画名称 */
     transitionName: {
         type: StringConstructor;

package/lib/ele-app/components/message-body.d.ts

@@ -1,12 +1,13 @@
 import { PropType } from 'vue';
+import { ElMessageOptions } from '../el';
 
 declare const _default: import('vue').DefineComponent<{
     /** 内容 */
     message: StringConstructor;
     /** 类型 */
-    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: PropType<ElMessageOptions["type"]>;
     /** 图标 */
-    icon: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+    icon: PropType<ElMessageOptions["icon"]>;
     /** 是否显示关闭按钮 */
     showClose: BooleanConstructor;
     /** 内容是否是富文本 */
@@ -24,9 +25,9 @@ declare const _default: import('vue').DefineComponent<{
     /** 内容 */
     message: StringConstructor;
     /** 类型 */
-    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: PropType<ElMessageOptions["type"]>;
     /** 图标 */
-    icon: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+    icon: PropType<ElMessageOptions["icon"]>;
     /** 是否显示关闭按钮 */
     showClose: BooleanConstructor;
     /** 内容是否是富文本 */

package/lib/ele-app/components/message-box-icon.d.ts

@@ -1,10 +1,11 @@
 import { PropType } from 'vue';
+import { ElMessageBoxOptions } from '../el';
 
 declare const _default: import('vue').DefineComponent<{
     /** 类型 */
-    type: PropType<("" | "success" | "warning" | "error" | "info") | undefined>;
+    type: PropType<ElMessageBoxOptions["type"]>;
     /** 图标 */
-    icon: PropType<string | import('vue').Component | undefined>;
+    icon: PropType<ElMessageBoxOptions["icon"]>;
     /** 标识id */
     boxId: StringConstructor;
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -15,16 +16,16 @@ declare const _default: import('vue').DefineComponent<{
     }) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 类型 */
-    type: PropType<("" | "success" | "warning" | "error" | "info") | undefined>;
+    type: PropType<ElMessageBoxOptions["type"]>;
     /** 图标 */
-    icon: PropType<string | import('vue').Component | undefined>;
+    icon: PropType<ElMessageBoxOptions["icon"]>;
     /** 标识id */
     boxId: StringConstructor;
 }>> & {
     onBoxDestroy?: ((_boxId?: string | undefined) => any) | undefined;
     onBoxMounted?: ((_: {
-        boxId?: string | undefined;
-        doClose?: (() => void) | undefined;
+        boxId?: string;
+        doClose?: () => void;
     }) => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -40,6 +40,7 @@ import type {
   // ElImage
   ElImage,
   ImageProps,
+  ElImageViewer,
   // ElInput
   ElInput,
   InputProps,
@@ -190,6 +191,8 @@ export type ElImageInstance = InstanceType<typeof ElImage> | null;
 
 export type ElImageProps = ComponentProps<ImageProps>;
 
+export type ElImageViewerInstance = InstanceType<typeof ElImageViewer> | null;
+
 /**
  * ElInput
  */

package/lib/ele-app/plus.d.ts

@@ -8,6 +8,8 @@ import type EleDataTable from '../ele-data-table/index';
 import type { DataTableProps } from '../ele-data-table/props';
 import type EleDropdown from '../ele-dropdown/index';
 import type { DropdownProps } from '../ele-dropdown/props';
+import type { FileListProps } from '../ele-file-list/props';
+import type { ImageViewerProps } from '../ele-image-viewer/props';
 import type { LoadingProps } from '../ele-loading/props';
 import type EleMenus from '../ele-menus/index';
 import type { MenusProps } from '../ele-menus/props';
@@ -28,6 +30,8 @@ import type { ToolProps } from '../ele-tool/props';
 import type { ToolbarProps } from '../ele-toolbar/props';
 import type EleTooltip from '../ele-tooltip/index';
 import type { TooltipProps } from '../ele-tooltip/props';
+import type EleUploadList from '../ele-upload-list/index';
+import type { UploadListProps } from '../ele-upload-list/props';
 import type EleVirtualTable from '../ele-virtual-table/index';
 import type { ComponentProps } from './types';
 
@@ -75,6 +79,16 @@ export type EleDropdownInstance = InstanceType<typeof EleDropdown> | null;
 
 export type EleDropdownProps = ComponentProps<DropdownProps>;
 
+/**
+ * EleFileList
+ */
+export type EleFileListProps = ComponentProps<FileListProps>;
+
+/**
+ * EleImageViewer
+ */
+export type EleImageViewerProps = ComponentProps<ImageViewerProps>;
+
 /**
  * EleLoading
  */
@@ -154,6 +168,13 @@ export type EleTooltipInstance = InstanceType<typeof EleTooltip> | null;
 
 export type EleTooltipProps = Partial<TooltipProps>;
 
+/**
+ * EleUploadList
+ */
+export type EleUploadListInstance = InstanceType<typeof EleUploadList> | null;
+
+export type EleUploadListProps = Partial<UploadListProps>;
+
 /**
  * EleVirtualTable
  */

package/lib/ele-app/style/overwrite/css-var.scss

@@ -4,7 +4,6 @@
 @use './checkbox/css-var.scss' as *;
 @use './date-picker/css-var.scss' as *;
 @use './descriptions/css-var.scss' as *;
-@use './image-viewer/css-var.scss' as *;
 @use './input/css-var.scss' as *;
 @use './message-box/css-var.scss' as *;
 @use './notification/css-var.scss' as *;
@@ -22,7 +21,6 @@
   @include set-el-checkbox-var($var);
   @include set-el-date-picker-var($var);
   @include set-el-descriptions-var($var);
-  @include set-el-image-viewer-var($var);
   @include set-el-input-var($var);
   @include set-el-message-box-var($var);
   @include set-el-notification-var($var);

package/lib/ele-app/style/overwrite/index.cjs

@@ -6,7 +6,6 @@ require("./checkbox/index");
 require("./color-picker/index");
 require("./date-picker/index");
 require("./descriptions/index");
-require("./image-viewer/index");
 require("./input/index");
 require("./message-box/index");
 require("./notification/index");