ele-admin-plus 1.0.2 → 1.1.0

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

@@ -1,4 +1,5 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 @use './css-var.scss' as *;
 
 :root {
@@ -29,52 +30,8 @@
   background: transparent;
 }
 
-// 小型滚动条
-.ele-scrollbar-mini {
-  &::-webkit-scrollbar {
-    width: eleVar('scrollbar', 'mini-size');
-    height: eleVar('scrollbar', 'mini-size');
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: eleVar('scrollbar', 'mini-radius');
-  }
-}
-
-// 隐藏滚动条
-.ele-scrollbar-hide::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-
-.ele-scrollbar-hide,
-.ele-scrollbar-hover {
-  overflow: auto;
-  overflow: overlay;
-}
-
-// 鼠标滑入才显示滚动条
-@media (hover: hover) and (pointer: fine) {
-  .ele-scrollbar-hover:not(:hover)::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-}
-
-// 移动端小尺寸
-@media only screen and (max-width: 768px) {
-  ::-webkit-scrollbar {
-    width: eleVar('scrollbar', 'mini-size');
-    height: eleVar('scrollbar', 'mini-size');
-  }
-
-  ::-webkit-scrollbar-thumb {
-    border-radius: eleVar('scrollbar', 'mini-radius');
-  }
-}
-
 // 火狐浏览器
 * {
   scrollbar-width: thin;
-  scrollbar-color: eleVar('scrollbar', 'color') transparent;
+  scrollbar-color: eleVar('scrollbar', 'color') eleVar('scrollbar', 'bg');
 }

package/es/ele-app/types/index.d.ts

@@ -1,27 +1,78 @@
-import type { CSSProperties } from 'vue';
-import type { ElPopover, ElBreadcrumb, ElDrawer, ElInput, ElDropdown, ElMenu, ElDialog, ElTable, ElTabs, ElImage } from 'element-plus';
+import type { CSSProperties, ExtractPropTypes } from 'vue';
+import type { IconProps, RowProps, ColProps, BreadcrumbProps, BreadcrumbItemProps, InputProps, TagProps, AvatarProps, PopoverProps, ElTooltipProps as TooltipProps, PopconfirmProps, AlertProps, ButtonProps, CardProps, EmptyProps, ProgressProps, MenuProps, MenuItemProps, SubMenuProps, MenuItemGroupProps, BadgeProps, DialogProps, StepProps, TabsProps, TabPaneProps, TableProps, ElPopover, ElTooltip, ElBreadcrumb, ElDrawer, ElInput, ElDropdown, ElMenu, ElSubMenu, ElDialog, ElTable, ElTabs, ElImage, ElScrollbar } from 'element-plus';
+import type { dropdownProps } from 'element-plus';
+import type { dropdownItemProps } from 'element-plus';
+import type columnProps from 'element-plus/es/components/table/src/table-column/defaults';
 /**
  * 样式值
  */
 export type StyleValue = string | CSSProperties;
 /**
- * 类名单个值
+ * 样式多个值
  */
-export type ClassSingleValue = string | Record<string, boolean | undefined>;
+export type StyleValues = Array<StyleValue>;
 /**
  * 类名值
  */
-export type ClassValue = ClassSingleValue | Array<ClassSingleValue> | null;
+export type ClassValue = string | Record<string, boolean | undefined>;
 /**
- * 组件实例
+ * 类名多个值
+ */
+export type ClassValues = Array<ClassValue>;
+/**
+ * 组件属性
+ */
+export type ComponentProps<T> = Partial<T> & {
+    /** 类名 */
+    class?: string;
+    /** 样式 */
+    style?: CSSProperties;
+};
+/**
+ * ElementPlus 组件属性
+ */
+export type ElIconProps = ComponentProps<IconProps>;
+export type ElRowProps = ComponentProps<RowProps>;
+export type ElColProps = ComponentProps<ColProps>;
+export type ElBreadcrumbProps = ComponentProps<BreadcrumbProps>;
+export type ElBreadcrumbItemProps = ComponentProps<BreadcrumbItemProps>;
+export type ElDropdownProps = ComponentProps<ExtractPropTypes<typeof dropdownProps>>;
+export type ElDropdownItemProps = ComponentProps<ExtractPropTypes<typeof dropdownItemProps>>;
+export type ElInputProps = ComponentProps<InputProps>;
+export type ElTagProps = ComponentProps<TagProps>;
+export type ElPopoverProps = ComponentProps<PopoverProps>;
+export type ElAvatarProps = ComponentProps<AvatarProps>;
+export type ElTooltipProps = ComponentProps<TooltipProps>;
+export type ElPopconfirmProps = ComponentProps<PopconfirmProps>;
+export type ElAlertProps = ComponentProps<AlertProps>;
+export type ElButtonProps = ComponentProps<ButtonProps>;
+export type ElCardProps = ComponentProps<CardProps>;
+export type ElEmptyProps = ComponentProps<EmptyProps>;
+export type ElProgressProps = ComponentProps<ProgressProps>;
+export type ElMenuProps = ComponentProps<MenuProps>;
+export type ElMenuItemProps = ComponentProps<MenuItemProps>;
+export type ElSubMenuProps = ComponentProps<SubMenuProps>;
+export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;
+export type ElBadgeProps = ComponentProps<BadgeProps>;
+export type ElDialogProps = ComponentProps<DialogProps>;
+export type ElStepProps = ComponentProps<StepProps>;
+export type ElTabsProps = ComponentProps<TabsProps>;
+export type ElTabPaneProps = ComponentProps<TabPaneProps>;
+export type ElTableProps<T> = ComponentProps<TableProps<T>>;
+export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
+/**
+ * ElementPlus 组件实例
  */
 export type ElPopoverInstance = InstanceType<typeof ElPopover> | null;
