🎨chore: 使用 oxlint, oxfmt&格式化代码
This commit is contained in:
@@ -1,39 +1,51 @@
|
||||
<script lang="ts" setup>
|
||||
|
||||
const props = defineProps({
|
||||
label: {
|
||||
type: String,
|
||||
default: ''
|
||||
default: '',
|
||||
},
|
||||
icon: {
|
||||
type: String,
|
||||
default: ''
|
||||
default: '',
|
||||
},
|
||||
comment: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
default: '',
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="bg-neutral-50 dark:bg-neutral-900 px-1.5 py-1 rounded flex flex-col gap-1 shadow">
|
||||
<div
|
||||
class="bg-neutral-50 dark:bg-neutral-900 px-1.5 py-1 rounded flex flex-col gap-1 shadow"
|
||||
>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<UIcon v-if="icon" :name="icon" class="text-base inline-block"/>
|
||||
<div class="flex-1 flex items-center truncate whitespace-nowrap overflow-hidden">
|
||||
<UIcon
|
||||
v-if="icon"
|
||||
:name="icon"
|
||||
class="text-base inline-block"
|
||||
/>
|
||||
<div
|
||||
class="flex-1 flex items-center truncate whitespace-nowrap overflow-hidden"
|
||||
>
|
||||
<span>{{ label }}</span>
|
||||
<UTooltip v-if="comment" :popper="{ arrow: true, placement: 'right' }" :text="comment">
|
||||
<UIcon class="text-base" name="i-tabler-help"/>
|
||||
<UTooltip
|
||||
v-if="comment"
|
||||
:popper="{ arrow: true, placement: 'right' }"
|
||||
:text="comment"
|
||||
>
|
||||
<UIcon
|
||||
class="text-base"
|
||||
name="i-tabler-help"
|
||||
/>
|
||||
</UTooltip>
|
||||
</div>
|
||||
<slot name="actions"/>
|
||||
<slot name="actions" />
|
||||
</div>
|
||||
<div class="flex flex-col gap-2">
|
||||
<slot/>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
<style scoped></style>
|
||||
|
||||
Reference in New Issue
Block a user