ele-admin-plus 1.0.2 → 1.1.0

package/lib/ele-icon-select/components/icon-popper.d.ts

@@ -1,23 +1,24 @@
-import type { PropType, CSSProperties } from 'vue';
-import type { EmptyProps, ElTooltipProps } from 'element-plus';
+import type { PropType } from 'vue';
+import type { StyleValue, ElEmptyProps } from '../../ele-app/types';
+import type { EleTooltipProps } from '../../ele-avatar-group/types';
 import type { IconItem } from '../types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     data: PropType<string[] | IconItem[]>;
-    emptyProps: PropType<Partial<EmptyProps>>;
+    emptyProps: PropType<ElEmptyProps>;
     filterable: BooleanConstructor;
     filterPlaceholder: StringConstructor;
     hideOnSingleTab: BooleanConstructor;
     tooltip: BooleanConstructor;
-    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     popperVisible: BooleanConstructor;
-    headerStyle: PropType<CSSProperties>;
-    tabsStyle: PropType<CSSProperties>;
-    searchStyle: PropType<CSSProperties>;
-    menusStyle: PropType<CSSProperties>;
-    bodyStyle: PropType<CSSProperties>;
-    gridStyle: PropType<CSSProperties>;
-    itemStyle: PropType<CSSProperties>;
+    headerStyle: PropType<StyleValue>;
+    tabsStyle: PropType<StyleValue>;
+    searchStyle: PropType<StyleValue>;
+    menusStyle: PropType<StyleValue>;
+    bodyStyle: PropType<StyleValue>;
+    gridStyle: PropType<StyleValue>;
+    itemStyle: PropType<StyleValue>;
 }, {
     Search: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     tabs: import("vue").Ref<string[]>;
@@ -36,26 +37,26 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     data: PropType<string[] | IconItem[]>;
-    emptyProps: PropType<Partial<EmptyProps>>;
+    emptyProps: PropType<ElEmptyProps>;
     filterable: BooleanConstructor;
     filterPlaceholder: StringConstructor;
     hideOnSingleTab: BooleanConstructor;
     tooltip: BooleanConstructor;
-    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     popperVisible: BooleanConstructor;
-    headerStyle: PropType<CSSProperties>;
-    tabsStyle: PropType<CSSProperties>;
-    searchStyle: PropType<CSSProperties>;
-    menusStyle: PropType<CSSProperties>;
-    bodyStyle: PropType<CSSProperties>;
-    gridStyle: PropType<CSSProperties>;
-    itemStyle: PropType<CSSProperties>;
+    headerStyle: PropType<StyleValue>;
+    tabsStyle: PropType<StyleValue>;
+    searchStyle: PropType<StyleValue>;
+    menusStyle: PropType<StyleValue>;
+    bodyStyle: PropType<StyleValue>;
+    gridStyle: PropType<StyleValue>;
+    itemStyle: PropType<StyleValue>;
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;
 }, {
     tooltip: boolean;
+    popperVisible: boolean;
     filterable: boolean;
     hideOnSingleTab: boolean;
-    popperVisible: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/lib/ele-icon-select/components/icon-popper.js

@@ -183,7 +183,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       _ctx.tabBar ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
-        class: "ele-icon-select-tabs ele-scrollbar-hover ele-scrollbar-mini",
+        class: "ele-icon-select-tabs",
         style: vue.normalizeStyle(_ctx.tabsStyle)
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (t, i) => {
@@ -214,7 +214,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("div", _hoisted_3, [
       _ctx.menus && _ctx.menus.length ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
-        class: "ele-icon-select-menus ele-scrollbar-hover ele-scrollbar-mini",
+        class: "ele-icon-select-menus",
         style: vue.normalizeStyle(_ctx.menusStyle)
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menus, (m, i) => {

package/lib/ele-icon-select/index.d.ts

@@ -1,5 +1,5 @@
-import type { CSSProperties } from 'vue';
-declare const _sfc_main: import("vue").DefineComponent<{
+import type { StyleValue } from '../ele-app/types';
+declare const _default: import("vue").DefineComponent<{
     modelValue: StringConstructor;
     data: {
         type: import("vue").PropType<string[] | import("./types").IconItem[]>;
@@ -24,7 +24,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     automaticDropdown: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown>>;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown> | undefined>;
         default: string;
     };
     popperWidth: {
@@ -35,7 +35,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    popperOptions: import("vue").PropType<Partial<import("element-plus").Options>>;
+    popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     filterable: BooleanConstructor;
     filterPlaceholder: {
@@ -43,19 +43,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     hideOnSingleTab: BooleanConstructor;
-    emptyProps: import("vue").PropType<Partial<import("element-plus").EmptyProps>>;
+    emptyProps: import("vue").PropType<import("../ele-app/types").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
-    headerStyle: import("vue").PropType<CSSProperties>;
-    tabsStyle: import("vue").PropType<CSSProperties>;
-    searchStyle: import("vue").PropType<CSSProperties>;
-    menusStyle: import("vue").PropType<CSSProperties>;
-    bodyStyle: import("vue").PropType<CSSProperties>;
-    gridStyle: import("vue").PropType<CSSProperties>;
-    itemStyle: import("vue").PropType<CSSProperties>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
+    headerStyle: import("vue").PropType<StyleValue>;
+    tabsStyle: import("vue").PropType<StyleValue>;
+    searchStyle: import("vue").PropType<StyleValue>;
+    menusStyle: import("vue").PropType<StyleValue>;
+    bodyStyle: import("vue").PropType<StyleValue>;
+    gridStyle: import("vue").PropType<StyleValue>;
+    itemStyle: import("vue").PropType<StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -63,7 +63,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     visible: import("vue").Ref<boolean>;
     popupClass: import("vue").ComputedRef<string>;
-    popupStyle: import("vue").ComputedRef<CSSProperties | undefined>;
+    popupStyle: import("vue").ComputedRef<StyleValue | undefined>;
     updateVisible: (value: boolean) => void;
     onClear: () => void;
     onFocus: (e: FocusEvent) => void;
@@ -101,7 +101,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     automaticDropdown: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown>>;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown> | undefined>;
         default: string;
     };
     popperWidth: {
@@ -112,7 +112,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    popperOptions: import("vue").PropType<Partial<import("element-plus").Options>>;
+    popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     filterable: BooleanConstructor;
     filterPlaceholder: {
@@ -120,19 +120,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     hideOnSingleTab: BooleanConstructor;
-    emptyProps: import("vue").PropType<Partial<import("element-plus").EmptyProps>>;
+    emptyProps: import("vue").PropType<import("../ele-app/types").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
-    headerStyle: import("vue").PropType<CSSProperties>;
-    tabsStyle: import("vue").PropType<CSSProperties>;
-    searchStyle: import("vue").PropType<CSSProperties>;
-    menusStyle: import("vue").PropType<CSSProperties>;
-    bodyStyle: import("vue").PropType<CSSProperties>;
-    gridStyle: import("vue").PropType<CSSProperties>;
-    itemStyle: import("vue").PropType<CSSProperties>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
+    headerStyle: import("vue").PropType<StyleValue>;
+    tabsStyle: import("vue").PropType<StyleValue>;
+    searchStyle: import("vue").PropType<StyleValue>;
+    menusStyle: import("vue").PropType<StyleValue>;
+    bodyStyle: import("vue").PropType<StyleValue>;
+    gridStyle: import("vue").PropType<StyleValue>;
+    itemStyle: import("vue").PropType<StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -140,24 +140,24 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
+    onVisibleChange?: ((_visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
     onChange?: ((_value?: string | null | undefined) => any) | undefined;
-    onVisibleChange?: ((_visible: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
 }, {
+    placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown> | undefined;
     disabled: boolean;
+    teleported: boolean;
     autocomplete: string;
     clearable: boolean;
-    placement: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown>;
-    teleported: boolean;
     persistent: boolean;
     tooltip: boolean;
+    responsive: boolean;
     automaticDropdown: boolean;
     popperWidth: string | number;
-    popperHeight: string | number;
     filterable: boolean;
     filterPlaceholder: string;
     hideOnSingleTab: boolean;
-    responsive: boolean;
+    popperHeight: string | number;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/lib/ele-icon-select/props.d.ts

@@ -1,5 +1,6 @@
-import type { PropType, ExtractPropTypes, CSSProperties } from 'vue';
-import type { EmptyProps, ElTooltipProps } from 'element-plus';
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue, ElEmptyProps } from '../ele-app/types';
+import type { EleTooltipProps } from '../ele-avatar-group/types';
 import type { IconItem } from './types';
 /**
  * 属性
@@ -29,7 +30,7 @@ export declare const iconSelectProps: {
     };
     automaticDropdown: BooleanConstructor;
     placement: {
-        type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "bottom" | "auto" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown>>;
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown> | undefined>;
         default: string;
     };
     popperWidth: {
@@ -40,7 +41,7 @@ export declare const iconSelectProps: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    popperOptions: PropType<Partial<import("element-plus").Options>>;
+    popperOptions: PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     filterable: BooleanConstructor;
     filterPlaceholder: {
@@ -48,19 +49,19 @@ export declare const iconSelectProps: {
         default: string;
     };
     hideOnSingleTab: BooleanConstructor;
-    emptyProps: PropType<Partial<EmptyProps>>;
+    emptyProps: PropType<ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: PropType<Partial<ElTooltipProps>>;
-    headerStyle: PropType<CSSProperties>;
-    tabsStyle: PropType<CSSProperties>;
-    searchStyle: PropType<CSSProperties>;
-    menusStyle: PropType<CSSProperties>;
-    bodyStyle: PropType<CSSProperties>;
-    gridStyle: PropType<CSSProperties>;
-    itemStyle: PropType<CSSProperties>;
+    tooltipProps: PropType<EleTooltipProps>;
+    headerStyle: PropType<StyleValue>;
+    tabsStyle: PropType<StyleValue>;
+    searchStyle: PropType<StyleValue>;
+    menusStyle: PropType<StyleValue>;
+    bodyStyle: PropType<StyleValue>;
+    gridStyle: PropType<StyleValue>;
+    itemStyle: PropType<StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;

package/lib/ele-icon-select/style/css-var.scss

@@ -0,0 +1,7 @@
+@use '../../style/util.scss' as *;
+
+@mixin set-icon-var($var) {
+  .ele-icon-select {
+    @include set-ele-var('icon', $var);
+  }
+}

package/lib/ele-icon-select/style/index.js

@@ -1,6 +1,6 @@
 "use strict";
 require("element-plus/es/components/input/style/index");
 require("element-plus/es/components/empty/style/index");
-require("element-plus/es/components/tooltip/style/index");
+require("../../ele-tooltip/style/index");
 require("../../ele-basic-select/style/index");
 require("./index.scss");

package/lib/ele-icon-select/style/index.scss

@@ -1,7 +1,13 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
 
-.ele-icon-select-popper.el-popover {
-  padding: 0;
+@include set-icon-var($ele);
+
+.ele-icon-select-popper {
+  .ele-popover-content {
+    padding: 0;
+  }
 
   &.is-responsive {
     max-width: calc(100vw - 32px);
@@ -16,9 +22,9 @@
 .ele-icon-select-header {
   display: flex;
   align-items: center;
-  padding: 0 12px;
   box-sizing: border-box;
-  box-shadow: 0 -1px 0 elVar('border-color', 'lighter') inset;
+  padding: eleVar('icon', 'header-padding');
+  box-shadow: 0 -0.8px 0 elVar('border-color', 'light') inset;
 }
 
 .ele-icon-select-tabs {
@@ -29,23 +35,27 @@
   align-items: center;
 
   .ele-icon-select-tab {
-    height: 42px;
-    line-height: 42px;
-    padding: 0 2px;
+    height: eleVar('icon', 'tab-height');
+    line-height: eleVar('icon', 'tab-height');
+    color: eleVar('icon', 'tab-color');
+    font-size: eleVar('icon', 'tab-font-size');
+    padding: eleVar('icon', 'tab-padding');
+    border-radius: eleVar('icon', 'tab-radius');
+    transition: color $ele-transition, background-color $ele-transition;
     box-sizing: border-box;
-    transition: color 0.3s, background-color 0.3s;
+    word-break: break-all;
     white-space: nowrap;
     position: relative;
     cursor: pointer;
 
     & + .ele-icon-select-tab {
-      margin-left: 16px;
+      margin-left: eleVar('icon', 'tab-space');
     }
 
     &::after {
       content: '';
       width: 100%;
-      height: 2px;
+      height: eleVar('icon', 'tab-active-line');
       position: absolute;
       left: 0;
       bottom: 0;
@@ -57,11 +67,18 @@
     }
 
     &:hover {
-      color: elVar('color-primary');
+      color: eleVar('icon', 'tab-hover-color');
+      background: eleVar('icon', 'tab-hover-bg');
+    }
+
+    &:active {
+      background: eleVar('icon', 'tab-active-bg');
     }
 
     &.is-active {
-      color: elVar('color-primary');
+      color: eleVar('icon', 'tab-active-color');
+      background: eleVar('icon', 'tab-active-bg');
+      font-weight: eleVar('icon', 'tab-active-font-weight');
 
       &::after {
         opacity: 1;
@@ -76,12 +93,12 @@
 .ele-icon-select-search {
   width: 100%;
   flex-shrink: 0;
-  padding: 8px 0;
+  padding: eleVar('icon', 'search-padding');
   box-sizing: border-box;
 }
 
 .ele-icon-select-tabs + .ele-icon-select-search {
-  width: 120px;
+  width: eleVar('icon', 'search-width');
   padding-left: 12px;
 }
 
@@ -92,32 +109,39 @@
 }
 
 .ele-icon-select-menus {
-  width: 120px;
   height: 100%;
+  width: eleVar('icon', 'menus-width');
   flex-shrink: 0;
   overflow: auto;
   overflow: overlay;
-  padding: 12px 0;
+  padding: eleVar('icon', 'menus-padding');
+  box-shadow: -0.8px 0 0 elVar('border-color', 'light') inset;
   box-sizing: border-box;
-  box-shadow: -1px 0 0 elVar('border-color', 'lighter') inset;
 
   .ele-icon-select-menu {
-    height: 36px;
-    line-height: 36px;
-    padding: 0 12px;
-    box-sizing: border-box;
+    height: eleVar('icon', 'menu-height');
+    line-height: eleVar('icon', 'menu-height');
+    color: eleVar('icon', 'menu-color');
+    font-size: eleVar('icon', 'menu-font-size');
+    padding: eleVar('icon', 'menu-padding');
+    border-radius: eleVar('icon', 'menu-radius');
+    transition: color $ele-transition, background-color $ele-transition;
     overflow: hidden;
-    text-overflow: ellipsis;
     white-space: nowrap;
     word-break: break-all;
-    transition: color 0.3s, background-color 0.3s;
+    text-overflow: ellipsis;
+    box-sizing: border-box;
     position: relative;
     cursor: pointer;
 
+    & + .ele-icon-select-menu {
+      margin-top: eleVar('icon', 'menu-space');
+    }
+
     &::after {
       content: '';
-      width: 2.5px;
       height: 100%;
+      width: eleVar('icon', 'menu-active-line');
       position: absolute;
       top: 0;
       right: 0;
@@ -129,16 +153,18 @@
     }
 
     &:hover {
-      color: elVar('color-primary');
+      color: eleVar('icon', 'menu-hover-color');
+      background: eleVar('icon', 'menu-hover-bg');
     }
 
     &:active {
-      background: elVar('color-primary', 'light-9');
+      background: eleVar('icon', 'menu-active-bg');
     }
 
     &.is-active {
-      color: elVar('color-primary');
-      background: elVar('color-primary', 'light-9');
+      color: eleVar('icon', 'menu-active-color');
+      background: eleVar('icon', 'menu-active-bg');
+      font-weight: eleVar('icon', 'menu-active-font-weight');
 
       &::after {
         opacity: 1;
@@ -153,7 +179,7 @@
 .ele-icon-select-body {
   flex: 1;
   height: 100%;
-  padding: 12px;
+  padding: eleVar('icon', 'body-padding');
   box-sizing: border-box;
   overflow: auto;
   overflow: overlay;
@@ -167,33 +193,30 @@
 
   .ele-icon-select-item {
     height: 48px;
-    font-size: 22px;
     display: flex;
     flex-direction: column;
-    justify-content: center;
     align-items: center;
+    justify-content: center;
+    color: eleVar('icon', 'color');
+    font-size: eleVar('icon', 'font-size');
+    border: eleVar('icon', 'border');
+    border-radius: eleVar('icon', 'radius');
+    transition: color $ele-transition, background-color $ele-transition,
+      border-color $ele-transition;
     box-sizing: border-box;
-    border: 1px solid elVar('border-color', 'lighter');
-    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-    border-radius: 6px;
     overflow: hidden;
     cursor: pointer;
 
     &:hover {
-      color: elVar('color-primary');
-      border-color: elVar('color-primary', 'light-9');
-      background: elVar('color-primary', 'light-9');
+      color: eleVar('icon', 'hover-color');
+      background: eleVar('icon', 'hover-bg');
+      border: eleVar('icon', 'hover-border');
     }
 
     &.is-active {
-      color: elVar('color-primary');
-      border-color: elVar('color-primary');
-      background: elVar('color-primary', 'light-9');
-      border-width: 2px;
+      color: eleVar('icon', 'active-color');
+      background: eleVar('icon', 'active-bg');
+      border: eleVar('icon', 'active-border');
     }
   }
 }
-
-.ele-icon-select-empty > .el-empty {
-  #{elVarName('empty', 'padding')}: 20px 0;
-}

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

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     text: StringConstructor;
     background: StringConstructor;
@@ -11,4 +11,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>>, {
     loading: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,5 +1,5 @@
 import type { PoiItem, CenterPoint } from '../types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     height: {
         type: StringConstructor;
         default: string;
@@ -53,9 +53,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
     okText: StringConstructor;
-    emptyProps: import("vue").PropType<Partial<import("element-plus").EmptyProps>>;
+    emptyProps: import("vue").PropType<import("../../ele-app/types").ElEmptyProps>;
+    headerStyle: import("vue").PropType<import("../../ele-app/types").StyleValue>;
 }, {
-    Check: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     mapRef: import("vue").Ref<HTMLDivElement | null>;
     loading: import("vue").Ref<boolean>;
     poiLoading: import("vue").Ref<boolean>;
@@ -167,13 +167,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
     okText: StringConstructor;
-    emptyProps: import("vue").PropType<Partial<import("element-plus").EmptyProps>>;
+    emptyProps: import("vue").PropType<import("../../ele-app/types").ElEmptyProps>;
+    headerStyle: import("vue").PropType<import("../../ele-app/types").StyleValue>;
 }>> & {
     onDone?: ((_result: CenterPoint) => any) | undefined;
     onMapDone?: ((_ins: any) => any) | undefined;
 }, {
-    height: string;
     required: boolean;
+    height: string;
     zoom: number;
     selectedZoom: number;
     poiLimit: number;
@@ -187,4 +188,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
     mapVersion: string;
     darkMode: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;