@element-plus/nightly 0.0.20220314 → 0.0.20220315

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

@@ -152,6 +152,7 @@ declare const _default: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
@@ -226,7 +227,6 @@ declare const _default: import("vue").DefineComponent<{
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;
@@ -320,7 +320,7 @@ declare const _default: import("vue").DefineComponent<{
             "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -469,6 +469,7 @@ declare const _default: import("vue").DefineComponent<{
             onClose: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
@@ -543,7 +544,6 @@ declare const _default: import("vue").DefineComponent<{
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;

package/lib/components/select/src/useSelect.d.ts

@@ -83,6 +83,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
         $data: {};
         $props: Partial<{
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -157,7 +158,6 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("../..").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;
@@ -251,7 +251,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
             "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -400,6 +400,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
             onClose: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -474,7 +475,6 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("../..").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;

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

@@ -182,6 +182,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -256,7 +257,6 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("..").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;
@@ -350,7 +350,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -499,6 +499,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             onClose: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -573,7 +574,6 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("..").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;
@@ -1075,6 +1075,7 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -1149,7 +1150,6 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("..").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;
@@ -1243,7 +1243,7 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1392,6 +1392,7 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             onClose: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -1466,7 +1467,6 @@ export declare const ElSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("..").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;

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

@@ -60,10 +60,11 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const isItemSelected = (modelValue, target) => {
+      const { valueKey } = select.props;
       if (select.props.multiple) {
-        return contains(modelValue, target.value);
+        return contains(modelValue, lodashUnified.get(target, valueKey));
       }
-      return isEqual(modelValue, target.value);
+      return isEqual(modelValue, lodashUnified.get(target, valueKey));
     };
     const isItemDisabled = (modelValue, selected) => {
       const { disabled, multiple, multipleLimit } = select.props;

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

@@ -1 +1 @@
-{"version":3,"file":"select-dropdown.js","sources":["../../../../../../packages/components/select-v2/src/select-dropdown.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  inject,\n  ref,\n  renderSlot,\n  h,\n  withCtx,\n  withKeys,\n  withModifiers,\n} from 'vue'\nimport { get } from 'lodash-unified'\nimport { isUndefined, isObject } from '@element-plus/utils'\nimport {\n  FixedSizeList,\n  DynamicSizeList,\n} from '@element-plus/components/virtual-list'\nimport { useNamespace } from '@element-plus/hooks'\nimport GroupItem from './group-item.vue'\nimport OptionItem from './option-item.vue'\n\nimport { selectV2InjectionKey } from './token'\n\nimport type { ItemProps } from '@element-plus/components/virtual-list'\nimport type { OptionItemProps, Option } from './select.types'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  props: {\n    data: Array,\n    hoveringIndex: Number,\n    width: Number,\n  },\n  setup(props) {\n    const select = inject(selectV2InjectionKey) as any\n    const ns = useNamespace('select')\n    const cachedHeights = ref<Array<number>>([])\n\n    const listRef = ref(null)\n\n    const isSized = computed(() =>\n      isUndefined(select.props.estimatedOptionHeight)\n    )\n    const listProps = computed(() => {\n      if (isSized.value) {\n        return {\n          itemSize: select.props.itemHeight,\n        }\n      }\n\n      return {\n        estimatedSize: select.props.estimatedOptionHeight,\n        itemSize: (idx: number) => cachedHeights.value[idx],\n      }\n    })\n\n    const contains = (arr: Array<any> = [], target: any) => {\n      const {\n        props: { valueKey },\n      } = select\n\n      if (!isObject(target)) {\n        return arr.includes(target)\n      }\n\n      return (\n        arr &&\n        arr.some((item) => {\n          return get(item, valueKey) === get(target, valueKey)\n        })\n      )\n    }\n    const isEqual = (selected: unknown, target: unknown) => {\n      if (!isObject(target)) {\n        return selected === target\n      } else {\n        const { valueKey } = select.props\n        return get(selected, valueKey) === get(target, valueKey)\n      }\n    }\n\n    const isItemSelected = (modelValue: any[] | any, target: Option) => {\n      if (select.props.multiple) {\n        return contains(modelValue, target.value)\n      }\n      return isEqual(modelValue, target.value)\n    }\n\n    const isItemDisabled = (modelValue: any[] | any, selected: boolean) => {\n      const { disabled, multiple, multipleLimit } = select.props\n      return (\n        disabled ||\n        (!selected &&\n          (multiple\n            ? multipleLimit > 0 && modelValue.length >= multipleLimit\n            : false))\n      )\n    }\n\n    const isItemHovering = (target: number) => props.hoveringIndex === target\n\n    const scrollToItem = (index: number) => {\n      const list = listRef.value as any\n      if (list) {\n        list.scrollToItem(index)\n      }\n    }\n\n    const resetScrollTop = () => {\n      const list = listRef.value as any\n      if (list) {\n        list.resetScrollTop()\n      }\n    }\n\n    // computed\n    return {\n      ns,\n      select,\n      listProps,\n      listRef,\n      isSized,\n\n      isItemDisabled,\n      isItemHovering,\n      isItemSelected,\n\n      scrollToItem,\n      resetScrollTop,\n    }\n  },\n\n  render(_ctx, _cache) {\n    const {\n      $slots,\n\n      data,\n      listProps,\n      select,\n      isSized,\n      width,\n      ns,\n      // methods\n      isItemDisabled,\n      isItemHovering,\n      isItemSelected,\n    } = _ctx\n\n    const Comp = isSized ? FixedSizeList : DynamicSizeList\n\n    const {\n      props: selectProps,\n      onSelect,\n      onHover,\n      onKeyboardNavigate,\n      onKeyboardSelect,\n    } = select\n    const { height, modelValue, multiple } = selectProps\n\n    if (data.length === 0) {\n      return h(\n        'div',\n        {\n          class: ns.b('dropdown'),\n          style: {\n            width: `${width}px`,\n          },\n        },\n        $slots.empty?.()\n      )\n    }\n\n    const ListItem = withCtx((scoped: ItemProps<any>) => {\n      const { index, data } = scoped\n      const item = data[index]\n      // render group item which is not selectable.\n      if (data[index].type === 'Group') {\n        return h(GroupItem, {\n          item,\n          style: scoped.style,\n          height: isSized ? listProps.itemSize : listProps.estimatedSize,\n        })\n      }\n\n      const selected = isItemSelected(modelValue, item)\n      const itemDisabled = isItemDisabled(modelValue, selected)\n      // render option item which is selectable\n      return h(\n        OptionItem,\n        {\n          ...scoped,\n          selected,\n          disabled: item.disabled || itemDisabled,\n          created: !!item.created,\n          hovering: isItemHovering(index),\n          item,\n          onSelect,\n          onHover,\n        },\n        {\n          default: withCtx((props: OptionItemProps) => {\n            return renderSlot($slots, 'default', props, () => [\n              h('span', item.label),\n            ])\n          }),\n        }\n      )\n    })\n\n    const List = h(\n      Comp,\n      {\n        ref: 'listRef', // forwarded ref so that select can access the list directly\n        className: ns.be('dropdown', 'list'),\n        data,\n        height,\n        width,\n        total: data.length,\n        scrollbarAlwaysOn: selectProps.scrollbarAlwaysOn,\n        onKeydown: [\n          _cache[1] ||\n            (_cache[1] = withKeys(\n              withModifiers(\n                () => onKeyboardNavigate('forward'),\n                ['stop', 'prevent']\n              ),\n              ['down']\n            )),\n          _cache[2] ||\n            (_cache[2] = withKeys(\n              withModifiers(\n                () => onKeyboardNavigate('backward'),\n                ['stop', 'prevent']\n              ),\n              ['up']\n            )),\n          _cache[3] ||\n            (_cache[3] = withKeys(\n              withModifiers(onKeyboardSelect, ['stop', 'prevent']),\n              ['enter']\n            )),\n\n          _cache[4] ||\n            (_cache[4] = withKeys(\n              withModifiers(\n                () => (select.expanded = false),\n                ['stop', 'prevent']\n              ),\n              ['esc']\n            )),\n          _cache[5] ||\n            (_cache[5] = withKeys(() => (select.expanded = false), ['tab'])),\n          // _cache[6] || (_cache[6] = () => {\n          //   console.log(11)\n          // }),\n        ],\n        ...listProps,\n      },\n      {\n        default: ListItem,\n      }\n    )\n    return h(\n      'div',\n      {\n        class: [ns.b('dropdown'), ns.is('multiple', multiple)],\n      },\n      [List]\n    )\n  },\n})\n</script>\n"],"names":["defineComponent","inject","selectV2InjectionKey","useNamespace","ref","computed","isUndefined","isObject","get","FixedSizeList","DynamicSizeList","h","withCtx","GroupItem","OptionItem","withKeys","withModifiers"],"mappings":"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"}
+{"version":3,"file":"select-dropdown.js","sources":["../../../../../../packages/components/select-v2/src/select-dropdown.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  inject,\n  ref,\n  renderSlot,\n  h,\n  withCtx,\n  withKeys,\n  withModifiers,\n} from 'vue'\nimport { get } from 'lodash-unified'\nimport { isUndefined, isObject } from '@element-plus/utils'\nimport {\n  FixedSizeList,\n  DynamicSizeList,\n} from '@element-plus/components/virtual-list'\nimport { useNamespace } from '@element-plus/hooks'\nimport GroupItem from './group-item.vue'\nimport OptionItem from './option-item.vue'\n\nimport { selectV2InjectionKey } from './token'\n\nimport type { ItemProps } from '@element-plus/components/virtual-list'\nimport type { OptionItemProps, Option } from './select.types'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  props: {\n    data: Array,\n    hoveringIndex: Number,\n    width: Number,\n  },\n  setup(props) {\n    const select = inject(selectV2InjectionKey) as any\n    const ns = useNamespace('select')\n    const cachedHeights = ref<Array<number>>([])\n\n    const listRef = ref(null)\n\n    const isSized = computed(() =>\n      isUndefined(select.props.estimatedOptionHeight)\n    )\n    const listProps = computed(() => {\n      if (isSized.value) {\n        return {\n          itemSize: select.props.itemHeight,\n        }\n      }\n\n      return {\n        estimatedSize: select.props.estimatedOptionHeight,\n        itemSize: (idx: number) => cachedHeights.value[idx],\n      }\n    })\n\n    const contains = (arr: Array<any> = [], target: any) => {\n      const {\n        props: { valueKey },\n      } = select\n\n      if (!isObject(target)) {\n        return arr.includes(target)\n      }\n\n      return (\n        arr &&\n        arr.some((item) => {\n          return get(item, valueKey) === get(target, valueKey)\n        })\n      )\n    }\n    const isEqual = (selected: unknown, target: unknown) => {\n      if (!isObject(target)) {\n        return selected === target\n      } else {\n        const { valueKey } = select.props\n        return get(selected, valueKey) === get(target, valueKey)\n      }\n    }\n\n    const isItemSelected = (modelValue: any[] | any, target: Option) => {\n      const { valueKey } = select.props\n      if (select.props.multiple) {\n        return contains(modelValue, get(target, valueKey))\n      }\n      return isEqual(modelValue, get(target, valueKey))\n    }\n\n    const isItemDisabled = (modelValue: any[] | any, selected: boolean) => {\n      const { disabled, multiple, multipleLimit } = select.props\n      return (\n        disabled ||\n        (!selected &&\n          (multiple\n            ? multipleLimit > 0 && modelValue.length >= multipleLimit\n            : false))\n      )\n    }\n\n    const isItemHovering = (target: number) => props.hoveringIndex === target\n\n    const scrollToItem = (index: number) => {\n      const list = listRef.value as any\n      if (list) {\n        list.scrollToItem(index)\n      }\n    }\n\n    const resetScrollTop = () => {\n      const list = listRef.value as any\n      if (list) {\n        list.resetScrollTop()\n      }\n    }\n\n    // computed\n    return {\n      ns,\n      select,\n      listProps,\n      listRef,\n      isSized,\n\n      isItemDisabled,\n      isItemHovering,\n      isItemSelected,\n\n      scrollToItem,\n      resetScrollTop,\n    }\n  },\n\n  render(_ctx, _cache) {\n    const {\n      $slots,\n\n      data,\n      listProps,\n      select,\n      isSized,\n      width,\n      ns,\n      // methods\n      isItemDisabled,\n      isItemHovering,\n      isItemSelected,\n    } = _ctx\n\n    const Comp = isSized ? FixedSizeList : DynamicSizeList\n\n    const {\n      props: selectProps,\n      onSelect,\n      onHover,\n      onKeyboardNavigate,\n      onKeyboardSelect,\n    } = select\n    const { height, modelValue, multiple } = selectProps\n\n    if (data.length === 0) {\n      return h(\n        'div',\n        {\n          class: ns.b('dropdown'),\n          style: {\n            width: `${width}px`,\n          },\n        },\n        $slots.empty?.()\n      )\n    }\n\n    const ListItem = withCtx((scoped: ItemProps<any>) => {\n      const { index, data } = scoped\n      const item = data[index]\n      // render group item which is not selectable.\n      if (data[index].type === 'Group') {\n        return h(GroupItem, {\n          item,\n          style: scoped.style,\n          height: isSized ? listProps.itemSize : listProps.estimatedSize,\n        })\n      }\n\n      const selected = isItemSelected(modelValue, item)\n      const itemDisabled = isItemDisabled(modelValue, selected)\n      // render option item which is selectable\n      return h(\n        OptionItem,\n        {\n          ...scoped,\n          selected,\n          disabled: item.disabled || itemDisabled,\n          created: !!item.created,\n          hovering: isItemHovering(index),\n          item,\n          onSelect,\n          onHover,\n        },\n        {\n          default: withCtx((props: OptionItemProps) => {\n            return renderSlot($slots, 'default', props, () => [\n              h('span', item.label),\n            ])\n          }),\n        }\n      )\n    })\n\n    const List = h(\n      Comp,\n      {\n        ref: 'listRef', // forwarded ref so that select can access the list directly\n        className: ns.be('dropdown', 'list'),\n        data,\n        height,\n        width,\n        total: data.length,\n        scrollbarAlwaysOn: selectProps.scrollbarAlwaysOn,\n        onKeydown: [\n          _cache[1] ||\n            (_cache[1] = withKeys(\n              withModifiers(\n                () => onKeyboardNavigate('forward'),\n                ['stop', 'prevent']\n              ),\n              ['down']\n            )),\n          _cache[2] ||\n            (_cache[2] = withKeys(\n              withModifiers(\n                () => onKeyboardNavigate('backward'),\n                ['stop', 'prevent']\n              ),\n              ['up']\n            )),\n          _cache[3] ||\n            (_cache[3] = withKeys(\n              withModifiers(onKeyboardSelect, ['stop', 'prevent']),\n              ['enter']\n            )),\n\n          _cache[4] ||\n            (_cache[4] = withKeys(\n              withModifiers(\n                () => (select.expanded = false),\n                ['stop', 'prevent']\n              ),\n              ['esc']\n            )),\n          _cache[5] ||\n            (_cache[5] = withKeys(() => (select.expanded = false), ['tab'])),\n          // _cache[6] || (_cache[6] = () => {\n          //   console.log(11)\n          // }),\n        ],\n        ...listProps,\n      },\n      {\n        default: ListItem,\n      }\n    )\n    return h(\n      'div',\n      {\n        class: [ns.b('dropdown'), ns.is('multiple', multiple)],\n      },\n      [List]\n    )\n  },\n})\n</script>\n"],"names":["defineComponent","inject","selectV2InjectionKey","useNamespace","ref","computed","isUndefined","isObject","get","FixedSizeList","DynamicSizeList","h","withCtx","GroupItem","OptionItem","withKeys","withModifiers"],"mappings":"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"}

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

@@ -181,6 +181,7 @@ declare const _default: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{
             disabled: boolean;
+            trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -255,7 +256,6 @@ declare const _default: import("vue").DefineComponent<{
             teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("../..").Measurable;
             virtualTriggering: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;
@@ -349,7 +349,7 @@ declare const _default: import("vue").DefineComponent<{
             "onUpdate:visible": import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -498,6 +498,7 @@ declare const _default: import("vue").DefineComponent<{
             onClose: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
             disabled: boolean;
+            trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -572,7 +573,6 @@ declare const _default: import("vue").DefineComponent<{
             teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("../..").Measurable;
             virtualTriggering: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;

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

@@ -93,6 +93,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $data: {};
         $props: Partial<{
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
@@ -167,7 +168,6 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;
@@ -261,7 +261,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             "onUpdate:visible": import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "trigger" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "style" | "className" | "visible" | "enterable" | "pure" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "arrowOffset" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -410,6 +410,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             onClose: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
             disabled: boolean;
+            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-plus/es/utils").BuildPropType<StringConstructor, import("element-plus/es/components/popper").Placement, unknown>;
@@ -484,7 +485,6 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             persistent: boolean;
             arrowOffset: number;
-            trigger: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
             virtualRef: import("element-plus/es/components/popper").Measurable;
             virtualTriggering: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             "onUpdate:visible": (val: boolean) => void;

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

@@ -340,7 +340,8 @@ const useSelect = (props, emit) => {
     }
   };
   const deleteTag = (event, tag) => {
-    const index = props.modelValue.indexOf(tag.value);
+    const { valueKey } = props;
+    const index = props.modelValue.indexOf(lodashUnified.get(tag, valueKey));
     if (index > -1 && !selectDisabled.value) {
       const value = [
         ...props.modelValue.slice(0, index),
@@ -348,7 +349,7 @@ const useSelect = (props, emit) => {
       ];
       states.cachedOptions.splice(index, 1);
       update(value);
-      emit("remove-tag", tag.value);
+      emit("remove-tag", lodashUnified.get(tag, valueKey));
       states.softFocus = true;
       removeNewOption(tag);
       return vue.nextTick(focusAndUpdatePopup);