ele-admin-plus 1.0.2 → 1.1.0

package/lib/style/themes/rounded-css-var.scss

@@ -0,0 +1,6 @@
+/** 圆角主题 css 变量 */
+@use './rounded.scss' as *;
+@use './theme-util.scss' as *;
+$rounded-selector: 'html.rounded' !default;
+
+@include set-theme-var($rounded-selector, $ele-rounded);

package/lib/style/themes/rounded.scss

@@ -0,0 +1,231 @@
+/** 圆角主题 */
+@use 'sass:map';
+@use '../util.scss' as *;
+$radius-large: 8px !default;
+
+$ele-rounded: () !default;
+$ele-rounded: map.deep-merge(
+  (
+    'header': (
+      'menu-height': 38px,
+      'tool-height': 38px,
+      'tool-radius': elVar('border-radius', 'base'),
+      'tool-hover-bg': elVar('fill-color', 'light'),
+      'dark-tool-hover-bg': rgba(255, 255, 255, 0.12)
+    ),
+    'header-primary': (
+      'hover-bg': rgba(255, 255, 255, 0.12),
+      'active-bg': rgba(255, 255, 255, 0.24)
+    ),
+    'sidebar': (
+      'tool-height': 38px
+    ),
+    'sidebox': (
+      'item-radius': elVar('border-radius', 'base')
+    ),
+    'alert': (
+      'radius': $radius-large,
+      'close-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'alert-dark': (
+      'close-hover-bg': rgba(255, 255, 255, 0.2)
+    ),
+    'message': (
+      'radius': $radius-large,
+      'close-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'card': (
+      'radius': $radius-large,
+      'header-font-weight': bold
+    ),
+    'drawer': (
+      'icon-hover-bg': elVar('fill-color', 'light')
+    ),
+    'dropdown': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small'),
+      'sm-padding': 3px 2px,
+      'sm-item-padding': 0 10px,
+      'lg-padding': 8px 6px,
+      'lg-item-padding': 0 14px
+    ),
+    'file': (
+      'item-radius': $radius-large
+    ),
+    'icon': (
+      'menus-padding': 12px 4px,
+      'menu-radius': elVar('border-radius', 'small'),
+      'menu-hover-color': elVar('text-color', 'primary'),
+      'menu-hover-bg': elVar('fill-color', 'light'),
+      'menu-active-line': 0
+    ),
+    'map': (
+      'header-padding': 4px 14px 12px 14px
+    ),
+    'menu': (
+      'arrow-margin': 0 -8px 0 6px,
+      'item-padding': 6px,
+      'item-radius': elVar('border-radius', 'base'),
+      'item-hover-color': elVar('text-color', 'primary'),
+      'item-hover-bg': elVar('fill-color', 'light'),
+      'item-active-line': 0
+    ),
+    'menu-popup': (
+      'radius': $radius-large,
+      'item-padding': 12px
+    ),
+    'menu-horizontal': (
+      'padding': 8px 6px,
+      'height': 40px,
+      'item-padding': 12px,
+      'item-margin': 4px,
+      'item-radius': elVar('border-radius', 'base'),
+      'hover-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-active-bg': elVar('color-primary')
+    ),
+    'menu-dark': (
+      'hover-bg': rgba(255, 255, 255, 0.1)
+    ),
+    'menu-colorful': (
+      'icon-radius': elVar('border-radius', 'base'),
+      'icon-size': 22px,
+      'icon-font-size': 14px
+    ),
+    'modal': (
+      'radius': $radius-large,
+      'header-font-weight': bold,
+      'header-padding': 18px 20px 12px 20px,
+      'header-border': none,
+      'icon-hover-bg': elVar('fill-color', 'light'),
+      'body-padding': 16px 22px 24px 22px,
+      'form-body-padding': 16px 22px 8px 20px,
+      'footer-padding': 8px 20px 18px 20px,
+      'footer-border': none
+    ),
+    'pagination': (
+      'radius': elVar('border-radius', 'base'),
+      'active-color': elVar('color', 'primary'),
+      'active-bg': none,
+      'active-border': 1px solid elVar('color', 'primary'),
+      'active-font-weight': bold,
+      'sm-radius': elVar('border-radius', 'base')
+    ),
+    'segmented': (
+      'radius': elVar('border-radius', 'small')
+    ),
+    'segmented-large': (
+      'radius': elVar('border-radius', 'base')
+    ),
+    'step': (
+      'icon-color': elVar('text-color', 'secondary'),
+      'icon-bg': elVar('fill-color', 'light'),
+      'icon-border': none,
+      'active-icon-border': none,
+      'finish-icon-bg': elVar('color-primary', 'light-9'),
+      'finish-icon-border': none
+    ),
+    'tab': (
+      'close-size': 18px,
+      'close-radius': elVar('border-radius', 'small'),
+      'close-hover-color': elVar('text-color', 'primary'),
+      'close-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'tab-sm': (
+      'close-size': 14px
+    ),
+    'tab-lg': (
+      'close-size': 20px
+    ),
+    'tab-simple': (
+      'radius': 8px 8px 0px 0px,
+      'hover-color': elVar('color-primary'),
+      'hover-bg': transparent,
+      'active-weight': bold,
+      'active-line': 0px,
+      'line-display': none,
+      'angle-size': 10px,
+      'angle-display': block
+    ),
+    'tab-indicator': (
+      'hover-color': elVar('color-primary')
+    ),
+    'table': (
+      'radius': elVar('border-radius', 'base'),
+      'th-font-weight': bold,
+      'lg-radius': $radius-large,
+      'sm-radius': elVar('border-radius', 'small')
+    ),
+    'tool-column': (
+      'body-padding': 6px 4px,
+      'item-padding': 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'toolbar': (
+      'radius': $radius-large
+    ),
+    'popper': (
+      'radius': $radius-large
+    ),
+    'popover': (
+      'title-padding': 13px 16px 0 16px,
+      'title-border': none
+    ),
+    'select': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'autocomplete': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'cascader': (
+      'menu-padding': 6px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'table-filter': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'message-box': (
+      'radius': $radius-large,
+      'header-font-size': elVar('font-size', 'medium'),
+      'header-font-weight': bold,
+      'icon-hover-bg': elVar('fill-color', 'light')
+    ),
+    'descriptions': (
+      'radius': $radius-large
+    ),
+    'datepicker': (
+      'cell-radius': elVar('border-radius', 'small'),
+      'year-radius': elVar('border-radius', 'base'),
+      'sidebar-padding': 8px 6px,
+      'shortcut-height': 28px,
+      'shortcut-padding': 0 8px,
+      'shortcut-margin': 4px,
+      'shortcut-radius': elVar('border-radius', 'small')
+    ),
+    'timepicker': (
+      'padding': 8px 4px,
+      'item-height': 28px,
+      'item-radius': elVar('border-radius', 'small'),
+      'item-active-bg': elVar('color-primary', 'light-9'),
+      'line-padding': 3px,
+      'line-margin': 4px
+    )
+  ),
+  $ele-rounded
+);

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

@@ -0,0 +1,62 @@
+@use '../../ele-alert/style/css-var.scss' as *;
+@use '../../ele-app/style/css-var.scss' as *;
+@use '../../ele-bottom-bar/style/css-var.scss' as *;
+@use '../../ele-card/style/css-var.scss' as *;
+@use '../../ele-check-card/style/css-var.scss' as *;
+@use '../../ele-drawer/style/css-var.scss' as *;
+@use '../../ele-dropdown/style/css-var.scss' as *;
+@use '../../ele-file-list/style/css-var.scss' as *;
+@use '../../ele-icon-select/style/css-var.scss' as *;
+@use '../../ele-map-picker/style/css-var.scss' as *;
+@use '../../ele-menus/style/css-var.scss' as *;
+@use '../../ele-modal/style/css-var.scss' as *;
+@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-popover/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 *;
+@use '../../ele-table/style/css-var.scss' as *;
+@use '../../ele-table-select/style/css-var.scss' as *;
+@use '../../ele-tabs/style/css-var.scss' as *;
+@use '../../ele-text/style/css-var.scss' as *;
+@use '../../ele-tool/style/css-var.scss' as *;
+@use '../../ele-toolbar/style/css-var.scss' as *;
+@use '../../ele-tooltip/style/css-var.scss' as *;
+
+/* 生成主题的 css 变量 */
+@mixin set-theme-var($selector, $var) {
+  #{$selector} {
+    @include set-alert-var($var);
+    @include set-scrollbar-var($var);
+    @include set-message-var($var);
+    @include set-overwrite-var($var);
+    @include set-bottom-bar-var($var);
+    @include set-card-var($var);
+    @include set-check-card-var($var);
+    @include set-drawer-var($var);
+    @include set-dropdown-var($var);
+    @include set-file-var($var);
+    @include set-icon-var($var);
+    @include set-map-var($var);
+    @include set-menus-var($var);
+    @include set-modal-var($var);
+    @include set-page-var($var);
+    @include set-pagination-var($var);
+    @include set-popconfirm-var($var);
+    @include set-popover-var($var);
+    @include set-layout-var($var);
+    @include set-pro-table-var($var);
+    @include set-segmented-var($var);
+    @include set-step-var($var);
+    @include set-table-var($var);
+    @include set-table-select-var($var);
+    @include set-tab-var($var);
+    @include set-text-var($var);
+    @include set-tool-var($var);
+    @include set-toolbar-var($var);
+    @include set-tooltip-var($var);
+  }
+}

