by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor: 修改为setup形式

Browse Source
This commit is contained in:
dap 2025-03-23 13:30:40 +08:00
parent 731c9be4f1
commit ba6785931d
2 changed files with 122 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
apps/web-antd/src/views/monitor/cache/components/command-chart.vue vendored
View File

@ -1,22 +1,17 @@
<script lang="ts">
import type { PropType } from 'vue';
<script setup lang="ts">
import type { EchartsUIType } from '@vben/plugins/echarts';
import { defineComponent, onActivated, onMounted, ref, watch } from 'vue';
import { onActivated, onMounted, ref, watch } from 'vue';
import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
export default defineComponent({
components: { EchartsUI },
props: {
data: {
default: () => [],
type: Array as PropType<{ name: string; value: string }[]>,
},
},
setup(props, { expose }) {
expose({});
interface Props {
data?: { name: string; value: string }[];
}
const props = withDefaults(defineProps<Props>(), {
data: () => [],
});
const chartRef = ref<EchartsUIType>();
const { renderEcharts, resize } = useEcharts(chartRef);
@ -61,12 +56,6 @@ export default defineComponent({
};
renderEcharts(option);
}
return {
chartRef,
};
},
});
</script>
<template>

27
apps/web-antd/src/views/monitor/cache/components/memory-chart.vue vendored
View File

@ -1,20 +1,17 @@
<script lang="ts">
<script setup lang="ts">
import type { EchartsUIType } from '@vben/plugins/echarts';
import { defineComponent, onActivated, onMounted, ref, watch } from 'vue';
import { onActivated, onMounted, ref, watch } from 'vue';
import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
export default defineComponent({
components: { EchartsUI },
props: {
data: {
default: '0',
type: String,
},
},
setup(props, { expose }) {
expose({});
interface Props {
data?: string;
}
const props = withDefaults(defineProps<Props>(), {
data: '0',
});
const memoryHtmlRef = ref<EchartsUIType>();
const { renderEcharts, resize } = useEcharts(memoryHtmlRef);
@ -85,12 +82,6 @@ export default defineComponent({
};
renderEcharts(options);
}
return {
memoryHtmlRef,
};
},
});
</script>
<template>