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

package/es/lang/zh_CN.js

@@ -42,6 +42,8 @@ const localeValues = {
     columnTitle: "全选",
     columnReset: "重置",
     columnUntitled: "无标题",
+    columnIndex: "序号列",
+    columnExpand: "展开列",
     columnFixedLeft: "固定在左侧",
     columnFixedRight: "固定在右侧",
     exportOk: "确定",
@@ -52,7 +54,11 @@ const localeValues = {
     exportSelectColumn: "选择字段",
     exportDataTypePage: "当前页数据",
     exportDataTypeSelected: "选中数据",
-    exportDataTypeAll: "全部数据"
+    exportDataTypeAll: "全部数据",
+    exportOther: "其它选项",
+    exportOtherHeader: "表头",
+    exportOtherFooter: "表尾",
+    exportOtherTreeIndex: "层级序号"
   },
   copyable: {
     copy: "复制",

package/es/lang/zh_TW.js

@@ -42,6 +42,8 @@ const localeValues = {
     columnTitle: "列展示",
     columnReset: "重置",
     columnUntitled: "無標題",
+    columnIndex: "序號列",
+    columnExpand: "展開列",
     columnFixedLeft: "固定在左側",
     columnFixedRight: "固定在右側",
     exportOk: "確認",
@@ -52,7 +54,11 @@ const localeValues = {
     exportSelectColumn: "選擇字段",
     exportDataTypePage: "當前頁數據",
     exportDataTypeSelected: "選中數據",
-    exportDataTypeAll: "全部數據"
+    exportDataTypeAll: "全部數據",
+    exportOther: "更多選項",
+    exportOtherHeader: "表頭",
+    exportOtherFooter: "表尾",
+    exportOtherTreeIndex: "層級序號"
   },
   copyable: {
     copy: "複製",

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,10 +127,17 @@ $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'),
       'size': elVar('font-size', 'base'),
+      'space': 16px,
       'padding': 12px 14px,
       'radius': elVar('border-radius', 'base'),
       'shadow': elVar('box-shadow', 'light'),
@@ -135,12 +150,9 @@ $ele: map.deep-merge(
       'close-color': elVar('text-color', 'placeholder'),
       'close-hover-color': elVar('text-color', 'primary'),
       'close-hover-bg': transparent,
-      'plain-bg': elVar('bg-color', 'overlay')
-    ),
-    'message-mask': (
-      // 消息提示遮罩层
-      'color': elVar('overlay-color', 'lighter'),
-      'size': 1000vw
+      'plain-bg': elVar('bg-color', 'overlay'),
+      'alert-padding': 10px 14px,
+      'mask-color': elVar('overlay-color', 'lighter')
     ),
     'bottom-bar': (
       // 底部工具栏
@@ -167,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': (
       // 可选卡片
@@ -340,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': (
       // 气泡菜单
@@ -365,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
     ),
@@ -391,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')
     ),
@@ -403,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,
@@ -598,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,
@@ -971,85 +1001,84 @@ $ele: map.deep-merge(
       'danger-border-color': elVar('color-error', 'light-7'),
       'danger-close-color': elVar('color-error'),
       'danger-close-hover-color': elVar('color-error'),
-      'danger-close-hover-bg': transparent
-    ),
-    'tag-sm': (
-      // 标签小尺寸
-      'size': 12px,
-      'height': 20px,
-      'padding': 0 4px,
-      'radius': elVar('border-radius', 'small'),
-      'close-size': 13px,
-      'close-padding': 0,
-      'close-margin': 0 -2px 0 2px,
-      'close-radius': 2px
-    ),
-    'tag-lg': (
-      // 标签大尺寸
-      'size': 14px,
-      'height': 32px,
-      'padding': 0 12px,
-      'radius': elVar('border-radius', 'base'),
-      'close-size': 15px,
-      'close-padding': 2px,
-      'close-margin': 0 -8px 0 4px,
-      'close-radius': 4px
-    ),
-    'tag-dark': (
-      // 标签暗色风格
-      'color': #fff,
-      'bg': elVar('color-primary'),
-      'close-color': #fff,
-      'close-hover-color': #fff,
-      'close-hover-bg': transparent,
-      'info-color': elVar('text-color', 'primary'),
-      'info-bg': elVar('color-info', 'light-7'),
-      'info-close-color': elVar('text-color', 'secondary'),
-      'info-close-hover-color': elVar('text-color', 'primary'),
-      'info-close-hover-bg': transparent,
-      'success-color': #fff,
-      'success-bg': elVar('color-success'),
-      'success-close-color': #fff,
-      'success-close-hover-color': #fff,
-      'success-close-hover-bg': transparent,
-      'warning-color': #fff,
-      'warning-bg': elVar('color-warning'),
-      'warning-close-color': #fff,
-      'warning-close-hover-color': #fff,
-      'warning-close-hover-bg': transparent,
-      'danger-color': #fff,
-      'danger-bg': elVar('color-error'),
-      'danger-close-color': #fff,
-      'danger-close-hover-color': #fff,
-      'danger-close-hover-bg': transparent
-    ),
-    'tag-plain': (
-      // 标签朴素风格
-      'color': elVar('color-primary'),
-      'border-color': elVar('color-primary'),
-      'close-color': elVar('color-primary'),
-      'close-hover-color': elVar('color-primary'),
-      'close-hover-bg': transparent,
-      'info-color': elVar('text-color', 'regular'),
-      'info-border-color': elVar('color-info', 'light-3'),
-      'info-close-color': elVar('text-color', 'secondary'),
-      'info-close-hover-color': elVar('text-color', 'primary'),
-      'info-close-hover-bg': transparent,
-      'success-color': elVar('color-success'),
-      'success-border-color': elVar('color-success'),
-      'success-close-color': elVar('color-success'),
-      'success-close-hover-color': elVar('color-success'),
-      'success-close-hover-bg': transparent,
-      'warning-color': elVar('color-warning'),
-      'warning-border-color': elVar('color-warning'),
-      'warning-close-color': elVar('color-warning'),
-      'warning-close-hover-color': elVar('color-warning'),
-      'warning-close-hover-bg': transparent,
-      'danger-color': elVar('color-error'),
-      'danger-border-color': elVar('color-error'),
-      'danger-close-color': elVar('color-error'),
-      'danger-close-hover-color': elVar('color-error'),
-      'danger-close-hover-bg': transparent
+      'danger-close-hover-bg': transparent,
+      'round-radius': 12px,
+      'round-padding': 0 10px,
+      'sm-size': 12px,
+      'sm-height': 20px,
+      'sm-padding': 0 4px,
+      'sm-radius': elVar('border-radius', 'small'),
+      'sm-close-size': 13px,
+      'sm-close-padding': 0,
+      'sm-close-margin': 0 -2px 0 2px,
+      'sm-close-radius': 2px,
+      'sm-round-radius': 10px,
+      'sm-round-padding': 0 6px,
+      'lg-size': 14px,
+      'lg-height': 32px,
+      'lg-padding': 0 12px,
+      'lg-radius': elVar('border-radius', 'base'),
+      'lg-close-size': 15px,
+      'lg-close-padding': 2px,
+      'lg-close-margin': 0 -8px 0 4px,
+      'lg-close-radius': 4px,
+      'lg-round-radius': 16px,
+      'lg-round-padding': 0 14px,
+      'dark-color': #fff,
+      'dark-bg': elVar('color-primary'),
+      'dark-close-color': #fff,
+      'dark-close-hover-color': #fff,
+      'dark-close-hover-bg': transparent,
+      'dark-info-color': elVar('text-color', 'primary'),
+      'dark-info-bg': elVar('color-info', 'light-7'),
+      'dark-info-close-color': elVar('text-color', 'secondary'),
+      'dark-info-close-hover-color': elVar('text-color', 'primary'),
+      'dark-info-close-hover-bg': transparent,
+      'dark-success-color': #fff,
+      'dark-success-bg': elVar('color-success'),
+      'dark-success-close-color': #fff,
+      'dark-success-close-hover-color': #fff,
+      'dark-success-close-hover-bg': transparent,
+      'dark-warning-color': #fff,
+      'dark-warning-bg': elVar('color-warning'),
+      'dark-warning-close-color': #fff,
+      'dark-warning-close-hover-color': #fff,
+      'dark-warning-close-hover-bg': transparent,
+      'dark-danger-color': #fff,
+      'dark-danger-bg': elVar('color-error'),
+      'dark-danger-close-color': #fff,
+      'dark-danger-close-hover-color': #fff,
+      'dark-danger-close-hover-bg': transparent,
+      'plain-color': elVar('color-primary'),
+      'plain-border-color': elVar('color-primary'),
+      'plain-close-color': elVar('color-primary'),
+      'plain-close-hover-color': elVar('color-primary'),
+      'plain-close-hover-bg': transparent,
+      'plain-info-color': elVar('text-color', 'regular'),
+      'plain-info-border-color': elVar('color-info', 'light-3'),
+      'plain-info-close-color': elVar('text-color', 'secondary'),
+      'plain-info-close-hover-color': elVar('text-color', 'primary'),
+      'plain-info-close-hover-bg': transparent,
+      'plain-success-color': elVar('color-success'),
+      'plain-success-border-color': elVar('color-success'),
+      'plain-success-close-color': elVar('color-success'),
+      'plain-success-close-hover-color': elVar('color-success'),
+      'plain-success-close-hover-bg': transparent,
+      'plain-warning-color': elVar('color-warning'),
+      'plain-warning-border-color': elVar('color-warning'),
+      'plain-warning-close-color': elVar('color-warning'),
+      'plain-warning-close-hover-color': elVar('color-warning'),
+      'plain-warning-close-hover-bg': transparent,
+      'plain-danger-color': elVar('color-error'),
+      'plain-danger-border-color': elVar('color-error'),
+      'plain-danger-close-color': elVar('color-error'),
+      'plain-danger-close-hover-color': elVar('color-error'),
+      'plain-danger-close-hover-bg': transparent,
+      'hit-border-color': elVar('color-primary'),
+      'hit-info-border-color': elVar('color-info', 'light-3'),
+      'hit-success-border-color': elVar('color-success'),
+      'hit-warning-border-color': elVar('color-warning'),
+      'hit-danger-border-color': elVar('color-error')
     ),
     'tree': (
       // 树

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'),
@@ -218,21 +219,17 @@ $ele-rounded: map.deep-merge(
       'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
       'success-close-hover-bg': elVar('color-success', 'light-8'),
       'warning-close-hover-bg': elVar('color-warning', 'light-8'),
-      'danger-close-hover-bg': elVar('color-error', 'light-8')
-    ),
-    'tag-dark': (
-      'close-hover-bg': rgba(255, 255, 255, 0.2),
-      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
-      'success-close-hover-bg': rgba(255, 255, 255, 0.2),
-      'warning-close-hover-bg': rgba(255, 255, 255, 0.2),
-      'danger-close-hover-bg': rgba(255, 255, 255, 0.2)
-    ),
-    'tag-plain': (
-      'close-hover-bg': elVar('color-primary', 'light-8'),
-      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
-      'success-close-hover-bg': elVar('color-success', 'light-8'),
-      'warning-close-hover-bg': elVar('color-warning', 'light-8'),
-      'danger-close-hover-bg': elVar('color-error', 'light-8')
+      'danger-close-hover-bg': elVar('color-error', 'light-8'),
+      'dark-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'dark-success-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-warning-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-danger-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'plain-close-hover-bg': elVar('color-primary', 'light-8'),
+      'plain-info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'plain-success-close-hover-bg': elVar('color-success', 'light-8'),
+      'plain-warning-close-hover-bg': elVar('color-warning', 'light-8'),
+      'plain-danger-close-hover-bg': elVar('color-error', 'light-8')
     ),
     'tree': (
       'item-margin': 2px,

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...);
 }