ele-admin-plus 1.1.8-beta.3 → 1.1.8-beta.5

package/lib/ele-edit-tag/index.cjs

@@ -1,19 +1,19 @@
 "use strict";
 const vue = require("vue");
-const iconsVue = require("@element-plus/icons-vue");
 const elementPlus = require("element-plus");
 const EleTooltip = require("../ele-tooltip/index");
 const receiver = require("../ele-config-provider/receiver");
+const icons = require("../icons");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleEditTag",
   components: {
-    Plus: iconsVue.Plus,
-    Loading: iconsVue.Loading,
     ElTag: elementPlus.ElTag,
     ElInput: elementPlus.ElInput,
     ElIcon: elementPlus.ElIcon,
-    EleTooltip
+    EleTooltip,
+    PlusOutlined: icons.PlusOutlined,
+    LoadingOutlined: icons.LoadingOutlined
   },
   props: props.editTagProps,
   emits: props.editTagEmits,
@@ -143,9 +143,9 @@ const _export_sfc = (sfc, props2) => {
 const _hoisted_1 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElTag = vue.resolveComponent("ElTag");
-  const _component_Plus = vue.resolveComponent("Plus");
+  const _component_PlusOutlined = vue.resolveComponent("PlusOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
-  const _component_Loading = vue.resolveComponent("Loading");
+  const _component_LoadingOutlined = vue.resolveComponent("LoadingOutlined");
   const _component_ElInput = vue.resolveComponent("ElInput");
   const _component_EleTooltip = vue.resolveComponent("EleTooltip");
   return vue.openBlock(), vue.createElementBlock("div", {
@@ -189,7 +189,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "ele-edit-tag-add-icon"
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_Plus)
+              vue.createVNode(_component_PlusOutlined)
             ]),
             _: 1
           }))
@@ -213,21 +213,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
           style: vue.normalizeStyle(_ctx.inputStyle),
           onChange: _ctx.onInputChange,
