ele-admin-plus 1.4.1 → 1.5.0-beta.1

package/lib/ele-app/index.cjs

@@ -1,12 +1,81 @@
 "use strict";
 const vue = require("vue");
-const index = vue.defineComponent({
-  name: "EleApp",
-  setup(_props, { slots }) {
-    return () => {
-      var _a;
-      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+const EleModalRender = require("../ele-modal-render/index");
+const util = require("../ele-modal-render/util");
+const EleDropdown = require("../ele-dropdown/index");
+const util$1 = require("../ele-dropdown-provider/util");
+const ElePopconfirm = require("../ele-popconfirm/index");
+const util$2 = require("../ele-popconfirm-provider/util");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "EleApp" },
+  __name: "index",
+  setup(__props, { expose: __expose }) {
+    const {
+      modals,
+      openModal,
+      closeModal,
+      closeAllModal,
+      removeModal,
+      updateModalVisible,
+      updateModalProps
+    } = util.useModalRenderProvider();
+    const {
+      dropdownRef,
+      dropdownVirtualRef,
+      dropdownItems,
+      dropdownProps,
+      openDropdown
+    } = util$1.useDropdownProvider();
+    const {
+      popconfirmRef,
+      popconfirmVirtualRef,
+      popconfirmProps,
+      openPopconfirm
+    } = util$2.usePopconfirmProvider();
+    __expose({
+      // 弹窗操作
+      openModal,
+      closeModal,
+      closeAllModal,
+      updateModalProps,
+      // 下拉菜单操作
+      openDropdown,
+      // 气泡确认框操作
+      openPopconfirm
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.renderSlot(_ctx.$slots, "default"),
+        vue.createVNode(vue.unref(EleModalRender), {
+          modals: vue.unref(modals),
+          onRemoveItem: vue.unref(removeModal),
+          onUpdateItemVisible: vue.unref(updateModalVisible),
+          onUpdateItemProps: vue.unref(updateModalProps)
+        }, null, 8, ["modals", "onRemoveItem", "onUpdateItemVisible", "onUpdateItemProps"]),
+        vue.createVNode(EleDropdown, vue.mergeProps(vue.unref(dropdownProps), {
+          ref_key: "dropdownRef",
+          ref: dropdownRef,
+          triggerKeys: [],
+          persistent: false,
+          componentType: "pro",
+          virtualTriggering: true,
+          virtualRef: vue.unref(dropdownVirtualRef),
+          disabled: !vue.unref(dropdownItems).length,
+          items: vue.unref(dropdownItems)
+        }), null, 16, ["virtualRef", "disabled", "items"]),
+        vue.createVNode(ElePopconfirm, vue.mergeProps({
+          width: 200,
+          triggerKeys: [],
+          persistent: false,
+          placement: "top-end"
+        }, vue.unref(popconfirmProps), {
+          ref_key: "popconfirmRef",
+          ref: popconfirmRef,
+          virtualTriggering: true,
+          virtualRef: vue.unref(popconfirmVirtualRef)
+        }), null, 16, ["virtualRef"])
+      ], 64);
     };
   }
 });
-module.exports = index;
+module.exports = _sfc_main;

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

@@ -1,4 +1,18 @@
-declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    openModal: (option: import('../ele-modal-render/types').ModalItem) => import('../ele-modal-render/types').ModalItemId;
+    closeModal: (modalId?: import('../ele-modal-render/types').ModalItemId) => void;
+    closeAllModal: () => void;
+    updateModalProps: (modalId?: import('../ele-modal-render/types').ModalItemId, option?: Record<string, any>) => void;
+    openDropdown: (triggerEl: any, items?: import('../ele-dropdown/types').DropdownItem[], props?: import('./plus').EleDropdownPropsAndEmits) => void;
+    openPopconfirm: (triggerEl: any, props?: import('./plus').ElePopconfirmPropsAndEmits) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -7,21 +7,29 @@ import type { CardProps } from '../ele-card/props';
 import type EleCronPanel from '../ele-cron-panel/index';
 import type EleDataTable from '../ele-data-table/index';
 import type { DataTableProps } from '../ele-data-table/props';
