@element-plus/nightly 0.0.20260213 → 0.0.20260215

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

@@ -178,6 +178,13 @@ const selectProps = runtime.buildProps({
    * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true
    */
   collapseTagsTooltip: Boolean,
+  /**
+   * @description configuration object for the collapse-tags tooltip. To use this, `collapse-tags` and `collapse-tags-tooltip` must be true
+   */
+  tagTooltip: {
+    type: runtime.definePropType(Object),
+    default: () => ({})
+  },
   /**
    * @description the max tags number to be shown. To use this, `collapse-tags` must be true
    */

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","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 { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { ArrowDown, CircleClose } from '@element-plus/icons-vue'\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\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 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 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"],"names":["buildProps","definePropType","useSizeProp","useTooltipContentProps","iconPropType","CircleClose","ArrowDown","tagProps","placements","defaultProps","useEmptyValuesProps","useAriaProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","scrollbarEmits"],"mappings":";;;;;;;;;;;;;;;AA6BO,MAAM,cAAcA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAA,EAAM,MAAA;AAAA;AAAA;AAAA;AAAA,EAIN,EAAA,EAAI,MAAA;AAAA;AAAA;AAAA;AAAA,EAIJ,UAAA,EAAY;AAAA,IACV,MAAMC,sBAAA,CAAmD;AAAA,MACvD,KAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAA,EAAmB,OAAA;AAAA;AAAA;AAAA;AAAA,EAInB,IAAA,EAAMC,mBAAA;AAAA;AAAA;AAAA;AAAA,EAIN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAMD,uBAA6B,MAAM,CAAA;AAAA,IACzC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,WAAA,EAAa,OAAA;AAAA;AAAA;AAAA;AAAA,EAIb,OAAA,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,EAIT,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAMA,sBAAA,CAAuC,CAAC,MAAA,EAAQ,MAAM,CAAC;AAAA,GAC/D;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAMA,uBAAiC,MAAM,CAAA;AAAA,IAC7C,OAAA,EAAS,OAAO,EAAC;AAAA,GACnB;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,UAAA,EAAY,MAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,YAAA,EAAc;AAAA,IACZ,IAAA,EAAMA,uBAAwC,QAAQ;AAAA,GACxD;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAMA,uBAAwC,QAAQ;AAAA,GACxD;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA,EAIV,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIpB,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc,OAAA;AAAA;AAAA;AAAA;AAAA,EAId,mBAAA,EAAqB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIrB,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAYE,8BAAA,CAAuB,UAAA;AAAA;AAAA;AAAA;AAAA,EAInC,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAMC,iBAAA;AAAA,IACN,OAAA,EAASC;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe,OAAA;AAAA;AAAA;AAAA;AAAA,EAIf,UAAA,EAAY;AAAA,IACV,IAAA,EAAMD,iBAAA;AAAA,IACN,OAAA,EAASE;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,EAAE,GAAGC,YAAA,CAAS,IAAA,EAAM,SAAS,MAAA,EAAO;AAAA;AAAA;AAAA;AAAA,EAI7C,WAAW,EAAE,GAAGA,YAAA,CAAS,MAAA,EAAQ,SAAS,OAAA,EAAQ;AAAA;AAAA;AAAA;AAAA,EAIlD,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAA,EAAkB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIlB,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAMN,uBAA0B,MAAM,CAAA;AAAA,IACtC,MAAA,EAAQO,eAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAMP,uBAA4B,KAAK,CAAA;AAAA,IACvC,OAAA,EAAS,CAAC,cAAA,EAAgB,WAAA,EAAa,SAAS,MAAM;AAAA,GACxD;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAUE,8BAAA,CAAuB,QAAA;AAAA,EACjC,OAAA,EAAS;AAAA,IACP,IAAA,EAAMF,uBAAsC,KAAK;AAAA,GACnD;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAMA,uBAAkC,MAAM,CAAA;AAAA,IAC9C,SAAS,MAAMQ;AAAA,GACjB;AAAA,EACA,GAAGC,2BAAA;AAAA,EACH,GAAGC,kBAAA,CAAa,CAAC,WAAW,CAAC;AAC/B,CAAC;AAEM,MAAM,WAAA,GAAc;AAAA,EACzB,CAACC,wBAAkB,GAAG,CAAC,GAAA,KAAmC,IAAA;AAAA,EAC1D,CAACC,kBAAY,GAAG,CAAC,GAAA,KAAmC,IAAA;AAAA,EACpD,gBAAgBC,wBAAA,CAAe,MAAA;AAAA,EAC/B,YAAA,EAAc,CAAC,GAAA,KAAiB,IAAA;AAAA,EAChC,gBAAA,EAAkB,CAAC,OAAA,KAAqB,IAAA;AAAA,EACxC,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAA,YAAe,UAAA;AAAA,EAC3C,IAAA,EAAM,CAAC,GAAA,KAAoB,GAAA,YAAe,UAAA;AAAA,EAC1C,OAAO,MAAM;AACf;;;;;"}
+{"version":3,"file":"select.js","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 { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport { ArrowDown, CircleClose } from '@element-plus/icons-vue'\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/**\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 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"],"names":["buildProps","definePropType","useSizeProp","useTooltipContentProps","iconPropType","CircleClose","ArrowDown","tagProps","placements","defaultProps","useEmptyValuesProps","useAriaProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","scrollbarEmits"],"mappings":"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"}

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

@@ -57,6 +57,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     valueKey: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     collapseTags: BooleanConstructor;
     collapseTagsTooltip: BooleanConstructor;
+    tagTooltip: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("./select").TagTooltipProps) | (() => import("./select").TagTooltipProps) | ((new (...args: any[]) => import("./select").TagTooltipProps) | (() => import("./select").TagTooltipProps))[], unknown, unknown, () => {}, boolean>;
     maxCollapseTags: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     teleported: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
@@ -333,6 +334,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     valueKey: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     collapseTags: BooleanConstructor;
     collapseTagsTooltip: BooleanConstructor;
+    tagTooltip: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("./select").TagTooltipProps) | (() => import("./select").TagTooltipProps) | ((new (...args: any[]) => import("./select").TagTooltipProps) | (() => import("./select").TagTooltipProps))[], unknown, unknown, () => {}, boolean>;
     maxCollapseTags: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     teleported: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
