feat: ✨ 图标选择器组件支持清空已选图标
This commit is contained in:
@@ -24,6 +24,15 @@
|
|||||||
</template>
|
</template>
|
||||||
</template>
|
</template>
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
|
<!-- 清空按钮 -->
|
||||||
|
<el-icon
|
||||||
|
v-if="selectedIcon"
|
||||||
|
style="margin-right: 8px"
|
||||||
|
@click.stop="clearSelectedIcon"
|
||||||
|
>
|
||||||
|
<CircleClose />
|
||||||
|
</el-icon>
|
||||||
|
|
||||||
<el-icon
|
<el-icon
|
||||||
:style="{
|
:style="{
|
||||||
transform: popoverVisible ? 'rotate(180deg)' : 'rotate(0)',
|
transform: popoverVisible ? 'rotate(180deg)' : 'rotate(0)',
|
||||||
@@ -165,6 +174,13 @@ onClickOutside(iconSelectRef, () => (popoverVisible.value = false), {
|
|||||||
ignore: [popoverContentRef],
|
ignore: [popoverContentRef],
|
||||||
});
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 清空已选图标
|
||||||
|
*/
|
||||||
|
function clearSelectedIcon() {
|
||||||
|
selectedIcon.value = "";
|
||||||
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
loadIcons();
|
loadIcons();
|
||||||
if (selectedIcon.value) {
|
if (selectedIcon.value) {
|
||||||
|
|||||||
Reference in New Issue
Block a user