element-pe 2.2.97 → 2.2.98

package/lib/components/select-v2/src/defaults.d.ts

@@ -1,133 +1,90 @@
-import type { Component, PropType } from 'vue';
-import type { OptionType } from './select.types';
+import type { Option, OptionType } from './select.types';
+import type { Props } from './useProps';
 import type { Options, Placement } from 'element-pe/es/components/popper';
 export declare const SelectProps: {
-    allowCreate: BooleanConstructor;
-    autocomplete: {
-        type: PropType<"none" | "inline" | "both" | "list">;
-        default: string;
-    };
-    automaticDropdown: BooleanConstructor;
-    clearable: BooleanConstructor;
-    clearIcon: {
-        type: PropType<string | 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<{}>>, {}>;
-    };
-    effect: {
-        type: PropType<string>;
-        default: string;
-    };
-    collapseTags: BooleanConstructor;
-    collapseTagsTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maxCollapseTags: {
-        type: NumberConstructor;
-        default: number;
-    };
-    defaultFirstOption: BooleanConstructor;
-    disabled: BooleanConstructor;
-    viewMode: {
-        type: StringConstructor;
-        values: readonly ["", "text", "underline"];
-    };
-    tableInput: BooleanConstructor;
-    estimatedOptionHeight: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    filterable: BooleanConstructor;
-    filterMethod: FunctionConstructor;
-    height: {
-        type: NumberConstructor;
-        default: number;
-    };
-    itemHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    id: StringConstructor;
-    loading: BooleanConstructor;
-    loadingText: StringConstructor;
-    label: StringConstructor;
-    modelValue: PropType<any>;
-    multiple: BooleanConstructor;
-    multipleLimit: {
-        type: NumberConstructor;
-        default: number;
-    };
-    name: StringConstructor;
-    noDataText: StringConstructor;
-    noMatchText: StringConstructor;
-    remoteMethod: FunctionConstructor;
-    reserveKeyword: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: PropType<OptionType<any>[]>;
-        required: boolean;
-    };
-    placeholder: {
-        type: StringConstructor;
-    };
-    teleported: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    persistent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    popperClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperOptions: {
-        type: PropType<Partial<Options>>;
-        default: () => Partial<Options>;
-    };
-    remote: BooleanConstructor;
-    size: {
-        type: PropType<"" | "default" | "small" | "large">;
-        validator: (val: string) => val is "" | "default" | "small" | "large";
-    };
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    scrollbarAlwaysOn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    validateEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    offset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    placement: {
-        type: PropType<Placement>;
-        values: Placement[];
-        default: string;
-    };
-    showArrow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    readonly allowCreate: BooleanConstructor;
+    readonly autocomplete: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => ("none" | "inline" | "both" | "list") & {}) | (() => "none" | "inline" | "both" | "list") | ((new (...args: any[]) => ("none" | "inline" | "both" | "list") & {}) | (() => "none" | "inline" | "both" | "list"))[], unknown, unknown, "none", boolean>;
+    readonly automaticDropdown: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+    readonly clearIcon: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, 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<{}>>, {}>, boolean>;
+    readonly effect: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "light", boolean>;
+    readonly collapseTags: BooleanConstructor;
+    readonly collapseTagsTooltip: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly maxCollapseTags: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    readonly defaultFirstOption: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly viewMode: {
+        readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "underline", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly tableInput: BooleanConstructor;
+    readonly estimatedOptionHeight: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
+    readonly filterable: BooleanConstructor;
+    readonly filterMethod: FunctionConstructor;
+    readonly height: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 170, boolean>;
+    readonly itemHeight: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 34, boolean>;
+    readonly id: StringConstructor;
+    readonly loading: BooleanConstructor;
+    readonly loadingText: StringConstructor;
+    readonly label: StringConstructor;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly multiple: BooleanConstructor;
+    readonly multipleLimit: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly name: StringConstructor;
+    readonly noDataText: StringConstructor;
+    readonly noMatchText: StringConstructor;
+    readonly remoteMethod: FunctionConstructor;
+    readonly reserveKeyword: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly options: {
+        readonly type: import("vue").PropType<OptionType[]>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly placeholder: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly teleported: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly persistent: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperClass: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly popperOptions: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => Partial<Options>, boolean>;
+    readonly remote: BooleanConstructor;
+    readonly size: {
+        readonly type: import("vue").PropType<import("element-pe/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly props: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | ((new (...args: any[]) => Props) | (() => Props))[], unknown, unknown, () => Required<Props>, boolean>;
+    readonly valueKey: import("element-pe/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "value", boolean>;
+    readonly scrollbarAlwaysOn: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly validateEvent: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly offset: import("element-pe/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
+    readonly placement: import("element-pe/es/utils").EpPropFinalized<(new (...args: any[]) => Placement & {}) | (() => Placement) | ((new (...args: any[]) => Placement & {}) | (() => Placement))[], Placement, unknown, "bottom-start", boolean>;
+    readonly showArrow: import("element-pe/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export declare const OptionProps: {
-    data: ArrayConstructor;
-    disabled: BooleanConstructor;
-    hovering: BooleanConstructor;
-    item: ObjectConstructor;
-    index: NumberConstructor;
-    style: ObjectConstructor;
-    selected: BooleanConstructor;
-    created: BooleanConstructor;
-    labelKey: StringConstructor;
+    readonly data: ArrayConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly hovering: BooleanConstructor;
+    readonly item: {
+        readonly type: import("vue").PropType<Option>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly index: NumberConstructor;
+    readonly style: ObjectConstructor;
+    readonly selected: BooleanConstructor;
+    readonly created: BooleanConstructor;
 };

package/lib/components/select-v2/src/defaults.js

@@ -3,29 +3,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@popperjs/core');
+require('../../../hooks/index.js');
 require('../../../utils/index.js');
 require('../../tooltip/index.js');
 var iconsVue = require('@element-plus/icons-vue');
+var useProps = require('./useProps.js');
 require('../../../constants/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var icon = require('../../../utils/vue/icon.js');
 var size = require('../../../constants/size.js');
 var content = require('../../tooltip/src/content.js');
-var validator = require('../../../utils/vue/validator.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
 
-const SelectProps = {
+const SelectProps = runtime.buildProps({
   allowCreate: Boolean,
   autocomplete: {
-    type: String,
+    type: runtime.definePropType(String),
     default: "none"
   },
   automaticDropdown: Boolean,
   clearable: Boolean,
   clearIcon: {
-    type: [String, Object],
+    type: icon.iconPropType,
     default: iconsVue.CircleClose
   },
   effect: {
-    type: String,
+    type: runtime.definePropType(String),
     default: "light"
   },
   collapseTags: Boolean,
@@ -62,7 +65,9 @@ const SelectProps = {
   loading: Boolean,
   loadingText: String,
   label: String,
-  modelValue: [Array, String, Number, Boolean, Object],
+  modelValue: {
+    type: runtime.definePropType([Array, String, Number, Boolean, Object])
+  },
   multiple: Boolean,
   multipleLimit: {
     type: Number,
@@ -77,7 +82,7 @@ const SelectProps = {
     default: true
   },
   options: {
-    type: Array,
+    type: runtime.definePropType(Array),
     required: true
   },
   placeholder: {
@@ -93,22 +98,19 @@ const SelectProps = {
     default: ""
   },
   popperOptions: {
-    type: Object,
+    type: runtime.definePropType(Object),
     default: () => ({})
   },
   remote: Boolean,
-  size: {
-    type: String,
-    validator: validator.isValidComponentSize
+  size: index.useSizeProp,
+  props: {
+    type: runtime.definePropType(Object),
+    default: () => useProps.defaultProps
   },
   valueKey: {
     type: String,
     default: "value"
   },
-  labelKey: {
-    type: String,
-    default: "label"
-  },
   scrollbarAlwaysOn: {
     type: Boolean,
     default: false
@@ -130,18 +132,20 @@ const SelectProps = {
     type: Boolean,
     default: true
   }
-};
-const OptionProps = {
+});
+const OptionProps = runtime.buildProps({
   data: Array,
   disabled: Boolean,
   hovering: Boolean,
-  item: Object,
+  item: {
+    type: runtime.definePropType(Object),
+    required: true
+  },
   index: Number,
   style: Object,
   selected: Boolean,
-  created: Boolean,
-  labelKey: String
-};
+  created: Boolean
+});
 
 exports.OptionProps = OptionProps;
 exports.SelectProps = SelectProps;

package/lib/components/select-v2/src/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sources":["../../../../../../packages/components/select-v2/src/defaults.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { definePropType, isValidComponentSize } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { CircleClose } from '@element-plus/icons-vue'\nimport type { Component, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { OptionType } from './select.types'\nimport type { Options, Placement } from '@element-plus/components/popper'\nimport { viewModes } from '@element-plus/constants'\n\nexport const SelectProps = {\n  allowCreate: Boolean,\n  autocomplete: {\n    type: String as PropType<'none' | 'both' | 'list' | 'inline'>,\n    default: 'none',\n  },\n  automaticDropdown: Boolean,\n  clearable: Boolean,\n  clearIcon: {\n    type: [String, Object] as PropType<string | Component>,\n    default: CircleClose,\n  },\n  effect: {\n    type: String as PropType<'light' | 'dark' | string>,\n    default: 'light',\n  },\n  collapseTags: Boolean,\n  collapseTagsTooltip: {\n    type: Boolean,\n    default: false,\n  },\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  defaultFirstOption: Boolean,\n  disabled: Boolean,\n  viewMode: {\n    type: String,\n    values: viewModes\n  },\n  tableInput: Boolean,\n  estimatedOptionHeight: {\n    type: Number,\n    default: undefined,\n  },\n  filterable: Boolean,\n  filterMethod: Function,\n  height: {\n    type: Number,\n    default: 170, // 5 items by default\n  },\n  itemHeight: {\n    type: Number,\n    default: 34,\n  },\n  id: String,\n  loading: Boolean,\n  loadingText: String,\n  label: String,\n  modelValue: [Array, String, Number, Boolean, Object] as PropType<\n    any[] | string | number | boolean | Record<string, any> | any\n  >,\n  multiple: Boolean,\n  multipleLimit: {\n    type: Number,\n    default: 0,\n  },\n  name: String,\n  noDataText: String,\n  noMatchText: String,\n  remoteMethod: Function,\n  reserveKeyword: {\n    type: Boolean,\n    default: true,\n  },\n  options: {\n    type: Array as PropType<OptionType[]>,\n    required: true,\n  },\n  placeholder: {\n    type: String,\n  },\n  teleported: useTooltipContentProps.teleported,\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  popperOptions: {\n    type: Object as PropType<Partial<Options>>,\n    default: () => ({} as Partial<Options>),\n  },\n  remote: Boolean,\n  size: {\n    type: String as PropType<ComponentSize>,\n    validator: isValidComponentSize,\n  },\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  labelKey: {\n    type: String,\n    default: 'label',\n  },\n  scrollbarAlwaysOn: {\n    type: Boolean,\n    default: false,\n  },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'bottom-start',\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n}\n\nexport const OptionProps = {\n  data: Array,\n  disabled: Boolean,\n  hovering: Boolean,\n  item: Object,\n  index: Number,\n  style: Object,\n  selected: Boolean,\n  created: Boolean,\n  labelKey: String\n}\n"],"names":["CircleClose","viewModes","useTooltipContentProps","isValidComponentSize","definePropType","placements"],"mappings":"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"}
+{"version":3,"file":"defaults.js","sources":["../../../../../../packages/components/select-v2/src/defaults.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { CircleClose } from '@element-plus/icons-vue'\nimport { defaultProps } from './useProps'\n\nimport type { Option, OptionType } from './select.types'\nimport type { Props } from './useProps'\nimport type { Options, Placement } from '@element-plus/components/popper'\nimport { viewModes } from '@element-plus/constants'\n\nexport const SelectProps = buildProps({\n  allowCreate: Boolean,\n  autocomplete: {\n    type: definePropType<'none' | 'both' | 'list' | 'inline'>(String),\n    default: 'none',\n  },\n  automaticDropdown: Boolean,\n  clearable: Boolean,\n  clearIcon: {\n    type: iconPropType,\n    default: CircleClose,\n  },\n  effect: {\n    type: definePropType<'light' | 'dark' | string>(String),\n    default: 'light',\n  },\n  collapseTags: Boolean,\n  collapseTagsTooltip: {\n    type: Boolean,\n    default: false,\n  },\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  defaultFirstOption: Boolean,\n  disabled: Boolean,\n  viewMode: {\n    type: String,\n    values: viewModes\n  },\n  tableInput: Boolean,\n  estimatedOptionHeight: {\n    type: Number,\n    default: undefined,\n  },\n  filterable: Boolean,\n  filterMethod: Function,\n  height: {\n    type: Number,\n    default: 170, // 5 items by default\n  },\n  itemHeight: {\n    type: Number,\n    default: 34,\n  },\n  id: String,\n  loading: Boolean,\n  loadingText: String,\n  label: String,\n  modelValue: {\n    type: definePropType<\n      any[] | string | number | boolean | Record<string, any> | any\n    >([Array, String, Number, Boolean, Object]),\n  },\n  multiple: Boolean,\n  multipleLimit: {\n    type: Number,\n    default: 0,\n  },\n  name: String,\n  noDataText: String,\n  noMatchText: String,\n  remoteMethod: Function,\n  reserveKeyword: {\n    type: Boolean,\n    default: true,\n  },\n  options: {\n    type: definePropType<OptionType[]>(Array),\n    required: true,\n  },\n  placeholder: {\n    type: String,\n  },\n  teleported: useTooltipContentProps.teleported,\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({} as Partial<Options>),\n  },\n  remote: Boolean,\n  size: useSizeProp,\n  props: {\n    type: definePropType<Props>(Object),\n    default: () => defaultProps,\n  },\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  scrollbarAlwaysOn: {\n    type: Boolean,\n    default: false,\n  },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'bottom-start',\n  },\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const OptionProps = buildProps({\n  data: Array,\n  disabled: Boolean,\n  hovering: Boolean,\n  item: {\n    type: definePropType<Option>(Object),\n    required: true,\n  },\n  index: Number,\n  style: Object,\n  selected: Boolean,\n  created: Boolean,\n} as const)\n"],"names":["buildProps","definePropType","iconPropType","CircleClose","viewModes","useTooltipContentProps","useSizeProp","defaultProps","placements"],"mappings":"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"}

package/lib/components/select-v2/src/group-item.js

@@ -14,8 +14,7 @@ const _sfc_main = vue.defineComponent({
       required: true
     },
     style: Object,
-    height: Number,
-    labelKey: String
+    height: Number
   },
   setup() {
     const ns = index.useNamespace("select");
@@ -29,7 +28,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: vue.normalizeClass(_ctx.ns.be("group", "title")),
     style: vue.normalizeStyle([_ctx.style, { lineHeight: `${_ctx.height}px` }])
-  }, vue.toDisplayString(_ctx.item[_ctx.labelKey]), 7)) : (vue.openBlock(), vue.createElementBlock("div", {
+  }, vue.toDisplayString(_ctx.item.label), 7)) : (vue.openBlock(), vue.createElementBlock("div", {
     key: 1,
     class: vue.normalizeClass(_ctx.ns.be("group", "split")),
     style: vue.normalizeStyle(_ctx.style)

package/lib/components/select-v2/src/group-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-item.js","sources":["../../../../../../packages/components/select-v2/src/group-item.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"item.isTitle\"\n    :class=\"ns.be('group', 'title')\"\n    :style=\"[style, { lineHeight: `${height}px` }]\"\n  >\n    {{ item[labelKey] }}\n  </div>\n  <div v-else :class=\"ns.be('group', 'split')\" :style=\"style\">\n    <span\n      :class=\"ns.be('group', 'split-dash')\"\n      :style=\"{ top: `${height / 2}px` }\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n    style: Object,\n    height: Number,\n    labelKey: String\n  },\n  setup() {\n    const ns = useNamespace('select')\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","_createElementBlock","_normalizeClass","_normalizeStyle","_toDisplayString","_openBlock","_createElementVNode"],"mappings":";;;;;;;;;AAqBA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,QAAU,EAAA,MAAA;AAAA,GACZ;AAAA,EACA,KAAQ,GAAA;AACN,IAAM,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;AAChC,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;AAnCS,EAAA,OAAA,IAAA,CAAA,IAAA,CAAK,4BADbC,sBAMM,CAAA,KAAA,EAAA;AAAA,IAAA,GAAA,EAAA,CAAA;IAJH,KAAK,EAAAC,kBAAA,CAAE,QAAG,EAAE,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA;AAAA,IACZ,KAAK,EAAAC,kBAAA,CAAA,CAAG,IAAK,CAAA,KAAA,EAAA,EAAA,UAAA,EAAA,CAAA,EAAmB,IAAM,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAEpC,EAAAC,mBAAA,CAAA,IAAA,CAAA,IAAA,CAAK,IAAQ,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,CAAA,KAAAC,aAAA,EAAA,EAElBJ,sBAKM,CAAA,KAAA,EAAA;AAAA,IAAA,GAAA,EAAA,CAAA;IALO,KAAK,EAAAC,kBAAA,CAAE,QAAG,EAAE,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA;AAAA,IAAqB,KAAA,EAAKC,mBAAE,IAAK,CAAA,KAAA,CAAA;AAAA,GAAA,EAAA;IACxDG,sBAGE,CAAA,MAAA,EAAA;AAAA,MAFC,KAAA,EAAKJ,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAAA,MACZ,KAAA,EAAKC,6BAAY,IAAM,CAAA,MAAA,GAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;;;;;;"}
+{"version":3,"file":"group-item.js","sources":["../../../../../../packages/components/select-v2/src/group-item.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"item.isTitle\"\n    :class=\"ns.be('group', 'title')\"\n    :style=\"[style, { lineHeight: `${height}px` }]\"\n  >\n    {{ item.label }}\n  </div>\n  <div v-else :class=\"ns.be('group', 'split')\" :style=\"style\">\n    <span\n      :class=\"ns.be('group', 'split-dash')\"\n      :style=\"{ top: `${height / 2}px` }\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n    style: Object,\n    height: Number,\n  },\n  setup() {\n    const ns = useNamespace('select')\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","_createElementBlock","_normalizeClass","_normalizeStyle","_toDisplayString","_openBlock","_createElementVNode"],"mappings":";;;;;;;;;AAqBA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,KAAO,EAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACA,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,GACV;AAAA,EACA,KAAQ,GAAA;AACN,IAAM,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;AAChC,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;AAlCS,EAAA,OAAA,IAAA,CAAA,IAAA,CAAK,4BADbC,sBAMM,CAAA,KAAA,EAAA;AAAA,IAAA,GAAA,EAAA,CAAA;IAJH,KAAK,EAAAC,kBAAA,CAAE,QAAG,EAAE,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA;AAAA,IACZ,KAAK,EAAAC,kBAAA,CAAA,CAAG,IAAK,CAAA,KAAA,EAAA,EAAA,UAAA,EAAA,CAAA,EAAmB,IAAM,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAEpC,EAAAC,mBAAA,CAAA,IAAA,CAAA,IAAA,CAAK,KAAK,CAAA,EAAA,CAAA,CAAA,KAAAC,aAAA,EAAA,EAEfJ,sBAKM,CAAA,KAAA,EAAA;AAAA,IAAA,GAAA,EAAA,CAAA;IALO,KAAK,EAAAC,kBAAA,CAAE,QAAG,EAAE,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA;AAAA,IAAqB,KAAA,EAAKC,mBAAE,IAAK,CAAA,KAAA,CAAA;AAAA,GAAA,EAAA;IACxDG,sBAGE,CAAA,MAAA,EAAA;AAAA,MAFC,KAAA,EAAKJ,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,OAAA,EAAA,YAAA,CAAA,CAAA;AAAA,MACZ,KAAA,EAAKC,6BAAY,IAAM,CAAA,MAAA,GAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;;;;;;"}

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

@@ -5,7 +5,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     style: ObjectConstructor;
     height: NumberConstructor;
-    labelKey: StringConstructor;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -32,6 +31,5 @@ declare const _default: import("vue").DefineComponent<{
     };
     style: ObjectConstructor;
     height: NumberConstructor;
-    labelKey: StringConstructor;
 }>>, {}>;
 export default _default;

package/lib/components/select-v2/src/option-item.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../../../hooks/index.js');
 var useOption = require('./useOption.js');
+var useProps = require('./useProps.js');
 var defaults = require('./defaults.js');
+var token = require('./token.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
 
@@ -13,12 +15,15 @@ const _sfc_main = vue.defineComponent({
   props: defaults.OptionProps,
   emits: ["select", "hover"],
   setup(props, { emit }) {
+    const select = vue.inject(token.selectV2InjectionKey);
     const ns = index.useNamespace("select");
     const { hoverItem, selectOptionClick } = useOption.useOption(props, { emit });
+    const { getLabel } = useProps.useProps(select.props);
     return {
       ns,
       hoverItem,
-      selectOptionClick
+      selectOptionClick,
+      getLabel
     };
   }
 });
@@ -42,7 +47,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       index: _ctx.index,
       disabled: _ctx.disabled
     }, () => [
-      vue.createElementVNode("span", null, vue.toDisplayString(_ctx.item[_ctx.labelKey]), 1)
+      vue.createElementVNode("span", null, vue.toDisplayString(_ctx.getLabel(_ctx.item)), 1)
     ])
   ], 46, _hoisted_1);
 }

package/lib/components/select-v2/src/option-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"option-item.js","sources":["../../../../../../packages/components/select-v2/src/option-item.vue"],"sourcesContent":["<template>\n  <li\n    :aria-selected=\"selected\"\n    :style=\"style\"\n    :class=\"[\n      ns.be('dropdown', 'option-item'),\n      ns.is('selected', selected),\n      ns.is('disabled', disabled),\n      ns.is('created', created),\n      { hover: hovering },\n    ]\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot :item=\"item\" :index=\"index\" :disabled=\"disabled\">\n      <span>{{ item[labelKey] }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\n// @ts-nocheck\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { OptionProps } from './defaults'\n\nexport default defineComponent({\n  props: OptionProps,\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    const ns = useNamespace('select')\n    const { hoverItem, selectOptionClick } = useOption(props, { emit })\n    return {\n      ns,\n      hoverItem,\n      selectOptionClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","OptionProps","useNamespace","useOption","_createElementBlock","_normalizeStyle","_normalizeClass","_renderSlot","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;AA2BA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,KAAO,EAAAC,oBAAA;AAAA,EACP,KAAA,EAAO,CAAC,QAAA,EAAU,OAAO,CAAA;AAAA,EACzB,KAAA,CAAM,KAAO,EAAA,EAAE,IAAQ,EAAA,EAAA;AACrB,IAAM,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,SAAW,EAAA,iBAAA,EAAA,GAAsBC,oBAAU,KAAO,EAAA,EAAE,MAAM,CAAA,CAAA;AAClE,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,SAAA;AAAA,MACA,iBAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;0BAtCCC,sBAgBK,CAAA,IAAA,EAAA;AAAA,IAfF,eAAe,EAAA,IAAA,CAAA,QAAA;AAAA,IACf,KAAA,EAAKC,mBAAE,IAAK,CAAA,KAAA,CAAA;AAAA,IACZ,KAAK,EAAAC,kBAAA,CAAA;AAAA,MAAU,QAAG,EAAE,CAAA,UAAA,EAAA,aAAA,CAAA;AAAA,MAAmC,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,UAAA,EAAa,IAAQ,CAAA,QAAA,CAAA;AAAA,MAAS,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,UAAA,EAAa,IAAQ,CAAA,QAAA,CAAA;AAAA,MAAS,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,SAAA,EAAY,IAAO,CAAA,OAAA,CAAA;AAAA,MAAA,EAAA,KAAA,EAAkB,IAAQ,CAAA,QAAA,EAAA;AAAA,KAAA,CAAA;AAO/K,IAAA,YAAA,EAAU,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,SAAA,IAAA,IAAA,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IACZ,OAAA,EAAK,yDAAO,IAAiB,CAAA,iBAAA,IAAA,IAAA,CAAA,iBAAA,CAAA,GAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;IAE9BC,cAEO,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA;AAAA,MAFA,IAAM,EAAA,IAAA,CAAA,IAAA;AAAA,MAAO,KAAO,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,KAAA,EAA7C,MAEO;AAAA,MADLC,sBAAA,CAAiC,MAAxB,EAAA,IAAA,EAAAC,mBAAA,CAAA,IAAA,CAAA,IAAA,CAAK,IAAQ,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;"}
+{"version":3,"file":"option-item.js","sources":["../../../../../../packages/components/select-v2/src/option-item.vue"],"sourcesContent":["<template>\n  <li\n    :aria-selected=\"selected\"\n    :style=\"style\"\n    :class=\"[\n      ns.be('dropdown', 'option-item'),\n      ns.is('selected', selected),\n      ns.is('disabled', disabled),\n      ns.is('created', created),\n      { hover: hovering },\n    ]\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot :item=\"item\" :index=\"index\" :disabled=\"disabled\">\n      <span>{{ getLabel(item) }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { useProps } from './useProps'\nimport { OptionProps } from './defaults'\nimport { selectV2InjectionKey } from './token'\n\nexport default defineComponent({\n  props: OptionProps,\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    const select = inject(selectV2InjectionKey)!\n    const ns = useNamespace('select')\n    const { hoverItem, selectOptionClick } = useOption(props, { emit })\n    const { getLabel } = useProps(select.props)\n\n    return {\n      ns,\n      hoverItem,\n      selectOptionClick,\n      getLabel,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","OptionProps","inject","selectV2InjectionKey","useNamespace","useOption","useProps","_createElementBlock","_normalizeStyle","_normalizeClass","_renderSlot","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;AA4BA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,KAAO,EAAAC,oBAAA;AAAA,EACP,KAAA,EAAO,CAAC,QAAA,EAAU,OAAO,CAAA;AAAA,EACzB,KAAA,CAAM,KAAO,EAAA,EAAE,IAAQ,EAAA,EAAA;AACrB,IAAM,MAAA,MAAA,GAASC,WAAOC,0BAAoB,CAAA,CAAA;AAC1C,IAAM,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,EAAE,SAAW,EAAA,iBAAA,EAAA,GAAsBC,oBAAU,KAAO,EAAA,EAAE,MAAM,CAAA,CAAA;AAClE,IAAA,MAAM,EAAE,QAAA,EAAA,GAAaC,iBAAS,CAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAE1C,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,SAAA;AAAA,MACA,iBAAA;AAAA,MACA,QAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;0BA3CCC,sBAgBK,CAAA,IAAA,EAAA;AAAA,IAfF,eAAe,EAAA,IAAA,CAAA,QAAA;AAAA,IACf,KAAA,EAAKC,mBAAE,IAAK,CAAA,KAAA,CAAA;AAAA,IACZ,KAAK,EAAAC,kBAAA,CAAA;AAAA,MAAU,QAAG,EAAE,CAAA,UAAA,EAAA,aAAA,CAAA;AAAA,MAAmC,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,UAAA,EAAa,IAAQ,CAAA,QAAA,CAAA;AAAA,MAAS,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,UAAA,EAAa,IAAQ,CAAA,QAAA,CAAA;AAAA,MAAS,IAAA,CAAA,EAAA,CAAG,EAAE,CAAA,SAAA,EAAY,IAAO,CAAA,OAAA,CAAA;AAAA,MAAA,EAAA,KAAA,EAAkB,IAAQ,CAAA,QAAA,EAAA;AAAA,KAAA,CAAA;AAO/K,IAAA,YAAA,EAAU,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,SAAA,IAAA,IAAA,CAAA,SAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IACZ,OAAA,EAAK,yDAAO,IAAiB,CAAA,iBAAA,IAAA,IAAA,CAAA,iBAAA,CAAA,GAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA;IAE9BC,cAEO,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA;AAAA,MAFA,IAAM,EAAA,IAAA,CAAA,IAAA;AAAA,MAAO,KAAO,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,KAAA,EAA7C,MAEO;AAAA,MADLC,sBAAA,CAAiC,MAAxB,EAAA,IAAA,EAAAC,mBAAA,CAAA,IAAA,CAAA,QAAA,CAAS,IAAI,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;"}

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

@@ -1,13 +1,17 @@
 declare const _default: import("vue").DefineComponent<{
-    data: ArrayConstructor;
-    disabled: BooleanConstructor;
-    hovering: BooleanConstructor;
-    item: ObjectConstructor;
-    index: NumberConstructor;
-    style: ObjectConstructor;
-    selected: BooleanConstructor;
-    created: BooleanConstructor;
-    labelKey: StringConstructor;
+    readonly data: ArrayConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly hovering: BooleanConstructor;
+    readonly item: {
+        readonly type: import("vue").PropType<import("./select.types").Option>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly index: NumberConstructor;
+    readonly style: ObjectConstructor;
+    readonly selected: BooleanConstructor;
+    readonly created: BooleanConstructor;
 }, {
     ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -29,23 +33,28 @@ declare const _default: import("vue").DefineComponent<{
     };
     hoverItem: () => void;
     selectOptionClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "select")[], "select" | "hover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    data: ArrayConstructor;
-    disabled: BooleanConstructor;
-    hovering: BooleanConstructor;
-    item: ObjectConstructor;
-    index: NumberConstructor;
-    style: ObjectConstructor;
-    selected: BooleanConstructor;
-    created: BooleanConstructor;
-    labelKey: StringConstructor;
+    getLabel: (option: import("./select.types").Option) => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "hover")[], "select" | "hover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly data: ArrayConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly hovering: BooleanConstructor;
+    readonly item: {
+        readonly type: import("vue").PropType<import("./select.types").Option>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly index: NumberConstructor;
+    readonly style: ObjectConstructor;
+    readonly selected: BooleanConstructor;
+    readonly created: BooleanConstructor;
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     onHover?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
-    hovering: boolean;
-    created: boolean;
-    selected: boolean;
+    readonly disabled: boolean;
+    readonly hovering: boolean;
+    readonly created: boolean;
+    readonly selected: boolean;
 }>;
 export default _default;

package/lib/components/select-v2/src/select-dropdown.d.ts

@@ -5,7 +5,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     hoveringIndex: NumberConstructor;
     width: NumberConstructor;
-    labelKey: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: ArrayConstructor;
@@ -13,6 +12,5 @@ declare const _default: import("vue").DefineComponent<{
     };
     hoveringIndex: NumberConstructor;
     width: NumberConstructor;
-    labelKey: StringConstructor;
 }>>, {}>;
 export default _default;

package/lib/components/select-v2/src/select-dropdown.js

@@ -11,6 +11,7 @@ require('../../../hooks/index.js');
 require('../../../constants/index.js');
 var groupItem = require('./group-item.js');
 var optionItem = require('./option-item.js');
+var useProps = require('./useProps.js');
 var token = require('./token.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var forEditor = require('../../config-provider/src/for-editor.js');
@@ -28,8 +29,7 @@ var ElSelectMenu = vue.defineComponent({
       required: true
     },
     hoveringIndex: Number,
-    width: Number,
-    labelKey: String
+    width: Number
   },
   setup(props, {
     slots,
@@ -37,6 +37,11 @@ var ElSelectMenu = vue.defineComponent({
   }) {
     const select = vue.inject(token.selectV2InjectionKey);
     const ns = index.useNamespace("select");
+    const {
+      getLabel,
+      getValue,
+      getDisabled
+    } = useProps.useProps(select.props);
     const cachedHeights = vue.ref([]);
     const listRef = vue.ref();
     const size = vue.computed(() => props.data.length);
@@ -81,9 +86,9 @@ var ElSelectMenu = vue.defineComponent({
     };
     const isItemSelected = (modelValue, target) => {
       if (select.props.multiple) {
-        return contains(modelValue, target.value);
+        return contains(modelValue, getValue(target));
       }
-      return isEqual(modelValue, target.value);
+      return isEqual(modelValue, getValue(target));
     };
     const isItemDisabled = (modelValue, selected) => {
       const {
@@ -138,8 +143,7 @@ var ElSelectMenu = vue.defineComponent({
         return vue.createVNode(groupItem["default"], {
           "item": item,
           "style": style,
-          "height": sized ? itemSize : estimatedSize,
-          "labelKey": props.labelKey
+          "height": sized ? itemSize : estimatedSize
         }, null);
       }
       const isSelected = isItemSelected(modelValue, item);
@@ -147,17 +151,16 @@ var ElSelectMenu = vue.defineComponent({
       const isHovering = isItemHovering(index);
       return vue.createVNode(optionItem["default"], vue.mergeProps(itemProps, {
         "selected": isSelected,
-        "disabled": item.disabled || isDisabled,
+        "disabled": getDisabled(item) || isDisabled,
         "created": !!item.created,
         "hovering": isHovering,
         "item": item,
         "onSelect": onSelect,
-        "onHover": onHover,
-        "labelKey": props.labelKey
+        "onHover": onHover
       }), {
         default: (props2) => {
           var _a;
-          return ((_a = slots.default) == null ? void 0 : _a.call(slots, props2)) || vue.createVNode("span", null, [item.label]);
+          return ((_a = slots.default) == null ? void 0 : _a.call(slots, props2)) || vue.createVNode("span", null, [getLabel(item)]);
         }
       });
     };