ele-admin-plus 1.2.0-beta.1 → 1.2.0-beta.3

package/es/icons/index.d.ts

@@ -1,108 +1,108 @@
-export { default as AnalysisOutlined } from "./AnalysisOutlined";
-export { default as ApplicationOutlined } from "./ApplicationOutlined";
-export { default as AppstoreAddOutlined } from "./AppstoreAddOutlined";
-export { default as AppstoreOutlined } from "./AppstoreOutlined";
-export { default as ArrowDown } from "./ArrowDown";
-export { default as ArrowDownOutlined } from "./ArrowDownOutlined";
-export { default as ArrowLeft } from "./ArrowLeft";
-export { default as ArrowLeftOutlined } from "./ArrowLeftOutlined";
-export { default as ArrowRight } from "./ArrowRight";
-export { default as ArrowRightOutlined } from "./ArrowRightOutlined";
-export { default as ArrowUp } from "./ArrowUp";
-export { default as ArrowUpOutlined } from "./ArrowUpOutlined";
-export { default as BellOutlined } from "./BellOutlined";
-export { default as BookOutlined } from "./BookOutlined";
-export { default as CalendarOutlined } from "./CalendarOutlined";
-export { default as CaretDownFilled } from "./CaretDownFilled";
-export { default as CaretUpFilled } from "./CaretUpFilled";
-export { default as CheckCircleFilled } from "./CheckCircleFilled";
-export { default as CheckCircleOutlined } from "./CheckCircleOutlined";
-export { default as CheckOutlined } from "./CheckOutlined";
-export { default as CityOutlined } from "./CityOutlined";
-export { default as ClockCircleOutlined } from "./ClockCircleOutlined";
-export { default as CloseCircleFilled } from "./CloseCircleFilled";
-export { default as CloseCircleOutlined } from "./CloseCircleOutlined";
-export { default as CloseOutlined } from "./CloseOutlined";
-export { default as CloudUploadOutlined } from "./CloudUploadOutlined";
-export { default as ClusterOutlined } from "./ClusterOutlined";
-export { default as CodeOutlined } from "./CodeOutlined";
-export { default as ColumnHeightOutlined } from "./ColumnHeightOutlined";
-export { default as CompassOutlined } from "./CompassOutlined";
-export { default as CompressOutlined } from "./CompressOutlined";
-export { default as ConnectionOutlined } from "./ConnectionOutlined";
-export { default as ControlOutlined } from "./ControlOutlined";
-export { default as CopyOutlined } from "./CopyOutlined";
-export { default as CpuOutlined } from "./CpuOutlined";
-export { default as DashboardOutlined } from "./DashboardOutlined";
-export { default as DatabaseOutlined } from "./DatabaseOutlined";
-export { default as DeleteOutlined } from "./DeleteOutlined";
-export { default as DesktopOutlined } from "./DesktopOutlined";
-export { default as DownloadOutlined } from "./DownloadOutlined";
-export { default as DragOutlined } from "./DragOutlined";
-export { default as EditOutlined } from "./EditOutlined";
-export { default as EllipsisOutlined } from "./EllipsisOutlined";
-export { default as EnvironmentOutlined } from "./EnvironmentOutlined";
-export { default as ExclamationCircleFilled } from "./ExclamationCircleFilled";
-export { default as ExpandOutlined } from "./ExpandOutlined";
-export { default as FileOutlined } from "./FileOutlined";
-export { default as FilterFilled } from "./FilterFilled";
-export { default as FolderAddOutlined } from "./FolderAddOutlined";
-export { default as FolderOutlined } from "./FolderOutlined";
-export { default as FormOutlined } from "./FormOutlined";
-export { default as FullscreenOutlined } from "./FullscreenOutlined";
-export { default as FullscreenExitOutlined } from "./FullscreenExitOutlined";
-export { default as FundOutlined } from "./FundOutlined";
-export { default as GlobalOutlined } from "./GlobalOutlined";
-export { default as HolderOutlined } from "./HolderOutlined";
-export { default as HomeOutlined } from "./HomeOutlined";
-export { default as IdcardOutlined } from "./IdcardOutlined";
-export { default as InfoCircleFilled } from "./InfoCircleFilled";
-export { default as LinkOutlined } from "./LinkOutlined";
-export { default as LoadingDotOutlined } from "./LoadingDotOutlined";
-export { default as LoadingOutlined } from "./LoadingOutlined";
-export { default as LockOutlined } from "./LockOutlined";
-export { default as LogOutlined } from "./LogOutlined";
-export { default as MailOutlined } from "./MailOutlined";
-export { default as LogoutOutlined } from "./LogoutOutlined";
-export { default as MenuFoldOutlined } from "./MenuFoldOutlined";
-export { default as MenuUnfoldOutlined } from "./MenuUnfoldOutlined";
-export { default as MessageOutlined } from "./MessageOutlined";
-export { default as MinusCircleOutlined } from "./MinusCircleOutlined";
-export { default as MobileOutlined } from "./MobileOutlined";
-export { default as MoonOutlined } from "./MoonOutlined";
-export { default as MoreOutlined } from "./MoreOutlined";
-export { default as PauseFilled } from "./PauseFilled";
-export { default as PieChartOutlined } from "./PieChartOutlined";
-export { default as PlayFilled } from "./PlayFilled";
-export { default as PlusCircleOutlined } from "./PlusCircleOutlined";
-export { default as PlusOutlined } from "./PlusOutlined";
-export { default as PrinterOutlined } from "./PrinterOutlined";
-export { default as ProtectOutlined } from "./ProtectOutlined";
-export { default as QuestionCircleFilled } from "./QuestionCircleFilled";
-export { default as QuestionCircleOutlined } from "./QuestionCircleOutlined";
-export { default as ReloadOutlined } from "./ReloadOutlined";
-export { default as ResizeOutlined } from "./ResizeOutlined";
-export { default as SearchOutlined } from "./SearchOutlined";
-export { default as SettingOutlined } from "./SettingOutlined";
-export { default as ShoppingOutlined } from "./ShoppingOutlined";
-export { default as SortOutlined } from "./SortOutlined";
-export { default as StarFilled } from "./StarFilled";
-export { default as StepBackwardFilled } from "./StepBackwardFilled";
-export { default as StepForwardFilled } from "./StepForwardFilled";
-export { default as SuitcaseOutlined } from "./SuitcaseOutlined";
-export { default as SunOutlined } from "./SunOutlined";
-export { default as SwapOutlined } from "./SwapOutlined";
-export { default as SyncOutlined } from "./SyncOutlined";
-export { default as TableOutlined } from "./TableOutlined";
-export { default as TagOutlined } from "./TagOutlined";
-export { default as TimerOutlined } from "./TimerOutlined";
-export { default as UndoOutlined } from "./UndoOutlined";
-export { default as UnlockOutlined } from "./UnlockOutlined";
-export { default as UploadOutlined } from "./UploadOutlined";
-export { default as UserOutlined } from "./UserOutlined";
-export { default as VerticalAlignMiddleOutlined } from "./VerticalAlignMiddleOutlined";
-export { default as VerticalLeftOutlined } from "./VerticalLeftOutlined";
-export { default as VerticalRightOutlined } from "./VerticalRightOutlined";
-export { default as WarningOutlined } from "./WarningOutlined";
-export { default as ZoomInOutlined } from "./ZoomInOutlined";
-export { default as ZoomOutOutlined } from "./ZoomOutOutlined";
+export { default as AnalysisOutlined } from './AnalysisOutlined';
+export { default as ApplicationOutlined } from './ApplicationOutlined';
+export { default as AppstoreAddOutlined } from './AppstoreAddOutlined';
+export { default as AppstoreOutlined } from './AppstoreOutlined';
+export { default as ArrowDown } from './ArrowDown';
+export { default as ArrowDownOutlined } from './ArrowDownOutlined';
+export { default as ArrowLeft } from './ArrowLeft';
+export { default as ArrowLeftOutlined } from './ArrowLeftOutlined';
+export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowRightOutlined } from './ArrowRightOutlined';
+export { default as ArrowUp } from './ArrowUp';
+export { default as ArrowUpOutlined } from './ArrowUpOutlined';
+export { default as BellOutlined } from './BellOutlined';
+export { default as BookOutlined } from './BookOutlined';
+export { default as CalendarOutlined } from './CalendarOutlined';
+export { default as CaretDownFilled } from './CaretDownFilled';
+export { default as CaretUpFilled } from './CaretUpFilled';
+export { default as CheckCircleFilled } from './CheckCircleFilled';
+export { default as CheckCircleOutlined } from './CheckCircleOutlined';
+export { default as CheckOutlined } from './CheckOutlined';
+export { default as CityOutlined } from './CityOutlined';
+export { default as ClockCircleOutlined } from './ClockCircleOutlined';
+export { default as CloseCircleFilled } from './CloseCircleFilled';
+export { default as CloseCircleOutlined } from './CloseCircleOutlined';
+export { default as CloseOutlined } from './CloseOutlined';
+export { default as CloudUploadOutlined } from './CloudUploadOutlined';
+export { default as ClusterOutlined } from './ClusterOutlined';
+export { default as CodeOutlined } from './CodeOutlined';
+export { default as ColumnHeightOutlined } from './ColumnHeightOutlined';
+export { default as CompassOutlined } from './CompassOutlined';
+export { default as CompressOutlined } from './CompressOutlined';
+export { default as ConnectionOutlined } from './ConnectionOutlined';
+export { default as ControlOutlined } from './ControlOutlined';
+export { default as CopyOutlined } from './CopyOutlined';
+export { default as CpuOutlined } from './CpuOutlined';
+export { default as DashboardOutlined } from './DashboardOutlined';
+export { default as DatabaseOutlined } from './DatabaseOutlined';
+export { default as DeleteOutlined } from './DeleteOutlined';
+export { default as DesktopOutlined } from './DesktopOutlined';
+export { default as DownloadOutlined } from './DownloadOutlined';
+export { default as DragOutlined } from './DragOutlined';
+export { default as EditOutlined } from './EditOutlined';
+export { default as EllipsisOutlined } from './EllipsisOutlined';
+export { default as EnvironmentOutlined } from './EnvironmentOutlined';
+export { default as ExclamationCircleFilled } from './ExclamationCircleFilled';
+export { default as ExpandOutlined } from './ExpandOutlined';
+export { default as FileOutlined } from './FileOutlined';
+export { default as FilterFilled } from './FilterFilled';
+export { default as FolderAddOutlined } from './FolderAddOutlined';
+export { default as FolderOutlined } from './FolderOutlined';
+export { default as FormOutlined } from './FormOutlined';
+export { default as FullscreenOutlined } from './FullscreenOutlined';
+export { default as FullscreenExitOutlined } from './FullscreenExitOutlined';
+export { default as FundOutlined } from './FundOutlined';
+export { default as GlobalOutlined } from './GlobalOutlined';
+export { default as HolderOutlined } from './HolderOutlined';
+export { default as HomeOutlined } from './HomeOutlined';
+export { default as IdcardOutlined } from './IdcardOutlined';
+export { default as InfoCircleFilled } from './InfoCircleFilled';
+export { default as LinkOutlined } from './LinkOutlined';
+export { default as LoadingDotOutlined } from './LoadingDotOutlined';
+export { default as LoadingOutlined } from './LoadingOutlined';
+export { default as LockOutlined } from './LockOutlined';
+export { default as LogOutlined } from './LogOutlined';
+export { default as MailOutlined } from './MailOutlined';
+export { default as LogoutOutlined } from './LogoutOutlined';
+export { default as MenuFoldOutlined } from './MenuFoldOutlined';
+export { default as MenuUnfoldOutlined } from './MenuUnfoldOutlined';
+export { default as MessageOutlined } from './MessageOutlined';
+export { default as MinusCircleOutlined } from './MinusCircleOutlined';
+export { default as MobileOutlined } from './MobileOutlined';
+export { default as MoonOutlined } from './MoonOutlined';
+export { default as MoreOutlined } from './MoreOutlined';
+export { default as PauseFilled } from './PauseFilled';
+export { default as PieChartOutlined } from './PieChartOutlined';
+export { default as PlayFilled } from './PlayFilled';
+export { default as PlusCircleOutlined } from './PlusCircleOutlined';
+export { default as PlusOutlined } from './PlusOutlined';
+export { default as PrinterOutlined } from './PrinterOutlined';
+export { default as ProtectOutlined } from './ProtectOutlined';
+export { default as QuestionCircleFilled } from './QuestionCircleFilled';
+export { default as QuestionCircleOutlined } from './QuestionCircleOutlined';
+export { default as ReloadOutlined } from './ReloadOutlined';
+export { default as ResizeOutlined } from './ResizeOutlined';
+export { default as SearchOutlined } from './SearchOutlined';
+export { default as SettingOutlined } from './SettingOutlined';
+export { default as ShoppingOutlined } from './ShoppingOutlined';
+export { default as SortOutlined } from './SortOutlined';
+export { default as StarFilled } from './StarFilled';
+export { default as StepBackwardFilled } from './StepBackwardFilled';
+export { default as StepForwardFilled } from './StepForwardFilled';
+export { default as SuitcaseOutlined } from './SuitcaseOutlined';
+export { default as SunOutlined } from './SunOutlined';
+export { default as SwapOutlined } from './SwapOutlined';
+export { default as SyncOutlined } from './SyncOutlined';
+export { default as TableOutlined } from './TableOutlined';
+export { default as TagOutlined } from './TagOutlined';
+export { default as TimerOutlined } from './TimerOutlined';
+export { default as UndoOutlined } from './UndoOutlined';
+export { default as UnlockOutlined } from './UnlockOutlined';
+export { default as UploadOutlined } from './UploadOutlined';
+export { default as UserOutlined } from './UserOutlined';
+export { default as VerticalAlignMiddleOutlined } from './VerticalAlignMiddleOutlined';
+export { default as VerticalLeftOutlined } from './VerticalLeftOutlined';
+export { default as VerticalRightOutlined } from './VerticalRightOutlined';
+export { default as WarningOutlined } from './WarningOutlined';
+export { default as ZoomInOutlined } from './ZoomInOutlined';
+export { default as ZoomOutOutlined } from './ZoomOutOutlined';

