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

package/es/components.d.ts

@@ -1,7 +1,7 @@
 export * from './core-components';
-export { default as EleBarCode } from "./ele-bar-code/index";
-export { default as EleCountUp } from "./ele-count-up/index";
-export { default as EleCropper } from "./ele-cropper/index";
-export { default as EleCropperModal } from "./ele-cropper-modal/index";
-export { default as EleMapPicker } from "./ele-map-picker/index";
-export { default as EleXgPlayer } from "./ele-xg-player/index";
+export { default as EleBarCode } from './ele-bar-code/index';
+export { default as EleCountUp } from './ele-count-up/index';
+export { default as EleCropper } from './ele-cropper/index';
+export { default as EleCropperModal } from './ele-cropper-modal/index';
+export { default as EleMapPicker } from './ele-map-picker/index';
+export { default as EleXgPlayer } from './ele-xg-player/index';

package/es/core-components.d.ts

@@ -1,51 +1,51 @@
-export { default as EleAdminLayout } from "./ele-admin-layout/index";
-export { default as EleAlert } from "./ele-alert/index";
+export { default as EleAdminLayout } from './ele-admin-layout/index';
+export { default as EleAlert } from './ele-alert/index';
 export { default as EleApp } from './ele-app/index';
-export { default as EleAvatarGroup } from "./ele-avatar-group/index";
-export { default as EleBacktop } from "./ele-backtop/index";
-export { default as EleBasicSelect } from "./ele-basic-select/index";
-export { default as EleBottomBar } from "./ele-bottom-bar/index";
-export { default as EleBreadcrumb } from "./ele-breadcrumb/index";
-export { default as EleCard } from "./ele-card/index";
-export { default as EleCheckCard } from "./ele-check-card/index";
+export { default as EleAvatarGroup } from './ele-avatar-group/index';
+export { default as EleBacktop } from './ele-backtop/index';
+export { default as EleBasicSelect } from './ele-basic-select/index';
+export { default as EleBottomBar } from './ele-bottom-bar/index';
+export { default as EleBreadcrumb } from './ele-breadcrumb/index';
+export { default as EleCard } from './ele-card/index';
+export { default as EleCheckCard } from './ele-check-card/index';
 export { default as EleConfigProvider } from './ele-config-provider/index';
-export { default as EleCopyable } from "./ele-copyable/index";
-export { default as EleDashboard } from "./ele-dashboard/index";
+export { default as EleCopyable } from './ele-copyable/index';
+export { default as EleDashboard } from './ele-dashboard/index';
 export { default as EleDataTable } from './ele-data-table/index';
-export { default as EleDot } from "./ele-dot/index";
-export { default as EleDrawer } from "./ele-drawer/index";
-export { default as EleDropdown } from "./ele-dropdown/index";
-export { default as EleEditTag } from "./ele-edit-tag/index";
-export { default as EleEllipsis } from "./ele-ellipsis/index";
-export { default as EleFileList } from "./ele-file-list/index";
-export { default as EleFileListTool } from "./ele-file-list-tool/index";
-export { default as EleIconSelect } from "./ele-icon-select/index";
-export { default as EleLoading } from "./ele-loading/index";
+export { default as EleDot } from './ele-dot/index';
+export { default as EleDrawer } from './ele-drawer/index';
+export { default as EleDropdown } from './ele-dropdown/index';
+export { default as EleEditTag } from './ele-edit-tag/index';
+export { default as EleEllipsis } from './ele-ellipsis/index';
+export { default as EleFileList } from './ele-file-list/index';
+export { default as EleFileListTool } from './ele-file-list-tool/index';
+export { default as EleIconSelect } from './ele-icon-select/index';
+export { default as EleLoading } from './ele-loading/index';
 export { default as EleMenus } from './ele-menus/index';
