element-plus-mobile 0.1.1 → 0.1.2

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

@@ -1,24 +1,21 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
 const require_event = require('../../../constants/event.js');
 const require_builtin_icons = require('../../../utils/vue/builtin-icons.js');
-const require_runtime$1 = require('../../../utils/vue/props/runtime.js');
+const require_runtime = require('../../../utils/vue/props/runtime.js');
 const require_icon = require('../../../utils/vue/icon.js');
 const require_index = require('../../../hooks/use-size/index.js');
 const require_index$1 = require('../../../hooks/use-empty-values/index.js');
 const require_index$2 = require('../../../hooks/use-aria/index.js');
-const require_content = require('../../tooltip/src/content.js');
 const require_scrollbar = require('../../scrollbar/src/scrollbar.js');
 const require_tag = require('../../tag/src/tag.js');
 const require_useProps = require('../../select-v2/src/useProps.js');
-let _popperjs_core = require("@popperjs/core");
 
 //#region ../../packages/components/select/src/select.ts
-const selectProps = require_runtime$1.buildProps({
+const selectProps = require_runtime.buildProps({
 	name: String,
 	id: String,
 	modelValue: {
-		type: require_runtime$1.definePropType([
+		type: require_runtime.definePropType([
 			Array,
 			String,
 			Number,
@@ -34,7 +31,7 @@ const selectProps = require_runtime$1.buildProps({
 	automaticDropdown: Boolean,
 	size: require_index.useSizeProp,
 	effect: {
-		type: require_runtime$1.definePropType(String),
+		type: require_runtime.definePropType(String),
 		default: "light"
 	},
 	disabled: {
@@ -49,11 +46,7 @@ const selectProps = require_runtime$1.buildProps({
 		type: String,
 		default: ""
 	},
-	popperStyle: { type: require_runtime$1.definePropType([String, Object]) },
-	popperOptions: {
-		type: require_runtime$1.definePropType(Object),
-		default: () => ({})
-	},
+	popperStyle: { type: require_runtime.definePropType([String, Object]) },
 	remote: Boolean,
 	debounce: {
 		type: Number,
@@ -62,8 +55,8 @@ const selectProps = require_runtime$1.buildProps({
 	loadingText: String,
 	noMatchText: String,
 	noDataText: String,
-	remoteMethod: { type: require_runtime$1.definePropType(Function) },
-	filterMethod: { type: require_runtime$1.definePropType(Function) },
+	remoteMethod: { type: require_runtime.definePropType(Function) },
+	filterMethod: { type: require_runtime.definePropType(Function) },
 	multiple: Boolean,
 	multipleLimit: {
 		type: Number,
@@ -82,15 +75,13 @@ const selectProps = require_runtime$1.buildProps({
 	collapseTags: Boolean,
 	collapseTagsTooltip: Boolean,
 	tagTooltip: {
-		type: require_runtime$1.definePropType(Object),
+		type: require_runtime.definePropType(Object),
 		default: () => ({})
 	},
 	maxCollapseTags: {
 		type: Number,
 		default: 1
 	},
-	teleported: require_content.useTooltipContentProps.teleported,
-	mobile: Boolean,
 	persistent: {
 		type: Boolean,
 		default: true
@@ -99,7 +90,6 @@ const selectProps = require_runtime$1.buildProps({
 		type: require_icon.iconPropType,
 		default: require_builtin_icons.CircleClose
 	},
-	fitInputWidth: Boolean,
 	suffixIcon: {
 		type: require_icon.iconPropType,
 		default: require_builtin_icons.ArrowDown
@@ -117,36 +107,13 @@ const selectProps = require_runtime$1.buildProps({
 		default: true
 	},
 	remoteShowSuffix: Boolean,
-	showArrow: {
-		type: Boolean,
-		default: true
-	},
-	offset: {
-		type: Number,
-		default: 12
-	},
-	placement: {
-		type: require_runtime$1.definePropType(String),
-		values: _popperjs_core.placements,
-		default: "bottom-start"
-	},
-	fallbackPlacements: {
-		type: require_runtime$1.definePropType(Array),
-		default: [
-			"bottom-start",
-			"top-start",
-			"right",
-			"left"
-		]
-	},
 	tabindex: {
 		type: [String, Number],
 		default: 0
 	},
-	appendTo: require_content.useTooltipContentProps.appendTo,
-	options: { type: require_runtime$1.definePropType(Array) },
+	options: { type: require_runtime.definePropType(Array) },
 	props: {
-		type: require_runtime$1.definePropType(Object),
+		type: require_runtime.definePropType(Object),
 		default: () => require_useProps.defaultProps
 	},
 	...require_index$1.useEmptyValuesProps,

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["buildProps","definePropType","useSizeProp","useTooltipContentProps","iconPropType","CircleClose","ArrowDown","tagProps","placements","defaultProps","useEmptyValuesProps","useAriaProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","scrollbarEmits"],"sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import { placements } from '@popperjs/core'\nimport { scrollbarEmits } from '@element-plus/components/scrollbar'\nimport {\n  useAriaProps,\n  useEmptyValuesProps,\n  useSizeProp,\n} from '@element-plus/hooks'\nimport {\n  ArrowDown,\n  CircleClose,\n  buildProps,\n  definePropType,\n  iconPropType,\n} from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { tagProps } from '@element-plus/components/tag'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { defaultProps } from '@element-plus/components/select-v2/src/useProps'\n\nimport type { EmitFn } from '@element-plus/utils'\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type Select from './select.vue'\nimport type {\n  Options,\n  Placement,\n  PopperEffect,\n} from '@element-plus/components/popper'\nimport type { OptionValue } from './type'\nimport type { Props } from '@element-plus/components/select-v2/src/useProps'\n/**\n * @description Tag tooltip configuration interface\n */\nexport interface TagTooltipProps {\n  appendTo?: string | HTMLElement\n  placement?: Placement\n  fallbackPlacements?: Placement[]\n  effect?: PopperEffect\n  popperClass?: string\n  popperStyle?: string | CSSProperties\n  transition?: string\n  teleported?: boolean\n  popperOptions?: Partial<Options>\n  showAfter?: number\n  hideAfter?: number\n  autoClose?: number\n  offset?: number\n}\n\nexport const selectProps = buildProps({\n  /**\n   * @description the name attribute of select input\n   */\n  name: String,\n  /**\n   * @description native input id\n   */\n  id: String,\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<OptionValue | OptionValue[] | null>([\n      Array,\n      String,\n      Number,\n      Boolean,\n      Object,\n    ]),\n    default: undefined,\n  },\n  /**\n   * @description the autocomplete attribute of select input\n   */\n  autocomplete: {\n    type: String,\n    default: 'off',\n  },\n  /**\n   * @description for non-filterable Select, this prop decides if the option menu pops up when the input is focused\n   */\n  automaticDropdown: Boolean,\n  /**\n   * @description size of Input\n   */\n  size: useSizeProp,\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description whether Select is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether select can be cleared\n   */\n  clearable: Boolean,\n  /**\n   * @description whether Select is filterable\n   */\n  filterable: Boolean,\n  /**\n   * @description whether creating new items is allowed. To use this, `filterable` must be true\n   */\n  allowCreate: Boolean,\n  /**\n   * @description whether Select is loading data from server\n   */\n  loading: Boolean,\n  /**\n   * @description custom class name for Select's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description custom style for Select's dropdown\n   */\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}) as Partial<Options>,\n  },\n  /**\n   * @description whether options are loaded from server\n   */\n  remote: Boolean,\n  /**\n   * @description debounce delay during remote search, in milliseconds\n   */\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description displayed text while loading data from server, default is 'Loading'\n   */\n  loadingText: String,\n  /**\n   * @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data'\n   */\n  noMatchText: String,\n  /**\n   * @description displayed text when there is no options, you can also use slot `empty`, default is 'No data'\n   */\n  noDataText: String,\n  /**\n   * @description function that gets called when the input value changes. Its parameter is the current input value. To use this, `filterable` must be true\n   */\n  remoteMethod: {\n    type: definePropType<(query: string) => void>(Function),\n  },\n  /**\n   * @description custom filter method, the first parameter is the current input value. To use this, `filterable` must be true\n   */\n  filterMethod: {\n    type: definePropType<(query: string) => void>(Function),\n  },\n  /**\n   * @description whether multiple-select is activated\n   */\n  multiple: Boolean,\n  /**\n   * @description maximum number of options user can select when `multiple` is `true`. No limit when set to 0\n   */\n  multipleLimit: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description placeholder, default is 'Select'\n   */\n  placeholder: {\n    type: String,\n  },\n  /**\n   * @description select first matching option on enter key. Use with `filterable` or `remote`\n   */\n  defaultFirstOption: Boolean,\n  /**\n   * @description when `multiple` and `filter` is true, whether to reserve current keyword after selecting an option\n   */\n  reserveKeyword: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description unique identity key name for value, required when value is an object\n   */\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  /**\n   * @description whether to collapse tags to a text when multiple selecting\n   */\n  collapseTags: Boolean,\n  /**\n   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true\n   */\n  collapseTagsTooltip: Boolean,\n  /**\n   * @description configuration object for the collapse-tags tooltip. To use this, `collapse-tags` and `collapse-tags-tooltip` must be true\n   */\n  tagTooltip: {\n    type: definePropType<TagTooltipProps>(Object),\n    default: () => ({}),\n  },\n  /**\n   * @description the max tags number to be shown. To use this, `collapse-tags` must be true\n   */\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description whether select dropdown is teleported, if `true` it will be teleported to where `append-to` sets\n   */\n  teleported: useTooltipContentProps.teleported,\n  /**\n   * @description force the select to use the mobile interaction model regardless of viewport width\n   */\n  mobile: Boolean,\n  /**\n   * @description when select dropdown is inactive and `persistent` is `false`, select dropdown will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: iconPropType,\n    default: CircleClose,\n  },\n  /**\n   * @description whether the width of the dropdown is the same as the input\n   */\n  fitInputWidth: Boolean,\n  /**\n   * @description custom suffix icon component\n   */\n  suffixIcon: {\n    type: iconPropType,\n    default: ArrowDown,\n  },\n  /**\n   * @description tag type\n   */\n\n  tagType: { ...tagProps.type, default: 'info' },\n  /**\n   * @description tag effect\n   */\n  tagEffect: { ...tagProps.effect, default: 'light' },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description in remote search method show suffix icon\n   */\n  remoteShowSuffix: Boolean,\n  /**\n   * @description determines whether the arrow is displayed\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description offset of the dropdown\n   */\n  offset: {\n    type: Number,\n    default: 12,\n  },\n  /**\n   * @description position of dropdown\n   */\n  placement: {\n    type: definePropType<Placement>(String),\n    values: placements,\n    default: 'bottom-start',\n  },\n  /**\n   * @description list of possible positions for dropdown\n   */\n  fallbackPlacements: {\n    type: definePropType<Placement[]>(Array),\n    default: ['bottom-start', 'top-start', 'right', 'left'],\n  },\n  /**\n   * @description tabindex for input\n   */\n  tabindex: {\n    type: [String, Number],\n    default: 0,\n  },\n  /**\n   * @description which element the selection dropdown appends to\n   */\n  appendTo: useTooltipContentProps.appendTo,\n  options: {\n    type: definePropType<Record<string, any>[]>(Array),\n  },\n  props: {\n    type: definePropType<SelectOptionProps>(Object),\n    default: () => defaultProps,\n  },\n  ...useEmptyValuesProps,\n  ...useAriaProps(['ariaLabel']),\n})\n/* eslint-disable @typescript-eslint/no-unused-vars */\nexport const selectEmits = {\n  [UPDATE_MODEL_EVENT]: (val: SelectProps['modelValue']) => true,\n  [CHANGE_EVENT]: (val: SelectProps['modelValue']) => true,\n  'popup-scroll': scrollbarEmits.scroll,\n  'remove-tag': (val: unknown) => true,\n  'visible-change': (visible: boolean) => true,\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  clear: () => true,\n}\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\nexport type SelectPropsPublic = ExtractPublicPropTypes<typeof selectProps>\nexport type SelectEmits = EmitFn<typeof selectEmits>\nexport type SelectInstance = InstanceType<typeof Select> & unknown\nexport type SelectOptionProps = Props\n"],"mappings":";;;;;;;;;;;;;;;;AAoDA,MAAa,cAAcA,6BAAW;CAIpC,MAAM;CAIN,IAAI;CAIJ,YAAY;EACV,MAAMC,iCAAmD;GACvD;GACA;GACA;GACA;GACA;GACD,CAAC;EACF,SAAS;EACV;CAID,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CAID,mBAAmB;CAInB,MAAMC;CAIN,QAAQ;EACN,MAAMD,iCAA6B,OAAO;EAC1C,SAAS;EACV;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,WAAW;CAIX,YAAY;CAIZ,aAAa;CAIb,SAAS;CAIT,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,aAAa,EACX,MAAMA,iCAAuC,CAAC,QAAQ,OAAO,CAAC,EAC/D;CAID,eAAe;EACb,MAAMA,iCAAiC,OAAO;EAC9C,gBAAgB,EAAE;EACnB;CAID,QAAQ;CAIR,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,aAAa;CAIb,aAAa;CAIb,YAAY;CAIZ,cAAc,EACZ,MAAMA,iCAAwC,SAAS,EACxD;CAID,cAAc,EACZ,MAAMA,iCAAwC,SAAS,EACxD;CAID,UAAU;CAIV,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,aAAa,EACX,MAAM,QACP;CAID,oBAAoB;CAIpB,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,cAAc;CAId,qBAAqB;CAIrB,YAAY;EACV,MAAMA,iCAAgC,OAAO;EAC7C,gBAAgB,EAAE;EACnB;CAID,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,YAAYE,uCAAuB;CAInC,QAAQ;CAIR,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAMC;EACN,SAASC;EACV;CAID,eAAe;CAIf,YAAY;EACV,MAAMD;EACN,SAASE;EACV;CAKD,SAAS;EAAE,GAAGC,qBAAS;EAAM,SAAS;EAAQ;CAI9C,WAAW;EAAE,GAAGA,qBAAS;EAAQ,SAAS;EAAS;CAInD,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,kBAAkB;CAIlB,WAAW;EACT,MAAM;EACN,SAAS;EACV;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAMN,iCAA0B,OAAO;EACvC,QAAQO;EACR,SAAS;EACV;CAID,oBAAoB;EAClB,MAAMP,iCAA4B,MAAM;EACxC,SAAS;GAAC;GAAgB;GAAa;GAAS;GAAO;EACxD;CAID,UAAU;EACR,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;CAID,UAAUE,uCAAuB;CACjC,SAAS,EACP,MAAMF,iCAAsC,MAAM,EACnD;CACD,OAAO;EACL,MAAMA,iCAAkC,OAAO;EAC/C,eAAeQ;EAChB;CACD,GAAGC;CACH,GAAGC,6BAAa,CAAC,YAAY,CAAC;CAC/B,CAAC;AAEF,MAAa,cAAc;EACxBC,oCAAsB,QAAmC;EACzDC,8BAAgB,QAAmC;CACpD,gBAAgBC,iCAAe;CAC/B,eAAe,QAAiB;CAChC,mBAAmB,YAAqB;CACxC,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC1C,aAAa;CACd"}
+{"version":3,"file":"select.js","names":["buildProps","definePropType","useSizeProp","iconPropType","CircleClose","ArrowDown","tagProps","defaultProps","useEmptyValuesProps","useAriaProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","scrollbarEmits"],"sources":["../../../../../../packages/components/select/src/select.ts"],"sourcesContent":["import { scrollbarEmits } from '@element-plus/components/scrollbar'\nimport {\n  useAriaProps,\n  useEmptyValuesProps,\n  useSizeProp,\n} from '@element-plus/hooks'\nimport {\n  ArrowDown,\n  CircleClose,\n  buildProps,\n  definePropType,\n  iconPropType,\n} from '@element-plus/utils'\nimport { tagProps } from '@element-plus/components/tag'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { defaultProps } from '@element-plus/components/select-v2/src/useProps'\n\nimport type { EmitFn } from '@element-plus/utils'\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type Select from './select.vue'\nimport type { PopperEffect } from '@element-plus/components/popper'\nimport type { OptionValue } from './type'\nimport type { Props } from '@element-plus/components/select-v2/src/useProps'\n/**\n * @description Tag tooltip configuration interface\n */\nexport interface TagTooltipProps {\n  effect?: PopperEffect\n  popperClass?: string\n  popperStyle?: string | CSSProperties\n  transition?: string\n  showAfter?: number\n  hideAfter?: number\n  autoClose?: number\n}\n\nexport const selectProps = buildProps({\n  /**\n   * @description the name attribute of select input\n   */\n  name: String,\n  /**\n   * @description native input id\n   */\n  id: String,\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<OptionValue | OptionValue[] | null>([\n      Array,\n      String,\n      Number,\n      Boolean,\n      Object,\n    ]),\n    default: undefined,\n  },\n  /**\n   * @description the autocomplete attribute of select input\n   */\n  autocomplete: {\n    type: String,\n    default: 'off',\n  },\n  /**\n   * @description for non-filterable Select, this prop decides if the option menu pops up when the input is focused\n   */\n  automaticDropdown: Boolean,\n  /**\n   * @description size of Input\n   */\n  size: useSizeProp,\n  /**\n   * @description tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description whether Select is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether select can be cleared\n   */\n  clearable: Boolean,\n  /**\n   * @description whether Select is filterable\n   */\n  filterable: Boolean,\n  /**\n   * @description whether creating new items is allowed. To use this, `filterable` must be true\n   */\n  allowCreate: Boolean,\n  /**\n   * @description whether Select is loading data from server\n   */\n  loading: Boolean,\n  /**\n   * @description custom class name for Select's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description custom style for Select's dropdown\n   */\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  /**\n   * @description whether options are loaded from server\n   */\n  remote: Boolean,\n  /**\n   * @description debounce delay during remote search, in milliseconds\n   */\n  debounce: {\n    type: Number,\n    default: 300,\n  },\n  /**\n   * @description displayed text while loading data from server, default is 'Loading'\n   */\n  loadingText: String,\n  /**\n   * @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data'\n   */\n  noMatchText: String,\n  /**\n   * @description displayed text when there is no options, you can also use slot `empty`, default is 'No data'\n   */\n  noDataText: String,\n  /**\n   * @description function that gets called when the input value changes. Its parameter is the current input value. To use this, `filterable` must be true\n   */\n  remoteMethod: {\n    type: definePropType<(query: string) => void>(Function),\n  },\n  /**\n   * @description custom filter method, the first parameter is the current input value. To use this, `filterable` must be true\n   */\n  filterMethod: {\n    type: definePropType<(query: string) => void>(Function),\n  },\n  /**\n   * @description whether multiple-select is activated\n   */\n  multiple: Boolean,\n  /**\n   * @description maximum number of options user can select when `multiple` is `true`. No limit when set to 0\n   */\n  multipleLimit: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description placeholder, default is 'Select'\n   */\n  placeholder: {\n    type: String,\n  },\n  /**\n   * @description select first matching option on enter key. Use with `filterable` or `remote`\n   */\n  defaultFirstOption: Boolean,\n  /**\n   * @description when `multiple` and `filter` is true, whether to reserve current keyword after selecting an option\n   */\n  reserveKeyword: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description unique identity key name for value, required when value is an object\n   */\n  valueKey: {\n    type: String,\n    default: 'value',\n  },\n  /**\n   * @description whether to collapse tags to a text when multiple selecting\n   */\n  collapseTags: Boolean,\n  /**\n   * @description whether show all selected tags when tapping the collapsed summary. To use this, `collapse-tags` must be true\n   */\n  collapseTagsTooltip: Boolean,\n  /**\n   * @description configuration object for the collapse-tags tooltip. To use this, `collapse-tags` and `collapse-tags-tooltip` must be true\n   */\n  tagTooltip: {\n    type: definePropType<TagTooltipProps>(Object),\n    default: () => ({}),\n  },\n  /**\n   * @description the max tags number to be shown. To use this, `collapse-tags` must be true\n   */\n  maxCollapseTags: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description when select dropdown is inactive and `persistent` is `false`, select dropdown will be destroyed\n   */\n  persistent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: iconPropType,\n    default: CircleClose,\n  },\n  /**\n   * @description custom suffix icon component\n   */\n  suffixIcon: {\n    type: iconPropType,\n    default: ArrowDown,\n  },\n  /**\n   * @description tag type\n   */\n\n  tagType: { ...tagProps.type, default: 'info' },\n  /**\n   * @description tag effect\n   */\n  tagEffect: { ...tagProps.effect, default: 'light' },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description in remote search method show suffix icon\n   */\n  remoteShowSuffix: Boolean,\n  /**\n   * @description tabindex for input\n   */\n  tabindex: {\n    type: [String, Number],\n    default: 0,\n  },\n  options: {\n    type: definePropType<Record<string, any>[]>(Array),\n  },\n  props: {\n    type: definePropType<SelectOptionProps>(Object),\n    default: () => defaultProps,\n  },\n  ...useEmptyValuesProps,\n  ...useAriaProps(['ariaLabel']),\n})\n/* eslint-disable @typescript-eslint/no-unused-vars */\nexport const selectEmits = {\n  [UPDATE_MODEL_EVENT]: (val: SelectProps['modelValue']) => true,\n  [CHANGE_EVENT]: (val: SelectProps['modelValue']) => true,\n  'popup-scroll': scrollbarEmits.scroll,\n  'remove-tag': (val: unknown) => true,\n  'visible-change': (visible: boolean) => true,\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n  clear: () => true,\n}\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nexport type SelectProps = ExtractPropTypes<typeof selectProps>\nexport type SelectPropsPublic = ExtractPublicPropTypes<typeof selectProps>\nexport type SelectEmits = EmitFn<typeof selectEmits>\nexport type SelectInstance = InstanceType<typeof Select> & unknown\nexport type SelectOptionProps = Props\n"],"mappings":";;;;;;;;;;;;;AAwCA,MAAa,cAAcA,2BAAW;CAIpC,MAAM;CAIN,IAAI;CAIJ,YAAY;EACV,MAAMC,+BAAmD;GACvD;GACA;GACA;GACA;GACA;GACD,CAAC;EACF,SAAS;EACV;CAID,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CAID,mBAAmB;CAInB,MAAMC;CAIN,QAAQ;EACN,MAAMD,+BAA6B,OAAO;EAC1C,SAAS;EACV;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,WAAW;CAIX,YAAY;CAIZ,aAAa;CAIb,SAAS;CAIT,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,aAAa,EACX,MAAMA,+BAAuC,CAAC,QAAQ,OAAO,CAAC,EAC/D;CAID,QAAQ;CAIR,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,aAAa;CAIb,aAAa;CAIb,YAAY;CAIZ,cAAc,EACZ,MAAMA,+BAAwC,SAAS,EACxD;CAID,cAAc,EACZ,MAAMA,+BAAwC,SAAS,EACxD;CAID,UAAU;CAIV,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,aAAa,EACX,MAAM,QACP;CAID,oBAAoB;CAIpB,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;CAID,UAAU;EACR,MAAM;EACN,SAAS;EACV;CAID,cAAc;CAId,qBAAqB;CAIrB,YAAY;EACV,MAAMA,+BAAgC,OAAO;EAC7C,gBAAgB,EAAE;EACnB;CAID,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAME;EACN,SAASC;EACV;CAID,YAAY;EACV,MAAMD;EACN,SAASE;EACV;CAKD,SAAS;EAAE,GAAGC,qBAAS;EAAM,SAAS;EAAQ;CAI9C,WAAW;EAAE,GAAGA,qBAAS;EAAQ,SAAS;EAAS;CAInD,eAAe;EACb,MAAM;EACN,SAAS;EACV;CAID,kBAAkB;CAIlB,UAAU;EACR,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;CACD,SAAS,EACP,MAAML,+BAAsC,MAAM,EACnD;CACD,OAAO;EACL,MAAMA,+BAAkC,OAAO;EAC/C,eAAeM;EAChB;CACD,GAAGC;CACH,GAAGC,6BAAa,CAAC,YAAY,CAAC;CAC/B,CAAC;AAEF,MAAa,cAAc;EACxBC,oCAAsB,QAAmC;EACzDC,8BAAgB,QAAmC;CACpD,gBAAgBC,iCAAe;CAC/B,eAAe,QAAiB;CAChC,mBAAmB,YAAqB;CACxC,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC1C,aAAa;CACd"}

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

@@ -58,7 +58,6 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => Partial<Options>, boolean>;
   remote: BooleanConstructor;
   debounce: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   loadingText: StringConstructor;
@@ -91,13 +90,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   collapseTagsTooltip: BooleanConstructor;
   tagTooltip: EpPropFinalized<(new (...args: any[]) => TagTooltipProps) | (() => TagTooltipProps) | (((new (...args: any[]) => TagTooltipProps) | (() => TagTooltipProps)) | null)[], unknown, unknown, () => {}, boolean>;
   maxCollapseTags: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  mobile: BooleanConstructor;
   persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   clearIcon: EpPropFinalized<(new (...args: any[]) => IconPropType & {}) | (() => IconPropType) | (((new (...args: any[]) => IconPropType & {}) | (() => IconPropType)) | null)[], unknown, unknown, vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
-  fitInputWidth: BooleanConstructor;
   suffixIcon: EpPropFinalized<(new (...args: any[]) => IconPropType & {}) | (() => IconPropType) | (((new (...args: any[]) => IconPropType & {}) | (() => IconPropType)) | null)[], unknown, unknown, vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
@@ -117,17 +113,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   };
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   remoteShowSuffix: BooleanConstructor;
-  showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
-  offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "bottom-start" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "bottom-start" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
-  fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
-  appendTo: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
   options: {
     readonly type: vue.PropType<Record<string, any>[]>;
     readonly required: false;
@@ -239,8 +225,6 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   collapseTagSize: vue.ComputedRef<"default" | "small">;
   setSelected: () => void;
   selectDisabled: vue.ComputedRef<boolean>;
-  isMobile: vue.ComputedRef<boolean>;
-  resolvedTeleported: vue.ComputedRef<boolean>;
   selectionModelValue: vue.ComputedRef<EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown> | undefined>;
   showMobileFooter: vue.ComputedRef<boolean>;
   mobileCancelText: vue.ComputedRef<string>;
@@ -338,7 +322,6 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => Partial<Options>, boolean>;
   remote: BooleanConstructor;
   debounce: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   loadingText: StringConstructor;
@@ -371,13 +354,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   collapseTagsTooltip: BooleanConstructor;
   tagTooltip: EpPropFinalized<(new (...args: any[]) => TagTooltipProps) | (() => TagTooltipProps) | (((new (...args: any[]) => TagTooltipProps) | (() => TagTooltipProps)) | null)[], unknown, unknown, () => {}, boolean>;
   maxCollapseTags: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  mobile: BooleanConstructor;
   persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   clearIcon: EpPropFinalized<(new (...args: any[]) => IconPropType & {}) | (() => IconPropType) | (((new (...args: any[]) => IconPropType & {}) | (() => IconPropType)) | null)[], unknown, unknown, vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
-  fitInputWidth: BooleanConstructor;
   suffixIcon: EpPropFinalized<(new (...args: any[]) => IconPropType & {}) | (() => IconPropType) | (((new (...args: any[]) => IconPropType & {}) | (() => IconPropType)) | null)[], unknown, unknown, vue.DefineComponent<{}, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
@@ -397,17 +377,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   };
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   remoteShowSuffix: BooleanConstructor;
-  showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
-  offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "bottom-start" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "bottom-start" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
-  fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
-  appendTo: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>) | (((new (...args: any[]) => string | HTMLElement) | (() => EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
   options: {
     readonly type: vue.PropType<Record<string, any>[]>;
     readonly required: false;
@@ -425,16 +395,12 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   "onRemove-tag"?: ((...args: any[]) => any) | undefined;
   "onPopup-scroll"?: ((...args: any[]) => any) | undefined;
 }>, {
-  offset: number;
-  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   props: Props;
   effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   valueKey: string;
   modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
   debounce: number;
-  placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "bottom-start" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "bottom-start" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   popperClass: string;
-  fitInputWidth: boolean;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   autocomplete: string;
   clearable: boolean;
@@ -442,11 +408,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   suffixIcon: IconPropType;
   tabindex: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
   validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  mobile: boolean;
   multiple: boolean;
-  fallbackPlacements: Placement[];
-  popperOptions: Partial<Options>;
-  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   loading: boolean;
   valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
@@ -484,10 +446,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       cssVarBlock: (object: Record<string, string>) => Record<string, string>;
       cssVarBlockName: (name: string) => string;
     };
-    minWidth: vue.Ref<string, string>;
     popperClass: vue.ComputedRef<string>;
     isMultiple: vue.ComputedRef<boolean>;
-    isFitInputWidth: vue.ComputedRef<boolean>;
   }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
   ElOption: vue.DefineComponent<vue.ExtractPropTypes<{
     value: {

package/lib/components/select/src/select.vue_vue_type_script_lang.js

@@ -1,13 +1,13 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
 const require_event = require('../../../constants/event.js');
 const require_vnode = require('../../../utils/vue/vnode.js');
-const require_index = require('../../../directives/click-outside/index.js');
-const require_index$1 = require('../../../hooks/use-calc-input-width/index.js');
+const require_index = require('../../../hooks/use-calc-input-width/index.js');
 const require_icon_content = require('../../icon/src/icon-content.js');
-const require_index$2 = require('../../icon/index.js');
-const require_index$3 = require('../../tooltip/index.js');
-const require_index$4 = require('../../scrollbar/index.js');
-const require_index$5 = require('../../button/index.js');
+const require_index$1 = require('../../icon/index.js');
+const require_index$2 = require('../../tooltip/index.js');
+const require_index$3 = require('../../scrollbar/index.js');
+const require_index$4 = require('../../button/index.js');
+const require_index$5 = require('../../../directives/click-outside/index.js');
 const require_index$6 = require('../../tag/index.js');
 const require_useProps = require('../../select-v2/src/useProps.js');
 const require_token = require('./token.js');
@@ -56,13 +56,13 @@ var select_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 		ElOptions: require_options.default,
 		ElOptionGroup: require_option_group.default,
 		ElTag: require_index$6.ElTag,
-		ElScrollbar: require_index$4.ElScrollbar,
-		ElTooltip: require_index$3.ElTooltip,
-		ElIcon: require_index$2.ElIcon,
+		ElScrollbar: require_index$3.ElScrollbar,
+		ElTooltip: require_index$2.ElTooltip,
+		ElIcon: require_index$1.ElIcon,
 		ElIconContent: require_icon_content.default,
-		ElButton: require_index$5.ElButton
+		ElButton: require_index$4.ElButton
 	},
-	directives: { ClickOutside: require_index.default },
+	directives: { ClickOutside: require_index$5.default },
 	props: require_select.selectProps,
 	emits: [
 		require_event.UPDATE_MODEL_EVENT,
@@ -89,7 +89,7 @@ var select_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 			...(0, vue.toRefs)(props),
 			modelValue
 		}), emit);
-		const { calculatorRef, inputStyle } = require_index$1.useCalcInputWidth();
+		const { calculatorRef, inputStyle } = require_index.useCalcInputWidth();
 		const { getLabel, getValue, getOptions, getDisabled } = require_useProps.useProps(props);
 		const getOptionProps = (option) => ({
 			label: getLabel(option),

package/lib/components/select/src/select.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[\n      nsSelect.b(),\n      nsSelect.m(selectSize),\n      nsSelect.is('mobile', isMobile),\n    ]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :placement=\"placement\"\n      :teleported=\"resolvedTeleported\"\n      :popper-class=\"[\n        nsSelect.e('popper'),\n        popperClass,\n        nsSelect.is('mobile', isMobile),\n      ]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"\n        isMobile\n          ? `${nsSelect.namespace.value}-fade-in-linear`\n          : `${nsSelect.namespace.value}-zoom-in-top`\n      \"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? resolvedTeleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"nsSelect.e('selected-item')\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                      :style=\"collapseTagStyle\"\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (!states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @change.stop\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <ElIconContent :icon=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <ElIconContent :icon=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <ElIconContent :icon=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n          <div\n            v-if=\"showMobileFooter\"\n            :class=\"[\n              nsSelect.be('dropdown', 'footer'),\n              nsSelect.e('mobile-actions'),\n            ]\"\n            @click.stop\n          >\n            <el-button @click.stop=\"cancelMobileSelection\">\n              {{ mobileCancelText }}\n            </el-button>\n            <el-button type=\"primary\" @click.stop=\"confirmMobileSelection\">\n              {{ mobileConfirmText }}\n            </el-button>\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport ElIconContent from '@element-plus/components/icon/src/icon-content.vue'\nimport ElButton from '@element-plus/components/button'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ElIconContent,\n    ElButton,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n    'popup-scroll',\n  ],\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ??\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label ?? (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [\n        props.persistent || API.expanded.value || !slots.default\n          ? undefined\n          : slots.default?.(),\n        modelValue.value,\n      ],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // When using :options prop (no slot content), el-option components register\n        // and unregister themselves via onOptionCreate/onOptionDestroy lifecycle hooks.\n        // Calling options.clear() here would prematurely wipe options that are still\n        // mounted, causing a \"No Data\" flash during rapid open/close toggling.\n        if (!slots.default) {\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    const injectedProps = reactive({\n      ...toRefs(props),\n      modelValue: API.selectionModelValue,\n    })\n\n    provide(\n      selectKey,\n      reactive({\n        props: injectedProps,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) satisfies SelectContext\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"select.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :teleported=\"true\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :popper-style=\"popperStyle\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"`${nsSelect.namespace.value}-fade-in-linear`\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :show-arrow=\"false\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                trigger=\"click\"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"nsSelect.e('selected-item')\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                      :style=\"collapseTagStyle\"\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (!states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @change.stop\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <ElIconContent :icon=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <ElIconContent :icon=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <ElIconContent :icon=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n          <div\n            v-if=\"showMobileFooter\"\n            :class=\"[\n              nsSelect.be('dropdown', 'footer'),\n              nsSelect.e('mobile-actions'),\n            ]\"\n            @click.stop\n          >\n            <el-button @click.stop=\"cancelMobileSelection\">\n              {{ mobileCancelText }}\n            </el-button>\n            <el-button type=\"primary\" @click.stop=\"confirmMobileSelection\">\n              {{ mobileConfirmText }}\n            </el-button>\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport ElIconContent from '@element-plus/components/icon/src/icon-content.vue'\nimport ElButton from '@element-plus/components/button'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n    ElIconContent,\n    ElButton,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n    'popup-scroll',\n  ],\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ??\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label ?? (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [\n        props.persistent || API.expanded.value || !slots.default\n          ? undefined\n          : slots.default?.(),\n        modelValue.value,\n      ],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // When using :options prop (no slot content), el-option components register\n        // and unregister themselves via onOptionCreate/onOptionDestroy lifecycle hooks.\n        // Calling options.clear() here would prematurely wipe options that are still\n        // mounted, causing a \"No Data\" flash during rapid open/close toggling.\n        if (!slots.default) {\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    const injectedProps = reactive({\n      ...toRefs(props),\n      modelValue: API.selectionModelValue,\n    })\n\n    provide(\n      selectKey,\n      reactive({\n        props: injectedProps,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) satisfies SelectContext\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}

package/lib/components/select/src/select2.js

@@ -34,34 +34,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	const _directive_click_outside = (0, vue.resolveDirective)("click-outside");
 	return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({
 		ref: "selectRef",
-		class: [
-			_ctx.nsSelect.b(),
-			_ctx.nsSelect.m(_ctx.selectSize),
-			_ctx.nsSelect.is("mobile", _ctx.isMobile)
-		]
+		class: [_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]
 	}, { [(0, vue.toHandlerKey)(_ctx.mouseEnterEventName)]: _cache[12] || (_cache[12] = ($event) => _ctx.states.inputHovering = true) }, { onMouseleave: _cache[13] || (_cache[13] = ($event) => _ctx.states.inputHovering = false) }), [(0, vue.createVNode)(_component_el_tooltip, {
 		ref: "tooltipRef",
 		visible: _ctx.dropdownMenuVisible,
-		placement: _ctx.placement,
-		teleported: _ctx.resolvedTeleported,
-		"popper-class": [
-			_ctx.nsSelect.e("popper"),
-			_ctx.popperClass,
-			_ctx.nsSelect.is("mobile", _ctx.isMobile)
-		],
+		teleported: true,
+		"popper-class": [_ctx.nsSelect.e("popper"), _ctx.popperClass],
 		"popper-style": _ctx.popperStyle,
-		"popper-options": _ctx.popperOptions,
-		"fallback-placements": _ctx.fallbackPlacements,
 		effect: _ctx.effect,
 		pure: "",
 		trigger: "click",
-		transition: _ctx.isMobile ? `${_ctx.nsSelect.namespace.value}-fade-in-linear` : `${_ctx.nsSelect.namespace.value}-zoom-in-top`,
+		transition: `${_ctx.nsSelect.namespace.value}-fade-in-linear`,
 		"stop-popper-mouse-event": false,
 		"gpu-acceleration": false,
 		persistent: _ctx.persistent,
-		"append-to": _ctx.appendTo,
-		"show-arrow": _ctx.showArrow,
-		offset: _ctx.offset,
+		"show-arrow": false,
 		onBeforeShow: _ctx.handleMenuEnter,
 		onHide: _cache[11] || (_cache[11] = ($event) => _ctx.states.isBeforeHide = false)
 	}, {
@@ -121,24 +108,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 					key: 0,
 					ref: "tagTooltipRef",
 					disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
-					"fallback-placements": _ctx.tagTooltip?.fallbackPlacements ?? [
-						"bottom",
-						"top",
-						"right",
-						"left"
-					],
+					trigger: "click",
 					effect: _ctx.tagTooltip?.effect ?? _ctx.effect,
-					placement: _ctx.tagTooltip?.placement ?? "bottom",
 					"popper-class": _ctx.tagTooltip?.popperClass ?? _ctx.popperClass,
 					"popper-style": _ctx.tagTooltip?.popperStyle ?? _ctx.popperStyle,
-					teleported: _ctx.tagTooltip?.teleported ?? _ctx.resolvedTeleported,
-					"append-to": _ctx.tagTooltip?.appendTo ?? _ctx.appendTo,
-					"popper-options": _ctx.tagTooltip?.popperOptions ?? _ctx.popperOptions,
 					transition: _ctx.tagTooltip?.transition,
 					"show-after": _ctx.tagTooltip?.showAfter,
 					"hide-after": _ctx.tagTooltip?.hideAfter,
-					"auto-close": _ctx.tagTooltip?.autoClose,
-					offset: _ctx.tagTooltip?.offset
+					"auto-close": _ctx.tagTooltip?.autoClose
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
 						ref: "collapseItemRef",
@@ -192,19 +169,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 					_: 3
 				}, 8, [
 					"disabled",
-					"fallback-placements",
 					"effect",
-					"placement",
 					"popper-class",
 					"popper-style",
-					"teleported",
-					"append-to",
-					"popper-options",
 					"transition",
 					"show-after",
 					"hide-after",
-					"auto-close",
-					"offset"
+					"auto-close"
 				])) : (0, vue.createCommentVNode)("v-if", true)]) : (0, vue.createCommentVNode)("v-if", true),
 				(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([
 					_ctx.nsSelect.e("selected-item"),
@@ -380,18 +351,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 3
 	}, 8, [
 		"visible",
-		"placement",
-		"teleported",
 		"popper-class",
 		"popper-style",
-		"popper-options",
-		"fallback-placements",
 		"effect",
 		"transition",
 		"persistent",
-		"append-to",
-		"show-arrow",
-		"offset",
 		"onBeforeShow"
 	])], 16)), [[
 		_directive_click_outside,