-          onBlur: _ctx.onInputBlur
-        }, vue.createSlots({ _: 2 }, [
-          _ctx.loading ? {
-            name: "suffix",
-            fn: vue.withCtx(() => [
-              vue.createVNode(_component_ElIcon, { class: "is-loading" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_Loading)
-                ]),
-                _: 1
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["disabled", "modelValue", "style", "onChange", "onBlur"])
+          onBlur: _ctx.onInputBlur,
+          onFocus: _ctx.onInputFocus
+        }, {
+          suffix: vue.withCtx(() => [
+            _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
+              key: 0,
+              class: "is-loading"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_LoadingOutlined)
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["disabled", "modelValue", "style", "onChange", "onBlur", "onFocus"])
       ]),
       _: 1
     }, 8, ["size", "round", "class"]), [

package/lib/ele-edit-tag/index.d.ts

@@ -1,7 +1,7 @@
 import type { ElInputInstance } from '../ele-app/el';
 declare const _default: import("vue").DefineComponent<{
     modelValue: import("vue").PropType<string[]>;
-    type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     color: StringConstructor;
     size: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
     effect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
-    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>; /** 提示信息 */
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
 }, {
     inputRef: import("vue").Ref<ElInputInstance>;
     isEdit: import("vue").Ref<boolean>;
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     'update:modelValue': (_value?: string[] | undefined) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue").PropType<string[]>;
-    type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     color: StringConstructor;
     size: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
     effect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
-    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>; /** 提示信息 */
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
 }>> & {
     "onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
 }, {

package/lib/ele-edit-tag/props.d.ts

@@ -7,7 +7,7 @@ export declare const editTagProps: {
     /** 标签数据 */
     modelValue: PropType<string[]>;
     /** 类型 */
-    type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     /** 颜色 */
     color: StringConstructor;
     /** 尺寸 */

package/lib/ele-edit-tag/style/index.scss

@@ -1,101 +1,98 @@
 @use '../../style/themes/default.scss' as *;
 @use '../../style/util.scss' as *;
 
-.ele-edit-tag {
-  /* 标签 */
-  .el-tag {
-    margin: 0 8px 8px 0;
-    vertical-align: top;
-  }
+/* 标签 */
+.ele-edit-tag .el-tag {
+  margin: 0 8px 8px 0;
+  vertical-align: top;
+}
 
-  /* 添加按钮 */
-  .ele-edit-tag-add {
+/* 添加按钮 */
+.ele-edit-tag-add {
+  &.el-tag {
+    cursor: text;
     margin-right: 0;
+    border-style: dashed;
+    background: none;
+  }
 
-    &.el-tag {
-      cursor: text;
-      border-style: dashed;
-      background: none;
-    }
+  & > .el-tag__content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
 
-    .ele-edit-tag-add-icon {
-      width: 1em;
-      height: 1em;
-      border-radius: 0;
-      font-size: inherit;
-      cursor: inherit;
-    }
+.ele-edit-tag .ele-edit-tag-add-icon {
+  width: 1em;
+  height: 1em;
+  border-radius: 0;
+  font-size: inherit;
+  cursor: inherit;
+  opacity: 0.6;
+}
 
-    .el-tag__content {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
+/* 输入框 */
+.ele-edit-tag-input {
+  &.el-tag {
+    width: 80px;
+    margin-right: 0;
+    padding: 0;
+    display: inline-block;
+    background: none;
+    border: none;
   }
 
-  /* 输入框 */
-  .ele-edit-tag-input {
-    margin-right: 0;
-    width: 80px;
+  & > .el-tag__content {
+    width: 100%;
+    height: 100%;
+    display: block;
+    font-size: inherit;
+    line-height: inherit;
+    border-radius: inherit;
+  }
 
-    &.el-tag {
-      padding: 0;
-      display: inline-block;
-      background: none;
-      border: none;
-    }
+  .el-input {
+    width: 100%;
+    height: 100%;
+    font-size: inherit;
+    border-radius: inherit;
 
-    & > .el-tag__content {
-      width: 100%;
+    .el-input__wrapper {
       height: 100%;
-      display: block;
-      font-size: inherit;
-      line-height: inherit;
+      padding-left: 8px;
+      padding-right: 8px;
+      box-sizing: border-box;
       border-radius: inherit;
     }
 
-    .el-input {
-      width: 100%;
+    .el-input__inner {
       height: 100%;
-      font-size: inherit;
-      border-radius: inherit;
-
-      .el-input__wrapper {
-        height: 100%;
-        padding-left: 8px;
-        padding-right: 8px;
-        box-sizing: border-box;
-        border-radius: inherit;
-      }
-
-      .el-input__inner {
-        height: 100%;
-        line-height: inherit;
-      }
+      line-height: inherit;
     }
+  }
 
-    &.is-error .el-input .el-input__wrapper {
-      box-shadow: 0 0 0 0.8px elVar('color-danger') inset;
-    }
+  &.is-error .el-input .el-input__wrapper {
+    box-shadow: 0 0 0 0.8px elVar('color-danger') inset;
   }
+}
 
-  /* 小尺寸 */
-  &.is-small .ele-edit-tag-input {
-    width: 60px;
+/* 小尺寸 */
+.ele-edit-tag.is-small .ele-edit-tag-input {
+  width: 60px;
 
-    .el-input .el-input__wrapper {
-      padding-left: 4px;
-      padding-right: 4px;
-    }
+  .el-input .el-input__wrapper {
+    padding-left: 4px;
+    padding-right: 4px;
   }
+}
 
-  /* 大尺寸 */
-  &.is-large .ele-edit-tag-input {
-    width: 100px;
+/* 大尺寸 */
+.ele-edit-tag.is-large .ele-edit-tag-input {
+  width: 100px;
 
-    .el-input .el-input__wrapper {
-      padding-left: 12px;
-      padding-right: 12px;
-    }
+  .el-input .el-input__wrapper {
+    padding-left: 12px;
+    padding-right: 12px;
   }
 }

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

@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     tooltip: boolean | EllipsisTooltip;
     underline: boolean;
     italic: boolean;
-    strong: boolean;
     deleted: boolean;
+    strong: boolean;
 }, {}>;
 export default _default;

package/lib/ele-map-picker/components/map-view.cjs

@@ -2,7 +2,7 @@
 const vue = require("vue");
 const AMapLoader = require("@amap/amap-jsapi-loader");
 const elementPlus = require("element-plus");
-const iconsVue = require("@element-plus/icons-vue");
+const icons = require("../../icons");
 const receiver = require("../../ele-config-provider/receiver");
 const EleLoading = require("../../ele-loading/index");
 const props = require("../props");
@@ -16,11 +16,11 @@ const _sfc_main = vue.defineComponent({
     ElButton: elementPlus.ElButton,
     ElIcon: elementPlus.ElIcon,
     ElEmpty: elementPlus.ElEmpty,
-    Plus: iconsVue.Plus,
-    Location: iconsVue.Location,
-    CircleCheck: iconsVue.CircleCheck,
-    Check: iconsVue.Check,
-    Search: iconsVue.Search
+    PlusOutlined: icons.PlusOutlined,
+    EnvironmentOutlined: icons.EnvironmentOutlined,
+    CheckCircleOutlined: icons.CheckCircleOutlined,
+    CheckOutlined: icons.CheckOutlined,
+    SearchOutlined: icons.SearchOutlined
   },
   props: props.mapProps,
   emits: {
@@ -440,7 +440,7 @@ const _hoisted_2 = { class: "ele-map-suggest-title" };
 const _hoisted_3 = { class: "ele-map-suggest-text" };
 const _hoisted_4 = { class: "ele-map-view-main" };
 const _hoisted_5 = ["src"];
-const _hoisted_6 = { class: "ele-map-view-side" };
+const _hoisted_6 = { class: "ele-map-view-list" };
 const _hoisted_7 = ["onClick"];
 const _hoisted_8 = { class: "ele-map-view-item-title" };
 const _hoisted_9 = {
@@ -457,15 +457,15 @@ const _hoisted_11 = {
 };
 const _hoisted_12 = { class: "ele-map-view-message" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Search = vue.resolveComponent("Search");
+  const _component_SearchOutlined = vue.resolveComponent("SearchOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_ElInput = vue.resolveComponent("ElInput");
   const _component_ElAutocomplete = vue.resolveComponent("ElAutocomplete");
-  const _component_Check = vue.resolveComponent("Check");
+  const _component_CheckOutlined = vue.resolveComponent("CheckOutlined");
   const _component_ElButton = vue.resolveComponent("ElButton");
-  const _component_Plus = vue.resolveComponent("Plus");
-  const _component_Location = vue.resolveComponent("Location");
-  const _component_CircleCheck = vue.resolveComponent("CircleCheck");
+  const _component_PlusOutlined = vue.resolveComponent("PlusOutlined");
+  const _component_EnvironmentOutlined = vue.resolveComponent("EnvironmentOutlined");
+  const _component_CheckCircleOutlined = vue.resolveComponent("CheckCircleOutlined");
   const _component_ElEmpty = vue.resolveComponent("ElEmpty");
   const _component_EleLoading = vue.resolveComponent("EleLoading");
   return vue.openBlock(), vue.createBlock(_component_EleLoading, {
@@ -489,7 +489,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             prefix: vue.withCtx(() => [
               vue.createVNode(_component_ElIcon, { class: "el-input__icon" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_component_Search, { style: { "transform": "scale(1.1)" } })
+                  vue.createVNode(_component_SearchOutlined)
                 ]),
                 _: 1
               })
@@ -507,7 +507,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             prefix: vue.withCtx(() => [
               vue.createVNode(_component_ElIcon, { class: "el-input__icon" }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_component_Search, { style: { "transform": "scale(1.1)" } })
+                  vue.createVNode(_component_SearchOutlined)
                 ]),
                 _: 1
               })
@@ -529,7 +529,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           default: vue.withCtx(() => [
             vue.createVNode(_component_ElIcon, null, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_Check, { style: { "transform": "scale(1.2)" } })
+                vue.createVNode(_component_CheckOutlined)
               ]),
               _: 1
             }),
@@ -550,7 +550,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           !_ctx.keywordMode ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
             vue.createVNode(_component_ElIcon, { class: "ele-map-view-icon-plus" }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_Plus)
+                vue.createVNode(_component_PlusOutlined)
               ]),
               _: 1
             }),
@@ -560,12 +560,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 10, _hoisted_5)
           ], 64)) : vue.createCommentVNode("", true)
         ]),
-        vue.createElementVNode("div", _hoisted_6, [
-          vue.createVNode(_component_EleLoading, {
-            loading: _ctx.poiLoading,
-            class: "ele-map-view-list"
-          }, {
-            default: vue.withCtx(() => [
+        vue.createVNode(_component_EleLoading, {
+          loading: _ctx.poiLoading,
+          class: "ele-map-view-side"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_6, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: item.key,
@@ -574,7 +574,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   vue.createVNode(_component_ElIcon, { class: "ele-map-view-item-icon" }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_Location)
+                      vue.createVNode(_component_EnvironmentOutlined)
                     ]),
                     _: 1
                   }),
@@ -582,7 +582,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   item.address ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(item.address), 1)) : vue.createCommentVNode("", true),
                   vue.createVNode(_component_ElIcon, { class: "ele-map-view-item-radio" }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_CircleCheck)
+                      vue.createVNode(_component_CheckCircleOutlined)
                     ]),
                     _: 1
                   })
@@ -592,12 +592,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 vue.createVNode(_component_ElEmpty, vue.mergeProps({ imageSize: 80 }, _ctx.emptyProps), null, 16)
               ])) : vue.createCommentVNode("", true)
             ]),
