npm - @element-plus/nightly - Versions diffs - 0.0.20260717 → 0.0.20260719 - Mend

@element-plus/nightly 0.0.20260717 → 0.0.20260719

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (454) hide show

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

@@ -1,10 +1,10 @@
 require("../../../_virtual/_rolldown/runtime.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$2 = require("../../icon/index.js");
-const require_index$3 = require("../../tooltip/index.js");
-const require_index$4 = require("../../scrollbar/index.js");
+const require_index = require("../../../hooks/use-calc-input-width/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("../../../directives/click-outside/index.js");
 const require_index$5 = require("../../tag/index.js");
 const require_useProps = require("../../select-v2/src/useProps.js");
 const require_token = require("./token.js");
@@ -52,11 +52,11 @@ var select_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 		ElOptions: require_options.default,
 		ElOptionGroup: require_option_group.default,
 		ElTag: require_index$5.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
 	},
-	directives: { ClickOutside: require_index.default },
+	directives: { ClickOutside: require_index$4.default },
 	props: require_select.selectProps,
 	emits: require_select.selectEmits,
 	setup(props, { emit, slots }) {
@@ -75,7 +75,7 @@ var select_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 			modelValue
 		});
 		const API = require_useSelect.useSelect(_props, 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 CHANGED Viewed

	@@ -1 +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=\"[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 :placement=\"placement\"\n :teleported=\"teleported\"\n :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n :popper-style=\"popperStyle\"\n :popper-options=\"popperOptions\"\n :fallback-placements=\"fallbackPlacements\"\n :effect=\"effect\"\n pure\n trigger=\"click\"\n :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\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 ?? teleported\"\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 (multiple && !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 <component :is=\"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 <component :is=\"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 <component :is=\"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 @end-reached=\"endReached\"\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 </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 { 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 { selectEmits, 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 },\n directives: { ClickOutside },\n props: selectProps,\n emits: selectEmits,\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 provide(\n selectKey,\n reactive({\n props: _props,\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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"}
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=\"[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 :placement=\"placement\"\n :teleported=\"teleported\"\n :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n :popper-style=\"popperStyle\"\n :popper-options=\"popperOptions\"\n :fallback-placements=\"fallbackPlacements\"\n :effect=\"effect\"\n pure\n trigger=\"click\"\n :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\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 ?? teleported\"\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 (multiple && !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 <component :is=\"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 <component :is=\"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 <component :is=\"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 @end-reached=\"endReached\"\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 </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 { 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 { selectEmits, 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 },\n directives: { ClickOutside },\n props: selectProps,\n emits: selectEmits,\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 provide(\n selectKey,\n reactive({\n props: _props,\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/useSelect.d.ts CHANGED Viewed

