element-pe 2.2.94 → 2.2.96

package/es/component.mjs

@@ -70,6 +70,7 @@ import { ElTree } from './components/tree/index.mjs';
 import { ElTreeSelect } from './components/tree-select/index.mjs';
 import { ElTreeV2 } from './components/tree-v2/index.mjs';
 import { ElUpload } from './components/upload/index.mjs';
+import { ElWatermark } from './components/watermark/index.mjs';
 
 var Components = [
   ElAffix,
@@ -170,7 +171,8 @@ var Components = [
   ElTree,
   ElTreeSelect,
   ElTreeV2,
-  ElUpload
+  ElUpload,
+  ElWatermark
 ];
 
 export { Components as default };

package/es/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../../packages/element-plus/component.ts"],"sourcesContent":["import { ElAffix } from '@element-plus/components/affix'\nimport { ElAlert } from '@element-plus/components/alert'\nimport { ElAutocomplete } from '@element-plus/components/autocomplete'\nimport { ElAvatar } from '@element-plus/components/avatar'\nimport { ElBacktop } from '@element-plus/components/backtop'\nimport { ElBadge } from '@element-plus/components/badge'\nimport {\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n} from '@element-plus/components/breadcrumb'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { ElCalendar } from '@element-plus/components/calendar'\nimport { ElCard } from '@element-plus/components/card'\nimport { ElCarousel, ElCarouselItem } from '@element-plus/components/carousel'\nimport { ElCascader } from '@element-plus/components/cascader'\nimport { ElCascaderPanel } from '@element-plus/components/cascader-panel'\nimport { ElCheckTag } from '@element-plus/components/check-tag'\nimport {\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n} from '@element-plus/components/checkbox'\nimport { ElCol } from '@element-plus/components/col'\nimport { ElCollapse, ElCollapseItem } from '@element-plus/components/collapse'\nimport { ElCollapseTransition } from '@element-plus/components/collapse-transition'\nimport { ElColorPicker } from '@element-plus/components/color-picker'\nimport { ElConfigProvider } from '@element-plus/components/config-provider'\nimport {\n  ElAside,\n  ElContainer,\n  ElFooter,\n  ElHeader,\n  ElMain,\n} from '@element-plus/components/container'\nimport { ElDatePicker } from '@element-plus/components/date-picker'\nimport {\n  ElDescriptions,\n  ElDescriptionsItem,\n} from '@element-plus/components/descriptions'\nimport { ElDialog } from '@element-plus/components/dialog'\nimport { ElDivider } from '@element-plus/components/divider'\nimport { ElDrawer } from '@element-plus/components/drawer'\nimport {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n} from '@element-plus/components/dropdown'\nimport { ElEmpty } from '@element-plus/components/empty'\nimport { ElForm, ElFormItem } from '@element-plus/components/form'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElImage } from '@element-plus/components/image'\nimport { ElImageViewer } from '@element-plus/components/image-viewer'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElInputNumber } from '@element-plus/components/input-number'\nimport { ElLink } from '@element-plus/components/link'\nimport {\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElSubMenu,\n} from '@element-plus/components/menu'\nimport { ElPageHeader } from '@element-plus/components/page-header'\nimport { ElPagination } from '@element-plus/components/pagination'\nimport { ElPopconfirm } from '@element-plus/components/popconfirm'\nimport { ElPopover } from '@element-plus/components/popover'\nimport { ElPopper } from '@element-plus/components/popper'\nimport { ElProgress } from '@element-plus/components/progress'\nimport {\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n} from '@element-plus/components/radio'\nimport { ElRate } from '@element-plus/components/rate'\nimport { ElResult } from '@element-plus/components/result'\nimport { ElRow } from '@element-plus/components/row'\nimport { ElScrollbar } from '@element-plus/components/scrollbar'\nimport {\n  ElOption,\n  ElOptionGroup,\n  ElSelect,\n} from '@element-plus/components/select'\nimport { ElSelectV2 } from '@element-plus/components/select-v2'\nimport { ElSkeleton, ElSkeletonItem } from '@element-plus/components/skeleton'\nimport { ElSlider } from '@element-plus/components/slider'\nimport { ElSpace } from '@element-plus/components/space'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { ElCountdown } from '@element-plus/components/countdown'\nimport { ElStep, ElSteps } from '@element-plus/components/steps'\nimport { ElSwitch } from '@element-plus/components/switch'\nimport { ElTable, ElTableColumn } from '@element-plus/components/table'\nimport { ElAutoResizer, ElTableV2 } from '@element-plus/components/table-v2'\nimport { ElTabPane, ElTabs } from '@element-plus/components/tabs'\nimport { ElTag } from '@element-plus/components/tag'\nimport { ElText } from '@element-plus/components/text'\nimport { ElResizableColumns } from '@element-plus/components/resizable-columns'\nimport { ElTimePicker } from '@element-plus/components/time-picker'\nimport { ElTimeSelect } from '@element-plus/components/time-select'\nimport { ElTimeline, ElTimelineItem } from '@element-plus/components/timeline'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElTooltipV2 } from '@element-plus/components/tooltip-v2'\nimport { ElTransfer } from '@element-plus/components/transfer'\nimport { ElTree } from '@element-plus/components/tree'\nimport { ElTreeSelect } from '@element-plus/components/tree-select'\nimport { ElTreeV2 } from '@element-plus/components/tree-v2'\nimport { ElUpload } from '@element-plus/components/upload'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  ElAffix,\n  ElAlert,\n  ElAutocomplete,\n  ElAutoResizer,\n  ElAvatar,\n  ElBacktop,\n  ElBadge,\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n  ElButton,\n  ElButtonGroup,\n  ElCalendar,\n  ElCard,\n  ElCarousel,\n  ElCarouselItem,\n  ElCascader,\n  ElCascaderPanel,\n  ElCheckTag,\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n  ElCol,\n  ElCollapse,\n  ElCollapseItem,\n  ElCollapseTransition,\n  ElColorPicker,\n  ElConfigProvider,\n  ElContainer,\n  ElAside,\n  ElFooter,\n  ElHeader,\n  ElMain,\n  ElDatePicker,\n  ElDescriptions,\n  ElDescriptionsItem,\n  ElDialog,\n  ElDivider,\n  ElDrawer,\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n  ElEmpty,\n  ElForm,\n  ElFormItem,\n  ElIcon,\n  ElImage,\n  ElImageViewer,\n  ElInput,\n  ElInputNumber,\n  ElLink,\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElSubMenu,\n  ElPageHeader,\n  ElPagination,\n  ElPopconfirm,\n  ElPopover,\n  ElPopper,\n  ElProgress,\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n  ElRate,\n  ElResult,\n  ElRow,\n  ElScrollbar,\n  ElSelect,\n  ElOption,\n  ElOptionGroup,\n  ElSelectV2,\n  ElSkeleton,\n  ElSkeletonItem,\n  ElSlider,\n  ElSpace,\n  ElStatistic,\n  ElCountdown,\n  ElSteps,\n  ElStep,\n  ElSwitch,\n  ElTable,\n  ElTableColumn,\n  ElTableV2,\n  ElTabs,\n  ElTabPane,\n  ElTag,\n  ElText,\n  ElResizableColumns,\n  ElTimePicker,\n  ElTimeSelect,\n  ElTimeline,\n  ElTimelineItem,\n  ElTooltip,\n  ElTooltipV2,\n  ElTransfer,\n  ElTree,\n  ElTreeSelect,\n  ElTreeV2,\n  ElUpload,\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyGA,iBAAe;AACf,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,cAAc;AAChB,EAAE,aAAa;AACf,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,UAAU;AACZ,EAAE,eAAe;AACjB,EAAE,UAAU;AACZ,EAAE,UAAU;AACZ,EAAE,gBAAgB;AAClB,EAAE,eAAe;AACjB,EAAE,KAAK;AACP,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,oBAAoB;AACtB,EAAE,aAAa;AACf,EAAE,gBAAgB;AAClB,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,YAAY;AACd,EAAE,cAAc;AAChB,EAAE,kBAAkB;AACpB,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,cAAc;AAChB,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,eAAe;AACjB,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,YAAY;AACd,EAAE,YAAY;AACd,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,YAAY;AACd,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,UAAU;AACZ,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,kBAAkB;AACpB,EAAE,YAAY;AACd,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,SAAS;AACX,EAAE,WAAW;AACb,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,CAAC;;;;"}
+{"version":3,"file":"component.mjs","sources":["../../../packages/element-plus/component.ts"],"sourcesContent":["import { ElAffix } from '@element-plus/components/affix'\nimport { ElAlert } from '@element-plus/components/alert'\nimport { ElAutocomplete } from '@element-plus/components/autocomplete'\nimport { ElAvatar } from '@element-plus/components/avatar'\nimport { ElBacktop } from '@element-plus/components/backtop'\nimport { ElBadge } from '@element-plus/components/badge'\nimport {\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n} from '@element-plus/components/breadcrumb'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { ElCalendar } from '@element-plus/components/calendar'\nimport { ElCard } from '@element-plus/components/card'\nimport { ElCarousel, ElCarouselItem } from '@element-plus/components/carousel'\nimport { ElCascader } from '@element-plus/components/cascader'\nimport { ElCascaderPanel } from '@element-plus/components/cascader-panel'\nimport { ElCheckTag } from '@element-plus/components/check-tag'\nimport {\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n} from '@element-plus/components/checkbox'\nimport { ElCol } from '@element-plus/components/col'\nimport { ElCollapse, ElCollapseItem } from '@element-plus/components/collapse'\nimport { ElCollapseTransition } from '@element-plus/components/collapse-transition'\nimport { ElColorPicker } from '@element-plus/components/color-picker'\nimport { ElConfigProvider } from '@element-plus/components/config-provider'\nimport {\n  ElAside,\n  ElContainer,\n  ElFooter,\n  ElHeader,\n  ElMain,\n} from '@element-plus/components/container'\nimport { ElDatePicker } from '@element-plus/components/date-picker'\nimport {\n  ElDescriptions,\n  ElDescriptionsItem,\n} from '@element-plus/components/descriptions'\nimport { ElDialog } from '@element-plus/components/dialog'\nimport { ElDivider } from '@element-plus/components/divider'\nimport { ElDrawer } from '@element-plus/components/drawer'\nimport {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n} from '@element-plus/components/dropdown'\nimport { ElEmpty } from '@element-plus/components/empty'\nimport { ElForm, ElFormItem } from '@element-plus/components/form'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElImage } from '@element-plus/components/image'\nimport { ElImageViewer } from '@element-plus/components/image-viewer'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElInputNumber } from '@element-plus/components/input-number'\nimport { ElLink } from '@element-plus/components/link'\nimport {\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElSubMenu,\n} from '@element-plus/components/menu'\nimport { ElPageHeader } from '@element-plus/components/page-header'\nimport { ElPagination } from '@element-plus/components/pagination'\nimport { ElPopconfirm } from '@element-plus/components/popconfirm'\nimport { ElPopover } from '@element-plus/components/popover'\nimport { ElPopper } from '@element-plus/components/popper'\nimport { ElProgress } from '@element-plus/components/progress'\nimport {\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n} from '@element-plus/components/radio'\nimport { ElRate } from '@element-plus/components/rate'\nimport { ElResult } from '@element-plus/components/result'\nimport { ElRow } from '@element-plus/components/row'\nimport { ElScrollbar } from '@element-plus/components/scrollbar'\nimport {\n  ElOption,\n  ElOptionGroup,\n  ElSelect,\n} from '@element-plus/components/select'\nimport { ElSelectV2 } from '@element-plus/components/select-v2'\nimport { ElSkeleton, ElSkeletonItem } from '@element-plus/components/skeleton'\nimport { ElSlider } from '@element-plus/components/slider'\nimport { ElSpace } from '@element-plus/components/space'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { ElCountdown } from '@element-plus/components/countdown'\nimport { ElStep, ElSteps } from '@element-plus/components/steps'\nimport { ElSwitch } from '@element-plus/components/switch'\nimport { ElTable, ElTableColumn } from '@element-plus/components/table'\nimport { ElAutoResizer, ElTableV2 } from '@element-plus/components/table-v2'\nimport { ElTabPane, ElTabs } from '@element-plus/components/tabs'\nimport { ElTag } from '@element-plus/components/tag'\nimport { ElText } from '@element-plus/components/text'\nimport { ElResizableColumns } from '@element-plus/components/resizable-columns'\nimport { ElTimePicker } from '@element-plus/components/time-picker'\nimport { ElTimeSelect } from '@element-plus/components/time-select'\nimport { ElTimeline, ElTimelineItem } from '@element-plus/components/timeline'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElTooltipV2 } from '@element-plus/components/tooltip-v2'\nimport { ElTransfer } from '@element-plus/components/transfer'\nimport { ElTree } from '@element-plus/components/tree'\nimport { ElTreeSelect } from '@element-plus/components/tree-select'\nimport { ElTreeV2 } from '@element-plus/components/tree-v2'\nimport { ElUpload } from '@element-plus/components/upload'\nimport { ElWatermark } from '@element-plus/components/watermark'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  ElAffix,\n  ElAlert,\n  ElAutocomplete,\n  ElAutoResizer,\n  ElAvatar,\n  ElBacktop,\n  ElBadge,\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n  ElButton,\n  ElButtonGroup,\n  ElCalendar,\n  ElCard,\n  ElCarousel,\n  ElCarouselItem,\n  ElCascader,\n  ElCascaderPanel,\n  ElCheckTag,\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n  ElCol,\n  ElCollapse,\n  ElCollapseItem,\n  ElCollapseTransition,\n  ElColorPicker,\n  ElConfigProvider,\n  ElContainer,\n  ElAside,\n  ElFooter,\n  ElHeader,\n  ElMain,\n  ElDatePicker,\n  ElDescriptions,\n  ElDescriptionsItem,\n  ElDialog,\n  ElDivider,\n  ElDrawer,\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n  ElEmpty,\n  ElForm,\n  ElFormItem,\n  ElIcon,\n  ElImage,\n  ElImageViewer,\n  ElInput,\n  ElInputNumber,\n  ElLink,\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElSubMenu,\n  ElPageHeader,\n  ElPagination,\n  ElPopconfirm,\n  ElPopover,\n  ElPopper,\n  ElProgress,\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n  ElRate,\n  ElResult,\n  ElRow,\n  ElScrollbar,\n  ElSelect,\n  ElOption,\n  ElOptionGroup,\n  ElSelectV2,\n  ElSkeleton,\n  ElSkeletonItem,\n  ElSlider,\n  ElSpace,\n  ElStatistic,\n  ElCountdown,\n  ElSteps,\n  ElStep,\n  ElSwitch,\n  ElTable,\n  ElTableColumn,\n  ElTableV2,\n  ElTabs,\n  ElTabPane,\n  ElTag,\n  ElText,\n  ElResizableColumns,\n  ElTimePicker,\n  ElTimeSelect,\n  ElTimeline,\n  ElTimelineItem,\n  ElTooltip,\n  ElTooltipV2,\n  ElTransfer,\n  ElTree,\n  ElTreeSelect,\n  ElTreeV2,\n  ElUpload,\n  ElWatermark,\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GA,iBAAe;AACf,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,cAAc;AAChB,EAAE,aAAa;AACf,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,UAAU;AACZ,EAAE,eAAe;AACjB,EAAE,UAAU;AACZ,EAAE,UAAU;AACZ,EAAE,gBAAgB;AAClB,EAAE,eAAe;AACjB,EAAE,KAAK;AACP,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,oBAAoB;AACtB,EAAE,aAAa;AACf,EAAE,gBAAgB;AAClB,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,YAAY;AACd,EAAE,cAAc;AAChB,EAAE,kBAAkB;AACpB,EAAE,QAAQ;AACV,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,cAAc;AAChB,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,eAAe;AACjB,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,YAAY;AACd,EAAE,YAAY;AACd,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,YAAY;AACd,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,WAAW;AACb,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,UAAU;AACZ,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,OAAO;AACT,EAAE,aAAa;AACf,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,kBAAkB;AACpB,EAAE,YAAY;AACd,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,SAAS;AACX,EAAE,WAAW;AACb,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,WAAW;AACb,CAAC;;;;"}

package/es/components/autocomplete/index.d.ts

@@ -7723,6 +7723,15 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
         readonly tag: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
         readonly always: BooleanConstructor;
         readonly minSize: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
+        readonly id: StringConstructor;
+        readonly role: StringConstructor;
+        readonly ariaLabel: StringConstructor;
+        readonly ariaOrientation: {
+            readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
     }, {
         COMPONENT_NAME: string;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -7737,6 +7746,15 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
             readonly tag: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
             readonly always: BooleanConstructor;
             readonly minSize: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
+            readonly id: StringConstructor;
+            readonly role: StringConstructor;
+            readonly ariaLabel: StringConstructor;
+            readonly ariaOrientation: {
+                readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
         }>> & {
             onScroll?: ((args_0: {
                 scrollTop: number;
@@ -8066,7 +8084,7 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
         }> & {} & import("vue").ComponentCustomProperties) | undefined>;
         ratioY: import("vue").Ref<number>;
         ratioX: import("vue").Ref<number>;
-        style: import("vue").ComputedRef<import("vue").StyleValue>;
+        wrapStyle: import("vue").ComputedRef<import("vue").StyleValue>;
         wrapKls: import("vue").ComputedRef<(string | unknown[] | {
             [x: string]: boolean;
         })[]>;
@@ -8224,6 +8242,15 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
         readonly tag: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
         readonly always: BooleanConstructor;
         readonly minSize: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
+        readonly id: StringConstructor;
+        readonly role: StringConstructor;
+        readonly ariaLabel: StringConstructor;
+        readonly ariaOrientation: {
+            readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
     }>> & {
         onScroll?: ((args_0: {
             scrollTop: number;

package/es/components/autocomplete/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Autocomplete from './src/autocomplete2.mjs';
-export { autocompleteEmits, autocompleteProps } from './src/autocomplete.mjs';
+import Autocomplete from './src/autocomplete.mjs';
+export { autocompleteEmits, autocompleteProps } from './src/autocomplete2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElAutocomplete = withInstall(Autocomplete);

package/es/components/autocomplete/src/autocomplete.mjs

@@ -1,105 +1,385 @@
-import { NOOP, isString, isObject } from '@vue/shared';
+import { defineComponent, inject, useAttrs as useAttrs$1, computed, ref, onMounted, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, normalizeStyle, createVNode, createElementBlock, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, mergeProps, withKeys, withModifiers, createSlots } from 'vue';
+import { debounce } from 'lodash-unified';
+import { onClickOutside } from '@vueuse/core';
+import { Loading } from '@element-plus/icons-vue';
+import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import '../../tooltip/index.mjs';
 import '../../../constants/index.mjs';
-import '../../../hooks/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
-import { viewModes } from '../../../constants/size.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
-import { UPDATE_MODEL_EVENT, INPUT_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { ElInput } from '../../input/index.mjs';
+import { ElScrollbar } from '../../scrollbar/index.mjs';
+import { ElTooltip } from '../../tooltip/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../form/index.mjs';
+import { autocompleteProps, autocompleteEmits } from './autocomplete2.mjs';
+import { TABLE_INJECTION_KEY } from '../../table/src/tokens.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
+import { useFormDisabled, useFormViewMode, useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { generateId } from '../../../utils/rand.mjs';
+import { isArray } from '@vue/shared';
+import { throwError } from '../../../utils/error.mjs';
+import { INPUT_EVENT, UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
 
-const autocompleteProps = buildProps({
-  valueKey: {
-    type: String,
-    default: "value"
-  },
-  modelValue: {
-    type: [String, Number],
-    default: ""
-  },
-  debounce: {
-    type: Number,
-    default: 300
-  },
-  placement: {
-    type: definePropType(String),
-    values: [
-      "top",
-      "top-start",
-      "top-end",
-      "bottom",
-      "bottom-start",
-      "bottom-end"
-    ],
-    default: "bottom-start"
-  },
-  offset: {
-    type: Number,
-    default: 12
-  },
-  showArrow: {
-    type: Boolean,
-    default: true
-  },
-  fetchSuggestions: {
-    type: definePropType([Function, Array]),
-    default: NOOP
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  triggerOnFocus: {
-    type: Boolean,
-    default: true
-  },
-  selectWhenUnmatched: {
-    type: Boolean,
-    default: false
-  },
-  hideLoading: {
-    type: Boolean,
-    default: false
-  },
-  label: {
-    type: String
-  },
-  teleported: useTooltipContentProps.teleported,
-  highlightFirstItem: {
-    type: Boolean,
-    default: false
-  },
-  fitInputWidth: {
-    type: Boolean,
-    default: false
-  },
-  clearable: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  viewMode: {
-    type: String,
-    values: viewModes
-  },
-  tableInput: Boolean,
-  size: useSizeProp,
-  name: String,
-  widget: String
+const _hoisted_1 = ["aria-expanded", "aria-owns", "widget"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = ["id", "aria-selected", "onClick"];
+const COMPONENT_NAME = "ElAutocomplete";
+const __default__ = defineComponent({
+  name: COMPONENT_NAME,
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: autocompleteProps,
+  emits: autocompleteEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const table = inject(TABLE_INJECTION_KEY, void 0);
+    const attrs = useAttrs();
+    const rawAttrs = useAttrs$1();
+    const disabled = useFormDisabled();
+    const viewMode = useFormViewMode();
+    const isTableInput = computed(() => table && props.tableInput);
+    const iSize = computed(() => {
+      if (isTableInput.value) {
+        return table.props.size === "small" ? "small" : "";
+      } else {
+        const formSize = useFormSize();
+        return formSize.value;
+      }
+    });
+    const ns = useNamespace("autocomplete");
+    const inputRef = ref();
+    const regionRef = ref();
+    const popperRef = ref();
+    const listboxRef = ref();
+    let readonly = false;
+    let ignoreFocusEvent = false;
+    const suggestions = ref([]);
+    const highlightedIndex = ref(-1);
+    const dropdownWidth = ref("");
+    const activated = ref(false);
+    const suggestionDisabled = ref(false);
+    const loading = ref(false);
+    const listboxId = computed(() => ns.b(String(generateId())));
+    const styles = computed(() => rawAttrs.style);
+    const suggestionVisible = computed(() => {
+      const isValidData = suggestions.value.length > 0;
+      return (isValidData || loading.value) && activated.value;
+    });
+    const suggestionLoading = computed(() => !props.hideLoading && loading.value);
+    const refInput = computed(() => {
+      if (inputRef.value) {
+        return Array.from(inputRef.value.$el.querySelectorAll("input"));
+      }
+      return [];
+    });
+    const onSuggestionShow = () => {
+      if (suggestionVisible.value) {
+        dropdownWidth.value = `${inputRef.value.$el.offsetWidth}px`;
+      }
+    };
+    const onHide = () => {
+      highlightedIndex.value = -1;
+    };
+    const getData = async (queryString) => {
+      if (suggestionDisabled.value)
+        return;
+      const cb = (suggestionList) => {
+        loading.value = false;
+        if (suggestionDisabled.value)
+          return;
+        if (isArray(suggestionList)) {
+          suggestions.value = suggestionList;
+          highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
+        } else {
+          throwError(COMPONENT_NAME, "autocomplete suggestions must be an array");
+        }
+      };
+      loading.value = true;
+      if (isArray(props.fetchSuggestions)) {
+        cb(props.fetchSuggestions);
+      } else {
+        const result = await props.fetchSuggestions(queryString, cb);
+        if (isArray(result))
+          cb(result);
+      }
+    };
+    const debouncedGetData = debounce(getData, props.debounce);
+    const handleInput = (value) => {
+      const valuePresented = !!value;
+      emit(INPUT_EVENT, value);
+      emit(UPDATE_MODEL_EVENT, value);
+      suggestionDisabled.value = false;
+      activated.value || (activated.value = valuePresented);
+      if (!props.triggerOnFocus && !value) {
+        suggestionDisabled.value = true;
+        suggestions.value = [];
+        return;
+      }
+      debouncedGetData(value);
+    };
+    const handleMouseDown = (event) => {
+      var _a;
+      if (disabled.value || viewMode.value)
+        return;
+      if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
+        activated.value = true;
+      }
+    };
+    const handleChange = (value) => {
+      emit(CHANGE_EVENT, value);
+    };
+    const handleFocus = (evt) => {
+      if (!ignoreFocusEvent) {
+        activated.value = true;
+        emit("focus", evt);
+        if (props.triggerOnFocus && !readonly) {
+          debouncedGetData(String(props.modelValue));
+        }
+      } else {
+        ignoreFocusEvent = false;
+      }
+    };
+    const handleBlur = (evt) => {
+      setTimeout(() => {
+        var _a;
+        if ((_a = popperRef.value) == null ? void 0 : _a.isFocusInsideContent()) {
+          ignoreFocusEvent = true;
+          return;
+        }
+        activated.value && close();
+        emit("blur", evt);
+      });
+    };
+    const handleClear = () => {
+      activated.value = false;
+      emit(UPDATE_MODEL_EVENT, "");
+      emit("clear");
+    };
+    const handleKeyEnter = async () => {
+      if (suggestionVisible.value && highlightedIndex.value >= 0 && highlightedIndex.value < suggestions.value.length) {
+        handleSelect(suggestions.value[highlightedIndex.value]);
+      } else if (props.selectWhenUnmatched) {
+        emit("select", { value: props.modelValue });
+        suggestions.value = [];
+        highlightedIndex.value = -1;
+      }
+    };
+    const handleKeyEscape = (evt) => {
+      if (suggestionVisible.value) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        close();
+      }
+    };
+    const close = () => {
+      activated.value = false;
+    };
+    const focus = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+    };
+    const blur = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+    };
+    const handleSelect = async (item) => {
+      emit(INPUT_EVENT, item[props.valueKey]);
+      emit(UPDATE_MODEL_EVENT, item[props.valueKey]);
+      emit("select", item);
+      suggestions.value = [];
+      highlightedIndex.value = -1;
+    };
+    const highlight = (index) => {
+      if (!suggestionVisible.value || loading.value)
+        return;
+      if (index < 0) {
+        highlightedIndex.value = -1;
+        return;
+      }
+      if (index >= suggestions.value.length) {
+        index = suggestions.value.length - 1;
+      }
+      const suggestion = regionRef.value.querySelector(`.${ns.be("suggestion", "wrap")}`);
+      const suggestionList = suggestion.querySelectorAll(`.${ns.be("suggestion", "list")} li`);
+      const highlightItem = suggestionList[index];
+      const scrollTop = suggestion.scrollTop;
+      const { offsetTop, scrollHeight } = highlightItem;
+      if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {
+        suggestion.scrollTop += scrollHeight;
+      }
+      if (offsetTop < scrollTop) {
+        suggestion.scrollTop -= scrollHeight;
+      }
+      highlightedIndex.value = index;
+      inputRef.value.ref.setAttribute("aria-activedescendant", `${listboxId.value}-item-${highlightedIndex.value}`);
+    };
+    onClickOutside(listboxRef, () => {
+      suggestionVisible.value && close();
+    });
+    onMounted(() => {
+      ;
+      inputRef.value.ref.setAttribute("role", "textbox");
+      inputRef.value.ref.setAttribute("aria-autocomplete", "list");
+      inputRef.value.ref.setAttribute("aria-controls", "id");
+      inputRef.value.ref.setAttribute("aria-activedescendant", `${listboxId.value}-item-${highlightedIndex.value}`);
+      readonly = inputRef.value.ref.hasAttribute("readonly");
+    });
+    expose({
+      highlightedIndex,
+      activated,
+      loading,
+      inputRef,
+      popperRef,
+      suggestions,
+      handleSelect,
+      handleKeyEnter,
+      focus,
+      blur,
+      close,
+      highlight
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTooltip), {
+        ref_key: "popperRef",
+        ref: popperRef,
+        visible: unref(suggestionVisible),
+        placement: _ctx.placement,
+        offset: _ctx.offset,
+        "show-arrow": _ctx.showArrow,
+        "fallback-placements": ["bottom-start", "top-start"],
+        "popper-class": [unref(ns).e("popper"), _ctx.popperClass],
+        teleported: _ctx.teleported,
+        "gpu-acceleration": false,
+        pure: "",
+        "manual-mode": "",
+        effect: "light",
+        trigger: "click",
+        transition: `${unref(ns).namespace.value}-zoom-in-top`,
+        persistent: "",
+        role: "listbox",
+        onBeforeShow: onSuggestionShow,
+        onHide
+      }, {
+        content: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "regionRef",
+            ref: regionRef,
+            class: normalizeClass([unref(ns).b("suggestion"), unref(ns).is("loading", unref(suggestionLoading))]),
+            style: normalizeStyle({
+              [_ctx.fitInputWidth ? "width" : "minWidth"]: dropdownWidth.value,
+              outline: "none"
+            }),
+            role: "region"
+          }, [
+            createVNode(unref(ElScrollbar), {
+              id: unref(listboxId),
+              tag: "ul",
+              "wrap-class": unref(ns).be("suggestion", "wrap"),
+              "view-class": unref(ns).be("suggestion", "list"),
+              role: "listbox"
+            }, {
+              default: withCtx(() => [
+                unref(suggestionLoading) ? (openBlock(), createElementBlock("li", _hoisted_2, [
+                  createVNode(unref(ElIcon), {
+                    class: normalizeClass(unref(ns).is("loading"))
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Loading))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(suggestions.value, (item, index) => {
+                  return openBlock(), createElementBlock("li", {
+                    id: `${unref(listboxId)}-item-${index}`,
+                    key: index,
+                    class: normalizeClass({ highlighted: highlightedIndex.value === index }),
+                    role: "option",
+                    "aria-selected": highlightedIndex.value === index,
+                    onClick: ($event) => handleSelect(item)
+                  }, [
+                    renderSlot(_ctx.$slots, "default", { item }, () => [
+                      createTextVNode(toDisplayString(item[_ctx.valueKey]), 1)
+                    ])
+                  ], 10, _hoisted_3);
+                }), 128))
+              ]),
+              _: 3
+            }, 8, ["id", "wrap-class", "view-class"])
+          ], 6)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "listboxRef",
+            ref: listboxRef,
+            class: normalizeClass([unref(ns).b(), unref(ns).is("table-input", unref(isTableInput)), _ctx.$attrs.class]),
+            style: normalizeStyle(unref(styles)),
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": unref(suggestionVisible),
+            "aria-owns": unref(listboxId),
+            widget: _ctx.widget
+          }, [
+            createVNode(unref(ElInput), mergeProps({
+              ref_key: "inputRef",
+              ref: inputRef
+            }, unref(attrs), {
+              clearable: _ctx.clearable,
+              disabled: unref(disabled),
+              "view-mode": unref(viewMode),
+              "table-input": unref(isTableInput),
+              size: unref(iSize),
+              name: _ctx.name,
+              "model-value": _ctx.modelValue,
+              onInput: handleInput,
+              onChange: handleChange,
+              onFocus: handleFocus,
+              onBlur: handleBlur,
+              onClear: handleClear,
+              onKeydown: [
+                _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => highlight(highlightedIndex.value - 1), ["prevent"]), ["up"])),
+                _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => highlight(highlightedIndex.value + 1), ["prevent"]), ["down"])),
+                withKeys(handleKeyEnter, ["enter"]),
+                withKeys(close, ["tab"]),
+                withKeys(handleKeyEscape, ["esc"])
+              ],
+              onMousedown: handleMouseDown
+            }), createSlots({ _: 2 }, [
+              _ctx.$slots.prepend ? {
+                name: "prepend",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "prepend")
+                ])
+              } : void 0,
+              _ctx.$slots.append ? {
+                name: "append",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "append")
+                ])
+              } : void 0,
+              _ctx.$slots.prefix ? {
+                name: "prefix",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "prefix")
+                ])
+              } : void 0,
+              _ctx.$slots.suffix ? {
+                name: "suffix",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "suffix")
+                ])
+              } : void 0
+            ]), 1040, ["clearable", "disabled", "view-mode", "table-input", "size", "name", "model-value", "onKeydown"])
+          ], 14, _hoisted_1)
+        ]),
+        _: 3
+      }, 8, ["visible", "placement", "offset", "show-arrow", "popper-class", "teleported", "transition"]);
+    };
+  }
 });
-const autocompleteEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isString(value),
-  [INPUT_EVENT]: (value) => isString(value),
-  [CHANGE_EVENT]: (value) => isString(value),
-  focus: (evt) => evt instanceof FocusEvent,
-  blur: (evt) => evt instanceof FocusEvent,
-  clear: () => true,
-  select: (item) => isObject(item)
-};
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\workspace\\element-pe\\packages\\components\\autocomplete\\src\\autocomplete.vue"]]);
 
-export { autocompleteEmits, autocompleteProps };
+export { Autocomplete as default };
 //# sourceMappingURL=autocomplete.mjs.map