feat: 新增选择器

This commit is contained in:
奔跑的面条
2023-03-16 11:51:45 +08:00
parent 1130deab48
commit cfb8b038ce
13 changed files with 189 additions and 27 deletions
@@ -1,21 +1,17 @@
<template>
<div class="mill-date-box">
<div :style="`width:${w}px; height:${h}px;`">
<n-date-picker
v-model:value="option.dataset"
:panel="!!chartConfig.option.isPanel"
:type="chartConfig.option.componentInteractEventKey"
@update:value="onChange"
/>
</div>
</div>
<n-date-picker
v-model:value="option.dataset"
:panel="!!chartConfig.option.isPanel"
:type="chartConfig.option.componentInteractEventKey"
:style="`width:${w}px;`"
@update:value="onChange"
/>
</template>
<script setup lang="ts">
import { PropType, toRefs, ref, shallowReactive, watch } from 'vue'
import dayjs from 'dayjs'
import { CreateComponentType } from '@/packages/index.d'
import { useChartDataFetch } from '@/hooks'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
import { useChartInteract } from '@/hooks'
import { InteractEventOn } from '@/enums/eventEnum'
@@ -75,12 +71,11 @@ watch(
</script>
<style lang="scss" scoped>
.mill-text-box {
display: flex;
}
:deep(.n-input) {
height: v-bind('h + "px"');
display: flex;
align-items: center;
@include deep() {
.n-input {
height: v-bind('h + "px"');
display: flex;
align-items: center;
}
}
</style>