perf: 修改事件文件位置,修改图标

This commit is contained in:
奔跑的面条
2022-10-16 10:41:12 +08:00
parent 738bcae563
commit 284fdb8e05
8 changed files with 53 additions and 53 deletions
@@ -0,0 +1,29 @@
<template>
<!-- 事件配置 -->
<n-collapse class="go-mt-3" arrow-placement="right" default-expanded-names="1" accordion>
<n-text depth="3">
组件 id
<n-text>{{ targetData.id }}</n-text>
</n-text>
<n-collapse-item title="事件配置" name="1">
<n-space class="go-event go-mt-3" :size="18" vertical>
<chart-event-monaco-editor></chart-event-monaco-editor>
</n-space>
</n-collapse-item>
</n-collapse>
</template>
<script setup lang="ts">
import { ChartEventMonacoEditor } from './components/ChartEventMonacoEditor'
import { useTargetData } from '../hooks/useTargetData.hook'
const { targetData } = useTargetData()
</script>
<style lang="scss" scoped>
@include deep() {
.go-event .n-card__content {
max-height: 60vh;
overflow-y: auto;
}
}
</style>
@@ -75,13 +75,13 @@ const { getDetails } = toRefs(useChartLayoutStore())
const { setItem } = useChartLayoutStore()
const chartEditStore = useChartEditStore()
const { ConstructIcon, FlashIcon, DesktopOutlineIcon, LeafIcon, CodeSlashIcon } = icon.ionicons5
const { ConstructIcon, FlashIcon, DesktopOutlineIcon, LeafIcon, RocketIcon } = icon.ionicons5
const ContentEdit = loadAsyncComponent(() => import('../ContentEdit/index.vue'))
const CanvasPage = loadAsyncComponent(() => import('./components/CanvasPage/index.vue'))
const ChartSetting = loadAsyncComponent(() => import('./components/ChartSetting/index.vue'))
const ChartData = loadAsyncComponent(() => import('./components/ChartData/index.vue'))
const ChartEvent = loadAsyncComponent(() => import('@/components/Pages/ChartItemSetting/EventSetting.vue'))
const ChartEvent = loadAsyncComponent(() => import('./components/ChartEvent/index.vue'))
const ChartAnimation = loadAsyncComponent(() => import('./components/ChartAnimation/index.vue'))
const collapsed = ref<boolean>(getDetails.value)
@@ -153,7 +153,7 @@ const chartsTabList = [
{
key: TabsEnum.CHART_EVENT,
title: '事件',
icon: CodeSlashIcon,
icon: RocketIcon,
render: ChartEvent
}
]