element-pe 2.2.70 → 2.2.71

package/dist/index.full.mjs

@@ -38748,7 +38748,8 @@ const _sfc_main$F = defineComponent({
       required: true
     },
     style: Object,
-    height: Number
+    height: Number,
+    labelKey: String
   },
   setup() {
     const ns = useNamespace("select");
@@ -38762,7 +38763,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: normalizeClass(_ctx.ns.be("group", "title")),
     style: normalizeStyle([_ctx.style, { lineHeight: `${_ctx.height}px` }])
-  }, toDisplayString(_ctx.item.label), 7)) : (openBlock(), createElementBlock("div", {
+  }, toDisplayString(_ctx.item[_ctx.labelKey]), 7)) : (openBlock(), createElementBlock("div", {
     key: 1,
     class: normalizeClass(_ctx.ns.be("group", "split")),
     style: normalizeStyle(_ctx.style)
@@ -38883,6 +38884,10 @@ const SelectProps = {
     type: String,
     default: "value"
   },
+  labelKey: {
+    type: String,
+    default: "label"
+  },
   scrollbarAlwaysOn: {
     type: Boolean,
     default: false
@@ -38913,7 +38918,8 @@ const OptionProps = {
   index: Number,
   style: Object,
   selected: Boolean,
-  created: Boolean
+  created: Boolean,
+  labelKey: String
 };
 
 const _sfc_main$E = defineComponent({
@@ -38949,7 +38955,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       index: _ctx.index,
       disabled: _ctx.disabled
     }, () => [
-      createElementVNode("span", null, toDisplayString(_ctx.item.label), 1)
+      createElementVNode("span", null, toDisplayString(_ctx.item[_ctx.labelKey]), 1)
     ])
   ], 46, _hoisted_1$j);
 }
@@ -38965,7 +38971,8 @@ var ElSelectMenu = defineComponent({
       required: true
     },
     hoveringIndex: Number,
-    width: Number
+    width: Number,
+    labelKey: String
   },
   setup(props, {
     slots,
@@ -39077,7 +39084,8 @@ var ElSelectMenu = defineComponent({
         return createVNode(GroupItem, {
           "item": item,
           "style": style,
-          "height": sized ? itemSize : estimatedSize
+          "height": sized ? itemSize : estimatedSize,
+          "labelKey": props.labelKey
         }, null);
       }
       const isSelected = isItemSelected(modelValue, item);
@@ -39090,7 +39098,8 @@ var ElSelectMenu = defineComponent({
         "hovering": isHovering,
         "item": item,
         "onSelect": onSelect,
-        "onHover": onHover
+        "onHover": onHover,
+        "labelKey": props.labelKey
       }), {
         default: (props2) => {
           var _a;
@@ -39209,8 +39218,8 @@ function useAllowCreate(props, states) {
     if (enableAllowCreateMode.value) {
       if (query && query.length > 0 && !hasExistingOption(query)) {
         const newOption = {
-          value: query,
-          label: query,
+          [props.valueKey]: query,
+          [props.labelKey]: query,
           created: true,
           disabled: false
         };
@@ -39233,7 +39242,7 @@ function useAllowCreate(props, states) {
     }
   }
   function removeNewOption(option) {
-    if (!enableAllowCreateMode.value || !option || !option.created || option.created && props.reserveKeyword && states.inputValue === option.label) {
+    if (!enableAllowCreateMode.value || !option || !option.created || option.created && props.reserveKeyword && states.inputValue === option[props.labelKey]) {
       return;
     }
     const idx = states.createdOptions.findIndex((it) => it.value === option.value);
@@ -39390,7 +39399,7 @@ const useSelect$1 = (props, emit) => {
     const isValidOption = (o) => {
       const query = states.inputValue;
       const regexp = new RegExp(escapeStringRegexp(query), "i");
-      const containsQueryString = query ? regexp.test(o.label || "") : true;
+      const containsQueryString = query ? regexp.test(o[props.labelKey] || "") : true;
       return containsQueryString;
     };
     if (props.loading) {
@@ -39556,7 +39565,7 @@ const useSelect$1 = (props, emit) => {
     return isObject$1(item) ? get(item, props.valueKey) : item;
   };
   const getLabel = (item) => {
-    return isObject$1(item) ? item.label : item;
+    return isObject$1(item) ? item[props.labelKey] : item;
   };
   const resetInputHeight = () => {
     return nextTick(() => {
@@ -39620,7 +39629,7 @@ const useSelect$1 = (props, emit) => {
       setSoftFocus();
     } else {
       selectedIndex.value = idx;
-      states.selectedLabel = option.label;
+      states.selectedLabel = option[props.labelKey];
       update(getValueKey(option));
       expanded.value = false;
       states.isComposing = false;
@@ -39826,7 +39835,7 @@ const useSelect$1 = (props, emit) => {
         const options = filteredOptions.value;
         const selectedItemIndex = options.findIndex((option) => getValueKey(option) === getValueKey(props.modelValue));
         if (~selectedItemIndex) {
-          states.selectedLabel = options[selectedItemIndex].label;
+          states.selectedLabel = options[selectedItemIndex][props.labelKey];
           updateHoveringIndex(selectedItemIndex);
         } else {
           states.selectedLabel = `${props.modelValue}`;
@@ -40324,7 +40333,8 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
           data: _ctx.filteredOptions,
           width: _ctx.popperSize,
           "hovering-index": _ctx.states.hoveringIndex,
-          "scrollbar-always-on": _ctx.scrollbarAlwaysOn
+          "scrollbar-always-on": _ctx.scrollbarAlwaysOn,
+          "label-key": _ctx.labelKey
         }, {
           default: withCtx((scope) => [
             renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(scope)))
@@ -40337,7 +40347,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ]),
           _: 3
-        }, 8, ["data", "width", "hovering-index", "scrollbar-always-on"])
+        }, 8, ["data", "width", "hovering-index", "scrollbar-always-on", "label-key"])
       ]),
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "effect", "placement", "offset", "show-arrow", "transition", "persistent", "onBeforeShow"])

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

@@ -78,12 +78,12 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
         readonly widget: StringConstructor;
     }>> & {
         onChange?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
-        onSelect?: ((item: Record<string, any>) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        onSelect?: ((item: Record<string, any>) => any) | undefined;
     }>>;
     emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "select", item: Record<string, any>) => void);
     table: import("../table/src/table/defaults").Table<any> | undefined;
@@ -117,10 +117,10 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            readonly id: string;
             readonly type: string;
             readonly modelValue: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
             readonly label: string;
+            readonly id: string;
             readonly disabled: boolean;
             readonly clearable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly tableInput: boolean;
@@ -212,18 +212,18 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
             };
         }>> & {
             onChange?: ((value: string) => any) | undefined;
-            onClear?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onClear?: (() => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
             onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "id" | "type" | "modelValue" | "label" | "disabled" | "clearable" | "tableInput" | "autosize" | "autocomplete" | "readonly" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "modelValue" | "label" | "id" | "disabled" | "clearable" | "tableInput" | "autosize" | "autocomplete" | "readonly" | "showPassword" | "showWordLimit" | "containerRole" | "tabindex" | "validateEvent" | "inputStyle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -316,11 +316,11 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
             };
         }>> & {
             onChange?: ((value: string) => any) | undefined;
-            onClear?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onClear?: (() => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
@@ -407,11 +407,11 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
                 };
             }>> & {
                 onChange?: ((value: string) => any) | undefined;
-                onClear?: (() => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 onInput?: ((value: string) => any) | undefined;
                 onFocus?: ((evt: FocusEvent) => any) | undefined;
                 onBlur?: ((evt: FocusEvent) => any) | undefined;
+                onClear?: (() => any) | undefined;
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 onMouseenter?: ((evt: MouseEvent) => any) | undefined;
                 onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
@@ -597,10 +597,10 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
             compositionupdate: (evt: CompositionEvent) => boolean;
             compositionend: (evt: CompositionEvent) => boolean;
         }, string, {
-            readonly id: string;
             readonly type: string;
             readonly modelValue: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
             readonly label: string;
+            readonly id: string;
             readonly disabled: boolean;
             readonly clearable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly tableInput: boolean;
@@ -712,11 +712,11 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
         };
     }>> & {
         onChange?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
@@ -803,11 +803,11 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
             };
         }>> & {
             onChange?: ((value: string) => any) | undefined;
-            onClear?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onClear?: (() => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
@@ -7400,11 +7400,11 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
             };
         }>> & {
             onChange?: ((value: string) => any) | undefined;
-            onClear?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onClear?: (() => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
@@ -7668,11 +7668,11 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
         };
     }>> & {
         onChange?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onInput?: ((value: string) => any) | undefined;
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onMouseleave?: ((evt: MouseEvent) => any) | undefined;
         onMouseenter?: ((evt: MouseEvent) => any) | undefined;
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
@@ -7680,10 +7680,10 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
         onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
         onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
     }, {
-        readonly id: string;
         readonly type: string;
         readonly modelValue: import("element-pe/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
         readonly label: string;
+        readonly id: string;
         readonly disabled: boolean;
         readonly clearable: import("element-pe/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly tableInput: boolean;
@@ -11596,12 +11596,12 @@ export declare const ElAutocomplete: import("element-pe/es/utils").SFCWithInstal
     readonly widget: StringConstructor;
 }>> & {
     onChange?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onSelect?: ((item: Record<string, any>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((item: Record<string, any>) => any) | undefined;
 }, {
     readonly offset: number;
     readonly valueKey: string;

package/es/components/autocomplete/index.mjs

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