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

package/lib/ele-app/style/scrollbar/css-var.scss

@@ -0,0 +1,53 @@
+@use '../../../style/util.scss' as *;
+
+/* 滚动条主题变量 */
+@mixin set-scrollbar-var($var) {
+  @include set-ele-var('scrollbar', $var);
+}
+
+/* 滚动条样式 */
+@mixin scrollbar-style() {
+  ::-webkit-scrollbar {
+    width: eleVar('scrollbar', 'size');
+    height: eleVar('scrollbar', 'size');
+  }
+
+  ::-webkit-scrollbar-thumb {
+    border: eleVar('scrollbar', 'padding') solid transparent;
+    border-radius: eleVar('scrollbar', 'radius');
+    background-color: eleVar('scrollbar', 'color');
+    background-clip: padding-box;
+
+    &:hover {
+      background-color: eleVar('scrollbar', 'hover-color');
+    }
+  }
+
+  ::-webkit-scrollbar-track {
+    background: eleVar('scrollbar', 'bg');
+  }
+
+  ::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: eleVar('scrollbar', 'color') eleVar('scrollbar', 'bg');
+  }
+}
+
+/* 美化滚动条样式 */
+@mixin set-scrollbar-style($selector) {
+  @if $selector == '' {
+    @include scrollbar-style();
+  } @else if $selector == 'pc' {
+    @media (hover: hover) and (pointer: fine) {
+      @include scrollbar-style();
+    }
+  } @else if $selector != 'never' {
+    #{$selector} {
+      @include scrollbar-style();
+    }
+  }
+}

package/lib/ele-app/style/scrollbar/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");

package/lib/ele-app/style/{scrollbar.scss → scrollbar/index.scss}

