Aurora Admin v1.2.0: 79 components x 5 ends, doc site, contracts batch 1, playground, regression, deploy ready
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<div class="aa-chartpanel" :class="{ 'is-collapsed': isCollapsed }">
|
||||
<div class="aa-chartpanel-head">
|
||||
<span class="aa-chartpanel-title">{{ title }}</span>
|
||||
<div class="aa-chartpanel-tools">
|
||||
<button class="aa-chartpanel-tool" @click="emit('refresh')">刷新</button>
|
||||
<button class="aa-chartpanel-tool" @click="emit('export')">导出</button>
|
||||
<button v-if="collapsible" class="aa-chartpanel-tool aa-chartpanel-caret" @click="isCollapsed = !isCollapsed">▾</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="aa-chartpanel-body"><slot>图表区域</slot></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
const props = defineProps({
|
||||
title: { type: String, default: '图表' },
|
||||
collapsible: { type: Boolean, default: true },
|
||||
collapsed: { type: Boolean, default: false }
|
||||
});
|
||||
const emit = defineEmits(['refresh', 'export']);
|
||||
const isCollapsed = ref(props.collapsed);
|
||||
</script>
|
||||
|
||||
<style src="./ChartPanel.css"></style>
|
||||
Reference in New Issue
Block a user