-import type { DrawerProps } from '../ele-drawer/props';
+import type EleDrawer from '../ele-drawer/index';
+import type { DrawerProps, DrawerPropsAndEmits } from '../ele-drawer/props';
 import type EleDropdown from '../ele-dropdown/index';
-import type { DropdownProps } from '../ele-dropdown/props';
+import type {
+  DropdownProps,
+  DropdownPropsAndEmits
+} 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';
 import type { MenuItem } from '../ele-menus/types';
-import type { ModalProps } from '../ele-modal/props';
+import type EleModal from '../ele-modal/index';
+import type { ModalProps, ModalPropsAndEmits } from '../ele-modal/props';
 import type ElePage from '../ele-page/index';
 import type { PageProps } from '../ele-page/props';
 import type { PaginationProps } from '../ele-pagination/props';
 import type ElePopconfirm from '../ele-popconfirm/index';
-import type { PopconfirmProps } from '../ele-popconfirm/props';
+import type {
+  PopconfirmProps,
+  PopconfirmPropsAndEmits
+} from '../ele-popconfirm/props';
 import type ElePopover from '../ele-popover/index';
 import type { PopoverProps } from '../ele-popover/props';
 import type { PrinterProps } from '../ele-printer/props';
@@ -30,6 +38,7 @@ import type { ProTableProps } from '../ele-pro-table/props';
 import type EleSplitPanel from '../ele-split-panel/index';
 import type { SplitPanelProps } from '../ele-split-panel/props';
 import type { TableProps } from '../ele-table/props';
+import type EleTableSelect from '../ele-table-select/index';
 import type EleTabs from '../ele-tabs/index';
 import type EleText from '../ele-text/index';
 import type { TextProps } from '../ele-text/props';
@@ -38,10 +47,10 @@ 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 EleTreeSelect from '../ele-tree-select/index';
 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 ReceiverView from '../ele-config-provider/components/receiver-view';
 import type { MessageOptions } from '../utils/message';
 import type { MessageBoxOptions } from '../utils/message-box';
 import type { ComponentProps } from './types';
@@ -80,11 +89,6 @@ export type EleCardProps = ComponentProps<CardProps>;
  */
 export type EleCronPanelInstance = InstanceType<typeof EleCronPanel> | null;
 
-/**
- * EleConfigProvider
- */
-export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;
-
 /**
  * EleDataTable
  */
@@ -95,8 +99,12 @@ export type EleDataTableProps = ComponentProps<DataTableProps>;
 /**
  * EleDrawer
  */
+export type EleDrawerInstance = InstanceType<typeof EleDrawer> | null;
+
 export type EleDrawerProps = ComponentProps<DrawerProps>;
 
+export type EleDrawerPropsAndEmits = ComponentProps<DrawerPropsAndEmits>;
+
 /**
  * EleDropdown
  */
@@ -104,6 +112,8 @@ export type EleDropdownInstance = InstanceType<typeof EleDropdown> | null;
 
 export type EleDropdownProps = ComponentProps<DropdownProps>;
 
+export type EleDropdownPropsAndEmits = ComponentProps<DropdownPropsAndEmits>;
+
 /**
  * EleFileList
  */
@@ -131,8 +141,12 @@ export type EleMenuItemProps = Partial<MenuItem>;
 /**
  * EleModal
  */
+export type EleModalInstance = InstanceType<typeof EleModal> | null;
+
 export type EleModalProps = ComponentProps<ModalProps>;
 
+export type EleModalPropsAndEmits = ComponentProps<ModalPropsAndEmits>;
+
 /**
  * ElePage
  */
@@ -152,6 +166,8 @@ export type ElePopconfirmInstance = InstanceType<typeof ElePopconfirm> | null;
 
 export type ElePopconfirmProps = Partial<PopconfirmProps>;
 