@@ -1,5 +1,5 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
+@use '../../../style/themes/default.scss' as *;
+@use '../../../style/util.scss' as *;
 @use './css-var.scss' as *;
 
 :root {

package/lib/ele-app/types/components.d.ts

@@ -1,22 +1,41 @@
-import type { ComponentProps } from '../../ele-app/types';
-import type { TooltipProps } from '../../ele-tooltip/props';
-import type EleTooltip from "../../ele-tooltip/index";
-import type { PopoverProps } from '../../ele-popover/props';
-import type ElePopover from "../ele-popover/index";
-import type EleText from "../../ele-text/index";
+import type { ComponentProps } from './core';
+import type EleBasicSelect from "../../ele-basic-select/index";
+import { CropperProps } from '../../ele-cropper/props';
+import type { DataTableProps } from '../../ele-data-table/props';
+import type EleDataTable from '../../ele-data-table/index';
 import type { DropdownProps } from '../../ele-dropdown/props';
 import type EleDropdown from "../../ele-dropdown/index";
+import type { LoadingProps } from '../../ele-loading/props';
+import type { MenusProps } from '../../ele-menus/props';
+import type { MenuItem } from '../../ele-menus/types';
+import type { ModalProps } from '../../ele-modal/props';
+import type { PaginationProps } from '../../ele-pagination/props';
+import type { PopoverProps } from '../../ele-popover/props';
+import type ElePopover from "../../ele-popover/index";
+import type { ProTableProps } from '../../ele-pro-table/props';
+import type EleProTable from "../../ele-pro-table/index";
 import type EleTabs from "../../ele-tabs/index";
-import type EleProTable from "../ele-pro-table/index";
-import type EleBasicSelect from "../ele-basic-select/index";
-import type EleDataTable from '../../ele-data-table/index';
+import type { TextProps } from '../../ele-text/props';
+import type EleText from "../../ele-text/index";
+import type { ToolbarProps } from '../../ele-toolbar/props';
+import type { TooltipProps } from '../../ele-tooltip/props';
+import type EleTooltip from "../../ele-tooltip/index";
 import type EleVirtualTable from "../../ele-virtual-table/index";
-export type { ComponentProps };
 /**
  * 组件属性
  */
+export type EleCropperProps = ComponentProps<CropperProps>;
+export type EleDataTableProps = ComponentProps<DataTableProps>;
 export type EleDropdownProps = ComponentProps<DropdownProps>;
+export type EleLoadingProps = ComponentProps<LoadingProps>;
+export type EleMenusProps = ComponentProps<MenusProps>;
+export type EleMenuItemProps = Partial<MenuItem>;
+export type EleModalProps = ComponentProps<ModalProps>;
+export type ElePaginationProps = ComponentProps<PaginationProps>;
 export type ElePopoverProps = Partial<PopoverProps>;
+export type EleProTableProps = ComponentProps<ProTableProps>;
+export type EleTextProps = ComponentProps<TextProps>;
+export type EleToolbarProps = ComponentProps<ToolbarProps>;
 export type EleTooltipProps = Partial<TooltipProps>;
 /**
  * 组件实例

package/lib/ele-app/types/core.d.ts

@@ -0,0 +1,30 @@
+import type { CSSProperties, SetupContext } from 'vue';
+/**
+ * 样式值
+ */
+export type StyleValue = Partial<CSSProperties>;
+/**
+ * 样式多个值
+ */
+export type StyleValues = StyleValue | Array<StyleValue>;
+/**
+ * 类名值
+ */
+export type ClassValue = string | Record<string, boolean | undefined>;
+/**
+ * 类名多个值
+ */
+export type ClassValues = ClassValue | Array<ClassValue>;
+/**
+ * 组件属性
+ */
+export type ComponentProps<T> = Partial<T> & {
+    /** 类名 */
+    class?: ClassValues;
+    /** 样式 */
+    style?: StyleValues;
+};
+/**
+ * 组件事件触发器
+ */
+export type Emitter<T> = SetupContext<T>['emit'];

package/lib/ele-app/types/element.d.ts

@@ -0,0 +1,61 @@
+import type { 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, LinkProps, DialogProps, StepProps, TabsProps, TabPaneProps, TableProps, TableV2Props, ElPopper, ElPopover, ElTooltip, ElBreadcrumb, ElDrawer, ElInput, ElDropdown, ElMenu, ElSubMenu, ElDialog, ElTable, ElTableV2, ElTabs, ElImage, ElScrollbar, ElTreeV2 } 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';
+import type { TreeProps } from 'element-plus/es/components/tree-v2/src/types';
+import type { ComponentProps } from './core';
+/**
+ * 组件属性
+ */
+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 ElAvatarProps = ComponentProps<AvatarProps>;
+export type ElTooltipProps = Partial<TooltipProps>;
+export type ElPopoverProps = Partial<PopoverProps>;
+export type ElPopconfirmProps = Partial<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 ElLinkProps = ComponentProps<LinkProps>;
+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 ElTableV2Props = ComponentProps<TableV2Props>;
+export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
+export type ElTreeV2Props = ComponentProps<TreeProps>;
+/**
+ * 组件实例
+ */
+export type ElPopperInstance = InstanceType<typeof ElPopper> | null;
+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 ElTableV2Instance = InstanceType<typeof ElTableV2> | null;
+export type ElTabsInstance = InstanceType<typeof ElTabs> | null;
+export type ElImageInstance = InstanceType<typeof ElImage> | null;
+export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
+export type ElTreeV2Instance = InstanceType<typeof ElTreeV2> | null;

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

@@ -1,88 +1,3 @@
-import type { CSSProperties, ExtractPropTypes, SetupContext } 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, LinkProps, DialogProps, StepProps, TabsProps, TabPaneProps, TableProps, TableV2Props, ElPopper, ElPopover, ElTooltip, ElBreadcrumb, ElDrawer, ElInput, ElDropdown, ElMenu, ElSubMenu, ElDialog, ElTable, ElTableV2, 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';
-import type { TreeProps } from 'element-plus/es/components/tree-v2/src/types';
-/**
- * 样式值
- */
-export type StyleValue = Partial<CSSProperties>;
-/**
- * 样式多个值
- */
-export type StyleValues = StyleValue | Array<StyleValue>;
-/**
- * 类名值
- */
-export type ClassValue = string | Record<string, boolean | undefined>;
-/**
- * 类名多个值
- */
-export type ClassValues = ClassValue | Array<ClassValue>;
-/**
- * 组件属性
- */
-export type ComponentProps<T> = Partial<T> & {
-    /** 类名 */
-    class?: ClassValues;
-    /** 样式 */
-    style?: StyleValues;
-};
-/**
- * 组件事件触发器
- */
-export type Emitter<T> = SetupContext<T>['emit'];
-/**
- * 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 ElAvatarProps = ComponentProps<AvatarProps>;
-export type ElTooltipProps = Partial<TooltipProps>;
-export type ElPopoverProps = Partial<PopoverProps>;
-export type ElPopconfirmProps = Partial<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 ElLinkProps = ComponentProps<LinkProps>;
-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 ElTableV2Props = ComponentProps<TableV2Props>;
-export type ElColumnProps = Partial<ExtractPropTypes<typeof columnProps>>;
-export type ElTreeV2Props = ComponentProps<TreeProps>;
-/**
- * ElementPlus 组件实例
- */
-export type ElPopperInstance = InstanceType<typeof ElPopper> | null;
-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 ElTableV2Instance = InstanceType<typeof ElTableV2> | null;
-export type ElTabsInstance = InstanceType<typeof ElTabs> | null;
-export type ElImageInstance = InstanceType<typeof ElImage> | null;
-export type ElScrollbarInstance = InstanceType<typeof ElScrollbar> | null;
+export type * from './core';
+export type * from './element';
+export type * from './components';

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

@@ -5,8 +5,8 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
     };
     maxCount: NumberConstructor;
-    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>;
+    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], "" | "default" | "small" | "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>>;
@@ -37,15 +37,15 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     itemClick: (_item: AvatarItem) => boolean;
     moreClick: () => boolean;
