laoyang/FamilyBook
1
0
Fork 0
Code Issues 29 Pull Requests Actions Packages Projects Releases Wiki Activity

v24 第 23 批：资源页四色按钮+四个弹框 / 财务页类别标签联动上下两图

Browse Source 
用户 2 条原话：
  ①「资源页面，还可以更简洁，资源打开后，没有正文就不显示（没有正文）这句话了，
     直接显示附件。附件列完后，列出来人员，所有者、共享给谁了。然后其他的都不要。
     把编辑、共享、附件、删除，四个按钮，放在每个资源的右上角，和标题一排，
     点击后分别是编辑信息、设置共享人员，包括删除共享人等，附件，点击后弹框，
     允许用户拖动上传。编辑黄色、共享绿色、附件蓝色、删除红色。
     按钮点击后的功能，都是弹框。」
  ②「财务，统计功能和金额变化图表那里，中间，有各类标签，存款保险等。现在点击后
     没有任何效果，这个需要做处理，点击任何一个标签，则统计这个标签下的所有财务条目的
     总数，并在上下两个图上，画出来。」

用户拍板的两个岔路（AskUserQuestion）：
  · 筛选某个类别时，上面那三个总数（总资产/总负债/净资产）**保持整本账口径**，
    不跟着切 —— 避免屏幕上只剩一个类别、却被误读成「我家只有存款」。
    当前看的是哪一类，由概览卡里一条高亮条说明（含合计与笔数 + 清除筛选）。
  · 「附件」弹框**既能拖动上传、也列出已有附件并可删**（附件管理只留一个入口）；
    展开区的附件墙因此变成**只读**。

════ 一、 资源页（templates/resources/index.php 重写）════

**展开区只留「看」**（用户："然后其他的都不要"）：
  · 正文 —— **没有就不占位**（不再写「（没有正文）」那句话）；
  · 附件墙 —— 只读（可预览/下载，不再带删除按钮）；
  · 人员行 —— 列在附件之后：**所有者 + 共享给谁**。
原来堆在展开区底部的四坨内联表单（补传附件 / 共享设置 / 编辑 / 删除）**全部撤掉**。
⇒ 全页 <form> 的数量**不再随条目数增长**。这不是洁癖：账目页与名册页都因为
  「每行内联一套表单」被密码管理器（Bitwarden）逐个扫描、把主线程占死过两次，
  是用户报过的真问题。资源页这次一次做对。

**标题行右上角四色按钮**（用户点名配色）：
  编辑 `btn-warn`（黄）· 共享 `btn-ok`（绿）· 附件 `btn-info`（蓝，本轮新增该类）·
  删除 `btn-del`（红）。四个都在 `<span class="res-ops">` 里，`margin-left:auto` 吸附右端。

**四个动作全在弹框里**（全页只有一份 `#resPanels`）：
  · 编辑 —— 标题 / 正文 / 归属人（用选人组件的对外接口灌数据，且**限定在弹框内**查找
    ——本页有多个同名字段，只按名字找会命中第一个，财务页在这上面栽过）；
  · 共享 —— 选人 + 权限（只读/可读写）+ **已共享给谁、逐个「取消共享」**
    （用户原话：「设置共享人员，**包括删除共享人**等」）；
  · 附件 —— 已有附件（名字 / 大小 / 下载 / 删除）+ **拖动上传区**
    （复用全站 `_stage_drop.php`：点击或拖动、拖进来立刻上传）；
  · 删除 —— 说明「不能撤销，会连 N 个附件一起删」，红色确认按钮。

三条结构性约束（断了浏览器会重新解析 HTML，症状很隐蔽）：
  ① `<summary>` 里只能放 **phrasing content** → 按钮组必须是 `<span>`，`<form>` 绝对不能进
     （这也是「四个动作必须进弹框」的一条额外理由：它们本来全是 form）；
  ② 点按钮必须 `preventDefault()` —— `<summary>` 内任意点击都会 toggle `<details>`；
     `stopPropagation()` 挡不住它（那是**默认行为**，不是冒泡）；
  ③ 弹框容器自己声明了 `display:flex`，就必须补 `[hidden]{display:none}` 规则，
     否则「关不掉」（项目在 `.pv` 与 `.pp-item` 上各栽过一次）。

════ 二、 财务页（templates/ledger/index.php + Ledger.php + chart.php）════

