feat: json-preview组件

apps/web-antd/src/components/code-editor/index.ts

@@ -0,0 +1,5 @@
+import { withInstall } from '#/utils';
+
+import jsonPreview from './src/json-preview/json-preview.vue';
+
+export const JsonPreview = withInstall(jsonPreview);

apps/web-antd/src/components/code-editor/src/json-preview/json-preview.vue

@@ -0,0 +1,19 @@
+<script lang="ts" setup>
+import VueJsonPretty from 'vue-json-pretty';
+
+import 'vue-json-pretty/lib/styles.css';
+
+defineProps<{ data: any }>();
+</script>
+
+<template>
+  <VueJsonPretty :data="data" :deep="3" :show-length="true" path="res" />
+</template>
+
+<style lang="less">
+html[class='dark'] {
+  .vjs-tree-node:hover {
+    background-color: #333;
+  }
+}
+</style>