element-plus 2.3.8 → 2.3.10

package/lib/components/select/index.d.ts

@@ -55,10 +55,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         default: string;
     };
     collapseTags: BooleanConstructor;
-    collapseTagsTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    collapseTagsTooltip: BooleanConstructor;
     maxCollapseTags: {
         type: NumberConstructor;
         default: number;
@@ -72,10 +69,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
         default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     };
-    fitInputWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    fitInputWidth: BooleanConstructor;
     suffixIcon: {
         type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
         default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
@@ -91,10 +85,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         type: BooleanConstructor;
         default: boolean;
     };
-    remoteShowSuffix: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    remoteShowSuffix: BooleanConstructor;
     suffixTransition: {
         type: BooleanConstructor;
         default: boolean;
@@ -104,6 +95,10 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         values: import("@popperjs/core").Placement[];
         default: string;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }, {
     isIOS: boolean | "";
     onOptionsRendered: (v: any) => void;
@@ -146,6 +141,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
     handleComposition: (event: any) => void;
     handleMenuEnter: () => void;
     handleFocus: (event: FocusEvent) => void;
+    focus: () => void;
     blur: () => void;
     handleBlur: (event: FocusEvent) => void;
     handleClearClick: (event: Event) => void;
@@ -156,7 +152,6 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
     getValueKey: (item: any) => any;
     navigateOptions: (direction: any) => void;
     dropMenuVisible: import("vue").WritableComputedRef<boolean>;
-    focus: () => void;
     reference: import("vue").Ref<import("vue").ComponentPublicInstance<{
         focus: () => void;
         blur: () => void;
@@ -1273,7 +1268,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -4226,7 +4221,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {
@@ -7550,7 +7545,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             controlled: import("vue").ComputedRef<boolean>;
-            isFocusInsideContent: () => boolean | undefined;
+            isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
             ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
                 readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
             }, {
@@ -10503,7 +10498,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         onOpen: (event?: Event | undefined) => void;
         onClose: (event?: Event | undefined) => void;
         controlled: import("vue").ComputedRef<boolean>;
-        isFocusInsideContent: () => boolean | undefined;
+        isFocusInsideContent: (event?: FocusEvent | undefined) => boolean | undefined;
         ElPopper: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "group" | "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }, {
@@ -12730,10 +12725,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         default: string;
     };
     collapseTags: BooleanConstructor;
-    collapseTagsTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    collapseTagsTooltip: BooleanConstructor;
     maxCollapseTags: {
         type: NumberConstructor;
         default: number;
@@ -12747,10 +12739,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
         default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     };
-    fitInputWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    fitInputWidth: BooleanConstructor;
     suffixIcon: {
         type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
         default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
@@ -12766,10 +12755,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         type: BooleanConstructor;
         default: boolean;
     };
-    remoteShowSuffix: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    remoteShowSuffix: BooleanConstructor;
     suffixTransition: {
         type: BooleanConstructor;
         default: boolean;
@@ -12779,6 +12765,10 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         values: import("@popperjs/core").Placement[];
         default: string;
     };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -12794,6 +12784,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
     placement: string;
     popperClass: string;
     popperOptions: Options;
+    ariaLabel: string;
     teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
     disabled: boolean;
@@ -12806,6 +12797,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
     loading: boolean;
     filterable: boolean;
     collapseTags: boolean;
+    maxCollapseTags: number;
     collapseTagsTooltip: boolean;
     tagType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>;
     clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
@@ -12815,7 +12807,6 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
     multipleLimit: number;
     defaultFirstOption: boolean;
     reserveKeyword: boolean;
-    maxCollapseTags: number;
     remoteShowSuffix: boolean;
     suffixTransition: boolean;
 }>> & {
@@ -12826,10 +12817,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         };
         label: (NumberConstructor | StringConstructor)[];
         created: BooleanConstructor;
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
+        disabled: BooleanConstructor;
     }, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
@@ -12875,20 +12863,14 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         };
         label: (NumberConstructor | StringConstructor)[];
         created: BooleanConstructor;
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
+        disabled: BooleanConstructor;
     }>>, {
         disabled: boolean;
         created: boolean;
     }>;
     OptionGroup: import("vue").DefineComponent<{
         label: StringConstructor;
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
+        disabled: BooleanConstructor;
     }, {
         visible: import("vue").Ref<boolean>;
         ns: {
@@ -12911,10 +12893,7 @@ export declare const ElSelect: import("element-plus/es/utils").SFCWithInstall<im
         };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         label: StringConstructor;
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
+        disabled: BooleanConstructor;
     }>>, {
         disabled: boolean;
     }>;
