ele-admin-plus 1.1.6-beta.1 → 1.1.6-beta.3

package/lib/ele-edit-tag/style/index.scss

@@ -6,70 +6,96 @@
   .el-tag {
     margin: 0 8px 8px 0;
     vertical-align: top;
-    #{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');
-      }
-    }
   }
 
   /* 添加按钮 */
   .ele-edit-tag-add {
-    cursor: text;
     margin-right: 0;
-    border-style: dashed;
-    #{elVarName('tag', 'bg-color')}: none;
-    #{elVarName('tag', 'text-color')}: elVar('text-color', 'regular');
-    #{elVarName('tag', 'border-color')}: elVar('border-color');
-  }
 
-  .ele-edit-tag-add-icon {
-    color: #{elVar('text-color', 'secondary')};
-    font-size: elVar('icon-size');
-    cursor: inherit;
+    &.el-tag {
+      cursor: text;
+      border-style: dashed;
+      background: none;
+    }
+
+    .ele-edit-tag-add-icon {
+      width: 1em;
+      height: 1em;
+      border-radius: 0;
+      font-size: inherit;
+      cursor: inherit;
+    }
+
+    .el-tag__content {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
   }
 
   /* 输入框 */
   .ele-edit-tag-input {
+    margin-right: 0;
     width: 80px;
-    font-size: 12px;
-    margin-bottom: 8px;
-    vertical-align: top;
-    #{elVarName('input-height')}: 24px;
 
-    .el-input__wrapper {
-      padding-left: 8px;
-      padding-right: 8px;
+    &.el-tag {
+      padding: 0;
+      display: inline-block;
+      background: none;
+      border: none;
     }
 
-    &.is-error .el-input__wrapper {
-      box-shadow: 0 0 0 0.8px elVar('color-danger') inset;
+    & > .el-tag__content {
+      width: 100%;
+      height: 100%;
+      display: block;
+      font-size: inherit;
+      line-height: inherit;
+      border-radius: inherit;
     }
-  }
 
-  &.is-large .ele-edit-tag-input {
-    width: 100px;
-    font-size: 14px;
-    #{elVarName('input-height')}: 32px;
+    .el-input {
+      width: 100%;
+      height: 100%;
+      font-size: inherit;
+      border-radius: inherit;
 
-    .el-input__wrapper {
-      padding-left: 12px;
-      padding-right: 12px;
+      .el-input__wrapper {
+        height: 100%;
+        padding-left: 8px;
+        padding-right: 8px;
+        box-sizing: border-box;
+        border-radius: inherit;
+      }
+
+      .el-input__inner {
+        height: 100%;
+        line-height: inherit;
+      }
+    }
+
+    &.is-error .el-input .el-input__wrapper {
+      box-shadow: 0 0 0 0.8px elVar('color-danger') inset;
     }
   }
 
+  /* 小尺寸 */
   &.is-small .ele-edit-tag-input {
     width: 60px;
-    #{elVarName('input-height')}: 20px;
 
-    .el-input__wrapper {
+    .el-input .el-input__wrapper {
       padding-left: 4px;
       padding-right: 4px;
     }
   }
+
+  /* 大尺寸 */
+  &.is-large .ele-edit-tag-input {
+    width: 100px;
+
+    .el-input .el-input__wrapper {
+      padding-left: 12px;
+      padding-right: 12px;
+    }
+  }
 }

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

@@ -1,5 +1,4 @@
-import type { EleTextInstance } from '../ele-app/types/components';
-import type { TextProps } from '../ele-text/props';
+import type { EleTextProps, EleTextInstance } from '../ele-app/types';
 import type { EllipsisTooltip } from './types';
 declare const _default: import("vue").DefineComponent<{
     maxLine: NumberConstructor;
@@ -28,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     virtualRef: import("vue").Ref<HTMLElement | undefined>;
     tooltipProps: import("vue").ComputedRef<Partial<import("../ele-tooltip/props").TooltipProps>>;
     multiLine: import("vue").ComputedRef<boolean>;
-    textProps: import("vue").ComputedRef<Partial<TextProps>>;
+    textProps: import("vue").ComputedRef<EleTextProps>;
     rootStyle: import("vue").ComputedRef<Partial<import("vue").CSSProperties>>;
     onHover: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/ele-ellipsis/index.js

@@ -50,6 +50,27 @@ const _sfc_main = vue.defineComponent({
       }
       return style;
     });
+    const isOverflow = (el) => {
+      if (!el.childNodes.length) {
+        return false;
+      }
+      const range = document.createRange();
+      range.setStart(el, 0);
+      range.setEnd(el, el.childNodes.length);
+      const { width, height } = range.getBoundingClientRect();
+      const floorW = Math.floor(width);
+      const rangeWidth = width - floorW < 1e-3 ? floorW : width;
+      const floorH = Math.floor(height);
+      const rangeHeight = height - floorH < 1e-3 ? floorH : height;
+      const style = core.getCurrentStyle(el);
+      const top = Number.parseInt(style.paddingTop) || 0;
+      const left = Number.parseInt(style.paddingLeft) || 0;
+      const right = Number.parseInt(style.paddingRight) || 0;
+      const bottom = Number.parseInt(style.paddingBottom) || 0;
+      const horizontalPadding = left + right;
+      const verticalPadding = top + bottom;
+      return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
+    };
     const onHover = (e) => {
       if (!authenticated.value || !props2.tooltip) {
         virtualRef.value = void 0;
@@ -62,13 +83,13 @@ const _sfc_main = vue.defineComponent({
         }
       } else {
         if (target) {
-          const temp = target.innerText;
+          const temp = isOverflow(target) ? target.innerText : "";
           if (text.value !== temp) {
             text.value = temp;
           }
         }
       }
-      if (props2.tooltip === true || !props2.tooltip.original) {
+      if (text.value && (props2.tooltip === true || !props2.tooltip.original)) {
         if (virtualRef.value !== target) {
           virtualRef.value = target;
         }

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

@@ -1,4 +1,4 @@
-import type { EleTooltipProps } from '../../ele-app/types/components';
+import type { EleTooltipProps } from '../../ele-app/types';
 /**
  * 文字提示属性
  */

package/lib/ele-file-list/components/file-grid-item.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types/components';
+import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types';
 import type { DropdownItem } from '../../ele-dropdown/types';
 import type { IconItem, FileItem, ItemContextMenuOption, SelectionType } from '../types';
 declare const _default: import("vue").DefineComponent<{

package/lib/ele-file-list/components/file-grid-item.js

@@ -148,11 +148,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "ele-file-list-item-checkbox",
       onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.onCheckChange && _ctx.onCheckChange(...args), ["stop"]))
     }, _hoisted_5)) : vue.createCommentVNode("", true),
-    _ctx.contextMenus || _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_EleDropdown, vue.mergeProps({ key: 1 }, _ctx.contextMenuProps, {
+    _ctx.contextMenus || _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_EleDropdown, vue.mergeProps({
+      key: 1,
+      placement: "bottom-start",
+      popperClass: "ele-file-list-item-context"
+    }, _ctx.contextMenuProps, {
       ref: "dropdownRef",
       trigger: "click",
-      placement: "bottom-start",
-      popperClass: "ele-file-list-item-context",
       class: "ele-file-list-item-dropdown",
       items: _ctx.contextMenus,
       onCommand: _ctx.onItemContextMenu,

package/lib/ele-file-list/components/file-grid.d.ts

@@ -1,5 +1,5 @@
 import type { PropType, Ref } from 'vue';
-import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types/components';
+import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types';
 import type { GridItemInstance } from '../props';
 import type { IconItem, FileItem, ItemContextMenuOption, SelectionType, ContextMenus } from '../types';
 declare const _default: import("vue").DefineComponent<{
@@ -28,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     itemRefs: Ref<GridItemInstance[]>;
     headerText: import("vue").ComputedRef<string | undefined>;
+    getContextMenus: (item: FileItem) => import("../../ele-dropdown/types").DropdownItem[] | undefined;
     onCheckAllChange: () => void;
     onItemClick: (item: FileItem) => void;
     onItemCheckChange: (item: FileItem) => void;
@@ -63,11 +64,11 @@ declare const _default: import("vue").DefineComponent<{
     contextMenuProps: PropType<EleDropdownProps>;
 }>> & {
     onItemClick?: ((_item: FileItem) => any) | undefined;
-    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
+    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
 }, {
-    isCheckAll: boolean;
     isIndeterminate: boolean;
+    isCheckAll: boolean;
 }, {}>;
 export default _default;

package/lib/ele-file-list/components/file-grid.js

@@ -48,6 +48,12 @@ const _sfc_main = vue.defineComponent({
       }
       return void 0;
     });
+    const getContextMenus = (item) => {
+      if (typeof props.contextMenus === "function") {
+        return props.contextMenus(item);
+      }
+      return props.contextMenus;
+    };
     const onCheckAllChange = () => {
       emit("checkAllChange");
     };
@@ -72,6 +78,7 @@ const _sfc_main = vue.defineComponent({
     return {
       itemRefs,
       headerText,
+      getContextMenus,
       onCheckAllChange,
       onItemClick,
       onItemCheckChange,
@@ -122,7 +129,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           selections: _ctx.selections,
           current: _ctx.current,
           icons: _ctx.icons,
-          contextMenus: typeof _ctx.contextMenus === "function" ? _ctx.contextMenus(item) : _ctx.contextMenus,
+          contextMenus: _ctx.getContextMenus(item),
           contextMenuProps: _ctx.contextMenuProps,
           onClick: _ctx.onItemClick,
           onCheckChange: _ctx.onItemCheckChange,

package/lib/ele-file-list/components/file-table-item.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types/components';
+import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types';
 import type { DropdownItem } from '../../ele-dropdown/types';
 import type { IconItem, FileItem, ColumnItem, ItemContextMenuOption, SelectionType } from '../types';
 declare const _default: import("vue").DefineComponent<{

package/lib/ele-file-list/components/file-table-item.js

@@ -182,11 +182,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4);
       }), 128))
     ], 32),
-    _ctx.contextMenus || _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_EleDropdown, vue.mergeProps({ key: 0 }, _ctx.contextMenuProps, {
+    _ctx.contextMenus || _ctx.$slots.contextMenu ? (vue.openBlock(), vue.createBlock(_component_EleDropdown, vue.mergeProps({
+      key: 0,
+      placement: "bottom-start",
+      popperClass: "ele-file-list-item-context"
+    }, _ctx.contextMenuProps, {
       ref: "dropdownRef",
       trigger: "click",
-      placement: "bottom-start",
-      popperClass: "ele-file-list-item-context",
       class: "ele-file-list-item-dropdown",
       items: _ctx.contextMenus,
       onCommand: _ctx.onItemContextMenu,

package/lib/ele-file-list/components/file-table.d.ts

@@ -1,5 +1,5 @@
 import type { PropType, Ref } from 'vue';
-import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types/components';
+import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/types';
 import type { TableItemInstance } from '../props';
 import type { IconItem, FileItem, ColumnItem, ItemContextMenuOption, SelectionType, ContextMenus } from '../types';
 declare const _default: import("vue").DefineComponent<{
@@ -38,6 +38,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     itemRefs: Ref<TableItemInstance[]>;
     tableCols: import("vue").ComputedRef<ColumnItem[]>;
+    getContextMenus: (item: FileItem) => import("../../ele-dropdown/types").DropdownItem[] | undefined;
     onCheckAllChange: () => void;
     onItemClick: (item: FileItem) => void;
     onItemCheckChange: (item: FileItem) => void;
@@ -86,12 +87,12 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onSortChange?: ((_sort: string) => any) | undefined;
     onItemClick?: ((_item: FileItem) => any) | undefined;
-    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
+    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;
 }, {
     sortable: boolean;
-    isCheckAll: boolean;
     isIndeterminate: boolean;
+    isCheckAll: boolean;
 }, {}>;
 export default _default;

package/lib/ele-file-list/components/file-table.js

@@ -74,6 +74,12 @@ const _sfc_main = vue.defineComponent({
       ];
       return cols;
     });
+    const getContextMenus = (item) => {
+      if (typeof props.contextMenus === "function") {
+        return props.contextMenus(item);
+      }
+      return props.contextMenus;
+    };
     const onCheckAllChange = () => {
       emit("checkAllChange");
     };
@@ -107,6 +113,7 @@ const _sfc_main = vue.defineComponent({
     return {
       itemRefs,
       tableCols,
+      getContextMenus,
       onCheckAllChange,
       onItemClick,
       onItemCheckChange,
@@ -201,7 +208,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           current: _ctx.current,
           icons: _ctx.icons,
           columns: _ctx.tableCols,
-          contextMenus: typeof _ctx.contextMenus === "function" ? _ctx.contextMenus(item) : _ctx.contextMenus,
+          contextMenus: _ctx.getContextMenus(item),
           contextMenuProps: _ctx.contextMenuProps,
           onClick: _ctx.onItemClick,
           onCheckChange: _ctx.onItemCheckChange,

package/lib/ele-file-list/index.d.ts

@@ -20,13 +20,13 @@ declare const _default: import("vue").DefineComponent<{
         default: () => import("./types").IconItem[];
     };
     smallIcons: {
-        type: import("vue").PropType<import("./types").IconItem[]>;
+        type: import("vue").PropType<import("./types").IconItem[]>; /** 是否是全选 */
         default: () => import("./types").IconItem[];
     };
     columns: import("vue").PropType<import("./types").ColumnItem[]>;
     boxChoose: BooleanConstructor;
     contextMenus: import("vue").PropType<import("./types").ContextMenus>;
-    contextMenuProps: import("vue").PropType<import("../ele-app/types/components").EleDropdownProps>;
+    contextMenuProps: import("vue").PropType<import("../ele-app/types").EleDropdownProps>;
     locale: import("vue").PropType<Partial<FileListLocale>>;
 }, {
     lang: import("vue").ComputedRef<FileListLocale>;
@@ -65,20 +65,20 @@ declare const _default: import("vue").DefineComponent<{
         default: () => import("./types").IconItem[];
     };
     smallIcons: {
-        type: import("vue").PropType<import("./types").IconItem[]>;
+        type: import("vue").PropType<import("./types").IconItem[]>; /** 是否是全选 */
         default: () => import("./types").IconItem[];
     };
     columns: import("vue").PropType<import("./types").ColumnItem[]>;
     boxChoose: BooleanConstructor;
     contextMenus: import("vue").PropType<import("./types").ContextMenus>;
-    contextMenuProps: import("vue").PropType<import("../ele-app/types/components").EleDropdownProps>;
+    contextMenuProps: import("vue").PropType<import("../ele-app/types").EleDropdownProps>;
     locale: import("vue").PropType<Partial<FileListLocale>>;
 }>> & {
-    onItemClick?: ((_item: FileItem) => any) | undefined;
-    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onSortChange?: ((_sorter: SortValue) => any) | undefined;
+    onItemClick?: ((_item: FileItem) => any) | undefined;
     "onUpdate:selections"?: ((_selection?: FileItem[] | undefined) => any) | undefined;
     "onUpdate:current"?: ((_current?: FileItem | null | undefined) => any) | undefined;
+    onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
 }, {
     grid: boolean;
     sortable: boolean;

package/lib/ele-file-list/props.d.ts

@@ -1,5 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { EleDropdownProps } from '../ele-app/types/components';
+import type { EleDropdownProps } from '../ele-app/types';
 import type FileGridItem from "./components/file-grid-item";
 import type FileTableItem from "./components/file-table-item";
 import type { IconItem, FileItem, SortValue, ItemContextMenuOption, ColumnItem, SelectionType, ContextMenus, FileListLocale } from './types';

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

@@ -1,18 +1,17 @@
+import type { EleBasicSelectInstance } from '../ele-app/types';
+import type { IconItem } from './types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: StringConstructor;
     data: {
-        type: import("vue").PropType<string[] | import("./types").IconItem[]>;
+        type: import("vue").PropType<string[] | IconItem[]>;
         required: boolean;
     };
     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: {
-        type: StringConstructor;
-        default: string;
-    };
+    automaticDropdown: BooleanConstructor;
+    filterable: BooleanConstructor;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -21,11 +20,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    automaticDropdown: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
     };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
+    popperClass: StringConstructor;
     popperWidth: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -34,24 +38,17 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
-    popperClass: StringConstructor;
-    filterable: BooleanConstructor;
-    filterPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
     hideOnSingleTab: BooleanConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/types").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>; /** 清除 */
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     tabsStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 失去焦点事件 */
+    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -60,14 +57,25 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, {
-    visible: import("vue").Ref<boolean>;
-    popupClass: import("vue").ComputedRef<string>;
-    popupStyle: import("vue").ComputedRef<Partial<import("vue").CSSProperties> | undefined>;
-    updateVisible: (value: boolean) => void;
-    onClear: () => void;
-    onFocus: (e: FocusEvent) => void;
-    onBlur: (e: FocusEvent) => void;
-    onSelect: (value: string) => void;
+    selectRef: import("vue").Ref<EleBasicSelectInstance>;
+    selectVisible: import("vue").Ref<boolean>;
+    tabs: import("vue").Ref<string[]>;
+    tabActive: import("vue").Ref<number | undefined>;
+    menus: import("vue").Ref<string[]>;
+    menuActive: import("vue").Ref<number | undefined>;
+    icons: import("vue").Ref<string[]>;
+    tabBar: import("vue").ComputedRef<boolean>;
+    selectPopperClass: import("vue").ComputedRef<string>;
+    iconPopperStyle: import("vue").ComputedRef<Partial<import("vue").CSSProperties> | undefined>;
+    updatePopover: () => void;
+    updateVisible: (visible: boolean) => void;
+    onSelectClear: () => void;
+    onSelectFocus: (e: FocusEvent) => void;
+    onSelectBlur: (e: FocusEvent) => void;
+    onSelectFilter: (keywords: string) => void;
+    onTabClick: (index: number) => void;
+    onMenuClick: (index: number) => void;
+    onIconSelect: (icon: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value?: string | null | undefined) => boolean;
     change: (_value?: string | null | undefined) => boolean;
@@ -78,18 +86,15 @@ declare const _default: import("vue").DefineComponent<{
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: StringConstructor;
     data: {
-        type: import("vue").PropType<string[] | import("./types").IconItem[]>;
+        type: import("vue").PropType<string[] | IconItem[]>;
         required: boolean;
     };
     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: {
-        type: StringConstructor;
-        default: string;
-    };
+    automaticDropdown: BooleanConstructor;
+    filterable: BooleanConstructor;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -98,11 +103,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    automaticDropdown: BooleanConstructor;
     placement: {
-        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
+        default: string;
+    };
+    transition: {
+        type: StringConstructor;
         default: string;
     };
+    popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
+    popperClass: StringConstructor;
     popperWidth: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -111,24 +121,17 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
-    popperClass: StringConstructor;
-    filterable: BooleanConstructor;
-    filterPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
     hideOnSingleTab: BooleanConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/types").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
     };
-    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>; /** 清除 */
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     tabsStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     searchStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 失去焦点事件 */
+    menusStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -139,24 +142,23 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
-    onChange?: ((_value?: string | null | undefined) => any) | undefined;
-    onVisibleChange?: ((_visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
+    onChange?: ((_value?: string | null | undefined) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onVisibleChange?: ((_visible: boolean) => any) | undefined;
 }, {
-    placement: import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined;
+    placement: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined;
     disabled: boolean;
     teleported: boolean;
-    autocomplete: string;
     clearable: boolean;
     persistent: boolean;
+    transition: string;
     tooltip: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
-    popperWidth: string | number;
     filterable: boolean;
-    filterPlaceholder: string;
-    hideOnSingleTab: boolean;
+    popperWidth: string | number;
     popperHeight: string | number;
+    hideOnSingleTab: boolean;
 }, {}>;
 export default _default;