🐛 fix: webdav 账号密码隐私显示

CHANGELOG.md

@@ -1 +1 @@
-- 修复：搜索框会触发登录验证。
+- 修复：webdav 账号密码隐私显示。

package.json

@@ -1,6 +1,6 @@
 {
   "name": "linuxdo-scripts",
-  "version": "0.3.46",
+  "version": "0.3.47",
   "author": "dlzmoe",
   "description": "An enhanced script for the linux.do forum",
   "type": "module",

src/components/Sync/SyncBackup.vue

@@ -15,36 +15,13 @@
   </div>
   <div class="item">
     <div class="tit">WebDav 密码：</div>
-    <!-- <input
-      :type="passwordVisible ? 'text' : 'password'"
-      v-model="tableData.webdavPassword"
-      @blur="handleChange"
-    /> -->
     <input
       type="text"
+      class="lxwebdavpassword"
       v-model="tableData.webdavPassword"
       @blur="handleChange"
+      @focus="showpsw"
     />
-    <!-- <em @click="showpsw">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        class="icon icon-tabler icons-tabler-outline icon-tabler-eye"
-      >
-        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-        <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
-        <path
-          d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6"
-        />
-      </svg>
-    </em> -->
   </div>
 
   <div class="btnwrapper">
@@ -80,7 +57,6 @@ export default {
   },
   data() {
     return {
-      passwordVisible : false,
       tableData: this.value,
       // webdavUrl: "",
       // webdavUsername: "",
@@ -96,6 +72,7 @@ export default {
       }, 3000);
     },
     handleChange() {
+      $(".lxwebdavpassword").removeClass("act");
       this.$emit("update:value", this.tableData);
 
       let linxudoscriptssetting = JSON.parse(
@@ -276,11 +253,10 @@ export default {
     },
     // 显示/隐藏密码
     showpsw() {
-      this.password = !this.password;
+      $(".lxwebdavpassword").addClass("act");
     },
   },
   created() {
-    // this.password = true;
     const linxudoscriptssetting =
       JSON.parse(localStorage.getItem("linxudoscriptssetting")) || [];
     if (linxudoscriptssetting) {
@@ -323,6 +299,14 @@ export default {
       color: #999;
     }
   }
+
+  .lxwebdavpassword {
+    filter: blur(5px);
+  }
+
+  .lxwebdavpassword.act {
+    filter: none;
+  }
 }
 
 .btnwrapper {

version-log.md

@@ -1,3 +1,7 @@
+## 0.3.47
+
+- 修复：webdav 账号密码隐私显示。
+
 ## 0.3.46
 
 - 修复：搜索框会触发登录验证。