huibo-ui 0.4.0 → 0.5.0

package/dist/esm/hb-tree-select.entry.js.map

@@ -1 +1 @@
-{"file":"hb-tree-select.entry.js","mappings":"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","names":[],"sources":["src/components/TreeSelect/tree-select.css?tag=hb-tree-select&encapsulation=shadow","src/components/TreeSelect/TreeSelect.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tree-select {\n  position: relative;\n  width: 100%;\n  font-size: var(--hb-font-size-base);\n  color: var(--hb-color-text);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__input-wrapper {\n  display: flex;\n  align-items: center;\n  height: var(--hb-size-default, 32px);\n  padding: 0 var(--hb-spacing-sm);\n  border: 1px solid var(--hb-input-border-color, var(--hb-color-border));\n  border-radius: var(--hb-input-radius, var(--hb-border-radius-sm));\n  background-color: var(--hb-color-bg-container);\n  cursor: pointer;\n  transition: border-color var(--hb-transition-duration, 0.2s);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__input-wrapper:hover {\n  border-color: var(--hb-input-hover-border-color, var(--hb-color-primary));\n}\n\n.hb-tree-select--open .hb-tree-select__input-wrapper {\n  border-color: var(--hb-input-focus-border-color, var(--hb-color-primary));\n}\n\n.hb-tree-select--disabled .hb-tree-select__input-wrapper {\n  background-color: var(--hb-color-fill-tertiary);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.hb-tree-select__display {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.hb-tree-select__display--placeholder {\n  color: var(--hb-input-placeholder-color, var(--hb-color-text-placeholder));\n}\n\n.hb-tree-select__suffix {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree-select__clear {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  color: var(--hb-color-text-tertiary);\n  background-color: var(--hb-color-fill);\n  cursor: pointer;\n}\n\n.hb-tree-select__clear svg {\n  width: 10px;\n  height: 10px;\n}\n\n.hb-tree-select__clear:hover {\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-tree-select__arrow-icon {\n  display: inline-flex;\n  align-items: center;\n  width: 12px;\n  height: 12px;\n  color: var(--hb-color-text-tertiary);\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__arrow-icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-tree-select__arrow-icon--open {\n  transform: rotate(180deg);\n}\n\n.hb-tree-select__dropdown {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  width: 100%;\n  max-height: 280px;\n  overflow-y: auto;\n  padding: var(--hb-spacing-xxs);\n  background-color: var(--hb-color-bg-elevated);\n  border: 1px solid var(--hb-color-border-secondary);\n  border-radius: var(--hb-border-radius-sm);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);\n  box-sizing: border-box;\n  z-index: 1050;\n}\n\n.hb-tree-select__empty {\n  padding: var(--hb-spacing-md);\n  text-align: center;\n  color: var(--hb-color-text-tertiary);\n  font-size: var(--hb-font-size-sm);\n}\n\n.hb-tree-select__tree,\n.hb-tree-select__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hb-tree-select__node {\n  list-style: none;\n  white-space: nowrap;\n}\n\n.hb-tree-select__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);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__node-content:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-tree-select__node-content--selected {\n  background-color: var(--hb-color-primary-bg);\n  color: var(--hb-color-primary);\n  font-weight: 500;\n}\n\n.hb-tree-select__node-content--checked {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-tree-select__node--disabled > .hb-tree-select__node-content {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree-select__node--disabled > .hb-tree-select__node-content:hover {\n  background-color: transparent;\n}\n\n.hb-tree-select__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-select__arrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  color: var(--hb-color-text-tertiary);\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__arrow svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-tree-select__arrow--expanded {\n  transform: rotate(90deg);\n}\n\n.hb-tree-select__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  flex-shrink: 0;\n  transition: all var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__checkbox svg {\n  width: 12px;\n  height: 12px;\n}\n\n.hb-tree-select__checkbox-dash {\n  display: block;\n  width: 10px;\n  height: 2px;\n  background-color: #fff;\n  border-radius: 1px;\n}\n\n.hb-tree-select__checkbox:hover:not(.hb-tree-select__checkbox--disabled) {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree-select__checkbox--checked,\n.hb-tree-select__checkbox--indeterminate {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree-select__checkbox--disabled {\n  cursor: not-allowed;\n}\n\n.hb-tree-select__title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport type { TreeNode } from '../Tree/Tree';\n\n/**\n * TreeSelect 树形选择器\n * 类似 Select，但下拉选项以树形结构展示，支持单选与多选\n */\n@Component({\n  tag: 'hb-tree-select',\n  styleUrl: 'tree-select.css',\n  shadow: true,\n})\nexport class TreeSelect {\n  @Element() el: HTMLElement;\n\n  /**\n   * 可选项数据源（与 Tree 相同的递归树结构）\n   */\n  @Prop() data: TreeNode[] = [];\n\n  /**\n   * （受控）绑定值，单选为 string，多选为 string[]\n   */\n  @Prop({ mutable: true }) modelValue: string | string[] = '';\n\n  /**\n   * 是否多选\n   * @default false\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * 占位文本\n   * @default '请选择'\n   */\n  @Prop() placeholder: string = '请选择';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否显示 checkbox（多选模式下推荐开启）\n   * @default false\n   */\n  @Prop() checkable: boolean = false;\n\n  /**\n   * 是否默认展开全部节点\n   * @default false\n   */\n  @Prop() defaultExpandAll: boolean = false;\n\n  @State() isOpen: boolean = false;\n  @State() internalExpanded: string[] = [];\n  @State() internalSelected: string[] = [];\n  @State() internalChecked: string[] = [];\n\n  /**\n   * 值变化事件（单选为 string，多选为 string[]）\n   */\n  @Event() hbChange: EventEmitter<string | string[]>;\n\n  /**\n   * 下拉浮层显隐变化事件\n   */\n  @Event() hbVisibleChange: EventEmitter<boolean>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => this.closeDropdown(),\n  });\n\n  componentWillLoad() {\n    this.syncFromModelValue();\n    if (this.defaultExpandAll) {\n      const all: string[] = [];\n      this.collectExpandableKeys(this.data, all);\n      this.internalExpanded = all;\n    }\n  }\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => this.closeDropdown(),\n    });\n    this.clickOutside.connect();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  private syncFromModelValue() {\n    if (this.multiple) {\n      const arr = Array.isArray(this.modelValue) ? this.modelValue : [];\n      this.internalSelected = [...arr];\n      this.internalChecked = [...arr];\n    } else {\n      const single = typeof this.modelValue === 'string' ? this.modelValue : '';\n      this.internalSelected = single ? [single] : [];\n      this.internalChecked = single ? [single] : [];\n    }\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 findTitle(nodes: TreeNode[], key: string): string | null {\n    for (const node of nodes) {\n      if (node.key === key) return node.title;\n      if (node.children) {\n        const found = this.findTitle(node.children, key);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  private getDisplayText(): string {\n    if (this.multiple) {\n      const arr = Array.isArray(this.modelValue) ? this.modelValue : [];\n      if (arr.length === 0) return '';\n      const titles = arr.map((k) => this.findTitle(this.data, k) || k);\n      return titles.join(' / ');\n    }\n    const single = typeof this.modelValue === 'string' ? this.modelValue : '';\n    return single ? this.findTitle(this.data, single) || single : '';\n  }\n\n  private openDropdown = () => {\n    if (this.disabled || this.isOpen) return;\n    this.isOpen = true;\n    this.hbVisibleChange.emit(true);\n  };\n\n  private closeDropdown = () => {\n    if (!this.isOpen) return;\n    this.isOpen = false;\n    this.hbVisibleChange.emit(false);\n  };\n\n  private toggleDropdown = () => {\n    if (this.disabled) return;\n    if (this.isOpen) this.closeDropdown();\n    else this.openDropdown();\n  };\n\n  private handleNodeSelect = (key: string) => {\n    if (this.multiple) {\n      const current = [...this.internalSelected];\n      const idx = current.indexOf(key);\n      if (idx >= 0) current.splice(idx, 1);\n      else current.push(key);\n      this.internalSelected = current;\n      this.modelValue = current;\n      this.hbChange.emit(current);\n    } else {\n      this.internalSelected = [key];\n      this.modelValue = key;\n      this.hbChange.emit(key);\n      this.closeDropdown();\n    }\n  };\n\n  private handleNodeCheck = (node: TreeNode) => {\n    // 父子联动（对齐 Tree 组件算法）：勾选/取消自身 + 级联后代 + 自底向上修正祖先\n    const next = new Set(this.internalChecked);\n    const wasChecked = next.has(node.key);\n    if (wasChecked) {\n      this.removeDescendantKeys(node, next);\n      next.delete(node.key);\n    } else {\n      next.add(node.key);\n      this.collectCheckableDescendantKeys(node, next);\n    }\n    this.reconcileAncestors(node, next);\n    const result = Array.from(next);\n    this.internalChecked = result;\n    this.modelValue = result;\n    this.hbChange.emit(result);\n  };\n\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  private collectCheckableDescendantKeys(node: TreeNode, out: Set<string>) {\n    if (!node.children) return;\n    for (const child of node.children) {\n      if (!child.disabled) out.add(child.key);\n      this.collectCheckableDescendantKeys(child, out);\n    }\n  }\n\n  /** 自底向上修正祖先：所有非禁用子节点全选 → 父勾选；否则移出（部分选体现为 indeterminate） */\n  private reconcileAncestors(node: TreeNode, next: Set<string>) {\n    const parents = this.findAncestors(this.data, node.key, []);\n    for (const parent of parents) {\n      if (parent.disabled || !parent.children || parent.children.length === 0) continue;\n      const checkable = parent.children.filter(c => !c.disabled);\n      if (checkable.length === 0) continue;\n      if (checkable.every(c => next.has(c.key))) next.add(parent.key);\n      else next.delete(parent.key);\n    }\n  }\n\n  private findAncestors(nodes: TreeNode[], key: string, acc: TreeNode[]): TreeNode[] | null {\n    for (const node of nodes) {\n      if (node.key === key) return acc;\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  /** 计算当前 checked 集合下处于「部分选中」的节点（用于三方态渲染） */\n  private computeIndeterminateKeys(): Set<string> {\n    const result = new Set<string>();\n    const checked = new Set(this.internalChecked);\n    const walk = (node: TreeNode): boolean => {\n      if (!node.children || node.children.length === 0) return false;\n      let hasChecked = false;\n      for (const child of node.children) {\n        if (walk(child)) hasChecked = true;\n        if (checked.has(child.key)) hasChecked = true;\n      }\n      if (hasChecked && !checked.has(node.key)) result.add(node.key);\n      return hasChecked;\n    };\n    for (const root of this.data) walk(root);\n    return result;\n  }\n\n  private handleToggleExpand = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    const current = [...this.internalExpanded];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) current.splice(idx, 1);\n    else current.push(node.key);\n    this.internalExpanded = current;\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    if (this.disabled) return;\n    this.internalSelected = [];\n    this.internalChecked = [];\n    this.modelValue = this.multiple ? [] : '';\n    this.hbChange.emit(this.modelValue);\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.internalExpanded.includes(node.key);\n    const selected = this.internalSelected.includes(node.key);\n    const checked = this.internalChecked.includes(node.key);\n    const indeterminate = indeterminateKeys.has(node.key);\n    const disabled = !!node.disabled;\n\n    return (\n      <li class={{ 'hb-tree-select__node': true, 'hb-tree-select__node--disabled': disabled }} role=\"treeitem\">\n        <div\n          class={{\n            'hb-tree-select__node-content': true,\n            'hb-tree-select__node-content--selected': selected,\n            'hb-tree-select__node-content--checked': checked,\n          }}\n          style={{ paddingLeft: `${level * 18 + 8}px` }}\n        >\n          <span class=\"hb-tree-select__switcher\" onClick={(e) => hasChildren && this.handleToggleExpand(node, e)}>\n            {hasChildren ? (\n              <span class={{ 'hb-tree-select__arrow': true, 'hb-tree-select__arrow--expanded': expanded }} aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M9 6l6 6-6 6\" />\n                </svg>\n              </span>\n            ) : null}\n          </span>\n\n          {this.checkable && (\n            <span\n              class={{\n                'hb-tree-select__checkbox': true,\n                'hb-tree-select__checkbox--checked': checked,\n                'hb-tree-select__checkbox--indeterminate': indeterminate,\n                'hb-tree-select__checkbox--disabled': disabled,\n              }}\n              role=\"checkbox\"\n              aria-checked={indeterminate ? 'mixed' : checked ? 'true' : 'false'}\n              onClick={() => !disabled && this.handleNodeCheck(node)}\n            >\n              {checked ? (\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={3} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12l5 5L20 7\" />\n                </svg>\n              ) : indeterminate ? (\n                <span class=\"hb-tree-select__checkbox-dash\" />\n              ) : null}\n            </span>\n          )}\n\n          <span class=\"hb-tree-select__title\" onClick={() => !disabled && this.handleNodeSelect(node.key)}>\n            {node.title}\n          </span>\n        </div>\n\n        {hasChildren && expanded && (\n          <ul class=\"hb-tree-select__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 displayText = this.getDisplayText();\n    const hasValue = this.multiple\n      ? Array.isArray(this.modelValue) && this.modelValue.length > 0\n      : typeof this.modelValue === 'string' && this.modelValue !== '';\n    const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set<string>();\n\n    return (\n      <div\n        class={{\n          'hb-tree-select': true,\n          'hb-tree-select--open': this.isOpen,\n          'hb-tree-select--disabled': this.disabled,\n          'hb-tree-select--multiple': this.multiple,\n        }}\n      >\n        <div class=\"hb-tree-select__input-wrapper\" onClick={this.toggleDropdown}>\n          <span\n            class={{\n              'hb-tree-select__display': true,\n              'hb-tree-select__display--placeholder': !hasValue,\n            }}\n          >\n            {hasValue ? displayText : this.placeholder}\n          </span>\n          <span class=\"hb-tree-select__suffix\">\n            {hasValue && (\n              <span class=\"hb-tree-select__clear\" onClick={this.handleClear} role=\"button\" aria-label=\"清空\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M6 6l12 12M18 6L6 18\" />\n                </svg>\n              </span>\n            )}\n            <span class={{ 'hb-tree-select__arrow-icon': true, 'hb-tree-select__arrow-icon--open': this.isOpen }} aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M6 9l6 6 6-6\" />\n              </svg>\n            </span>\n          </span>\n        </div>\n\n        {this.isOpen && (\n          <div class=\"hb-tree-select__dropdown\">\n            {this.data.length === 0 ? (\n              <div class=\"hb-tree-select__empty\">暂无数据</div>\n            ) : (\n              <ul class=\"hb-tree-select__tree\" role=\"tree\">\n                {this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))}\n              </ul>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-tree-select.entry.js","mappings":"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","names":[],"sources":["src/components/TreeSelect/tree-select.css?tag=hb-tree-select&encapsulation=shadow","src/components/TreeSelect/TreeSelect.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tree-select {\n  position: relative;\n  width: 100%;\n  font-size: var(--hb-font-size-base);\n  color: var(--hb-color-text);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__input-wrapper {\n  display: flex;\n  align-items: center;\n  height: var(--hb-size-default, 32px);\n  padding: 0 var(--hb-spacing-sm);\n  border: 1px solid var(--hb-input-border-color, var(--hb-color-border));\n  border-radius: var(--hb-input-radius, var(--hb-border-radius-sm));\n  background-color: var(--hb-color-bg-container);\n  cursor: pointer;\n  transition: border-color var(--hb-transition-duration, 0.2s);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__input-wrapper:hover {\n  border-color: var(--hb-input-hover-border-color, var(--hb-color-primary));\n}\n\n.hb-tree-select--open .hb-tree-select__input-wrapper {\n  border-color: var(--hb-input-focus-border-color, var(--hb-color-primary));\n}\n\n.hb-tree-select--disabled .hb-tree-select__input-wrapper {\n  background-color: var(--hb-color-fill-tertiary);\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.hb-tree-select__display {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.hb-tree-select__display--placeholder {\n  color: var(--hb-input-placeholder-color, var(--hb-color-text-placeholder));\n}\n\n.hb-tree-select__suffix {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  color: var(--hb-color-text-tertiary);\n}\n\n.hb-tree-select__clear {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  color: var(--hb-color-text-tertiary);\n  background-color: var(--hb-color-fill);\n  cursor: pointer;\n}\n\n.hb-tree-select__clear svg {\n  width: 10px;\n  height: 10px;\n}\n\n.hb-tree-select__clear:hover {\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-tree-select__arrow-icon {\n  display: inline-flex;\n  align-items: center;\n  width: 12px;\n  height: 12px;\n  color: var(--hb-color-text-tertiary);\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__arrow-icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-tree-select__arrow-icon--open {\n  transform: rotate(180deg);\n}\n\n.hb-tree-select__dropdown {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  width: 100%;\n  max-height: 280px;\n  overflow-y: auto;\n  padding: var(--hb-spacing-xxs);\n  background-color: var(--hb-color-bg-elevated);\n  border: 1px solid var(--hb-color-border-secondary);\n  border-radius: var(--hb-border-radius-sm);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);\n  box-sizing: border-box;\n  z-index: 1050;\n}\n\n.hb-tree-select__empty {\n  padding: var(--hb-spacing-md);\n  text-align: center;\n  color: var(--hb-color-text-tertiary);\n  font-size: var(--hb-font-size-sm);\n}\n\n.hb-tree-select__tree,\n.hb-tree-select__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.hb-tree-select__node {\n  list-style: none;\n  white-space: nowrap;\n}\n\n.hb-tree-select__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);\n  box-sizing: border-box;\n}\n\n.hb-tree-select__node-content:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-tree-select__node-content--selected {\n  background-color: var(--hb-color-primary-bg);\n  color: var(--hb-color-primary);\n  font-weight: 500;\n}\n\n.hb-tree-select__node-content--checked {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-tree-select__node--disabled > .hb-tree-select__node-content {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.hb-tree-select__node--disabled > .hb-tree-select__node-content:hover {\n  background-color: transparent;\n}\n\n.hb-tree-select__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-select__arrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  color: var(--hb-color-text-tertiary);\n  transition: transform var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__arrow svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-tree-select__arrow--expanded {\n  transform: rotate(90deg);\n}\n\n.hb-tree-select__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  flex-shrink: 0;\n  transition: all var(--hb-transition-duration, 0.2s);\n}\n\n.hb-tree-select__checkbox svg {\n  width: 12px;\n  height: 12px;\n}\n\n.hb-tree-select__checkbox-dash {\n  display: block;\n  width: 10px;\n  height: 2px;\n  background-color: #fff;\n  border-radius: 1px;\n}\n\n.hb-tree-select__checkbox:hover:not(.hb-tree-select__checkbox--disabled) {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree-select__checkbox--checked,\n.hb-tree-select__checkbox--indeterminate {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-tree-select__checkbox--disabled {\n  cursor: not-allowed;\n}\n\n.hb-tree-select__title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { activationClickHandler } from '../../utils/a11y';\nimport type { TreeNode } from '../Tree/Tree';\n\n/**\n * TreeSelect 树形选择器\n * 类似 Select，但下拉选项以树形结构展示，支持单选与多选\n */\n@Component({\n  tag: 'hb-tree-select',\n  styleUrl: 'tree-select.css',\n  shadow: true,\n})\nexport class TreeSelect {\n  @Element() el: HTMLElement;\n\n  /**\n   * 可选项数据源（与 Tree 相同的递归树结构）\n   */\n  @Prop() data: TreeNode[] = [];\n\n  /**\n   * （受控）绑定值，单选为 string，多选为 string[]\n   */\n  @Prop({ mutable: true }) modelValue: string | string[] = '';\n\n  /**\n   * 是否多选\n   * @default false\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * 占位文本\n   * @default '请选择'\n   */\n  @Prop() placeholder: string = '请选择';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否显示 checkbox（多选模式下推荐开启）\n   * @default false\n   */\n  @Prop() checkable: boolean = false;\n\n  /**\n   * 是否默认展开全部节点\n   * @default false\n   */\n  @Prop() defaultExpandAll: boolean = false;\n\n  @State() isOpen: boolean = false;\n  @State() internalExpanded: string[] = [];\n  @State() internalSelected: string[] = [];\n  @State() internalChecked: string[] = [];\n  /** 键盘焦点节点 key（A2：roving tabindex，与选中态解耦） */\n  @State() focusKey: string | null = null;\n\n  /**\n   * 值变化事件（单选为 string，多选为 string[]）\n   */\n  @Event() hbChange: EventEmitter<string | string[]>;\n\n  /**\n   * 下拉浮层显隐变化事件\n   */\n  @Event() hbVisibleChange: EventEmitter<boolean>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => this.closeDropdown(),\n  });\n\n  componentWillLoad() {\n    this.syncFromModelValue();\n    if (this.defaultExpandAll) {\n      const all: string[] = [];\n      this.collectExpandableKeys(this.data, all);\n      this.internalExpanded = all;\n    }\n  }\n\n  /**\n   * 受控同步：父组件后续修改 modelValue 时，重算 internalSelected/internalChecked。\n   * 修复 B4——修复前仅 componentWillLoad 同步一次，受控改值后选中/勾选状态不更新。\n   */\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.syncFromModelValue();\n  }\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => this.closeDropdown(),\n    });\n    this.clickOutside.connect();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  private syncFromModelValue() {\n    if (this.multiple) {\n      const arr = Array.isArray(this.modelValue) ? this.modelValue : [];\n      this.internalSelected = [...arr];\n      this.internalChecked = [...arr];\n    } else {\n      const single = typeof this.modelValue === 'string' ? this.modelValue : '';\n      this.internalSelected = single ? [single] : [];\n      this.internalChecked = single ? [single] : [];\n    }\n  }\n\n  /**\n   * 构建当前可见节点的扁平列表（仅含已展开父节点的后代），用于键盘线性导航（A2）。\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.internalExpanded.includes(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   * ↑↓ 线性移动、→ 展开/进子、← 折叠/回父、Enter/Space 选中、Home/End 跳首尾。\n   * 焦点（focusKey）与选中态（internalSelected/internalChecked）解耦。\n   */\n  private handleTreeKeydown = (e: KeyboardEvent) => {\n    const flat = this.getFlattenedVisibleNodes();\n    if (flat.length === 0) return;\n\n    let focusKey: string | null = this.focusKey;\n    if (!focusKey && this.internalSelected.length > 0) focusKey = this.internalSelected[this.internalSelected.length - 1];\n    let focusIdx = focusKey ? flat.findIndex(x => x.node.key === focusKey) : -1;\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    const current = flat[focusIdx];\n    const isLeaf = !(current.node.children && current.node.children.length > 0);\n    const expanded = !isLeaf && this.internalExpanded.includes(current.node.key);\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        this.focusKey = flat[enabledFlatIndices[(posInEnabled + 1) % enabledFlatIndices.length]].node.key;\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const n = enabledFlatIndices.length;\n        this.focusKey = flat[enabledFlatIndices[(posInEnabled - 1 + n) % n]].node.key;\n        break;\n      }\n      case 'ArrowRight': {\n        e.preventDefault();\n        if (isLeaf) return;\n        if (!expanded) {\n          this.handleToggleExpand(current.node, { stopPropagation: () => {} } as unknown as Event);\n        } else {\n          const firstChildIdx = flat.findIndex((x, i) => i > focusIdx && x.parentKey === current.node.key && !x.node.disabled);\n          if (firstChildIdx >= 0) this.focusKey = flat[firstChildIdx].node.key;\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        e.preventDefault();\n        if (!isLeaf && expanded) {\n          this.handleToggleExpand(current.node, { stopPropagation: () => {} } as unknown as Event);\n        } else if (current.parentKey && !flat.find(x => x.node.key === current.parentKey)!.node.disabled) {\n          this.focusKey = current.parentKey;\n        }\n        break;\n      }\n      case 'Home':\n        e.preventDefault();\n        this.focusKey = flat[enabledFlatIndices[0]].node.key;\n        break;\n      case 'End':\n        e.preventDefault();\n        this.focusKey = flat[enabledFlatIndices[enabledFlatIndices.length - 1]].node.key;\n        break;\n      case 'Enter':\n      case ' ':\n      case 'Spacebar': {\n        e.preventDefault();\n        if (this.checkable) this.handleNodeCheck(current.node);\n        else this.handleNodeSelect(current.node.key);\n        break;\n      }\n      default:\n        return;\n    }\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 findTitle(nodes: TreeNode[], key: string): string | null {\n    for (const node of nodes) {\n      if (node.key === key) return node.title;\n      if (node.children) {\n        const found = this.findTitle(node.children, key);\n        if (found) return found;\n      }\n    }\n    return null;\n  }\n\n  private getDisplayText(): string {\n    if (this.multiple) {\n      const arr = Array.isArray(this.modelValue) ? this.modelValue : [];\n      if (arr.length === 0) return '';\n      const titles = arr.map(k => this.findTitle(this.data, k) || k);\n      return titles.join(' / ');\n    }\n    const single = typeof this.modelValue === 'string' ? this.modelValue : '';\n    return single ? this.findTitle(this.data, single) || single : '';\n  }\n\n  private openDropdown = () => {\n    if (this.disabled || this.isOpen) return;\n    this.isOpen = true;\n    this.hbVisibleChange.emit(true);\n  };\n\n  private closeDropdown = () => {\n    if (!this.isOpen) return;\n    this.isOpen = false;\n    this.hbVisibleChange.emit(false);\n  };\n\n  private toggleDropdown = () => {\n    if (this.disabled) return;\n    if (this.isOpen) this.closeDropdown();\n    else this.openDropdown();\n  };\n\n  private handleNodeSelect = (key: string) => {\n    if (this.multiple) {\n      const current = [...this.internalSelected];\n      const idx = current.indexOf(key);\n      if (idx >= 0) current.splice(idx, 1);\n      else current.push(key);\n      this.internalSelected = current;\n      this.modelValue = current;\n      this.hbChange.emit(current);\n    } else {\n      this.internalSelected = [key];\n      this.modelValue = key;\n      this.hbChange.emit(key);\n      this.closeDropdown();\n    }\n  };\n\n  private handleNodeCheck = (node: TreeNode) => {\n    // 父子联动（对齐 Tree 组件算法）：勾选/取消自身 + 级联后代 + 自底向上修正祖先\n    const next = new Set(this.internalChecked);\n    const wasChecked = next.has(node.key);\n    if (wasChecked) {\n      this.removeDescendantKeys(node, next);\n      next.delete(node.key);\n    } else {\n      next.add(node.key);\n      this.collectCheckableDescendantKeys(node, next);\n    }\n    this.reconcileAncestors(node, next);\n    const result = Array.from(next);\n    this.internalChecked = result;\n    this.modelValue = result;\n    this.hbChange.emit(result);\n  };\n\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  private collectCheckableDescendantKeys(node: TreeNode, out: Set<string>) {\n    if (!node.children) return;\n    for (const child of node.children) {\n      if (!child.disabled) out.add(child.key);\n      this.collectCheckableDescendantKeys(child, out);\n    }\n  }\n\n  /** 自底向上修正祖先：所有非禁用子节点全选 → 父勾选；否则移出（部分选体现为 indeterminate） */\n  private reconcileAncestors(node: TreeNode, next: Set<string>) {\n    const parents = this.findAncestors(this.data, node.key, []);\n    for (const parent of parents) {\n      if (parent.disabled || !parent.children || parent.children.length === 0) continue;\n      const checkable = parent.children.filter(c => !c.disabled);\n      if (checkable.length === 0) continue;\n      if (checkable.every(c => next.has(c.key))) next.add(parent.key);\n      else next.delete(parent.key);\n    }\n  }\n\n  private findAncestors(nodes: TreeNode[], key: string, acc: TreeNode[]): TreeNode[] | null {\n    for (const node of nodes) {\n      if (node.key === key) return acc;\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  /** 计算当前 checked 集合下处于「部分选中」的节点（用于三方态渲染） */\n  private computeIndeterminateKeys(): Set<string> {\n    const result = new Set<string>();\n    const checked = new Set(this.internalChecked);\n    const walk = (node: TreeNode): boolean => {\n      if (!node.children || node.children.length === 0) return false;\n      let hasChecked = false;\n      for (const child of node.children) {\n        if (walk(child)) hasChecked = true;\n        if (checked.has(child.key)) hasChecked = true;\n      }\n      if (hasChecked && !checked.has(node.key)) result.add(node.key);\n      return hasChecked;\n    };\n    for (const root of this.data) walk(root);\n    return result;\n  }\n\n  private handleToggleExpand = (node: TreeNode, e: Event) => {\n    e.stopPropagation();\n    const current = [...this.internalExpanded];\n    const idx = current.indexOf(node.key);\n    if (idx >= 0) current.splice(idx, 1);\n    else current.push(node.key);\n    this.internalExpanded = current;\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    if (this.disabled) return;\n    this.internalSelected = [];\n    this.internalChecked = [];\n    this.modelValue = this.multiple ? [] : '';\n    this.hbChange.emit(this.modelValue);\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.internalExpanded.includes(node.key);\n    const selected = this.internalSelected.includes(node.key);\n    const checked = this.internalChecked.includes(node.key);\n    const indeterminate = indeterminateKeys.has(node.key);\n    const disabled = !!node.disabled;\n    // A2：roving tabindex 跟随 focusKey；无键盘焦点时回退到选中项\n    const fallbackFocus = this.internalSelected.length > 0 ? this.internalSelected[this.internalSelected.length - 1] : null;\n    const effectiveFocus = this.focusKey ?? fallbackFocus;\n    const isFocused = effectiveFocus === node.key;\n\n    return (\n      <li\n        class={{ 'hb-tree-select__node': true, 'hb-tree-select__node--disabled': disabled }}\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-disabled={disabled ? 'true' : undefined}\n        tabindex={isFocused ? 0 : -1}\n      >\n        <div\n          class={{\n            'hb-tree-select__node-content': true,\n            'hb-tree-select__node-content--selected': selected,\n            'hb-tree-select__node-content--checked': checked,\n          }}\n          style={{ paddingLeft: `${level * 18 + 8}px` }}\n        >\n          <span class=\"hb-tree-select__switcher\" onClick={e => hasChildren && this.handleToggleExpand(node, e)}>\n            {hasChildren ? (\n              <span class={{ 'hb-tree-select__arrow': true, 'hb-tree-select__arrow--expanded': expanded }} aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M9 6l6 6-6 6\" />\n                </svg>\n              </span>\n            ) : null}\n          </span>\n\n          {this.checkable && (\n            <span\n              class={{\n                'hb-tree-select__checkbox': true,\n                'hb-tree-select__checkbox--checked': checked,\n                'hb-tree-select__checkbox--indeterminate': indeterminate,\n                'hb-tree-select__checkbox--disabled': disabled,\n              }}\n              role=\"checkbox\"\n              aria-checked={indeterminate ? 'mixed' : checked ? 'true' : 'false'}\n              onClick={() => !disabled && this.handleNodeCheck(node)}\n            >\n              {checked ? (\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={3} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M5 12l5 5L20 7\" />\n                </svg>\n              ) : indeterminate ? (\n                <span class=\"hb-tree-select__checkbox-dash\" />\n              ) : null}\n            </span>\n          )}\n\n          <span class=\"hb-tree-select__title\" onClick={() => !disabled && this.handleNodeSelect(node.key)}>\n            {node.title}\n          </span>\n        </div>\n\n        {hasChildren && expanded && (\n          <ul class=\"hb-tree-select__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 displayText = this.getDisplayText();\n    const hasValue = this.multiple ? Array.isArray(this.modelValue) && this.modelValue.length > 0 : typeof this.modelValue === 'string' && this.modelValue !== '';\n    const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set<string>();\n\n    return (\n      <div\n        class={{\n          'hb-tree-select': true,\n          'hb-tree-select--open': this.isOpen,\n          'hb-tree-select--disabled': this.disabled,\n          'hb-tree-select--multiple': this.multiple,\n        }}\n      >\n        <div class=\"hb-tree-select__input-wrapper\" onClick={this.toggleDropdown}>\n          <span\n            class={{\n              'hb-tree-select__display': true,\n              'hb-tree-select__display--placeholder': !hasValue,\n            }}\n          >\n            {hasValue ? displayText : this.placeholder}\n          </span>\n          <span class=\"hb-tree-select__suffix\">\n            {hasValue && (\n              <span class=\"hb-tree-select__clear\" onClick={this.handleClear} role=\"button\" aria-label=\"清空\" tabIndex={0} onKeyDown={activationClickHandler}>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M6 6l12 12M18 6L6 18\" />\n                </svg>\n              </span>\n            )}\n            <span class={{ 'hb-tree-select__arrow-icon': true, 'hb-tree-select__arrow-icon--open': this.isOpen }} aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M6 9l6 6 6-6\" />\n              </svg>\n            </span>\n          </span>\n        </div>\n\n        {this.isOpen && (\n          <div class=\"hb-tree-select__dropdown\">\n            {this.data.length === 0 ? (\n              <div class=\"hb-tree-select__empty\">暂无数据</div>\n            ) : (\n              <ul class=\"hb-tree-select__tree\" role=\"tree\" tabindex={-1} onKeyDown={this.handleTreeKeydown}>\n                {this.data.map(node => this.renderNode(node, 0, indeterminateKeys))}\n              </ul>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/hb-tree.entry.js

@@ -45,6 +45,12 @@ const Tree = class {
     internalExpanded = null;
     internalSelected = null;
     internalChecked = null;
+    /**
+     * 键盘焦点节点 key（与 selectedKeys 解耦）。
+     * A2：roving tabindex 跟随 focusKey，而非 selectedKeys——否则键盘移动焦点会误改选中态。
+     * 默认指向 selectedKeys 末位（首次 Tab 进入时落在选中项）。
+     */
+    focusKey = null;
     /**
      * 选中节点变化事件（detail: 选中节点 key 数组）
      */
@@ -206,10 +212,10 @@ const Tree = class {
         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);
             }
@@ -265,6 +271,134 @@ const Tree = class {
         }
         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);
@@ -272,28 +406,27 @@ const Tree = class {
         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: 'df5e7db490f2799102049a16b1ed63f944a9fe27', 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"],

package/dist/esm/hb-tree.entry.js.map

@@ -1 +1 @@
-{"file":"hb-tree.entry.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.entry.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/esm/hb-watermark.entry.js

@@ -22,30 +22,38 @@ const Watermark = class {
     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: 'f87f4534f042780b2d9845d2433aaca2089dd123', class: "hb-watermark" }, h("div", { key: '15da20909c1eff4f2d2aa2d582e3e575e38839df', class: "hb-watermark__content" }, h("slot", { key: '44db3f4ae92cd8f19ddfb4fbd79962fc71dad1d6' })), h("div", { key: '15c1b61915ab1e6429503f19e93cc7631221a03a', 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" })));
     }
 };
 Watermark.style = HbWatermarkStyle0;

package/dist/esm/hb-watermark.entry.js.map

@@ -1 +1 @@
-{"file":"hb-watermark.entry.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.entry.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}