From 9e270cb2b1be5cbd8a5a80b4357050c9f70ff7c9 Mon Sep 17 00:00:00 2001
From: lisonge <i@songe.li>
Date: Fri, 24 Nov 2023 11:42:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=20action?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/DevicePage.vue | 42 ++++++++++++++++++++++++----------------
 1 file changed, 25 insertions(+), 17 deletions(-)

diff --git a/src/views/DevicePage.vue b/src/views/DevicePage.vue
index be99116..277cfd7 100644
--- a/src/views/DevicePage.vue
+++ b/src/views/DevicePage.vue
@@ -23,7 +23,7 @@ import {
   NModal,
   NRadioGroup,
   NRadio,
-  NCheckboxGroup,
+  NSelect,
   NCheckbox,
 } from 'naive-ui';
 import { SortState } from 'naive-ui/es/data-table/src/interface';
@@ -206,10 +206,19 @@ const updateSubs = useTask(async () => {
 
 const showSelectorModel = shallowRef(false);
 
+const actionOptions = [
+  'click',
+  'clickNode',
+  'clickCenter',
+  'back',
+  'longClick',
+  'longClickNode',
+  'longClickCenter',
+].map((s) => ({ value: s, label: s }));
 const clickAction = shallowReactive({
   selector: ``,
   selectorValid: false,
-  action: `click`,
+  action: actionOptions[0].value,
   quickFind: false,
 });
 const checkSelectorValid = useDebounceFn(() => {
@@ -290,21 +299,20 @@ const execSelector = useTask(async () => {
       </a>
     </NSpace>
     <div h-10px></div>
-    <NRadioGroup v-model:value="clickAction.action">
-      <NSpace>
-        <NRadio value="click"> click </NRadio>
-        <NRadio value="clickNode"> clickNode </NRadio>
-        <NRadio value="clickCenter"> clickCenter </NRadio>
-        <NRadio value="back"> back </NRadio>
-        <a
-          href="https://github.com/gkd-kit/subscription/blob/main/src/types.ts"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          操作说明
-        </a>
-      </NSpace>
-    </NRadioGroup>
+    <div flex gap-10px flex-items-center>
+      <NSelect
+        v-model:value="clickAction.action"
+        :options="actionOptions"
+        class="w-150px"
+      />
+      <a
+        href="https://github.com/gkd-kit/subscription/blob/main/src/types.ts"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        操作说明
+      </a>
+    </div>
   </NModal>
   <div flex flex-col p-10px gap-10px h-full>
     <NSpace>