element-pe 2.2.69 → 2.2.71

package/dist/index.full.js

@@ -38752,7 +38752,8 @@
         required: true
       },
       style: Object,
-      height: Number
+      height: Number,
+      labelKey: String
     },
     setup() {
       const ns = useNamespace("select");
@@ -38766,7 +38767,7 @@
       key: 0,
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
       style: vue.normalizeStyle([_ctx.style, { lineHeight: `${_ctx.height}px` }])
-    }, vue.toDisplayString(_ctx.item.label), 7)) : (vue.openBlock(), vue.createElementBlock("div", {
+    }, vue.toDisplayString(_ctx.item[_ctx.labelKey]), 7)) : (vue.openBlock(), vue.createElementBlock("div", {
       key: 1,
       class: vue.normalizeClass(_ctx.ns.be("group", "split")),
       style: vue.normalizeStyle(_ctx.style)
@@ -38887,6 +38888,10 @@
       type: String,
       default: "value"
     },
+    labelKey: {
+      type: String,
+      default: "label"
+    },
     scrollbarAlwaysOn: {
       type: Boolean,
       default: false
@@ -38917,7 +38922,8 @@
     index: Number,
     style: Object,
     selected: Boolean,
-    created: Boolean
+    created: Boolean,
+    labelKey: String
   };
 
   const _sfc_main$E = vue.defineComponent({
@@ -38953,7 +38959,7 @@
         index: _ctx.index,
         disabled: _ctx.disabled
       }, () => [
-        vue.createElementVNode("span", null, vue.toDisplayString(_ctx.item.label), 1)
+        vue.createElementVNode("span", null, vue.toDisplayString(_ctx.item[_ctx.labelKey]), 1)
       ])
     ], 46, _hoisted_1$j);
   }
@@ -38969,7 +38975,8 @@
         required: true
       },
       hoveringIndex: Number,
-      width: Number
+      width: Number,
+      labelKey: String
     },
     setup(props, {
       slots,
@@ -39081,7 +39088,8 @@
           return vue.createVNode(GroupItem, {
             "item": item,
             "style": style,
-            "height": sized ? itemSize : estimatedSize
+            "height": sized ? itemSize : estimatedSize,
+            "labelKey": props.labelKey
           }, null);
         }
         const isSelected = isItemSelected(modelValue, item);
@@ -39094,7 +39102,8 @@
           "hovering": isHovering,
           "item": item,
           "onSelect": onSelect,
-          "onHover": onHover
+          "onHover": onHover,
+          "labelKey": props.labelKey
         }), {
           default: (props2) => {
             var _a;
@@ -39213,8 +39222,8 @@
       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
           };
@@ -39237,7 +39246,7 @@
       }
     }
     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);
@@ -39394,7 +39403,7 @@
       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) {
@@ -39560,7 +39569,7 @@
       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 vue.nextTick(() => {
@@ -39624,7 +39633,7 @@
         setSoftFocus();
       } else {
         selectedIndex.value = idx;
-        states.selectedLabel = option.label;
+        states.selectedLabel = option[props.labelKey];
         update(getValueKey(option));
         expanded.value = false;
         states.isComposing = false;
@@ -39830,7 +39839,7 @@
           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}`;
@@ -40328,7 +40337,8 @@
             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: vue.withCtx((scope) => [
               vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(scope)))
@@ -40341,7 +40351,7 @@
               ])
             ]),
             _: 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"])