+export type ElTooltipInstance = InstanceType<typeof ElTooltip> | null;
 export type ElBreadcrumbInstance = InstanceType<typeof ElBreadcrumb> | null;
 export type ElDrawerInstance = InstanceType<typeof ElDrawer> | null;
 export type ElInputInstance = InstanceType<typeof ElInput> | null;
 export type ElDropdownInstance = InstanceType<typeof ElDropdown> | null;
 export type ElMenuInstance = InstanceType<typeof ElMenu> | null;
+export type ElSubMenuInstance = InstanceType<typeof ElSubMenu> | null;
 export type ElDialogInstance = InstanceType<typeof ElDialog> | null;
 export type ElTableInstance = InstanceType<typeof ElTable> | null;
 export type ElTabsInstance = InstanceType<typeof ElTabs> | null;
 export type ElImageInstance = InstanceType<typeof ElImage> | null;
+export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;

package/es/ele-avatar-group/index.d.ts

@@ -1,32 +1,32 @@
-import type { CSSProperties } from 'vue';
+import type { StyleValue } from '../ele-app/types';
 import type { AvatarItem, AvatarErrorOption } from './types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     data: {
         type: import("vue").PropType<AvatarItem[]>;
         required: boolean;
     };
     maxCount: NumberConstructor;
-    shape: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
-    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
-    itemStyle: import("vue").PropType<CSSProperties>;
-    avatarStyle: import("vue").PropType<CSSProperties>;
-    moreStyle: import("vue").PropType<CSSProperties>;
+    shape: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    itemStyle: import("vue").PropType<StyleValue>;
+    avatarStyle: import("vue").PropType<StyleValue>;
+    moreStyle: import("vue").PropType<StyleValue>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("./types").EleTooltipProps>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import("vue").PropType<Partial<import("element-plus").PopoverProps>>;
+    overflowPopoverProps: import("vue").PropType<import("./types").ElePopoverProps>;
     hoverOpen: BooleanConstructor;
 }, {
     tooltipContent: import("vue").Ref<string>;
     virtualRef: import("vue").Ref<any>;
     overflowVisible: import("vue").Ref<boolean>;
-    commonStyle: import("vue").ComputedRef<CSSProperties>;
+    commonStyle: import("vue").ComputedRef<StyleValue>;
     isOverflow: import("vue").ComputedRef<boolean>;
     avatarData: import("vue").ComputedRef<AvatarItem[]>;
     overflowCount: import("vue").ComputedRef<number>;
@@ -45,29 +45,29 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: boolean;
     };
     maxCount: NumberConstructor;
