From e204b1bd42fa54280157453567959932949b5905 Mon Sep 17 00:00:00 2001
From: zhaojinfeng <121016171@qq.com>
Date: Sun, 23 Jul 2023 17:29:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=BC=A0=E6=A0=87=E6=89=8B=E5=8A=BF?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/mask-text/index.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/mask-text/index.vue b/packages/mask-text/index.vue
index 7752c73..12fd5ee 100644
--- a/packages/mask-text/index.vue
+++ b/packages/mask-text/index.vue
@@ -2,13 +2,13 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-07-23 16:27:37
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-07-23 17:03:29
+ * @LastEditTime: 2023-07-23 17:28:40
  * @FilePath: \vue3\packages\mask-text\index.vue
  * @Description: 敏感数据隐藏组件
  *
 -->
 <template>
-  <span :class="{ 'cursor-help': value }" @click="toggle(true)">
+  <span :class="{ 'cursor-help': value }" @click="toggle(false)">
     {{ data }}
   </span>
 </template>
@@ -23,17 +23,18 @@ const props = withDefaults(defineProps<{
   right?: number
 }>(), { left: 0, right: 0 })
 
-const [value, toggle] = useToggle(false)
+const [value, toggle] = useToggle(true)
 
 const data = computed(() => {
   const left = props.left < 0 ? 0 : props.left
   const right = props.right < 0 ? 0 : props.right
   const textLength = props.text.length
-  if (!props.text
+  if (
+    !value.value
+    || !props.text
     || left > textLength
     || right > textLength
     || right + left > textLength
-    || value.value
   )
     return props.text
   const rightIndex = textLength - right