@@ -12927,10 +12906,7 @@ export declare const ElOption: import("element-plus/es/utils").SFCWithInstall<im
     };
     label: (NumberConstructor | StringConstructor)[];
     created: BooleanConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    disabled: BooleanConstructor;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -12976,20 +12952,14 @@ export declare const ElOption: import("element-plus/es/utils").SFCWithInstall<im
     };
     label: (NumberConstructor | StringConstructor)[];
     created: BooleanConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    disabled: BooleanConstructor;
 }>>, {
     disabled: boolean;
     created: boolean;
 }>>;
 export declare const ElOptionGroup: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     label: StringConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    disabled: BooleanConstructor;
 }, {
     visible: import("vue").Ref<boolean>;
     ns: {
@@ -13012,10 +12982,7 @@ export declare const ElOptionGroup: import("element-plus/es/utils").SFCWithInsta
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: StringConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    disabled: BooleanConstructor;
 }>>, {
     disabled: boolean;
 }>>;

package/lib/components/select/src/option-group.js

@@ -13,10 +13,7 @@ const _sfc_main = vue.defineComponent({
   componentName: "ElOptionGroup",
   props: {
     label: String,
-    disabled: {
-      type: Boolean,
-      default: false
-    }
+    disabled: Boolean
   },
   setup(props) {
     const ns = index.useNamespace("select");

package/lib/components/select/src/option-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"option-group.js","sources":["../../../../../../packages/components/select/src/option-group.vue"],"sourcesContent":["<template>\n  <ul v-show=\"visible\" :class=\"ns.be('group', 'wrap')\">\n    <li :class=\"ns.be('group', 'title')\">{{ label }}</li>\n    <li>\n      <ul :class=\"ns.b('group')\">\n        <slot />\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRaw,\n  toRefs,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { selectGroupKey, selectKey } from './token'\n\nexport default defineComponent({\n  name: 'ElOptionGroup',\n  componentName: 'ElOptionGroup',\n\n  props: {\n    label: String,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('select')\n    const visible = ref(true)\n    const instance = getCurrentInstance()\n    const children = ref([])\n\n    provide(\n      selectGroupKey,\n      reactive({\n        ...toRefs(props),\n      })\n    )\n\n    const select = inject(selectKey)\n\n    onMounted(() => {\n      children.value = flattedChildren(instance.subTree)\n    })\n\n    // get all instances of options\n    const flattedChildren = (node) => {\n      const children = []\n      if (Array.isArray(node.children)) {\n        node.children.forEach((child) => {\n          if (\n            child.type &&\n            child.type.name === 'ElOption' &&\n            child.component &&\n            child.component.proxy\n          ) {\n            children.push(child.component.proxy)\n          } else if (child.children?.length) {\n            children.push(...flattedChildren(child))\n          }\n        })\n      }\n      return children\n    }\n\n    const { groupQueryChange } = toRaw(select)\n    watch(\n      groupQueryChange,\n      () => {\n        visible.value = children.value.some((option) => option.visible === true)\n      },\n      { flush: 'post' }\n    )\n\n    return {\n      visible,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","ref","getCurrentInstance","provide","selectGroupKey","reactive","toRefs","inject","selectKey","onMounted","toRaw","watch","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_renderSlot","_vShow"],"mappings":"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"}
+{"version":3,"file":"option-group.js","sources":["../../../../../../packages/components/select/src/option-group.vue"],"sourcesContent":["<template>\n  <ul v-show=\"visible\" :class=\"ns.be('group', 'wrap')\">\n    <li :class=\"ns.be('group', 'title')\">{{ label }}</li>\n    <li>\n      <ul :class=\"ns.b('group')\">\n        <slot />\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRaw,\n  toRefs,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { selectGroupKey, selectKey } from './token'\n\nexport default defineComponent({\n  name: 'ElOptionGroup',\n  componentName: 'ElOptionGroup',\n\n  props: {\n    /**\n     * @description name of the group\n     */\n    label: String,\n    /**\n     * @description whether to disable all options in this group\n     */\n    disabled: Boolean,\n  },\n  setup(props) {\n    const ns = useNamespace('select')\n    const visible = ref(true)\n    const instance = getCurrentInstance()\n    const children = ref([])\n\n    provide(\n      selectGroupKey,\n      reactive({\n        ...toRefs(props),\n      })\n    )\n\n    const select = inject(selectKey)\n\n    onMounted(() => {\n      children.value = flattedChildren(instance.subTree)\n    })\n\n    // get all instances of options\n    const flattedChildren = (node) => {\n      const children = []\n      if (Array.isArray(node.children)) {\n        node.children.forEach((child) => {\n          if (\n            child.type &&\n            child.type.name === 'ElOption' &&\n            child.component &&\n            child.component.proxy\n          ) {\n            children.push(child.component.proxy)\n          } else if (child.children?.length) {\n            children.push(...flattedChildren(child))\n          }\n        })\n      }\n      return children\n    }\n\n    const { groupQueryChange } = toRaw(select)\n    watch(\n      groupQueryChange,\n      () => {\n        visible.value = children.value.some((option) => option.visible === true)\n      },\n      { flush: 'post' }\n    )\n\n    return {\n      visible,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","ref","getCurrentInstance","provide","selectGroupKey","reactive","toRefs","inject","selectKey","onMounted","toRaw","watch","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_renderSlot","_vShow"],"mappings":"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"}

package/lib/components/select/src/option-group.vue.d.ts

@@ -1,9 +1,12 @@
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * @description name of the group
+     */
     label: StringConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    /**
+     * @description whether to disable all options in this group
+     */
+    disabled: BooleanConstructor;
 }, {
     visible: import("vue").Ref<boolean>;
     ns: {
@@ -25,11 +28,14 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlockName: (name: string) => string;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description name of the group
+     */
     label: StringConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    /**
+     * @description whether to disable all options in this group
+     */
+    disabled: BooleanConstructor;
 }>>, {
     disabled: boolean;
 }>;

package/lib/components/select/src/option.js

@@ -18,10 +18,7 @@ const _sfc_main = vue.defineComponent({
     },
     label: [String, Number],
     created: Boolean,
-    disabled: {
-      type: Boolean,
-      default: false
-    }
+    disabled: Boolean
   },
   setup(props) {
     const ns = index.useNamespace("select");

package/lib/components/select/src/option.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :class=\"containerKls\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n  unref,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n  name: 'ElOption',\n  componentName: 'ElOption',\n\n  props: {\n    value: {\n      required: true,\n      type: [String, Number, Boolean, Object],\n    },\n    label: [String, Number],\n    created: Boolean,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup(props) {\n    const ns = useNamespace('select')\n\n    const containerKls = computed(() => [\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', unref(isDisabled)),\n      {\n        selected: unref(itemSelected),\n        hover: unref(hover),\n      },\n    ])\n\n    const states = reactive({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hitState: false,\n      hover: false,\n    })\n\n    const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n      useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = getCurrentInstance().proxy\n\n    select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n    onBeforeUnmount(() => {\n      const key = (vm as unknown as SelectOptionProxy).value\n      const { selected } = select\n      const selectedOptions = select.props.multiple ? selected : [selected]\n      const doesSelected = selectedOptions.some((item) => {\n        return item.value === (vm as unknown as SelectOptionProxy).value\n      })\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        if (select.cachedOptions.get(key) === vm && !doesSelected) {\n          select.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (props.disabled !== true && states.groupDisabled !== true) {\n        select.handleOptionSelect(vm)\n      }\n    }\n\n    return {\n      ns,\n      containerKls,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      visible,\n      hover,\n      selectOptionClick,\n      states,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","computed","unref","reactive","useOption","toRefs","getCurrentInstance","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"option.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    :class=\"containerKls\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  toRefs,\n  unref,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n  name: 'ElOption',\n  componentName: 'ElOption',\n\n  props: {\n    /**\n     * @description value of option\n     */\n    value: {\n      required: true,\n      type: [String, Number, Boolean, Object],\n    },\n    /**\n     * @description label of option, same as `value` if omitted\n     */\n    label: [String, Number],\n    created: Boolean,\n    /**\n     * @description whether option is disabled\n     */\n    disabled: Boolean,\n  },\n\n  setup(props) {\n    const ns = useNamespace('select')\n\n    const containerKls = computed(() => [\n      ns.be('dropdown', 'item'),\n      ns.is('disabled', unref(isDisabled)),\n      {\n        selected: unref(itemSelected),\n        hover: unref(hover),\n      },\n    ])\n\n    const states = reactive({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hitState: false,\n      hover: false,\n    })\n\n    const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n      useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = getCurrentInstance().proxy\n\n    select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n    onBeforeUnmount(() => {\n      const key = (vm as unknown as SelectOptionProxy).value\n      const { selected } = select\n      const selectedOptions = select.props.multiple ? selected : [selected]\n      const doesSelected = selectedOptions.some((item) => {\n        return item.value === (vm as unknown as SelectOptionProxy).value\n      })\n      // if option is not selected, remove it from cache\n      nextTick(() => {\n        if (select.cachedOptions.get(key) === vm && !doesSelected) {\n          select.cachedOptions.delete(key)\n        }\n      })\n      select.onOptionDestroy(key, vm)\n    })\n\n    function selectOptionClick() {\n      if (props.disabled !== true && states.groupDisabled !== true) {\n        select.handleOptionSelect(vm)\n      }\n    }\n\n    return {\n      ns,\n      containerKls,\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      visible,\n      hover,\n      selectOptionClick,\n      states,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","computed","unref","reactive","useOption","toRefs","getCurrentInstance","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":"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"}

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

@@ -1,14 +1,20 @@
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * @description value of option
+     */
     value: {
         required: true;
         type: (ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor)[];
     };
+    /**
+     * @description label of option, same as `value` if omitted
+     */
     label: (NumberConstructor | StringConstructor)[];
     created: BooleanConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    /**
+     * @description whether option is disabled
+     */
+    disabled: BooleanConstructor;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -48,16 +54,22 @@ declare const _default: import("vue").DefineComponent<{
         hover: boolean;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description value of option
+     */
     value: {
         required: true;
         type: (ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor)[];
     };
+    /**
+     * @description label of option, same as `value` if omitted
+     */
     label: (NumberConstructor | StringConstructor)[];
     created: BooleanConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    /**
+     * @description whether option is disabled
+     */
+    disabled: BooleanConstructor;
 }>>, {
     disabled: boolean;
     created: boolean;

package/lib/components/select/src/select.js

@@ -29,7 +29,6 @@ var tag = require('../../tag/src/tag.js');
 var event = require('../../../constants/event.js');
 var index$6 = require('../../../hooks/use-namespace/index.js');
 var index$7 = require('../../../hooks/use-locale/index.js');
-var index$8 = require('../../../hooks/use-focus/index.js');
 
 const COMPONENT_NAME = "ElSelect";
 const _sfc_main = vue.defineComponent({
@@ -103,10 +102,7 @@ const _sfc_main = vue.defineComponent({
       default: "value"
     },
     collapseTags: Boolean,
-    collapseTagsTooltip: {
-      type: Boolean,
-      default: false
-    },
+    collapseTagsTooltip: Boolean,
     maxCollapseTags: {
       type: Number,
       default: 1
@@ -120,10 +116,7 @@ const _sfc_main = vue.defineComponent({
       type: icon.iconPropType,
       default: iconsVue.CircleClose
     },
-    fitInputWidth: {
-      type: Boolean,
-      default: false
-    },
+    fitInputWidth: Boolean,
     suffixIcon: {
       type: icon.iconPropType,
       default: iconsVue.ArrowDown
@@ -133,10 +126,7 @@ const _sfc_main = vue.defineComponent({
       type: Boolean,
       default: true
     },
-    remoteShowSuffix: {
-      type: Boolean,
-      default: false
-    },
+    remoteShowSuffix: Boolean,
     suffixTransition: {
       type: Boolean,
       default: true
@@ -145,6 +135,10 @@ const _sfc_main = vue.defineComponent({
       type: String,
       values: core.placements,
       default: "bottom-start"
+    },
+    ariaLabel: {
+      type: String,
+      default: void 0
     }
   },
   emits: [
@@ -191,6 +185,7 @@ const _sfc_main = vue.defineComponent({
       onOptionDestroy,
       handleMenuEnter,
       handleFocus,
+      focus,
       blur,
       handleBlur,
       handleClearClick,
@@ -215,9 +210,9 @@ const _sfc_main = vue.defineComponent({
       handleMouseEnter,
       handleMouseLeave,
       showTagList,
-      collapseTagList
+      collapseTagList,
+      selectTagsStyle
     } = useSelect.useSelect(props, states, ctx);
-    const { focus } = index$8.useFocus(reference);
     const {
       inputWidth,
       selected,
@@ -268,10 +263,6 @@ const _sfc_main = vue.defineComponent({
     const scrollbarKls = vue.computed(() => [
       nsSelect.is("empty", !props.allowCreate && Boolean(vue.unref(query)) && vue.unref(filteredOptionsCount) === 0)
     ]);
-    const selectTagsStyle = vue.computed(() => ({
-      maxWidth: `${vue.unref(inputWidth) - 32}px`,
-      width: "100%"
-    }));
     const tagTextStyle = vue.computed(() => {
       const maxWidth = vue.unref(inputWidth) > 123 ? vue.unref(inputWidth) - 123 : vue.unref(inputWidth) - 75;
       return { maxWidth: `${maxWidth}px` };
@@ -375,6 +366,7 @@ const _sfc_main = vue.defineComponent({
       handleComposition,
       handleMenuEnter,
       handleFocus,
+      focus,
       blur,
       handleBlur,
       handleClearClick,
@@ -385,7 +377,6 @@ const _sfc_main = vue.defineComponent({
       getValueKey,
       navigateOptions,
       dropMenuVisible,
-      focus,
       reference,
       input,
       iOSInput,
@@ -412,7 +403,7 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-const _hoisted_1 = ["disabled", "autocomplete"];
+const _hoisted_1 = ["disabled", "autocomplete", "aria-label"];
 const _hoisted_2 = ["disabled"];
 const _hoisted_3 = { style: { "height": "100%", "display": "flex", "justify-content": "center", "align-items": "center" } };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -428,9 +419,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
     ref: "selectWrapper",
     class: vue.normalizeClass(_ctx.wrapperKls),
-    onMouseenter: _cache[21] || (_cache[21] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
-    onMouseleave: _cache[22] || (_cache[22] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
-    onClick: _cache[23] || (_cache[23] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
+    onMouseenter: _cache[22] || (_cache[22] = (...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args)),
+    onMouseleave: _cache[23] || (_cache[23] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args)),
+    onClick: _cache[24] || (_cache[24] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
   }, [
     vue.createVNode(_component_el_tooltip, {
       ref: "tooltipRef",
@@ -452,14 +443,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       default: vue.withCtx(() => [
         vue.createElementVNode("div", {
           class: "select-trigger",
-          onMouseenter: _cache[19] || (_cache[19] = ($event) => _ctx.inputHovering = true),
-          onMouseleave: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = false)
+          onMouseenter: _cache[20] || (_cache[20] = ($event) => _ctx.inputHovering = true),
+          onMouseleave: _cache[21] || (_cache[21] = ($event) => _ctx.inputHovering = false)
         }, [
           _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             ref: "tags",
+            tabindex: "-1",
             class: vue.normalizeClass(_ctx.tagsKls),
-            style: vue.normalizeStyle(_ctx.selectTagsStyle)
+            style: vue.normalizeStyle(_ctx.selectTagsStyle),
+            onClick: _cache[15] || (_cache[15] = (...args) => _ctx.focus && _ctx.focus(...args))
           }, [
             _ctx.collapseTags && _ctx.selected.length ? (vue.openBlock(), vue.createBlock(vue.Transition, {
               key: 0,
@@ -596,6 +589,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               disabled: _ctx.selectDisabled,
               autocomplete: _ctx.autocomplete,
               style: vue.normalizeStyle(_ctx.inputStyle),
+              "aria-label": _ctx.ariaLabel,
               onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
               onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
               onKeyup: _cache[3] || (_cache[3] = (...args) => _ctx.managePlaceholder && _ctx.managePlaceholder(...args)),
@@ -628,7 +622,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             id: _ctx.id,
             ref: "reference",
             modelValue: _ctx.selectedLabel,
-            "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => _ctx.selectedLabel = $event),
+            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => _ctx.selectedLabel = $event),
             type: "text",
             placeholder: typeof _ctx.currentPlaceholder === "function" ? _ctx.currentPlaceholder() : _ctx.currentPlaceholder,
             name: _ctx.name,
@@ -639,6 +633,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "validate-event": false,
             class: vue.normalizeClass([_ctx.nsSelect.is("focus", _ctx.visible)]),
             tabindex: _ctx.multiple && _ctx.filterable ? -1 : void 0,
+            label: _ctx.ariaLabel,
             onFocus: _ctx.handleFocus,
             onBlur: _ctx.handleBlur,
             onInput: _ctx.debouncedOnInputChange,
@@ -647,11 +642,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onCompositionupdate: _ctx.handleComposition,
             onCompositionend: _ctx.handleComposition,
             onKeydown: [
-              _cache[16] || (_cache[16] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
-              _cache[17] || (_cache[17] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+              _cache[17] || (_cache[17] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+              _cache[18] || (_cache[18] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
               vue.withKeys(vue.withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
               vue.withKeys(_ctx.handleKeydownEscape, ["esc"]),
-              _cache[18] || (_cache[18] = vue.withKeys(($event) => _ctx.visible = false, ["tab"]))
+              _cache[19] || (_cache[19] = vue.withKeys(($event) => _ctx.visible = false, ["tab"]))
             ]
           }, vue.createSlots({
             suffix: vue.withCtx(() => [
@@ -685,7 +680,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ])
             } : void 0
-          ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
+          ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "label", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
         ], 32)
       ]),
       content: vue.withCtx(() => [