poi-plugin-kai-planner 1.0.4 → 1.0.6

package/README.md

@@ -1,48 +1,54 @@
-# poi-plugin-kai-planner
-
-用于 POI 的改修规划插件，包含“每日改修”和“改修心愿清单”两条主链路。
-
-## 当前发布机制（2026-03）
-
-- 插件代码仓库：本仓库（私有）
-- 玩家安装方式：通过 npm 安装 POI 插件包
-- 远端静态数据：独立公开仓库 `PlannerRemoteRawData`
-- 调试页开关：`package.json -> poiPlugin.enableDebug`，发布建议关闭
-- 发布包控制：`package.json.files` + `.npmignore` + `npm run release:check`
-
-## 功能概览
-
-- 每日改修：按 JST（GMT+9）展示当天可改修/可进化项目、秘书舰与基础消耗
-- 改修心愿清单：创建计划、跟踪实时进度、查看今日下一步、缺口与起点绑定状态
-- 心愿清单表格已拆分为两个 tab：
-  - `改修未完成`：默认 tab，只展示仍有剩余步骤的计划
-  - `改修已完成`：只展示 `remainingSteps.length === 0` 的计划
-- 心愿清单支持行内编辑：优先级、目标星级、起点重绑、展开查看实时缺口
-- Debug：可选加载，不影响 Daily/Wishlist 主流程
-
-## 本地数据
-
-- 用户计划优先写入：
-  - 若 Electron 可提供 `userData` 目录，则写入 `<userData>/poi-plugin-kai-planner/userPlans/plans.v1.json`
-  - 若无法获取稳定用户目录，则回退到 `<plugin_root>/runtime_data/userPlans/plans.v1.json`
-- 文件存储不可用时回退 `localStorage`：`kai_planner_user_plans_v1`
-- 远端静态数据缓存：
-  - `runtime_data/static_data/meta.json`
-  - `runtime_data/static_data/cache/*.json`
-- bundled 静态数据基线：`src/data/static/*.json`
-
-## 常用命令
-
-- `npm test`
-- `npm run release:check`
-- `npm run release:pack`
-
-## 文档导航
-
-- 架构说明：[docs/ARCHITECTURE.md](docs/ARCHITECTURE.md)
-- 数据版本策略：[docs/DATA_VERSIONING.md](docs/DATA_VERSIONING.md)
-- 计划存储策略：[docs/STORAGE_POLICY.md](docs/STORAGE_POLICY.md)
-- Wishlist 状态字段：[docs/WISHLIST_STATE_FIELDS.md](docs/WISHLIST_STATE_FIELDS.md)
-- npm/POI 发布流程：[docs/RELEASE_POI_NPM.md](docs/RELEASE_POI_NPM.md)
-- 私有仓库更新流程：[docs/PRIVATE_REPO_UPDATE.md](docs/PRIVATE_REPO_UPDATE.md)
+# poi-plugin-kai-planner
+
+用于 POI 的改修规划插件，包含“每日改修”和“改修心愿清单”两条主链路。
+
+## 当前发布机制（2026-03）
+
+- 插件代码仓库：本仓库（私有）
+- 玩家安装方式：通过 npm 安装 POI 插件包
+- 远端静态数据：独立公开仓库 `PlannerRemoteRawData`
+- 调试页开关：`package.json -> poiPlugin.enableDebug`，发布建议关闭
+- 发布包控制：`package.json.files` + `.npmignore` + `npm run release:check`
+
+## 功能概览
+
+- 每日改修：按 JST（GMT+9）展示当天可改修/可进化项目、秘书舰与基础消耗
+- 改修心愿清单：创建计划、跟踪实时进度、查看今日下一步、缺口与起点绑定状态
+- 心愿清单表格已拆分为两个 tab：
+  - `改修未完成`：默认 tab，只展示仍有剩余步骤的计划
+  - `改修已完成`：只展示 `remainingSteps.length === 0` 的计划
+- 心愿清单支持行内编辑：优先级、目标星级、起点重绑、展开查看实时缺口
+- Debug：可选加载，不影响 Daily/Wishlist 主流程
+
+## 本地数据
+
+- 用户计划优先写入：
+  - 若 Electron 可提供 `userData` 目录，则写入 `<userData>/poi-plugin-kai-planner/userPlans/plans.v1.json`
+  - 若无法获取稳定用户目录，则回退到 `<plugin_root>/runtime_data/userPlans/plans.v1.json`
+- 文件存储不可用时回退 `localStorage`：`kai_planner_user_plans_v1`
+- 远端静态数据缓存：
+  - `runtime_data/static_data/meta.json`
+  - `runtime_data/static_data/cache/*.json`
+- bundled 静态数据基线：`src/data/static/*.json`
+
+## 常用命令
+
+- `npm test`
+- `npm run release:check`
+- `npm run release:pack`
+
+## 文档导航
+
+- 架构说明：[docs/ARCHITECTURE.md](docs/ARCHITECTURE.md)
+- 数据版本策略：[docs/DATA_VERSIONING.md](docs/DATA_VERSIONING.md)
+- 计划存储策略：[docs/STORAGE_POLICY.md](docs/STORAGE_POLICY.md)
+- Wishlist 状态字段：[docs/WISHLIST_STATE_FIELDS.md](docs/WISHLIST_STATE_FIELDS.md)
+- npm/POI 发布流程：[docs/RELEASE_POI_NPM.md](docs/RELEASE_POI_NPM.md)
+- 私有仓库更新流程：[docs/PRIVATE_REPO_UPDATE.md](docs/PRIVATE_REPO_UPDATE.md)
 - 远端静态数据更新流程：[docs/REMOTE_DATA_UPDATE.md](docs/REMOTE_DATA_UPDATE.md)
