@element-plus/nightly 0.0.20211230

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

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var validators = require('../../../utils/validators.js');
+var iconsVue = require('@element-plus/icons-vue');
+
+const SelectProps = {
+  allowCreate: Boolean,
+  autocomplete: {
+    type: String,
+    default: "none"
+  },
+  automaticDropdown: Boolean,
+  clearable: Boolean,
+  clearIcon: {
+    type: [String, Object],
+    default: iconsVue.CircleClose
+  },
+  collapseTags: Boolean,
+  defaultFirstOption: Boolean,
+  disabled: Boolean,
+  estimatedOptionHeight: {
+    type: Number,
+    default: void 0
+  },
+  filterable: Boolean,
+  filterMethod: Function,
+  height: {
+    type: Number,
+    default: 170
+  },
+  itemHeight: {
+    type: Number,
+    default: 34
+  },
+  id: String,
+  loading: Boolean,
+  loadingText: String,
+  label: String,
+  modelValue: [Array, String, Number, Boolean, Object],
+  multiple: Boolean,
+  multipleLimit: {
+    type: Number,
+    default: 0
+  },
+  name: String,
+  noDataText: String,
+  noMatchText: String,
+  remoteMethod: Function,
+  reserveKeyword: Boolean,
+  options: {
+    type: Array,
+    required: true
+  },
+  placeholder: {
+    type: String
+  },
+  popperAppendToBody: {
+    type: Boolean,
+    default: true
+  },
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  popperOptions: {
+    type: Object,
+    default: () => ({})
+  },
+  remote: Boolean,
+  size: {
+    type: String,
+    validator: validators.isValidComponentSize
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  scrollbarAlwaysOn: {
+    type: Boolean,
+    default: false
+  }
+};
+const OptionProps = {
+  data: Array,
+  disabled: Boolean,
+  hovering: Boolean,
+  item: Object,
+  index: Number,
+  style: Object,
+  selected: Boolean,
+  created: Boolean
+};
+
+exports.OptionProps = OptionProps;
+exports.SelectProps = SelectProps;
+//# sourceMappingURL=defaults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sources":["../../../../../../packages/components/select-v2/src/defaults.ts"],"sourcesContent":["import { isValidComponentSize } from '@element-plus/utils/validators'\nimport { CircleClose } from '@element-plus/icons-vue'\n\nimport type { PropType, Component } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { OptionType } from './select.types'\nimport type { Options } from '@element-plus/components/popper'\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  collapseTags: Boolean,\n  defaultFirstOption: Boolean,\n  disabled: 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: Boolean,\n  options: {\n    type: Array as PropType<OptionType[]>,\n    required: true,\n  },\n  placeholder: {\n    type: String,\n  },\n  popperAppendToBody: {\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  scrollbarAlwaysOn: {\n    type: Boolean,\n    default: false,\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}\n"],"names":["CircleClose","isValidComponentSize"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var groupItem_vue_vue_type_script_lang = require('./group-item.vue_vue_type_script_lang.js');
+var groupItem_vue_vue_type_template_id_bef7365a_lang = require('./group-item.vue_vue_type_template_id_bef7365a_lang.js');
+
+groupItem_vue_vue_type_script_lang["default"].render = groupItem_vue_vue_type_template_id_bef7365a_lang.render;
+groupItem_vue_vue_type_script_lang["default"].__file = "packages/components/select-v2/src/group-item.vue";
+
+exports["default"] = groupItem_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=group-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group-item.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<{
+    item: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    style: ObjectConstructor;
+    height: NumberConstructor;
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    item?: unknown;
+    style?: unknown;
+    height?: unknown;
+} & {
+    item: Record<string, any>;
+} & {
+    style?: Record<string, any> | undefined;
+    height?: number | undefined;
+}>, {}>;
+export default _default;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var script = vue.defineComponent({
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+    style: Object,
+    height: Number
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=group-item.vue_vue_type_script_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group-item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/select-v2/src/group-item.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"item.isTitle\"\n    class=\"el-select-group__title\"\n    :style=\"[style, { lineHeight: `${height}px` }]\"\n  >\n    {{ item.label }}\n  </div>\n  <div v-else class=\"el-select-group__split\" :style=\"style\">\n    <span\n      class=\"el-select-group__split-dash\"\n      :style=\"{ top: `${height / 2}px` }\"\n    ></span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n    style: Object,\n    height: Number,\n  },\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;AAiBA,aAAeA,mBAAe;;AAE9B,IAAI,IAAI,EAAE;MACJ;MACA;;SAEG,EAAE,MAAM;IACb;;;;;;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.item.isTitle ? (vue.openBlock(), vue.createElementBlock("div", {
+    key: 0,
+    class: "el-select-group__title",
+    style: vue.normalizeStyle([_ctx.style, { lineHeight: `${_ctx.height}px` }])
+  }, vue.toDisplayString(_ctx.item.label), 5)) : (vue.openBlock(), vue.createElementBlock("div", {
+    key: 1,
+    class: "el-select-group__split",
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createElementVNode("span", {
+      class: "el-select-group__split-dash",
+      style: vue.normalizeStyle({ top: `${_ctx.height / 2}px` })
+    }, null, 4)
+  ], 4));
+}
+
+exports.render = render;
+//# sourceMappingURL=group-item.vue_vue_type_template_id_bef7365a_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group-item.vue_vue_type_template_id_bef7365a_lang.js","sources":["../../../../../../packages/components/select-v2/src/group-item.vue?vue&type=template&id=bef7365a&lang.js"],"sourcesContent":["<template>\n  <div\n    v-if=\"item.isTitle\"\n    class=\"el-select-group__title\"\n    :style=\"[style, { lineHeight: `${height}px` }]\"\n  >\n    {{ item.label }}\n  </div>\n  <div v-else class=\"el-select-group__split\" :style=\"style\">\n    <span\n      class=\"el-select-group__split-dash\"\n      :style=\"{ top: `${height / 2}px` }\"\n    ></span>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n    style: Object,\n    height: Number,\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;UAEU;;;;;mCAIC;;;;aAEwC;;;;;;;;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var optionItem_vue_vue_type_script_lang = require('./option-item.vue_vue_type_script_lang.js');
+var optionItem_vue_vue_type_template_id_119b30a9_lang = require('./option-item.vue_vue_type_template_id_119b30a9_lang.js');
+
+optionItem_vue_vue_type_script_lang["default"].render = optionItem_vue_vue_type_template_id_119b30a9_lang.render;
+optionItem_vue_vue_type_script_lang["default"].__file = "packages/components/select-v2/src/option-item.vue";
+
+exports["default"] = optionItem_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=option-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option-item.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<{
+    data: ArrayConstructor;
+    disabled: BooleanConstructor;
+    hovering: BooleanConstructor;
+    item: ObjectConstructor;
+    index: NumberConstructor;
+    style: ObjectConstructor;
+    selected: BooleanConstructor;
+    created: BooleanConstructor;
+}, {
+    hoverItem: () => void;
+    selectOptionClick: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "hover")[], "select" | "hover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    data?: unknown;
+    disabled?: unknown;
+    hovering?: unknown;
+    item?: unknown;
+    index?: unknown;
+    style?: unknown;
+    selected?: unknown;
+    created?: unknown;
+} & {
+    disabled: boolean;
+    created: boolean;
+    hovering: boolean;
+    selected: boolean;
+} & {
+    index?: number | undefined;
+    data?: unknown[] | undefined;
+    style?: Record<string, any> | undefined;
+    item?: Record<string, any> | undefined;
+}> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onHover?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    created: boolean;
+    hovering: boolean;
+    selected: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var useOption = require('./useOption.js');
+var defaults = require('./defaults.js');
+
+var script = vue.defineComponent({
+  props: defaults.OptionProps,
+  emits: ["select", "hover"],
+  setup(props, { emit }) {
+    const { hoverItem, selectOptionClick } = useOption.useOption(props, { emit });
+    return {
+      hoverItem,
+      selectOptionClick
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=option-item.vue_vue_type_script_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option-item.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/select-v2/src/option-item.vue"],"sourcesContent":["<template>\n  <li\n    :aria-selected=\"selected\"\n    :style=\"style\"\n    :class=\"{\n      'el-select-dropdown__option-item': true,\n      'is-selected': selected,\n      'is-disabled': disabled,\n      '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.label }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useOption } from './useOption'\nimport { OptionProps } from './defaults'\nexport default defineComponent({\n  props: OptionProps,\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    const { hoverItem, selectOptionClick } = useOption(props, { emit })\n    return {\n      hoverItem,\n      selectOptionClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","OptionProps"],"mappings":";;;;;;;;AAuBA,aAAeA,mBAAe,CAAC;AAC/B,EAAE,KAAK,EAAEC,oBAAW;EAClB,KAAK,EAAE,CAAC,QAAQ,EAAE;EAClB,KAAK,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE;IACrB,MAAM,EAAE,WAAW;IACnB;MACE;MACA;MACA;;EAEJ;;;;"}

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["aria-selected"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("li", {
+    "aria-selected": _ctx.selected,
+    style: vue.normalizeStyle(_ctx.style),
+    class: vue.normalizeClass({
+      "el-select-dropdown__option-item": true,
+      "is-selected": _ctx.selected,
+      "is-disabled": _ctx.disabled,
+      "is-created": _ctx.created,
+      hover: _ctx.hovering
+    }),
+    onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
+    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+  }, [
+    vue.renderSlot(_ctx.$slots, "default", {
+      item: _ctx.item,
+      index: _ctx.index,
+      disabled: _ctx.disabled
+    }, () => [
+      vue.createElementVNode("span", null, vue.toDisplayString(_ctx.item.label), 1)
+    ])
+  ], 46, _hoisted_1);
+}
+
+exports.render = render;
+//# sourceMappingURL=option-item.vue_vue_type_template_id_119b30a9_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option-item.vue_vue_type_template_id_119b30a9_lang.js","sources":["../../../../../../packages/components/select-v2/src/option-item.vue?vue&type=template&id=119b30a9&lang.js"],"sourcesContent":["<template>\n  <li\n    :aria-selected=\"selected\"\n    :style=\"style\"\n    :class=\"{\n      'el-select-dropdown__option-item': true,\n      'is-selected': selected,\n      'is-disabled': disabled,\n      '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.label }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useOption } from './useOption'\nimport { OptionProps } from './defaults'\nexport default defineComponent({\n  props: OptionProps,\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    const { hoverItem, selectOptionClick } = useOption(props, { emit })\n    return {\n      hoverItem,\n      selectOptionClick,\n    }\n  },\n})\n</script>\n"],"names":["_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;;;IAEK;;;;;;;;;;IAUAA;;;MAEM,eAAU;aAAU;MAAQC;;;;;;;"}

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var selectDropdown_vue_vue_type_script_lang = require('./select-dropdown.vue_vue_type_script_lang.js');
+
+selectDropdown_vue_vue_type_script_lang["default"].__file = "packages/components/select-v2/src/select-dropdown.vue";
+
+exports["default"] = selectDropdown_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=select-dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-dropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

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

@@ -0,0 +1,31 @@
+import type { Option } from './select.types';
+declare const _default: import("vue").DefineComponent<{
+    data: ArrayConstructor;
+    hoveringIndex: NumberConstructor;
+    width: NumberConstructor;
+}, {
+    select: any;
+    listProps: import("vue").ComputedRef<{
+        itemSize: any;
+        estimatedSize?: undefined;
+    } | {
+        estimatedSize: any;
+        itemSize: (idx: number) => number;
+    }>;
+    listRef: import("vue").Ref<null>;
+    isSized: import("vue").ComputedRef<boolean>;
+    isItemDisabled: (modelValue: any[] | any, selected: boolean) => any;
+    isItemHovering: (target: number) => boolean;
+    isItemSelected: (modelValue: any[] | any, target: Option) => boolean;
+    scrollToItem: (index: number) => void;
+    resetScrollTop: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    data?: unknown;
+    hoveringIndex?: unknown;
+    width?: unknown;
+} & {} & {
+    data?: unknown[] | undefined;
+    width?: number | undefined;
+    hoveringIndex?: number | undefined;
+}>, {}>;
+export default _default;

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

@@ -0,0 +1,182 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var util = require('../../../utils/util.js');
+require('../../virtual-list/index.js');
+require('./group-item.js');
+require('./option-item.js');
+var token = require('./token.js');
+var shared = require('@vue/shared');
+var fixedSizeList = require('../../virtual-list/src/components/fixed-size-list.js');
+var dynamicSizeList = require('../../virtual-list/src/components/dynamic-size-list.js');
+var groupItem_vue_vue_type_script_lang = require('./group-item.vue_vue_type_script_lang.js');
+var optionItem_vue_vue_type_script_lang = require('./option-item.vue_vue_type_script_lang.js');
+
+var script = vue.defineComponent({
+  name: "ElSelectDropdown",
+  props: {
+    data: Array,
+    hoveringIndex: Number,
+    width: Number
+  },
+  setup(props) {
+    const select = vue.inject(token.selectV2InjectionKey);
+    const cachedHeights = vue.ref([]);
+    const listRef = vue.ref(null);
+    const isSized = vue.computed(() => util.isUndefined(select.props.estimatedOptionHeight));
+    const listProps = vue.computed(() => {
+      if (isSized.value) {
+        return {
+          itemSize: select.props.itemHeight
+        };
+      }
+      return {
+        estimatedSize: select.props.estimatedOptionHeight,
+        itemSize: (idx) => cachedHeights.value[idx]
+      };
+    });
+    const contains = (arr = [], target) => {
+      const {
+        props: { valueKey }
+      } = select;
+      if (!shared.isObject(target)) {
+        return arr.includes(target);
+      }
+      return arr && arr.some((item) => {
+        return util.getValueByPath(item, valueKey) === util.getValueByPath(target, valueKey);
+      });
+    };
+    const isEqual = (selected, target) => {
+      if (!shared.isObject(target)) {
+        return selected === target;
+      } else {
+        const { valueKey } = select.props;
+        return util.getValueByPath(selected, valueKey) === util.getValueByPath(target, valueKey);
+      }
+    };
+    const isItemSelected = (modelValue, target) => {
+      if (select.props.multiple) {
+        return contains(modelValue, target.value);
+      }
+      return isEqual(modelValue, target.value);
+    };
+    const isItemDisabled = (modelValue, selected) => {
+      const { disabled, multiple, multipleLimit } = select.props;
+      return disabled || !selected && (multiple ? multipleLimit > 0 && modelValue.length >= multipleLimit : false);
+    };
+    const isItemHovering = (target) => props.hoveringIndex === target;
+    const scrollToItem = (index) => {
+      const list = listRef.value;
+      if (list) {
+        list.scrollToItem(index);
+      }
+    };
+    const resetScrollTop = () => {
+      const list = listRef.value;
+      if (list) {
+        list.resetScrollTop();
+      }
+    };
+    return {
+      select,
+      listProps,
+      listRef,
+      isSized,
+      isItemDisabled,
+      isItemHovering,
+      isItemSelected,
+      scrollToItem,
+      resetScrollTop
+    };
+  },
+  render(_ctx, _cache) {
+    var _a;
+    const {
+      $slots,
+      data,
+      listProps,
+      select,
+      isSized,
+      width,
+      isItemDisabled,
+      isItemHovering,
+      isItemSelected
+    } = _ctx;
+    const Comp = isSized ? fixedSizeList["default"] : dynamicSizeList["default"];
+    const {
+      props: selectProps,
+      onSelect,
+      onHover,
+      onKeyboardNavigate,
+      onKeyboardSelect
+    } = select;
+    const { height, modelValue, multiple } = selectProps;
+    if (data.length === 0) {
+      return vue.h("div", {
+        class: "el-select-dropdown",
+        style: {
+          width: `${width}px`
+        }
+      }, (_a = $slots.empty) == null ? void 0 : _a.call($slots));
+    }
+    const ListItem = vue.withCtx((scoped) => {
+      const { index, data: data2 } = scoped;
+      const item = data2[index];
+      if (data2[index].type === "Group") {
+        return vue.h(groupItem_vue_vue_type_script_lang["default"], {
+          item,
+          style: scoped.style,
+          height: isSized ? listProps.itemSize : listProps.estimatedSize
+        });
+      }
+      const selected = isItemSelected(modelValue, item);
+      const itemDisabled = isItemDisabled(modelValue, selected);
+      return vue.h(optionItem_vue_vue_type_script_lang["default"], {
+        ...scoped,
+        selected,
+        disabled: item.disabled || itemDisabled,
+        created: !!item.created,
+        hovering: isItemHovering(index),
+        item,
+        onSelect,
+        onHover
+      }, {
+        default: vue.withCtx((props) => {
+          return vue.renderSlot($slots, "default", props, () => [
+            vue.h("span", item.label)
+          ]);
+        })
+      });
+    });
+    const List = vue.h(Comp, {
+      ref: "listRef",
+      className: "el-select-dropdown__list",
+      data,
+      height,
+      width,
+      total: data.length,
+      scrollbarAlwaysOn: selectProps.scrollbarAlwaysOn,
+      onKeydown: [
+        _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(() => onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+        _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(() => onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+        _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(onKeyboardSelect, ["stop", "prevent"]), ["enter"])),
+        _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(() => select.expanded = false, ["stop", "prevent"]), ["esc"])),
+        _cache[5] || (_cache[5] = vue.withKeys(() => select.expanded = false, ["tab"]))
+      ],
+      ...listProps
+    }, {
+      default: ListItem
+    });
+    return vue.h("div", {
+      class: {
+        "is-multiple": multiple,
+        "el-select-dropdown": true
+      }
+    }, [List]);
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=select-dropdown.vue_vue_type_script_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-dropdown.vue_vue_type_script_lang.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 { getValueByPath, isUndefined, isObject } from '@element-plus/utils/util'\n// import { addResizeListener, removeResizeListener, ResizableElement } from '@element-plus/utils/resize-event'\nimport {\n  FixedSizeList,\n  DynamicSizeList,\n} from '@element-plus/components/virtual-list'\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 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 (\n            getValueByPath(item, valueKey) === getValueByPath(target, valueKey)\n          )\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 (\n          getValueByPath(selected, valueKey) ===\n          getValueByPath(target, valueKey)\n        )\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      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      // 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: 'el-select-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: 'el-select-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: {\n          'is-multiple': multiple,\n          'el-select-dropdown': true,\n        },\n      },\n      [List]\n    )\n  },\n})\n</script>\n"],"names":["defineComponent","inject","selectV2InjectionKey","computed","isObject","getValueByPath","FixedSizeList","withCtx","withKeys"],"mappings":";;;;;;;;;;;;;;;;AAmBA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,IAAI,aAAa,EAAE;AACnB,IAAI,KAAK,QAAQ;;AAEjB,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,MAAM,GAAGC,UAAM,CAACC;;IAEtB;IACA,MAAM;IACN,MAAM,SAAS,GAAGC;MAChB,WAAW;;UAEP;UACA;OACH;;QAEC,aAAa,EAAE;;OAEhB,CAAC;MACF,CAAC;IACH;MACE,MAAM;aACC,EAAE,EAAE,QAAQ;UACf;UACA,CAACC,gBAAS,MAAM,CAAC,EAAE;QACrB;;;QAGA;QACA,CAAC;;;;;OAKF,MAAM;QACL;QACA,OAAOC;;;UAGL,cAAc,GAAG;UACjB,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;;;MAG3B,OAAO;;UAEH,cAAc,GAAG;YACf,EAAE;aACD,QAAQ,IAAI,CAAC,QAAQ,KAAK,QAAQ,GAAG,aAAa,GAAG,CAAC,IAAI;;;;;MAKjE,IAAI,IAAI,EAAE;YACJ,CAAC,YAAY,CAAC;;MAEpB;UACI,iBAAiB,MAAM;YACrB;UACF,IAAI,EAAE;YACJ,CAAC,cAAc,EAAE,CAAC;;MAExB;IACF;;MAEE,SAAS;MACT,OAAO;aACA;MACP;MACA,cAAc;;;MAGd,cAAc;MACd;;QAEE,CAAC,IAAI,EAAE;QACP,EAAE,CAAC;UACD;YACE;;MAEN;;;MAGA,KAAK;;MAEL,cAAc;MACd,cAAc;YACR,CAAC;UACH,IAAI,GAAG,OAAO,GAAGC;;;;MAIrB,OAAO;MACP,kBAAkB;MAClB;QACE,MAAM,CAAC;;IAEX;;QAEI,KAAK;QACL;UACE;SACD;OACF,EAAE,CAAC,EAAE;;;MAGN,MAAM,EAAE,KAAK;MACb,MAAM,IAAI,GAAG;MACb,IAAI,KAAK,CAAC;;UAEN,IAAI;UACJ,KAAK,EAAE;;;;MAIX,MAAM,QAAQ,GAAG;MACjB;MACA;;QAEE;QACA;QACA;QACA;QACA;;QAEA,OAAO;OACR,EAAE;QACD,OAAO,EAAEC;UACP;;WAEC,CAAC,CAAC;;OAEN,CAAC;MACF,CAAC;UACG,IAAI;MACR,GAAG,EAAE;MACL,SAAS,EAAE;MACX,IAAI;MACJ,MAAM;MACN;;yBAEmB;MACnB;QACE;QACA;cACM,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,GAAGC;cACpB,CAAC,EAAE;cACH,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;;SAEtB;;MAEH;;;MAGA,KAAK,EAAE;QACL,aAAa,EAAE,QAAQ;QACvB,oBAAoB;OACrB;OACA,KAAK,CAAC,CAAC,CAAC;;;;;;"}

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var select_vue_vue_type_script_lang = require('./select.vue_vue_type_script_lang.js');
+var select_vue_vue_type_template_id_13e598a4_lang = require('./select.vue_vue_type_template_id_13e598a4_lang.js');
+
+select_vue_vue_type_script_lang["default"].render = select_vue_vue_type_template_id_13e598a4_lang.render;
+select_vue_vue_type_script_lang["default"].__file = "packages/components/select-v2/src/select.vue";
+
+exports["default"] = select_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -0,0 +1,18 @@
+export declare type OptionCommon = {
+    label: string;
+};
+export declare type Option<T = any> = OptionCommon & {
+    created?: boolean;
+    value: T;
+    [prop: string]: any;
+};
+export declare type OptionGroup<T = any> = OptionCommon & {
+    options: Array<T>;
+    [prop: string]: any;
+};
+export declare type OptionType<T = any> = Option<T> | OptionGroup<T>;
+export declare type OptionItemProps = {
+    item: any;
+    index: number;
+    disabled: boolean;
+};

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

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=select.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}