feat; 更新解密

xkloveme · Jul 9, 2024 · c826ce1 · c826ce1
1 parent 8af3796
commit c826ce1
Showing 1 changed file with 27 additions and 23 deletions.
diff --git a/src/components/Devtools.vue b/src/components/Devtools.vue
@@ -2,32 +2,29 @@
   <div class="changeData p-4">
     <textarea class="textarea textarea-success text-emerald bg-black" style="background-color: black;"
       placeholder="请输入加密内容,支持引号输入" cols="63" rows="5" v-model="msg" @change="handlChangeData"></textarea>
-    <div @click="handlChangeData" class="tooltip" data-tip="狠狠点击我转化" style="cursor: pointer;margin:30px">
-      <svg class="icon" height="200" p-id="7940" t="1600052679408" version="1.1" viewBox="0 0 1024 1024" width="200"
-        xmlns="http://www.w3.org/2000/svg">
-        <path
-          d="M 223.361 656.774 H 501.401 V 368.029 H 223.361 v 288.745 Z M 3.3391 394.331 v 231.082 c 0 37.8764 25.5309 31.3608 25.5309 31.3608 h 122.984 V 368.029 H 24.7458 s -21.4067 -0.678536 -21.4067 26.3028 Z m 1007.51 90.0756 c -35.2839 -34.4771 -377.398 -287.565 -377.398 -287.565 s -39.4069 -38.9818 -39.4069 19.456 v 151.729 h -0.414226 v 288.746 h 0.055993 v 161.675 c 0 47.9112 38.0065 6.25133 38.0065 6.25133 l 376.25 -291.311 c -0.000602 0.001204 28.6214 -23.9553 2.90681 -48.9811 Z m 0 0"
-          fill="green" p-id="7941" />
-      </svg>
-      <br />
-      <svg class="icon" height="200" p-id="7940" t="1600052679408" version="1.1" viewBox="0 0 1024 1024" width="200"
-        xmlns="http://www.w3.org/2000/svg">
-        <path
-          d="M 223.361 656.774 H 501.401 V 368.029 H 223.361 v 288.745 Z M 3.3391 394.331 v 231.082 c 0 37.8764 25.5309 31.3608 25.5309 31.3608 h 122.984 V 368.029 H 24.7458 s -21.4067 -0.678536 -21.4067 26.3028 Z m 1007.51 90.0756 c -35.2839 -34.4771 -377.398 -287.565 -377.398 -287.565 s -39.4069 -38.9818 -39.4069 19.456 v 151.729 h -0.414226 v 288.746 h 0.055993 v 161.675 c 0 47.9112 38.0065 6.25133 38.0065 6.25133 l 376.25 -291.311 c -0.000602 0.001204 28.6214 -23.9553 2.90681 -48.9811 Z m 0 0"
-          fill="green" p-id="7941" />
-      </svg>
-    </div>
     <div class="res p-2">
       <!-- <div class="copy" v-copy="res">复制</div> -->
       <div class="flex">
+        <div @click="handlChangeData" class="tooltip" data-tip="狠狠点击我转化为表头数据" style="cursor: pointer;">
+          <svg class="icon" height="50" p-id="7940" t="1600052679408" version="1.1" viewBox="0 0 1024 1024" width="50"
+            xmlns="http://www.w3.org/2000/svg">
+            <path
+              d="M 223.361 656.774 H 501.401 V 368.029 H 223.361 v 288.745 Z M 3.3391 394.331 v 231.082 c 0 37.8764 25.5309 31.3608 25.5309 31.3608 h 122.984 V 368.029 H 24.7458 s -21.4067 -0.678536 -21.4067 26.3028 Z m 1007.51 90.0756 c -35.2839 -34.4771 -377.398 -287.565 -377.398 -287.565 s -39.4069 -38.9818 -39.4069 19.456 v 151.729 h -0.414226 v 288.746 h 0.055993 v 161.675 c 0 47.9112 38.0065 6.25133 38.0065 6.25133 l 376.25 -291.311 c -0.000602 0.001204 28.6214 -23.9553 2.90681 -48.9811 Z m 0 0"
+              fill="#ef5944" p-id="7941" />
+          </svg>
+        </div>
         <button @click="handlChangeData" class="btn btn-outline btn-secondary">点击转化</button>
         <div class="tooltip  mx-4" :data-tip="clickMsg">
           <button @click="copyText(res)" class="btn btn-wide glass btn-outline w-full">复制</button>
         </div>
-        <button onclick="my_modal_4.showModal()" class="btn btn-outline btn-accent">密钥</button>
+        <button onclick="my_modal_4.showModal()" class="btn btn-outline btn-accent mr-4">密钥</button>
+        <select v-model="selectedValue" @change="handlChangeData" class="select select-bordered w-full max-w-xs">
+          <option selected>解密</option>
+          <option>加密</option>
+        </select>
       </div>
 
-      <div v-html="res" class="mockup-code my-2">
+      <div v-html="res" class="bg-black p-4 my-2 text-wrap break-words rounded">
       </div>
     </div>
     <dialog id="my_modal_4" class="modal">
@@ -54,7 +51,7 @@
 
 <script setup>
 import { codeToHtml } from 'shiki'
-import { decrypt } from '../utils'
+import { encrypt, decrypt } from '../utils'
 import { userStore } from '../store/user'
 import { computed, ref } from 'vue';
 
@@ -71,6 +68,7 @@ const key = computed({
     addKey(val)
   }
 })
+let selectedValue = ref('解密')
 function copyText (text) {
   var textareaC = document.createElement('textarea');
   textareaC.setAttribute('readonly', 'readonly'); //设置只读属性防止手机上弹出软键盘
@@ -86,11 +84,17 @@ async function handlChangeData () {
   clickMsg.value = '点击复制'
   if (!msg.value) return
   try {
-    let code = decrypt(msg.value.replace(/['"“‘]/g, ''))
-    const html = await codeToHtml(code, {
-      lang: 'json5',
-      theme: 'min-dark'
-    })
+    let code = selectedValue.value === '解密' ? decrypt(msg.value.replace(/['"“‘]/g, '')) : encrypt(msg.value.replace(/['"“‘]/g, ''))
+    console.log("===🐛=== ~ handlChangeData ~ code:", code);
+    let html = null
+    if (code && (code.includes('}') || code.includes(']'))) {
+      html = await codeToHtml(code, {
+        lang: 'json5',
+        theme: 'min-dark'
+      })
+    } else {
+      html = code
+    }
     res.value = html
   } catch (error) {
     res.value = {}