+
+## 2026-03 UI 更新
+- Daily 页面支持按装备类型筛选；类型名来自 POI 的 `$equipTypes[api_type[3]].api_name`
+- Daily 与 Wishlist 表格中的装备名称前都会显示装备类型 icon
+- Wishlist 主表中的优先级改为标签样式展示（P0-P5 固定颜色）
+- Wishlist 展开明细中的“当前持有”计数会去除改修星数大于 0 的装备以及计划起点装备

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poi-plugin-kai-planner",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "main": "index.js",
   "author": "aulu",
   "contributors": ["aulu"],

package/src/app/components/SlotitemTypeIcon.js

@@ -0,0 +1,30 @@
+/* src/app/components/SlotitemTypeIcon.js */
+
+const React = require("react");
+
+let SlotitemIcon = null;
+try {
+  ({ SlotitemIcon } = require("views/components/etc/icon"));
+} catch {}
+
+function SlotitemTypeIcon({ iconType, title, style }) {
+  if (!iconType || !SlotitemIcon) return null;
+  return React.createElement(
+    "span",
+    {
+      title: title || "",
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: 20,
+        height: 20,
+        flexShrink: 0,
+        ...(style || {}),
+      },
+    },
+    React.createElement(SlotitemIcon, { slotitemId: iconType })
+  );
+}
+
+module.exports = { SlotitemTypeIcon };

package/src/app/tabs/daily/DailyTab.js

@@ -1,17 +1,18 @@
 /* src/app/tabs/daily/DailyTab.js */
 
