Commit ba1c0e099ffd07c46ab33c33c158d08442dc450b
1 parent
89a0fcff
feat(src/packages): 自定义下拉选择器修改为选择多个
Showing
4 changed files
with
8 additions
and
7 deletions
| ... | ... | @@ -50,9 +50,9 @@ const onChange = (v: number | number[]) => { | 
| 50 | 50 | props.chartConfig, | 
| 51 | 51 | useChartEditStore, | 
| 52 | 52 | { | 
| 53 | - [ComponentInteractParamsEnum.DATE_START]: v[0], | |
| 54 | - [ComponentInteractParamsEnum.DATE_END]: v[1], | |
| 55 | - [ComponentInteractParamsEnum.DATE_RANGE]: `${v[0]}-${v[1]}` | |
| 53 | + [ComponentInteractParamsEnum.DATE_START]: v[0] || dayjs().valueOf(), | |
| 54 | + [ComponentInteractParamsEnum.DATE_END]: v[1] || dayjs().valueOf(), | |
| 55 | + [ComponentInteractParamsEnum.DATE_RANGE]: `${v[0] || dayjs().valueOf()}-${v[1] || dayjs().valueOf()}` | |
| 56 | 56 | }, | 
| 57 | 57 | InteractEventOn.CHANGE | 
| 58 | 58 | ) | 
| ... | ... | @@ -61,7 +61,7 @@ const onChange = (v: number | number[]) => { | 
| 61 | 61 | useChartInteract( | 
| 62 | 62 | props.chartConfig, | 
| 63 | 63 | useChartEditStore, | 
| 64 | - { [ComponentInteractParamsEnum.DATE]: v }, | |
| 64 | + { [ComponentInteractParamsEnum.DATE]: v || dayjs().valueOf() }, | |
| 65 | 65 | InteractEventOn.CHANGE | 
| 66 | 66 | ) | 
| 67 | 67 | } | ... | ... | 
| ... | ... | @@ -2,7 +2,7 @@ | 
| 2 | 2 | <collapse-item name="下拉配置" :expanded="true"> | 
| 3 | 3 | <setting-item-box name="选择项" :alone="true"> | 
| 4 | 4 | <SettingItem name="选择项"> | 
| 5 | - <n-select size="small" v-model:value="optionData.selectValue" :options="optionData.dataset" /> | |
| 5 | + <n-select multiple size="small" v-model:value="optionData.selectValue" :options="optionData.dataset" /> | |
| 6 | 6 | </SettingItem> | 
| 7 | 7 | </setting-item-box> | 
| 8 | 8 | <setting-item-box name="文字颜色" :alone="true"> | ... | ... | 
| 1 | 1 | <template> | 
| 2 | 2 | <n-select | 
| 3 | + multiple | |
| 3 | 4 | v-model:value="option.value.selectValue" | 
| 4 | 5 | :options="option.value.dataset" | 
| 5 | 6 | :style="`width:${w}px;`" | 
| ... | ... | @@ -42,7 +43,7 @@ const option = shallowReactive({ | 
| 42 | 43 | }) | 
| 43 | 44 | |
| 44 | 45 | // 监听事件改变 | 
| 45 | -const onChange = (v: string) => { | |
| 46 | +const onChange = (v: string[]) => { | |
| 46 | 47 | // 存储到联动数据 | 
| 47 | 48 | useChartInteract( | 
| 48 | 49 | props.chartConfig, | ... | ... |