-export { default as EleModal } from "./ele-modal/index";
-export { default as ElePage } from "./ele-page/index";
-export { default as ElePagination } from "./ele-pagination/index";
-export { default as ElePopconfirm } from "./ele-popconfirm/index";
-export { default as ElePopover } from "./ele-popover/index";
-export { default as ElePrinter } from "./ele-printer/index";
-export { default as EleProLayout } from "./ele-pro-layout/index";
-export { default as EleProTable } from "./ele-pro-table/index";
-export { default as EleQrCode } from "./ele-qr-code/index";
-export { default as EleQrCodeSvg } from "./ele-qr-code-svg/index";
-export { default as EleSegmented } from "./ele-segmented/index";
-export { default as EleSplitPanel } from "./ele-split-panel/index";
-export { default as EleSteps } from "./ele-steps/index";
-export { default as EleTabs } from "./ele-tabs/index";
-export { default as EleTabTool } from "./ele-tab-tool/index";
-export { default as EleTabWrap } from "./ele-tab-wrap/index";
-export { default as EleTable } from "./ele-table/index";
-export { default as EleTableSelect } from "./ele-table-select/index";
-export { default as EleText } from "./ele-text/index";
-export { default as EleTool } from "./ele-tool/index";
-export { default as EleToolbar } from "./ele-toolbar/index";
-export { default as EleTooltip } from "./ele-tooltip/index";
-export { default as EleTour } from "./ele-tour/index";
-export { default as EleTreeSelect } from "./ele-tree-select/index";
-export { default as EleUploadList } from "./ele-upload-list/index";
-export { default as EleVirtualTable } from "./ele-virtual-table/index";
-export { default as EleWatermark } from "./ele-watermark/index";
+export { default as EleModal } from './ele-modal/index';
+export { default as ElePage } from './ele-page/index';
+export { default as ElePagination } from './ele-pagination/index';
+export { default as ElePopconfirm } from './ele-popconfirm/index';
+export { default as ElePopover } from './ele-popover/index';
+export { default as ElePrinter } from './ele-printer/index';
+export { default as EleProLayout } from './ele-pro-layout/index';
+export { default as EleProTable } from './ele-pro-table/index';
+export { default as EleQrCode } from './ele-qr-code/index';
+export { default as EleQrCodeSvg } from './ele-qr-code-svg/index';
+export { default as EleSegmented } from './ele-segmented/index';
+export { default as EleSplitPanel } from './ele-split-panel/index';
+export { default as EleSteps } from './ele-steps/index';
+export { default as EleTabs } from './ele-tabs/index';
+export { default as EleTabTool } from './ele-tab-tool/index';
+export { default as EleTabWrap } from './ele-tab-wrap/index';
+export { default as EleTable } from './ele-table/index';
+export { default as EleTableSelect } from './ele-table-select/index';
+export { default as EleText } from './ele-text/index';
+export { default as EleTool } from './ele-tool/index';
+export { default as EleToolbar } from './ele-toolbar/index';
+export { default as EleTooltip } from './ele-tooltip/index';
+export { default as EleTour } from './ele-tour/index';
+export { default as EleTreeSelect } from './ele-tree-select/index';
+export { default as EleUploadList } from './ele-upload-list/index';
+export { default as EleVirtualTable } from './ele-virtual-table/index';
+export { default as EleWatermark } from './ele-watermark/index';

package/es/core-export.d.ts

@@ -1,7 +1,7 @@
-import { default as LayoutTool } from "./ele-admin-layout/components/layout-tool";
+import { default as LayoutTool } from './ele-admin-layout/components/layout-tool';
 
 export { LayoutTool, LayoutTool as HeaderTool, LayoutTool as SidebarTool };
-export { default as TabDropdown } from "./ele-tab-wrap/components/tab-dropdown";
+export { default as TabDropdown } from './ele-tab-wrap/components/tab-dropdown';
 export * from './utils/chart-theme-dark';
 export * from './utils/chart-theme';
 export * from './utils/core';

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

