refactor(mock): 重构

package.json

@@ -45,6 +45,7 @@
     "file-saver": "^2.0.5",
     "highlight.js": "^11.9.0",
     "js-beautify": "^1.14.11",
+    "json-editor-vue": "^0.11.2",
     "leaflet": "^1.9.4",
     "localforage": "^1.10.0",
     "lodash-es": "^4.17.21",

src/components.d.ts

@@ -20,7 +20,7 @@ declare module 'vue' {
     ATypographyTitle: typeof import('ant-design-vue/es')['TypographyTitle']
     Checkerboard: typeof import('./components/checkerboard.vue')['default']
     Container: typeof import('./components/container.vue')['default']
-    CopyableText: typeof import('./components/copyable-text.vue')['default']
+    CopyableText: typeof import('./components/CopyableText.vue')['default']
     Editor: typeof import('./components/editor/Editor.vue')['default']
     EditorMini: typeof import('./components/editor/EditorMini.vue')['default']
     ElAlert: typeof import('element-plus/es')['ElAlert']
@@ -77,6 +77,7 @@ declare module 'vue' {
     ElUpload: typeof import('element-plus/es')['ElUpload']
     FixedWidgets: typeof import('./components/fixed-widgets.vue')['default']
     FormatTransformer: typeof import('./components/FormatTransformer.vue')['default']
+    JsonEditor: typeof import('./components/JsonEditor.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     VanillaJsonEditor: typeof import('./components/VanillaJsonEditor.vue')['default']

src/components/copyable-text.vue → src/components/CopyableText.vue

@@ -11,15 +11,7 @@
 defineProps<{
   val: string
 }>()
-
-async function copy (val: string) {
-  try {
-    await navigator.clipboard.writeText(val)
-    ElMessage.success('复制成功')
-  } catch (e) {
-    ElMessage.error('复制失败')
-  }
-}
+const { copy } = useCopy({ text: '复制成功' })
 </script>
 <style scoped lang="scss">
 .copiable-text {

src/components/JsonEditor.vue

@@ -0,0 +1,16 @@
+<script setup>
+import 'vanilla-jsoneditor/themes/jse-theme-dark.css'
+import JsonEditorVue from 'json-editor-vue'
+import { useStyleStore } from '@/stores/style'
+
+const isDark = useStyleStore().isDark
+</script>
+
+<template>
+  <JsonEditorVue
+    v-bind="$attrs"
+    :class="{
+      'jse-theme-dark': isDark
+    }"
+  />
+</template>

src/utils/hashHandler.js

@@ -32,8 +32,6 @@ function getParam (key) {
   const tmp = getParamList().find(item => item.key === key)
   if (tmp) {
     return tmp.value
-  } else {
-    return null
   }
 }