ele-admin-plus 1.2.1-beta.2 → 1.2.1-beta.3

package/lib/ele-admin-layout/index.d.ts

@@ -31,7 +31,6 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
-        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -46,8 +45,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string; /** 是否仅侧栏导航布局 */
-    }; /** 是否仅侧栏导航布局 */
+        default: string;
+    };
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -66,26 +65,25 @@ declare const _default: import('vue').DefineComponent<{
     };
     sideboxIconSlot: {
         type: StringConstructor;
-        /** 是否是移动端风格 */
         default: string;
     };
-    headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    logoStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    logoTitleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    headerMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sideboxMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
+    mobile: BooleanConstructor;
 }, {
     ownSlots: string[];
     tabSlots: string[];
@@ -193,7 +191,6 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
-        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -208,8 +205,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string; /** 是否仅侧栏导航布局 */
-    }; /** 是否仅侧栏导航布局 */
+        default: string;
+    };
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -228,26 +225,25 @@ declare const _default: import('vue').DefineComponent<{
     };
     sideboxIconSlot: {
         type: StringConstructor;
-        /** 是否是移动端风格 */
         default: string;
     };
-    headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    logoStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    logoTitleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    headerMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sidebarMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    sideboxMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     logoSrc: StringConstructor;
     logoTitle: StringConstructor;
     menuScrollToActive: {
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
+    mobile: BooleanConstructor;
 }>> & {
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;

package/lib/ele-admin-layout/props.d.ts

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { EleMenusProps, EleBreadcrumbProps, EleBacktopProps, EleDropdownProps } from '../ele-app/plus';
 import { MenuItem } from '../ele-menus/types';
 import { BreadcrumbItem } from '../ele-breadcrumb/types';
@@ -114,25 +115,25 @@ export declare const adminLayoutProps: {
         default: string;
     };
     /** 顶栏样式 */
-    headerCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerCustomStyle: PropType<StyleValue>;
     /** 侧栏样式 */
-    sidebarCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sidebarCustomStyle: PropType<StyleValue>;
     /** 双侧栏一级样式 */
-    sideboxCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideboxCustomStyle: PropType<StyleValue>;
     /** 页签栏样式 */
-    tabsCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    tabsCustomStyle: PropType<StyleValue>;
     /** 内容区样式 */
-    contentCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    contentCustomStyle: PropType<StyleValue>;
     /** logo样式 */
-    logoStyle: PropType<Partial<import('vue').CSSProperties>>;
+    logoStyle: PropType<StyleValue>;
     /** logo文字样式 */
-    logoTitleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    logoTitleStyle: PropType<StyleValue>;
     /** 顶栏菜单样式 */
-    headerMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerMenusStyle: PropType<StyleValue>;
     /** 侧栏菜单样式 */
-    sidebarMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sidebarMenusStyle: PropType<StyleValue>;
     /** 双侧栏一级菜单样式 */
-    sideboxMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideboxMenusStyle: PropType<StyleValue>;
     /** logo图片地址 */
     logoSrc: StringConstructor;
     /** logo文字 */

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

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{
     title: StringConstructor;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: import('vue').PropType<import('../ele-app/el').ElAlertProps["type"]>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -9,14 +9,14 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    effect: import('vue').PropType<import('../ele-app/el').ElAlertProps["effect"]>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    closeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    descriptionStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    descriptionStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     transitionName: {
         type: StringConstructor;
         default: string;
@@ -30,7 +30,7 @@ declare const _default: import('vue').DefineComponent<{
     close: (_e: MouseEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: StringConstructor;
-    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: import('vue').PropType<import('../ele-app/el').ElAlertProps["type"]>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -39,14 +39,14 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    effect: import('vue').PropType<import('../ele-app/el').ElAlertProps["effect"]>;
+    iconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    closeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    descriptionStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    descriptionStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     transitionName: {
         type: StringConstructor;
         default: string;

package/lib/ele-alert/props.d.ts

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ElIconProps } from '../ele-app/el';
+import { StyleValue } from '../ele-app/types';
+import { ElAlertProps, ElIconProps } from '../ele-app/el';
 
 /**
  * 属性
@@ -8,7 +9,7 @@ export declare const alertProps: {
     /** 标题 */
     title: StringConstructor;
     /** 类型 */
-    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: PropType<ElAlertProps["type"]>;
     /** 描述 */
     description: StringConstructor;
     /** 是否可关闭 */
@@ -23,21 +24,21 @@ export declare const alertProps: {
     /** 是否显示图标 */
     showIcon: BooleanConstructor;
     /** 主题 */
-    effect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    effect: PropType<ElAlertProps["effect"]>;
     /** 图标样式 */
-    iconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    iconStyle: PropType<StyleValue>;
     /** 图标组件属性 */
     iconProps: PropType<ElIconProps>;
     /** 关闭图标样式 */
-    closeIconStyle: PropType<Partial<import('vue').CSSProperties>>;
+    closeIconStyle: PropType<StyleValue>;
     /** 关闭图标组件属性 */
     closeIconProps: PropType<ElIconProps>;
     /** 内容区样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 标题样式 */
-    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: PropType<StyleValue>;
     /** 描述样式 */
-    descriptionStyle: PropType<Partial<import('vue').CSSProperties>>;
+    descriptionStyle: PropType<StyleValue>;
     /** 过渡动画名称 */
     transitionName: {
         type: StringConstructor;

package/lib/ele-app/components/message-body.d.ts

@@ -1,12 +1,13 @@
 import { PropType } from 'vue';
+import { ElMessageOptions } from '../el';
 
 declare const _default: import('vue').DefineComponent<{
     /** 内容 */
     message: StringConstructor;
     /** 类型 */
-    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: PropType<ElMessageOptions["type"]>;
     /** 图标 */
-    icon: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+    icon: PropType<ElMessageOptions["icon"]>;
     /** 是否显示关闭按钮 */
     showClose: BooleanConstructor;
     /** 内容是否是富文本 */
@@ -24,9 +25,9 @@ declare const _default: import('vue').DefineComponent<{
     /** 内容 */
     message: StringConstructor;
     /** 类型 */
-    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
+    type: PropType<ElMessageOptions["type"]>;
     /** 图标 */
-    icon: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+    icon: PropType<ElMessageOptions["icon"]>;
     /** 是否显示关闭按钮 */
     showClose: BooleanConstructor;
     /** 内容是否是富文本 */

package/lib/ele-app/components/message-box-icon.d.ts

@@ -1,10 +1,11 @@
 import { PropType } from 'vue';
+import { ElMessageBoxOptions } from '../el';
 
 declare const _default: import('vue').DefineComponent<{
     /** 类型 */
-    type: PropType<("" | "success" | "warning" | "error" | "info") | undefined>;
+    type: PropType<ElMessageBoxOptions["type"]>;
     /** 图标 */
-    icon: PropType<string | import('vue').Component | undefined>;
+    icon: PropType<ElMessageBoxOptions["icon"]>;
     /** 标识id */
     boxId: StringConstructor;
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -15,16 +16,16 @@ declare const _default: import('vue').DefineComponent<{
     }) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 类型 */
-    type: PropType<("" | "success" | "warning" | "error" | "info") | undefined>;
+    type: PropType<ElMessageBoxOptions["type"]>;
     /** 图标 */
-    icon: PropType<string | import('vue').Component | undefined>;
+    icon: PropType<ElMessageBoxOptions["icon"]>;
     /** 标识id */
     boxId: StringConstructor;
 }>> & {
     onBoxDestroy?: ((_boxId?: string | undefined) => any) | undefined;
     onBoxMounted?: ((_: {
-        boxId?: string | undefined;
-        doClose?: (() => void) | undefined;
+        boxId?: string;
+        doClose?: () => void;
     }) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/lib/ele-app/style/overwrite/input/index.scss

@@ -308,6 +308,7 @@ body .el-textarea.is-disabled .el-textarea__inner,
   padding-bottom: 0;
   padding-left: eleVar('input-sm', 'padding-left');
   padding-right: eleVar('input-sm', 'padding-right');
+  gap: 0;
 }
 
 /* 大尺寸 */
@@ -318,6 +319,7 @@ body .el-textarea.is-disabled .el-textarea__inner,
   padding-bottom: 0;
   padding-left: eleVar('input-lg', 'padding-left');
   padding-right: eleVar('input-lg', 'padding-right');
+  gap: 0;
 }
 
 /* Textarea */

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

@@ -1,3 +1,4 @@
+import { StyleValue } from '../ele-app/types';
 import { AvatarItem, AvatarErrorOption } from './types';
 
 declare const _default: import('vue').DefineComponent<{
@@ -6,21 +7,21 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     maxCount: NumberConstructor;
-    shape: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number> | undefined>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    avatarStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    moreStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    shape: import('vue').PropType<import('../ele-app/el').ElAvatarProps["shape"]>;
+    size: import('vue').PropType<import('../ele-app/el').ElAvatarProps["size"]>;
+    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('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    overflowPopoverProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
     hoverOpen: BooleanConstructor;
 }, {
     tooltipContent: import('vue').Ref<string>;
@@ -45,21 +46,21 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     maxCount: NumberConstructor;
-    shape: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number> | undefined>;
-    itemStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    avatarStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    moreStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    shape: import('vue').PropType<import('../ele-app/el').ElAvatarProps["shape"]>;
+    size: import('vue').PropType<import('../ele-app/el').ElAvatarProps["size"]>;
+    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('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
-    overflowPopoverProps: import('vue').PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    overflowPopoverProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
     hoverOpen: BooleanConstructor;
 }>> & {
     onError?: ((_option: AvatarErrorOption) => any) | undefined;

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

@@ -1,4 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElAvatarProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { AvatarItem, AvatarErrorOption } from './types';
 
 /**
@@ -13,29 +16,29 @@ export declare const avatarGroupProps: {
     /** 最大显示个数 */
     maxCount: NumberConstructor;
     /** 形状 */
-    shape: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
+    shape: PropType<ElAvatarProps["shape"]>;
     /** 大小 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    size: PropType<ElAvatarProps["size"]>;
     /** 自定义样式 */
-    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
+    itemStyle: PropType<StyleValue>;
     /** 自定义头像样式 */
-    avatarStyle: PropType<Partial<import('vue').CSSProperties>>;
+    avatarStyle: PropType<StyleValue>;
     /** 自定义溢出样式 */
-    moreStyle: PropType<Partial<import('vue').CSSProperties>>;
+    moreStyle: PropType<StyleValue>;
     /** 是否显示提示 */
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
     /** 是否显示溢出气泡 */
     overflowPopover: {
         type: BooleanConstructor;
         default: boolean;
     };
     /** 溢出气泡属性 */
-    overflowPopoverProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    overflowPopoverProps: PropType<EleTooltipProps>;
     /** 是否鼠标移入展开 */
     hoverOpen: BooleanConstructor;
 };

package/lib/ele-basic-select/index.cjs

@@ -100,6 +100,11 @@ const _sfc_main = vue.defineComponent({
     const handleClear = () => {
       emit("clear");
     };
+    const handleInputClick = (e) => {
+      if (props2.automaticDropdown && props2.visible) {
+        e.stopPropagation();
+      }
+    };
     const handleInputFocus = (e) => {
       if (props2.automaticDropdown && !props2.visible) {
         updateVisible(true);
@@ -159,6 +164,7 @@ const _sfc_main = vue.defineComponent({
       updateVisible,
       handleTagClose,
       handleClear,
+      handleInputClick,
       handleInputFocus,
       handleInputBlur,
       handleInputEsc
@@ -172,10 +178,6 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-select-tags"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
@@ -239,6 +241,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           readonly: !_ctx.filterable || !_ctx.visible || _ctx.multiple,
           style: vue.normalizeStyle(_ctx.inputStyle),
           "onUpdate:modelValue": _ctx.updateInputValue,
+          onClick: _ctx.handleInputClick,
           onFocus: _ctx.handleInputFocus,
           onBlur: _ctx.handleInputBlur,
           onKeydown: vue.withKeys(_ctx.handleInputEsc, ["esc"])
@@ -274,8 +277,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onFocus", "onBlur", "onKeydown"]),
-        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onClick", "onFocus", "onBlur", "onKeydown"]),
+        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "ele-select-tags",
+          style: vue.normalizeStyle(_ctx.selectTagsStyle)
+        }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.currentTags, (item, index2) => {
             return vue.openBlock(), vue.createBlock(_component_ElTag, {
               key: index2 + "-" + item.value,
@@ -331,7 +338,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["size"])) : vue.createCommentVNode("", true)
-        ])) : vue.createCommentVNode("", true)
+        ], 4)) : vue.createCommentVNode("", true)
       ], 6)
     ]),
     _: 3

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

@@ -9,30 +9,31 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     selectedLabel: StringConstructor;
     selected: import('vue').PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>; /** 输入框组件 */
+    tagType: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     visible: BooleanConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
-    placement: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+    placement: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
     transition: {
-        type: StringConstructor; /** 是否未选中 */
+        type: StringConstructor;
         default: string;
     };
-    popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
     selectClass: StringConstructor;
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }, {
     tooltipRef: import('vue').Ref<EleTooltipInstance>;
     inputRef: import('vue').Ref<ElInputInstance>;
@@ -52,6 +53,7 @@ declare const _default: import('vue').DefineComponent<{
     updateVisible: (visible: boolean) => void;
     handleTagClose: (item: SelectedItem) => void;
     handleClear: () => void;
+    handleInputClick: (e: MouseEvent) => void;
     handleInputFocus: (e: FocusEvent) => void;
     handleInputBlur: (e: FocusEvent) => void;
     handleInputEsc: (e: FocusEvent) => void;
@@ -69,30 +71,31 @@ declare const _default: import('vue').DefineComponent<{
     };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     selectedLabel: StringConstructor;
     selected: import('vue').PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>; /** 输入框组件 */
+    tagType: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     visible: BooleanConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
-    placement: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+    placement: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
     transition: {
-        type: StringConstructor; /** 是否未选中 */
+        type: StringConstructor;
         default: string;
     };
-    popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
     popperClass: StringConstructor;
     popperWidth: (StringConstructor | NumberConstructor)[];
     selectClass: StringConstructor;
-    selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;

package/lib/ele-basic-select/props.cjs

@@ -56,7 +56,9 @@ const basicSelectProps = {
   /** 自定义样式 */
   selectStyle: Object,
   /** 自定义输入框样式 */
-  inputStyle: Object
+  inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object
 };
 const basicSelectEmits = {
   /** 更新下拉框显示状态 */