-            _: 1
-          }, 8, ["loading"]),
-          _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
-            vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(_ctx.message), 1)
-          ])) : vue.createCommentVNode("", true)
-        ])
+            _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+              vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(_ctx.message), 1)
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["loading"])
       ], 4)
     ]),
     _: 1

package/lib/ele-map-picker/components/map-view.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    keywordMode: BooleanConstructor; /** 地图实例 */
+    keywordMode: BooleanConstructor;
     searchPlaceholder: StringConstructor;
     markerSrc: {
         type: StringConstructor;
@@ -47,15 +47,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     mapKey: StringConstructor;
     mapVersion: {
-        type: StringConstructor;
+        type: StringConstructor; /** 确定按钮请求状态 */
         default: string;
     };
-    mapStyle: StringConstructor; /** 输入建议数据 */
+    mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
-    okText: StringConstructor;
+    okText: StringConstructor; /** 输入建议数据 */
     emptyProps: import("vue").PropType<import("../../ele-app/el").ElEmptyProps>;
-    /** 输入建议关键字 */
-    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 选中数据 */
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
     mapRef: import("vue").Ref<HTMLDivElement | null>;
     loading: import("vue").Ref<boolean>;
@@ -154,7 +153,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    keywordMode: BooleanConstructor; /** 地图实例 */
+    keywordMode: BooleanConstructor;
     searchPlaceholder: StringConstructor;
     markerSrc: {
         type: StringConstructor;
@@ -162,15 +161,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     mapKey: StringConstructor;
     mapVersion: {
-        type: StringConstructor;
+        type: StringConstructor; /** 确定按钮请求状态 */
         default: string;
     };
-    mapStyle: StringConstructor; /** 输入建议数据 */
+    mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
-    okText: StringConstructor;
+    okText: StringConstructor; /** 输入建议数据 */
     emptyProps: import("vue").PropType<import("../../ele-app/el").ElEmptyProps>;
-    /** 输入建议关键字 */
-    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 选中数据 */
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
     onDone?: ((_result: CenterPoint) => any) | undefined;
     onMapDone?: ((_ins: any) => any) | undefined;

package/lib/ele-map-picker/style/index.scss

@@ -108,7 +108,7 @@
   }
 
   .ele-map-view-item {
-    padding: 8px 30px 8px 46px;
+    padding: 8px 26px 8px 38px;
     border-bottom: 1px solid elVar('border-color', 'light');
     transition: background-color $ele-transition;
     box-sizing: border-box;
@@ -121,11 +121,11 @@
   }
 
   .ele-map-view-item-icon {
-    font-size: 22px;
+    font-size: 20px;
     color: elVar('text-color', 'secondary');
     position: absolute;
     top: 50%;
-    left: 14px;
+    left: 12px;
     transform: translateY(-50%);
   }
 
@@ -142,10 +142,10 @@
   .ele-map-view-item-radio {
     position: absolute;
     top: 50%;
-    right: 12px;
+    right: 10px;
     transform: translateY(-50%);
     color: elVar('color-primary');
-    font-size: 16px;
+    font-size: 14px;
     display: none;
   }
 

package/lib/ele-menus/index.cjs

@@ -85,7 +85,9 @@ const index = vue.defineComponent({
           class: [
             { "ele-menu": authenticated.value },
             { "ele-menu-dark": authenticated.value && props$1.theme === "dark" },
-            { "ele-menu-colorful": authenticated.value && props$1.colorful }
+            { "is-night": authenticated.value && props$1.theme === "dark" },
+            { "ele-menu-colorful": authenticated.value && props$1.colorful },
+            { "is-colorful": authenticated.value && props$1.colorful }
           ],
           onOpen: (index2, indexPath) => {
             emit("open", index2, indexPath);

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

@@ -48,6 +48,7 @@
 
     & > svg.ele-arrow-down path {
       transition: d $ele-transition;
+      stroke-width: 5;
     }
   }
 
@@ -228,6 +229,10 @@
 
     .el-sub-menu__title .el-sub-menu__icon-arrow {
       margin: eleVar('menu', 'arrow-margin');
+
+      & > svg {
+        stroke-width: 5;
+      }
     }
   }
 
@@ -416,7 +421,7 @@
   }
 
   /* 彩色图标 */
-  &.ele-menu-colorful {
+  &.is-colorful {
     &.el-menu > li,
     &.el-menu > li.el-menu-item-group > ul > li {
       &.el-menu-item,
@@ -533,7 +538,7 @@
   }
 
   /* 暗黑主题 */
-  &.ele-menu-dark {
+  &.is-night {
     border: none;
 
     &.el-menu,
@@ -615,7 +620,7 @@
     }
 
     /* 彩色图标 */
-    &.ele-menu-colorful {
+    &.is-colorful {
       &.el-menu > li.el-sub-menu > .el-menu,
       &.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu,
       & > .el-menu.el-menu--popup {
@@ -637,10 +642,6 @@
   .ele-sub-menu-ellipsis > .el-sub-menu__title {
     .el-icon:not(.el-sub-menu__icon-arrow) {
       margin: 0;
-
-      & > svg {
-        transform: scale(1.25);
-      }
     }
 
     .el-sub-menu__icon-arrow {
@@ -676,7 +677,7 @@
   }
 }
 
-.ele-menu.ele-menu-dark > .el-menu--popup-container > .el-menu--popup {
+.ele-menu.is-night > .el-menu--popup-container > .el-menu--popup {
   scrollbar-color: eleVar('menu-dark-thumb', 'color') transparent;
 
   &::-webkit-scrollbar-thumb {
@@ -688,6 +689,11 @@
   }
 }
 
+.ele-menu.is-webkit > .el-menu--popup-container > .el-menu--popup {
+  scrollbar-width: auto;
+  scrollbar-color: auto;
+}
+
 /* 超链接 */
 .el-menu-item .ele-menu-link {
   color: inherit;

package/lib/ele-menus/util.cjs

@@ -203,11 +203,14 @@ function getMenuItems(menus, index, horizontal) {
 }
 function getPopperClass(customerClass, theme, popTheme, colorful, popupColorful, firstPopClass, first) {
   const popperClass = ["ele-menu"];
+  if (navigator.userAgent.includes("WebKit")) {
+    popperClass.push("is-webkit");
+  }
   if (popTheme === "dark" || popTheme === "auto" && theme === "dark") {
-    popperClass.push("ele-menu-dark");
+    popperClass.push("is-night ele-menu-dark");
   }
   if (popupColorful === true || popupColorful === "auto" && colorful) {
-    popperClass.push("ele-menu-colorful");
+    popperClass.push("is-colorful ele-menu-colorful");
   }
   if (first && firstPopClass) {
     popperClass.push(firstPopClass);