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

package/es/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/es/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/es/ele-app/el.d.ts

@@ -40,6 +40,7 @@ import type {
   // ElImage
   ElImage,
   ImageProps,
+  ElImageViewer,
   // ElInput
   ElInput,
   InputProps,
@@ -190,6 +191,8 @@ export type ElImageInstance = InstanceType<typeof ElImage> | null;
 
 export type ElImageProps = ComponentProps<ImageProps>;
 
+export type ElImageViewerInstance = InstanceType<typeof ElImageViewer> | null;
+
 /**
  * ElInput
  */

package/es/ele-app/plus.d.ts

@@ -8,6 +8,8 @@ import type EleDataTable from '../ele-data-table/index';
 import type { DataTableProps } from '../ele-data-table/props';
 import type EleDropdown from '../ele-dropdown/index';
 import type { DropdownProps } from '../ele-dropdown/props';
+import type { FileListProps } from '../ele-file-list/props';
+import type { ImageViewerProps } from '../ele-image-viewer/props';
 import type { LoadingProps } from '../ele-loading/props';
 import type EleMenus from '../ele-menus/index';
 import type { MenusProps } from '../ele-menus/props';
@@ -28,6 +30,8 @@ import type { ToolProps } from '../ele-tool/props';
 import type { ToolbarProps } from '../ele-toolbar/props';
 import type EleTooltip from '../ele-tooltip/index';
 import type { TooltipProps } from '../ele-tooltip/props';
+import type EleUploadList from '../ele-upload-list/index';
+import type { UploadListProps } from '../ele-upload-list/props';
 import type EleVirtualTable from '../ele-virtual-table/index';
 import type { ComponentProps } from './types';
 
@@ -75,6 +79,16 @@ export type EleDropdownInstance = InstanceType<typeof EleDropdown> | null;
 
 export type EleDropdownProps = ComponentProps<DropdownProps>;
 
+/**
+ * EleFileList
+ */
+export type EleFileListProps = ComponentProps<FileListProps>;
+
+/**
+ * EleImageViewer
+ */
+export type EleImageViewerProps = ComponentProps<ImageViewerProps>;
+
 /**
  * EleLoading
  */
@@ -154,6 +168,13 @@ export type EleTooltipInstance = InstanceType<typeof EleTooltip> | null;
 
 export type EleTooltipProps = Partial<TooltipProps>;
 
+/**
+ * EleUploadList
+ */
+export type EleUploadListInstance = InstanceType<typeof EleUploadList> | null;
+
+export type EleUploadListProps = Partial<UploadListProps>;
+
 /**
  * EleVirtualTable
  */

package/es/ele-app/style/overwrite/css-var.scss

@@ -4,7 +4,6 @@
 @use './checkbox/css-var.scss' as *;
 @use './date-picker/css-var.scss' as *;
 @use './descriptions/css-var.scss' as *;
-@use './image-viewer/css-var.scss' as *;
 @use './input/css-var.scss' as *;
 @use './message-box/css-var.scss' as *;
 @use './notification/css-var.scss' as *;
@@ -22,7 +21,6 @@
   @include set-el-checkbox-var($var);
   @include set-el-date-picker-var($var);
   @include set-el-descriptions-var($var);
-  @include set-el-image-viewer-var($var);
   @include set-el-input-var($var);
   @include set-el-message-box-var($var);
   @include set-el-notification-var($var);

package/es/ele-app/style/overwrite/index.js

@@ -5,7 +5,6 @@ import "./checkbox/index";
 import "./color-picker/index";
 import "./date-picker/index";
 import "./descriptions/index";
-import "./image-viewer/index";
 import "./input/index";
 import "./message-box/index";
 import "./notification/index";

package/es/ele-app/style/overwrite/index.scss

@@ -5,7 +5,6 @@
 @use './color-picker/index.scss' as colorPicker;
 @use './date-picker/index.scss' as datePicker;
 @use './descriptions/index.scss' as descriptions;
-@use './image-viewer/index.scss' as imageViewer;
 @use './input/index.scss' as input;
 @use './message-box/index.scss' as messageBox;
 @use './notification/index.scss' as notification;

package/es/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/es/ele-app/style/scrollbar/css-var.scss

@@ -1,4 +1,6 @@
 @use '../../../style/util.scss' as *;
+// 美化滚动条样式针对谷歌选择器
+$scrollbar-webkit-selector: 'html.is-webkit' !default;
 
 /* 滚动条主题变量 */
 @mixin set-scrollbar-var($var) {
@@ -6,18 +8,18 @@
 }
 
 /* 滚动条样式 */
-@mixin scrollbar-style() {
-  * {
+@mixin scrollbar-style($selector: '') {
+  #{if($selector == '', '*', $selector)} {
     scrollbar-width: thin;
     scrollbar-color: eleVar('scrollbar', 'color') eleVar('scrollbar', 'bg');
   }
 
-  ::-webkit-scrollbar {
+  #{$selector}::-webkit-scrollbar {
     width: eleVar('scrollbar', 'size');
     height: eleVar('scrollbar', 'size');
   }
 
-  ::-webkit-scrollbar-thumb {
+  #{$selector}::-webkit-scrollbar-thumb {
     border: eleVar('scrollbar', 'padding') solid transparent;
     border-radius: eleVar('scrollbar', 'radius');
     background-color: eleVar('scrollbar', 'color');
@@ -28,11 +30,11 @@
     }
   }
 
-  ::-webkit-scrollbar-track {
+  #{$selector}::-webkit-scrollbar-track {
     background: eleVar('scrollbar', 'bg');
   }
 
-  ::-webkit-scrollbar-corner {
+  #{$selector}::-webkit-scrollbar-corner {
     background: transparent;
   }
 }
@@ -42,8 +44,8 @@
   @if $selector == '' {
     @include scrollbar-style();
 
-    html.is-webkit,
-    html.is-webkit * {
+    #{$scrollbar-webkit-selector},
+    #{$scrollbar-webkit-selector} * {
       scrollbar-width: auto;
       scrollbar-color: auto;
     }
@@ -51,20 +53,19 @@
     @media (hover: hover) and (pointer: fine) {
       @include scrollbar-style();
 
-      html.is-webkit,
-      html.is-webkit * {
+      #{$scrollbar-webkit-selector},
+      #{$scrollbar-webkit-selector} * {
         scrollbar-width: auto;
         scrollbar-color: auto;
       }
     }
   } @else if $selector != 'never' {
-    #{$selector} {
-      @include scrollbar-style();
+    @include scrollbar-style($selector);
 
-      &.is-webkit * {
-        scrollbar-width: auto;
-        scrollbar-color: auto;
-      }
+    #{$scrollbar-webkit-selector}#{$selector},
+    #{$scrollbar-webkit-selector} #{$selector} {
+      scrollbar-width: auto;
+      scrollbar-color: auto;
     }
   }
 }

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

