feat: 新增7个工具

工具：帮你选择(#)
工具：摩斯电码(#)
工具：生成随机数(#)
工具：数字转金额大写(#)
工具：文本对比(#)
工具：markdown编辑器(#)
工具：文字转图片(#)

src/components/Morse/Morse.vue

@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { reactive } from 'vue'
+import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
+import { copy } from '@/utils/string'
+import { toMorse, toText } from '@/utils/morse'
+const info = reactive({
+  title: "摩斯电码",
+  content: '支持中文的摩斯电码编码(Encode)解码(Decode)',
+  tranRes: '',
+})
+
+const toEncode = () => {
+  info.tranRes = toMorse(info.content)
+
+}
+
+const toDecode = () => {
+  info. tranRes = toText(info.content)
+}
+
+const clear = () => {
+  info.content = ''
+  info.tranRes = ''
+}
+
+//copy
+const copyRes = async (resStr: string) => {
+  copy(resStr)
+}
+</script>
+
+<template>
+  <div class="flex flex-col mt-3 ml-4 flex-1 mr-10">
+    <DetailHeader :title="info.title"></DetailHeader>
+
+    <div class="">
+      <div>
+        <el-input type="textarea" :rows="8" v-model="info.content"></el-input>
+      </div>
+
+      <div class="mt-4">
+        <el-button type="primary" @click="toEncode">摩斯编码</el-button>
+        <el-button type="primary" @click="toDecode">摩斯解码</el-button>
+        <el-button type="primary" @click="copyRes(info.tranRes)">复制结果</el-button>
+        <el-button type="danger" @click="clear">清空内容</el-button>
+      </div>
+
+      <div class="mt-3 min-h-md bg-gray-100 p-3 mb-3">
+        <el-input type="textarea" :rows="8" v-model="info.tranRes"></el-input>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>