huibo-ui 0.3.0 → 0.5.0

package/dist/components/hb-tree.js

@@ -47,6 +47,12 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class Tree extends H {
     internalExpanded = null;
     internalSelected = null;
     internalChecked = null;
+    /**
+     * 键盘焦点节点 key（与 selectedKeys 解耦）。
+     * A2：roving tabindex 跟随 focusKey，而非 selectedKeys——否则键盘移动焦点会误改选中态。
+     * 默认指向 selectedKeys 末位（首次 Tab 进入时落在选中项）。
+     */
+    focusKey = null;
     /**
      * 选中节点变化事件（detail: 选中节点 key 数组）
      */
@@ -208,10 +214,10 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class Tree extends H {
         for (const parent of parents) {
             if (parent.disabled || !parent.children || parent.children.length === 0)
                 continue;
-            const checkableChildren = parent.children.filter((c) => !c.disabled);
+            const checkableChildren = parent.children.filter(c => !c.disabled);
             if (checkableChildren.length === 0)
                 continue;
-            const allChecked = checkableChildren.every((c) => next.has(c.key));
+            const allChecked = checkableChildren.every(c => next.has(c.key));
             if (allChecked) {
                 next.add(parent.key);
             }
@@ -267,6 +273,134 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class Tree extends H {
         }
         return result;
     }
+    /**
+     * 构建当前可见节点的扁平列表（仅含已展开父节点的后代），用于键盘线性导航。
+     * 每项记录 { node, level, parentKey }，遵循 WAI-ARIA Tree View 模式。
+     */
+    getFlattenedVisibleNodes() {
+        const out = [];
+        const walk = (nodes, level, parentKey) => {
+            for (const node of nodes) {
+                out.push({ node, level, parentKey });
+                if (node.children && node.children.length > 0 && this.isExpanded(node.key)) {
+                    walk(node.children, level + 1, node.key);
+                }
+            }
+        };
+        walk(this.data, 0, null);
+        return out;
+    }
+    /**
+     * Tree 键盘导航（WAI-ARIA Tree View 模式，A2 修复）：
+     * - ↑↓：在可见节点间线性移动焦点
+     * - →：展开；已展开则进入第一个子节点；叶子节点无操作
+     * - ←：折叠；已折叠则移到父节点；根节点无操作
+     * - Enter/Space：选中当前焦点节点
+     * - Home/End：跳到首个/末个可见节点
+     *
+     * 焦点管理用 roving tabindex：焦点移到谁，谁就是 selectedKeys（驱动 tabindex=0）。
+     */
+    handleTreeKeydown = (e) => {
+        const flat = this.getFlattenedVisibleNodes();
+        if (flat.length === 0)
+            return;
+        const enabled = flat.filter(x => !x.node.disabled);
+        if (enabled.length === 0)
+            return;
+        // 当前焦点索引：优先 focusKey；无则回退到 selectedKeys 末位；再无则首个启用项
+        let focusKey = this.focusKey;
+        if (!focusKey) {
+            const selected = this.getSelectedKeys();
+            focusKey = selected.length > 0 ? selected[selected.length - 1] : null;
+        }
+        let focusIdx = focusKey ? flat.findIndex(x => x.node.key === focusKey) : -1;
+        // 若当前焦点在禁用项上或无焦点，回退到首个启用项
+        if (focusIdx < 0 || flat[focusIdx].node.disabled) {
+            focusIdx = flat.findIndex(x => !x.node.disabled);
+            if (focusIdx < 0)
+                return;
+        }
+        const enabledFlatIndices = flat
+            .map((x, i) => ({ x, i }))
+            .filter(o => !o.x.node.disabled)
+            .map(o => o.i);
+        const posInEnabled = enabledFlatIndices.indexOf(focusIdx);
+        const current = flat[focusIdx];
+        const isLeaf = !(current.node.children && current.node.children.length > 0);
+        const expanded = !isLeaf && this.isExpanded(current.node.key);
+        switch (e.key) {
+            case 'ArrowDown': {
+                e.preventDefault();
+                const nextPos = (posInEnabled + 1) % enabledFlatIndices.length;
+                this.focusNode(flat[enabledFlatIndices[nextPos]].node);
+                break;
+            }
+            case 'ArrowUp': {
+                e.preventDefault();
+                const prevPos = (posInEnabled - 1 + enabledFlatIndices.length) % enabledFlatIndices.length;
+                this.focusNode(flat[enabledFlatIndices[prevPos]].node);
+                break;
+            }
+            case 'ArrowRight': {
+                e.preventDefault();
+                if (isLeaf)
+                    return;
+                if (!expanded) {
+                    // 展开
+                    this.handleToggleExpand(current.node, { stopPropagation: () => { } });
+                }
+                else {
+                    // 已展开 → 进入第一个非禁用子节点
+                    const firstChildIdx = flat.findIndex((x, i) => i > focusIdx && x.parentKey === current.node.key && !x.node.disabled);
+                    if (firstChildIdx >= 0)
+                        this.focusNode(flat[firstChildIdx].node);
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                e.preventDefault();
+                if (!isLeaf && expanded) {
+                    // 折叠
+                    this.handleToggleExpand(current.node, { stopPropagation: () => { } });
+                }
+                else if (current.parentKey) {
+                    // 已折叠/叶子 → 移到父节点
+                    const parentIdx = flat.findIndex(x => x.node.key === current.parentKey);
+                    if (parentIdx >= 0 && !flat[parentIdx].node.disabled)
+                        this.focusNode(flat[parentIdx].node);
+                }
+                break;
+            }
+            case 'Home': {
+                e.preventDefault();
+                this.focusNode(flat[enabledFlatIndices[0]].node);
+                break;
+            }
+            case 'End': {
+                e.preventDefault();
+                this.focusNode(flat[enabledFlatIndices[enabledFlatIndices.length - 1]].node);
+                break;
+            }
+            case 'Enter':
+            case ' ':
+            case 'Spacebar': {
+                e.preventDefault();
+                this.handleSelect(current.node);
+                break;
+            }
+            default:
+                return;
+        }
+    };
+    /** 把键盘焦点移到 node：仅更新 focusKey（驱动 roving tabindex），不改选中态。 */
+    focusNode(node) {
+        this.focusKey = node.key;
+        // 真实 DOM 聚焦（render 后 tabindex=0 会落到该节点）
+        requestAnimationFrame(() => {
+            const el = this.el.shadowRoot?.querySelector(`[data-tree-key="${node.key}"]`);
+            el?.focus();
+        });
+    }
     renderNode = (node, level, indeterminateKeys) => {
         const hasChildren = !!(node.children && node.children.length > 0);
         const expanded = this.isExpanded(node.key);
@@ -274,28 +408,27 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class Tree extends H {
         const checked = this.isChecked(node.key);
         const indeterminate = indeterminateKeys.has(node.key);
         const disabled = !!node.disabled;
+        // roving tabindex：键盘焦点节点 tabindex=0；无键盘焦点时回退到选中项（首次 Tab 进入）
+        const selectedKeys = this.getSelectedKeys();
+        const fallbackFocus = selectedKeys.length > 0 ? selectedKeys[selectedKeys.length - 1] : null;
+        const effectiveFocus = this.focusKey ?? fallbackFocus;
+        const isFocused = effectiveFocus === node.key;
         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: {
+            }, "data-tree-key": node.key, 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: isFocused ? 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: {
+            }, 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))))));
+            }, 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))));
+        return (h("ul", { key: '22de41fa0c22bd430496431f1ad8c70dbbc5c3b2', class: { 'hb-tree': true, 'hb-tree--show-line': this.showLine }, role: "tree", tabindex: -1, onKeyDown: this.handleTreeKeydown }, this.data.map(node => this.renderNode(node, 0, indeterminateKeys))));
     }
     static get watchers() { return {
         "data": ["handleDataChange"],
@@ -314,7 +447,8 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class Tree extends H {
         "showLine": [4, "show-line"],
         "internalExpanded": [32],
         "internalSelected": [32],
-        "internalChecked": [32]
+        "internalChecked": [32],
+        "focusKey": [32]
     }, undefined, {
         "data": ["handleDataChange"],
         "expandedKeys": ["handleExpandedKeysChange"],

package/dist/components/hb-tree.js.map

@@ -1 +1 @@
-{"file":"hb-tree.js","mappings":"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","names":[],"sources":["src/components/Tree/tree.css?tag=hb-tree&encapsulation=shadow","src/components/Tree/Tree.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tree {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: var(--hb-font-size-base);\n  color: var(--hb-color-text);\n  background-color: var(--hb-color-bg-container);\n  box-sizing: border-box;\n}\n\n.hb-tree__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hb-tree__node {\n  list-style: none;\n  white-space: nowrap;\n}\n\n.hb-tree__node-content {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  height: 28px;\n  padding-right: var(--hb-spacing-xs);\n  border-radius: var(--hb-border-radius-sm);\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) var(--hb-transition-function, ease);\n  box-sizing: border-box;\n}\n\n.hb-tree__node-content:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-tree__node-content--selected {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-tree__node--disabled > .hb-tree__node-content {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree__node--disabled > .hb-tree__node-content:hover {\n  background-color: transparent;\n}\n\n.hb-tree__switcher {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree__arrow {\n  font-size: 10px;\n  display: inline-block;\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree__arrow--expanded {\n  transform: rotate(90deg);\n}\n\n.hb-tree--show-line .hb-tree__switcher {\n  color: var(--hb-color-border);\n}\n\n.hb-tree__line-dot {\n  width: 6px;\n  height: 6px;\n  border-left: 1px solid var(--hb-color-border);\n  border-bottom: 1px solid var(--hb-color-border);\n  border-bottom-left-radius: var(--hb-border-radius-sm);\n}\n\n.hb-tree__checkbox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-xs, 2px);\n  background-color: var(--hb-color-bg-container);\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition: all var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree__checkbox:hover:not(.hb-tree__checkbox--disabled) {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--checked {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--indeterminate {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree__title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n\n.hb-tree__node-content--selected .hb-tree__title {\n  color: var(--hb-color-primary);\n  font-weight: 500;\n}\n","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"],"version":3}
+{"file":"hb-tree.js","mappings":"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","names":[],"sources":["src/components/Tree/tree.css?tag=hb-tree&encapsulation=shadow","src/components/Tree/Tree.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tree {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: var(--hb-font-size-base);\n  color: var(--hb-color-text);\n  background-color: var(--hb-color-bg-container);\n  box-sizing: border-box;\n}\n\n.hb-tree__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hb-tree__node {\n  list-style: none;\n  white-space: nowrap;\n}\n\n.hb-tree__node-content {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  height: 28px;\n  padding-right: var(--hb-spacing-xs);\n  border-radius: var(--hb-border-radius-sm);\n  cursor: pointer;\n  transition: background-color var(--hb-transition-duration, 0.2s) var(--hb-transition-function, ease);\n  box-sizing: border-box;\n}\n\n.hb-tree__node-content:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-tree__node-content--selected {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-tree__node--disabled > .hb-tree__node-content {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree__node--disabled > .hb-tree__node-content:hover {\n  background-color: transparent;\n}\n\n.hb-tree__switcher {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree__arrow {\n  font-size: 10px;\n  display: inline-block;\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree__arrow--expanded {\n  transform: rotate(90deg);\n}\n\n.hb-tree--show-line .hb-tree__switcher {\n  color: var(--hb-color-border);\n}\n\n.hb-tree__line-dot {\n  width: 6px;\n  height: 6px;\n  border-left: 1px solid var(--hb-color-border);\n  border-bottom: 1px solid var(--hb-color-border);\n  border-bottom-left-radius: var(--hb-border-radius-sm);\n}\n\n.hb-tree__checkbox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-xs, 2px);\n  background-color: var(--hb-color-bg-container);\n  color: #fff;\n  font-size: 11px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition: all var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree__checkbox:hover:not(.hb-tree__checkbox--disabled) {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--checked {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--indeterminate {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree__checkbox--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree__title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n\n.hb-tree__node-content--selected .hb-tree__title {\n  color: var(--hb-color-primary);\n  font-weight: 500;\n}\n","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   * 键盘焦点节点 key（与 selectedKeys 解耦）。\n   * A2：roving tabindex 跟随 focusKey，而非 selectedKeys——否则键盘移动焦点会误改选中态。\n   * 默认指向 selectedKeys 末位（首次 Tab 进入时落在选中项）。\n   */\n  @State() focusKey: 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  /**\n   * 构建当前可见节点的扁平列表（仅含已展开父节点的后代），用于键盘线性导航。\n   * 每项记录 { node, level, parentKey }，遵循 WAI-ARIA Tree View 模式。\n   */\n  private getFlattenedVisibleNodes(): { node: TreeNode; level: number; parentKey: string | null }[] {\n    const out: { node: TreeNode; level: number; parentKey: string | null }[] = [];\n    const walk = (nodes: TreeNode[], level: number, parentKey: string | null) => {\n      for (const node of nodes) {\n        out.push({ node, level, parentKey });\n        if (node.children && node.children.length > 0 && this.isExpanded(node.key)) {\n          walk(node.children, level + 1, node.key);\n        }\n      }\n    };\n    walk(this.data, 0, null);\n    return out;\n  }\n\n  /**\n   * Tree 键盘导航（WAI-ARIA Tree View 模式，A2 修复）：\n   * - ↑↓：在可见节点间线性移动焦点\n   * - →：展开；已展开则进入第一个子节点；叶子节点无操作\n   * - ←：折叠；已折叠则移到父节点；根节点无操作\n   * - Enter/Space：选中当前焦点节点\n   * - Home/End：跳到首个/末个可见节点\n   *\n   * 焦点管理用 roving tabindex：焦点移到谁，谁就是 selectedKeys（驱动 tabindex=0）。\n   */\n  private handleTreeKeydown = (e: KeyboardEvent) => {\n    const flat = this.getFlattenedVisibleNodes();\n    if (flat.length === 0) return;\n    const enabled = flat.filter(x => !x.node.disabled);\n    if (enabled.length === 0) return;\n\n    // 当前焦点索引：优先 focusKey；无则回退到 selectedKeys 末位；再无则首个启用项\n    let focusKey: string | null = this.focusKey;\n    if (!focusKey) {\n      const selected = this.getSelectedKeys();\n      focusKey = selected.length > 0 ? selected[selected.length - 1] : null;\n    }\n    let focusIdx = focusKey ? flat.findIndex(x => x.node.key === focusKey) : -1;\n    // 若当前焦点在禁用项上或无焦点，回退到首个启用项\n    if (focusIdx < 0 || flat[focusIdx].node.disabled) {\n      focusIdx = flat.findIndex(x => !x.node.disabled);\n      if (focusIdx < 0) return;\n    }\n    const enabledFlatIndices = flat\n      .map((x, i) => ({ x, i }))\n      .filter(o => !o.x.node.disabled)\n      .map(o => o.i);\n    const posInEnabled = enabledFlatIndices.indexOf(focusIdx);\n\n    const current = flat[focusIdx];\n    const isLeaf = !(current.node.children && current.node.children.length > 0);\n    const expanded = !isLeaf && this.isExpanded(current.node.key);\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        const nextPos = (posInEnabled + 1) % enabledFlatIndices.length;\n        this.focusNode(flat[enabledFlatIndices[nextPos]].node);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const prevPos = (posInEnabled - 1 + enabledFlatIndices.length) % enabledFlatIndices.length;\n        this.focusNode(flat[enabledFlatIndices[prevPos]].node);\n        break;\n      }\n      case 'ArrowRight': {\n        e.preventDefault();\n        if (isLeaf) return;\n        if (!expanded) {\n          // 展开\n          this.handleToggleExpand(current.node, { stopPropagation: () => {} } as unknown as Event);\n        } else {\n          // 已展开 → 进入第一个非禁用子节点\n          const firstChildIdx = flat.findIndex((x, i) => i > focusIdx && x.parentKey === current.node.key && !x.node.disabled);\n          if (firstChildIdx >= 0) this.focusNode(flat[firstChildIdx].node);\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        e.preventDefault();\n        if (!isLeaf && expanded) {\n          // 折叠\n          this.handleToggleExpand(current.node, { stopPropagation: () => {} } as unknown as Event);\n        } else if (current.parentKey) {\n          // 已折叠/叶子 → 移到父节点\n          const parentIdx = flat.findIndex(x => x.node.key === current.parentKey);\n          if (parentIdx >= 0 && !flat[parentIdx].node.disabled) this.focusNode(flat[parentIdx].node);\n        }\n        break;\n      }\n      case 'Home': {\n        e.preventDefault();\n        this.focusNode(flat[enabledFlatIndices[0]].node);\n        break;\n      }\n      case 'End': {\n        e.preventDefault();\n        this.focusNode(flat[enabledFlatIndices[enabledFlatIndices.length - 1]].node);\n        break;\n      }\n      case 'Enter':\n      case ' ':\n      case 'Spacebar': {\n        e.preventDefault();\n        this.handleSelect(current.node);\n        break;\n      }\n      default:\n        return;\n    }\n  };\n\n  /** 把键盘焦点移到 node：仅更新 focusKey（驱动 roving tabindex），不改选中态。 */\n  private focusNode(node: TreeNode) {\n    this.focusKey = node.key;\n    // 真实 DOM 聚焦（render 后 tabindex=0 会落到该节点）\n    requestAnimationFrame(() => {\n      const el = this.el.shadowRoot?.querySelector(`[data-tree-key=\"${node.key}\"]`);\n      (el as HTMLElement | null)?.focus();\n    });\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    // roving tabindex：键盘焦点节点 tabindex=0；无键盘焦点时回退到选中项（首次 Tab 进入）\n    const selectedKeys = this.getSelectedKeys();\n    const fallbackFocus = selectedKeys.length > 0 ? selectedKeys[selectedKeys.length - 1] : null;\n    const effectiveFocus = this.focusKey ?? fallbackFocus;\n    const isFocused = effectiveFocus === node.key;\n\n    return (\n      <li\n        class={{\n          'hb-tree__node': true,\n          'hb-tree__node--disabled': disabled,\n        }}\n        data-tree-key={node.key}\n        role=\"treeitem\"\n        aria-level={level + 1}\n        aria-expanded={hasChildren ? String(expanded) : undefined}\n        aria-selected={selected ? 'true' : 'false'}\n        aria-checked={this.checkable ? (indeterminate ? 'mixed' : checked ? 'true' : 'false') : undefined}\n        aria-disabled={disabled ? 'true' : undefined}\n        tabindex={isFocused ? 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 ? <span class={{ 'hb-tree__arrow': true, 'hb-tree__arrow--expanded': expanded }}>▶</span> : this.showLine ? <span class=\"hb-tree__line-dot\" /> : 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\" tabindex={-1} onKeyDown={this.handleTreeKeydown}>\n        {this.data.map(node => this.renderNode(node, 0, indeterminateKeys))}\n      </ul>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-upload.js

@@ -165,14 +165,14 @@ const Upload = /*@__PURE__*/ proxyCustomElement(class Upload extends H {
         return null;
     }
     render() {
-        return (h("div", { key: 'a83f9b8d0fd3a0cc618ff33bea2fd35d96b32071', class: "hb-upload" }, h("div", { key: '42f8ae299086ace94524529980d2acdff0abeb16', class: {
+        return (h("div", { key: 'f3d7afc72dbdef70156bab23467daaf538a98221', class: "hb-upload" }, h("div", { key: '04bbe9db8bc37125022550e309a14644a245166e', class: {
                 'hb-upload__trigger': true,
                 'hb-upload__trigger--drag': this.drag,
                 'hb-upload__trigger--dragover': this.isDragover,
                 'hb-upload__trigger--disabled': this.disabled,
-            }, onClick: this.handleClick, onDrop: this.drag ? this.handleDrop : undefined, onDragOver: this.drag ? this.handleDragOver : undefined, onDragLeave: this.drag ? this.handleDragLeave : undefined }, this.drag ? h("span", null, "\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216\u70B9\u51FB\u4E0A\u4F20") : h("slot", null, h("button", { type: "button", class: "hb-upload__btn" }, "\u70B9\u51FB\u4E0A\u4F20"))), h("input", { key: '65a98112cda506b0244451b6ca7b00a200306e00', type: "file", ref: (el) => {
+            }, onClick: this.handleClick, onDrop: this.drag ? this.handleDrop : undefined, onDragOver: this.drag ? this.handleDragOver : undefined, onDragLeave: this.drag ? this.handleDragLeave : undefined }, this.drag ? h("span", null, "\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216\u70B9\u51FB\u4E0A\u4F20") : h("slot", null, h("button", { type: "button", class: "hb-upload__btn" }, "\u70B9\u51FB\u4E0A\u4F20"))), h("input", { key: '01315d2df66505338104d01b675775e197806d39', type: "file", ref: (el) => {
                 this.inputRef = el;
-            }, multiple: this.multiple, accept: this.accept, disabled: this.disabled, style: { display: 'none' }, onChange: this.handleChange }), this.fileList.length > 0 && (h("ul", { key: 'e8f768dc92d273dc81a7a62f08eefd1c3f185251', class: "hb-upload__list" }, this.fileList.map((file, i) => (h("li", { class: { 'hb-upload__item': true, [`hb-upload__item--${file.status}`]: true } }, h("span", { class: "hb-upload__item-name" }, file.name), h("span", { class: "hb-upload__item-size" }, this.formatSize(file.size)), this.renderStatus(file), h("span", { class: "hb-upload__item-remove", onClick: () => this.handleRemove(i) }, "\u00D7"))))))));
+            }, multiple: this.multiple, accept: this.accept, disabled: this.disabled, style: { display: 'none' }, onChange: this.handleChange }), this.fileList.length > 0 && (h("ul", { key: '9d30b8fce405c1cbcec9b27ff8f819a0d2cfede4', class: "hb-upload__list" }, this.fileList.map((file, i) => (h("li", { class: { 'hb-upload__item': true, [`hb-upload__item--${file.status}`]: true } }, h("span", { class: "hb-upload__item-name" }, file.name), h("span", { class: "hb-upload__item-size" }, this.formatSize(file.size)), this.renderStatus(file), h("span", { class: "hb-upload__item-remove", onClick: () => this.handleRemove(i) }, "\u00D7"))))))));
     }
     static get style() { return HbUploadStyle0; }
 }, [1, "hb-upload", {

package/dist/components/hb-watermark.js

@@ -24,30 +24,38 @@ const Watermark = /*@__PURE__*/ proxyCustomElement(class Watermark extends H {
     fontColor = 'rgba(0,0,0,0.15)';
     /** 字号 */
     fontSize = 14;
-    get backgroundImage() {
+    /**
+     * P6：SVG data-URI 缓存。仅当依赖 props 变化时重算（escapeXml + encodeURIComponent 较重）。
+     * 修复前是 getter，每次 render 重编，父组件频繁重渲染时浪费明显。
+     */
+    _bgImageCache = null;
+    _bgImageKey = '';
+    getBackgroundImage() {
+        const key = `${this.content}|${this.width}|${this.height}|${this.gap}|${this.rotate}|${this.fontColor}|${this.fontSize}`;
+        if (this._bgImageCache !== null && this._bgImageKey === key) {
+            return this._bgImageCache;
+        }
         const { width, height, content, fontColor, fontSize, rotate } = this;
         const safeText = this.escapeXml(content || '');
         const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><text x="50%" y="50%" dy="${fontSize / 4}" text-anchor="middle" fill="${fontColor}" font-size="${fontSize}" font-family="sans-serif" transform="rotate(${rotate} ${width / 2} ${height / 2})">${safeText}</text></svg>`;
-        return `url("data:image/svg+xml;utf8,${encodeURIComponent(svg)}")`;
+        const result = `url("data:image/svg+xml;utf8,${encodeURIComponent(svg)}")`;
+        this._bgImageCache = result;
+        this._bgImageKey = key;
+        return result;
     }
     escapeXml(input) {
-        return input
-            .replace(/&/g, '&amp;')
-            .replace(/</g, '&lt;')
-            .replace(/>/g, '&gt;')
-            .replace(/"/g, '&quot;')
-            .replace(/'/g, '&apos;');
+        return input.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&apos;');
     }
     get layerStyle() {
-        const { backgroundImage, width, height, gap } = this;
+        const { width, height, gap } = this;
         return {
-            backgroundImage,
+            backgroundImage: this.getBackgroundImage(),
             backgroundRepeat: 'repeat',
             backgroundSize: `${width + gap}px ${height + gap}px`,
         };
     }
     render() {
-        return (h("div", { key: '558715dfd1fb81bab3dace29384aedaf21695cdf', class: "hb-watermark" }, h("div", { key: '26c580f3327e7018425c5e4556b19c9947212ae9', class: "hb-watermark__content" }, h("slot", { key: 'ff91c80742bd753daeef67c4b50b5d2cfec8d4b9' })), h("div", { key: 'c1dc15846f1e6ffa9d0ee968f87deb342bd13176', class: "hb-watermark__layer", style: this.layerStyle, "aria-hidden": "true" })));
+        return (h("div", { key: '1d4bcad1db81f2b2787726fe643c7f4dc519786f', class: "hb-watermark" }, h("div", { key: '07ab80f66ba3347224f71dd7efc6f21e21511109', class: "hb-watermark__content" }, h("slot", { key: '69cf1f3a3bbd71e65ec84a3e4f5ba0d8317b627a' })), h("div", { key: '8f19e58740f4d181be67b5c1582581612634f57e', class: "hb-watermark__layer", style: this.layerStyle, "aria-hidden": "true" })));
     }
     static get style() { return HbWatermarkStyle0; }
 }, [1, "hb-watermark", {

package/dist/components/hb-watermark.js.map

@@ -1 +1 @@
-{"file":"hb-watermark.js","mappings":";;AAAA,MAAM,YAAY,GAAG,+zMAA+zM,CAAC;AACr1M,0BAAe,YAAY;;MCUd,SAAS;;;;;;;;IAIZ,OAAO,GAAW,EAAE,CAAC;;IAGrB,KAAK,GAAW,GAAG,CAAC;;IAGpB,MAAM,GAAW,GAAG,CAAC;;IAGrB,GAAG,GAAW,CAAC,CAAC;;IAGhB,MAAM,GAAW,CAAC,EAAE,CAAC;;IAGrB,SAAS,GAAW,kBAAkB,CAAC;;IAGvC,QAAQ,GAAW,EAAE,CAAC;IAE9B,IAAY,eAAe;QACzB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACrE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAC/C,MAAM,GAAG,GAAG,kDAAkD,KAAK,aAAa,MAAM,kBAAkB,KAAK,IAAI,MAAM,+BAA+B,QAAQ,GAAG,CAAC,gCAAgC,SAAS,gBAAgB,QAAQ,gDAAgD,MAAM,IAAI,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,MAAM,QAAQ,eAAe,CAAC;QAClV,OAAO,gCAAgC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC;KACpE;IAEO,SAAS,CAAC,KAAa;QAC7B,OAAO,KAAK;aACT,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;aACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;aACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;aACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;aACvB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAC5B;IAED,IAAY,UAAU;QACpB,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACrD,OAAO;YACL,eAAe;YACf,gBAAgB,EAAE,QAAQ;YAC1B,cAAc,EAAE,GAAG,KAAK,GAAG,GAAG,MAAM,MAAM,GAAG,GAAG,IAAI;SACrD,CAAC;KACH;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,uBAAuB,IAChC,8DAAQ,CACJ,EACN,4DAAK,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,iBAAc,MAAM,GAAO,CAC9E,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Watermark/watermark.css?tag=hb-watermark&encapsulation=shadow","src/components/Watermark/Watermark.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: block;\n}\n\n.hb-watermark {\n  position: relative;\n  display: block;\n  width: 100%;\n}\n\n.hb-watermark__content {\n  position: relative;\n  z-index: 1;\n}\n\n.hb-watermark__layer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9;\n  pointer-events: none;\n  background-position: 0 0;\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\n\n/**\n * Watermark 水印组件\n * 在内容之上平铺一层文字水印，常用于版权/防泄密标识\n */\n@Component({\n  tag: 'hb-watermark',\n  styleUrl: 'watermark.css',\n  shadow: true,\n})\nexport class Watermark {\n  @Element() host!: HTMLElement;\n\n  /** 水印文字 */\n  @Prop() content: string = '';\n\n  /** 单个水印单元宽度 */\n  @Prop() width: number = 120;\n\n  /** 单个水印单元高度 */\n  @Prop() height: number = 120;\n\n  /** 水印单元之间的间距 */\n  @Prop() gap: number = 8;\n\n  /** 旋转角度 */\n  @Prop() rotate: number = -22;\n\n  /** 字体颜色 */\n  @Prop() fontColor: string = 'rgba(0,0,0,0.15)';\n\n  /** 字号 */\n  @Prop() fontSize: number = 14;\n\n  private get backgroundImage(): string {\n    const { width, height, content, fontColor, fontSize, rotate } = this;\n    const safeText = this.escapeXml(content || '');\n    const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\"><text x=\"50%\" y=\"50%\" dy=\"${fontSize / 4}\" text-anchor=\"middle\" fill=\"${fontColor}\" font-size=\"${fontSize}\" font-family=\"sans-serif\" transform=\"rotate(${rotate} ${width / 2} ${height / 2})\">${safeText}</text></svg>`;\n    return `url(\"data:image/svg+xml;utf8,${encodeURIComponent(svg)}\")`;\n  }\n\n  private escapeXml(input: string): string {\n    return input\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;')\n      .replace(/\"/g, '&quot;')\n      .replace(/'/g, '&apos;');\n  }\n\n  private get layerStyle(): Record<string, string> {\n    const { backgroundImage, width, height, gap } = this;\n    return {\n      backgroundImage,\n      backgroundRepeat: 'repeat',\n      backgroundSize: `${width + gap}px ${height + gap}px`,\n    };\n  }\n\n  render() {\n    return (\n      <div class=\"hb-watermark\">\n        <div class=\"hb-watermark__content\">\n          <slot />\n        </div>\n        <div class=\"hb-watermark__layer\" style={this.layerStyle} aria-hidden=\"true\"></div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-watermark.js","mappings":";;AAAA,MAAM,YAAY,GAAG,+zMAA+zM,CAAC;AACr1M,0BAAe,YAAY;;MCUd,SAAS;;;;;;;;IAIZ,OAAO,GAAW,EAAE,CAAC;;IAGrB,KAAK,GAAW,GAAG,CAAC;;IAGpB,MAAM,GAAW,GAAG,CAAC;;IAGrB,GAAG,GAAW,CAAC,CAAC;;IAGhB,MAAM,GAAW,CAAC,EAAE,CAAC;;IAGrB,SAAS,GAAW,kBAAkB,CAAC;;IAGvC,QAAQ,GAAW,EAAE,CAAC;;;;;IAMtB,aAAa,GAAkB,IAAI,CAAC;IACpC,WAAW,GAAW,EAAE,CAAC;IACzB,kBAAkB;QACxB,MAAM,GAAG,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QACzH,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,IAAI,IAAI,CAAC,WAAW,KAAK,GAAG,EAAE;YAC3D,OAAO,IAAI,CAAC,aAAa,CAAC;SAC3B;QACD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACrE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAC/C,MAAM,GAAG,GAAG,kDAAkD,KAAK,aAAa,MAAM,kBAAkB,KAAK,IAAI,MAAM,+BAA+B,QAAQ,GAAG,CAAC,gCAAgC,SAAS,gBAAgB,QAAQ,gDAAgD,MAAM,IAAI,KAAK,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,MAAM,QAAQ,eAAe,CAAC;QAClV,MAAM,MAAM,GAAG,gCAAgC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC;QAC3E,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;QACvB,OAAO,MAAM,CAAC;KACf;IAEO,SAAS,CAAC,KAAa;QAC7B,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACjI;IAED,IAAY,UAAU;QACpB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACpC,OAAO;YACL,eAAe,EAAE,IAAI,CAAC,kBAAkB,EAAE;YAC1C,gBAAgB,EAAE,QAAQ;YAC1B,cAAc,EAAE,GAAG,KAAK,GAAG,GAAG,MAAM,MAAM,GAAG,GAAG,IAAI;SACrD,CAAC;KACH;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAC,uBAAuB,IAChC,8DAAQ,CACJ,EACN,4DAAK,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,iBAAc,MAAM,GAAO,CAC9E,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Watermark/watermark.css?tag=hb-watermark&encapsulation=shadow","src/components/Watermark/Watermark.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: block;\n}\n\n.hb-watermark {\n  position: relative;\n  display: block;\n  width: 100%;\n}\n\n.hb-watermark__content {\n  position: relative;\n  z-index: 1;\n}\n\n.hb-watermark__layer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9;\n  pointer-events: none;\n  background-position: 0 0;\n}\n","import { Component, h, Prop, Element } from '@stencil/core';\n\n/**\n * Watermark 水印组件\n * 在内容之上平铺一层文字水印，常用于版权/防泄密标识\n */\n@Component({\n  tag: 'hb-watermark',\n  styleUrl: 'watermark.css',\n  shadow: true,\n})\nexport class Watermark {\n  @Element() host!: HTMLElement;\n\n  /** 水印文字 */\n  @Prop() content: string = '';\n\n  /** 单个水印单元宽度 */\n  @Prop() width: number = 120;\n\n  /** 单个水印单元高度 */\n  @Prop() height: number = 120;\n\n  /** 水印单元之间的间距 */\n  @Prop() gap: number = 8;\n\n  /** 旋转角度 */\n  @Prop() rotate: number = -22;\n\n  /** 字体颜色 */\n  @Prop() fontColor: string = 'rgba(0,0,0,0.15)';\n\n  /** 字号 */\n  @Prop() fontSize: number = 14;\n\n  /**\n   * P6：SVG data-URI 缓存。仅当依赖 props 变化时重算（escapeXml + encodeURIComponent 较重）。\n   * 修复前是 getter，每次 render 重编，父组件频繁重渲染时浪费明显。\n   */\n  private _bgImageCache: string | null = null;\n  private _bgImageKey: string = '';\n  private getBackgroundImage(): string {\n    const key = `${this.content}|${this.width}|${this.height}|${this.gap}|${this.rotate}|${this.fontColor}|${this.fontSize}`;\n    if (this._bgImageCache !== null && this._bgImageKey === key) {\n      return this._bgImageCache;\n    }\n    const { width, height, content, fontColor, fontSize, rotate } = this;\n    const safeText = this.escapeXml(content || '');\n    const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\"><text x=\"50%\" y=\"50%\" dy=\"${fontSize / 4}\" text-anchor=\"middle\" fill=\"${fontColor}\" font-size=\"${fontSize}\" font-family=\"sans-serif\" transform=\"rotate(${rotate} ${width / 2} ${height / 2})\">${safeText}</text></svg>`;\n    const result = `url(\"data:image/svg+xml;utf8,${encodeURIComponent(svg)}\")`;\n    this._bgImageCache = result;\n    this._bgImageKey = key;\n    return result;\n  }\n\n  private escapeXml(input: string): string {\n    return input.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/g, '&apos;');\n  }\n\n  private get layerStyle(): Record<string, string> {\n    const { width, height, gap } = this;\n    return {\n      backgroundImage: this.getBackgroundImage(),\n      backgroundRepeat: 'repeat',\n      backgroundSize: `${width + gap}px ${height + gap}px`,\n    };\n  }\n\n  render() {\n    return (\n      <div class=\"hb-watermark\">\n        <div class=\"hb-watermark__content\">\n          <slot />\n        </div>\n        <div class=\"hb-watermark__layer\" style={this.layerStyle} aria-hidden=\"true\"></div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-cc0aeb50.js → p-00aa34c8.js}

@@ -9,6 +9,20 @@
 function isActivationKey(key) {
     return key === 'Enter' || key === ' ' || key === 'Spacebar';
 }
+/**
+ * 生成一个 keydown 处理器：当按下激活键（Enter/Space）时触发元素 click。
+ * 用于给 `role="button"` 的 `<span>`/`<div>` 补齐键盘可达性（A3）。
+ *
+ * 用法：`onKeyDown={activationClickHandler}`
+ * 它会读 `event.currentTarget`（即绑定 onKeyDown 的元素）并调 .click()，
+ * 并 preventDefault 避免空格滚动页面。
+ */
+function activationClickHandler(e) {
+    if (isActivationKey(e.key)) {
+        e.preventDefault();
+        e.currentTarget.click();
+    }
+}
 /** 查询容器内可聚焦的元素顺序（tabindex >= 0 的语义元素） */
 const FOCUSABLE_SELECTOR = [
     'a[href]',
@@ -20,7 +34,7 @@ const FOCUSABLE_SELECTOR = [
     '[contenteditable="true"]',
 ].join(',');
 function getFocusableElements(container) {
-    return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((el) => el.getAttribute('aria-hidden') !== 'true' && el.style.display !== 'none');
+    return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter(el => el.getAttribute('aria-hidden') !== 'true' && el.style.display !== 'none');
 }
 /**
  * 创建焦点陷阱（Dialog / Drawer 打开时把 Tab 循环限制在容器内）。
@@ -114,6 +128,6 @@ function handleListKeyboard(event, options) {
     }
 }
 
-export { createFocusTrap as c, handleListKeyboard as h, isActivationKey as i };
+export { activationClickHandler as a, createFocusTrap as c, handleListKeyboard as h, isActivationKey as i };
 
-//# sourceMappingURL=p-cc0aeb50.js.map
+//# sourceMappingURL=p-00aa34c8.js.map

package/dist/components/p-00aa34c8.js.map

@@ -0,0 +1 @@
+{"file":"p-00aa34c8.js","mappings":"AAAA;;;;;;;AAQA;SACgB,eAAe,CAAC,GAAuB;IACrD,OAAO,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,UAAU,CAAC;AAC9D,CAAC;AAED;;;;;;;;SAQgB,sBAAsB,CAAC,CAAgB;IACrD,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;QAClB,CAAC,CAAC,aAA6B,CAAC,KAAK,EAAE,CAAC;KAC1C;AACH,CAAC;AAED;AACA,MAAM,kBAAkB,GAAG;IACzB,SAAS;IACT,wBAAwB;IACxB,0BAA0B;IAC1B,uBAAuB;IACvB,wBAAwB;IACxB,iCAAiC;IACjC,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAEI,oBAAoB,CAAC,SAAsB;IACzD,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,MAAM,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;AACxK,CAAC;AAoBD;;;;;SAKgB,eAAe,CAAC,OAAyB;IACvD,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC;IAC/D,IAAI,MAAM,GAAG,KAAK,CAAC;IACnB,IAAI,iBAAiB,GAAuB,IAAI,CAAC;IAEjD,MAAM,aAAa,GAAG,CAAC,CAAgB;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK;YAAE,OAAO;QAC5B,MAAM,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAClD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,SAAS,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO;SACR;QACD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC;QAExC,IAAI,CAAC,CAAC,QAAQ,EAAE;YACd,IAAI,QAAQ,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;gBACvD,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;SACF;aAAM;YACL,IAAI,QAAQ,KAAK,IAAI,EAAE;gBACrB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,CAAC,KAAK,EAAE,CAAC;aACf;SACF;KACF,CAAC;IAEF,MAAM,OAAO,GAAG;QACd,IAAI,MAAM;YAAE,OAAO;QACnB,MAAM,GAAG,IAAI,CAAC;QACd,iBAAiB,IAAI,aAAa,IAAI,QAAQ,CAAC,aAAa,CAAuB,CAAC;QACpF,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACrD,IAAI,SAAS,EAAE;YACb,MAAM,SAAS,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;YAClD,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,KAAK,EAAE,CAAC;SACrC;KACF,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,GAAG,KAAK,CAAC;QACf,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACxD,IAAI,iBAAiB,IAAI,OAAO,iBAAiB,CAAC,KAAK,KAAK,UAAU,EAAE;YACtE,iBAAiB,CAAC,KAAK,EAAE,CAAC;SAC3B;QACD,iBAAiB,GAAG,IAAI,CAAC;KAC1B,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AACjC,CAAC;AAeD;;;;;;;SAOgB,kBAAkB,CAAC,KAAoB,EAAE,OAA4B;IACnF,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IACxD,IAAI,SAAS,IAAI,CAAC;QAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IAE5C,MAAM,KAAK,GAAG,CAAC,GAAW,KAAK,CAAC,GAAG,GAAG,SAAS,IAAI,SAAS,CAAC;IAC7D,MAAM,MAAM,GAAG,CAAC,GAAW,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC;IAE1E,QAAQ,KAAK,CAAC,GAAG;QACf,KAAK,WAAW,CAAC;QACjB,KAAK,YAAY;YACf,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC;QAC9F,KAAK,SAAS,CAAC;QACf,KAAK,WAAW;YACd,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC;QAC9F,KAAK,MAAM;YACT,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;QACxC,KAAK,KAAK;YACR,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,GAAG,CAAC,EAAE,CAAC;QACpD,KAAK,OAAO,CAAC;QACb,KAAK,GAAG,CAAC;QACT,KAAK,UAAU;YACb,OAAO,WAAW,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QACtF,KAAK,QAAQ;YACX,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;QAC3B;YACE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;KAC3B;AACH;;;;","names":[],"sources":["src/utils/a11y.ts"],"sourcesContent":["/**\n * 无障碍（a11y）工具集\n * 统一 ARIA 属性辅助、焦点陷阱、列表键盘导航等在交互组件（Dialog / Drawer / Menu /\n * Dropdown / Select 等）中重复出现且容易写错的可访问性逻辑。\n *\n * 参考标准：WAI-ARIA Authoring Practices 1.2。\n */\n\n/** 判定按键是否为「激活」键（Enter / Space），用于自定义可聚焦元素的点击替代 */\nexport function isActivationKey(key: string | undefined): boolean {\n  return key === 'Enter' || key === ' ' || key === 'Spacebar';\n}\n\n/**\n * 生成一个 keydown 处理器：当按下激活键（Enter/Space）时触发元素 click。\n * 用于给 `role=\"button\"` 的 `<span>`/`<div>` 补齐键盘可达性（A3）。\n *\n * 用法：`onKeyDown={activationClickHandler}`\n * 它会读 `event.currentTarget`（即绑定 onKeyDown 的元素）并调 .click()，\n * 并 preventDefault 避免空格滚动页面。\n */\nexport function activationClickHandler(e: KeyboardEvent): void {\n  if (isActivationKey(e.key)) {\n    e.preventDefault();\n    (e.currentTarget as HTMLElement).click();\n  }\n}\n\n/** 查询容器内可聚焦的元素顺序（tabindex >= 0 的语义元素） */\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'textarea:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n].join(',');\n\nexport function getFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(el => el.getAttribute('aria-hidden') !== 'true' && el.style.display !== 'none');\n}\n\n/** 焦点陷阱选项 */\nexport interface FocusTrapOptions {\n  /** 焦点受限的容器元素 */\n  container: HTMLElement;\n  /** 打开时是否自动聚焦容器内首个可聚焦元素 */\n  autoFocus?: boolean;\n  /** 容器激活前的元素（用于关闭时归还焦点） */\n  returnFocusTo?: HTMLElement | null;\n}\n\n/** 焦点陷阱句柄 */\nexport interface FocusTrap {\n  /** 启用：绑定 Tab 拦截，可选自动聚焦 */\n  connect: () => void;\n  /** 关闭：解除拦截，归还焦点 */\n  disconnect: () => void;\n}\n\n/**\n * 创建焦点陷阱（Dialog / Drawer 打开时把 Tab 循环限制在容器内）。\n * 关键点：Tab 与 Shift+Tab 在容器边界时回环到另一端，防止焦点逃逸到背景。\n * 返回句柄，组件在打开时 connect()、关闭时 disconnect()。\n */\nexport function createFocusTrap(options: FocusTrapOptions): FocusTrap {\n  const { container, autoFocus = true, returnFocusTo } = options;\n  let active = false;\n  let previouslyFocused: HTMLElement | null = null;\n\n  const handleKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Tab') return;\n    const focusable = getFocusableElements(container);\n    if (focusable.length === 0) {\n      e.preventDefault();\n      container.focus();\n      return;\n    }\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n    const activeEl = document.activeElement;\n\n    if (e.shiftKey) {\n      if (activeEl === first || !container.contains(activeEl)) {\n        e.preventDefault();\n        last.focus();\n      }\n    } else {\n      if (activeEl === last) {\n        e.preventDefault();\n        first.focus();\n      }\n    }\n  };\n\n  const connect = () => {\n    if (active) return;\n    active = true;\n    previouslyFocused = (returnFocusTo ?? document.activeElement) as HTMLElement | null;\n    container.addEventListener('keydown', handleKeydown);\n    if (autoFocus) {\n      const focusable = getFocusableElements(container);\n      (focusable[0] ?? container).focus();\n    }\n  };\n\n  const disconnect = () => {\n    if (!active) return;\n    active = false;\n    container.removeEventListener('keydown', handleKeydown);\n    if (previouslyFocused && typeof previouslyFocused.focus === 'function') {\n      previouslyFocused.focus();\n    }\n    previouslyFocused = null;\n  };\n\n  return { connect, disconnect };\n}\n\n/** 列表键盘导航产生的动作 */\nexport type ListKeyAction = { type: 'navigate'; index: number } | { type: 'select'; index: number } | { type: 'close' } | { type: 'none' };\n\n/** 列表键盘导航参数 */\nexport interface ListKeyboardOptions {\n  /** 当前高亮项索引（-1 表示无高亮） */\n  activeIndex: number;\n  /** 列表项总数 */\n  itemCount: number;\n  /** 是否允许循环（首尾跳转） */\n  loop?: boolean;\n}\n\n/**\n * 列表 / 菜单 / 下拉选项的键盘导航核心逻辑（listbox / menu / combobox 通用）。\n * 返回应执行的动作，由调用方据此更新 activeIndex / 触发选中 / 关闭。\n *\n * 支持：ArrowDown/ArrowUp（竖排）/ArrowRight/ArrowLeft（横排）移动、Home/End 跳首尾、\n * Enter/Space 选中、Escape 关闭。\n */\nexport function handleListKeyboard(event: KeyboardEvent, options: ListKeyboardOptions): ListKeyAction {\n  const { activeIndex, itemCount, loop = true } = options;\n  if (itemCount <= 0) return { type: 'none' };\n\n  const clamp = (idx: number) => (idx + itemCount) % itemCount;\n  const within = (idx: number) => Math.max(0, Math.min(idx, itemCount - 1));\n\n  switch (event.key) {\n    case 'ArrowDown':\n    case 'ArrowRight':\n      return { type: 'navigate', index: loop ? clamp(activeIndex + 1) : within(activeIndex + 1) };\n    case 'ArrowUp':\n    case 'ArrowLeft':\n      return { type: 'navigate', index: loop ? clamp(activeIndex - 1) : within(activeIndex - 1) };\n    case 'Home':\n      return { type: 'navigate', index: 0 };\n    case 'End':\n      return { type: 'navigate', index: itemCount - 1 };\n    case 'Enter':\n    case ' ':\n    case 'Spacebar':\n      return activeIndex >= 0 ? { type: 'select', index: activeIndex } : { type: 'none' };\n    case 'Escape':\n      return { type: 'close' };\n    default:\n      return { type: 'none' };\n  }\n}\n\n/**\n * 为元素批量设置 ARIA 属性（不可变：返回新映射，但直接操作 DOM 属性是 a11y 的固有需求）。\n * 组件挂载后调用一次即可，避免每次 render 重复写 setAttribute。\n */\nexport function applyAria(el: HTMLElement, attrs: Record<string, string | boolean | undefined>): void {\n  Object.entries(attrs).forEach(([key, value]) => {\n    if (value === undefined || value === null) {\n      el.removeAttribute(`aria-${key}`);\n    } else {\n      el.setAttribute(`aria-${key}`, String(value));\n    }\n  });\n}\n"],"version":3}