feat: 同步质量校验修复并精简工作台操作
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import { NButton, NCollapse, NCollapseItem } from 'naive-ui'
|
||||
|
||||
/** 保留说明与诊断的可发现入口,默认不占据主内容区域;阻塞错误不应放入此组件。 */
|
||||
withDefaults(defineProps<{ title?: string }>(), { title: '使用说明' })
|
||||
const expanded = ref<string[]>([])
|
||||
/** 原生按钮保留 Enter/Space 键盘激活;文字点击不再向外重复触发折叠。 */
|
||||
function toggle() {
|
||||
expanded.value = expanded.value.length ? [] : ['details']
|
||||
}
|
||||
</script>
|
||||
<template>
|
||||
<NCollapse v-model:expanded-names="expanded" class="detail-disclosure"
|
||||
><NCollapseItem name="details"
|
||||
><template #header
|
||||
><NButton text size="small" :aria-expanded="expanded.length > 0" @click.stop="toggle">{{
|
||||
title
|
||||
}}</NButton></template
|
||||
>
|
||||
<div class="detail-disclosure-content"><slot /></div></NCollapseItem
|
||||
></NCollapse>
|
||||
</template>
|
||||
Reference in New Issue
Block a user