From 9d3e7fc4a5f2feff4f6f4e7e55508f5e10173bb6 Mon Sep 17 00:00:00 2001
From: tcsnzh <zh.jobs@foxmail.com>
Date: Mon, 20 Sep 2021 18:56:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E6=90=9C=E7=B4=A2=E6=A1=86=E5=9C=A8?=
 =?UTF-8?q?=E5=AD=98=E5=9C=A8=E8=BE=93=E5=85=A5=E5=86=85=E5=AE=B9=E6=97=B6?=
 =?UTF-8?q?mousedown=E4=B8=8D=E4=BC=9A=E9=80=A0=E6=88=90=E6=8B=96=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore           |  11 ++++-
 .pnpm-debug.log      |   5 --
 src/renderer/App.vue | 110 ++++++++++++++++++++++++-------------------
 3 files changed, 72 insertions(+), 54 deletions(-)
 delete mode 100644 .pnpm-debug.log

diff --git a/.gitignore b/.gitignore
index 96015eb..e6c46e3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,12 +1,21 @@
 .DS_Store
+
+dist/
 dist/electron/*
 dist/web/*
+
 build/*
 !build/icons/
+
 node_modules/
+
 npm-debug.log
 npm-debug.log.*
+.pnpm-debug.log
+
 thumbs.db
 !.gitkeep
+
 .idea
-dist/
+.vscode
+
diff --git a/.pnpm-debug.log b/.pnpm-debug.log
deleted file mode 100644
index a412746..0000000
--- a/.pnpm-debug.log
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "0 debug pnpm:scope": {
-    "selected": 1
-  }
-}
\ No newline at end of file
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 77b8180..58a863b 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -1,6 +1,6 @@
 <template>
-  <div @mousedown="drag" >
-    <a-layout  id="components-layout">
+  <div @mousedown="drag">
+    <a-layout id="components-layout">
       <div v-if="!searchType" class="rubick-select">
         <div class="tag-container" v-if="selected">
           <a-tag
@@ -16,23 +16,26 @@
         <a-input
           id="search"
           :placeholder="
-          subPlaceHolder && selected && selected.key === 'plugin-container'
-            ? subPlaceHolder
-            : 'Hi, Rubick'
-        "
+            subPlaceHolder && selected && selected.key === 'plugin-container'
+              ? subPlaceHolder
+              : 'Hi, Rubick'
+          "
+          @mousedown.stop="dragWhenInput"
           class="main-input"
           @change="(e) => search({ value: e.target.value })"
           @keydown.ctrl.86="shouldPaste"
           :value="searchValue"
-          :maxLength="selected && selected.key !== 'plugin-container' ? 0 : 1000"
+          :maxLength="
+            selected && selected.key !== 'plugin-container' ? 0 : 1000
+          "
           @keydown.down="(e) => changeCurrent(1)"
           @keydown.up="() => changeCurrent(-1)"
           @keypress.enter="
-          (e) => targetSearch({ value: e.target.value, type: 'enter' })
-        "
+            (e) => targetSearch({ value: e.target.value, type: 'enter' })
+          "
           @keypress.space="
-          (e) => targetSearch({ value: e.target.value, type: 'space' })
-        "
+            (e) => targetSearch({ value: e.target.value, type: 'space' })
+          "
         >
           <div @click="goMenu" class="suffix-tool" slot="suffix">
             <a-icon
@@ -42,12 +45,14 @@
             />
             <div v-if="selected && selected.icon" style="position: relative">
               <a-spin v-show="pluginLoading" class="loading">
-                <a-icon slot="indicator" type="loading" style="font-size: 42px" spin />
+                <a-icon
+                  slot="indicator"
+                  type="loading"
+                  style="font-size: 42px"
+                  spin
+                />
               </a-spin>
-              <img
-                class="icon-tool"
-                :src="selected.icon"
-              />
+              <img class="icon-tool" :src="selected.icon" />
             </div>
             <div v-else class="rubick-logo">
               <img src="./assets/imgs/logo.png" />
@@ -87,19 +92,19 @@
             :placeholder="subPlaceHolder"
             class="sub-input"
             @change="
-            (e) =>
-              search({
-                value: e.target.value,
-                searchType: pluginInfo.searchType,
-              })
-          "
+              (e) =>
+                search({
+                  value: e.target.value,
+                  searchType: pluginInfo.searchType,
+                })
+            "
             :value="searchValue"
             @keypress.enter="
-            (e) => targetSearch({ value: e.target.value, type: 'enter' })
-          "
+              (e) => targetSearch({ value: e.target.value, type: 'enter' })
+            "
             @keypress.space="
-            (e) => targetSearch({ value: e.target.value, type: 'space' })
-          "
+              (e) => targetSearch({ value: e.target.value, type: 'space' })
+            "
           ></a-input>
         </div>
 
@@ -167,20 +172,21 @@ export default {
         const feature = plugin.features;
         feature.forEach((fe) => {
           const cmd = searchKeyValues(fe.cmds, args)[0];
-          const systemPlugin = fileLists.filter(
-            (plugin) => {
-              let has = false;
-              plugin.keyWords.some(keyWord => {
-                if (keyWord.toLocaleUpperCase().indexOf(args.toLocaleUpperCase()) >= 0) {
-                  has = keyWord;
-                  plugin.name = keyWord;
-                  return true;
-                }
-                return false;
-              });
-              return has;
-            }
-          )[0];
+          const systemPlugin = fileLists.filter((plugin) => {
+            let has = false;
+            plugin.keyWords.some((keyWord) => {
+              if (
+                keyWord.toLocaleUpperCase().indexOf(args.toLocaleUpperCase()) >=
+                0
+              ) {
+                has = keyWord;
+                plugin.name = keyWord;
+                return true;
+              }
+              return false;
+            });
+            return has;
+          })[0];
           if (cmd) {
             config = {
               cmd: cmd,
@@ -210,11 +216,14 @@ export default {
     ...mapActions("main", ["onSearch", "showMainUI", "openPlugin"]),
     ...mapMutations("main", ["commonUpdate"]),
     shouldPaste(e) {
-      let filePath = '';
-      if (process.platform === 'win32') {
-        const rawFilePath = clipboard.read('FileNameW');
-        filePath = rawFilePath.replace(new RegExp(String.fromCharCode(0), 'g'), '');
-        if (filePath.indexOf('plugin.json') >= 0) {
+      let filePath = "";
+      if (process.platform === "win32") {
+        const rawFilePath = clipboard.read("FileNameW");
+        filePath = rawFilePath.replace(
+          new RegExp(String.fromCharCode(0), "g"),
+          ""
+        );
+        if (filePath.indexOf("plugin.json") >= 0) {
           this.search({
             filePath,
           });
@@ -340,8 +349,13 @@ export default {
       this.changePath({ key: "market" });
     },
     drag() {
-      ipcRenderer.send('window-move');
-    }
+      ipcRenderer.send("window-move");
+    },
+    dragWhenInput(e) {
+      if (this.searchValue == "") {
+        ipcRenderer.send("window-move");
+      }
+    },
   },
   computed: {
     ...mapState("main", [
@@ -479,7 +493,7 @@ export default {
     cursor: pointer;
   }
   .loading {
-    position:absolute;
+    position: absolute;
     top: 0;
     left: 0;
   }