huibo-ui 0.3.0

package/dist/collection/components/Tree/Tree.js

@@ -0,0 +1,527 @@
+import { h } from "@stencil/core";
+/**
+ * Tree 树形组件
+ * 文件夹、组织架构、分类导航等层级结构的展示与选择
+ */
+export class Tree {
+    el;
+    /**
+     * 可选项数据源（递归树结构）
+     */
+    data = [];
+    /**
+     * （受控）展开的节点 key 集合
+     */
+    expandedKeys = [];
+    /**
+     * （受控）选中的节点 key 集合
+     */
+    selectedKeys = [];
+    /**
+     * 是否显示 checkbox 复选框
+     * @default false
+     */
+    checkable = false;
+    /**
+     * （受控）勾选的节点 key 集合
+     */
+    checkedKeys = [];
+    /**
+     * 是否默认展开全部节点
+     * @default false
+     */
+    defaultExpandAll = false;
+    /**
+     * 是否显示连接线
+     * @default false
+     */
+    showLine = false;
+    internalExpanded = null;
+    internalSelected = null;
+    internalChecked = null;
+    /**
+     * 选中节点变化事件（detail: 选中节点 key 数组）
+     */
+    hbSelect;
+    /**
+     * 展开节点变化事件（detail: 展开节点 key 数组）
+     */
+    hbExpand;
+    /**
+     * 勾选节点变化事件（detail: 勾选节点 key 数组）
+     */
+    hbCheck;
+    componentWillLoad() {
+        if (this.defaultExpandAll) {
+            const all = [];
+            this.collectExpandableKeys(this.data, all);
+            this.internalExpanded = all;
+        }
+    }
+    /**
+     * data 变化时，若 defaultExpandAll=true，把所有含 children 的节点 key
+     * 合并进 expandedKeys（保留用户已手动展开的节点，不收起任何已展开项）。
+     * 解决「先 mount 再赋 data」时 componentWillLoad 基于空数据计算导致不展开的问题。
+     */
+    handleDataChange() {
+        if (!this.defaultExpandAll) {
+            return;
+        }
+        const current = this.getExpandedKeys();
+        const merged = [...current];
+        this.collectExpandableKeys(this.data, merged);
+        // 去重
+        const deduped = Array.from(new Set(merged));
+        this.internalExpanded = deduped;
+        this.expandedKeys = deduped;
+    }
+    handleExpandedKeysChange() {
+        this.internalExpanded = null;
+    }
+    handleSelectedKeysChange() {
+        this.internalSelected = null;
+    }
+    handleCheckedKeysChange() {
+        this.internalChecked = null;
+    }
+    collectExpandableKeys(nodes, out) {
+        for (const node of nodes) {
+            if (node.children && node.children.length > 0) {
+                out.push(node.key);
+                this.collectExpandableKeys(node.children, out);
+            }
+        }
+    }
+    getExpandedKeys() {
+        return this.internalExpanded !== null ? this.internalExpanded : this.expandedKeys;
+    }
+    getSelectedKeys() {
+        return this.internalSelected !== null ? this.internalSelected : this.selectedKeys;
+    }
+    getCheckedKeys() {
+        return this.internalChecked !== null ? this.internalChecked : this.checkedKeys;
+    }
+    isExpanded = (key) => this.getExpandedKeys().includes(key);
+    isSelected = (key) => this.getSelectedKeys().includes(key);
+    isChecked = (key) => this.getCheckedKeys().includes(key);
+    handleToggleExpand = (node, e) => {
+        e.stopPropagation();
+        if (node.disabled)
+            return;
+        const current = [...this.getExpandedKeys()];
+        const idx = current.indexOf(node.key);
+        if (idx >= 0) {
+            current.splice(idx, 1);
+        }
+        else {
+            current.push(node.key);
+        }
+        this.internalExpanded = current;
+        this.expandedKeys = current;
+        this.hbExpand.emit(current);
+    };
+    handleSelect = (node) => {
+        if (node.disabled)
+            return;
+        const current = [...this.getSelectedKeys()];
+        const idx = current.indexOf(node.key);
+        if (idx >= 0) {
+            current.splice(idx, 1);
+        }
+        else {
+            current.push(node.key);
+        }
+        this.internalSelected = current;
+        this.selectedKeys = current;
+        this.hbSelect.emit(current);
+    };
+    handleCheck = (node, e) => {
+        e.stopPropagation();
+        if (node.disabled)
+            return;
+        const current = [...this.getCheckedKeys()];
+        const wasChecked = current.includes(node.key);
+        // 计算本次操作应进入/移出 checkedKeys 的所有 key 集合（含级联）。
+        // 不可变：始终基于副本计算，绝不原地修改 current。
+        const next = new Set(current);
+        if (wasChecked) {
+            // 取消：取消自身 + 取消所有后代（含禁用后代，因为它们当时是被父级带选的）。
+            this.removeDescendantKeys(node, next);
+            next.delete(node.key);
+        }
+        else {
+            // 勾选：勾选自身 + 勾选所有非禁用后代。
+            next.add(node.key);
+            this.collectCheckableDescendantKeys(node, next);
+        }
+        // 父子联动自底向上修正祖先：所有非禁用子节点全选 → 父加入 checkedKeys；
+        // 子节点部分选/全未选 → 父移出 checkedKeys（部分选体现为 indeterminate，由 detail 暴露）。
+        this.reconcileAncestors(node, next);
+        const result = Array.from(next);
+        this.internalChecked = result;
+        this.checkedKeys = result;
+        this.hbCheck.emit(result);
+    };
+    /**
+     * 从集合中移除某节点所有后代 key（含禁用项），用于取消父级时级联取消。
+     * 不可变：仅修改传入的 Set 副本，不修改树本身。
+     */
+    removeDescendantKeys(node, out) {
+        if (!node.children)
+            return;
+        for (const child of node.children) {
+            out.delete(child.key);
+            this.removeDescendantKeys(child, out);
+        }
+    }
+    /**
+     * 收集某节点所有「可勾选（非禁用）」后代 key，用于勾选父级时级联勾选。
+     * 注意：禁用子节点本身不可手动勾选，但若其下还有非禁用后代，仍应被级联勾选。
+     */
+    collectCheckableDescendantKeys(node, out) {
+        if (!node.children)
+            return;
+        for (const child of node.children) {
+            if (!child.disabled) {
+                out.add(child.key);
+            }
+            // 无论 child 是否禁用，继续向下寻找可勾选后代。
+            this.collectCheckableDescendantKeys(child, out);
+        }
+    }
+    /**
+     * 自底向上修正 checkedKeys 中某节点的所有祖先勾选状态。
+     * 规则：一个祖先节点，当且仅当其所有「非禁用子节点」均被勾选时，自身才被勾选；
+     * 否则移出 checkedKeys（部分选情况由 indeterminate 集合在渲染层暴露，不进入 checkedKeys）。
+     */
+    reconcileAncestors(node, next) {
+        const parents = this.findAncestors(this.data, node.key, []);
+        // parents 为从直接父到根的数组；逐层判断。
+        for (const parent of parents) {
+            if (parent.disabled || !parent.children || parent.children.length === 0)
+                continue;
+            const checkableChildren = parent.children.filter((c) => !c.disabled);
+            if (checkableChildren.length === 0)
+                continue;
+            const allChecked = checkableChildren.every((c) => next.has(c.key));
+            if (allChecked) {
+                next.add(parent.key);
+            }
+            else {
+                next.delete(parent.key);
+            }
+        }
+    }
+    /**
+     * 递归查找某 key 的祖先链（不含自身），返回从直接父到根的数组。
+     * 找不到返回空数组（key 为根节点或不存在时）。
+     */
+    findAncestors(nodes, key, acc) {
+        for (const node of nodes) {
+            if (node.key === key) {
+                return acc;
+            }
+            if (node.children && node.children.length > 0) {
+                const found = this.findAncestors(node.children, key, [node, ...acc]);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    /**
+     * 计算当前 checkedKeys 下处于「部分选中（indeterminate）」的节点 key 集合。
+     * 一个节点为 indeterminate 当：其本身不在 checkedKeys，但其下（递归）存在被勾选的后代。
+     * 用于渲染层暴露三方态（aria-checked="mixed" + class）。
+     */
+    computeIndeterminateKeys() {
+        const checked = this.getCheckedKeys();
+        const result = new Set();
+        const walk = (node) => {
+            if (!node.children || node.children.length === 0) {
+                return { hasCheckedDescendant: false };
+            }
+            let hasCheckedDescendant = false;
+            for (const child of node.children) {
+                const childState = walk(child);
+                if (checked.includes(child.key) || childState.hasCheckedDescendant) {
+                    hasCheckedDescendant = true;
+                }
+            }
+            // 节点本身未勾选，但有被勾选后代 → indeterminate
+            if (hasCheckedDescendant && !checked.includes(node.key)) {
+                result.add(node.key);
+            }
+            return { hasCheckedDescendant };
+        };
+        for (const root of this.data) {
+            walk(root);
+        }
+        return result;
+    }
+    renderNode = (node, level, indeterminateKeys) => {
+        const hasChildren = !!(node.children && node.children.length > 0);
+        const expanded = this.isExpanded(node.key);
+        const selected = this.isSelected(node.key);
+        const checked = this.isChecked(node.key);
+        const indeterminate = indeterminateKeys.has(node.key);
+        const disabled = !!node.disabled;
+        return (h("li", { class: {
+                'hb-tree__node': true,
+                'hb-tree__node--disabled': disabled,
+            }, role: "treeitem", "aria-level": level + 1, "aria-expanded": hasChildren ? String(expanded) : undefined, "aria-selected": selected ? 'true' : 'false', "aria-checked": this.checkable
+                ? indeterminate
+                    ? 'mixed'
+                    : checked
+                        ? 'true'
+                        : 'false'
+                : undefined, "aria-disabled": disabled ? 'true' : undefined, tabindex: selected ? 0 : -1 }, h("div", { class: {
+                'hb-tree__node-content': true,
+                'hb-tree__node-content--selected': selected,
+            }, style: { paddingLeft: `${level * 18 + 8}px` } }, h("span", { class: "hb-tree__switcher", onClick: (e) => hasChildren && this.handleToggleExpand(node, e) }, hasChildren ? (h("span", { class: { 'hb-tree__arrow': true, 'hb-tree__arrow--expanded': expanded } }, "\u25B6")) : this.showLine ? (h("span", { class: "hb-tree__line-dot" })) : null), this.checkable && (h("span", { class: {
+                'hb-tree__checkbox': true,
+                'hb-tree__checkbox--checked': checked,
+                'hb-tree__checkbox--indeterminate': indeterminate,
+                'hb-tree__checkbox--disabled': disabled,
+            }, onClick: (e) => this.handleCheck(node, e) }, checked ? '✓' : indeterminate ? '–' : '')), h("span", { class: "hb-tree__title", onClick: () => this.handleSelect(node) }, node.title)), hasChildren && expanded && (h("ul", { class: "hb-tree__children", role: "group" }, node.children.map((child) => this.renderNode(child, level + 1, indeterminateKeys))))));
+    };
+    render() {
+        const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set();
+        return (h("ul", { key: '6e40f05b44667fb23f0b6a74f647553fa518cca4', class: { 'hb-tree': true, 'hb-tree--show-line': this.showLine }, role: "tree" }, this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))));
+    }
+    static get is() { return "hb-tree"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tree.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tree.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "data": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "TreeNode[]",
+                    "resolved": "TreeNode[]",
+                    "references": {
+                        "TreeNode": {
+                            "location": "local",
+                            "path": "/Users/vscoderwhy/Desktop/product/web-common/huibo-ui/src/components/Tree/Tree.tsx",
+                            "id": "src/components/Tree/Tree.tsx::TreeNode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\u53EF\u9009\u9879\u6570\u636E\u6E90\uFF08\u9012\u5F52\u6811\u7ED3\u6784\uFF09"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "expandedKeys": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\uFF08\u53D7\u63A7\uFF09\u5C55\u5F00\u7684\u8282\u70B9 key \u96C6\u5408"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "selectedKeys": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\uFF08\u53D7\u63A7\uFF09\u9009\u4E2D\u7684\u8282\u70B9 key \u96C6\u5408"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "checkable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u663E\u793A checkbox \u590D\u9009\u6846"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "checkable",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "checkedKeys": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "\uFF08\u53D7\u63A7\uFF09\u52FE\u9009\u7684\u8282\u70B9 key \u96C6\u5408"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "defaultExpandAll": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u9ED8\u8BA4\u5C55\u5F00\u5168\u90E8\u8282\u70B9"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "default-expand-all",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showLine": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "\u662F\u5426\u663E\u793A\u8FDE\u63A5\u7EBF"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-line",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "internalExpanded": {},
+            "internalSelected": {},
+            "internalChecked": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "hbSelect",
+                "name": "hbSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u9009\u4E2D\u8282\u70B9\u53D8\u5316\u4E8B\u4EF6\uFF08detail: \u9009\u4E2D\u8282\u70B9 key \u6570\u7EC4\uFF09"
+                },
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                }
+            }, {
+                "method": "hbExpand",
+                "name": "hbExpand",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u5C55\u5F00\u8282\u70B9\u53D8\u5316\u4E8B\u4EF6\uFF08detail: \u5C55\u5F00\u8282\u70B9 key \u6570\u7EC4\uFF09"
+                },
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                }
+            }, {
+                "method": "hbCheck",
+                "name": "hbCheck",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "\u52FE\u9009\u8282\u70B9\u53D8\u5316\u4E8B\u4EF6\uFF08detail: \u52FE\u9009\u8282\u70B9 key \u6570\u7EC4\uFF09"
+                },
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "data",
+                "methodName": "handleDataChange"
+            }, {
+                "propName": "expandedKeys",
+                "methodName": "handleExpandedKeysChange"
+            }, {
+                "propName": "selectedKeys",
+                "methodName": "handleSelectedKeysChange"
+            }, {
+                "propName": "checkedKeys",
+                "methodName": "handleCheckedKeysChange"
+            }];
+    }
+}
+//# sourceMappingURL=Tree.js.map

