From 850418afb1596de332297754d6c2b074292cb43e Mon Sep 17 00:00:00 2001
From: Alex <alexzhang1030@foxmail.com>
Date: Fri, 1 Nov 2024 21:10:31 +0800
Subject: [PATCH] fix(applet): remove select-none on StateViewer

---
 packages/applet/src/components/timeline/index.vue               | 2 +-
 packages/applet/src/modules/components/index.vue                | 2 +-
 .../src/modules/custom-inspector/components/state/Index.vue     | 2 +-
 packages/applet/src/modules/pinia/components/store/Index.vue    | 2 +-
 packages/applet/src/modules/router/components/routes/Index.vue  | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/applet/src/components/timeline/index.vue b/packages/applet/src/components/timeline/index.vue
index 82b2233c..2f4e7503 100644
--- a/packages/applet/src/components/timeline/index.vue
+++ b/packages/applet/src/components/timeline/index.vue
@@ -134,7 +134,7 @@ function toggleRecordingState() {
             </div>
           </Pane>
           <Pane size="60">
-            <div h-full select-none overflow-scroll class="no-scrollbar">
+            <div h-full overflow-scroll class="no-scrollbar">
               <RootStateViewer class="p3" :data="displayedInfo" node-id="" inspector-id="" :disable-edit="true" expanded-state-id="timeline-state" />
             </div>
           </Pane>
diff --git a/packages/applet/src/modules/components/index.vue b/packages/applet/src/modules/components/index.vue
index 0b788901..d1d6e911 100644
--- a/packages/applet/src/modules/components/index.vue
+++ b/packages/applet/src/modules/components/index.vue
@@ -344,7 +344,7 @@ function toggleApp(id: string) {
               <i v-if="activeTreeNodeFilePath" v-tooltip.bottom="'Open in Editor'" class="i-carbon-launch h-4 w-4 cursor-pointer hover:(op-70)" @click="openInEditor" />
             </div>
           </div>
-          <RootStateViewer class="no-scrollbar flex-1 select-none overflow-scroll" :data="displayState" :node-id="activeComponentId" :inspector-id="inspectorId" expanded-state-id="component-state" />
+          <RootStateViewer class="no-scrollbar flex-1 overflow-scroll" :data="displayState" :node-id="activeComponentId" :inspector-id="inspectorId" expanded-state-id="component-state" />
         </div>
         <ComponentRenderCode v-if="componentRenderCodeVisible && componentRenderCode" :code="componentRenderCode" @close="closeComponentRenderCode" />
       </Pane>
diff --git a/packages/applet/src/modules/custom-inspector/components/state/Index.vue b/packages/applet/src/modules/custom-inspector/components/state/Index.vue
index f1985bb3..3e185331 100644
--- a/packages/applet/src/modules/custom-inspector/components/state/Index.vue
+++ b/packages/applet/src/modules/custom-inspector/components/state/Index.vue
@@ -231,7 +231,7 @@ onUnmounted(() => {
                 </div>
               </div>
             </div>
-            <RootStateViewer v-if="selected && !emptyState" :data="displayState" :node-id="selected" :inspector-id="inspectorId" expanded-state-id="custom-inspector-state" class="no-scrollbar flex-1 select-none overflow-scroll" />
+            <RootStateViewer v-if="selected && !emptyState" :data="displayState" :node-id="selected" :inspector-id="inspectorId" expanded-state-id="custom-inspector-state" class="no-scrollbar flex-1 overflow-scroll" />
             <Empty v-else>
               No Data
             </Empty>
diff --git a/packages/applet/src/modules/pinia/components/store/Index.vue b/packages/applet/src/modules/pinia/components/store/Index.vue
index bf66bac5..9add2bbd 100644
--- a/packages/applet/src/modules/pinia/components/store/Index.vue
+++ b/packages/applet/src/modules/pinia/components/store/Index.vue
@@ -226,7 +226,7 @@ onUnmounted(() => {
               </div>
             </div>
           </div>
-          <RootStateViewer v-if="selected && !emptyState" class="no-scrollbar flex-1 select-none overflow-scroll" :data="displayState" :node-id="selected" :inspector-id="inspectorId" expanded-state-id="pinia-store-state" />
+          <RootStateViewer v-if="selected && !emptyState" class="no-scrollbar flex-1 overflow-scroll" :data="displayState" :node-id="selected" :inspector-id="inspectorId" expanded-state-id="pinia-store-state" />
           <Empty v-else>
             No Data
           </Empty>
diff --git a/packages/applet/src/modules/router/components/routes/Index.vue b/packages/applet/src/modules/router/components/routes/Index.vue
index 5b76453f..0736f38d 100644
--- a/packages/applet/src/modules/router/components/routes/Index.vue
+++ b/packages/applet/src/modules/router/components/routes/Index.vue
@@ -159,7 +159,7 @@ onUnmounted(() => {
         </div>
       </Pane>
       <Pane size="60">
-        <div h-full select-none overflow-scroll class="no-scrollbar">
+        <div h-full overflow-scroll class="no-scrollbar">
           <RootStateViewer v-if="selected" class="p3" :data="state" node-id="" inspector-id="router" expanded-state-id="routes-state" />
           <Empty v-else>
             No Data