From 9d2961085a2d763ac680f62baa89003b0abec2a1 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Mon, 22 May 2023 15:21:42 +0800
Subject: [PATCH] show validator names

---
 src/components/dynamic/TextElement.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/dynamic/TextElement.vue b/src/components/dynamic/TextElement.vue
index 6e47043c..9a0e22cf 100644
--- a/src/components/dynamic/TextElement.vue
+++ b/src/components/dynamic/TextElement.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { useFormatter } from '@/stores';
 import MdEditor from 'md-editor-v3';
+import { computed } from 'vue';
 
 const props = defineProps(['value']);
 const format = useFormatter();
@@ -13,6 +14,17 @@ function isMD() {
   }
   return false;
 }
+
+const text = computed(() => {
+  if(!props.value) return ""
+  const v = props.value
+  switch(true) {
+    case v.length === 28 && v.endsWith("="): {
+      return format.validator(v)
+    }
+  }
+  return v
+})
 </script>
 <template>
   <MdEditor
@@ -21,7 +33,7 @@ function isMD() {
     previewOnly
     class="md-editor-recover"
   ></MdEditor>
-  <span v-else>{{ value }}</span>
+  <span v-else>{{ text }}-</span>
 </template>
 
 <style lang="scss">