From cd23bb36a603747a7bccaf80dcd78d26b307d78f Mon Sep 17 00:00:00 2001
From: JOJO <1498581755@qq.com>
Date: Thu, 10 Sep 2026 20:06:50 +0800
Subject: [PATCH] =?UTF-8?q?fix(personalization):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=8C=89=E9=9C=80=E5=8A=A0=E8=BD=BD=E5=B7=A5=E5=85=B7=E5=8B=BE?=
 =?UTF-8?q?=E9=80=89=E5=8C=BA=E8=84=9A=E6=9C=AC=E4=BE=A7=E6=9C=AA=E8=A7=A3?=
 =?UTF-8?q?=E5=8C=85=20Ref=20=E5=AF=BC=E8=87=B4=E7=9A=84=E5=B4=A9=E6=BA=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ToolsTab 的 isCategoryFullyDeferred/toggleDeferredTool/toggleDeferredCategory
在脚本侧直接访问 form.tool_loading_deferred，而 form 是 Drawer 经
storeToRefs + provide 传入的 Ref，脚本侧不会自动解包，得到 undefined
后调 .includes 即抛 TypeError。统一改为 unref 后读取并保留防御判断。

Co-authored-by: Astrion powered by Kimi-K3 <astrion-agent@users.noreply.github.com>
---
 .../personalization/tabs/ToolsTab.vue         | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/static/src/components/personalization/tabs/ToolsTab.vue b/static/src/components/personalization/tabs/ToolsTab.vue
index 1e96d00a..2d0bd031 100644
--- a/static/src/components/personalization/tabs/ToolsTab.vue
+++ b/static/src/components/personalization/tabs/ToolsTab.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { inject } from 'vue';
+import { inject, unref } from 'vue';
 import FancyCheck from '@/components/common/FancyCheck.vue';
 
 defineOptions({ name: 'ToolsTab' });
@@ -18,17 +18,25 @@ const {
   toolLoadingRegistry
 } = ctx;
 
+/**
+ * 当前勾选为延迟加载的工具名列表。
+ * 注意：form 是 Drawer 经 storeToRefs + provide 传入的 Ref，脚本侧必须 unref 后再取属性
+ * （模板里会自动解包，脚本里直接 form.xxx 会得到 undefined）。
+ */
+const deferredToolNames = (): string[] => {
+  const f: any = unref(form);
+  return Array.isArray(f?.tool_loading_deferred) ? f.tool_loading_deferred : [];
+};
+
 /** 类目内工具是否全部被勾选为延迟加载 */
 const isCategoryFullyDeferred = (cat: { tools: string[] }) =>
   Array.isArray(cat.tools) &&
   cat.tools.length > 0 &&
-  cat.tools.every((name: string) => form.tool_loading_deferred.includes(name));
+  cat.tools.every((name: string) => deferredToolNames().includes(name));
 
 /** 勾选/取消单个延迟工具 */
 const toggleDeferredTool = (name: string, checked: boolean) => {
-  const current = Array.isArray(form.tool_loading_deferred)
-    ? [...form.tool_loading_deferred]
-    : [];
+  const current = [...deferredToolNames()];
   const idx = current.indexOf(name);
   if (checked && idx === -1) {
     current.push(name);
@@ -40,9 +48,7 @@ const toggleDeferredTool = (name: string, checked: boolean) => {
 
 /** 勾选/取消整个类目（幂等，不动其他类目） */
 const toggleDeferredCategory = (cat: { tools: string[] }, checked: boolean) => {
-  const current = new Set<string>(
-    Array.isArray(form.tool_loading_deferred) ? form.tool_loading_deferred : []
-  );
+  const current = new Set<string>(deferredToolNames());
   for (const name of cat.tools || []) {
     if (checked) {
       current.add(name);