+export type ElePopconfirmPropsAndEmits = Partial<PopconfirmPropsAndEmits>;
+
 /**
  * ElePopover
  */
@@ -183,6 +199,11 @@ export type EleSplitPanelProps = ComponentProps<SplitPanelProps>;
  */
 export type EleTableProps = ComponentProps<TableProps>;
 
+/**
+ * EleTableSelect
+ */
+export type EleTableSelectInstance = InstanceType<typeof EleTableSelect> | null;
+
 /**
  * EleTabs
  */
@@ -214,6 +235,11 @@ export type EleTooltipInstance = InstanceType<typeof EleTooltip> | null;
 
 export type EleTooltipProps = Partial<TooltipProps>;
 
+/**
+ * EleTreeSelect
+ */
+export type EleTreeSelectInstance = InstanceType<typeof EleTreeSelect> | null;
+
 /**
  * EleUploadList
  */

package/lib/ele-app/style/index.cjs

@@ -3,3 +3,6 @@ require("./overwrite/index");
 require("./scrollbar/index");
 require("./common/index");
 require("./message/index");
+require("../../ele-modal-render/style/index");
+require("../../ele-dropdown/style/index");
+require("../../ele-popconfirm/style/index");

package/lib/ele-app/style/message/index.scss

@@ -64,6 +64,9 @@
     box-shadow: eleVar('message', 'shadow');
     border-radius: eleVar('message', 'radius');
     background: elVar('color-primary', 'light-9');