🔴 **「点击后没有任何效果」的根因（本轮定位）**：
  图表卡那条类别 chip 的 JS 在找 `[data-ck-card]` 这个属性来显隐「每账目一张小卡」，
  而 v24 第 11 批 #7 按用户要求把「每账目一张小卡」换成了**一张合并的多线图** ——
  属性随之消失，**而这段 JS 没人删**。于是点标签：`.is-on` 会亮、画面上什么都不变。
  典型的「看着有交互（按钮会变蓝）、实际没作用」：**JS 找的钩子已经不存在了**。
  另外，概览卡里那些标签（存款/基金/保险…）原来是**纯展示的 `<span>`**，压根不可点 ——
  用户说的"中间，有各类标签"多半也指它。本轮把两处**并成同一套筛选入口**。

一处 `applyKind()` 同时做四件事（缺一件用户就会觉得"没生效"）：
  ① 两处标签条的高亮**同步**（它们是同一个筛选器的两个入口，只给一处绑事件必然状态不一致）；
  ② 上面那张「总金额」图切到**该类别的曲线**（按类别**预渲染**好，靠 hidden 切换
     —— 图是服务端画的 SVG，点了再请求就等于整页刷新，那就不是"点标签"是"点链接"了）；
  ③ 下面那张多线图只留该类的线（`chart_multi` 已给每条线标了 `data-ck-line`）
     + 图例同步；
  ④ 下面账目表只列该类条目（`data-ck-row`）。
另外加一条概览高亮：「正在看『存款』：合计 ¥X · N 笔」+「清除筛选」。

服务端口径：
  · `Ledger::timeline($ledgerId, $kind = '')` —— **在取时点之前**按类别过滤。
    ⚠️ 反面做法（先算整本再筛）会把「被筛掉那些账目的创建日」留在时点集合里，
       图右端就凭空多出几个"其实什么都没变"的时点；
  · `Ledger::summary()` 顺手给出 `by_kind_n`（每类**笔数**）——
    用户要的「统计这个标签下的所有财务条目的总数」；
  · `chart_multi` 给每条线包一个 `<g data-ck-line="kind">` —— **纯标注、不改几何**。
    同一份数据多次渲染必须逐字节一致，所以属性值只能是 kind 本身，不许拼时间戳之类的。
  · 三个总数字**不随筛选变**（用户已确认）。

════ 三、 本轮修掉的三个真问题（都不在"功能"层面）════

① 🔴 **覆盖式改 CSS 漏了子属性 → 四个按钮竖排、标题行被撑到 175px 高**
   `.res-ops` 有一条**旧规则** `flex-direction: column`（那是给"展开区四个内联表单竖排"
   写的）。我改完模板后只在文件末尾**追加**了 `display / gap / margin-left`，
   **没写 `flex-direction`** → 四个按钮仍然竖着排。
   真机几何实测：`ops.top=382.9` vs `title.top=445.6`（差 63px）、标题行高 175px。
   ⇒ **改一个类的语义时，旧规则要就地改/删，不要在后面叠一条覆盖** ——
     叠加的写法天生容易漏子属性，而且**下一次改的人只会看到其中一处**。
     这次把那条规则就地改掉，并删掉确已废弃的 `.res-size` / `.res-share-add`。

② 🔴 **静态断言被注释里的字面串撑着 → 恒绿（比恒红危险）**
   部署断言原本是 `grep -qF 'class="res-ops"' 模板`。反证时我把**真代码**改坏，
   断言**照样通过** —— 因为模板注释里（解释"为什么按钮组用 span"时）引用了同一个字面串。
   **恒红会被发现，恒绿会一路伪装成"有覆盖"。**
   ⇒ 判据锚定到代码行（`grep -qE '^[[:space:]]+<span class="res-ops">'`），
     并且注释里不再写完整字面串。

③ **`str.replace(old, new, 0)` 是「替换零次」** —— 写反证脚本时我给某例传 `0`
   想表示"替换全部出现"，实际什么都没改 → 报"断言没牙齿"，白查一轮。全部替换是 `-1`。