package/dist/collection/components/Tree/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\n\nexport interface TreeNode {\n  /** 节点唯一标识 */\n  key: string;\n  /** 节点标题 */\n  title: string;\n  /** 子节点 */\n  children?: TreeNode[];\n  /** 是否禁用 */\n  disabled?: boolean;\n}\n\n/**\n * Tree 树形组件\n * 文件夹、组织架构、分类导航等层级结构的展示与选择\n */\n@Component({\n  tag: 'hb-tree',\n  styleUrl: 'tree.css',\n  shadow: true,\n})\nexport class Tree {\n  @Element() el: HTMLElement;\n\n  /**\n   * 可选项数据源（递归树结构）\n   */\n  @Prop() data: TreeNode[] = [];\n\n  /**\n   * （受控）展开的节点 key 集合\n   */\n  @Prop({ mutable: true }) expandedKeys: string[] = [];\n\n  /**\n   * （受控）选中的节点 key 集合\n   */\n  @Prop({ mutable: true }) selectedKeys: string[] = [];\n\n  /**\n   * 是否显示 checkbox 复选框\n   * @default false\n   */\n  @Prop() checkable: boolean = false;\n\n  /**\n   * （受控）勾选的节点 key 集合\n   */\n  @Prop({ mutable: true }) checkedKeys: string[] = [];\n\n  /**\n   * 是否默认展开全部节点\n   * @default false\n   */\n  @Prop() defaultExpandAll: boolean = false;\n\n  /**\n   * 是否显示连接线\n   * @default false\n   */\n  @Prop() showLine: boolean = false;\n\n  @State() internalExpanded: string[] | null = null;\n  @State() internalSelected: string[] | null = null;\n  @State() internalChecked: string[] | null = null;\n\n  /**\n   * 选中节点变化事件（detail: 选中节点 key 数组）\n   */\n  @Event() hbSelect: EventEmitter<string[]>;\n\n  /**\n   * 展开节点变化事件（detail: 展开节点 key 数组）\n   */\n  @Event() hbExpand: EventEmitter<string[]>;\n\n  /**\n   * 勾选节点变化事件（detail: 勾选节点 key 数组）\n   */\n  @Event() hbCheck: EventEmitter<string[]>;\n\n  componentWillLoad() {\n    if (this.defaultExpandAll) {\n      const all: string[] = [];\n      this.collectExpandableKeys(this.data, all);\n      this.internalExpanded = all;\n    }\n  }\n\n  /**\n   * data 变化时，若 defaultExpandAll=true，把所有含 children 的节点 key\n   * 合并进 expandedKeys（保留用户已手动展开的节点，不收起任何已展开项）。\n   * 解决「先 mount 再赋 data」时 componentWillLoad 基于空数据计算导致不展开的问题。\n   */\n  @Watch('data')\n  handleDataChange() {\n    if (!this.defaultExpandAll) {\n      return;\n    }\n    const current = this.getExpandedKeys();\n    const merged = [...current];\n    this.collectExpandableKeys(this.data, merged);\n    // 去重\n    const deduped = Array.from(new Set(merged));\n    this.internalExpanded = deduped;\n    this.expandedKeys = deduped;\n  }\n\n  @Watch('expandedKeys')\n  handleExpandedKeysChange() {\n    this.internalExpanded = null;\n  }\n\n  @Watch('selectedKeys')\n  handleSelectedKeysChange() {\n    this.internalSelected = null;\n  }\n\n  @Watch('checkedKeys')\n  handleCheckedKeysChange() {\n    this.internalChecked = null;\n  }\n\n  private collectExpandableKeys(nodes: TreeNode[], out: string[]) {\n    for (const node of nodes) {\n      if (node.children && node.children.length > 0) {\n        out.push(node.key);\n        this.collectExpandableKeys(node.children, out);\n      }\n    }\n  }\n\n  private getExpandedKeys(): string[] {\n    return this.internalExpanded !== null ? this.internalExpanded : this.expandedKeys;\n  }\n\n  private getSelectedKeys(): string[] {\n    return this.internalSelected !== null ? this.internalSelected : this.selectedKeys;\n  }\n\n  private getCheckedKeys(): string[] {\n    return this.internalChecked !== null ? this.internalChecked : this.checkedKeys;\n  }\n\n  private isExpanded = (key: string) => this.getExpandedKeys().includes(key);\n  private isSelected = (key: string) => this.getSelectedKeys().includes(key);\n  private isChecked = (key: string) => this.getCheckedKeys().includes(key);\n\n  private handleToggleExpand = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    if (node.disabled) return;\n    const current = [...this.getExpandedKeys()];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) {\n      current.splice(idx, 1);\n    } else {\n      current.push(node.key);\n    }\n    this.internalExpanded = current;\n    this.expandedKeys = current;\n    this.hbExpand.emit(current);\n  };\n\n  private handleSelect = (node: TreeNode) => {\n    if (node.disabled) return;\n    const current = [...this.getSelectedKeys()];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) {\n      current.splice(idx, 1);\n    } else {\n      current.push(node.key);\n    }\n    this.internalSelected = current;\n    this.selectedKeys = current;\n    this.hbSelect.emit(current);\n  };\n\n  private handleCheck = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    if (node.disabled) return;\n    const current = [...this.getCheckedKeys()];\n    const wasChecked = current.includes(node.key);\n\n    // 计算本次操作应进入/移出 checkedKeys 的所有 key 集合（含级联）。\n    // 不可变：始终基于副本计算，绝不原地修改 current。\n    const next = new Set(current);\n    if (wasChecked) {\n      // 取消：取消自身 + 取消所有后代（含禁用后代，因为它们当时是被父级带选的）。\n      this.removeDescendantKeys(node, next);\n      next.delete(node.key);\n    } else {\n      // 勾选：勾选自身 + 勾选所有非禁用后代。\n      next.add(node.key);\n      this.collectCheckableDescendantKeys(node, next);\n    }\n\n    // 父子联动自底向上修正祖先：所有非禁用子节点全选 → 父加入 checkedKeys；\n    // 子节点部分选/全未选 → 父移出 checkedKeys（部分选体现为 indeterminate，由 detail 暴露）。\n    this.reconcileAncestors(node, next);\n\n    const result = Array.from(next);\n    this.internalChecked = result;\n    this.checkedKeys = result;\n    this.hbCheck.emit(result);\n  };\n\n  /**\n   * 从集合中移除某节点所有后代 key（含禁用项），用于取消父级时级联取消。\n   * 不可变：仅修改传入的 Set 副本，不修改树本身。\n   */\n  private removeDescendantKeys(node: TreeNode, out: Set<string>) {\n    if (!node.children) return;\n    for (const child of node.children) {\n      out.delete(child.key);\n      this.removeDescendantKeys(child, out);\n    }\n  }\n\n  /**\n   * 收集某节点所有「可勾选（非禁用）」后代 key，用于勾选父级时级联勾选。\n   * 注意：禁用子节点本身不可手动勾选，但若其下还有非禁用后代，仍应被级联勾选。\n   */\n  private collectCheckableDescendantKeys(node: TreeNode, out: Set<string>) {\n    if (!node.children) return;\n    for (const child of node.children) {\n      if (!child.disabled) {\n        out.add(child.key);\n      }\n      // 无论 child 是否禁用，继续向下寻找可勾选后代。\n      this.collectCheckableDescendantKeys(child, out);\n    }\n  }\n\n  /**\n   * 自底向上修正 checkedKeys 中某节点的所有祖先勾选状态。\n   * 规则：一个祖先节点，当且仅当其所有「非禁用子节点」均被勾选时，自身才被勾选；\n   * 否则移出 checkedKeys（部分选情况由 indeterminate 集合在渲染层暴露，不进入 checkedKeys）。\n   */\n  private reconcileAncestors(node: TreeNode, next: Set<string>) {\n    const parents = this.findAncestors(this.data, node.key, []);\n    // parents 为从直接父到根的数组；逐层判断。\n    for (const parent of parents) {\n      if (parent.disabled || !parent.children || parent.children.length === 0) continue;\n      const checkableChildren = parent.children.filter((c) => !c.disabled);\n      if (checkableChildren.length === 0) continue;\n      const allChecked = checkableChildren.every((c) => next.has(c.key));\n      if (allChecked) {\n        next.add(parent.key);\n      } else {\n        next.delete(parent.key);\n      }\n    }\n  }\n\n  /**\n   * 递归查找某 key 的祖先链（不含自身），返回从直接父到根的数组。\n   * 找不到返回空数组（key 为根节点或不存在时）。\n   */\n  private findAncestors(nodes: TreeNode[], key: string, acc: TreeNode[]): TreeNode[] | null {\n    for (const node of nodes) {\n      if (node.key === key) {\n        return acc;\n      }\n      if (node.children && node.children.length > 0) {\n        const found = this.findAncestors(node.children, key, [node, ...acc]);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * 计算当前 checkedKeys 下处于「部分选中（indeterminate）」的节点 key 集合。\n   * 一个节点为 indeterminate 当：其本身不在 checkedKeys，但其下（递归）存在被勾选的后代。\n   * 用于渲染层暴露三方态（aria-checked=\"mixed\" + class）。\n   */\n  private computeIndeterminateKeys(): Set<string> {\n    const checked = this.getCheckedKeys();\n    const result = new Set<string>();\n    const walk = (node: TreeNode): { hasCheckedDescendant: boolean } => {\n      if (!node.children || node.children.length === 0) {\n        return { hasCheckedDescendant: false };\n      }\n      let hasCheckedDescendant = false;\n      for (const child of node.children) {\n        const childState = walk(child);\n        if (checked.includes(child.key) || childState.hasCheckedDescendant) {\n          hasCheckedDescendant = true;\n        }\n      }\n      // 节点本身未勾选，但有被勾选后代 → indeterminate\n      if (hasCheckedDescendant && !checked.includes(node.key)) {\n        result.add(node.key);\n      }\n      return { hasCheckedDescendant };\n    };\n    for (const root of this.data) {\n      walk(root);\n    }\n    return result;\n  }\n\n  private renderNode = (node: TreeNode, level: number, indeterminateKeys: Set<string>): any => {\n    const hasChildren = !!(node.children && node.children.length > 0);\n    const expanded = this.isExpanded(node.key);\n    const selected = this.isSelected(node.key);\n    const checked = this.isChecked(node.key);\n    const indeterminate = indeterminateKeys.has(node.key);\n    const disabled = !!node.disabled;\n\n    return (\n      <li\n        class={{\n          'hb-tree__node': true,\n          'hb-tree__node--disabled': disabled,\n        }}\n        role=\"treeitem\"\n        aria-level={level + 1}\n        aria-expanded={hasChildren ? String(expanded) : undefined}\n        aria-selected={selected ? 'true' : 'false'}\n        aria-checked={\n          this.checkable\n            ? indeterminate\n              ? 'mixed'\n              : checked\n                ? 'true'\n                : 'false'\n            : undefined\n        }\n        aria-disabled={disabled ? 'true' : undefined}\n        tabindex={selected ? 0 : -1}\n      >\n        <div\n          class={{\n            'hb-tree__node-content': true,\n            'hb-tree__node-content--selected': selected,\n          }}\n          style={{ paddingLeft: `${level * 18 + 8}px` }}\n        >\n          <span class=\"hb-tree__switcher\" onClick={(e) => hasChildren && this.handleToggleExpand(node, e)}>\n            {hasChildren ? (\n              <span class={{ 'hb-tree__arrow': true, 'hb-tree__arrow--expanded': expanded }}>▶</span>\n            ) : this.showLine ? (\n              <span class=\"hb-tree__line-dot\" />\n            ) : null}\n          </span>\n\n          {this.checkable && (\n            <span\n              class={{\n                'hb-tree__checkbox': true,\n                'hb-tree__checkbox--checked': checked,\n                'hb-tree__checkbox--indeterminate': indeterminate,\n                'hb-tree__checkbox--disabled': disabled,\n              }}\n              onClick={(e) => this.handleCheck(node, e)}\n            >\n              {checked ? '✓' : indeterminate ? '–' : ''}\n            </span>\n          )}\n\n          <span class=\"hb-tree__title\" onClick={() => this.handleSelect(node)}>\n            {node.title}\n          </span>\n        </div>\n\n        {hasChildren && expanded && (\n          <ul class=\"hb-tree__children\" role=\"group\">\n            {node.children!.map((child) => this.renderNode(child, level + 1, indeterminateKeys))}\n          </ul>\n        )}\n      </li>\n    );\n  };\n\n  render() {\n    const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set<string>();\n    return (\n      <ul class={{ 'hb-tree': true, 'hb-tree--show-line': this.showLine }} role=\"tree\">\n        {this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))}\n      </ul>\n    );\n  }\n}\n"]}