@@ -1,5 +1,12 @@
 import type { CSSProperties, Component, SetupContext } from 'vue';
 
+/**
+ * 只读属性改为可读
+ */
+export type Mutable<T> = {
+  -readonly [P in keyof T]: T[P];
+};
+
 /**
  * 样式值
  */
@@ -23,7 +30,7 @@ export type ClassValues = ClassValue | Array<ClassValue>;
 /**
  * 组件属性
  */
-export type ComponentProps<T> = Partial<T> & {
+export type ComponentProps<T> = Mutable<Partial<T>> & {
   /** 类名 */
   class?: ClassValues;
   /** 样式 */

package/es/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/es/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/es/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;
@@ -106,10 +109,10 @@ declare const _default: import('vue').DefineComponent<{
     clearable: boolean;
     disabled: boolean;
     filterable: boolean;
-    multiple: boolean;
+    persistent: boolean;
     visible: boolean;
     transition: string;
-    persistent: boolean;
+    multiple: boolean;
     automaticDropdown: boolean;
 }, {}>;
 export default _default;

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

@@ -99,6 +99,11 @@ const _sfc_main = defineComponent({
     const handleClear = () => {
       emit("clear");
     };
+    const handleInputClick = (e) => {
+      if (props.automaticDropdown && props.visible) {
+        e.stopPropagation();
+      }
+    };
     const handleInputFocus = (e) => {
       if (props.automaticDropdown && !props.visible) {
         updateVisible(true);
@@ -158,6 +163,7 @@ const _sfc_main = defineComponent({
       updateVisible,
       handleTagClose,
       handleClear,
+      handleInputClick,
       handleInputFocus,
       handleInputBlur,
       handleInputEsc
@@ -171,10 +177,6 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-select-tags"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
   const _component_ElIcon = resolveComponent("ElIcon");
@@ -238,6 +240,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           readonly: !_ctx.filterable || !_ctx.visible || _ctx.multiple,
           style: normalizeStyle(_ctx.inputStyle),
           "onUpdate:modelValue": _ctx.updateInputValue,
+          onClick: _ctx.handleInputClick,
           onFocus: _ctx.handleInputFocus,
           onBlur: _ctx.handleInputBlur,
           onKeydown: withKeys(_ctx.handleInputEsc, ["esc"])
@@ -273,8 +276,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 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onClick", "onFocus", "onBlur", "onKeydown"]),
+        _ctx.multiple ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "ele-select-tags",
+          style: normalizeStyle(_ctx.selectTagsStyle)
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.currentTags, (item, index2) => {
             return openBlock(), createBlock(_component_ElTag, {
               key: index2 + "-" + item.value,
@@ -330,7 +337,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["size"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
+        ], 4)) : createCommentVNode("", true)
       ], 6)
     ]),
     _: 3

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

@@ -1,4 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElInputProps, ElTagProps } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { SelectValue, SelectedItem } from './types';
 
 /**
@@ -15,7 +18,7 @@ export declare const basicSelectProps: {
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: PropType<ElInputProps["size"]>;
     /** 是否支持清除 */
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
@@ -29,7 +32,7 @@ export declare const basicSelectProps: {
     /** 多选标签最大显示文本长度 */
     maxTagTextLength: NumberConstructor;
     /** 多选标签类型 */
-    tagType: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+    tagType: PropType<ElTagProps["type"]>;
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
@@ -41,14 +44,14 @@ export declare const basicSelectProps: {
     /** 始终渲染下拉框 */
     persistent: BooleanConstructor;
     /** 下拉框位置 */
-    placement: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
+    placement: PropType<EleTooltipProps["placement"]>;
     /** 下拉框渐变动画 */
     transition: {
         type: StringConstructor;
         default: string;
     };
     /** popper.js 参数 */
-    popperOptions: PropType<Partial<import('element-plus').Options> | undefined>;
+    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
@@ -56,9 +59,11 @@ export declare const basicSelectProps: {
     /** 自定义类名 */
     selectClass: StringConstructor;
     /** 自定义样式 */
-    selectStyle: PropType<Partial<import('vue').CSSProperties>>;
+    selectStyle: PropType<StyleValue>;
     /** 自定义输入框样式 */
-    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
 };
 export type BasicSelectProps = ExtractPropTypes<typeof basicSelectProps>;
 /**

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

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

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

@@ -13,3 +13,9 @@ export declare function isEmptyValue(value?: SelectValue, multiple?: boolean): b
  * @param multiple 是否多选
  */
 export declare function valueIsChanged(value1: SelectValue, value2: SelectValue, multiple?: boolean): boolean;
+/**
+ * 触发表单验证
+ */
+export declare function useFormValidate(): {
+    validateChange: () => void;
+};