@@ -49,8 +49,8 @@ declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
   };
   states: {
     inputValue: string;
-    options: Map<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
-    cachedOptions: Map<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
+    options: Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
+    cachedOptions: Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance> & Omit<Map<EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>, OptionPublicInstance>, keyof Map<any, any>>;
     optionValues: OptionValue[];
     selected: {
       index: number;
@@ -71,7 +71,7 @@ declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
   expanded: _$vue.Ref<boolean, boolean>;
   optionsArray: _$vue.ComputedRef<OptionPublicInstance[]>;
   hoverOption: _$vue.Ref<any, any>;
-  selectSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  selectSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   filteredOptionsCount: _$vue.ComputedRef<number>;
   updateTooltip: () => void;
   updateTagTooltip: () => void;
@@ -90,7 +90,7 @@ declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
   showClearBtn: _$vue.ComputedRef<boolean>;
   iconComponent: _$vue.ComputedRef<EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>>;
   iconReverse: _$vue.ComputedRef<string>;
-  validateState: _$vue.ComputedRef<"" | "success" | "error" | "validating">;
+  validateState: _$vue.ComputedRef<"" | "error" | "success" | "validating">;
   validateIcon: _$vue.ComputedRef<"" | Component>;
   showNewOption: _$vue.ComputedRef<boolean>;
   updateOptions: () => void;
@@ -133,11 +133,11 @@ declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
   }) => void;
   getOption: (value: OptionValue) => {
     index: number;
-    value: EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    value: EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>;
     currentLabel: any;
   } | {
     index: number;
-    value: EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    value: EpPropMergeType<(BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>;
     currentLabel: string | number | boolean;
     readonly isDisabled: boolean;
   };

package/lib/components/select-v2/src/defaults.d.ts CHANGED Viewed

@@ -199,7 +199,7 @@ declare const selectV2Props: {
   readonly remote: BooleanConstructor;
   readonly debounce: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -211,7 +211,7 @@ declare const selectV2Props: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly remoteShowSuffix: BooleanConstructor;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
   readonly tagType: {
     readonly default: "info";
@@ -222,7 +222,7 @@ declare const selectV2Props: {
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;

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

@@ -190,7 +190,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly remote: BooleanConstructor;
   readonly debounce: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -202,7 +202,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly remoteShowSuffix: BooleanConstructor;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
   readonly tagType: {
     readonly default: "info";
@@ -213,7 +213,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -269,7 +269,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   hasModelValue: _$vue.ComputedRef<boolean>;
   shouldShowPlaceholder: _$vue.ComputedRef<boolean>;
   selectDisabled: _$vue.ComputedRef<boolean>;
-  selectSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  selectSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   needStatusIcon: _$vue.ComputedRef<boolean>;
   showClearBtn: _$vue.ComputedRef<boolean>;
   states: SelectStates;
@@ -322,7 +322,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   suffixRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   collapseItemRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   popperRef: _$vue.ComputedRef<HTMLElement | undefined>;
-  validateState: _$vue.ComputedRef<"" | "success" | "error" | "validating">;
+  validateState: _$vue.ComputedRef<"" | "error" | "success" | "validating">;
   validateIcon: _$vue.ComputedRef<_$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined>;
   showTagList: _$vue.ComputedRef<Option[]>;
   collapseTagList: _$vue.ComputedRef<Option[]>;
@@ -536,7 +536,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly remote: BooleanConstructor;
   readonly debounce: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -548,7 +548,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly remoteShowSuffix: BooleanConstructor;
   readonly showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom-start", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom-start", "top-start", "right", "left"], boolean>;
   readonly tagType: {
     readonly default: "info";
@@ -559,7 +559,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly tagEffect: {
     readonly default: "light";
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -574,47 +574,47 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly fitInputWidth: EpPropFinalized<readonly [BooleanConstructor, NumberConstructor], unknown, number | boolean, true, boolean>;
   readonly suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
 }>> & Readonly<{
-  "onUpdate:modelValue"?: ((val: any) => any) | undefined;
   onChange?: ((val: any) => any) | undefined;
+  "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
   onClear?: (() => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: any) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
-  "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
+  onFocus?: ((evt: FocusEvent) => any) | undefined;
   "onVisible-change"?: ((visible: boolean) => any) | undefined;
   "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
+  readonly props: Props;
+  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly height: number;
+  readonly scrollbarAlwaysOn: boolean;
+  readonly multiple: boolean;
+  readonly modelValue: any;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly filterable: boolean;
+  readonly loading: boolean;
   readonly 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>;
   readonly offset: number;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly props: Props;
   readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: any;
   readonly autocomplete: EpPropMergeType<(new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list") | (((new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list")) | null)[], unknown, unknown>;
   readonly clearable: boolean;
   readonly clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly height: number;
-  readonly multiple: boolean;
   readonly popperStyle: _$vue.StyleValue;
   readonly fallbackPlacements: Placement[];
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   readonly popperOptions: Partial<Options>;
   readonly showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly valueKey: string;
   readonly debounce: number;
   readonly fitInputWidth: EpPropMergeType<readonly [BooleanConstructor, NumberConstructor], unknown, number | boolean>;
-  readonly loading: boolean;
-  readonly filterable: boolean;
   readonly collapseTags: boolean;
   readonly maxCollapseTags: number;
   readonly collapseTagsTooltip: boolean;
   readonly tagType: EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>;
-  readonly tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
-  readonly scrollbarAlwaysOn: boolean;
+  readonly tagEffect: EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
   readonly automaticDropdown: boolean;
   readonly allowCreate: boolean;
   readonly remote: boolean;
@@ -655,11 +655,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   ElTag: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<TagProps> & Readonly<{
-      onClose?: ((evt: MouseEvent) => any) | undefined;
       onClick?: ((evt: MouseEvent) => any) | undefined;
+      onClose?: ((evt: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      close: (evt: MouseEvent) => void;
       click: (evt: MouseEvent) => void;
+      close: (evt: MouseEvent) => void;
     }, _$vue.PublicProps, {
       type: "primary" | "success" | "info" | "warning" | "danger";
       effect: "dark" | "light" | "plain";
@@ -671,8 +671,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<TagProps> & Readonly<{
-      onClose?: ((evt: MouseEvent) => any) | undefined;
       onClick?: ((evt: MouseEvent) => any) | undefined;
+      onClose?: ((evt: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
       type: "primary" | "success" | "info" | "warning" | "danger";
       effect: "dark" | "light" | "plain";
@@ -681,11 +681,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<TagProps> & Readonly<{
-    onClose?: ((evt: MouseEvent) => any) | undefined;
     onClick?: ((evt: MouseEvent) => any) | undefined;
+    onClose?: ((evt: MouseEvent) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    close: (evt: MouseEvent) => void;
     click: (evt: MouseEvent) => void;
+    close: (evt: MouseEvent) => void;
   }, string, {
     type: "primary" | "success" | "info" | "warning" | "danger";
     effect: "dark" | "light" | "plain";
@@ -698,10 +698,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -714,20 +714,21 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      close: (...args: any[]) => void;
       hide: (...args: any[]) => void;
       show: (...args: any[]) => void;
       open: (...args: any[]) => void;
+      close: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
+      visible: boolean | null;
+      role: typeof roleTypes[number];
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      content: string;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      visible: boolean | null;
-      content: string;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -740,10 +741,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       gpuAcceleration: boolean;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "fixed" | "absolute";
+      strategy: "absolute" | "fixed";
       arrowOffset: number;
       showArrow: boolean;
-      role: typeof roleTypes[number];
       showAfter: number;
       hideAfter: number;
       autoClose: number;
@@ -757,10 +757,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -773,12 +773,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
+      visible: boolean | null;
+      role: typeof roleTypes[number];
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      content: string;
       offset: number;
       teleported: boolean;
       effect: PopperEffect;
-      visible: boolean | null;
-      content: string;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -791,10 +792,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       gpuAcceleration: boolean;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "fixed" | "absolute";
+      strategy: "absolute" | "fixed";
       arrowOffset: number;
       showArrow: boolean;
-      role: typeof roleTypes[number];
       showAfter: number;
       hideAfter: number;
       autoClose: number;
@@ -805,10 +805,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -821,20 +821,21 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     show: (...args: any[]) => void;
     open: (...args: any[]) => void;
+    close: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
+    visible: boolean | null;
+    role: typeof roleTypes[number];
+    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    content: string;
     offset: number;
     teleported: boolean;
     effect: PopperEffect;
-    visible: boolean | null;
-    content: string;
-    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
@@ -847,10 +848,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     gpuAcceleration: boolean;
     placement: Placement;
     popperOptions: Partial<Options>;
-    strategy: "fixed" | "absolute";
+    strategy: "absolute" | "fixed";
     arrowOffset: number;
     showArrow: boolean;
-    role: typeof roleTypes[number];
     showAfter: number;
     hideAfter: number;
     autoClose: number;

package/lib/components/select-v2/src/select.vue_vue_type_script_lang.js CHANGED Viewed

@@ -1,10 +1,10 @@
 require("../../../_virtual/_rolldown/runtime.js");
 require("../../../constants/form.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$2 = require("../../../hooks/use-id/index.js");
-const require_index$3 = require("../../icon/index.js");
-const require_index$4 = require("../../tooltip/index.js");
+const require_index = require("../../../hooks/use-calc-input-width/index.js");
+const require_index$1 = require("../../../hooks/use-id/index.js");
+const require_index$2 = require("../../icon/index.js");
+const require_index$3 = require("../../tooltip/index.js");
+const require_index$4 = require("../../../directives/click-outside/index.js");
 const require_index$5 = require("../../tag/index.js");
 const require_defaults = require("./defaults.js");
 const require_token = require("./token.js");
@@ -18,10 +18,10 @@ var select_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 	components: {
 		ElSelectMenu: require_select_dropdown.default,
 		ElTag: require_index$5.ElTag,
-		ElTooltip: require_index$4.ElTooltip,
-		ElIcon: require_index$3.ElIcon
+		ElTooltip: require_index$3.ElTooltip,
+		ElIcon: require_index$2.ElIcon
 	},
-	directives: { ClickOutside: require_index.default },
+	directives: { ClickOutside: require_index$4.default },
 	props: require_defaults.selectV2Props,
 	emits: require_defaults.selectV2Emits,
 	setup(props, { emit }) {
@@ -35,8 +35,8 @@ 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 contentId = require_index$2.useId();
+		const { calculatorRef, inputStyle } = require_index.useCalcInputWidth();
+		const contentId = require_index$1.useId();
 		(0, vue.provide)(require_token.selectV2InjectionKey, {
 			props: (0, vue.reactive)({
 				...(0, vue.toRefs)(props),