@@ -417,6 +419,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     fitInputWidth: boolean;
     filterable: boolean;
     automaticDropdown: boolean;
+    tagTooltip: import("./select").TagTooltipProps;
     maxCollapseTags: number;
     multipleLimit: number;
     reserveKeyword: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -100,179 +100,193 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       data: _ctx.states.selected,
                       deleteTag: _ctx.deleteTag,
                       selectDisabled: _ctx.selectDisabled
-                    }, () => [
-                      (vue.openBlock(true), vue.createElementBlock(
-                        vue.Fragment,
-                        null,
-                        vue.renderList(_ctx.showTagList, (item) => {
-                          return vue.openBlock(), vue.createElementBlock(
-                            "div",
-                            {
-                              key: _ctx.getValueKey(item),
-                              class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
-                            },
-                            [
-                              vue.createVNode(_component_el_tag, {
-                                closable: !_ctx.selectDisabled && !item.isDisabled,
-                                size: _ctx.collapseTagSize,
-                                type: _ctx.tagType,
-                                effect: _ctx.tagEffect,
-                                "disable-transitions": "",
-                                style: vue.normalizeStyle(_ctx.tagStyle),
-                                onClose: ($event) => _ctx.deleteTag($event, item)
-                              }, {
-                                default: vue.withCtx(() => [
-                                  vue.createElementVNode(
-                                    "span",
-                                    {
-                                      class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                                    },
-                                    [
-                                      vue.renderSlot(_ctx.$slots, "label", {
-                                        index: item.index,
-                                        label: item.currentLabel,
-                                        value: item.value
-                                      }, () => [
-                                        vue.createTextVNode(
-                                          vue.toDisplayString(item.currentLabel),
-                                          1
-                                          /* TEXT */
-                                        )
-                                      ])
-                                    ],
-                                    2
-                                    /* CLASS */
-                                  )
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
-                            ],
-                            2
-                            /* CLASS */
-                          );
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      )),
-                      _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
-                        key: 0,
-                        ref: "tagTooltipRef",
-                        disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
-                        "fallback-placements": ["bottom", "top", "right", "left"],
-                        effect: _ctx.effect,
-                        placement: "bottom",
-                        "popper-class": _ctx.popperClass,
-                        "popper-style": _ctx.popperStyle,
-                        teleported: _ctx.teleported,
-                        "popper-options": _ctx.popperOptions
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode(
-                            "div",
-                            {
-                              ref: "collapseItemRef",
-                              class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
-                            },
-                            [
-                              vue.createVNode(_component_el_tag, {
-                                closable: false,
-                                size: _ctx.collapseTagSize,
-                                type: _ctx.tagType,
-                                effect: _ctx.tagEffect,
-                                "disable-transitions": "",
-                                style: vue.normalizeStyle(_ctx.collapseTagStyle)
-                              }, {
-                                default: vue.withCtx(() => [
-                                  vue.createElementVNode(
-                                    "span",
-                                    {
-                                      class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                                    },
-                                    " + " + vue.toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags),
-                                    3
-                                    /* TEXT, CLASS */
-                                  )
-                                ]),
-                                _: 1
-                                /* STABLE */
-                              }, 8, ["size", "type", "effect", "style"])
-                            ],
-                            2
-                            /* CLASS */
-                          )
-                        ]),
-                        content: vue.withCtx(() => [
-                          vue.createElementVNode(
-                            "div",
-                            {
-                              ref: "tagMenuRef",
-                              class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
-                            },
-                            [
-                              (vue.openBlock(true), vue.createElementBlock(
-                                vue.Fragment,
-                                null,
-                                vue.renderList(_ctx.collapseTagList, (item) => {
-                                  return vue.openBlock(), vue.createElementBlock(
-                                    "div",
-                                    {
-                                      key: _ctx.getValueKey(item),
-                                      class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
-                                    },
-                                    [
-                                      vue.createVNode(_component_el_tag, {
-                                        class: "in-tooltip",
-                                        closable: !_ctx.selectDisabled && !item.isDisabled,
-                                        size: _ctx.collapseTagSize,
-                                        type: _ctx.tagType,
-                                        effect: _ctx.tagEffect,
-                                        "disable-transitions": "",
-                                        onClose: ($event) => _ctx.deleteTag($event, item)
-                                      }, {
-                                        default: vue.withCtx(() => [
-                                          vue.createElementVNode(
-                                            "span",
-                                            {
-                                              class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
-                                            },
-                                            [
-                                              vue.renderSlot(_ctx.$slots, "label", {
-                                                index: item.index,
-                                                label: item.currentLabel,
-                                                value: item.value
-                                              }, () => [
-                                                vue.createTextVNode(
-                                                  vue.toDisplayString(item.currentLabel),
-                                                  1
-                                                  /* TEXT */
-                                                )
-                                              ])
-                                            ],
-                                            2
-                                            /* CLASS */
+                    }, () => {
+                      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+                      return [
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(_ctx.showTagList, (item) => {
+                            return vue.openBlock(), vue.createElementBlock(
+                              "div",
+                              {
+                                key: _ctx.getValueKey(item),
+                                class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
+                              },
+                              [
+                                vue.createVNode(_component_el_tag, {
+                                  closable: !_ctx.selectDisabled && !item.isDisabled,
+                                  size: _ctx.collapseTagSize,
+                                  type: _ctx.tagType,
+                                  effect: _ctx.tagEffect,
+                                  "disable-transitions": "",
+                                  style: vue.normalizeStyle(_ctx.tagStyle),
+                                  onClose: ($event) => _ctx.deleteTag($event, item)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createElementVNode(
+                                      "span",
+                                      {
+                                        class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                                      },
+                                      [
+                                        vue.renderSlot(_ctx.$slots, "label", {
+                                          index: item.index,
+                                          label: item.currentLabel,
+                                          value: item.value
+                                        }, () => [
+                                          vue.createTextVNode(
+                                            vue.toDisplayString(item.currentLabel),
+                                            1
+                                            /* TEXT */
                                           )
-                                        ]),
-                                        _: 2
-                                        /* DYNAMIC */
-                                      }, 1032, ["closable", "size", "type", "effect", "onClose"])
-                                    ],
-                                    2
-                                    /* CLASS */
-                                  );
-                                }),
-                                128
-                                /* KEYED_FRAGMENT */
-                              ))
-                            ],
-                            2
-                            /* CLASS */
-                          )
-                        ]),
-                        _: 3
-                        /* FORWARDED */
-                      }, 8, ["disabled", "effect", "popper-class", "popper-style", "teleported", "popper-options"])) : vue.createCommentVNode("v-if", true)
-                    ]) : vue.createCommentVNode("v-if", true),
+                                        ])
+                                      ],
+                                      2
+                                      /* CLASS */
+                                    )
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
+                              ],
+                              2
+                              /* CLASS */
+                            );
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        )),
+                        _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
+                          key: 0,
+                          ref: "tagTooltipRef",
+                          disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
+                          "fallback-placements": (_b = (_a2 = _ctx.tagTooltip) == null ? void 0 : _a2.fallbackPlacements) != null ? _b : [
+                            "bottom",
+                            "top",
+                            "right",
+                            "left"
+                          ],
+                          effect: (_d = (_c = _ctx.tagTooltip) == null ? void 0 : _c.effect) != null ? _d : _ctx.effect,
+                          placement: (_f = (_e = _ctx.tagTooltip) == null ? void 0 : _e.placement) != null ? _f : "bottom",
+                          "popper-class": (_h = (_g = _ctx.tagTooltip) == null ? void 0 : _g.popperClass) != null ? _h : _ctx.popperClass,
+                          "popper-style": (_j = (_i = _ctx.tagTooltip) == null ? void 0 : _i.popperStyle) != null ? _j : _ctx.popperStyle,
+                          teleported: (_l = (_k = _ctx.tagTooltip) == null ? void 0 : _k.teleported) != null ? _l : _ctx.teleported,
+                          "append-to": (_n = (_m = _ctx.tagTooltip) == null ? void 0 : _m.appendTo) != null ? _n : _ctx.appendTo,
+                          "popper-options": (_p = (_o = _ctx.tagTooltip) == null ? void 0 : _o.popperOptions) != null ? _p : _ctx.popperOptions,
+                          transition: (_q = _ctx.tagTooltip) == null ? void 0 : _q.transition,
+                          "show-after": (_r = _ctx.tagTooltip) == null ? void 0 : _r.showAfter,
+                          "hide-after": (_s = _ctx.tagTooltip) == null ? void 0 : _s.hideAfter,
+                          "auto-close": (_t = _ctx.tagTooltip) == null ? void 0 : _t.autoClose,
+                          offset: (_u = _ctx.tagTooltip) == null ? void 0 : _u.offset
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createElementVNode(
+                              "div",
+                              {
+                                ref: "collapseItemRef",
+                                class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
+                              },
+                              [
+                                vue.createVNode(_component_el_tag, {
+                                  closable: false,
+                                  size: _ctx.collapseTagSize,
+                                  type: _ctx.tagType,
+                                  effect: _ctx.tagEffect,
+                                  "disable-transitions": "",
+                                  style: vue.normalizeStyle(_ctx.collapseTagStyle)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createElementVNode(
+                                      "span",
+                                      {
+                                        class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                                      },
+                                      " + " + vue.toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags),
+                                      3
+                                      /* TEXT, CLASS */
+                                    )
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }, 8, ["size", "type", "effect", "style"])
+                              ],
+                              2
+                              /* CLASS */
+                            )
+                          ]),
+                          content: vue.withCtx(() => [
+                            vue.createElementVNode(
+                              "div",
+                              {
+                                ref: "tagMenuRef",
+                                class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
+                              },
+                              [
+                                (vue.openBlock(true), vue.createElementBlock(
+                                  vue.Fragment,
+                                  null,
+                                  vue.renderList(_ctx.collapseTagList, (item) => {
+                                    return vue.openBlock(), vue.createElementBlock(
+                                      "div",
+                                      {
+                                        key: _ctx.getValueKey(item),
+                                        class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
+                                      },
+                                      [
+                                        vue.createVNode(_component_el_tag, {
+                                          class: "in-tooltip",
+                                          closable: !_ctx.selectDisabled && !item.isDisabled,
+                                          size: _ctx.collapseTagSize,
+                                          type: _ctx.tagType,
+                                          effect: _ctx.tagEffect,
+                                          "disable-transitions": "",
+                                          onClose: ($event) => _ctx.deleteTag($event, item)
+                                        }, {
+                                          default: vue.withCtx(() => [
+                                            vue.createElementVNode(
+                                              "span",
+                                              {
+                                                class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
+                                              },
+                                              [
+                                                vue.renderSlot(_ctx.$slots, "label", {
+                                                  index: item.index,
+                                                  label: item.currentLabel,
+                                                  value: item.value
+                                                }, () => [
+                                                  vue.createTextVNode(
+                                                    vue.toDisplayString(item.currentLabel),
+                                                    1
+                                                    /* TEXT */
+                                                  )
+                                                ])
+                                              ],
+                                              2
+                                              /* CLASS */
+                                            )
+                                          ]),
+                                          _: 2
+                                          /* DYNAMIC */
+                                        }, 1032, ["closable", "size", "type", "effect", "onClose"])
+                                      ],
+                                      2
+                                      /* CLASS */
+                                    );
+                                  }),
+                                  128
+                                  /* KEYED_FRAGMENT */
+                                ))
+                              ],
+                              2
+                              /* CLASS */
+                            )
+                          ]),
+                          _: 3
+                          /* FORWARDED */
+                        }, 8, ["disabled", "fallback-placements", "effect", "placement", "popper-class", "popper-style", "teleported", "append-to", "popper-options", "transition", "show-after", "hide-after", "auto-close", "offset"])) : vue.createCommentVNode("v-if", true)
+                      ];
+                    }) : vue.createCommentVNode("v-if", true),
                     vue.createElementVNode(
                       "div",
                       {