════ 四、 验证 ════
- e2e **1171/0**（本批新增 55 条）· 真机浏览器探针 **45/0**（新增）
- 部署静态断言空跑 **309/0** · 桌面几何 428/0 · 移动端几何（360/375/390/414）684/0
- 老库结构升级 149/0
- **反向验证 18 例**（`_fb_b23_falsify.py`）：按钮组拿掉 / 附件按钮摘掉蓝类名 /
  弹框容器拿掉 / 写回「（没有正文）」/ 两处上传区 id 撞名 / 取消共享表单删掉 /
  按钮组改用 div / 去掉 preventDefault / 删掉 [hidden] 规则 /
  写回 flex-direction:column / 「清除筛选」不响应 / 线条不标类别 /
  上图不预渲染 / 账目行不标类别 / timeline 去掉类别筛 / summary 不给笔数 /
  部署断言两条 —— 逐条改回旧行为，点名断言都变红，还原后复绿。

真机探针验的是**行为与几何**（curl 级断言看不见的东西）：
  四按钮横排且贴标题行右端 · 点按钮**不会顺带展开**这一条 ·
  弹框 ✕/Esc/遮罩 三种方式都关得掉 · 点标签后**上面那张图真的换了**、
  下面多线图只剩该类 · 账目表跟着收窄 · 高亮条出现且「清除筛选」能回到全部 ·
  375px 窄屏两页都不横向溢出。

════ 五、 新增/改动文件 ════
  重写 `templates/resources/index.php`
  `templates/ledger/index.php`（筛选条合并 + 预渲染各类曲线 + applyKind）
  `app/Ledger.php`（timeline 加类别参数 + summary 补 by_kind_n）
  `app/chart.php`（chart_multi 给线条标 data-ck-line）
  `index.php`（ledger 路由多传 $kindLines）
  `assets/css/app.css`（.res-ops 就地改 + 四色按钮 + 弹框外壳 + .led-focus + 窄屏）