package/es/style/plus.scss

@@ -1,6 +1,7 @@
+@use '../ele-admin-layout/style/index.scss' as adminLayout;
 @use '../ele-alert/style/index.scss' as alert;
-//@use '../ele-app/style/index.scss' as app;
 @use '../ele-avatar-group/style/index.scss' as avatarGroup;
+@use '../ele-backtop/style/index.scss' as backtop;
 @use '../ele-basic-select/style/index.scss' as basicSelect;
 @use '../ele-bottom-bar/style/index.scss' as bottomBar;
 @use '../ele-breadcrumb/style/index.scss' as breadcrumb;

package/es/style/themes/dark.scss

@@ -41,7 +41,8 @@ $ele-dark: map.deep-merge(
       'child-bg': #141414
     ),
     'menu-colorful': (
-      'dot-color': rgba(255, 255, 255, 0.4)
+      'dot-color': #5a5a5a,
+      'dot-hover-color': #8b8b8b
     ),
     'segmented': (
       'bg': elVar('bg-color', 'page'),
@@ -51,8 +52,8 @@ $ele-dark: map.deep-merge(
       'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.88),
       'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88),
       'simple-hover-bg': rgba(255, 255, 255, 0.05),
-      'indicator-dot-color': #434343,
-      'indicator-dot-hover-color': #5a5a5a,
+      'indicator-dot-color': #5a5a5a,
+      'indicator-dot-hover-color': #8b8b8b,
       'button-bg': hsla(0, 0%, 100%, 0.03),
       'button-hover-bg': hsla(0, 0%, 100%, 0.04)
     ),

package/es/style/themes/default.scss

@@ -3,12 +3,25 @@
 @use '../util.scss' as *;
 
 // 过渡动画
-$ele-transition: 0.2s !default;
-
+$transition-base: 0.2s !default;
 // 美化滚动条样式选择器
 $scrollbar-selector: '' !default;
+// 输入框清空图标
+$icon-clear-path: 'M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM683 277 512 448 341 277 277 341 448 512 277 683 341 747 512 576 683 747 747 683 576 512 747 341Z' !default;
+// 表单验证通过图标
+$icon-validate-path: 'M512 43C768 43 981 256 981 512S768 981 512 981 43 768 43 512 256 43 512 43ZM448 619 299 470 235 534 448 747 811 384 747 320Z' !default;
+// 树表格展开图标
+$icon-expand-path: 'M362 811 662 512 362 213' !default;
+// 树表格加载图标
+$icon-loading-path: 'M512 128V299M789 235 672 352M896 512H725M789 789 672 672M512 896V725M235 789 352 672M128 512H299M235 235 352 352' !default;
+// 表格筛选图标
+$icon-filter-path: 'M349 838c0 17 14 32 31 32h262c17 0 31-14 31-32V642H349v196ZM880 154H143c-24 0-39 26-27 48l221 376h348l221-376c12-21-3-48-27-48' !default;
+// 字体
+$logo-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+  'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
 
-// 样式变量
+// 主题变量
 $ele: () !default;
 $ele: map.deep-merge(
   (
@@ -24,9 +37,7 @@ $ele: map.deep-merge(
     'layout': (
       // 布局
       'bg': elVar('bg-color', 'page'),
-      'height': 100vh,
-      'index': 99,
-      'mask-index': calc(#{elVar('index', 'popper')} + 800)
+      'index': 99
     ),
     'header': (
       // 顶栏
@@ -44,10 +55,14 @@ $ele: map.deep-merge(
       'dark-color': #fff,
       'dark-bg': #001529,
       'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.1),
-      'primary-active-bg': transparent
+      'primary-active-bg': transparent,
+      'ghost-bg': hsla(0, 0%, 100%, 0.4),
+      'ghost-filter': blur(8px)
     ),
     'logo': (
       // Logo
+      'size': '18px',
+      'family': $logo-family,
       'color': elVar('text-color', 'primary'),
       'dark-color': #fff,
       'shadow': 1px 2px 3px rgba(0, 21, 41, 0.08),
@@ -60,22 +75,15 @@ $ele: map.deep-merge(
       'mix-width': 160px,
       'bg': elVar('bg-color'),
       'dark-bg': #001529,
-      'shadow': 1px 3px 3px rgba(0, 21, 41, 0.08),
-      'dark-shadow': 0 4px 4px rgba(0, 0, 0, 0.35),
-      'transition': (width $ele-transition, left $ele-transition),
-      'tool-height': 40px
+      'shadow': 1px 0 3px rgba(0, 21, 41, 0.08),
+      'dark-shadow': 0 0 4px rgba(0, 0, 0, 0.35),
+      'transition': (width $transition-base, left $transition-base),
+      'tool-height': 40px,
+      'ghost-bg': elVar('fill-color', 'lighter')
     ),
     'sidebox': (
       // 双侧栏一级
-      'width': 80px,
-      'padding': 8px,
-      'collapse-padding': 4px,
-      'font-size': 12px,
-      'icon-font-size': 18px,
-      'title-margin': 6px,
-      'item-padding': 12px 0,
-      'collapse-item-padding': 12px 0,
-      'item-radius': elVar('border-radius', 'base')
+      'width': 80px
     ),
     'menu-thumb': (
       // 菜单滚动条
@@ -119,6 +127,12 @@ $ele: map.deep-merge(
       'close-hover-color': #fff,
       'close-hover-bg': transparent
     ),
+    'backtop': (
+      // 返回顶部
+      'color': elVar('color-primary'),
+      'bg': elVar('bg-color', 'overlay'),
+      'shadow': elVar('box-shadow', 'light')
+    ),
     'message': (
       // 消息提示
       'color': elVar('text-color', 'regular'),
@@ -165,7 +179,14 @@ $ele: map.deep-merge(
       'header-font-weight': normal,
       'header-border': 1px solid elVar('border-color', 'light'),
       'footer-padding': 14px 22px,
-      'footer-border': 1px solid elVar('border-color', 'light')
+      'footer-border': 1px solid elVar('border-color', 'light'),
+      'collapse-size': 24px,
+      'collapse-font-size': 16px,
+      'collapse-color': elVar('text-color', 'secondary'),
+      'collapse-radius': elVar('border-radius', 'small'),
+      'collapse-margin': 1px -6px 0 0,
+      'collapse-hover-color': elVar('text-color', 'primary'),
+      'collapse-hover-bg': transparent
     ),
     'check-card': (
       // 可选卡片
@@ -338,9 +359,15 @@ $ele: map.deep-merge(
       'item-color': elVar('text-color', 'primary'),
       'item-hover-color': elVar('color', 'primary'),
       'item-hover-bg': transparent,
+      'item-focus-bg': transparent,
       'item-active-color': elVar('color-primary'),
       'item-active-bg': elVar('color-primary', 'light-9'),
-      'item-active-line': 3px
+      'item-active-line': 3px,
+      'compact-font-size': 12px,
+      'compact-icon-font-size': 18px,
+      'compact-title-margin': 6px,
+      'compact-item-padding': 12px 0,
+      'compact-collapse-item-padding': 12px 0
     ),
     'menu-popup': (
       // 气泡菜单
@@ -363,11 +390,13 @@ $ele: map.deep-merge(
       'item-margin': 0,
       'item-radius': 0,
       'hover-bg': transparent,
+      'focus-bg': transparent,
       'active-bg': transparent,
       'arrow-margin': 0 -2px 0 6px,
       'line-margin': 14px,
       'line-size': 2px,
       'dark-hover-bg': transparent,
+      'dark-focus-bg': transparent,
       'dark-active-bg': transparent,
       'popup-margin': 0px
     ),
@@ -389,6 +418,7 @@ $ele: map.deep-merge(
       'color': rgba(255, 255, 255, 0.8),
       'hover-color': #fff,
       'hover-bg': transparent,
+      'focus-bg': transparent,
       'active-color': #fff,
       'active-bg': elVar('color-primary')
     ),
@@ -401,9 +431,11 @@ $ele: map.deep-merge(
       'dot-size': 8px,
       'dot-margin': 0 8px 0 0,
       'dot-color': #d9d9d9,
-      'dot-hover-color': elVar('color-primary'),
-      'dark-dot-color': rgba(255, 255, 255, 0.4),
-      'dark-dot-hover-color': #fff,
+      'dot-hover-color': #b6b6b6,
+      'dot-active-color': elVar('color-primary'),
+      'dark-dot-color': #888888,
+      'dark-dot-hover-color': #dddddd,
+      'dark-dot-active-color': #fff,
       'bg-1': #61b2fc,
       'bg-2': #7dd733,
       'bg-3': #32a2d4,
@@ -596,7 +628,7 @@ $ele: map.deep-merge(
       'simple-tool-hover-bg': eleVar('tab', 'simple-hover-bg'),
       'indicator-dot-size': 8px,
       'indicator-dot-color': #d9d9d9,
-      'indicator-dot-hover-color': #c8c8c8,
+      'indicator-dot-hover-color': #b6b6b6,
       'indicator-dot-active-color': elVar('color-primary'),
       'indicator-margin': 6px,
       'tag-space': 4px,

package/es/style/themes/rounded.scss

@@ -15,9 +15,6 @@ $ele-rounded: map.deep-merge(
     'sidebar': (
       'tool-height': 38px
     ),
-    'sidebox': (
-      'item-radius': elVar('border-radius', 'base')
-    ),
     'alert': (
       'radius': $radius-large,
       'close-hover-bg': hsla(0, 0%, 60%, 0.15)
@@ -65,6 +62,7 @@ $ele-rounded: map.deep-merge(
       'item-radius': elVar('border-radius', 'base'),
       'item-hover-color': elVar('text-color', 'primary'),
       'item-hover-bg': elVar('fill-color', 'light'),
+      'item-focus-bg': elVar('fill-color', 'light'),
       'item-active-line': 0
     ),
     'menu-popup': (
@@ -78,14 +76,17 @@ $ele-rounded: map.deep-merge(
       'item-margin': 4px,
       'item-radius': elVar('border-radius', 'base'),
       'hover-bg': rgba(0, 0, 0, 0.04),
+      'focus-bg': rgba(0, 0, 0, 0.04),
       'active-bg': elVar('color-primary', 'light-9'),
       'arrow-margin': 0 -4px 0 4px,
       'line-size': 0,
       'dark-hover-bg': rgba(255, 255, 255, 0.1),
+      'dark-focus-bg': rgba(255, 255, 255, 0.1),
       'dark-active-bg': elVar('color-primary')
     ),
     'menu-dark': (
-      'hover-bg': rgba(255, 255, 255, 0.1)
+      'hover-bg': rgba(255, 255, 255, 0.1),
+      'focus-bg': rgba(255, 255, 255, 0.1)
     ),
     'menu-colorful': (
       'icon-radius': elVar('border-radius', 'base'),

package/es/style/themes/theme-util.scss

@@ -1,4 +1,6 @@
+@use '../../ele-admin-layout/style/css-var.scss' as *;
 @use '../../ele-alert/style/css-var.scss' as *;
+@use '../../ele-backtop/style/css-var.scss' as *;
 @use '../../ele-app/style/css-var.scss' as *;
 @use '../../ele-basic-select/style/css-var.scss' as *;
 @use '../../ele-bottom-bar/style/css-var.scss' as *;
@@ -16,7 +18,6 @@
 @use '../../ele-page/style/css-var.scss' as *;
 @use '../../ele-pagination/style/css-var.scss' as *;
 @use '../../ele-popconfirm/style/css-var.scss' as *;
-@use '../../ele-pro-layout/style/css-var.scss' as *;
 @use '../../ele-pro-table/style/css-var.scss' as *;
 @use '../../ele-segmented/style/css-var.scss' as *;
 @use '../../ele-steps/style/css-var.scss' as *;
@@ -33,7 +34,9 @@
 /* 生成主题的 css 变量 */
 @mixin set-theme-var($selector, $var) {
   #{$selector} {
+    @include set-layout-var($var);
     @include set-alert-var($var);
+    @include set-backtop-var($var);
     @include set-app-var($var);
     @include set-basic-select-var($var);
     @include set-bottom-bar-var($var);
@@ -51,7 +54,6 @@
     @include set-page-var($var);
     @include set-pagination-var($var);
     @include set-popconfirm-var($var);
-    @include set-layout-var($var);
     @include set-pro-table-var($var);
     @include set-segmented-var($var);
     @include set-step-var($var);

package/es/style/util.scss

@@ -1,4 +1,4 @@
-@use 'element-plus/theme-chalk/src/mixins/function.scss' as *;
+@use 'element-plus/theme-chalk/src/mixins/function.scss' as el;
 @use 'sass:map';
 
 /* 生成 css 变量名 */
@@ -38,15 +38,15 @@
 
 /* 获取 element 的 css 变量值 */
 @function elVar($args...) {
-  @return getCssVar($args...);
+  @return el.getCssVar($args...);
 }
 
 /* 获取 element 的 css 变量值带默认值 */
 @function elVarDefault($args, $default) {
-  @return getCssVarWithDefault($args, $default);
+  @return el.getCssVarWithDefault($args, $default);
 }
 
 /* 获取 element 的 css 变量名 */
 @function elVarName($args...) {
-  @return getCssVarName($args...);
+  @return el.getCssVarName($args...);
 }