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

package/es/ele-edit-tag/index.js

@@ -1,18 +1,18 @@
-import { defineComponent, ref, onDeactivated, onActivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, normalizeStyle, renderSlot, vShow, createSlots, mergeProps } from "vue";
-import { Plus, Loading } from "@element-plus/icons-vue";
+import { defineComponent, ref, onDeactivated, onActivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, normalizeStyle, renderSlot, vShow, mergeProps } from "vue";
 import { ElTag, ElInput, ElIcon } from "element-plus";
 import EleTooltip from "../ele-tooltip/index";
 import { useLicense } from "../ele-config-provider/receiver";
+import { PlusOutlined, LoadingOutlined } from "../icons";
 import { editTagProps, editTagEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleEditTag",
   components: {
-    Plus,
-    Loading,
     ElTag,
     ElInput,
     ElIcon,
-    EleTooltip
+    EleTooltip,
+    PlusOutlined,
+    LoadingOutlined
   },
   props: editTagProps,
   emits: editTagEmits,
@@ -142,9 +142,9 @@ const _export_sfc = (sfc, props) => {
 const _hoisted_1 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElTag = resolveComponent("ElTag");
-  const _component_Plus = resolveComponent("Plus");
+  const _component_PlusOutlined = resolveComponent("PlusOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_Loading = resolveComponent("Loading");
+  const _component_LoadingOutlined = resolveComponent("LoadingOutlined");
   const _component_ElInput = resolveComponent("ElInput");
   const _component_EleTooltip = resolveComponent("EleTooltip");
   return openBlock(), createElementBlock("div", {
@@ -188,7 +188,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "ele-edit-tag-add-icon"
           }, {
             default: withCtx(() => [
-              createVNode(_component_Plus)
+              createVNode(_component_PlusOutlined)
             ]),
             _: 1
           }))
@@ -212,21 +212,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
           style: normalizeStyle(_ctx.inputStyle),
           onChange: _ctx.onInputChange,
-          onBlur: _ctx.onInputBlur
-        }, createSlots({ _: 2 }, [
-          _ctx.loading ? {
-            name: "suffix",
-            fn: withCtx(() => [
-              createVNode(_component_ElIcon, { class: "is-loading" }, {
-                default: withCtx(() => [
-                  createVNode(_component_Loading)
-                ]),
-                _: 1
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["disabled", "modelValue", "style", "onChange", "onBlur"])
+          onBlur: _ctx.onInputBlur,
+          onFocus: _ctx.onInputFocus
+        }, {
+          suffix: withCtx(() => [
+            _ctx.loading ? (openBlock(), createBlock(_component_ElIcon, {
+              key: 0,
+              class: "is-loading"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_LoadingOutlined)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["disabled", "modelValue", "style", "onChange", "onBlur", "onFocus"])
       ]),
       _: 1
     }, 8, ["size", "round", "class"]), [

package/es/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/es/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/es/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/es/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/es/ele-map-picker/components/map-view.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, createVNode, toDisplayString, createElementBlock, Fragment, normalizeClass, createCommentVNode, renderList, mergeProps } from "vue";
 import AMapLoader from "@amap/amap-jsapi-loader";
 import { ElAutocomplete, ElInput, ElButton, ElIcon, ElEmpty } from "element-plus";
-import { Plus, Location, CircleCheck, Check, Search } from "@element-plus/icons-vue";
+import { PlusOutlined, EnvironmentOutlined, CheckCircleOutlined, CheckOutlined, SearchOutlined } from "../../icons";
 import { useLicense } from "../../ele-config-provider/receiver";
 import EleLoading from "../../ele-loading/index";
 import { mapProps } from "../props";
@@ -15,11 +15,11 @@ const _sfc_main = defineComponent({
     ElButton,
     ElIcon,
     ElEmpty,
-    Plus,
-    Location,
-    CircleCheck,
-    Check,
-    Search
+    PlusOutlined,
+    EnvironmentOutlined,
+    CheckCircleOutlined,
+    CheckOutlined,
+    SearchOutlined
   },
   props: mapProps,
   emits: {
@@ -439,7 +439,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 = {
@@ -456,15 +456,15 @@ const _hoisted_11 = {
 };
 const _hoisted_12 = { class: "ele-map-view-message" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Search = resolveComponent("Search");
+  const _component_SearchOutlined = resolveComponent("SearchOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_ElInput = resolveComponent("ElInput");
   const _component_ElAutocomplete = resolveComponent("ElAutocomplete");
-  const _component_Check = resolveComponent("Check");
+  const _component_CheckOutlined = resolveComponent("CheckOutlined");
   const _component_ElButton = resolveComponent("ElButton");
-  const _component_Plus = resolveComponent("Plus");
-  const _component_Location = resolveComponent("Location");
-  const _component_CircleCheck = resolveComponent("CircleCheck");
+  const _component_PlusOutlined = resolveComponent("PlusOutlined");
+  const _component_EnvironmentOutlined = resolveComponent("EnvironmentOutlined");
+  const _component_CheckCircleOutlined = resolveComponent("CheckCircleOutlined");
   const _component_ElEmpty = resolveComponent("ElEmpty");
   const _component_EleLoading = resolveComponent("EleLoading");
   return openBlock(), createBlock(_component_EleLoading, {
@@ -488,7 +488,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             prefix: withCtx(() => [
               createVNode(_component_ElIcon, { class: "el-input__icon" }, {
                 default: withCtx(() => [
-                  createVNode(_component_Search, { style: { "transform": "scale(1.1)" } })
+                  createVNode(_component_SearchOutlined)
                 ]),
                 _: 1
               })
@@ -506,7 +506,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             prefix: withCtx(() => [
               createVNode(_component_ElIcon, { class: "el-input__icon" }, {
                 default: withCtx(() => [
-                  createVNode(_component_Search, { style: { "transform": "scale(1.1)" } })
+                  createVNode(_component_SearchOutlined)
                 ]),
                 _: 1
               })
@@ -528,7 +528,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [
             createVNode(_component_ElIcon, null, {
               default: withCtx(() => [
-                createVNode(_component_Check, { style: { "transform": "scale(1.2)" } })
+                createVNode(_component_CheckOutlined)
               ]),
               _: 1
             }),
@@ -549,7 +549,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           !_ctx.keywordMode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createVNode(_component_ElIcon, { class: "ele-map-view-icon-plus" }, {
               default: withCtx(() => [
-                createVNode(_component_Plus)
+                createVNode(_component_PlusOutlined)
               ]),
               _: 1
             }),
@@ -559,12 +559,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 10, _hoisted_5)
           ], 64)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_6, [
-          createVNode(_component_EleLoading, {
-            loading: _ctx.poiLoading,
-            class: "ele-map-view-list"
-          }, {
-            default: withCtx(() => [
+        createVNode(_component_EleLoading, {
+          loading: _ctx.poiLoading,
+          class: "ele-map-view-side"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_6, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
                 return openBlock(), createElementBlock("div", {
                   key: item.key,
@@ -573,7 +573,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   createVNode(_component_ElIcon, { class: "ele-map-view-item-icon" }, {
                     default: withCtx(() => [
-                      createVNode(_component_Location)
+                      createVNode(_component_EnvironmentOutlined)
                     ]),
                     _: 1
                   }),
@@ -581,7 +581,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   item.address ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(item.address), 1)) : createCommentVNode("", true),
                   createVNode(_component_ElIcon, { class: "ele-map-view-item-radio" }, {
                     default: withCtx(() => [
-                      createVNode(_component_CircleCheck)
+                      createVNode(_component_CheckCircleOutlined)
                     ]),
                     _: 1
                   })
@@ -591,12 +591,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 createVNode(_component_ElEmpty, mergeProps({ imageSize: 80 }, _ctx.emptyProps), null, 16)
               ])) : createCommentVNode("", true)
             ]),
-            _: 1
-          }, 8, ["loading"]),
-          _ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_11, [
-            createElementVNode("div", _hoisted_12, toDisplayString(_ctx.message), 1)
-          ])) : createCommentVNode("", true)
-        ])
+            _ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_11, [
+              createElementVNode("div", _hoisted_12, toDisplayString(_ctx.message), 1)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["loading"])
       ], 4)
     ]),
     _: 1

package/es/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/es/ele-menus/index.js

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

package/es/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/es/ele-menus/util.js

@@ -201,11 +201,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);