From 6198d86e951990bf450939fc3ccf4fed5d0242e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A8=8B=E5=B9=BF?= <chengg@dacentsoft.com>
Date: Fri, 28 Feb 2025 14:50:24 +0800
Subject: [PATCH] fix problem

---
 src/components/RegExp.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/RegExp.vue b/src/components/RegExp.vue
index cde4ee4..f955092 100644
--- a/src/components/RegExp.vue
+++ b/src/components/RegExp.vue
@@ -4,7 +4,7 @@
     <el-input v-model="regex" placeholder="请输入正则表达式" clearable class="regex-input" />
     <el-input v-model="testString" placeholder="请输入测试字符串" clearable class="test-input" />
     <el-button type="primary" @click="testRegex" class="test-button">测试</el-button>
-    <el-button type="default" @click="saveRegex" class="test-button">保存</el-button>
+    <el-button type="default" @click="saveRegex" class="test-button" :disabled="shouldDisableSaveButton">保存</el-button>
     <!-- 添加匹配示意图 -->
     <div class="match-diagram">
       <h2>匹配示意图</h2>
@@ -39,10 +39,10 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted,computed } from 'vue'
 import { ElInput, ElButton } from 'element-plus'
 // 在你的组件文件中
-
+let vscode: any = null
 // 现在你可以在这个文件中使用 window.vizregx 而不会得到 TypeScript 的错误
 const regex = ref('')
 const testString = ref('')
@@ -73,6 +73,9 @@ const testRegex = () => {
 const isInVscode = () => {
   return typeof window.acquireVsCodeApi !== 'undefined'
 }
+const shouldDisableSaveButton = computed(() => {
+  return !regex.value || !testString.value
+})
 const saveRegex = () => {
   //  show a dialog to ask for a name
   if (!dialogVisible.value) {
@@ -80,20 +83,21 @@ const saveRegex = () => {
   } else {
     dialogVisible.value = false
     if (isInVscode()) {
-      const vscode = window.acquireVsCodeApi()
-      vscode.postMessage({ type: 'regex', regex: regex.value, testString: testString.value }, '*')
+      if(!vscode) vscode = window.acquireVsCodeApi()
+      vscode.postMessage({ command: 'regex.save', name:regxname.value, regexp: regex.value, teststr: testString.value })
     }
   }
 }
+
 onMounted(() => {
   // 此时 myDiagram.value 应该已经被设置为对应的 DOM
   if (isInVscode()) {
     window.addEventListener('message', (event) => {
       const message = event.data
-      if (message.type === 'regex') {
-        regex.value = message.regex
+      if (message.command === 'regex.show') {
+        regex.value = message.regexp
 
-        testString.value = message.testString
+        testString.value = message.teststr
         testRegex()
       }
     })