物业代码生成

packages/effects/common-ui/src/components/json-preview/index.ts

@@ -0,0 +1 @@
+export { default as JsonPreview } from './json-preview.vue';

packages/effects/common-ui/src/components/json-preview/json-preview.vue

@@ -0,0 +1,18 @@
+<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>
+html[class='dark'] {
+  .vjs-tree-node:hover {
+    background-color: #333;
+  }
+}
+</style>