-    shape: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
-    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
-    itemStyle: import("vue").PropType<CSSProperties>;
-    avatarStyle: import("vue").PropType<CSSProperties>;
-    moreStyle: import("vue").PropType<CSSProperties>;
+    shape: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    itemStyle: import("vue").PropType<StyleValue>;
+    avatarStyle: import("vue").PropType<StyleValue>;
+    moreStyle: import("vue").PropType<StyleValue>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("./types").EleTooltipProps>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import("vue").PropType<Partial<import("element-plus").PopoverProps>>;
+    overflowPopoverProps: import("vue").PropType<import("./types").ElePopoverProps>;
     hoverOpen: BooleanConstructor;
 }>> & {
+    onError?: ((_option: AvatarErrorOption) => any) | undefined;
     onItemClick?: ((_item: AvatarItem) => any) | undefined;
     onMoreClick?: (() => any) | undefined;
-    onError?: ((_option: AvatarErrorOption) => any) | undefined;
 }, {
     tooltip: boolean;
     overflowPopover: boolean;
     hoverOpen: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-avatar-group/index.js

@@ -1,10 +1,12 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, normalizeStyle, withCtx, renderSlot, mergeProps, createVNode, createElementVNode, toDisplayString, createCommentVNode } from "vue";
-import { ElAvatar, ElTooltip, ElPopover } from "element-plus";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, normalizeStyle, withCtx, renderSlot, createCommentVNode, mergeProps, createVNode, createElementVNode, toDisplayString } from "vue";
+import { ElAvatar } from "element-plus";
+import EleTooltip from "../ele-tooltip/index";
+import ElePopover from "../ele-popover/index";
 import { useLicense } from "../ele-config-provider/receiver";
 import { avatarGroupProps, avatarGroupEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleAvatarGroup",
-  components: { ElAvatar, ElTooltip, ElPopover },
+  components: { ElAvatar, EleTooltip, ElePopover },
   props: avatarGroupProps,
   emits: avatarGroupEmits,
   setup(props, { emit }) {
@@ -88,14 +90,14 @@ const _hoisted_2 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElAvatar = resolveComponent("ElAvatar");
-  const _component_ElPopover = resolveComponent("ElPopover");
-  const _component_ElTooltip = resolveComponent("ElTooltip");
+  const _component_ElePopover = resolveComponent("ElePopover");
+  const _component_EleTooltip = resolveComponent("EleTooltip");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ele-avatar-group", { "is-hover-open": _ctx.hoverOpen }])
   }, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.avatarData, (item, index2) => {
       return openBlock(), createBlock(_component_ElAvatar, {
-        key: index2 + "-" + (item.value || item.label),
+        key: item.key ?? index2 + "-" + (item.value || item.label),
         size: _ctx.size,
         shape: _ctx.shape,
         src: item.value,
@@ -105,16 +107,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onMouseover: (e) => _ctx.onItemHover(item, e)
       }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "item", { item })
+          _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
+            key: 0,
+            item
+          }) : createCommentVNode("", true)
         ]),
         _: 2
       }, 1032, ["size", "shape", "src", "style", "onClick", "onError", "onMouseover"]);
     }), 128)),
