@element-plus/nightly 0.0.20260521 → 0.0.20260523

package/es/components/progress/src/progress.d.ts

@@ -76,7 +76,7 @@ declare const progressProps: {
   readonly indeterminate: BooleanConstructor;
   readonly duration: EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
   readonly strokeWidth: EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-  readonly strokeLinecap: EpPropFinalized<(new (...args: any[]) => "inherit" | "round" | "butt" | "square") | (() => NonNullable<"inherit" | "round" | "butt" | "square" | undefined>) | (((new (...args: any[]) => "inherit" | "round" | "butt" | "square") | (() => NonNullable<"inherit" | "round" | "butt" | "square" | undefined>)) | null)[], unknown, unknown, "round", boolean>;
+  readonly strokeLinecap: EpPropFinalized<(new (...args: any[]) => "inherit" | "square" | "round" | "butt") | (() => NonNullable<"inherit" | "square" | "round" | "butt" | undefined>) | (((new (...args: any[]) => "inherit" | "square" | "round" | "butt") | (() => NonNullable<"inherit" | "square" | "round" | "butt" | undefined>)) | null)[], unknown, unknown, "round", boolean>;
   readonly textInside: BooleanConstructor;
   readonly width: EpPropFinalized<NumberConstructor, unknown, unknown, 126, boolean>;
   readonly showText: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;

package/es/components/progress/src/progress.vue.d.ts

@@ -14,14 +14,14 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
   type: "line" | "circle" | "dashboard";
+  duration: number;
   color: string | ProgressColor[] | ProgressFn;
+  width: number;
   strokeLinecap: NonNullable<_$vue.SVGAttributes["stroke-linecap"]>;
   strokeWidth: number;
-  width: number;
   format: ProgressFn;
   percentage: number;
   status: "" | "success" | "exception" | "warning";
-  duration: number;
   showText: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/radio/src/radio-button.vue.d.ts

@@ -8,9 +8,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<RadioButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<RadioButtonProps> & Readonly<{}>, {
   disabled: boolean;
-  modelValue: string | number | boolean;
   name: string;
   value: string | number | boolean;
+  modelValue: string | number | boolean;
   label: string | number | boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/radio/src/radio-group.vue.d.ts

@@ -18,9 +18,9 @@ declare const __VLS_base: _$vue.DefineComponent<RadioGroupProps, {}, {}, {}, {},
   props: radioOptionProp;
   id: string;
   disabled: boolean;
+  name: string;
   modelValue: string | number | boolean;
   validateEvent: boolean;
-  name: string;
   textColor: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/radio/src/radio.vue.d.ts

@@ -14,11 +14,11 @@ declare const __VLS_base: _$vue.DefineComponent<RadioProps, {}, {}, {}, {}, _$vu
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
   disabled: boolean;
-  modelValue: string | number | boolean;
   name: string;
   value: string | number | boolean;
-  border: boolean;
+  modelValue: string | number | boolean;
   label: string | number | boolean;
+  border: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/rate/src/rate.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_export: _$vue.DefineComponent<RateProps, {
 }>, {
   id: string;
   disabled: boolean;
-  modelValue: number;
   max: number;
+  modelValue: number;
   textColor: string;
   lowThreshold: number;
   highThreshold: number;

package/es/components/roving-focus-group/src/roving-focus-group-impl.vue.d.ts

@@ -16,7 +16,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   loop: BooleanConstructor;
   dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
   orientation: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -36,7 +36,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   loop: BooleanConstructor;
   dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
   orientation: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/roving-focus-group/src/roving-focus-group.d.ts

@@ -16,7 +16,7 @@ declare const rovingFocusGroupProps: {
   loop: BooleanConstructor;
   dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
   orientation: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/roving-focus-group/src/roving-focus-group.vue.d.ts

@@ -32,7 +32,7 @@ declare const __VLS_export: _$vue.DefineComponent<{}, {}, {}, {}, {}, _$vue.Comp
     loop: BooleanConstructor;
     dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     orientation: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -52,7 +52,7 @@ declare const __VLS_export: _$vue.DefineComponent<{}, {}, {}, {}, {}, _$vue.Comp
     loop: BooleanConstructor;
     dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     orientation: {
-      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
+      readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;

package/es/components/roving-focus-group/src/roving-focus-item.vue.d.ts

@@ -13,15 +13,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   handleKeydown: (event: Event) => void;
   handleFocus: (event: Event) => void;
   handleMousedown: (event: Event) => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("focus" | "keydown" | "mousedown")[], "focus" | "keydown" | "mousedown", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("focus" | "mousedown" | "keydown")[], "focus" | "mousedown" | "keydown", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   focusable: {
     type: BooleanConstructor;
     default: boolean;
   };
   active: BooleanConstructor;
 }>> & Readonly<{
-  onFocus?: ((...args: any[]) => any) | undefined;
   onKeydown?: ((...args: any[]) => any) | undefined;
+  onFocus?: ((...args: any[]) => any) | undefined;
   onMousedown?: ((...args: any[]) => any) | undefined;
 }>, {
   active: boolean;

package/es/components/row/src/row.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<RowProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<RowProps> & Readonly<{}>, {
-  justify: typeof RowJustify[number];
   tag: string;
+  justify: typeof RowJustify[number];
   gutter: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/scrollbar/src/scrollbar.vue.d.ts

@@ -29,10 +29,10 @@ declare const __VLS_base: _$vue.DefineComponent<ScrollbarProps, {
   }) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
 }>, {
-  tabindex: number | string;
+  tag: keyof HTMLElementTagNameMap | (string & {});
   height: number | string;
   maxHeight: number | string;
-  tag: keyof HTMLElementTagNameMap | (string & {});
+  tabindex: number | string;
   distance: number;
   wrapStyle: string | false | CSSProperties | StyleValue[] | null;
   wrapClass: string | string[];

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

@@ -5,13 +5,13 @@ import * as _$vue from "vue";
 
 //#region ../../packages/components/segmented/index.d.ts
 declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
-  attrs: any;
-  emit: ((event: "update:modelValue", val: any) => void) & ((event: "change", val: any) => void);
   slots: {
     default?: (props: {
       item: T;
     }) => any;
   };
+  emit: ((event: "update:modelValue", val: any) => void) & ((event: "change", val: any) => void);
+  attrs: any;
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & {
     direction?: "vertical" | "horizontal" | undefined;
@@ -42,7 +42,7 @@ declare const ElSegmented: (<T extends Option = Option>(__VLS_props: NonNullable
   __ctx?: Awaited<typeof __VLS_setup>;
 }) & _$vue.ObjectPlugin & {
   setPropsDefaults: (defaults: {
-    direction?: "horizontal" | "vertical" | (() => "horizontal" | "vertical") | undefined;
+    direction?: "vertical" | "horizontal" | (() => "vertical" | "horizontal") | undefined;
     options?: (() => Option[]) | undefined;
     modelValue?: string | number | boolean | (() => string | number | boolean) | undefined;
     props?: (() => Props) | undefined;

package/es/components/segmented/src/segmented.d.ts

@@ -61,7 +61,7 @@ interface SegmentedProps<T extends Option = Option> {
  */
 declare const segmentedProps: {
   ariaLabel: StringConstructor;
-  direction: EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical")) | null)[], unknown, unknown, string, boolean>;
+  direction: EpPropFinalized<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal") | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal")) | null)[], unknown, unknown, string, boolean>;
   options: EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | (((new (...args: any[]) => Option[]) | (() => Option[])) | null)[], unknown, unknown, () => never[], boolean>;
   modelValue: EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, undefined, boolean>;
   props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;

package/es/components/select/src/option.vue.d.ts

@@ -52,6 +52,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     visible: boolean;
     hover: boolean;
   };
+  mouseMoveEventName: "mousemove" | null;
   hoverItem: () => void;
   handleMousedown: (event: MouseEvent) => void;
   updateOption: (query: string) => void;

package/es/components/select/src/option.vue_vue_type_script_lang.mjs

@@ -1,4 +1,5 @@
 import { isFocusable } from "../../../utils/dom/aria.mjs";
+import { isIOS } from "../../../utils/browser.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { useId } from "../../../hooks/use-id/index.mjs";
 import { COMPONENT_NAME, optionProps } from "./option.mjs";
@@ -24,6 +25,7 @@ var option_vue_vue_type_script_lang_default = defineComponent({
 			visible: true,
 			hover: false
 		});
+		const mouseMoveEventName = isIOS ? null : "mousemove";
 		const { currentLabel, itemSelected, isDisabled, select, hoverItem, updateOption } = useOption(props, states);
 		const { visible, hover } = toRefs(states);
 		const vm = getCurrentInstance().proxy;
@@ -62,6 +64,7 @@ var option_vue_vue_type_script_lang_default = defineComponent({
 			visible,
 			hover,
 			states,
+			mouseMoveEventName,
 			hoverItem,
 			handleMousedown,
 			updateOption,

package/es/components/select/src/option.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"option.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :id=\"id\"\n    :class=\"containerKls\"\n    role=\"option\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :aria-selected=\"itemSelected\"\n    @mousemove=\"hoverItem\"\n    @mousedown=\"handleMousedown\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n  unref,\n} from 'vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { COMPONENT_NAME, optionProps } from './option'\nimport { isFocusable } from '@element-plus/utils'\n\nimport type {\n  OptionExposed,\n  OptionInternalInstance,\n  OptionStates,\n} from './type'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n\n  props: optionProps,\n\n  setup(props) {\n    const ns = useNamespace('select')\n    const id = useId()\n\n    const containerKls = computed(() => [\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', unref(isDisabled)),\n      ns.is('selected', unref(itemSelected)),\n      ns.is('hovering', unref(hover)),\n    ])\n\n    const states = reactive<OptionStates>({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hover: false,\n    })\n\n    const {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      updateOption,\n    } = useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = (getCurrentInstance()! as OptionInternalInstance).proxy\n\n    select.onOptionCreate(vm)\n\n    onBeforeUnmount(() => {\n      const key = vm.value\n\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        const { selected: selectedOptions } = select.states\n        const doesSelected = selectedOptions.some((item) => {\n          return item.value === vm.value\n        })\n        if (select.states.cachedOptions.get(key) === vm && !doesSelected) {\n          select.states.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (!isDisabled.value) {\n        select.handleOptionSelect(vm)\n      }\n    }\n\n    const handleMousedown = (event: MouseEvent) => {\n      let target = event.target as HTMLElement | null\n      const currentTarget = event.currentTarget as HTMLElement\n\n      while (target && target !== currentTarget) {\n        if (isFocusable(target)) {\n          return\n        }\n        target = target.parentElement\n      }\n\n      event.preventDefault()\n    }\n\n    return {\n      ns,\n      id,\n      containerKls,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      visible,\n      hover,\n      states,\n\n      hoverItem,\n      handleMousedown,\n      updateOption,\n      selectOptionClick,\n    } satisfies OptionExposed\n  },\n})\n</script>\n"],"mappings":";;;;;;;AAwCA,IAAA,0CAAe,gBAAgB;CAC7B,MAAM;CACN,eAAe;CAEf,OAAO;CAEP,MAAM,OAAO;EACX,MAAM,KAAK,aAAa,SAAQ;EAChC,MAAM,KAAK,OAAM;EAEjB,MAAM,eAAe,eAAe;GAClC,GAAG,GAAG,YAAY,OAAO;GACzB,GAAG,GAAG,YAAY,MAAM,WAAW,CAAC;GACpC,GAAG,GAAG,YAAY,MAAM,aAAa,CAAC;GACtC,GAAG,GAAG,YAAY,MAAM,MAAM,CAAC;GAChC,CAAA;EAED,MAAM,SAAS,SAAuB;GACpC,OAAO;GACP,eAAe;GACf,SAAS;GACT,OAAO;GACR,CAAA;EAED,MAAM,EACJ,cACA,cACA,YACA,QACA,WACA,iBACE,UAAU,OAAO,OAAM;EAE3B,MAAM,EAAE,SAAS,UAAU,OAAO,OAAM;EAExC,MAAM,KAAM,oBAAoB,CAA6B;EAE7D,OAAO,eAAe,GAAE;EAExB,sBAAsB;GACpB,MAAM,MAAM,GAAG;GAGf,eAAe;IACb,MAAM,EAAE,UAAU,oBAAoB,OAAO;IAC7C,MAAM,eAAe,gBAAgB,MAAM,SAAS;KAClD,OAAO,KAAK,UAAU,GAAG;MAC1B;IACD,IAAI,OAAO,OAAO,cAAc,IAAI,IAAG,KAAM,MAAM,CAAC,cAClD,OAAO,OAAO,cAAc,OAAO,IAAG;KAEzC;GACD,OAAO,gBAAgB,KAAK,GAAE;IAC/B;EAED,SAAS,oBAAoB;GAC3B,IAAI,CAAC,WAAW,OACd,OAAO,mBAAmB,GAAE;;EAIhC,MAAM,mBAAmB,UAAsB;GAC7C,IAAI,SAAS,MAAM;GACnB,MAAM,gBAAgB,MAAM;GAE5B,OAAO,UAAU,WAAW,eAAe;IACzC,IAAI,YAAY,OAAO,EACrB;IAEF,SAAS,OAAO;;GAGlB,MAAM,gBAAe;;EAGvB,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;GACF;;CAEH,CAAA"}
+{"version":3,"file":"option.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :id=\"id\"\n    :class=\"containerKls\"\n    role=\"option\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :aria-selected=\"itemSelected\"\n    @[mouseMoveEventName]=\"hoverItem\"\n    @mousedown=\"handleMousedown\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n  unref,\n} from 'vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { COMPONENT_NAME, optionProps } from './option'\nimport { isFocusable, isIOS } from '@element-plus/utils'\n\nimport type {\n  OptionExposed,\n  OptionInternalInstance,\n  OptionStates,\n} from './type'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n\n  props: optionProps,\n\n  setup(props) {\n    const ns = useNamespace('select')\n    const id = useId()\n\n    const containerKls = computed(() => [\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', unref(isDisabled)),\n      ns.is('selected', unref(itemSelected)),\n      ns.is('hovering', unref(hover)),\n    ])\n\n    const states = reactive<OptionStates>({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hover: false,\n    })\n\n    const mouseMoveEventName = isIOS ? null : 'mousemove'\n    const {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      updateOption,\n    } = useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = (getCurrentInstance()! as OptionInternalInstance).proxy\n\n    select.onOptionCreate(vm)\n\n    onBeforeUnmount(() => {\n      const key = vm.value\n\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        const { selected: selectedOptions } = select.states\n        const doesSelected = selectedOptions.some((item) => {\n          return item.value === vm.value\n        })\n        if (select.states.cachedOptions.get(key) === vm && !doesSelected) {\n          select.states.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (!isDisabled.value) {\n        select.handleOptionSelect(vm)\n      }\n    }\n\n    const handleMousedown = (event: MouseEvent) => {\n      let target = event.target as HTMLElement | null\n      const currentTarget = event.currentTarget as HTMLElement\n\n      while (target && target !== currentTarget) {\n        if (isFocusable(target)) {\n          return\n        }\n        target = target.parentElement\n      }\n\n      event.preventDefault()\n    }\n\n    return {\n      ns,\n      id,\n      containerKls,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      visible,\n      hover,\n      states,\n      mouseMoveEventName,\n      hoverItem,\n      handleMousedown,\n      updateOption,\n      selectOptionClick,\n    } satisfies OptionExposed\n  },\n})\n</script>\n"],"mappings":";;;;;;;;AAwCA,IAAA,0CAAe,gBAAgB;CAC7B,MAAM;CACN,eAAe;CAEf,OAAO;CAEP,MAAM,OAAO;EACX,MAAM,KAAK,aAAa,SAAQ;EAChC,MAAM,KAAK,OAAM;EAEjB,MAAM,eAAe,eAAe;GAClC,GAAG,GAAG,YAAY,OAAO;GACzB,GAAG,GAAG,YAAY,MAAM,WAAW,CAAC;GACpC,GAAG,GAAG,YAAY,MAAM,aAAa,CAAC;GACtC,GAAG,GAAG,YAAY,MAAM,MAAM,CAAC;GAChC,CAAA;EAED,MAAM,SAAS,SAAuB;GACpC,OAAO;GACP,eAAe;GACf,SAAS;GACT,OAAO;GACR,CAAA;EAED,MAAM,qBAAqB,QAAQ,OAAO;EAC1C,MAAM,EACJ,cACA,cACA,YACA,QACA,WACA,iBACE,UAAU,OAAO,OAAM;EAE3B,MAAM,EAAE,SAAS,UAAU,OAAO,OAAM;EAExC,MAAM,KAAM,oBAAoB,CAA6B;EAE7D,OAAO,eAAe,GAAE;EAExB,sBAAsB;GACpB,MAAM,MAAM,GAAG;GAGf,eAAe;IACb,MAAM,EAAE,UAAU,oBAAoB,OAAO;IAC7C,MAAM,eAAe,gBAAgB,MAAM,SAAS;KAClD,OAAO,KAAK,UAAU,GAAG;MAC1B;IACD,IAAI,OAAO,OAAO,cAAc,IAAI,IAAG,KAAM,MAAM,CAAC,cAClD,OAAO,OAAO,cAAc,OAAO,IAAG;KAEzC;GACD,OAAO,gBAAgB,KAAK,GAAE;IAC/B;EAED,SAAS,oBAAoB;GAC3B,IAAI,CAAC,WAAW,OACd,OAAO,mBAAmB,GAAE;;EAIhC,MAAM,mBAAmB,UAAsB;GAC7C,IAAI,SAAS,MAAM;GACnB,MAAM,gBAAgB,MAAM;GAE5B,OAAO,UAAU,WAAW,eAAe;IACzC,IAAI,YAAY,OAAO,EACrB;IAEF,SAAS,OAAO;;GAGlB,MAAM,gBAAe;;EAGvB,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACF;;CAEH,CAAA"}

package/es/components/select/src/option2.mjs

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import option_vue_vue_type_script_lang_default from "./option.vue_vue_type_script_lang.mjs";
-import { createElementBlock, createElementVNode, normalizeClass, openBlock, renderSlot, toDisplayString, vShow, withDirectives, withModifiers } from "vue";
+import { createElementBlock, createElementVNode, mergeProps, openBlock, renderSlot, toDisplayString, toHandlerKey, vShow, withDirectives, withModifiers } from "vue";
 //#region ../../packages/components/select/src/option.vue
 const _hoisted_1 = [
 	"id",
@@ -8,16 +8,16 @@ const _hoisted_1 = [
 	"aria-selected"
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return withDirectives((openBlock(), createElementBlock("li", {
+	return withDirectives((openBlock(), createElementBlock("li", mergeProps({
 		id: _ctx.id,
-		class: normalizeClass(_ctx.containerKls),
+		class: _ctx.containerKls,
 		role: "option",
 		"aria-disabled": _ctx.isDisabled || void 0,
-		"aria-selected": _ctx.itemSelected,
-		onMousemove: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
+		"aria-selected": _ctx.itemSelected
+	}, { [toHandlerKey(_ctx.mouseMoveEventName)]: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)) }, {
 		onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args)),
 		onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
-	}, [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)])], 42, _hoisted_1)), [[vShow, _ctx.visible]]);
+	}), [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("span", null, toDisplayString(_ctx.currentLabel), 1)])], 16, _hoisted_1)), [[vShow, _ctx.visible]]);
 }
 var option_default = /* @__PURE__ */ _plugin_vue_export_helper_default(option_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion

package/es/components/select/src/option2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"option2.mjs","names":[],"sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :id=\"id\"\n    :class=\"containerKls\"\n    role=\"option\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :aria-selected=\"itemSelected\"\n    @mousemove=\"hoverItem\"\n    @mousedown=\"handleMousedown\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n  unref,\n} from 'vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { COMPONENT_NAME, optionProps } from './option'\nimport { isFocusable } from '@element-plus/utils'\n\nimport type {\n  OptionExposed,\n  OptionInternalInstance,\n  OptionStates,\n} from './type'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n\n  props: optionProps,\n\n  setup(props) {\n    const ns = useNamespace('select')\n    const id = useId()\n\n    const containerKls = computed(() => [\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', unref(isDisabled)),\n      ns.is('selected', unref(itemSelected)),\n      ns.is('hovering', unref(hover)),\n    ])\n\n    const states = reactive<OptionStates>({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hover: false,\n    })\n\n    const {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      updateOption,\n    } = useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = (getCurrentInstance()! as OptionInternalInstance).proxy\n\n    select.onOptionCreate(vm)\n\n    onBeforeUnmount(() => {\n      const key = vm.value\n\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        const { selected: selectedOptions } = select.states\n        const doesSelected = selectedOptions.some((item) => {\n          return item.value === vm.value\n        })\n        if (select.states.cachedOptions.get(key) === vm && !doesSelected) {\n          select.states.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (!isDisabled.value) {\n        select.handleOptionSelect(vm)\n      }\n    }\n\n    const handleMousedown = (event: MouseEvent) => {\n      let target = event.target as HTMLElement | null\n      const currentTarget = event.currentTarget as HTMLElement\n\n      while (target && target !== currentTarget) {\n        if (isFocusable(target)) {\n          return\n        }\n        target = target.parentElement\n      }\n\n      event.preventDefault()\n    }\n\n    return {\n      ns,\n      id,\n      containerKls,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      visible,\n      hover,\n      states,\n\n      hoverItem,\n      handleMousedown,\n      updateOption,\n      selectOptionClick,\n    } satisfies OptionExposed\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;qCACE,mBAcK,MAAA;EAZF,IAAI,KAAA;EACJ,OAAK,eAAE,KAAA,aAAY;EACpB,MAAK;EACJ,iBAAe,KAAA,cAAc,KAAA;EAC7B,iBAAe,KAAA;EACf,aAAS,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,aAAA,KAAA,UAAA,GAAA,KAAA;EACX,aAAS,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,mBAAA,KAAA,gBAAA,GAAA,KAAA;EACX,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,GAAA,SAAO,KAAA,qBAAA,KAAA,kBAAA,GAAA,KAAA,EAAiB,CAAA,OAAA,CAAA;KAE9B,WAEO,KAAA,QAAA,WAAA,EAAA,QAAA,CADL,mBAA+B,QAAA,MAAA,gBAAtB,KAAA,aAAY,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA,GAAA,CAAA,CAAA,OAXf,KAAA,QAAO,CAAA,CAAA"}
+{"version":3,"file":"option2.mjs","names":[],"sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :id=\"id\"\n    :class=\"containerKls\"\n    role=\"option\"\n    :aria-disabled=\"isDisabled || undefined\"\n    :aria-selected=\"itemSelected\"\n    @[mouseMoveEventName]=\"hoverItem\"\n    @mousedown=\"handleMousedown\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n  unref,\n} from 'vue'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { COMPONENT_NAME, optionProps } from './option'\nimport { isFocusable, isIOS } from '@element-plus/utils'\n\nimport type {\n  OptionExposed,\n  OptionInternalInstance,\n  OptionStates,\n} from './type'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n\n  props: optionProps,\n\n  setup(props) {\n    const ns = useNamespace('select')\n    const id = useId()\n\n    const containerKls = computed(() => [\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', unref(isDisabled)),\n      ns.is('selected', unref(itemSelected)),\n      ns.is('hovering', unref(hover)),\n    ])\n\n    const states = reactive<OptionStates>({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hover: false,\n    })\n\n    const mouseMoveEventName = isIOS ? null : 'mousemove'\n    const {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      updateOption,\n    } = useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = (getCurrentInstance()! as OptionInternalInstance).proxy\n\n    select.onOptionCreate(vm)\n\n    onBeforeUnmount(() => {\n      const key = vm.value\n\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        const { selected: selectedOptions } = select.states\n        const doesSelected = selectedOptions.some((item) => {\n          return item.value === vm.value\n        })\n        if (select.states.cachedOptions.get(key) === vm && !doesSelected) {\n          select.states.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (!isDisabled.value) {\n        select.handleOptionSelect(vm)\n      }\n    }\n\n    const handleMousedown = (event: MouseEvent) => {\n      let target = event.target as HTMLElement | null\n      const currentTarget = event.currentTarget as HTMLElement\n\n      while (target && target !== currentTarget) {\n        if (isFocusable(target)) {\n          return\n        }\n        target = target.parentElement\n      }\n\n      event.preventDefault()\n    }\n\n    return {\n      ns,\n      id,\n      containerKls,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      visible,\n      hover,\n      states,\n      mouseMoveEventName,\n      hoverItem,\n      handleMousedown,\n      updateOption,\n      selectOptionClick,\n    } satisfies OptionExposed\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;qCACE,mBAcK,MAdL,WAcK;EAZF,IAAI,KAAA;EACJ,OAAO,KAAA;EACR,MAAK;EACJ,iBAAe,KAAA,cAAc,KAAA;EAC7B,iBAAe,KAAA;oBACf,KAAA,mBAAoB,GAAA,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,aAAA,KAAA,UAAA,GAAA,KAAA,GAAA,EAAA;EACtB,aAAS,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,KAAA,mBAAA,KAAA,gBAAA,GAAA,KAAA;EACX,SAAK,OAAA,OAAA,OAAA,KAAA,eAAA,GAAA,SAAO,KAAA,qBAAA,KAAA,kBAAA,GAAA,KAAA,EAAiB,CAAA,OAAA,CAAA;MAE9B,WAEO,KAAA,QAAA,WAAA,EAAA,QAAA,CADL,mBAA+B,QAAA,MAAA,gBAAtB,KAAA,aAAY,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA,GAAA,CAAA,CAAA,OAXf,KAAA,QAAO,CAAA,CAAA"}