-const React = require("react");
-
-const { loadStaticData } = require("../../../data/loaders/loadStaticData");
-const { buildArrangementIndex } = require("../../../data/indexes/buildArrangementIndex");
-const { buildDailyViewModel } = require("../../../services/daily/buildDailyViewModel");
-const { getReduxStateFromEnvWindow } = require("../../../services/player/getReduxStateFromEnvWindow");
-const {
-  TOKYO_WEEK_KEYS,
-  TOKYO_WEEK_LABEL_ZH,
-  formatTokyoDateTimeWithWeekday,
-  getTokyoWeekdayKey,
-} = require("../../../services/utils/tokyoTime");
+const React = require("react");
+const { SlotitemTypeIcon } = require("../../components/SlotitemTypeIcon");
+
+const { loadStaticData } = require("../../../data/loaders/loadStaticData");
+const { buildArrangementIndex } = require("../../../data/indexes/buildArrangementIndex");
+const { buildDailyViewModel } = require("../../../services/daily/buildDailyViewModel");
+const { getReduxStateFromEnvWindow } = require("../../../services/player/getReduxStateFromEnvWindow");
+const {
+  TOKYO_WEEK_KEYS,
+  TOKYO_WEEK_LABEL_ZH,
+  formatTokyoDateTimeWithWeekday,
+  getTokyoWeekdayKey,
+} = require("../../../services/utils/tokyoTime");
 
 function buildShipIndexes(masterShipsRaw) {
   const shipBySortno = {};
@@ -38,46 +39,41 @@ function ItemList({ title, items }) {
     React.createElement(
       "ul",
       { style: { margin: 0, paddingLeft: 18 } },
-      items.map((it, idx) =>
-        React.createElement("li", { key: idx }, `${it.name} × ${it.count}`)
-      )
+      items.map((it, idx) => React.createElement("li", { key: idx }, `${it.name} × ${it.count}`))
     )
   );
 }
 
 function PhaseBlock({ phase }) {
-  const label = phase.phase === 0 ? "阶段0（0→1…5→6）" : "阶段1（6→7…9→MAX）";
+  const label = phase.phase === 0 ? "阶段0（0 -> 6）" : "阶段1（6 -> MAX）";
   const dev = phase.dev || { min: 0, max: 0 };
   const screw = phase.screw || { min: 0, max: 0 };
-
-  const extras = (phase.items && phase.items.extras) ? phase.items.extras : [];
+  const extras = phase.items && phase.items.extras ? phase.items.extras : [];
 
   return React.createElement(
     "div",
     { style: { border: "1px solid rgba(255,255,255,0.12)", borderRadius: 8, padding: 10, marginTop: 10 } },
-    React.createElement("div", { style: { display: "flex", justifyContent: "space-between", gap: 12, flexWrap: "wrap" } },
+    React.createElement(
+      "div",
+      { style: { display: "flex", justifyContent: "space-between", gap: 12, flexWrap: "wrap" } },
       React.createElement("div", { style: { fontWeight: 800 } }, label),
-      React.createElement("div", { style: { opacity: 0.9 } },
-        `资材(开发): ${dev.min}/${dev.max}，螺丝: ${screw.min}/${screw.max}`
-      )
+      React.createElement("div", { style: { opacity: 0.9 } }, `资材(开发): ${dev.min}/${dev.max}，螺丝: ${screw.min}/${screw.max}`)
     ),
     ItemList({ title: "通用消耗（每次）", items: phase.items ? phase.items.common : [] }),
     extras.length > 0
       ? React.createElement(
           "div",
           { style: { marginTop: 6 } },
-          React.createElement("div", { style: { opacity: 0.85, marginBottom: 4 } }, "独立消耗（特定星级区间，叠加在通用消耗上）"),
+          React.createElement("div", { style: { opacity: 0.85, marginBottom: 4 } }, "额外消耗（特定星级区间，会叠加在通用消耗上）"),
           extras.map((ex, i) =>
             React.createElement(
               "div",
               { key: i, style: { marginTop: 6, padding: "8px 10px", background: "rgba(255,255,255,0.05)", borderRadius: 8 } },
-              React.createElement("div", { style: { fontWeight: 700, marginBottom: 4 } }, `${ex.star_from}→${ex.star_to}`),
+              React.createElement("div", { style: { fontWeight: 700, marginBottom: 4 } }, `${ex.star_from} -> ${ex.star_to}`),
               React.createElement(
                 "ul",
                 { style: { margin: 0, paddingLeft: 18 } },
-                (ex.items || []).map((it, idx) =>
-                  React.createElement("li", { key: idx }, `${it.name} × ${it.count}`)
-                )
+                (ex.items || []).map((it, idx) => React.createElement("li", { key: idx }, `${it.name} × ${it.count}`))
               )
             )
           )
@@ -88,19 +84,11 @@ function PhaseBlock({ phase }) {
 
 function UpgradeBlock({ upgrades, upgradeMeta }) {
   if (!upgradeMeta || upgradeMeta.hasAnyUpgradeConfig === false) {
-    return React.createElement(
-      "div",
-      { style: { marginTop: 10, opacity: 0.8 } },
-      "该装备【任意日子都不可进化】（没有进化配置）"
-    );
+    return React.createElement("div", { style: { marginTop: 10, opacity: 0.8 } }, "该装备任意日期都不可进化（没有进化配置）");
   }
 
   if (!upgrades || upgrades.length === 0) {
-    return React.createElement(
-      "div",
-      { style: { marginTop: 10, opacity: 0.8 } },
-      "该装备【今天不可进化】（今日可用秘书舰不符合进化要求）"
-    );
+    return React.createElement("div", { style: { marginTop: 10, opacity: 0.8 } }, "该装备今天不可进化（今日可用秘书舰不符合进化要求）");
   }
 
   return React.createElement(
@@ -110,16 +98,18 @@ function UpgradeBlock({ upgrades, upgradeMeta }) {
       React.createElement(
         "div",
         { key: idx, style: { border: "1px solid rgba(255,255,255,0.12)", borderRadius: 8, padding: 10, marginTop: 10 } },
-        React.createElement("div", { style: { display: "flex", justifyContent: "space-between", gap: 12, flexWrap: "wrap" } },
-          React.createElement("div", { style: { fontWeight: 900 } }, `进化：→ ${u.upgradeName}（${u.upgradeId}）`),
-          React.createElement("div", { style: { opacity: 0.9 } }, `资材(开发): ${u.dev.min}/${u.dev.max}，螺丝: ${u.screw.min}/${u.screw.max}`)
-        ),
-        React.createElement("div", { style: { marginTop: 6, opacity: 0.9 } }, `指定秘书舰（今日可用）：${u.secretaryText || "不可"}`),
-        ItemList({ title: "进化消耗", items: u.items || [] })
-      )
-    )
-  );
-}
+        React.createElement(
+          "div",
+          { style: { display: "flex", justifyContent: "space-between", gap: 12, flexWrap: "wrap" } },
+          React.createElement("div", { style: { fontWeight: 900 } }, `进化：→ ${u.upgradeName}（${u.upgradeId}）`),
+          React.createElement("div", { style: { opacity: 0.9 } }, `资材(开发): ${u.dev.min}/${u.dev.max}，螺丝: ${u.screw.min}/${u.screw.max}`)
+        ),
+        React.createElement("div", { style: { marginTop: 6, opacity: 0.9 } }, `指定秘书舰（今日可用）：${u.secretaryText || "不可"}`),
+        ItemList({ title: "进化消耗", items: u.items || [] })
+      )
+    )
+  );
+}
 
 function upgradeStatusText(upgradeMeta) {
   if (!upgradeMeta || upgradeMeta.hasAnyUpgradeConfig === false) return "不可进化";
@@ -127,16 +117,17 @@ function upgradeStatusText(upgradeMeta) {
   return "今日不可进化";
 }
 
-class DailyTab extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      tokyoText: formatTokyoDateTimeWithWeekday(),
-      weekdayKey: getTokyoWeekdayKey(),
-      expanded: {}, // equipId -> bool
-      vm: null,
-      error: null,
+class DailyTab extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      tokyoText: formatTokyoDateTimeWithWeekday(),
+      weekdayKey: getTokyoWeekdayKey(),
+      expanded: {},
+      vm: null,
+      error: null,
       search: "",
+      searchEquipType: "",
     };
 
     this.refresh = this.refresh.bind(this);
@@ -144,12 +135,12 @@ class DailyTab extends React.Component {
     this.toggleRow = this.toggleRow.bind(this);
   }
 
-  componentDidMount() {
-    this.refresh();
-    this._timer = setInterval(() => {
-      this.setState({ tokyoText: formatTokyoDateTimeWithWeekday() });
-    }, 1000);
-  }
+  componentDidMount() {
+    this.refresh();
+    this._timer = setInterval(() => {
+      this.setState({ tokyoText: formatTokyoDateTimeWithWeekday() });
+    }, 1000);
+  }
 
   componentWillUnmount() {
     if (this._timer) clearInterval(this._timer);
@@ -181,13 +172,14 @@ class DailyTab extends React.Component {
       }
 
       const masterEquipsById = state.const.$equips || {};
+      const masterEquipTypesById = state.const.$equipTypes || {};
       const masterShipsRaw = state.const.$ships || {};
       const { shipBySortno, shipByApiId } = buildShipIndexes(masterShipsRaw);
 
       const vm = buildDailyViewModel({
         staticData,
         arrangementIndex,
-        poi: { masterEquipsById, shipBySortno, shipByApiId },
+        poi: { masterEquipsById, masterEquipTypesById, shipBySortno, shipByApiId },
         weekdayKey: this.state.weekdayKey,
       });
 
@@ -204,7 +196,7 @@ class DailyTab extends React.Component {
       flexDirection: "column",
       color: "#e5e7eb",
       fontFamily: "system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial",
-      fontSize: 12,
+      fontSize: 14,
       lineHeight: 1.4,
     };
 
@@ -228,7 +220,6 @@ class DailyTab extends React.Component {
       cursor: "pointer",
       userSelect: "none",
     });
-
     const toolbarStyle = { display: "flex", gap: 8, alignItems: "center", flexWrap: "wrap" };
 
     const inputStyle = {
@@ -239,6 +230,7 @@ class DailyTab extends React.Component {
       background: "rgba(0,0,0,0.15)",
       color: "#e5e7eb",
       outline: "none",
+      fontSize: 14,
     };
 
     const scrollAreaStyle = {
@@ -262,78 +254,114 @@ class DailyTab extends React.Component {
     const smallMuted = { opacity: 0.75, fontSize: 11 };
 
     const vm = this.state.vm;
-    const q = (this.state.search || "").trim().toLowerCase();
-    const rows = vm && vm.rows ? (q ? vm.rows.filter((r) => (r.equipName || "").toLowerCase().includes(q)) : vm.rows) : [];
+    const q = String(this.state.search || "").trim().toLowerCase();
+    const selectedEquipType = String(this.state.searchEquipType || "").trim();
+    const allRows = vm && vm.rows ? vm.rows : [];
+    const equipTypeOptions = [];
+    const seenEquipTypes = new Set();
+    for (const row of allRows) {
+      const name = String(row && row.equipTypeName ? row.equipTypeName : "").trim();
+      if (!name || seenEquipTypes.has(name)) continue;
+      seenEquipTypes.add(name);
+      equipTypeOptions.push(name);
+    }
+    const rows = allRows.filter((r) => {
+      if (selectedEquipType && String(r.equipTypeName || "") !== selectedEquipType) return false;
+      if (q && !String(r.equipName || "").toLowerCase().includes(q)) return false;
+      return true;
+    });
 
     return React.createElement(
       "div",
       { style: wrapperStyle },
-
       React.createElement(
         "div",
         { style: stickyHeaderStyle },
         React.createElement(
           "div",
           { style: headerRowStyle },
-          React.createElement("div", null,
-            React.createElement("div", { style: { fontSize: 16, fontWeight: 900 } }, "每日改修"),
+          React.createElement(
+            "div",
+            null,
+            React.createElement("div", { style: { fontSize: 18, fontWeight: 900 } }, "每日改修"),
             React.createElement("div", { style: smallMuted }, `当前时间（GMT+9）：${this.state.tokyoText}`)
           ),
-          React.createElement("div", { style: toolbarStyle },
+          React.createElement(
+            "div",
+            { style: toolbarStyle },
+            React.createElement(
+              "select",
+              {
+                value: this.state.searchEquipType,
+                onChange: (e) => this.setState({ searchEquipType: e.target.value }),
+                style: { ...inputStyle, width: 180 },
+              },
+              React.createElement("option", { value: "" }, "全部类型"),
+              ...equipTypeOptions.map((name) => React.createElement("option", { key: name, value: name }, name))
+            ),
             React.createElement("input", {
               value: this.state.search,
               placeholder: "搜索装备名称...",
               onChange: (e) => this.setState({ search: e.target.value }),
               style: inputStyle,
             }),
-            React.createElement("button", { onClick: this.refresh }, "Refresh")
+            React.createElement("button", { onClick: this.refresh }, "刷新")
           )
         ),
-
         React.createElement(
           "div",
           { style: tabBarStyle },
-          TOKYO_WEEK_KEYS.slice(1).map((k) =>
-            React.createElement("div", {
-              key: k,
-              style: tabStyle(this.state.weekdayKey === k),
-              onClick: () => this.setWeekday(k),
-            }, TOKYO_WEEK_LABEL_ZH[k])
-          ),
-          React.createElement("div", {
-            key: "sunday",
-            style: tabStyle(this.state.weekdayKey === "sunday"),
-            onClick: () => this.setWeekday("sunday"),
-          }, TOKYO_WEEK_LABEL_ZH["sunday"])
-        )
-      ),
-
+          TOKYO_WEEK_KEYS.slice(1).map((k) =>
+            React.createElement(
+              "div",
+              {
+                key: k,
+                style: tabStyle(this.state.weekdayKey === k),
+                onClick: () => this.setWeekday(k),
+              },
+              TOKYO_WEEK_LABEL_ZH[k]
+            )
+          ),
+          React.createElement(
+            "div",
+            {
+              key: "sunday",
+              style: tabStyle(this.state.weekdayKey === "sunday"),
+              onClick: () => this.setWeekday("sunday"),
+            },
+            TOKYO_WEEK_LABEL_ZH.sunday
+          )
+        )
+      ),
       React.createElement(
         "div",
         { style: scrollAreaStyle },
-
         this.state.error
-          ? React.createElement("pre", {
-              style: {
-                marginTop: 0,
-                padding: 12,
-                background: "#0b1220",
-                border: "1px solid rgba(255,255,255,0.12)",
-                borderRadius: 10,
-                whiteSpace: "pre-wrap",
-                wordBreak: "break-word",
-              }
-            }, this.state.error)
+          ? React.createElement(
+              "pre",
+              {
+                style: {
+                  marginTop: 0,
+                  padding: 12,
+                  background: "#0b1220",
+                  border: "1px solid rgba(255,255,255,0.12)",
+                  borderRadius: 10,
+                  whiteSpace: "pre-wrap",
+                  wordBreak: "break-word",
+                },
+              },
+              this.state.error
+            )
           : null,
-
         !this.state.error && vm
           ? React.createElement(
               React.Fragment,
               null,
-              React.createElement("div", { style: { margin: "0 0 10px", opacity: 0.8 } },
-                `今日可改修装备：${rows.length} 条` + (q ? `（搜索：${this.state.search}）` : "")
+              React.createElement(
+                "div",
+                { style: { margin: "0 0 10px", opacity: 0.8 } },
+                `今日可改修装备：${rows.length} 条${selectedEquipType ? `（类型：${selectedEquipType}）` : ""}${q ? `（搜索：${this.state.search}）` : ""}`
               ),
-
               React.createElement(
                 "table",
                 { style: tableStyle },
@@ -345,7 +373,7 @@ class DailyTab extends React.Component {
                     null,
                     React.createElement("th", { style: thStyle }, "装备名称"),
                     React.createElement("th", { style: thStyle }, "基础消耗（油/弹/钢/铝）"),
-                    React.createElement("th", { style: thStyle }, `${TOKYO_WEEK_LABEL_ZH[this.state.weekdayKey]} - 秘书舰`),
+                    React.createElement("th", { style: thStyle }, `${TOKYO_WEEK_LABEL_ZH[this.state.weekdayKey]} - 秘书舰`),
                     React.createElement("th", { style: thStyle }, "可进化")
                   )
                 ),
@@ -356,14 +384,12 @@ class DailyTab extends React.Component {
                     const exp = !!this.state.expanded[String(r.equipId)];
                     const base = r.baseCost || {};
                     const baseText = `${base.fuel || 0}/${base.ammo || 0}/${base.steel || 0}/${base.bauxite || 0}` + (base.missing ? "（缺数据）" : "");
-                    const icon = exp ? "▾" : "▸";
-
+                    const foldIcon = exp ? "▼" : "?";
                     const onRowClick = () => this.toggleRow(r.equipId);
 
                     return React.createElement(
                       React.Fragment,
                       { key: r.equipId },
-
                       React.createElement(
                         "tr",
                         {
@@ -371,12 +397,20 @@ class DailyTab extends React.Component {
                           style: { cursor: "pointer" },
                           title: "点击展开/收起",
                         },
-                        React.createElement("td", { style: tdStyle },
-                          React.createElement("div", { style: { display: "flex", gap: 8, alignItems: "center" } },
+                        React.createElement(
+                          "td",
+                          { style: tdStyle },
+                          React.createElement(
+                            "div",
+                            { style: { display: "flex", gap: 8, alignItems: "center" } },
                             React.createElement(
                               "button",
                               {
-                                onClick: (e) => { e.preventDefault(); e.stopPropagation(); onRowClick(); },
+                                onClick: (e) => {
+                                  e.preventDefault();
+                                  e.stopPropagation();
+                                  onRowClick();
+                                },
                                 style: {
                                   width: 28,
                                   height: 28,
@@ -388,10 +422,13 @@ class DailyTab extends React.Component {
                                 },
                                 title: "展开/收起",
                               },
-                              icon
+                              foldIcon
                             ),
-                            React.createElement("div", null,
-                              React.createElement("div", { style: { fontWeight: 800 } }, r.equipName),
+                            React.createElement(SlotitemTypeIcon, { iconType: r.iconType, title: r.equipTypeName }),
+                            React.createElement(
+                              "div",
+                              null,
+                              React.createElement("div", { style: { fontWeight: 400 } }, r.equipName),
                               React.createElement("div", { style: smallMuted }, `equipId: ${r.equipId}`)
                             )
                           )
@@ -400,7 +437,6 @@ class DailyTab extends React.Component {
                         React.createElement("td", { style: tdStyle }, r.secretaryText || "不可"),
                         React.createElement("td", { style: tdStyle }, upgradeStatusText(r.upgradeMeta))
                       ),
-
                       exp
                         ? React.createElement(
                             "tr",
@@ -411,7 +447,6 @@ class DailyTab extends React.Component {
                               React.createElement(SectionTitle, null, "改修消耗明细（每次）"),
                               React.createElement(PhaseBlock, { phase: r.phases[0] }),
                               React.createElement(PhaseBlock, { phase: r.phases[1] }),
-
                               r.upgradeMeta && r.upgradeMeta.hasAnyUpgradeConfig
                                 ? React.createElement(
                                     React.Fragment,
@@ -436,4 +471,4 @@ class DailyTab extends React.Component {
 
 module.exports = {
   DailyTab,
-};
+};