From b6a89a74b0f920bca8c08828c8b2560ef0eb13b1 Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Wed, 24 Jun 2026 00:47:59 +0800
Subject: [PATCH] =?UTF-8?q?fix(vimp):=20=E4=BF=AE=E5=A4=8D=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E6=A0=91=E4=B8=AD=20default-expand-all=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E7=9A=84=E9=94=99=E8=AF=AF=E7=94=A8=E6=B3=95=EF=BC=8C?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E4=B8=BANTabPane=20=E8=AE=BE=E7=BD=AE=20`:di?=
 =?UTF-8?q?splay-directive=3D"'show:lazy'"`=20=E4=BB=A5=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E5=9C=A8=E6=B8=85=E7=A9=BA=E6=90=9C=E7=B4=A2=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E6=97=B6=E6=81=A2=E5=A4=8D=E5=88=B0=E5=8E=9F=E6=9D=A5=E7=9A=84?=
 =?UTF-8?q?=E6=A0=91=E5=B1=95=E5=BC=80=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- default-expand-all 属性非响应式
- 过渡方案，后续应重构为受控的 expanded-keys
---
 src/pages/vimp/components/alarm-tree.vue  | 8 ++------
 src/pages/vimp/components/camera-tree.vue | 8 ++------
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/pages/vimp/components/alarm-tree.vue b/src/pages/vimp/components/alarm-tree.vue
index 4e7c916..a0c3f4a 100644
--- a/src/pages/vimp/components/alarm-tree.vue
+++ b/src/pages/vimp/components/alarm-tree.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type TreeProps } from 'naive-ui';
-import { computed, h, type CSSProperties } from 'vue';
+import { h, type CSSProperties } from 'vue';
 import { useAlarmStore, useResourcePanelStore } from '../stores';
 import { storeToRefs } from 'pinia';
 import { useChannelsQuery } from '../composables';
@@ -99,8 +99,6 @@ const renderNodeSuffix: TreeProps['renderSuffix'] = ({ option }) => {
 const resourcePanelStore = useResourcePanelStore();
 const { searchPattern } = storeToRefs(resourcePanelStore);
 
-const defaultExpandAll = computed(() => searchPattern.value.trim().length > 0);
-
 const searchFilter: TreeProps['filter'] = (pattern, node) => {
   if (!isAlarmNode(node)) return false;
   return node.alarm.name.includes(pattern);
@@ -121,7 +119,6 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
       :render-label="renderNodeLabel"
       :render-suffix="renderNodeSuffix"
       :override-default-node-click-behavior="overrideNodeClickBehavior"
-      :default-expand-all="defaultExpandAll"
       :show-irrelevant-nodes="false"
       :data="lineTabPanes.at(0)?.alarmTree"
       :pattern="searchPattern"
@@ -144,7 +141,7 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
         // '--n-tab-padding-vertical': '14px 12px'
       }"
     >
-      <NTabPane v-for="{ lineCode, lineName, alarmTree } in lineTabPanes" :key="lineCode" :name="lineName">
+      <NTabPane v-for="{ lineCode, lineName, alarmTree } in lineTabPanes" :key="lineCode" :name="lineName" :display-directive="'show:lazy'">
         <template #tab>
           <span style="font-size: 12px">{{ lineName }}</span>
         </template>
@@ -158,7 +155,6 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
             :render-label="renderNodeLabel"
             :render-suffix="renderNodeSuffix"
             :override-default-node-click-behavior="overrideNodeClickBehavior"
-            :default-expand-all="defaultExpandAll"
             :show-irrelevant-nodes="false"
             :data="alarmTree"
             :pattern="searchPattern"
diff --git a/src/pages/vimp/components/camera-tree.vue b/src/pages/vimp/components/camera-tree.vue
index 7ecb1c9..2a9d64f 100644
--- a/src/pages/vimp/components/camera-tree.vue
+++ b/src/pages/vimp/components/camera-tree.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type TreeProps } from 'naive-ui';
-import { computed, h, type CSSProperties } from 'vue';
+import { h, type CSSProperties } from 'vue';
 import { useCameraStore, useResourcePanelStore } from '../stores';
 import { storeToRefs } from 'pinia';
 import { useChannelsQuery } from '../composables';
@@ -102,8 +102,6 @@ const renderNodeSuffix: TreeProps['renderSuffix'] = ({ option }) => {
 const resourcePanelStore = useResourcePanelStore();
 const { searchPattern } = storeToRefs(resourcePanelStore);
 
-const defaultExpandAll = computed(() => searchPattern.value.trim().length > 0);
-
 const searchFilter: TreeProps['filter'] = (pattern, node) => {
   if (!isCameraNode(node)) return false;
   return node.camera.name.includes(pattern);
@@ -124,7 +122,6 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
       :render-label="renderNodeLabel"
       :render-suffix="renderNodeSuffix"
       :override-default-node-click-behavior="overrideNodeClickBehavior"
-      :default-expand-all="defaultExpandAll"
       :show-irrelevant-nodes="false"
       :data="lineTabPanes.at(0)?.cameraTree"
       :pattern="searchPattern"
@@ -147,7 +144,7 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
         // '--n-tab-padding-vertical': '14px 12px'
       }"
     >
-      <NTabPane v-for="{ lineCode, lineName, cameraTree } in lineTabPanes" :key="lineCode" :name="lineName">
+      <NTabPane v-for="{ lineCode, lineName, cameraTree } in lineTabPanes" :key="lineCode" :name="lineName" :display-directive="'show:lazy'">
         <template #tab>
           <span style="font-size: 12px">{{ lineName }}</span>
         </template>
@@ -161,7 +158,6 @@ const searchFilter: TreeProps['filter'] = (pattern, node) => {
             :render-label="renderNodeLabel"
             :render-suffix="renderNodeSuffix"
             :override-default-node-click-behavior="overrideNodeClickBehavior"
-            :default-expand-all="defaultExpandAll"
             :show-irrelevant-nodes="false"
             :data="cameraTree"
             :pattern="searchPattern"