package/es/components/select/src/select.d.ts

@@ -111,7 +111,7 @@ declare const selectProps: {
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {

package/es/components/select/src/select.vue.d.ts

@@ -103,7 +103,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
@@ -387,7 +387,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
@@ -411,48 +411,48 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
   "onVisible-change"?: ((visible: boolean) => any) | undefined;
-  "onRemove-tag"?: ((val: unknown) => any) | undefined;
   "onPopup-scroll"?: ((args_0: {
     scrollTop: number;
     scrollLeft: number;
   }) => any) | undefined;
+  "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
   valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   offset: number;
   teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   props: Props;
   effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
-  autocomplete: string;
-  clearable: boolean;
-  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
-  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  multiple: boolean;
-  popperClass: string;
   fallbackPlacements: Placement[];
-  placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   popperOptions: Partial<Options>;
-  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  popperClass: string;
   persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  valueKey: string;
-  debounce: number;
-  fitInputWidth: boolean;
+  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   loading: boolean;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
+  multiple: boolean;
+  clearable: boolean;
+  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   filterable: boolean;
   collapseTags: boolean;
   maxCollapseTags: number;
   collapseTagsTooltip: boolean;
+  debounce: number;
   tagType: EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>;
   tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  fitInputWidth: boolean;
+  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   automaticDropdown: boolean;
+  autocomplete: string;
+  suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   allowCreate: boolean;
   remote: boolean;
   multipleLimit: number;
   defaultFirstOption: boolean;
   reserveKeyword: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  valueKey: string;
   tagTooltip: TagTooltipProps;
   remoteShowSuffix: boolean;
 }, {}, {
@@ -528,6 +528,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       visible: boolean;
       hover: boolean;
     };
+    mouseMoveEventName: "mousemove" | null;
     hoverItem: () => void;
     handleMousedown: (event: MouseEvent) => void;
     updateOption: (query: string) => void;
@@ -651,10 +652,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
-      tabindex: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
       maxHeight: number | string;
-      tag: keyof HTMLElementTagNameMap | (string & {});
+      tabindex: number | string;
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -685,10 +686,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
-      tabindex: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
       maxHeight: number | string;
-      tag: keyof HTMLElementTagNameMap | (string & {});
+      tabindex: number | string;
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -722,10 +723,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    tabindex: number | string;
+    tag: keyof HTMLElementTagNameMap | (string & {});
     height: number | string;
     maxHeight: number | string;
-    tag: keyof HTMLElementTagNameMap | (string & {});
+    tabindex: number | string;
     distance: number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     wrapClass: string | string[];
@@ -766,28 +767,28 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      visible: boolean | null;
-      content: string;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      enterable: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      virtualTriggering: boolean;
-      loop: boolean;
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       boundariesPadding: number;
       gpuAcceleration: boolean;
       placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      enterable: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
+      loop: boolean;
+      visible: boolean | null;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
+      virtualTriggering: boolean;
+      content: string;
       showArrow: boolean;
       role: typeof roleTypes[number];
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -817,28 +818,28 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      visible: boolean | null;
-      content: string;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      enterable: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      virtualTriggering: boolean;
-      loop: boolean;
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       boundariesPadding: number;
       gpuAcceleration: boolean;
       placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      enterable: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
+      loop: boolean;
+      visible: boolean | null;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
+      virtualTriggering: boolean;
+      content: string;
       showArrow: boolean;
       role: typeof roleTypes[number];
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -873,28 +874,28 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     offset: number;
     teleported: boolean;
     effect: PopperEffect;
-    visible: boolean | null;
-    content: string;
-    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    enterable: boolean;
-    pure: boolean;
-    focusOnShow: boolean;
-    trapping: boolean;
-    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    stopPopperMouseEvent: boolean;
-    virtualTriggering: boolean;
-    loop: boolean;
+    showAfter: number;
+    hideAfter: number;
+    autoClose: number;
     boundariesPadding: number;
     gpuAcceleration: boolean;
     placement: Placement;
     popperOptions: Partial<Options>;
     strategy: "fixed" | "absolute";
     arrowOffset: number;
+    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    enterable: boolean;
+    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    stopPopperMouseEvent: boolean;
+    loop: boolean;
+    visible: boolean | null;
+    pure: boolean;
+    focusOnShow: boolean;
+    trapping: boolean;
+    virtualTriggering: boolean;
+    content: string;
     showArrow: boolean;
     role: typeof roleTypes[number];
-    showAfter: number;
-    hideAfter: number;
-    autoClose: number;
     trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {

package/es/components/select/src/type.d.ts

@@ -54,6 +54,7 @@ interface OptionExposed {
   handleMousedown: (event: MouseEvent) => void;
   updateOption: (query: string) => void;
   selectOptionClick: () => void;
+  mouseMoveEventName: 'mousemove' | null;
 }
 type OptionPublicInstance = ComponentPublicInstance<OptionProps, OptionExposed>;
 type OptionInternalInstance = ComponentInternalInstance & {