feat: 新增案例说明

src/views/chart/ContentConfigurations/components/ChartEvent/index.vue

@@ -1,29 +1,24 @@
 <template>
   <!-- 事件配置 -->
-  <n-collapse class="go-mt-3" arrow-placement="right" default-expanded-names="1" accordion>
+  <n-collapse class="go-mt-3" arrow-placement="right" :default-expanded-names="['1', '2']">
     <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 title="基础事件配置" name="1">
+      <div class="go-event">
+        <n-text depth="3"> 【单击、双击、移入、移出】尽情期待！ </n-text>
+      </div>
     </n-collapse-item>
+    <chart-event-monaco-editor></chart-event-monaco-editor>
   </n-collapse>
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
 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>
+const { targetData } = useTargetData()
+const showModal = ref(false)
+</script>