+    background:
+      linear-gradient(transparent 0, #{elVar('color-primary', 'light-9')} 0),
+      eleVar('message', 'bg');
     border: 0 solid elVar('color-primary', 'light-8');
     z-index: calc(#{eleVar('message', 'index')} + 1);
     transition: (
@@ -116,6 +119,9 @@
 /* 情景色类型 */
 .ele-message.el-message--success > .el-message__icon {
   background: elVar('color-success', 'light-9');
+  background:
+    linear-gradient(transparent 0, #{elVar('color-success', 'light-9')} 0),
+    eleVar('message', 'bg');
   border-color: elVar('color-success', 'light-7');
 
   & > .ele-message-icon {
@@ -125,6 +131,9 @@
 
 .ele-message.el-message--warning > .el-message__icon {
   background: elVar('color-warning', 'light-9');
+  background:
+    linear-gradient(transparent 0, #{elVar('color-warning', 'light-9')} 0),
+    eleVar('message', 'bg');
   border-color: elVar('color-warning', 'light-7');
 
   & > .ele-message-icon {
@@ -134,6 +143,9 @@
 
 .ele-message.el-message--error > .el-message__icon {
   background: elVar('color-error', 'light-9');
+  background:
+    linear-gradient(transparent 0, #{elVar('color-error', 'light-9')} 0),
+    eleVar('message', 'bg');
   border-color: elVar('color-error', 'light-7');
 
   & > .ele-message-icon {

package/lib/ele-app/style/overwrite/color-picker/index.scss

@@ -2,8 +2,10 @@
 @use '../../../../style/util.scss' as *;
 
 /* ColorPicker */
-body .el-color-picker__panel {
+body .el-color-picker__panel,
+body .el-color-picker-panel {
   padding: 10px;
+  background: none;
 }
 
 .el-color-picker__panel {

package/lib/ele-app/style/overwrite/date-picker/index.scss

@@ -4,6 +4,10 @@
 
 @include set-el-date-picker-var($ele);
 
+.el-popper .el-picker-panel {
+  background: none;
+}
+
 /* DatePicker */
 .el-date-picker {
   // header
@@ -640,7 +644,7 @@
       left: eleVar('timepicker', 'line-margin');
       right: eleVar('timepicker', 'line-margin');
       height: calc(#{$h} + #{$s} * 2);
-      margin: calc(0px - #{$h} / 2 - #{$s}) 0 0 0;
+      margin: calc((#{$h} / 2 + #{$s}) * -1) 0 0 0;
       border-top: eleVar('timepicker', 'line');
       border-bottom: eleVar('timepicker', 'line');
       pointer-events: none;
@@ -856,7 +860,7 @@
 }
 
 /* 日期选择小屏幕自适应 */
-@media screen and (max-width: 768px) {
+@media screen and (max-width: #{$mobile-max-width}) {
   .el-date-range-picker {
     .el-picker-panel__body {
       flex-direction: column;

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

@@ -49,6 +49,7 @@ body .el-input-number:not(.is-disabled):hover .el-input .el-input__wrapper {
 .el-select .el-select__wrapper:not(.is-disabled).is-focused,
 .el-cascader .el-input.el-input--suffix .el-input__wrapper.is-focus,
 .el-cascader .el-input.el-input--suffix.is-focus .el-input__wrapper,
+.el-input.el-date-editor.is-focus .el-input__wrapper,
 .el-range-editor.el-input__wrapper.is-active:not(.is-disabled),
 body .el-input-number:not(.is-disabled) .el-input .el-input__wrapper.is-focus {
   border: eleVar('input', 'focus-border');
@@ -328,10 +329,13 @@ body .el-textarea .el-input__count {
   font-size: eleVar('input', 'count-size');
   background: eleVar('textarea', 'count-bg');
   padding: eleVar('textarea', 'count-padding');
+  border-radius: eleVar('textarea', 'count-radius');
+  backdrop-filter: eleVar('textarea', 'count-backdrop-filter');
   bottom: eleVar('textarea', 'count-bottom');
   right: eleVar('textarea', 'count-right');
   box-sizing: border-box;
   line-height: normal;
+  overflow: hidden;
 }
 
 .el-textarea.el-input--small .el-textarea__inner {

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

@@ -27,8 +27,8 @@ body .el-radio {
       $size: eleVar('radio', 'dot-size');
       width: $size;
       height: $size;
-      margin-top: calc(0px - (#{$size} / 2));
-      margin-left: calc(0px - (#{$size} / 2));
+      margin-top: calc(#{$size} / 2 * -1);
+      margin-left: calc(#{$size} / 2 * -1);
       background: eleVar('radio', 'dot-color');
       border-radius: eleVar('radio', 'dot-radius');
       transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
@@ -88,8 +88,8 @@ body .el-radio {
         $size: eleVar('radio', 'sm-dot-size');
         width: $size;
         height: $size;
-        margin-top: calc(0px - (#{$size} / 2));
-        margin-left: calc(0px - (#{$size} / 2));
+        margin-top: calc(#{$size} / 2 * -1);
+        margin-left: calc(#{$size} / 2 * -1);
         border-radius: eleVar('radio', 'sm-dot-radius');
       }
     }
@@ -110,8 +110,8 @@ body .el-radio {
         $size: eleVar('radio', 'lg-dot-size');
         width: $size;
         height: $size;
-        margin-top: calc(0px - (#{$size} / 2));
-        margin-left: calc(0px - (#{$size} / 2));
+        margin-top: calc(#{$size} / 2 * -1);
+        margin-left: calc(#{$size} / 2 * -1);
         border-radius: eleVar('radio', 'lg-dot-radius');
       }
     }

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

@@ -106,7 +106,7 @@
 
 .el-select .el-select__selection.is-near {
   gap: 0;
-  margin: 0 0 0 calc(0px - #{eleVar('input', 'padding-left', 12px)});
+  margin: 0 0 0 calc(#{eleVar('input', 'padding-left', 12px)} * -1);
   padding: 1px 0 1px 3px;
   box-sizing: border-box;
 }
@@ -142,7 +142,7 @@
 }
 
 .el-select--small .el-select__selection.is-near {
-  margin: 0 0 0 calc(0px - #{eleVar('input-sm', 'padding-left', 8px)});
+  margin: 0 0 0 calc(#{eleVar('input-sm', 'padding-left', 8px)} * -1);
   padding: 1px 0 1px 3px;
 }
 
@@ -174,7 +174,7 @@
 }
 
 .el-select--large .el-select__selection.is-near {
-  margin: 0 0 0 calc(0px - #{eleVar('input-lg', 'padding-left', 16px)});
+  margin: 0 0 0 calc(#{eleVar('input-lg', 'padding-left', 16px)} * -1);
 }
 
 .el-select--large .el-select__tags .el-select__input {

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

@@ -11,7 +11,14 @@ import type {
  * 只读属性改为可读
  */
 export type Mutable<T> = {
-  -readonly [P in keyof T]: T[P];
+  -readonly [P in keyof T]: Mutable<T[P]>;
+};
+
+/**
+ * 只读属性改为可读及非必须
+ */
+export type MutablePartial<T> = {
+  -readonly [P in keyof T]?: T[P];
 };
 
 /**
@@ -37,7 +44,7 @@ export type ClassValues = ClassValue | Array<ClassValue>;
 /**
  * 组件属性
  */
-export type ComponentProps<T> = Mutable<Partial<T>> & {
+export type ComponentProps<T> = MutablePartial<T> & {
   /** 类名 */
   class?: ClassValues;
   /** 样式 */

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

@@ -36,12 +36,38 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: "bottom-start";
     };
     popperClass: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    popperStyle: {
+        readonly type: import('vue').PropType<import('vue').StyleValue>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: "";
     };
     triggerOnFocus: {
         readonly type: import('vue').PropType<boolean>;
@@ -69,6 +95,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     highlightFirstItem: BooleanConstructor;
     fitInputWidth: BooleanConstructor;
+    loopNavigation: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
     inputmode: {
         readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
         readonly required: false;
@@ -129,7 +163,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: false;
     };
     autocomplete: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<AutoFill>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -162,6 +196,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    clearIcon: {
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     showPassword: BooleanConstructor;
     showWordLimit: BooleanConstructor;
     suffixIcon: {
@@ -223,10 +263,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     clear: () => void;
     focus: (evt: FocusEvent) => void;
     blur: (evt: FocusEvent) => void;
-    input: (value: string) => void;
+    input: (value: string | number) => void;
     select: (item: Record<string, any>) => void;
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
+    "update:modelValue": (value: string | number) => void;
+    change: (value: string | number) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     fetchSuggestions: import('vue').PropType<import('./types').AutocompleteDataItem[] | import('./types').AutocompleteDataFunction>;
     valueKey: {
@@ -262,12 +302,38 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: "bottom-start";
     };
     popperClass: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    popperStyle: {
+        readonly type: import('vue').PropType<import('vue').StyleValue>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: "";
     };
     triggerOnFocus: {
         readonly type: import('vue').PropType<boolean>;
@@ -295,6 +361,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     highlightFirstItem: BooleanConstructor;
     fitInputWidth: BooleanConstructor;
+    loopNavigation: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
     inputmode: {
         readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
         readonly required: false;
@@ -355,7 +429,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: false;
     };
     autocomplete: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<AutoFill>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -388,6 +462,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    clearIcon: {
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     showPassword: BooleanConstructor;
     showWordLimit: BooleanConstructor;
     suffixIcon: {
@@ -447,28 +527,28 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onClear?: (() => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onInput?: ((value: string) => any) | undefined;
+    onInput?: ((value: string | number) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onChange?: ((value: string | number) => any) | undefined;
 }>, {
     type: string;
     valueKey: string;
     modelValue: string | number;
     debounce: number;
     placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
-    popperClass: string;
     triggerOnFocus: boolean;
     selectWhenUnmatched: boolean;
     hideLoading: boolean;
     teleported: boolean;
     highlightFirstItem: boolean;
     fitInputWidth: boolean;
+    loopNavigation: boolean;
     inputmode: "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
     id: string;
     disabled: boolean;
     autosize: import('element-plus').InputAutoSize;
-    autocomplete: string;
+    autocomplete: AutoFill;
     readonly: boolean;
     clearable: boolean;
     showPassword: boolean;