You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
31 KiB
1 line
31 KiB
2 years ago
|
{"version":3,"file":"select.mjs","sources":["../../../../../../packages/components/select-v2/src/select.vue"],"sourcesContent":["<template>\n <div\n ref=\"selectRef\"\n v-click-outside:[popperRef]=\"handleClickOutside\"\n :class=\"[nsSelectV2.b(), nsSelectV2.m(selectSize)]\"\n @click.stop=\"toggleMenu\"\n @mouseenter=\"states.comboBoxHovering = true\"\n @mouseleave=\"states.comboBoxHovering = false\"\n >\n <el-tooltip\n ref=\"popper\"\n :visible=\"dropdownMenuVisible\"\n :teleported=\"teleported\"\n :popper-class=\"[nsSelectV2.e('popper'), popperClass]\"\n :gpu-acceleration=\"false\"\n :stop-popper-mouse-event=\"false\"\n :popper-options=\"popperOptions\"\n :fallback-placements=\"['bottom-start', 'top-start', 'right', 'left']\"\n :effect=\"effect\"\n :placement=\"placement\"\n pure\n :transition=\"`${nsSelectV2.namespace.value}-zoom-in-top`\"\n trigger=\"click\"\n :persistent=\"persistent\"\n @before-show=\"handleMenuEnter\"\n @hide=\"states.inputValue = states.displayInputValue\"\n >\n <template #default>\n <div\n ref=\"selectionRef\"\n :class=\"[\n nsSelectV2.e('wrapper'),\n nsSelectV2.is('focused', states.isComposing || expanded),\n nsSelectV2.is('hovering', states.comboBoxHovering),\n nsSelectV2.is('filterable', filterable),\n nsSelectV2.is('disabled', selectDisabled),\n ]\"\n >\n <div v-if=\"$slots.prefix\">\n <slot name=\"prefix\" />\n </div>\n <div v-if=\"multiple\" :class=\"nsSelectV2.e('selection')\">\n <template v-if=\"collapseTags && modelValue.length > 0\">\n <div\n v-for=\"item in showTagList\"\n :key=\"getValueKey(item)\"\n :class=\"nsSelectV2.e('selected-item')\"\n >\n <el-tag\n :closable=\"!selectDisabled && !item?.disable\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n @close=\"deleteTag($event, item)\"\n >\n <span\n :class=\"nsSelectV2.e('tags-text')\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >{{ item?.label }}</span\n >\n </el-tag>\n </div>\n <div :class=\"nsSelectV2.e('selected-item')\">\n <el-tag\n v-if=\"modelValue.length > maxCollapseTags\"\n :closable=\"false\"\n :size=\"collapseTagSize\"\n type=\"info\"\n disable-transitions\n >\n <el-tooltip\n v-if=\"collapseTagsTooltip\"\n :disabled=\"dropdownMenuVisible\"\n :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n :effect=\"effect\"\n placement=\"bottom\"\n :teleported=\"false\"\n >\n <template #default>\n <span\n :class=\"nsSelectV2.e('tags-text')\"\n :style=\"{\n maxWidth: `${tagMaxWidth}px`,\n }\"\n >+ {{ modelValue.length - maxCollapseTags }}</span\n >\n </template>\n <template #content>\n <div :class=\"nsSelectV2.e('selection')\">\n <div\n v-for=\"selected in collapseTagList\"\n :key=\"getValueKey(selected)\"\n :class=\"nsSelectV2.e('selected-item')\"\n >\n <el-tag\n :closable=\"!selectDisabled && !selected.disabled\"\n
|