package/lib/style/util.scss

@@ -0,0 +1,47 @@
+@use 'element-plus/theme-chalk/src/mixins/function.scss' as *;
+@use 'sass:map';
+
+// 生成 css 变量名
+@function eleJoinVar($list) {
+  $name: '--ele';
+  @each $item in $list {
+    @if $item != '' {
+      $name: $name + '-' + $item;
+    }
+  }
+  @return $name;
+}
+
+// 获取 css 变量值
+@function eleVar($arg1, $arg2: '', $arg3: '') {
+  $args: $arg1, $arg2;
+  @if $arg3 != '' {
+    @return var(#{eleJoinVar($args)}, $arg3);
+  } @else {
+    @return var(#{eleJoinVar($args)});
+  }
+}
+
+// 获取 css 变量名
+@function eleVarName($args...) {
+  @return eleJoinVar($args);
+}
+
+// 生成组件 css 变量
+@mixin set-ele-var($name, $variables) {
+  @if map.has-key($variables, $name) {
+    @each $attribute, $value in map.get($variables, $name) {
+      #{eleVarName($name, $attribute)}: #{$value};
+    }
+  }
+}
+
+// 获取 element 的 css 变量值
+@function elVar($args...) {
+  @return getCssVar($args...);
+}
+
+// 获取 element 的 css 变量名
+@function elVarName($args...) {
+  @return getCssVarName($args...);
+}

package/lib/utils/core.d.ts

@@ -91,6 +91,11 @@ export declare function gcj02ToBd09(point: Point): Point;
  * @param url 地址
  */
 export declare function isExternalLink(url?: string | null): boolean;
+/**
+ * 获取节点样式
+ * @param el 节点
+ */
+export declare function getCurrentStyle(el: Element): CSSStyleDeclaration;
 /**
  * 防抖函数
  * @param func 函数

package/lib/utils/core.js

@@ -151,6 +151,9 @@ function gcj02ToBd09(point) {
 function isExternalLink(url) {
   return !!(url && (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")));
 }
+function getCurrentStyle(el) {
+  return el["currentStyle"] || window.getComputedStyle(el, null) || {};
+}
 function debounce(func, wait) {
   let timer = void 0;
   const debounced = function(...args) {
@@ -204,6 +207,7 @@ exports.eachTree = eachTree;
 exports.exitFullscreen = exitFullscreen;
 exports.formatNumber = formatNumber;
 exports.gcj02ToBd09 = gcj02ToBd09;
+exports.getCurrentStyle = getCurrentStyle;
 exports.isExternalLink = isExternalLink;
 exports.mapTree = mapTree;
 exports.omit = omit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ele-admin-plus",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "EleAdminPlus Library",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -34,56 +34,56 @@
     "@bytemd/plugin-highlight": "^1.21.0",
     "@element-plus/icons-vue": "^2.1.0",
     "@types/fs-extra": "^11.0.1",
-    "@types/node": "^20.3.1",
+    "@types/node": "^20.4.6",
     "@types/nprogress": "^0.2.0",
     "@types/sortablejs": "^1.15.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "@typescript-eslint/parser": "^5.59.11",
+    "@typescript-eslint/eslint-plugin": "^6.2.1",
+    "@typescript-eslint/parser": "^6.2.1",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vue/compiler-sfc": "^3.3.4",
     "axios": "^1.4.0",
     "bytemd": "^1.21.0",
-    "chalk": "^5.2.0",
-    "countup.js": "^2.6.2",
+    "chalk": "^5.3.0",
+    "countup.js": "^2.7.0",
     "cropperjs": "^1.5.13",
-    "dayjs": "^1.11.8",
-    "echarts": "^5.4.2",
+    "dayjs": "^1.11.9",
+    "echarts": "^5.4.3",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "^2.3.6",
-    "eslint": "^8.42.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-define-config": "^1.20.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.14.1",
-    "esno": "^0.16.3",
-    "execa": "^7.1.1",
+    "element-plus": "^2.3.8",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-define-config": "^1.22.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-vue": "^9.16.1",
+    "esno": "^0.17.0",
+    "execa": "^7.2.0",
     "fs-extra": "^11.1.1",
     "github-markdown-css": "^5.2.0",
     "highlight.js": "^11.8.0",
     "jsbarcode": "^3.11.5",
     "nprogress": "^0.2.0",
     "p-limit": "^4.0.0",
-    "pinia": "^2.1.3",
-    "postcss": "^8.4.24",
-    "prettier": "^2.8.8",
+    "pinia": "^2.1.6",
+    "postcss": "^8.4.27",
+    "prettier": "^3.0.1",
     "rimraf": "^5.0.1",
-    "sass": "^1.63.3",
+    "sass": "^1.64.2",
     "sortablejs": "^1.15.0",
     "tinymce": "^5.10.7",
-    "typescript": "^5.1.3",
+    "typescript": "^5.1.6",
     "unplugin-vue-components": "^0.25.1",
-    "vite": "^4.3.9",
-    "vite-plugin-dts": "^2.3.0",
+    "vite": "^4.4.8",
+    "vite-plugin-dts": "^3.4.0",
     "vue": "^3.3.4",
-    "vue-echarts": "^6.5.5",
+    "vue-echarts": "^6.6.0",
     "vue-eslint-parser": "^9.3.1",
     "vue-i18n": "^9.2.2",
-    "vue-router": "^4.2.2",
-    "vue-tsc": "^1.6.5",
+    "vue-router": "^4.2.4",
+    "vue-tsc": "^1.8.8",
     "vuedraggable": "^4.1.0",
-    "xgplayer": "^3.0.4",
-    "xgplayer-flv": "^3.0.4",
-    "xgplayer-hls": "^3.0.4",
+    "xgplayer": "^3.0.7",
+    "xgplayer-hls": "^3.0.7",
+    "xgplayer-music": "^3.0.7",
     "xlsx": "^0.18.5"
   },
   "sideEffects": [

package/typings/global.d.ts

@@ -9,6 +9,7 @@ declare module 'vue' {
     EleBottomBar: typeof import('ele-admin-plus')['EleBottomBar'];
     EleBreadcrumb: typeof import('ele-admin-plus')['EleBreadcrumb'];
     EleCard: typeof import('ele-admin-plus')['EleCard'];
+    EleCheckCard: typeof import('ele-admin-plus')['EleCheckCard'];
     EleConfigProvider: typeof import('ele-admin-plus')['EleConfigProvider'];
     EleCountUp: typeof import('ele-admin-plus')['EleCountUp'];
     EleCropper: typeof import('ele-admin-plus')['EleCropper'];
@@ -16,6 +17,7 @@ declare module 'vue' {
     EleDashboard: typeof import('ele-admin-plus')['EleDashboard'];
     EleDot: typeof import('ele-admin-plus')['EleDot'];
     EleDrawer: typeof import('ele-admin-plus')['EleDrawer'];
+    EleDropdown: typeof import('ele-admin-plus')['EleDropdown'];
     EleEditTag: typeof import('ele-admin-plus')['EleEditTag'];
     EleEllipsis: typeof import('ele-admin-plus')['EleEllipsis'];
     EleFileList: typeof import('ele-admin-plus')['EleFileList'];
@@ -27,6 +29,8 @@ declare module 'vue' {
     EleModal: typeof import('ele-admin-plus')['EleModal'];
     ElePage: typeof import('ele-admin-plus')['ElePage'];
     ElePagination: typeof import('ele-admin-plus')['ElePagination'];
+    ElePopconfirm: typeof import('ele-admin-plus')['ElePopconfirm'];
+    ElePopover: typeof import('ele-admin-plus')['ElePopover'];
     ElePrinter: typeof import('ele-admin-plus')['ElePrinter'];
     EleProLayout: typeof import('ele-admin-plus')['EleProLayout'];
     EleProTable: typeof import('ele-admin-plus')['EleProTable'];
@@ -43,6 +47,7 @@ declare module 'vue' {
     EleText: typeof import('ele-admin-plus')['EleText'];
     EleTool: typeof import('ele-admin-plus')['EleTool'];
     EleToolbar: typeof import('ele-admin-plus')['EleToolbar'];
+    EleTooltip: typeof import('ele-admin-plus')['EleTooltip'];
     EleTour: typeof import('ele-admin-plus')['EleTour'];
     EleUploadList: typeof import('ele-admin-plus')['EleUploadList'];
     EleWatermark: typeof import('ele-admin-plus')['EleWatermark'];

package/es/ele-menus/style/scrollbar.scss

@@ -1,68 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-
-.ele-menu.el-menu--vertical,
-.ele-menu > .el-menu--popup,
-.ele-admin-sidebar,
-.ele-admin-sidebar > .ele-admin-menus,
-.ele-admin-sidebox,
-.ele-admin-sidebox > .ele-admin-menus {
-  scrollbar-width: thin;
-  scrollbar-color: eleVar('menu-scrollbar', 'color') transparent;
-
-  &::-webkit-scrollbar {
-    width: eleVar('menu-scrollbar', 'size');
-    height: eleVar('menu-scrollbar', 'size');
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: eleVar('menu-scrollbar', 'radius');
-    border: eleVar('menu-scrollbar', 'padding') solid transparent;
-    background-color: eleVar('menu-scrollbar', 'color');
-    background-clip: padding-box;
-
-    &:hover {
-      background-color: eleVar('menu-scrollbar', 'hover-color');
-    }
-  }
-
-  &::-webkit-scrollbar-track {
-    background: eleVar('menu-scrollbar', 'bg');
-  }
-
-  &::-webkit-scrollbar-corner {
-    background: transparent;
-  }
-}
-
-/* 鼠标进入才显示滚动条 */
-@media (hover: hover) and (pointer: fine) {
-  .ele-menu.el-menu--vertical,
-  .ele-menu > .el-menu--popup,
-  .ele-admin-sidebar,
-  .ele-admin-sidebar > .ele-admin-menus,
-  .ele-admin-sidebox,
-  .ele-admin-sidebox > .ele-admin-menus {
-    &::-webkit-scrollbar {
-      width: 0;
-      height: 0;
-    }
-
-    &:hover::-webkit-scrollbar {
-      width: eleVar('menu-scrollbar', 'size');
-      height: eleVar('menu-scrollbar', 'size');
-    }
-  }
-}
-
-/* 暗色风格 */
-.ele-menu.el-menu--vertical.ele-menu-dark,
-.ele-menu.ele-menu-dark > .el-menu--popup,
-.ele-admin-dark-sidebar:not(.ele-admin-mix-sidebar) .ele-admin-sidebar,
-.ele-admin-dark-sidebar .ele-admin-sidebox {
-  $bg: eleVar('menu-dark-scrollbar', 'bg');
-  $color: eleVar('menu-dark-scrollbar', 'color');
-  $hover-color: eleVar('menu-dark-scrollbar', 'hover-color');
-  #{eleVarName('menu-scrollbar', 'bg')}: #{$bg};
-  #{eleVarName('menu-scrollbar', 'color')}: #{$color};
-  #{eleVarName('menu-scrollbar', 'hover-color')}: #{$hover-color};
-}

package/lib/ele-menus/style/scrollbar.scss

@@ -1,68 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-
-.ele-menu.el-menu--vertical,
-.ele-menu > .el-menu--popup,
-.ele-admin-sidebar,
-.ele-admin-sidebar > .ele-admin-menus,
-.ele-admin-sidebox,
-.ele-admin-sidebox > .ele-admin-menus {
-  scrollbar-width: thin;
-  scrollbar-color: eleVar('menu-scrollbar', 'color') transparent;
-
-  &::-webkit-scrollbar {
-    width: eleVar('menu-scrollbar', 'size');
-    height: eleVar('menu-scrollbar', 'size');
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: eleVar('menu-scrollbar', 'radius');
-    border: eleVar('menu-scrollbar', 'padding') solid transparent;
-    background-color: eleVar('menu-scrollbar', 'color');
-    background-clip: padding-box;
-
-    &:hover {
-      background-color: eleVar('menu-scrollbar', 'hover-color');
-    }
-  }
-
-  &::-webkit-scrollbar-track {
-    background: eleVar('menu-scrollbar', 'bg');
-  }
-
-  &::-webkit-scrollbar-corner {
-    background: transparent;
-  }
-}
-
-/* 鼠标进入才显示滚动条 */
-@media (hover: hover) and (pointer: fine) {
-  .ele-menu.el-menu--vertical,
-  .ele-menu > .el-menu--popup,
-  .ele-admin-sidebar,
-  .ele-admin-sidebar > .ele-admin-menus,
-  .ele-admin-sidebox,
-  .ele-admin-sidebox > .ele-admin-menus {
-    &::-webkit-scrollbar {
-      width: 0;
-      height: 0;
-    }
-
-    &:hover::-webkit-scrollbar {
-      width: eleVar('menu-scrollbar', 'size');
-      height: eleVar('menu-scrollbar', 'size');
-    }
-  }
-}
-
-/* 暗色风格 */
-.ele-menu.el-menu--vertical.ele-menu-dark,
-.ele-menu.ele-menu-dark > .el-menu--popup,
-.ele-admin-dark-sidebar:not(.ele-admin-mix-sidebar) .ele-admin-sidebar,
-.ele-admin-dark-sidebar .ele-admin-sidebox {
-  $bg: eleVar('menu-dark-scrollbar', 'bg');
-  $color: eleVar('menu-dark-scrollbar', 'color');
-  $hover-color: eleVar('menu-dark-scrollbar', 'hover-color');
-  #{eleVarName('menu-scrollbar', 'bg')}: #{$bg};
-  #{eleVarName('menu-scrollbar', 'color')}: #{$color};
-  #{eleVarName('menu-scrollbar', 'hover-color')}: #{$hover-color};
-}