This commit is contained in:
laoyang
2026-10-06 20:41:04 +08:00
parent 6ceae11293
commit ae3060f552
6 changed files with 830 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/ledger/index.php
+175 -23
View File
@@ -32,6 +32,9 @@ $curId = (int)$cur['id'];
$money = static fn($c): string => \App\Ledger::money($c);
$charts = $charts ?? [];
$timeline = $timeline ?? [];
// v24 第 23 批 用户第 2 条：每个类别自己的时间线（点标签时上面那张图换成它）。
// ⚠️ 由 index.php 算好传进来（那一处注释说明了"为什么预先算、而不是点了再请求"）。
$kindLines = $kindLines ?? [];
// 用户第 8 条：「挂在谁名下，应该默认是自己」。这里的 $me 由 index.php 传进来（当前登录者）。
// ⚠️ 别用 `$me ?? 0` 再判 0 —— 那样一旦没传进来就会静默变成"不选"，看着像默认值丢了。
$ledMe = (int)($me ?? 0);
@@ -88,14 +91,47 @@ $ledMe = (int)($me ?? 0);
</div>
</div>
<?php if ($summary['by_kind']): ?>
<div class="led-kinds">
<?php /* v24 第 23 批 用户第 2 条（本次改动的重点）
用户原话：「财务，统计功能和金额变化图表那里，中间，有各类标签，存款保险等。
现在点击后没有任何效果，这个需要做处理，点击任何一个标签，
则统计这个标签下的所有财务条目的总数，并在上下两个图上，画出来。」
⚠️ 这里原来是一排**纯展示的 <span>**（根本不可点）—— 用户说的"点击后没有任何
效果"有一部分就是指它（另一部分是图表卡里那条 chip，它的 JS 早已失效，
见下面 ck-filter 的注释）。现在两处**并成一套筛选入口**：
点这里的任意标签 = 选中该类别，上下两张图 + 下面账目表一起联动。
⚠️ 「这个标签下的所有财务条目的**总数**」= 该类别金额合计（by_kind）。
它现在直接写在标签上（原来只是一句话的描述，不显示数），选中后再在下面
高亮条里复述一遍 合计 + 笔数。
⚠️ 三个总数字（总资产/总负债/净资产）**不随筛选变** —— 用户已确认：
选中「存款」后，净值仍代表整本账，避免屏幕上只剩一个类别、
却被误读成"我家只有存款"。选中的类别是谁，由下面那条高亮条说明。 */ ?>
<div class="ck-filter led-kinds" data-ck-filter>
<button type="button" class="ck-chip is-on" data-ck-kind=""
data-ck-sum="<?= e($money($summary['net'])) ?>"
data-ck-n="<?= (int)$summary['count'] ?>"
data-ck-word="整本账">全部（<?= (int)$summary['count'] ?>）</button>
<?php foreach ($summary['by_kind'] as $k => $c): ?>
<span class="led-kind-chip<?= \App\Ledger::isDebt((string)$k) ? ' is-debt' : '' ?>">
<button type="button"
class="ck-chip led-kind-chip<?= \App\Ledger::isDebt((string)$k) ? ' is-debt' : '' ?>"
data-ck-kind="<?= e((string)$k) ?>"
data-ck-sum="<?= e($money((int)$c)) ?>"
data-ck-n="<?= (int)($summary['by_kind_n'][$k] ?? 0) ?>"
data-ck-word="<?= e(\App\Ledger::kindWord((string)$k)) ?>">
<?= \App\Ledger::kindIcon((string)$k) ?> <?= e(\App\Ledger::kindWord((string)$k)) ?>
<b><?= e($money($c)) ?></b>
</span>
<b><?= e($money((int)$c)) ?></b>
</button>
<?php endforeach; ?>
</div>
<?php /* 选中某个类别后的高亮条：说清"现在看的是哪一类、合计多少、几笔"，
并给一个明确的出口（清除筛选）。没有它的话，图上少了几条线
就成了"数据丢了"而不是"我在筛选"。 */ ?>
<div class="led-focus" data-ck-focus hidden>
<span class="led-focus-txt"></span>
<button type="button" class="btn btn-ghost btn-sm" data-ck-clear>清除筛选</button>
</div>
<?php endif; ?>
</div>
@@ -166,12 +202,31 @@ $ledMe = (int)($me ?? 0);
</h2>
<?php if ($timeline): ?>
<?php /* 总金额图（"全部"）与逐类别图（"存款"…）都**预渲染好**，靠 hidden 切换。
为什么不"点了再向服务器要一张"：图是**服务端画的 SVG**（见 app/chart.php），
要重画就得整页刷新 —— 那就不是"点标签"，是"点链接"了。
预渲染的代价只是每个**用到的**类别多一次查询，而这个页面本来就要
把整本账每条账目都读出来（charts() 已在做），量级一样。 */ ?>
<div class="ck-card ck-total">
<div class="ck-head">
<b>总金额 · 净资产</b>
<span class="small muted"><?= count($timeline) ?> 个时间点</span>
<b data-ck-total-title>总金额 · 净资产</b>
<span class="small muted" data-ck-total-n><?= count($timeline) ?> 个时间点</span>
</div>
<?= chart_line($timeline, '净资产', 'asset', 900) ?>
<?php /* ⚠️ 每张图外面包一层带 data-ck-tkind 的容器（'' = 整本账）。
筛选时只显示匹配的那一张。
⚠️ 不能在 chart_line 内部加属性 —— 那个函数被全站复用，
"为了筛选顺手改公共渲染函数"是往所有调用点塞风险。 */ ?>
<div data-ck-tkind="">
<?= chart_line($timeline, '净资产', 'asset', 900) ?>
</div>
<?php foreach ($kindLines as $k => $line): ?>
<?php if (!$line) { continue; } ?>
<?php /* 负债类别用绿线（`debt`），资产用红线 —— 与全站"涨红跌绿"口径一致 */ ?>
<div data-ck-tkind="<?= e((string)$k) ?>" hidden>
<?= chart_line($line, \App\Ledger::kindWord((string)$k),
\App\Ledger::isDebt((string)$k) ? 'debt' : 'asset', 900) ?>
</div>
<?php endforeach; ?>
</div>
<?php endif; ?>
@@ -184,11 +239,22 @@ $ledMe = (int)($me ?? 0);
$kindsPresent[$k] = ($kindsPresent[$k] ?? 0) + 1;
}
?>
<?php /* 🔴 v24 第 23 批 用户第 2 条：**这条 chip 原来点了真的没反应**。
根因（务必看懂再改）：它的 JS 在找 `[data-ck-card]` 这个属性来显隐"每账目一张小卡"，
但 v24 第 11 批 #7 已经把"每账目一张小卡"换成了**一张合并的多线图**
（用户当时要求"图下面不用显示详情，只显示哪个颜色代表哪个账目"）——
属性随之消失，而这段 JS 没人删。于是点标签：`.is-on` 会亮、**画面上什么都不变**。
这就是"看着有交互（按钮会变蓝）、实际没作用"的典型：**JS 找的钩子已经不存在了**。
→ 现在改成：显隐多线图里**对应类别的 <g>**（chart_multi 已经给每条线标了
`data-ck-line`）+ 图例项 + 总金额图切到该类曲线。三处一起动。 */ ?>
<div class="ck-filter" data-ck-filter>
<button type="button" class="ck-chip is-on" data-ck-kind="">全部（<?= count($charts) ?>）</button>
<button type="button" class="ck-chip is-on" data-ck-kind=""
data-ck-n="<?= count($charts) ?>" data-ck-word="整本账">全部（<?= count($charts) ?>）</button>
<?php foreach ($kindsPresent as $k => $n): ?>
<button type="button" class="ck-chip<?= \App\Ledger::isDebt((string)$k) ? ' is-debt' : '' ?>"
data-ck-kind="<?= e((string)$k) ?>">
data-ck-kind="<?= e((string)$k) ?>"
data-ck-n="<?= (int)$n ?>"
data-ck-word="<?= e(\App\Ledger::kindWord((string)$k)) ?>">
<?= \App\Ledger::kindIcon((string)$k) ?> <?= e(\App\Ledger::kindWord((string)$k)) ?>（<?= (int)$n ?>）
</button>
<?php endforeach; ?>
@@ -212,8 +278,9 @@ $ledMe = (int)($me ?? 0);
</span>
<?php endforeach; ?>
</div>
<p class="small muted" style="margin:8px 2px 0">
没盘点过的账目按「从 0 到现在」画 —— 想让它出现真实波动，在下面账目表里点「盘点」。
<p class="small muted ck-note">
<span data-ck-note-all>没盘点过的账目按「从 0 到现在」画 —— 想让它出现真实波动，在下面账目表里点「盘点」。</span>
<span data-ck-note-one hidden></span>
</p>
<?php endif; ?>
</div>
@@ -233,7 +300,10 @@ $ledMe = (int)($me ?? 0);
<tbody>
<?php foreach ($entries as $en): ?>
<?php $ek = (string)$en['kind']; $debt = \App\Ledger::isDebt($ek); $eid = (int)$en['id']; ?>
<tr>
<?php /* v24 第 23 批 用户第 2 条：行上带类别标记 —— 点类别标签时按它显隐。
用户要的是"点击标签 → 统计该类条目并上下两图画出来"，
表也跟着收窄到这一类，否则图上只剩存款、表里却还堆着房贷，自相矛盾。 */ ?>
<tr data-ck-row="<?= e($ek) ?>">
<td class="nowrap">
<span class="led-kind-chip<?= $debt ? ' is-debt' : '' ?>">
<?= \App\Ledger::kindIcon($ek) ?> <?= e(\App\Ledger::kindWord($ek)) ?>
@@ -484,19 +554,101 @@ $ledMe = (int)($me ?? 0);
});
}
/* ---- 图表按类别筛选（"所有账目"在几百条时会变成一坨）---- */
var bar = document.querySelector('[data-ck-filter]');
if (bar) {
bar.addEventListener('click', function (e) {
var chip = e.target.closest('.ck-chip');
if (!chip) { return; }
var kind = chip.getAttribute('data-ck-kind') || '';
Array.prototype.forEach.call(bar.querySelectorAll('.ck-chip'), function (c) {
c.classList.toggle('is-on', c === chip);
/* ---- 类别标签 → 上下两张图 + 账目表一起联动（v24 第 23 批 用户第 2 条）
------------------------------------------------------------
用户原话：「财务，统计功能和金额变化图表那里，中间，有各类标签，存款保险等。
现在点击后没有任何效果，这个需要做处理，点击任何一个标签，
则统计这个标签下的所有财务条目的总数，并在上下两个图上，画出来。」
一处逻辑，四件事同时做（缺一件用户就会觉得"没生效"）：
① 标签高亮（`.is-on`）；
② 「总金额」图切到该类别的曲线（`[data-ck-tkind]`，都预渲染好了）；
③ 多线图里只留该类别的线（`[data-ck-line]`）＋ 图例只留对应项；
④ 账目表只列该类条目（`[data-ck-row]`）。
另外在概览卡里给一条高亮：看的是哪一类、合计多少、几笔，并给「清除筛选」。
⚠️ 两处 `.ck-filter`（概览卡的标签 + 图表卡的 chip）共用本函数 ——
它们是**同一个筛选器**的两个入口。如果只给其中一处绑事件，
点另一处就会"两处状态不一致"（一处亮着、图上却是另一个类别的结果）。
所以：任何一处的点击都会把两处的高亮 + 全部图表 + 表格一起重画。
⚠️ 图例项**不**用 hidden 藏：`.ck-lg-item[hidden]{display:none}` 的规则本来就有，
但"藏起来"会让图例的长度跳变。折中：藏（保持整齐一致），
并在下面的说明行里写清"只在看这一类"。
⚠️ 「全部」按钮的 data-ck-sum 用的是**净资产**（net），不是资产合计 ——
标签上那句话读起来是"整本账 = 多少钱"，净资产才是那个数。 */
var bars = document.querySelectorAll('[data-ck-filter]');
if (bars.length) {
var focusBar = document.querySelector('[data-ck-focus]');
var focusTxt = focusBar ? focusBar.querySelector('.led-focus-txt') : null;
var noteAll = document.querySelector('[data-ck-note-all]');
var noteOne = document.querySelector('[data-ck-note-one]');
function applyKind(kind, sum, n, word) {
// ① 两处标签的高亮保持同步（同一个筛选器）
Array.prototype.forEach.call(bars, function (bar) {
Array.prototype.forEach.call(bar.querySelectorAll('.ck-chip'), function (c) {
c.classList.toggle('is-on', (c.getAttribute('data-ck-kind') || '') === kind);
});
});
Array.prototype.forEach.call(document.querySelectorAll('[data-ck-card]'), function (c) {
c.hidden = kind !== '' && c.getAttribute('data-ck-card') !== kind;
// ② 总金额图：只显示匹配的那一张
Array.prototype.forEach.call(document.querySelectorAll('[data-ck-tkind]'), function (w) {
w.hidden = (w.getAttribute('data-ck-tkind') || '') !== kind;
});
// 图上的标题跟着换（不然选着"存款"，标题还写"净资产"，自相矛盾）
var ttl = document.querySelector('[data-ck-total-title]');
if (ttl) {
ttl.textContent = kind === '' ? '总金额 · 净资产' : (word + ' · 金额变化');
}
// ③ 多线图：按类别显隐线条（几何不动，只切可见性）
Array.prototype.forEach.call(document.querySelectorAll('[data-ck-line]'), function (g) {
g.hidden = kind !== '' && (g.getAttribute('data-ck-line') || '') !== kind;
});
Array.prototype.forEach.call(document.querySelectorAll('.ck-lg-item'), function (li) {
li.hidden = kind !== '' && (li.getAttribute('data-ck-kind') || '') !== kind;
});
// ④ 账目表
Array.prototype.forEach.call(document.querySelectorAll('[data-ck-row]'), function (tr) {
tr.hidden = kind !== '' && (tr.getAttribute('data-ck-row') || '') !== kind;
});
// ⑤ 概览卡里的高亮条
if (focusBar && focusTxt) {
focusBar.hidden = (kind === '');
if (kind !== '') {
focusTxt.textContent = '正在看「' + word + '」：合计 ' + sum + ' · ' + n + ' 笔';
}
}
if (noteAll && noteOne) {
noteAll.hidden = (kind !== '');
noteOne.hidden = (kind === '');
if (kind !== '') {
noteOne.textContent = '只画了「' + word + '」这一类（' + n + ' 条线），'
+ '合计 ' + sum + '；点「清除筛选」看整本账。';
}
}
}
document.addEventListener('click', function (e) {
var t = e.target;
if (!t || !t.closest) { return; }
var chip = t.closest('.ck-filter .ck-chip');
if (chip) {
e.preventDefault();
applyKind(chip.getAttribute('data-ck-kind') || '',
chip.getAttribute('data-ck-sum') || '',
chip.getAttribute('data-ck-n') || '',
chip.getAttribute('data-ck-word') || '');
return;
}
// 清除筛选 = 回到"全部"那一档（不自己拼状态，直接找那颗按钮点它一次）
if (t.closest('[data-ck-clear]')) {
e.preventDefault();
var all = document.querySelector('[data-ck-filter] .ck-chip[data-ck-kind=""]');
if (all) { all.click(); }
}
});
}
})();