-    _ctx.isOverflow ? (openBlock(), createBlock(_component_ElPopover, mergeProps({
+    _ctx.isOverflow ? (openBlock(), createBlock(_component_ElePopover, mergeProps({
       key: 0,
       placement: "top",
-      popperClass: "ele-avatar-popover"
-    }, _ctx.overflowPopoverProps, {
+      popperClass: "ele-avatar-popover",
+      offset: 6
+    }, _ctx.overflowPopoverProps || {}, {
       width: "auto",
       disabled: !_ctx.overflowPopover,
       visible: _ctx.overflowVisible,
@@ -146,7 +152,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.overflowPopover ? (openBlock(), createElementBlock("div", _hoisted_2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.overflowData, (item, index2) => {
               return openBlock(), createBlock(_component_ElAvatar, {
-                key: index2 + "-" + (item.value || item.label),
+                key: item.key ?? index2 + "-" + (item.value || item.label),
                 size: _ctx.size,
                 shape: _ctx.shape,
                 src: item.value,
@@ -156,7 +162,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 onMouseover: (e) => _ctx.onItemHover(item, e)
               }, {
                 default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "item", { item })
+                  _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
+                    key: 0,
+                    item
+                  }) : createCommentVNode("", true)
                 ]),
                 _: 2
               }, 1032, ["size", "shape", "src", "style", "onClick", "onError", "onMouseover"]);
@@ -166,7 +175,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 16, ["disabled", "visible"])) : createCommentVNode("", true),
-    createVNode(_component_ElTooltip, mergeProps({ placement: "top" }, _ctx.tooltipProps, {
+    createVNode(_component_EleTooltip, mergeProps({
+      placement: "top",
+      offset: 6
+    }, _ctx.tooltipProps || {}, {
       content: _ctx.tooltipContent,
       virtualRef: _ctx.virtualRef,
       virtualTriggering: true

package/es/ele-avatar-group/props.d.ts

@@ -1,6 +1,6 @@
-import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
-import type { ElTooltipProps, PopoverProps } from 'element-plus';
-import type { AvatarItem, AvatarErrorOption } from './types';
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue } from '../ele-app/types';
+import type { AvatarItem, AvatarErrorOption, EleTooltipProps, ElePopoverProps } from './types';
 /**
  * 属性
  */
@@ -10,21 +10,21 @@ export declare const avatarGroupProps: {
         required: boolean;
     };
     maxCount: NumberConstructor;
-    shape: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown>>;
-    size: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
-    itemStyle: PropType<CSSProperties>;
-    avatarStyle: PropType<CSSProperties>;
-    moreStyle: PropType<CSSProperties>;
+    shape: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
+    size: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    itemStyle: PropType<StyleValue>;
+    avatarStyle: PropType<StyleValue>;
+    moreStyle: PropType<StyleValue>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: PropType<Partial<PopoverProps>>;
+    overflowPopoverProps: PropType<ElePopoverProps>;
     hoverOpen: BooleanConstructor;
 };
 export type AvatarGroupProps = ExtractPropTypes<typeof avatarGroupProps>;

package/es/ele-avatar-group/style/index.js

@@ -1,4 +1,4 @@
 import 'element-plus/es/components/avatar/style/index';
-import 'element-plus/es/components/tooltip/style/index';
-import 'element-plus/es/components/popover/style/index';
+import '../../ele-tooltip/style/index';
+import '../../ele-popover/style/index';
 import './index.scss';

package/es/ele-avatar-group/style/index.scss

@@ -1,4 +1,5 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 
 .ele-avatar-group {
   display: inline-block;
@@ -63,6 +64,6 @@
   }
 }
 
-.ele-avatar-popover.el-popper {
+.ele-avatar-popover.ele-popover {
   min-width: auto;
 }

package/es/ele-avatar-group/types/index.d.ts

@@ -1,8 +1,16 @@
+import type { ComponentProps } from '../../ele-app/types';
+import { TooltipProps } from '../../ele-tooltip/props';
+import { PopoverProps } from '../../ele-popover/props';
+import type ElePopover from "../ele-popover/index";
 /**
  * 数据
  */
 export interface AvatarItem extends Record<keyof any, any> {
+    /** 循环的 key */
+    key?: string | number | symbol;
+    /** 头像名称 */
     label?: string;
+    /** 头像链接 */
     value?: string;
 }
 /**
@@ -14,3 +22,15 @@ export interface AvatarErrorOption {
     /** 事件 */
     e: Event;
 }
+/**
+ * 提示组件属性
+ */
+export type EleTooltipProps = ComponentProps<TooltipProps>;
+/**
+ * 气泡组件属性
+ */
+export type ElePopoverProps = ComponentProps<PopoverProps>;
+/**
+ * 气泡卡片实例
+ */
+export type ElePopoverInstance = InstanceType<typeof ElePopover> | null;

package/es/ele-bar-code/index.d.ts

@@ -1,5 +1,5 @@
 import JsBarCode from 'jsbarcode';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     value: StringConstructor;
     tag: {
         type: import("vue").PropType<import("./types").BarCodeTag>;
@@ -44,4 +44,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>>, {
     tag: import("./types").BarCodeTag;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-basic-select/components/select-tag.d.ts

@@ -1,9 +1,9 @@
 import type { PropType } from 'vue';
-declare const _sfc_main: import("vue").DefineComponent<{
-    size: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+declare const _default: import("vue").DefineComponent<{
+    size: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
     label: (StringConstructor | NumberConstructor)[];
     maxTagTextLength: NumberConstructor;
-    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     closable: BooleanConstructor;
 }, {
     text: import("vue").ComputedRef<string>;
@@ -11,14 +11,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+    size: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
     label: (StringConstructor | NumberConstructor)[];
     maxTagTextLength: NumberConstructor;
-    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     closable: BooleanConstructor;
 }>> & {
     onClose?: (() => any) | undefined;
 }, {
     closable: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-basic-select/index.d.ts

@@ -1,6 +1,5 @@
-import type { ElPopoverInstance } from '../ele-app/types';
 import type { SelectedItem } from './types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     value: import("vue").PropType<import("./types").SelectValue>;
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -17,13 +16,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
     automaticDropdown: BooleanConstructor;
-    tagType: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
-    placement: 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>>;
+    tagType: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    placement: 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>;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    popperOptions: import("vue").PropType<Partial<import("element-plus").Options>>;
+    popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
 }, {
-    popoverRef: import("vue").Ref<ElPopoverInstance>;
+    popoverRef: any;
     isDisabled: import("vue").ComputedRef<boolean>;
     closeEnable: import("vue").ComputedRef<boolean>;
     inputPlaceholder: import("vue").ComputedRef<string | undefined>;
@@ -58,24 +57,24 @@ declare const _sfc_main: import("vue").DefineComponent<{
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
     automaticDropdown: BooleanConstructor;
-    tagType: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
-    placement: 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>>;
+    tagType: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    placement: 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>;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    popperOptions: import("vue").PropType<Partial<import("element-plus").Options>>;
+    popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
 }>> & {
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
     onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onBlur?: ((_e: FocusEvent) => any) | undefined;
 }, {
     disabled: boolean;
+    teleported: boolean;
     clearable: boolean;
     visible: boolean;
-    teleported: boolean;
     persistent: boolean;
     multiple: boolean;
     automaticDropdown: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/es/ele-basic-select/index.js

@@ -1,17 +1,18 @@
 import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createVNode, createSlots, withModifiers, renderSlot, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
-import { ElPopover, ElInput, ElIcon } from "element-plus";
 import { CircleClose, ArrowDown } from "@element-plus/icons-vue";
+import { ElInput, ElIcon } from "element-plus";
+import ElePopover from "../ele-popover/index";
 import { useLicense } from "../ele-config-provider/receiver";
 import SelectTag from "./components/select-tag";
 import { basicSelectProps, basicSelectEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleBasicSelect",
   components: {
-    ElPopover,
-    ElInput,
-    ElIcon,
     CircleClose,
     ArrowDown,
+    ElInput,
+    ElIcon,
+    ElePopover,
     SelectTag
   },
   props: basicSelectProps,
@@ -120,8 +121,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowDown = resolveComponent("ArrowDown");
   const _component_ElInput = resolveComponent("ElInput");
   const _component_SelectTag = resolveComponent("SelectTag");
-  const _component_ElPopover = resolveComponent("ElPopover");
-  return openBlock(), createBlock(_component_ElPopover, {
+  const _component_ElePopover = resolveComponent("ElePopover");
+  return openBlock(), createBlock(_component_ElePopover, {
     ref: "popoverRef",
     trigger: "click",
     visible: _ctx.visible,

package/es/ele-basic-select/props.d.ts

@@ -20,10 +20,10 @@ export declare const basicSelectProps: {
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
     automaticDropdown: BooleanConstructor;
-    tagType: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
-    placement: 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>>;
+    tagType: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    placement: 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>;
     popperWidth: (StringConstructor | NumberConstructor)[];
-    popperOptions: PropType<Partial<import("element-plus").Options>>;
+    popperOptions: PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
 };
 export type BasicSelectProps = ExtractPropTypes<typeof basicSelectProps>;

package/es/ele-basic-select/style/index.js

@@ -1,5 +1,5 @@
-import 'element-plus/es/components/popover/style/index';
 import 'element-plus/es/components/input/style/index';
 import 'element-plus/es/components/icon/style/index';
 import 'element-plus/es/components/tag/style/index';
+import '../../ele-popover/style/index';
 import './index.scss';

package/es/ele-basic-select/style/index.scss

@@ -1,4 +1,5 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 
 .ele-select {
   width: 100%;
@@ -28,8 +29,7 @@
   .ele-select-arrow {
     font-size: 14px;
     color: elVar('input', 'icon-color');
-    transition: transform elVar('transition-duration'),
-      color elVar('transition-duration');
+    transition: transform $ele-transition, color $ele-transition;
   }
 
   .ele-select-clear:hover {
@@ -55,7 +55,7 @@
   // 鼠标移入
   &:not(.is-opened):hover {
     & > .el-input:not(.is-disabled) .el-input__wrapper:not(.is-focus) {
-      box-shadow: 0 0 0 1px elVar('border-color', 'hover') inset;
+      box-shadow: 0 0 0 1px elVar('input', 'hover-border-color') inset;
     }
   }
 
@@ -80,6 +80,16 @@
 
     .el-tag {
       margin: 2px 6px 2px 0;
+      #{elVarName('tag', 'border-radius')}: elVar('border-radius', 'small');
+
+      &.el-tag--light.el-tag--info {
+        #{elVarName('tag', 'text-color')}: elVar('text-color', 'regular');
+        border-color: elVar('border-color');
+
+        .el-tag__close {
+          #{elVarName('tag', 'text-color')}: elVar('text-color', 'secondary');
+        }
+      }
     }
   }