perf: 强化chartConfig类型
This commit is contained in:
parent
1ece3072a0
commit
44a5e2dc4b
@ -68,34 +68,21 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { PropType, toRefs } from 'vue'
|
import { PropType, toRefs } from 'vue'
|
||||||
import { CreateComponentType } from '@/packages/index.d'
|
import { CreateComponentType } from '@/packages/index.d'
|
||||||
|
import { option } from './config'
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
chartConfig: {
|
chartConfig: {
|
||||||
type: Object as PropType<CreateComponentType>,
|
type: Object as PropType<CreateComponentType & typeof option>,
|
||||||
required: true
|
required: true
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
let { border, color, bgColor, borderColor } = toRefs(props.chartConfig.option)
|
let { border, color, bgColor, borderColor } = toRefs(props.chartConfig.option)
|
||||||
|
|
||||||
// const border = ref(10)
|
|
||||||
// const bgColor = ref('#20b7af')
|
|
||||||
|
|
||||||
const date = new Date()
|
const date = new Date()
|
||||||
const hoursAngle = (360 * date.getHours()) / 12 + date.getMinutes() / 2
|
const hoursAngle = (360 * date.getHours()) / 12 + date.getMinutes() / 2
|
||||||
const minuteAngle = (360 * date.getMinutes()) / 60
|
const minuteAngle = (360 * date.getMinutes()) / 60
|
||||||
const secAngle = (360 * date.getSeconds()) / 60
|
const secAngle = (360 * date.getSeconds()) / 60
|
||||||
|
|
||||||
// watch(
|
|
||||||
// () => props.chartConfig.option,
|
|
||||||
// () => {
|
|
||||||
// option.dataset = props.chartConfig.option.dataset
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// immediate: true,
|
|
||||||
// deep: true
|
|
||||||
// }
|
|
||||||
// )
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user