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

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

@@ -4,22 +4,32 @@ import type EleBasicSelect from '../ele-basic-select/index';
 import type EleBasicSelectView from '../ele-basic-select/components/select-view';
 import type { BreadcrumbProps } from '../ele-breadcrumb/props';
 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';
@@ -28,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';
@@ -36,14 +47,13 @@ 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';
-export type * from './plusx';
 
 /**
  * EleAdminLayout
@@ -75,9 +85,9 @@ export type EleBreadcrumbProps = ComponentProps<BreadcrumbProps>;
 export type EleCardProps = ComponentProps<CardProps>;
 
 /**
- * EleConfigProvider
+ * EleCronPanel
  */
-export type ReceiverViewInstance = InstanceType<typeof ReceiverView> | null;
+export type EleCronPanelInstance = InstanceType<typeof EleCronPanel> | null;
 
 /**
  * EleDataTable
@@ -89,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
  */
@@ -98,6 +112,8 @@ export type EleDropdownInstance = InstanceType<typeof EleDropdown> | null;
 
 export type EleDropdownProps = ComponentProps<DropdownProps>;
 
+export type EleDropdownPropsAndEmits = ComponentProps<DropdownPropsAndEmits>;
+
 /**
  * EleFileList
  */
@@ -125,11 +141,17 @@ export type EleMenuItemProps = Partial<MenuItem>;
 /**
  * EleModal
  */
+export type EleModalInstance = InstanceType<typeof EleModal> | null;
+
 export type EleModalProps = ComponentProps<ModalProps>;
 
+export type EleModalPropsAndEmits = ComponentProps<ModalPropsAndEmits>;
+
 /**
  * ElePage
  */
+export type ElePageInstance = InstanceType<typeof ElePage> | null;
+
 export type ElePageProps = ComponentProps<PageProps>;
 
 /**
@@ -144,6 +166,8 @@ export type ElePopconfirmInstance = InstanceType<typeof ElePopconfirm> | null;
 
 export type ElePopconfirmProps = Partial<PopconfirmProps>;
 
+export type ElePopconfirmPropsAndEmits = Partial<PopconfirmPropsAndEmits>;
+
 /**
  * ElePopover
  */
@@ -175,6 +199,11 @@ export type EleSplitPanelProps = ComponentProps<SplitPanelProps>;
  */
 export type EleTableProps = ComponentProps<TableProps>;
 
+/**
+ * EleTableSelect
+ */
+export type EleTableSelectInstance = InstanceType<typeof EleTableSelect> | null;
+
 /**
  * EleTabs
  */
@@ -206,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/es/ele-app/plusx.d.ts

@@ -1,40 +1,53 @@
-import { CropperProps } from '../ele-cropper/props';
-import { default as CropperPreview } from '../ele-cropper/components/cropper-preview';
-import { default as EleCrud } from '../ele-crud/index';
-import { CrudProps } from '../ele-crud/props';
-import { default as EleCrudBuilder } from '../ele-crud-builder/index';
-import { default as MapView } from '../ele-map-picker/components/map-view';
-import { default as EleProForm } from '../ele-pro-form/index';
-import { ProFormProps } from '../ele-pro-form/props';
-import { default as EleProFormBuilder } from '../ele-pro-form-builder/index';
-import { ProFormBuilderProps } from '../ele-pro-form-builder/props';
-import { ComponentProps } from './types';
+import type { CropperProps } from '../ele-cropper/props';
+import type CropperPreview from '../ele-cropper/components/cropper-preview';
+import type EleCrud from '../ele-crud/index';
+import type { CrudProps } from '../ele-crud/props';
+import type EleCrudBuilder from '../ele-crud-builder/index';
+import type MapView from '../ele-map-picker/components/map-view';
+import type EleProForm from '../ele-pro-form/index';
+import type { ProFormProps } from '../ele-pro-form/props';
+import type EleProFormBuilder from '../ele-pro-form-builder/index';
+import type { ProFormBuilderProps } from '../ele-pro-form-builder/props';
+import type { ComponentProps } from './types';
 
 /**
  * EleCropper
  */
 export type EleCropperProps = ComponentProps<CropperProps>;
-export type EleCropperPreviewInstance = InstanceType<typeof CropperPreview> | null;
+
+export type EleCropperPreviewInstance = InstanceType<
+  typeof CropperPreview
+> | null;
+
 /**
  * EleCrud
  */
 export type EleCrudInstance = InstanceType<typeof EleCrud> | null;
+
 export type EleCrudProps = ComponentProps<CrudProps>;
+
 /**
  * EleCrudBuilder
  */
 export type EleCrudBuilderInstance = InstanceType<typeof EleCrudBuilder> | null;
+
 /**
  * EleMapPicker
  */
 export type EleMapPickerViewInstance = InstanceType<typeof MapView> | null;
+
 /**
  * EleProForm
  */
 export type EleProFormInstance = InstanceType<typeof EleProForm> | null;
+
 export type EleProFormProps = ComponentProps<ProFormProps>;
+
 /**
  * EleProFormBuilder
  */
-export type EleProFormBuilderInstance = InstanceType<typeof EleProFormBuilder> | null;
+export type EleProFormBuilderInstance = InstanceType<
+  typeof EleProFormBuilder
+> | null;
+
 export type EleProFormBuilderProps = ComponentProps<ProFormBuilderProps>;

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

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

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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;