persist floating state when touch QR (#37)

ZhiShuYun · Jan 7, 2024 · 31280b0 · 31280b0
1 parent 2366fbe
commit 31280b0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/change/@zhishuyun-hub-c8f83013-5e75-48e0-aa5e-57390dc1be06.json b/change/@zhishuyun-hub-c8f83013-5e75-48e0-aa5e-57390dc1be06.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "persist floating state when touch",
+  "packageName": "@zhishuyun/hub",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/src/components/common/AuthPanel.vue b/src/components/common/AuthPanel.vue
@@ -9,7 +9,7 @@
   >
     <iframe width="360" height="560" :src="iframeUrl" frameborder="0" />
   </el-dialog>
-  <el-dialog :model-value="!!qrLink" width="400px" :show-close="false">
+  <el-dialog v-model="showQR" width="400px" :show-close="true">
     <qr-code
       v-if="qrLink"
       :value="qrLink"
@@ -37,6 +37,7 @@ export default defineComponent({
   },
   data() {
     return {
+      showQR: false,
       qrLink: ''
     };
   },
@@ -80,9 +81,7 @@ export default defineComponent({
       if (event.data.name === 'show_qr') {
         const data = event.data.data;
         this.qrLink = data.qrLink;
-      }
-      if (event.data.name === 'hide_qr') {
-        this.qrLink = '';
+        this.showQR = true;
       }
     });
   }