index.vue 797 B

123456789101112131415161718192021222324
  1. <template>
  2. <!-- 事件配置 -->
  3. <n-collapse class="go-mt-3" arrow-placement="right" :default-expanded-names="['1', '2']">
  4. <n-text depth="3">
  5. 组件 id:
  6. <n-text>{{ targetData.id }}</n-text>
  7. </n-text>
  8. <n-collapse-item title="基础事件配置" name="1">
  9. <div class="go-event">
  10. <n-text depth="3"> 【单击、双击、移入、移出】尽情期待! </n-text>
  11. </div>
  12. </n-collapse-item>
  13. <chart-event-monaco-editor></chart-event-monaco-editor>
  14. </n-collapse>
  15. </template>
  16. <script setup lang="ts">
  17. import { ref } from 'vue'
  18. import { ChartEventMonacoEditor } from './components/ChartEventMonacoEditor'
  19. import { useTargetData } from '../hooks/useTargetData.hook'
  20. const { targetData } = useTargetData()
  21. const showModal = ref(false)
  22. </script>