数通智联化工云平台
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
48 KiB

2 years ago
{"version":3,"file":"select.mjs","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n <div\n ref=\"selectWrapper\"\n v-click-outside:[popperPaneRef]=\"handleClose\"\n :class=\"wrapperKls\"\n @mouseenter=\"handleMouseEnter\"\n @mouseleave=\"handleMouseLeave\"\n @click.stop=\"toggleMenu\"\n >\n <el-tooltip\n ref=\"tooltipRef\"\n :visible=\"dropMenuVisible\"\n :placement=\"placement\"\n :teleported=\"teleported\"\n :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n :popper-options=\"popperOptions\"\n :fallback-placements=\"['bottom-start', 'top-start', 'right', 'left']\"\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 @show=\"handleMenuEnter\"\n >\n <template #default>\n <div\n class=\"select-trigger\"\n @mouseenter=\"inputHovering = true\"\n @mouseleave=\"inputHovering = false\"\n >\n <div\n v-if=\"multiple\"\n ref=\"tags\"\n tabindex=\"-1\"\n :class=\"tagsKls\"\n :style=\"selectTagsStyle\"\n @click=\"focus\"\n >\n <transition\n v-if=\"collapseTags && selected.length\"\n @after-leave=\"resetInputHeight\"\n >\n <span :class=\"tagWrapperKls\">\n <el-tag\n v-for=\"item in showTagList\"\n :key=\"getValueKey(item)\"\n :closable=\"!selectDisabled && !item.isDisabled\"\n :size=\"collapseTagSize\"\n :hit=\"item.hitState\"\n :type=\"tagType\"\n disable-transitions\n @close=\"deleteTag($event, item)\"\n >\n <span :class=\"nsSelect.e('tags-text')\" :style=\"tagTextStyle\">\n {{ item.currentLabel }}\n </span>\n </el-tag>\n <el-tag\n v-if=\"selected.length > maxCollapseTags\"\n :closable=\"false\"\n :size=\"collapseTagSize\"\n :type=\"tagType\"\n disable-transitions\n >\n <el-tooltip\n v-if=\"collapseTagsTooltip\"\n ref=\"tagTooltipRef\"\n :disabled=\"dropMenuVisible\"\n :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n :effect=\"effect\"\n placement=\"bottom\"\n :teleported=\"teleported\"\n >\n <template #default>\n <span :class=\"nsSelect.e('tags-text')\"\n >+ {{ selected.length - maxCollapseTags }}</span\n >\n </template>\n <template #content>\n <div :class=\"nsSelect.e('collapse-tags')\">\n <div\n v-for=\"item in collapseTagList\"\n :key=\"getValueKey(item)\"\n :class=\"nsSelect.e('collapse-tag')\"\n >\n <el-tag\n class=\"in-tooltip\"\n :closable=\"!selectDisabled && !item.isDisabled\"\n :size=\"collapseTagSize\"\n :hit=\"item.hitState\"\n :type=\"tagType\"\n disable-transitions\n :style=\"{ margin: '2px' }\"\n @close=\"handleDeleteTooltipTag($event, item)\"\n >\n <span\n :class=\"nsSelect.e('tags-text')\"\n :st