@@ -1,8 +1,8 @@
-import { TabStyle } from '../types';
-import { TabTitleInstance } from '../../ele-tabs/props';
-import { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
-import { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/plus';
 import { PropType } from 'vue';
+import { EleDropdownProps, EleDropdownInstance, EleTabsInstance } 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<{
     /** 页签数据 */

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

@@ -1,6 +1,6 @@
-import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
-import { MenuItem } from '../ele-menus/types';
 import { EleMenusInstance } from '../ele-app/plus';
+import { MenuItem } from '../ele-menus/types';
+import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
 
 declare const _default: import('vue').DefineComponent<{
     height: (StringConstructor | NumberConstructor)[];
@@ -70,6 +70,12 @@ declare const _default: import('vue').DefineComponent<{
     sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoSrc: StringConstructor;
+    logoTitle: StringConstructor;
+    menuScrollToActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     mobile: BooleanConstructor;
 }, {
     ownSlots: string[];
@@ -144,7 +150,7 @@ declare const _default: import('vue').DefineComponent<{
     sideMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
     sideMouseenter: (_e: MouseEvent) => boolean;
     sideMouseleave: (_e: MouseEvent) => boolean;
-    tabClick: (_option: TabEventOption) => boolean;
+    tabClick: (_option: TabEventOption) => boolean; /** 是否是移动端风格折叠状态 */
     tabRemove: (_name: string) => boolean;
     tabContextMenu: (_option: TabEventOption) => boolean;
     tabSortChange: (_data: TabPaneItem[]) => boolean;
@@ -217,6 +223,12 @@ declare const _default: import('vue').DefineComponent<{
     sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoSrc: StringConstructor;
+    logoTitle: StringConstructor;
+    menuScrollToActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     mobile: BooleanConstructor;
 }>> & {
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
@@ -260,6 +272,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarIconSlot: string;
     sideboxTitleSlot: string;
     sideboxIconSlot: string;
+    menuScrollToActive: boolean;
     mobile: boolean;
 }, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, shallowRef, computed, shallowReactive, provide, watch, nextTick, onMounted, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, renderSlot, createCommentVNode, mergeProps, createSlots, normalizeProps, guardReactiveProps, renderList, createVNode, Fragment, createElementVNode } from "vue";
+import { defineComponent, shallowRef, computed, shallowReactive, provide, watch, nextTick, onMounted, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, renderSlot, createElementVNode, createCommentVNode, toDisplayString, mergeProps, createSlots, normalizeProps, guardReactiveProps, renderList, createVNode, Fragment } from "vue";
 import { ElScrollbar } from "element-plus";
 import { useTimer } from "../utils/hook";
 import EleMenus from "../ele-menus/index";
@@ -103,7 +103,7 @@ const _sfc_main = defineComponent({
     };
     const sidebarScrollToActive = () => {
       stopSidebarMenuTimer();
-      if (sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
+      if (!props.menuScrollToActive || sidebarMenuRef.value == null || isCollapseMobile.value || isMixSidebar.value && isCollapseSidebar.value) {
         return;
       }
       startSidebarMenuTimer(() => {
@@ -112,7 +112,7 @@ const _sfc_main = defineComponent({
     };
     const sideboxScrollToActive = () => {
       stopSideboxMenuTimer();
-      if (sideboxMenuRef.value == null || isCollapseMobile.value) {
+      if (!props.menuScrollToActive || sideboxMenuRef.value == null || isCollapseMobile.value) {
         return;
       }
       startSideboxMenuTimer(() => {
@@ -326,35 +326,38 @@ const _hoisted_1 = {
   key: 0,
   class: "ele-admin-logo"
 };
-const _hoisted_2 = {
+const _hoisted_2 = ["src"];
+const _hoisted_3 = {
   key: 1,
   class: "ele-admin-tools"
 };
-const _hoisted_3 = {
+const _hoisted_4 = {
   key: 2,
   class: "ele-admin-breadcrumb"
 };
-const _hoisted_4 = {
+const _hoisted_5 = {
   key: 3,
   class: "ele-admin-menus"
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
   key: 5,
   class: "ele-admin-tools"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   key: 0,
   class: "ele-admin-logo"
 };
-const _hoisted_7 = {
+const _hoisted_8 = ["src"];
+const _hoisted_9 = {
   key: 0,
   class: "ele-admin-logo-title"
 };
-const _hoisted_8 = {
+const _hoisted_10 = {
   key: 1,
   class: "ele-admin-logo"
 };
-const _hoisted_9 = {
+const _hoisted_11 = ["src"];
+const _hoisted_12 = {
   ref: "modalsRef",
   class: "ele-admin-modals"
 };
@@ -395,20 +398,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.handleHeadMouseenter && _ctx.handleHeadMouseenter(...args)),
         onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleHeadMouseleave && _ctx.handleHeadMouseleave(...args))
       }, [
-        _ctx.isHeaderLogo && (_ctx.$slots.logo || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "logo"),
-          renderSlot(_ctx.$slots, "logoTitle")
+        _ctx.isHeaderLogo && (_ctx.logoSrc || _ctx.logoTitle || _ctx.$slots.logo || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          _ctx.logoSrc || _ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
+            createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_2)
+          ]) : createCommentVNode("", true),
+          _ctx.logoTitle || _ctx.$slots.logoTitle ? renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
+            createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
+          ]) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_3, [
           renderSlot(_ctx.$slots, "left")
         ])) : createCommentVNode("", true),
-        _ctx.breadcrumb ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        _ctx.breadcrumb ? (openBlock(), createElementBlock("div", _hoisted_4, [
           renderSlot(_ctx.$slots, "breadcrumb", {}, () => [
             _ctx.levels && _ctx.levels.length ? (openBlock(), createBlock(_component_EleBreadcrumb, mergeProps({ key: 0 }, _ctx.breadcrumb === true ? {} : _ctx.breadcrumb, { items: _ctx.levels }), null, 16, ["items"])) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "center"),
-        !_ctx.showHeaderTabs || _ctx.showHeaderMenus ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        !_ctx.showHeaderTabs || _ctx.showHeaderMenus ? (openBlock(), createElementBlock("div", _hoisted_5, [
           _ctx.showHeaderMenus && _ctx.headerMenus ? (openBlock(), createBlock(_component_EleMenus, mergeProps({
             key: 0,
             mode: "horizontal",
@@ -468,7 +475,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             };
           })
         ]), 1032, ["tabs", "active", "fixedHome", "homePath", "isHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "class", "style", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : createCommentVNode("", true),
-        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_6, [
           renderSlot(_ctx.$slots, "right")
         ])) : createCommentVNode("", true)
       ], 38)) : createCommentVNode("", true)
@@ -500,8 +507,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.handleBoxMouseEnter && _ctx.handleBoxMouseEnter(...args)),
           onMouseleave: _cache[3] || (_cache[3] = (...args) => _ctx.handleBoxMouseLeave && _ctx.handleBoxMouseLeave(...args))
         }, [
-          !_ctx.isHeaderLogo && _ctx.$slots.logo ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            renderSlot(_ctx.$slots, "logo")
+          !_ctx.isHeaderLogo && (_ctx.logoSrc || _ctx.$slots.logo) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            renderSlot(_ctx.$slots, "logo", {}, () => [
+              createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_8)
+            ])
           ])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "boxTop"),
           createVNode(_component_ElScrollbar, { class: "ele-admin-menus" }, {
@@ -555,12 +564,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onMouseleave: _cache[5] || (_cache[5] = (...args) => _ctx.handleSideMouseLeave && _ctx.handleSideMouseLeave(...args))
         }, [
           _ctx.isMixSidebar ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            !_ctx.isHeaderLogo && _ctx.$slots.logoTitle ? (openBlock(), createElementBlock("div", _hoisted_7, [
-              renderSlot(_ctx.$slots, "logoTitle")
+            !_ctx.isHeaderLogo && (_ctx.logoTitle || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", _hoisted_9, [
+              renderSlot(_ctx.$slots, "logoTitle", {}, () => [
+                createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
+              ])
             ])) : createCommentVNode("", true)
-          ], 64)) : !_ctx.isHeaderLogo && (_ctx.$slots.logo || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", _hoisted_8, [
-            renderSlot(_ctx.$slots, "logo"),
-            renderSlot(_ctx.$slots, "logoTitle")
+          ], 64)) : !_ctx.isHeaderLogo && (_ctx.logoSrc || _ctx.logoTitle || _ctx.$slots.logo || _ctx.$slots.logoTitle) ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            _ctx.logoSrc || _ctx.$slots.logo ? renderSlot(_ctx.$slots, "logo", { key: 0 }, () => [
+              createElementVNode("img", { src: _ctx.logoSrc }, null, 8, _hoisted_11)
+            ]) : createCommentVNode("", true),
+            _ctx.logoTitle || _ctx.$slots.logoTitle ? renderSlot(_ctx.$slots, "logoTitle", { key: 1 }, () => [
+              createElementVNode("h1", null, toDisplayString(_ctx.logoTitle), 1)
+            ]) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "top"),
           createVNode(_component_ElScrollbar, { class: "ele-admin-menus" }, {
@@ -650,7 +665,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         target: _ctx.fixedBody && _ctx.contentRef ? _ctx.contentRef : void 0,
         style: _ctx.fixedBody ? { position: "absolute" } : void 0
       }, _ctx.backTop === true ? {} : _ctx.backTop), null, 16, ["target", "style"])) : createCommentVNode("", true),
-      createElementVNode("div", _hoisted_9, null, 512)
+      createElementVNode("div", _hoisted_12, null, 512)
     ]),
     default: withCtx(() => [
       createElementVNode("div", {

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

@@ -1,9 +1,9 @@
-import { Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, TabBar, Maximized, LayoutProvide } from './types';
-import { TabPaneItem, TabEventOption, ContextMenus } from '../ele-tabs/types';
-import { BreadcrumbItem } from '../ele-breadcrumb/types';
-import { MenuItem } from '../ele-menus/types';
-import { EleMenusProps, EleBreadcrumbProps, EleBacktopProps, EleDropdownProps } from '../ele-app/plus';
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { EleMenusProps, EleBreadcrumbProps, EleBacktopProps, EleDropdownProps } from '../ele-app/plus';
+import { MenuItem } 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';
 
 /**
  * 属性
@@ -120,6 +120,15 @@ export declare const adminLayoutProps: {
     tabsCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 内容区样式 */
     contentCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** logo图片地址 */
+    logoSrc: StringConstructor;
+    /** logo文字 */
+    logoTitle: StringConstructor;
+    /** 菜单是否自动滚动到选中位置 */
+    menuScrollToActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** 是否是移动端风格 */
     mobile: BooleanConstructor;
 };

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

@@ -110,6 +110,15 @@ const adminLayoutProps = {
   tabsCustomStyle: Object,
   /** 内容区样式 */
   contentCustomStyle: Object,
+  /** logo图片地址 */
+  logoSrc: String,
+  /** logo文字 */
+  logoTitle: String,
+  /** 菜单是否自动滚动到选中位置 */
+  menuScrollToActive: {
+    type: Boolean,
+    default: true
+  },
   /** 是否是移动端风格 */
   mobile: Boolean
 };

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

@@ -206,8 +206,13 @@
   }
 }
 
-.ele-admin-logo > img + h1 {
-  margin-left: 8px;
+.ele-admin-logo > img {
+  width: 30px;
+  height: 30px;
+
+  & + h1 {
+    margin-left: 8px;
+  }
 }
 
 .ele-admin-sidebar.is-collapse > .ele-admin-logo > img + h1 {

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

@@ -1,5 +1,5 @@
-import { ElIconProps } from '../ele-app/el';
 import { PropType, ExtractPropTypes } from 'vue';
+import { ElIconProps } from '../ele-app/el';
 
 /**
  * 属性

package/es/ele-avatar-group/props.d.ts

@@ -1,5 +1,5 @@
-import { AvatarItem, AvatarErrorOption } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { AvatarItem, AvatarErrorOption } from './types';
 
 /**
  * 属性

package/es/ele-bar-code/index.d.ts

@@ -1,6 +1,6 @@
-import { JsBarCodeInstance } from './types';
-import { default as JsBarCode } from 'jsbarcode';
 import { Ref } from 'vue';
+import { default as JsBarCode } from 'jsbarcode';
+import { JsBarCodeInstance } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     value: StringConstructor;

package/es/ele-bar-code/props.d.ts

@@ -1,6 +1,6 @@
-import { BarCodeTag } from './types';
-import { Options } from 'jsbarcode';
 import { PropType, ExtractPropTypes } from 'vue';
+import { Options } from 'jsbarcode';
+import { BarCodeTag } from './types';
 
 /**
  * 属性

package/es/ele-basic-select/index.d.ts

@@ -1,6 +1,6 @@
-import { SelectedItem } from './types';
-import { EleTooltipInstance } from '../ele-app/plus';
 import { ElInputInstance } from '../ele-app/el';
+import { EleTooltipInstance } from '../ele-app/plus';
+import { SelectedItem } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     value: {

package/es/ele-basic-select/props.d.ts

@@ -1,5 +1,5 @@
-import { SelectValue, SelectedItem } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { SelectValue, SelectedItem } from './types';
 
 /**
  * 属性

package/es/ele-breadcrumb/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, renderSlot, normalizeProps, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
 import { ElBreadcrumb, ElBreadcrumbItem, ElIcon } from "element-plus";
 import { breadcrumbProps } from "./props";
 const _sfc_main = defineComponent({
@@ -61,7 +61,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               key: 0,
               item
             }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              item.icon ? (openBlock(), createBlock(_component_ElIcon, normalizeProps(mergeProps({ key: 0 }, item.iconProps || {})), {
+              item.icon ? (openBlock(), createBlock(_component_ElIcon, mergeProps({
+                key: 0,
+                ref_for: true
+              }, item.iconProps || {}), {
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
                     style: normalizeStyle(item.iconStyle)

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

@@ -1,5 +1,5 @@
-import { BreadcrumbSeparator, BreadcrumbItem } from './types';
 import { PropType, ExtractPropTypes } from 'vue';
+import { BreadcrumbSeparator, BreadcrumbItem } from './types';
 
 /**
  * 属性

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

@@ -6,16 +6,18 @@ declare const _default: import('vue').DefineComponent<{
     shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
     bordered: BooleanConstructor;
     headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>; /** 是否折叠 */
+    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     collapsable: import('vue').PropType<boolean | "header">;
     collapse: BooleanConstructor;
     collapseIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    flexTable: BooleanConstructor;
+    flexTable: BooleanConstructor; /** 顶栏点击 */
 }, {
     isCollapse: import('vue').Ref<boolean>;
     handleBeforeLeave: (el: HTMLElement) => void;
+    handleLeave: (el: HTMLElement) => void;
     handleAfterLeave: (el: HTMLElement) => void;
+    handleBeforeEnter: (el: HTMLElement) => void;
     handleEnter: (el: HTMLElement) => void;
     handleAfterEnter: (el: HTMLElement) => void;
     handleCollapseClick: () => void;
@@ -30,12 +32,12 @@ declare const _default: import('vue').DefineComponent<{
     shadow: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "always" | "never" | "hover", unknown> | undefined>;
     bordered: BooleanConstructor;
     headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>; /** 是否折叠 */
+    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     collapsable: import('vue').PropType<boolean | "header">;
     collapse: BooleanConstructor;
     collapseIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    flexTable: BooleanConstructor;
+    flexTable: BooleanConstructor; /** 顶栏点击 */
 }>> & {
     onCollapseChange?: ((_collapse: boolean) => any) | undefined;
 }, {

package/es/ele-card/index.js

@@ -10,9 +10,11 @@ const _sfc_main = defineComponent({
   emits: cardEmits,
   setup(props, { emit }) {
     const {
+      handleBeforeEnter,
       handleEnter,
       handleAfterEnter,
       handleBeforeLeave,
+      handleLeave,
       handleAfterLeave
     } = useCollapseAnim();
     const isCollapse = ref(!!props.collapse);
@@ -36,7 +38,9 @@ const _sfc_main = defineComponent({
     return {
       isCollapse,
       handleBeforeLeave,
+      handleLeave,
       handleAfterLeave,
+      handleBeforeEnter,
       handleEnter,
       handleAfterEnter,
       handleCollapseClick,
@@ -98,7 +102,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(Transition, {
       name: "ele-card-slide",
       onBeforeLeave: _ctx.handleBeforeLeave,
+      onLeave: _ctx.handleLeave,
       onAfterLeave: _ctx.handleAfterLeave,
+      onBeforeEnter: _ctx.handleBeforeEnter,
       onEnter: _ctx.handleEnter,
       onAfterEnter: _ctx.handleAfterEnter
     }, {
@@ -113,7 +119,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["onBeforeLeave", "onAfterLeave", "onEnter", "onAfterEnter"]),
+    }, 8, ["onBeforeLeave", "onLeave", "onAfterLeave", "onBeforeEnter", "onEnter", "onAfterEnter"]),
     _ctx.footer || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
       key: 1,
       class: "ele-card-footer",

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

@@ -96,19 +96,6 @@
   }
 }
 
-/* 折叠动画 */
-.ele-card-slide-enter-from,
-.ele-card-slide-leave-active {
-  max-height: 0 !important;
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-}
-
-.ele-card-slide-enter-active,
-.ele-card-slide-leave-active {
-  overflow: hidden !important;
-}
-
 /* 内部表格高度铺满 */
 .ele-card.is-flex-table {
   flex: 1;

package/es/ele-check-card/components/card-item.d.ts

@@ -1,5 +1,5 @@
-import { CheckCardItem } from '../types';
 import { PropType } from 'vue';
+import { CheckCardItem } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
     /** 数据 */