-    error: (_option: AvatarErrorOption) => boolean;
+    error: (_option: AvatarErrorOption) => boolean; /** 是否显示更多 */
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: import("vue").PropType<AvatarItem[]>;
         required: boolean;
     };
     maxCount: NumberConstructor;
-    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>;
+    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], "" | "default" | "small" | "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>>;

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

@@ -12,9 +12,9 @@ export declare const avatarGroupProps: {
     /** 最大显示个数 */
     maxCount: NumberConstructor;
     /** 形状 */
-    shape: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
+    shape: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "circle" | "square", unknown> | undefined>;
     /** 大小 */
-    size: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
+    size: PropType<import("element-plus/es/utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number> | undefined>;
     /** 自定义样式 */
     itemStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 自定义头像样式 */

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

@@ -1,74 +1,95 @@
-import type { EleTooltipInstance } from '../ele-app/types/components';
+import type { ElInputInstance, EleTooltipInstance } from '../ele-app/types';
 import type { SelectedItem } from './types';
 declare const _default: import("vue").DefineComponent<{
-    value: import("vue").PropType<import("./types").SelectValue>;
+    value: {
+        type: import("vue").PropType<import("./types").SelectValue>;
+        default: () => null;
+    };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
-    name: StringConstructor;
-    autocomplete: StringConstructor;
-    selectedLabel: (StringConstructor | NumberConstructor)[];
+    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" | "danger", unknown> | undefined>;
+    automaticDropdown: BooleanConstructor; /** 输入框组件 */
+    filterable: BooleanConstructor;
     visible: BooleanConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
-    automaticDropdown: BooleanConstructor; /** 是否未选中 */
-    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<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
-    popperWidth: (StringConstructor | NumberConstructor)[];
+    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
+    popperWidth: (StringConstructor | NumberConstructor)[];
 }, {
     tooltipRef: import("vue").Ref<EleTooltipInstance>;
-    isDisabled: import("vue").ComputedRef<boolean>;
-    closeEnable: import("vue").ComputedRef<boolean>;
-    inputPlaceholder: import("vue").ComputedRef<string | undefined>;
+    inputRef: import("vue").Ref<ElInputInstance>;
+    searchRef: import("vue").Ref<ElInputInstance>;
+    inputValue: import("vue").Ref<string>;
+    searchValue: import("vue").Ref<string>;
+    isEmpty: import("vue").ComputedRef<boolean>;
+    inputPlaceholder: import("vue").ComputedRef<string>;
     isCollapse: import("vue").ComputedRef<boolean>;
-    currentValues: import("vue").ComputedRef<SelectedItem[]>;
-    omittedValues: import("vue").ComputedRef<SelectedItem[]>;
-    updateVisible: (visible: boolean) => void;
+    currentTags: import("vue").ComputedRef<SelectedItem[]>;
+    omittedTags: import("vue").ComputedRef<SelectedItem[]>;
+    omittedSize: import("vue").ComputedRef<number>;
     updatePopper: () => void;
+    focusSearchInput: () => void;
+    updateSearchValue: (modelValue: string) => void;
+    updateInputValue: (modelValue: string) => void;
+    updateVisible: (visible: boolean) => void;
     onTagClose: (item: SelectedItem) => void;
     onClear: () => void;
-    onFocus: (e: FocusEvent) => void;
-    onBlur: (e: FocusEvent) => void;
+    onInputFocus: (e: FocusEvent) => void;
+    onInputBlur: (e: FocusEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (_visible: boolean) => boolean;
     removeTag: (_item: SelectedItem) => boolean;
     clear: () => boolean;
     focus: (_e: FocusEvent) => boolean;
     blur: (_e: FocusEvent) => boolean;
+    filterChange: (_value: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: import("vue").PropType<import("./types").SelectValue>;
+    value: {
+        type: import("vue").PropType<import("./types").SelectValue>;
+        default: () => null;
+    };
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
-    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
+    size: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
-    name: StringConstructor;
-    autocomplete: StringConstructor;
-    selectedLabel: (StringConstructor | NumberConstructor)[];
+    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" | "danger", unknown> | undefined>;
+    automaticDropdown: BooleanConstructor; /** 输入框组件 */
+    filterable: BooleanConstructor;
     visible: BooleanConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
-    automaticDropdown: BooleanConstructor; /** 是否未选中 */
-    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<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
-    popperWidth: (StringConstructor | NumberConstructor)[];
+    placement: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
+    popperWidth: (StringConstructor | NumberConstructor)[];
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onFilterChange?: ((_value: string) => any) | undefined;
     onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
 }, {
     disabled: boolean;
@@ -76,7 +97,10 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     persistent: boolean;
     visible: boolean;
+    transition: string;
+    value: import("./types").SelectValue;
     multiple: boolean;
     automaticDropdown: boolean;
+    filterable: boolean;
 }, {}>;
 export default _default;