huibo-ui 0.3.0 → 0.5.0

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

@@ -1 +1 @@
-{"file":"hb-table.js","mappings":"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","names":[],"sources":["src/components/Table/table.css?tag=hb-table&encapsulation=shadow","src/components/Table/Table.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-table {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--hb-border-radius-base);\n  background-color: var(--hb-color-bg);\n}\n\n.hb-table--border {\n  border: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table--border .hb-table__td,\n.hb-table--border .hb-table__table th {\n  border-right: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table__wrapper {\n  overflow-x: auto;\n}\n\n.hb-table__table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  table-layout: auto;\n}\n\n.hb-table__table th {\n  background-color: var(--hb-table-header-bg);\n  color: var(--hb-table-header-color);\n  font-weight: 600;\n  font-size: var(--hb-font-size-sm);\n  padding: 10px 12px;\n  text-align: left;\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n  white-space: nowrap;\n  user-select: none;\n}\n\n.hb-table__th-content {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.hb-table__th--sortable {\n  cursor: pointer;\n}\n\n.hb-table__th--sortable:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-table__sort {\n  display: inline-flex;\n  flex-direction: column;\n  line-height: 1;\n  font-size: 10px;\n  gap: 1px;\n}\n\n.hb-table__sort-icon {\n  color: var(--hb-color-text-quaternary);\n  transition: color var(--hb-transition-duration);\n}\n\n.hb-table__sort-icon--active {\n  color: var(--hb-color-primary);\n}\n\n.hb-table__td {\n  padding: 10px 12px;\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  border-bottom: 1px solid var(--hb-table-border-color);\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-table__row:hover .hb-table__td {\n  background-color: var(--hb-table-row-hover-bg);\n}\n\n.hb-table__row--striped .hb-table__td {\n  background-color: var(--hb-table-stripe-bg);\n}\n\n.hb-table__row--current .hb-table__td {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-table__empty {\n  text-align: center;\n  color: var(--hb-color-text-secondary);\n  padding: var(--hb-spacing-xl) 0;\n}\n\n.hb-table__loading {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(255, 255, 255, 0.7);\n  z-index: 1;\n}\n\n.hb-table__loading-spinner {\n  width: 32px;\n  height: 32px;\n  border: 3px solid var(--hb-color-border-secondary);\n  border-top-color: var(--hb-color-primary);\n  border-radius: 50%;\n  animation: hb-spin 0.8s linear infinite;\n}\n\n/* ---- 尺寸 ---- */\n.hb-table--small .hb-table__table th,\n.hb-table--small .hb-table__td {\n  padding: 6px 8px;\n  font-size: var(--hb-font-size-xs);\n}\n\n.hb-table--large .hb-table__table th,\n.hb-table--large .hb-table__td {\n  padding: 14px 16px;\n  font-size: var(--hb-font-size-base);\n}\n\n/* ---- 行选择 ---- */\n.hb-table__selection {\n  width: 48px;\n  min-width: 48px;\n  text-align: center;\n  white-space: nowrap;\n}\n.hb-table__checkbox {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n  accent-color: var(--hb-color-primary);\n  vertical-align: middle;\n}\n.hb-table__selection .hb-table__checkbox {\n  margin: 0;\n}\n.hb-table__row--selected .hb-table__td {\n  background-color: var(--hb-color-primary-bg);\n}\n\n/* ---- 固定列（sticky） ---- */\n/* 固定列单元格需要不透明背景，避免横向滚动时底层内容透出 */\n.hb-table__cell--fixed-left,\n.hb-table__cell--fixed-right {\n  position: sticky;\n  z-index: 2;\n  background-color: var(--hb-color-bg);\n}\n.hb-table__table th.hb-table__cell--fixed-left,\n.hb-table__table th.hb-table__cell--fixed-right {\n  background-color: var(--hb-table-header-bg);\n}\n.hb-table__cell--fixed-right {\n  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);\n}\n.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right) {\n  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.06);\n}\n/* 固定列在选中行需保持选中背景 */\n.hb-table__row--selected .hb-table__cell--fixed-left,\n.hb-table__row--selected .hb-table__cell--fixed-right {\n  background-color: var(--hb-color-primary-bg);\n}\n.hb-table__row:hover .hb-table__cell--fixed-left,\n.hb-table__row:hover .hb-table__cell--fixed-right {\n  background-color: var(--hb-table-row-hover-bg);\n}\n\n@keyframes hb-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n/* 行操作按钮（link 风格，类 Ant Design） */\n.hb-table__action {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  font-size: var(--hb-font-size-sm, 14px);\n  line-height: 1.5;\n  color: var(--hb-color-primary, #1677ff);\n  transition: opacity var(--hb-transition-duration, 0.2s);\n}\n.hb-table__action:hover {\n  opacity: 0.8;\n}\n.hb-table__action:disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n.hb-table__action--danger {\n  color: var(--hb-color-danger, #f5222d);\n}\n.hb-table__action--danger:disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n}\n.hb-table__action + .hb-table__action {\n  margin-left: var(--hb-spacing-sm, 12px);\n}\n\n/* ---- 虚拟滚动 ---- */\n.hb-table--virtual {\n  overflow: hidden;\n}\n.hb-table__virtual-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n.hb-table__virtual-viewport {\n  overflow-y: auto;\n  overflow-x: auto;\n  position: relative;\n}\n.hb-table__virtual-spacer {\n  position: relative;\n  width: 100%;\n}\n.hb-table__table--virtual {\n  width: 100%;\n  table-layout: fixed;\n}\n.hb-table__table--virtual tbody {\n  /* 可见窗口的行紧跟在 offset 占位行之后，撑高容器由 spacer 负责 */\n  position: relative;\n}\n\n/* ---- 树形数据（可展开行） ---- */\n.hb-table__expand {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  margin-right: 4px;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--hb-color-text-secondary, #595959);\n  font-size: 10px;\n  line-height: 1;\n  vertical-align: middle;\n  transition: color var(--hb-transition-duration, 0.2s);\n  flex-shrink: 0;\n}\n.hb-table__expand:hover {\n  color: var(--hb-color-primary, #1677ff);\n}\n.hb-table__row--tree .hb-table__td {\n  /* 树形行第一列内容随缩进对齐 */\n  white-space: nowrap;\n}\n\n/* ---- 行内编辑 ---- */\n.hb-table__cell--editable {\n  cursor: text;\n}\n.hb-table__cell--editable:hover {\n  background-color: var(--hb-color-fill-tertiary, #f5f5f5);\n}\n.hb-table__edit-input {\n  width: 100%;\n  min-width: 60px;\n  box-sizing: border-box;\n  padding: 2px 6px;\n  font-size: var(--hb-font-size-sm, 14px);\n  color: var(--hb-color-text, #262626);\n  border: 1px solid var(--hb-color-primary, #1677ff);\n  border-radius: var(--hb-border-radius-base, 4px);\n  outline: none;\n  background-color: var(--hb-color-bg, #fff);\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TableColumn {\n  /** 列字段名 */\n  prop: string;\n  /** 列标题 */\n  label: string;\n  /** 列宽 */\n  width?: string;\n  /** 最小列宽 */\n  minWidth?: string;\n  /** 是否可排序 */\n  sortable?: boolean;\n  /** 对齐方式 */\n  align?: 'left' | 'center' | 'right';\n  /** 固定列：left / right / true（等同 left） */\n  fixed?: 'left' | 'right' | boolean;\n  /** 单元格文本格式化（框架无关，返回纯文本字符串） */\n  formatter?: (row: Record<string, any>, index: number) => string;\n  /** 该列是否可（行内）编辑；需同时开启 Table.editable 才生效 */\n  editable?: boolean;\n}\n\n/**\n * 行操作按钮配置（框架无关）。\n * 由 Table 自身渲染按钮（在 shadow DOM 内），点击派发 hbAction 事件，\n * 消费方据此执行编辑/删除等逻辑——无需往每行塞框架专属元素，绕开「slot 跨行共享」限制。\n */\nexport interface TableAction {\n  /** 操作标识，回传到 hbAction.detail.action */\n  key: string;\n  /** 按钮文案 */\n  label: string;\n  /** 按钮样式：default 主色文字 / danger 危险色 */\n  type?: 'default' | 'primary' | 'danger';\n  /** 是否禁用（按行判断） */\n  disabled?: (row: Record<string, any>, index: number) => boolean;\n}\n\nexport type SortDirection = 'ascending' | 'descending' | null;\n\n/**\n * 树形数据配置。\n * `children` 指定子节点在每行数据中的字段名（默认 'children'），\n * 行存在该字段（非空数组）时渲染展开箭头，可递归展开后代。\n */\nexport interface TableTreeProps {\n  children?: string;\n}\n\n/**\n * 拍平后的可见行：保留原始 row + 嵌套层级 + 唯一 key，\n * 供 render 一次性 map 成 <tr>（仅含已展开链路上的后代）。\n */\ninterface FlatRow {\n  row: Record<string, any>;\n  level: number;\n  key: string | number;\n  /** 该行是否有非空 children（决定是否渲染展开箭头） */\n  hasChildren: boolean;\n  /** 该行在父层数组中的索引（用于 rowKey 缺省回退与稳定 key） */\n  index: number;\n}\n\ninterface FixedOffset {\n  side?: 'left' | 'right';\n  left?: string;\n  right?: string;\n}\n\n/**\n * Table 表格组件\n * 用于展示多条结构类似的数据，可对数据进行排序、筛选、选择等操作\n */\n@Component({\n  tag: 'hb-table',\n  styleUrl: 'table.css',\n  shadow: true,\n})\nexport class Table {\n  /** 数据源 */\n  @Prop() data: Record<string, any>[] = [];\n\n  /** 列配置 */\n  @Prop() columns: TableColumn[] = [];\n\n  /** 是否带斑马纹 */\n  @Prop() stripe: boolean = false;\n\n  /** 是否带边框 */\n  @Prop() border: boolean = false;\n\n  /** 表格尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否显示加载状态 */\n  @Prop() loading: boolean = false;\n\n  /** 行数据的 Key */\n  @Prop() rowKey: string = '';\n\n  /** 空数据文案 */\n  @Prop() emptyText: string = '暂无数据';\n\n  /** 最大高度（超出固定表头） */\n  @Prop() maxHeight?: string;\n\n  /** 是否高亮当前行 */\n  @Prop() highlightCurrentRow: boolean = false;\n\n  /** 是否开启行选择（显示 checkbox 列） */\n  @Prop() selectable: boolean = false;\n\n  /** 行操作配置；非空时自动在末尾渲染「操作」列 */\n  @Prop() actions: TableAction[] = [];\n\n  /** 是否开启虚拟滚动（大数据量场景，默认关闭，向后兼容） */\n  @Prop() virtualScroll: boolean = false;\n\n  /** 虚拟滚动每行预估高度(px)，用于计算撑高容器与可见窗口 */\n  @Prop() itemHeight: number = 48;\n\n  /** 虚拟滚动视口高度(px)，超过此高度出现滚动条 */\n  @Prop() virtualScrollHeight: number = 400;\n\n  /**\n   * 树形数据配置：传入后启用「可展开行」模式。\n   * data 行含 `children` 字段（字段名可经此配置覆盖）时渲染展开箭头。\n   * 默认 undefined —— 不启用树形。\n   */\n  @Prop() treeProps?: TableTreeProps;\n\n  /** 是否开启行内编辑模式（默认关闭）。需列配置 column.editable=true 才对该列生效 */\n  @Prop() editable: boolean = false;\n\n  @State() sortProp: string = '';\n  @State() sortDirection: SortDirection = null;\n  @State() currentRow: number = -1;\n  @State() selectedRows: Set<number> = new Set();\n  /** 虚拟滚动：当前滚动位置(px)，驱动可见窗口计算 */\n  @State() scrollTop: number = 0;\n\n  /** 树形模式：已展开行的 key 列表 */\n  @State() expandedRowKeys: Array<string | number> = [];\n\n  /** 行内编辑：当前正在编辑的单元格 { key, prop }，null 表示无 */\n  @State() editingCell: { rowKey: string | number; prop: string } | null = null;\n\n  /** 排序变化事件 */\n  @Event() hbSortChange: EventEmitter<{ prop: string; order: SortDirection }>;\n\n  /** 行点击事件 */\n  @Event() hbRowClick: EventEmitter<{ row: Record<string, any>; index: number }>;\n\n  /** 选择变化事件 */\n  @Event() hbSelectionChange: EventEmitter<Record<string, any>[]>;\n\n  /** 行操作点击事件 */\n  @Event() hbAction: EventEmitter<{ row: Record<string, any>; index: number; action: string }>;\n\n  /** 树形行展开/收起事件 */\n  @Event() hbExpandChange: EventEmitter<{ expanded: boolean; row: Record<string, any> }>;\n\n  /** 行内编辑提交事件 */\n  @Event() hbCellChange: EventEmitter<{ row: Record<string, any>; prop: string; value: any }>;\n\n  @Watch('data')\n  handleDataChange() {\n    this.selectedRows = new Set();\n    this.emitSelection();\n  }\n\n  /** 树形模式是否启用（显式传入 treeProps 即启用） */\n  private get isTreeMode(): boolean {\n    return !!this.treeProps;\n  }\n\n  /** 子节点字段名（treeProps.children 缺省回退 'children'） */\n  private get childrenField(): string {\n    return (this.treeProps && this.treeProps.children) || 'children';\n  }\n\n  /**\n   * 把树拍平成可见行列表：仅保留「祖先链路全部已展开」的后代。\n   * @param list  当前层级的数组\n   * @param level 当前层级（根 = 0）\n   * @param parentKeyPath 父级 key 路径，用于构造深层稳定 key（避免不同分支同 index 撞 key）\n   */\n  private flattenTree(list: Record<string, any>[], level: number = 0, parentKeyPath: string = ''): FlatRow[] {\n    const field = this.childrenField;\n    const result: FlatRow[] = [];\n    list.forEach((row, i) => {\n      const keyPath = parentKeyPath ? `${parentKeyPath}.${i}` : `${i}`;\n      const key = this.rowKey ? row[this.rowKey] : keyPath;\n      const kids = row[field];\n      const hasKids = Array.isArray(kids) && kids.length > 0;\n      result.push({ row, level, key, hasChildren: hasKids, index: i });\n      // 仅当该行已展开时，递归拍入其 children\n      if (hasKids && this.expandedRowKeys.indexOf(key) !== -1) {\n        result.push(...this.flattenTree(kids as Record<string, any>[], level + 1, keyPath));\n      }\n    });\n    return result;\n  }\n\n  /** 树形展开/收起切换 */\n  private toggleExpand = (row: Record<string, any>, key: string | number) => {\n    const idx = this.expandedRowKeys.indexOf(key);\n    const expanded = idx === -1;\n    this.expandedRowKeys = expanded ? [...this.expandedRowKeys, key] : this.expandedRowKeys.filter((k) => k !== key);\n    this.hbExpandChange.emit({ expanded, row });\n  };\n\n  /** 行内编辑：进入编辑态 */\n  private startEdit = (e: Event, key: string | number, prop: string) => {\n    e.stopPropagation();\n    if (!this.editable) return;\n    this.editingCell = { rowKey: key, prop };\n  };\n\n  /** 行内编辑：提交（回车 / 失焦 / Change） */\n  private commitEdit = (e: Event, row: Record<string, any>, prop: string) => {\n    const input = e.target as HTMLInputElement;\n    const value = input.value;\n    // 就地更新（简单可用版）：修改 row[prop] 后强制重渲染\n    row[prop] = value;\n    this.editingCell = null;\n    this.hbCellChange.emit({ row, prop, value });\n  };\n\n  /** 行内编辑：回车提交 / Esc 取消 */\n  private onEditKeydown = (e: KeyboardEvent, row: Record<string, any>, prop: string) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      this.commitEdit(e, row, prop);\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      this.editingCell = null;\n    }\n  };\n\n  private allCheckboxRef?: HTMLInputElement;\n\n  componentDidRender() {\n    // indeterminate 不是可反射的 HTML 属性，必须通过 DOM 属性设置\n    if (this.allCheckboxRef) {\n      this.allCheckboxRef.indeterminate = this.isIndeterminate;\n    }\n  }\n\n  /** 虚拟滚动上下缓冲行数 */\n  private readonly virtualBuffer = 5;\n\n  /** 虚拟滚动：滚动事件回调，更新 scrollTop 触发可见窗口重算 */\n  private handleVirtualScroll = (e: Event) => {\n    const target = e.target as HTMLElement;\n    this.scrollTop = target.scrollTop;\n  };\n\n  /** 虚拟滚动：计算可见窗口 [startIndex, endIndex) */\n  private get visibleRange(): { startIndex: number; endIndex: number } {\n    const total = this.data.length;\n    if (total === 0) return { startIndex: 0, endIndex: 0 };\n\n    const itemHeight = this.itemHeight > 0 ? this.itemHeight : 1;\n    const viewport = this.virtualScrollHeight;\n\n    let startIndex = Math.floor(this.scrollTop / itemHeight) - this.virtualBuffer;\n    if (startIndex < 0) startIndex = 0;\n\n    let endIndex = Math.ceil((this.scrollTop + viewport) / itemHeight) + this.virtualBuffer;\n    if (endIndex > total) endIndex = total;\n\n    return { startIndex, endIndex };\n  }\n\n  /** 虚拟滚动：撑高容器总高度 */\n  private get virtualTotalHeight(): number {\n    return this.data.length * (this.itemHeight > 0 ? this.itemHeight : 1);\n  }\n\n  private handleSort = (prop: string) => {\n    if (this.sortProp === prop) {\n      this.sortDirection =\n        this.sortDirection === 'ascending' ? 'descending' : this.sortDirection === 'descending' ? null : 'ascending';\n    } else {\n      this.sortProp = prop;\n      this.sortDirection = 'ascending';\n    }\n    this.hbSortChange.emit({ prop, order: this.sortDirection });\n  };\n\n  private get sortedData(): Record<string, any>[] {\n    if (!this.sortProp || !this.sortDirection) return this.data;\n    const direction = this.sortDirection === 'ascending' ? 1 : -1;\n    return [...this.data].sort((a, b) => {\n      const va = a[this.sortProp];\n      const vb = b[this.sortProp];\n      if (va < vb) return -1 * direction;\n      if (va > vb) return 1 * direction;\n      return 0;\n    });\n  };\n\n  private get isAllSelected(): boolean {\n    return this.data.length > 0 && this.selectedRows.size === this.data.length;\n  }\n\n  private get isIndeterminate(): boolean {\n    return this.selectedRows.size > 0 && this.selectedRows.size < this.data.length;\n  }\n\n  private toggleRow = (index: number, e: Event) => {\n    e.stopPropagation();\n    const next = new Set(this.selectedRows);\n    if (next.has(index)) {\n      next.delete(index);\n    } else {\n      next.add(index);\n    }\n    this.selectedRows = next;\n    this.emitSelection();\n  };\n\n  private toggleAll = () => {\n    if (this.isAllSelected) {\n      this.selectedRows = new Set();\n    } else {\n      this.selectedRows = new Set(this.data.map((_, i) => i));\n    }\n    this.emitSelection();\n  };\n\n  private emitSelection() {\n    const selected = Array.from(this.selectedRows)\n      .sort((a, b) => a - b)\n      .map((i) => this.data[i])\n      .filter(Boolean);\n    this.hbSelectionChange.emit(selected);\n  }\n\n  private handleRowClick = (row: Record<string, any>, index: number) => {\n    this.currentRow = index;\n    this.hbRowClick.emit({ row, index });\n  };\n\n  private handleAction = (row: Record<string, any>, index: number, action: string) => {\n    this.hbAction.emit({ row, index, action });\n  };\n\n  private get hasActions(): boolean {\n    return !!this.actions && this.actions.length > 0;\n  }\n\n  /** 计算固定列的 sticky 偏移（左侧/右侧累计宽度） */\n  private get fixedOffsets(): Record<string, FixedOffset> {\n    const result: Record<string, FixedOffset> = {};\n    let leftAcc = '0px';\n    for (const c of this.columns) {\n      const side = c.fixed === true ? 'left' : c.fixed;\n      if (side === 'left') {\n        result[c.prop] = { side: 'left', left: leftAcc };\n        leftAcc = `calc(${leftAcc} + ${c.width || '0px'})`;\n      }\n    }\n    let rightAcc = '0px';\n    for (let i = this.columns.length - 1; i >= 0; i--) {\n      const c = this.columns[i];\n      if (c.fixed === 'right') {\n        result[c.prop] = { side: 'right', right: rightAcc };\n        rightAcc = `calc(${rightAcc} + ${c.width || '0px'})`;\n      }\n    }\n    return result;\n  }\n\n  private cellStyle(prop: string, base?: Record<string, string>): Record<string, string> {\n    const off = this.fixedOffsets[prop];\n    const style: Record<string, string> = { ...(base || {}) };\n    if (off?.side === 'left') {\n      style.position = 'sticky';\n      style.left = off.left as string;\n      style.zIndex = '2';\n    } else if (off?.side === 'right') {\n      style.position = 'sticky';\n      style.right = off.right as string;\n      style.zIndex = '2';\n    }\n    return style;\n  }\n\n  /**\n   * 渲染单行（普通 + 虚拟滚动 + 树形 共用）。\n   * - 普通模式：rowIndex 为在 sortedData 中的全局索引。\n   * - 树形模式：fr.level 决定缩进，第一列渲染展开箭头，key 取 fr.key。\n   * fr 为可选；未传时按普通模式渲染。\n   */\n  private renderRow(row: Record<string, any>, rowIndex: number, fr?: FlatRow) {\n    const tree = !!fr;\n    const level = fr ? fr.level : 0;\n    const rowKeyVal = fr ? fr.key : this.rowKey ? row[this.rowKey] : rowIndex;\n    const indent = level * 16;\n\n    const isEditing = (prop: string) => !!this.editingCell && this.editingCell.rowKey === rowKeyVal && this.editingCell.prop === prop;\n\n    return (\n      <tr\n        key={rowKeyVal}\n        class={{\n          'hb-table__row': true,\n          'hb-table__row--striped': this.stripe && rowIndex % 2 === 1,\n          'hb-table__row--current': this.highlightCurrentRow && rowIndex === this.currentRow,\n          'hb-table__row--selected': this.selectedRows.has(rowIndex),\n          'hb-table__row--tree': tree,\n        }}\n        onClick={() => this.handleRowClick(row, rowIndex)}\n      >\n        {this.selectable && (\n          <td class=\"hb-table__selection\" onClick={(e) => e.stopPropagation()}>\n            <input\n              type=\"checkbox\"\n              class=\"hb-table__checkbox\"\n              checked={this.selectedRows.has(rowIndex)}\n              onChange={(e) => this.toggleRow(rowIndex, e)}\n            />\n          </td>\n        )}\n        {this.columns.map((col, colIdx) => {\n          const off = this.fixedOffsets[col.prop];\n          // 树形模式：第一列加缩进 + 展开箭头\n          const isFirstCol = colIdx === 0;\n          const showExpand = tree && isFirstCol && fr!.hasChildren;\n          const expanded = showExpand && this.expandedRowKeys.indexOf(rowKeyVal) !== -1;\n          const editing = this.editable && !!col.editable && isEditing(col.prop);\n          const editableActive = this.editable && !!col.editable;\n\n          return (\n            <td\n              key={col.prop}\n              style={this.cellStyle(col.prop, { textAlign: col.align || 'left' })}\n              class={{\n                'hb-table__td': true,\n                'hb-table__cell--fixed-left': off?.side === 'left',\n                'hb-table__cell--fixed-right': off?.side === 'right',\n                'hb-table__cell--editable': editableActive,\n              }}\n              onClick={editableActive ? (e) => this.startEdit(e, rowKeyVal, col.prop) : undefined}\n            >\n              {tree && isFirstCol && (\n                <span class=\"hb-table__indent\" style={{ display: 'inline-block', width: `${indent}px` }} aria-hidden=\"true\" />\n              )}\n              {showExpand && (\n                <button\n                  type=\"button\"\n                  class={{ 'hb-table__expand': true, 'hb-table__expand--expanded': expanded }}\n                  aria-label={expanded ? '收起' : '展开'}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    this.toggleExpand(row, rowKeyVal);\n                  }}\n                >\n                  {expanded ? '▼' : '▶'}\n                </button>\n              )}\n              {showExpand === false && tree && isFirstCol && (\n                <span class=\"hb-table__expand-placeholder\" style={{ display: 'inline-block', width: '16px' }} aria-hidden=\"true\" />\n              )}\n              {editing ? (\n                <input\n                  class=\"hb-table__edit-input\"\n                  type=\"text\"\n                  value={row[col.prop] ?? ''}\n                  onBlur={(e) => this.commitEdit(e, row, col.prop)}\n                  onKeyDown={(e) => this.onEditKeydown(e, row, col.prop)}\n                />\n              ) : (\n                <slot name={`cell-${col.prop}`}>{col.formatter ? col.formatter(row, rowIndex) : row[col.prop] ?? ''}</slot>\n              )}\n            </td>\n          );\n        })}\n        {this.hasActions && (\n          <td class=\"hb-table__td--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }} onClick={(e) => e.stopPropagation()}>\n            {this.actions.map((act) => (\n              <button\n                type=\"button\"\n                class={{\n                  'hb-table__action': true,\n                  'hb-table__action--primary': act.type === 'primary',\n                  'hb-table__action--danger': act.type === 'danger',\n                }}\n                disabled={act.disabled ? act.disabled(row, rowIndex) : false}\n                onClick={() => this.handleAction(row, rowIndex, act.key)}\n              >\n                {act.label}\n              </button>\n            ))}\n          </td>\n        )}\n      </tr>\n    );\n  }\n\n  /** 渲染表头（普通 + 虚拟滚动共用，表头始终固定不随滚） */\n  private renderHeader() {\n    return (\n      <thead>\n        <tr>\n          {this.selectable && (\n            <th class=\"hb-table__selection\">\n              <input\n                type=\"checkbox\"\n                class=\"hb-table__checkbox\"\n                checked={this.isAllSelected}\n                ref={(el) => {\n                  this.allCheckboxRef = el as HTMLInputElement;\n                }}\n                onChange={this.toggleAll}\n              />\n            </th>\n          )}\n          {this.columns.map((col) => {\n            const off = this.fixedOffsets[col.prop];\n            return (\n              <th\n                key={col.prop}\n                style={this.cellStyle(col.prop, {\n                  width: col.width,\n                  minWidth: col.minWidth,\n                  textAlign: col.align || 'left',\n                })}\n                class={{\n                  'hb-table__th--sortable': col.sortable,\n                  'hb-table__cell--fixed-left': off?.side === 'left',\n                  'hb-table__cell--fixed-right': off?.side === 'right',\n                }}\n                onClick={col.sortable ? () => this.handleSort(col.prop) : undefined}\n              >\n                <div class=\"hb-table__th-content\">\n                  <span>{col.label}</span>\n                  {col.sortable && (\n                    <span class=\"hb-table__sort\">\n                      <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'ascending' }}>▲</span>\n                      <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'descending' }}>▼</span>\n                    </span>\n                  )}\n                </div>\n              </th>\n            );\n          })}\n          {this.hasActions && (\n            <th class=\"hb-table__th--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>\n              操作\n            </th>\n          )}\n        </tr>\n      </thead>\n    );\n  }\n\n  render() {\n    const displayData = this.sortedData;\n    const isEmpty = displayData.length === 0;\n\n    // 树形模式：把可见树拍平成带 level 的行列表（仅含已展开链路上的后代）\n    const flatRows: FlatRow[] = this.isTreeMode ? this.flattenTree(displayData) : [];\n\n    // 虚拟滚动：固定高度滚动视口 + 撑高容器 + 仅渲染可见窗口行（绝对定位 offset）\n    // 注意：树形 + 虚拟滚动组合较复杂，此处虚拟滚动沿用普通行渲染（不展开树），\n    // 保留树形仅在普通模式下生效以降低风险。\n    const renderVirtualBody = () => {\n      const { startIndex, endIndex } = this.visibleRange;\n      const offsetTop = startIndex * (this.itemHeight > 0 ? this.itemHeight : 1);\n      return (\n        <div\n          class=\"hb-table__virtual-viewport\"\n          style={{ height: `${this.virtualScrollHeight}px`, overflowY: 'auto' }}\n          onScroll={this.handleVirtualScroll}\n        >\n          <div class=\"hb-table__virtual-spacer\" style={{ height: `${this.virtualTotalHeight}px`, position: 'relative' }}>\n            <table class=\"hb-table__table hb-table__table--virtual\">\n              <tbody>\n                {isEmpty ? (\n                  <tr>\n                    <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n                      {this.emptyText}\n                    </td>\n                  </tr>\n                ) : (\n                  <tr style={{ height: `${offsetTop}px` }} aria-hidden=\"true\" />\n                )}\n                {displayData.slice(startIndex, endIndex).map((row, i) => this.renderRow(row, startIndex + i))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      );\n    };\n\n    // 普通模式：树形启用时按拍平列表渲染（带 level 缩进 + 展开箭头），否则原样按行渲染\n    const renderNormalBody = () => (\n      <tbody>\n        {isEmpty ? (\n          <tr>\n            <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n              {this.emptyText}\n            </td>\n          </tr>\n        ) : this.isTreeMode ? (\n          flatRows.map((fr, i) => this.renderRow(fr.row, i, fr))\n        ) : (\n          displayData.map((row, rowIndex) => this.renderRow(row, rowIndex))\n        )}\n      </tbody>\n    );\n\n    return (\n      <div class={{ 'hb-table': true, [`hb-table--${this.size}`]: true, 'hb-table--border': this.border, 'hb-table--virtual': this.virtualScroll }}>\n        {this.loading && (\n          <div class=\"hb-table__loading\">\n            <div class=\"hb-table__loading-spinner\"></div>\n          </div>\n        )}\n        {this.virtualScroll ? (\n          <div class=\"hb-table__virtual-wrapper\">\n            <table class=\"hb-table__table\">\n              {this.renderHeader()}\n            </table>\n            {renderVirtualBody()}\n          </div>\n        ) : (\n          <div class=\"hb-table__wrapper\" style={this.maxHeight ? { maxHeight: this.maxHeight, overflow: 'auto' } : undefined}>\n            <table class=\"hb-table__table\">\n              {this.renderHeader()}\n              {renderNormalBody()}\n            </table>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-table.js","mappings":"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","names":[],"sources":["src/components/Table/table.css?tag=hb-table&encapsulation=shadow","src/components/Table/Table.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-table {\n  position: relative;\n  overflow: hidden;\n  border-radius: var(--hb-border-radius-base);\n  background-color: var(--hb-color-bg);\n}\n\n.hb-table--border {\n  border: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table--border .hb-table__td,\n.hb-table--border .hb-table__table th {\n  border-right: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-table__wrapper {\n  overflow-x: auto;\n}\n\n.hb-table__table {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  table-layout: auto;\n}\n\n.hb-table__table th {\n  background-color: var(--hb-table-header-bg);\n  color: var(--hb-table-header-color);\n  font-weight: 600;\n  font-size: var(--hb-font-size-sm);\n  padding: 10px 12px;\n  text-align: left;\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n  white-space: nowrap;\n  user-select: none;\n}\n\n.hb-table__th-content {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.hb-table__th--sortable {\n  cursor: pointer;\n}\n\n.hb-table__th--sortable:hover {\n  background-color: var(--hb-color-fill-tertiary);\n}\n\n.hb-table__sort {\n  display: inline-flex;\n  flex-direction: column;\n  line-height: 1;\n  font-size: 10px;\n  gap: 1px;\n}\n\n.hb-table__sort-icon {\n  color: var(--hb-color-text-quaternary);\n  transition: color var(--hb-transition-duration);\n}\n\n.hb-table__sort-icon--active {\n  color: var(--hb-color-primary);\n}\n\n.hb-table__td {\n  padding: 10px 12px;\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  border-bottom: 1px solid var(--hb-table-border-color);\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-table__row:hover .hb-table__td {\n  background-color: var(--hb-table-row-hover-bg);\n}\n\n.hb-table__row--striped .hb-table__td {\n  background-color: var(--hb-table-stripe-bg);\n}\n\n.hb-table__row--current .hb-table__td {\n  background-color: var(--hb-color-primary-bg);\n}\n\n.hb-table__empty {\n  text-align: center;\n  color: var(--hb-color-text-secondary);\n  padding: var(--hb-spacing-xl) 0;\n}\n\n.hb-table__loading {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(255, 255, 255, 0.7);\n  z-index: 1;\n}\n\n.hb-table__loading-spinner {\n  width: 32px;\n  height: 32px;\n  border: 3px solid var(--hb-color-border-secondary);\n  border-top-color: var(--hb-color-primary);\n  border-radius: 50%;\n  animation: hb-spin 0.8s linear infinite;\n}\n\n/* ---- 尺寸 ---- */\n.hb-table--small .hb-table__table th,\n.hb-table--small .hb-table__td {\n  padding: 6px 8px;\n  font-size: var(--hb-font-size-xs);\n}\n\n.hb-table--large .hb-table__table th,\n.hb-table--large .hb-table__td {\n  padding: 14px 16px;\n  font-size: var(--hb-font-size-base);\n}\n\n/* ---- 行选择 ---- */\n.hb-table__selection {\n  width: 48px;\n  min-width: 48px;\n  text-align: center;\n  white-space: nowrap;\n}\n.hb-table__checkbox {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n  accent-color: var(--hb-color-primary);\n  vertical-align: middle;\n}\n.hb-table__selection .hb-table__checkbox {\n  margin: 0;\n}\n.hb-table__row--selected .hb-table__td {\n  background-color: var(--hb-color-primary-bg);\n}\n\n/* ---- 固定列（sticky） ---- */\n/* 固定列单元格需要不透明背景，避免横向滚动时底层内容透出 */\n.hb-table__cell--fixed-left,\n.hb-table__cell--fixed-right {\n  position: sticky;\n  z-index: 2;\n  background-color: var(--hb-color-bg);\n}\n.hb-table__table th.hb-table__cell--fixed-left,\n.hb-table__table th.hb-table__cell--fixed-right {\n  background-color: var(--hb-table-header-bg);\n}\n.hb-table__cell--fixed-right {\n  box-shadow: -4px 0 8px rgba(0, 0, 0, 0.06);\n}\n.hb-table__cell--fixed-left:not(.hb-table__cell--fixed-right) {\n  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.06);\n}\n/* 固定列在选中行需保持选中背景 */\n.hb-table__row--selected .hb-table__cell--fixed-left,\n.hb-table__row--selected .hb-table__cell--fixed-right {\n  background-color: var(--hb-color-primary-bg);\n}\n.hb-table__row:hover .hb-table__cell--fixed-left,\n.hb-table__row:hover .hb-table__cell--fixed-right {\n  background-color: var(--hb-table-row-hover-bg);\n}\n\n@keyframes hb-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* 行操作按钮（link 风格，类 Ant Design） */\n.hb-table__action {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  font-size: var(--hb-font-size-sm, 14px);\n  line-height: 1.5;\n  color: var(--hb-color-primary, #1677ff);\n  transition: opacity var(--hb-transition-duration, 0.2s);\n}\n.hb-table__action:hover {\n  opacity: 0.8;\n}\n.hb-table__action:disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n.hb-table__action--danger {\n  color: var(--hb-color-danger, #f5222d);\n}\n.hb-table__action--danger:disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n}\n.hb-table__action + .hb-table__action {\n  margin-left: var(--hb-spacing-sm, 12px);\n}\n\n/* ---- 虚拟滚动 ---- */\n.hb-table--virtual {\n  overflow: hidden;\n}\n.hb-table__virtual-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n.hb-table__virtual-viewport {\n  overflow-y: auto;\n  overflow-x: auto;\n  position: relative;\n}\n.hb-table__virtual-spacer {\n  position: relative;\n  width: 100%;\n}\n.hb-table__table--virtual {\n  width: 100%;\n  table-layout: fixed;\n}\n.hb-table__table--virtual tbody {\n  /* 可见窗口的行紧跟在 offset 占位行之后，撑高容器由 spacer 负责 */\n  position: relative;\n}\n\n/* ---- 树形数据（可展开行） ---- */\n.hb-table__expand {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  margin-right: 4px;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--hb-color-text-secondary, #595959);\n  font-size: 10px;\n  line-height: 1;\n  vertical-align: middle;\n  transition: color var(--hb-transition-duration, 0.2s);\n  flex-shrink: 0;\n}\n.hb-table__expand:hover {\n  color: var(--hb-color-primary, #1677ff);\n}\n.hb-table__row--tree .hb-table__td {\n  /* 树形行第一列内容随缩进对齐 */\n  white-space: nowrap;\n}\n\n/* ---- 行内编辑 ---- */\n.hb-table__cell--editable {\n  cursor: text;\n}\n.hb-table__cell--editable:hover {\n  background-color: var(--hb-color-fill-tertiary, #f5f5f5);\n}\n.hb-table__edit-input {\n  width: 100%;\n  min-width: 60px;\n  box-sizing: border-box;\n  padding: 2px 6px;\n  font-size: var(--hb-font-size-sm, 14px);\n  color: var(--hb-color-text, #262626);\n  border: 1px solid var(--hb-color-primary, #1677ff);\n  border-radius: var(--hb-border-radius-base, 4px);\n  outline: none;\n  background-color: var(--hb-color-bg, #fff);\n}\n\n/* ============================================================\n * 响应式（移动端）：\n * - 小屏强制最小宽度，避免列被挤压到不可读（保留横向滚动）\n * - sticky 表头在滚动时保持可见\n * ============================================================ */\n@media (max-width: 575.98px) {\n  .hb-table__table {\n    /* 最小宽度保证列内容可读，超出靠 wrapper 横向滚动 */\n    min-width: 480px;\n  }\n\n  /* sticky 表头：横向滚动时表头跟随 */\n  .hb-table__table thead th {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    background-color: var(--hb-color-bg-container, #fafafa);\n  }\n}\n","import { Component, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TableColumn {\n  /** 列字段名 */\n  prop: string;\n  /** 列标题 */\n  label: string;\n  /** 列宽 */\n  width?: string;\n  /** 最小列宽 */\n  minWidth?: string;\n  /** 是否可排序 */\n  sortable?: boolean;\n  /** 对齐方式 */\n  align?: 'left' | 'center' | 'right';\n  /** 固定列：left / right / true（等同 left） */\n  fixed?: 'left' | 'right' | boolean;\n  /** 单元格文本格式化（框架无关，返回纯文本字符串） */\n  formatter?: (row: Record<string, any>, index: number) => string;\n  /** 该列是否可（行内）编辑；需同时开启 Table.editable 才生效 */\n  editable?: boolean;\n}\n\n/**\n * 行操作按钮配置（框架无关）。\n * 由 Table 自身渲染按钮（在 shadow DOM 内），点击派发 hbAction 事件，\n * 消费方据此执行编辑/删除等逻辑——无需往每行塞框架专属元素，绕开「slot 跨行共享」限制。\n */\nexport interface TableAction {\n  /** 操作标识，回传到 hbAction.detail.action */\n  key: string;\n  /** 按钮文案 */\n  label: string;\n  /** 按钮样式：default 主色文字 / danger 危险色 */\n  type?: 'default' | 'primary' | 'danger';\n  /** 是否禁用（按行判断） */\n  disabled?: (row: Record<string, any>, index: number) => boolean;\n}\n\nexport type SortDirection = 'ascending' | 'descending' | null;\n\n/**\n * 树形数据配置。\n * `children` 指定子节点在每行数据中的字段名（默认 'children'），\n * 行存在该字段（非空数组）时渲染展开箭头，可递归展开后代。\n */\nexport interface TableTreeProps {\n  children?: string;\n}\n\n/**\n * 拍平后的可见行：保留原始 row + 嵌套层级 + 唯一 key，\n * 供 render 一次性 map 成 <tr>（仅含已展开链路上的后代）。\n */\ninterface FlatRow {\n  row: Record<string, any>;\n  level: number;\n  key: string | number;\n  /** 该行是否有非空 children（决定是否渲染展开箭头） */\n  hasChildren: boolean;\n  /** 该行在父层数组中的索引（用于 rowKey 缺省回退与稳定 key） */\n  index: number;\n}\n\ninterface FixedOffset {\n  side?: 'left' | 'right';\n  left?: string;\n  right?: string;\n}\n\n/**\n * Table 表格组件\n * 用于展示多条结构类似的数据，可对数据进行排序、筛选、选择等操作\n */\n@Component({\n  tag: 'hb-table',\n  styleUrl: 'table.css',\n  shadow: true,\n})\nexport class Table {\n  /** 数据源 */\n  @Prop() data: Record<string, any>[] = [];\n\n  /** 列配置 */\n  @Prop() columns: TableColumn[] = [];\n\n  /** 是否带斑马纹 */\n  @Prop() stripe: boolean = false;\n\n  /** 是否带边框 */\n  @Prop() border: boolean = false;\n\n  /** 表格尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否显示加载状态 */\n  @Prop() loading: boolean = false;\n\n  /** 行数据的 Key */\n  @Prop() rowKey: string = '';\n\n  /** 空数据文案 */\n  @Prop() emptyText: string = '暂无数据';\n\n  /** 最大高度（超出固定表头） */\n  @Prop() maxHeight?: string;\n\n  /** 是否高亮当前行 */\n  @Prop() highlightCurrentRow: boolean = false;\n\n  /** 是否开启行选择（显示 checkbox 列） */\n  @Prop() selectable: boolean = false;\n\n  /** 行操作配置；非空时自动在末尾渲染「操作」列 */\n  @Prop() actions: TableAction[] = [];\n\n  /** 是否开启虚拟滚动（大数据量场景，默认关闭，向后兼容） */\n  @Prop() virtualScroll: boolean = false;\n\n  /** 虚拟滚动每行预估高度(px)，用于计算撑高容器与可见窗口 */\n  @Prop() itemHeight: number = 48;\n\n  /** 虚拟滚动视口高度(px)，超过此高度出现滚动条 */\n  @Prop() virtualScrollHeight: number = 400;\n\n  /**\n   * 树形数据配置：传入后启用「可展开行」模式。\n   * data 行含 `children` 字段（字段名可经此配置覆盖）时渲染展开箭头。\n   * 默认 undefined —— 不启用树形。\n   */\n  @Prop() treeProps?: TableTreeProps;\n\n  /** 是否开启行内编辑模式（默认关闭）。需列配置 column.editable=true 才对该列生效 */\n  @Prop() editable: boolean = false;\n\n  @State() sortProp: string = '';\n  @State() sortDirection: SortDirection = null;\n  @State() currentRow: number = -1;\n  @State() selectedRows: Set<number> = new Set();\n  /** 虚拟滚动：当前滚动位置(px)，驱动可见窗口计算 */\n  @State() scrollTop: number = 0;\n\n  /** 树形模式：已展开行的 key 列表 */\n  @State() expandedRowKeys: Array<string | number> = [];\n\n  /** 行内编辑：当前正在编辑的单元格 { key, prop }，null 表示无 */\n  @State() editingCell: { rowKey: string | number; prop: string } | null = null;\n\n  /** 排序变化事件 */\n  @Event() hbSortChange: EventEmitter<{ prop: string; order: SortDirection }>;\n\n  /** 行点击事件 */\n  @Event() hbRowClick: EventEmitter<{ row: Record<string, any>; index: number }>;\n\n  /** 选择变化事件 */\n  @Event() hbSelectionChange: EventEmitter<Record<string, any>[]>;\n\n  /** 行操作点击事件 */\n  @Event() hbAction: EventEmitter<{ row: Record<string, any>; index: number; action: string }>;\n\n  /** 树形行展开/收起事件 */\n  @Event() hbExpandChange: EventEmitter<{ expanded: boolean; row: Record<string, any> }>;\n\n  /** 行内编辑提交事件 */\n  @Event() hbCellChange: EventEmitter<{ row: Record<string, any>; prop: string; value: any }>;\n\n  @Watch('data')\n  handleDataChange() {\n    this.selectedRows = new Set();\n    this.emitSelection();\n  }\n\n  /** 树形模式是否启用（显式传入 treeProps 即启用） */\n  private get isTreeMode(): boolean {\n    return !!this.treeProps;\n  }\n\n  /** 子节点字段名（treeProps.children 缺省回退 'children'） */\n  private get childrenField(): string {\n    return (this.treeProps && this.treeProps.children) || 'children';\n  }\n\n  /**\n   * 把树拍平成可见行列表：仅保留「祖先链路全部已展开」的后代。\n   * @param list  当前层级的数组\n   * @param level 当前层级（根 = 0）\n   * @param parentKeyPath 父级 key 路径，用于构造深层稳定 key（避免不同分支同 index 撞 key）\n   */\n  private flattenTree(list: Record<string, any>[], level: number = 0, parentKeyPath: string = ''): FlatRow[] {\n    const field = this.childrenField;\n    const result: FlatRow[] = [];\n    list.forEach((row, i) => {\n      const keyPath = parentKeyPath ? `${parentKeyPath}.${i}` : `${i}`;\n      const key = this.rowKey ? row[this.rowKey] : keyPath;\n      const kids = row[field];\n      const hasKids = Array.isArray(kids) && kids.length > 0;\n      result.push({ row, level, key, hasChildren: hasKids, index: i });\n      // 仅当该行已展开时，递归拍入其 children\n      if (hasKids && this.expandedRowKeys.indexOf(key) !== -1) {\n        result.push(...this.flattenTree(kids as Record<string, any>[], level + 1, keyPath));\n      }\n    });\n    return result;\n  }\n\n  /** 树形展开/收起切换 */\n  private toggleExpand = (row: Record<string, any>, key: string | number) => {\n    const idx = this.expandedRowKeys.indexOf(key);\n    const expanded = idx === -1;\n    this.expandedRowKeys = expanded ? [...this.expandedRowKeys, key] : this.expandedRowKeys.filter(k => k !== key);\n    this.hbExpandChange.emit({ expanded, row });\n  };\n\n  /** 行内编辑：进入编辑态 */\n  private startEdit = (e: Event, key: string | number, prop: string) => {\n    e.stopPropagation();\n    if (!this.editable) return;\n    this.editingCell = { rowKey: key, prop };\n  };\n\n  /** 行内编辑：提交（回车 / 失焦 / Change） */\n  private commitEdit = (e: Event, row: Record<string, any>, prop: string) => {\n    const input = e.target as HTMLInputElement;\n    const value = input.value;\n    // 就地更新（简单可用版）：修改 row[prop] 后强制重渲染\n    row[prop] = value;\n    this.editingCell = null;\n    this.hbCellChange.emit({ row, prop, value });\n  };\n\n  /** 行内编辑：回车提交 / Esc 取消 */\n  private onEditKeydown = (e: KeyboardEvent, row: Record<string, any>, prop: string) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      this.commitEdit(e, row, prop);\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      this.editingCell = null;\n    }\n  };\n\n  private allCheckboxRef?: HTMLInputElement;\n\n  componentDidRender() {\n    // indeterminate 不是可反射的 HTML 属性，必须通过 DOM 属性设置\n    if (this.allCheckboxRef) {\n      this.allCheckboxRef.indeterminate = this.isIndeterminate;\n    }\n  }\n\n  /** 虚拟滚动上下缓冲行数 */\n  private readonly virtualBuffer = 5;\n\n  /** 虚拟滚动：滚动事件回调，更新 scrollTop 触发可见窗口重算 */\n  private handleVirtualScroll = (e: Event) => {\n    const target = e.target as HTMLElement;\n    this.scrollTop = target.scrollTop;\n  };\n\n  /** 虚拟滚动：计算可见窗口 [startIndex, endIndex) */\n  private get visibleRange(): { startIndex: number; endIndex: number } {\n    const total = this.data.length;\n    if (total === 0) return { startIndex: 0, endIndex: 0 };\n\n    const itemHeight = this.itemHeight > 0 ? this.itemHeight : 1;\n    const viewport = this.virtualScrollHeight;\n\n    let startIndex = Math.floor(this.scrollTop / itemHeight) - this.virtualBuffer;\n    if (startIndex < 0) startIndex = 0;\n\n    let endIndex = Math.ceil((this.scrollTop + viewport) / itemHeight) + this.virtualBuffer;\n    if (endIndex > total) endIndex = total;\n\n    return { startIndex, endIndex };\n  }\n\n  /** 虚拟滚动：撑高容器总高度 */\n  private get virtualTotalHeight(): number {\n    return this.data.length * (this.itemHeight > 0 ? this.itemHeight : 1);\n  }\n\n  private handleSort = (prop: string) => {\n    if (this.sortProp === prop) {\n      this.sortDirection = this.sortDirection === 'ascending' ? 'descending' : this.sortDirection === 'descending' ? null : 'ascending';\n    } else {\n      this.sortProp = prop;\n      this.sortDirection = 'ascending';\n    }\n    this.hbSortChange.emit({ prop, order: this.sortDirection });\n  };\n\n  private get sortedData(): Record<string, any>[] {\n    if (!this.sortProp || !this.sortDirection) return this.data;\n    const direction = this.sortDirection === 'ascending' ? 1 : -1;\n    return [...this.data].sort((a, b) => {\n      const va = a[this.sortProp];\n      const vb = b[this.sortProp];\n      if (va < vb) return -1 * direction;\n      if (va > vb) return 1 * direction;\n      return 0;\n    });\n  }\n\n  private get isAllSelected(): boolean {\n    return this.data.length > 0 && this.selectedRows.size === this.data.length;\n  }\n\n  private get isIndeterminate(): boolean {\n    return this.selectedRows.size > 0 && this.selectedRows.size < this.data.length;\n  }\n\n  private toggleRow = (index: number, e: Event) => {\n    e.stopPropagation();\n    const next = new Set(this.selectedRows);\n    if (next.has(index)) {\n      next.delete(index);\n    } else {\n      next.add(index);\n    }\n    this.selectedRows = next;\n    this.emitSelection();\n  };\n\n  private toggleAll = () => {\n    if (this.isAllSelected) {\n      this.selectedRows = new Set();\n    } else {\n      this.selectedRows = new Set(this.data.map((_, i) => i));\n    }\n    this.emitSelection();\n  };\n\n  private emitSelection() {\n    const selected = Array.from(this.selectedRows)\n      .sort((a, b) => a - b)\n      .map(i => this.data[i])\n      .filter(Boolean);\n    this.hbSelectionChange.emit(selected);\n  }\n\n  private handleRowClick = (row: Record<string, any>, index: number) => {\n    this.currentRow = index;\n    this.hbRowClick.emit({ row, index });\n  };\n\n  private handleAction = (row: Record<string, any>, index: number, action: string) => {\n    this.hbAction.emit({ row, index, action });\n  };\n\n  private get hasActions(): boolean {\n    return !!this.actions && this.actions.length > 0;\n  }\n\n  /**\n   * 计算固定列的 sticky 偏移（左侧/右侧累计宽度）。\n   * P1 优化：缓存结果，仅当 columns 引用变化时重算。\n   * 修复前是 getter，被每个 <td>/<th> 反复调用，复杂度 O(rows×cols²)。\n   */\n  private _fixedOffsetsCache: Record<string, FixedOffset> | null = null;\n  private _fixedOffsetsColumnsRef: TableColumn[] | null = null;\n  private getFixedOffsets(): Record<string, FixedOffset> {\n    if (this._fixedOffsetsCache && this._fixedOffsetsColumnsRef === this.columns) {\n      return this._fixedOffsetsCache;\n    }\n    const result: Record<string, FixedOffset> = {};\n    let leftAcc = '0px';\n    for (const c of this.columns) {\n      const side = c.fixed === true ? 'left' : c.fixed;\n      if (side === 'left') {\n        result[c.prop] = { side: 'left', left: leftAcc };\n        leftAcc = `calc(${leftAcc} + ${c.width || '0px'})`;\n      }\n    }\n    let rightAcc = '0px';\n    for (let i = this.columns.length - 1; i >= 0; i--) {\n      const c = this.columns[i];\n      if (c.fixed === 'right') {\n        result[c.prop] = { side: 'right', right: rightAcc };\n        rightAcc = `calc(${rightAcc} + ${c.width || '0px'})`;\n      }\n    }\n    this._fixedOffsetsCache = result;\n    this._fixedOffsetsColumnsRef = this.columns;\n    return result;\n  }\n\n  private cellStyle(prop: string, base?: Record<string, string>): Record<string, string> {\n    const off = this.getFixedOffsets()[prop];\n    const style: Record<string, string> = { ...(base || {}) };\n    if (off?.side === 'left') {\n      style.position = 'sticky';\n      style.left = off.left as string;\n      style.zIndex = '2';\n    } else if (off?.side === 'right') {\n      style.position = 'sticky';\n      style.right = off.right as string;\n      style.zIndex = '2';\n    }\n    return style;\n  }\n\n  /**\n   * 渲染单行（普通 + 虚拟滚动 + 树形 共用）。\n   * - 普通模式：rowIndex 为在 sortedData 中的全局索引。\n   * - 树形模式：fr.level 决定缩进，第一列渲染展开箭头，key 取 fr.key。\n   * fr 为可选；未传时按普通模式渲染。\n   */\n  private renderRow(row: Record<string, any>, rowIndex: number, fr?: FlatRow) {\n    const tree = !!fr;\n    const level = fr ? fr.level : 0;\n    const rowKeyVal = fr ? fr.key : this.rowKey ? row[this.rowKey] : rowIndex;\n    const indent = level * 16;\n\n    const isEditing = (prop: string) => !!this.editingCell && this.editingCell.rowKey === rowKeyVal && this.editingCell.prop === prop;\n\n    return (\n      <tr\n        key={rowKeyVal}\n        class={{\n          'hb-table__row': true,\n          'hb-table__row--striped': this.stripe && rowIndex % 2 === 1,\n          'hb-table__row--current': this.highlightCurrentRow && rowIndex === this.currentRow,\n          'hb-table__row--selected': this.selectedRows.has(rowIndex),\n          'hb-table__row--tree': tree,\n        }}\n        onClick={() => this.handleRowClick(row, rowIndex)}\n      >\n        {this.selectable && (\n          <td class=\"hb-table__selection\" onClick={e => e.stopPropagation()}>\n            <input type=\"checkbox\" class=\"hb-table__checkbox\" checked={this.selectedRows.has(rowIndex)} onChange={e => this.toggleRow(rowIndex, e)} />\n          </td>\n        )}\n        {this.columns.map((col, colIdx) => {\n          const off = this.getFixedOffsets()[col.prop];\n          // 树形模式：第一列加缩进 + 展开箭头\n          const isFirstCol = colIdx === 0;\n          const showExpand = tree && isFirstCol && fr!.hasChildren;\n          const expanded = showExpand && this.expandedRowKeys.indexOf(rowKeyVal) !== -1;\n          const editing = this.editable && !!col.editable && isEditing(col.prop);\n          const editableActive = this.editable && !!col.editable;\n\n          return (\n            <td\n              key={col.prop}\n              style={this.cellStyle(col.prop, { textAlign: col.align || 'left' })}\n              class={{\n                'hb-table__td': true,\n                'hb-table__cell--fixed-left': off?.side === 'left',\n                'hb-table__cell--fixed-right': off?.side === 'right',\n                'hb-table__cell--editable': editableActive,\n              }}\n              onClick={editableActive ? e => this.startEdit(e, rowKeyVal, col.prop) : undefined}\n            >\n              {tree && isFirstCol && <span class=\"hb-table__indent\" style={{ display: 'inline-block', width: `${indent}px` }} aria-hidden=\"true\" />}\n              {showExpand && (\n                <button\n                  type=\"button\"\n                  class={{ 'hb-table__expand': true, 'hb-table__expand--expanded': expanded }}\n                  aria-label={expanded ? '收起' : '展开'}\n                  onClick={e => {\n                    e.stopPropagation();\n                    this.toggleExpand(row, rowKeyVal);\n                  }}\n                >\n                  {expanded ? '▼' : '▶'}\n                </button>\n              )}\n              {showExpand === false && tree && isFirstCol && <span class=\"hb-table__expand-placeholder\" style={{ display: 'inline-block', width: '16px' }} aria-hidden=\"true\" />}\n              {editing ? (\n                <input\n                  class=\"hb-table__edit-input\"\n                  type=\"text\"\n                  value={row[col.prop] ?? ''}\n                  onBlur={e => this.commitEdit(e, row, col.prop)}\n                  onKeyDown={e => this.onEditKeydown(e, row, col.prop)}\n                />\n              ) : (\n                <slot name={`cell-${col.prop}`}>{col.formatter ? col.formatter(row, rowIndex) : (row[col.prop] ?? '')}</slot>\n              )}\n            </td>\n          );\n        })}\n        {this.hasActions && (\n          <td class=\"hb-table__td--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }} onClick={e => e.stopPropagation()}>\n            {this.actions.map(act => (\n              <button\n                type=\"button\"\n                class={{\n                  'hb-table__action': true,\n                  'hb-table__action--primary': act.type === 'primary',\n                  'hb-table__action--danger': act.type === 'danger',\n                }}\n                disabled={act.disabled ? act.disabled(row, rowIndex) : false}\n                onClick={() => this.handleAction(row, rowIndex, act.key)}\n              >\n                {act.label}\n              </button>\n            ))}\n          </td>\n        )}\n      </tr>\n    );\n  }\n\n  /** 渲染表头（普通 + 虚拟滚动共用，表头始终固定不随滚） */\n  private renderHeader() {\n    return (\n      <thead>\n        <tr>\n          {this.selectable && (\n            <th class=\"hb-table__selection\">\n              <input\n                type=\"checkbox\"\n                class=\"hb-table__checkbox\"\n                checked={this.isAllSelected}\n                ref={el => {\n                  this.allCheckboxRef = el as HTMLInputElement;\n                }}\n                onChange={this.toggleAll}\n              />\n            </th>\n          )}\n          {this.columns.map(col => {\n            const off = this.getFixedOffsets()[col.prop];\n            return (\n              <th\n                key={col.prop}\n                style={this.cellStyle(col.prop, {\n                  width: col.width,\n                  minWidth: col.minWidth,\n                  textAlign: col.align || 'left',\n                })}\n                class={{\n                  'hb-table__th--sortable': col.sortable,\n                  'hb-table__cell--fixed-left': off?.side === 'left',\n                  'hb-table__cell--fixed-right': off?.side === 'right',\n                }}\n                onClick={col.sortable ? () => this.handleSort(col.prop) : undefined}\n              >\n                <div class=\"hb-table__th-content\">\n                  <span>{col.label}</span>\n                  {col.sortable && (\n                    <span class=\"hb-table__sort\">\n                      <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'ascending' }}>▲</span>\n                      <span class={{ 'hb-table__sort-icon': true, 'hb-table__sort-icon--active': this.sortProp === col.prop && this.sortDirection === 'descending' }}>▼</span>\n                    </span>\n                  )}\n                </div>\n              </th>\n            );\n          })}\n          {this.hasActions && (\n            <th class=\"hb-table__th--actions\" style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>\n              操作\n            </th>\n          )}\n        </tr>\n      </thead>\n    );\n  }\n\n  render() {\n    const displayData = this.sortedData;\n    const isEmpty = displayData.length === 0;\n\n    // 树形模式：把可见树拍平成带 level 的行列表（仅含已展开链路上的后代）\n    const flatRows: FlatRow[] = this.isTreeMode ? this.flattenTree(displayData) : [];\n\n    // 虚拟滚动：固定高度滚动视口 + 撑高容器 + 仅渲染可见窗口行（绝对定位 offset）\n    // 注意：树形 + 虚拟滚动组合较复杂，此处虚拟滚动沿用普通行渲染（不展开树），\n    // 保留树形仅在普通模式下生效以降低风险。\n    const renderVirtualBody = () => {\n      const { startIndex, endIndex } = this.visibleRange;\n      const offsetTop = startIndex * (this.itemHeight > 0 ? this.itemHeight : 1);\n      return (\n        <div class=\"hb-table__virtual-viewport\" style={{ height: `${this.virtualScrollHeight}px`, overflowY: 'auto' }} onScroll={this.handleVirtualScroll}>\n          <div class=\"hb-table__virtual-spacer\" style={{ height: `${this.virtualTotalHeight}px`, position: 'relative' }}>\n            <table class=\"hb-table__table hb-table__table--virtual\">\n              <tbody>\n                {isEmpty ? (\n                  <tr>\n                    <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n                      {this.emptyText}\n                    </td>\n                  </tr>\n                ) : (\n                  <tr style={{ height: `${offsetTop}px` }} aria-hidden=\"true\" />\n                )}\n                {displayData.slice(startIndex, endIndex).map((row, i) => this.renderRow(row, startIndex + i))}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      );\n    };\n\n    // 普通模式：树形启用时按拍平列表渲染（带 level 缩进 + 展开箭头），否则原样按行渲染\n    const renderNormalBody = () => (\n      <tbody>\n        {isEmpty ? (\n          <tr>\n            <td colSpan={this.columns.length + (this.selectable ? 1 : 0) + (this.hasActions ? 1 : 0)} class=\"hb-table__empty\">\n              {this.emptyText}\n            </td>\n          </tr>\n        ) : this.isTreeMode ? (\n          flatRows.map((fr, i) => this.renderRow(fr.row, i, fr))\n        ) : (\n          displayData.map((row, rowIndex) => this.renderRow(row, rowIndex))\n        )}\n      </tbody>\n    );\n\n    return (\n      <div class={{ 'hb-table': true, [`hb-table--${this.size}`]: true, 'hb-table--border': this.border, 'hb-table--virtual': this.virtualScroll }}>\n        {this.loading && (\n          <div class=\"hb-table__loading\">\n            <div class=\"hb-table__loading-spinner\"></div>\n          </div>\n        )}\n        {this.virtualScroll ? (\n          <div class=\"hb-table__virtual-wrapper\">\n            <table class=\"hb-table__table\">{this.renderHeader()}</table>\n            {renderVirtualBody()}\n          </div>\n        ) : (\n          <div class=\"hb-table__wrapper\" style={this.maxHeight ? { maxHeight: this.maxHeight, overflow: 'auto' } : undefined}>\n            <table class=\"hb-table__table\">\n              {this.renderHeader()}\n              {renderNormalBody()}\n            </table>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-tabs.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
-import { h as handleListKeyboard } from './p-cc0aeb50.js';
+import { a as activationClickHandler, h as handleListKeyboard } from './p-00aa34c8.js';
 
 const tabsCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-tabs__header{border-bottom:1px solid var(--hb-color-border-secondary);margin-bottom:var(--hb-spacing-md)}.hb-tabs__nav{display:flex;gap:var(--hb-spacing-xs)}.hb-tabs__item{align-items:center;border-bottom:2px solid #0000;color:var(--hb-color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--hb-font-size-sm);gap:4px;padding:var(--hb-spacing-xs)var(--hb-spacing-md);transition:all var(--hb-transition-duration)var(--hb-transition-function);-webkit-user-select:none;user-select:none}.hb-tabs__item--active,.hb-tabs__item:hover{color:var(--hb-color-primary)}.hb-tabs__item--active{border-bottom-color:var(--hb-color-primary)}.hb-tabs--card .hb-tabs__item{background:var(--hb-color-fill-quaternary);border:1px solid var(--hb-color-border);border-bottom:none;border-radius:var(--hb-border-radius-sm)var(--hb-border-radius-sm)0 0}.hb-tabs--card .hb-tabs__item--active{background:var(--hb-color-bg);border-bottom-color:var(--hb-color-bg);margin-bottom:-1px}.hb-tabs__item-close{align-items:center;border-radius:50%;display:inline-flex;font-size:11px;height:14px;justify-content:center;transition:background-color var(--hb-transition-duration);width:14px}.hb-tabs__item-close:hover{background-color:#0000001a}.hb-tabs__content{color:var(--hb-color-text)}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
 const HbTabsStyle0 = tabsCss;
@@ -21,6 +21,11 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
     closable = false;
     activeTab = '';
     tabs = [];
+    /**
+     * P5：监听 slot 内 <hb-tab-pane> 的增删/属性变化，动态反映到 tabs 列表。
+     * 修复前 collectTabs 仅在 componentDidLoad 跑一次，运行时增删 pane 不生效（正确性 bug）。
+     */
+    paneObserver;
     /** 标签切换事件 */
     hbTabChange;
     /** 标签关闭事件 */
@@ -35,6 +40,23 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
             this.activeTab = this.modelValue;
         }
         this.updatePaneVisibility();
+        // P5：观察 slot 内子节点变化，动态重建 tabs 列表。
+        // Stencil 单测环境无 MutationObserver，做特性检测保护。
+        if (typeof MutationObserver !== 'undefined') {
+            this.paneObserver = new MutationObserver(() => {
+                this.collectTabs();
+                // 若当前激活 tab 被移除，回退到首个
+                if (this.tabs.length > 0 && !this.tabs.some(t => t.key === this.activeTab)) {
+                    this.activeTab = this.tabs[0].key;
+                    this.modelValue = this.activeTab;
+                }
+                this.updatePaneVisibility();
+            });
+            this.paneObserver.observe(this.el, { childList: true, subtree: true, attributes: true, attributeFilter: ['key', 'label'] });
+        }
+    }
+    disconnectedCallback() {
+        this.paneObserver?.disconnect();
     }
     handleModelValueChange() {
         this.activeTab = this.modelValue;
@@ -43,7 +65,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
     collectTabs() {
         const panes = this.el.querySelectorAll('hb-tab-pane');
         const tabs = [];
-        panes.forEach((pane) => {
+        panes.forEach(pane => {
             tabs.push({
                 key: pane.getAttribute('key') || '',
                 label: pane.getAttribute('label') || '',
@@ -53,7 +75,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
     }
     updatePaneVisibility() {
         const panes = this.el.querySelectorAll('hb-tab-pane');
-        panes.forEach((pane) => {
+        panes.forEach(pane => {
             const isActive = pane.getAttribute('key') === this.activeTab;
             pane.setAttribute('active', String(isActive));
         });
@@ -68,8 +90,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
     /** WAI-ARIA tabs：左右（横排）/上下（竖排）箭头在 tab 间切换聚焦的 tab。 */
     handleTabKeydown = (e, currentIndex) => {
         // 仅响应方向键 / Home / End；Enter/Space 由浏览器对可聚焦元素原生触发 click。
-        const isArrow = e.key === 'ArrowLeft' || e.key === 'ArrowRight' || e.key === 'ArrowUp' || e.key === 'ArrowDown' ||
-            e.key === 'Home' || e.key === 'End';
+        const isArrow = e.key === 'ArrowLeft' || e.key === 'ArrowRight' || e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'Home' || e.key === 'End';
         if (!isArrow)
             return;
         e.preventDefault();
@@ -83,24 +104,24 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends H {
         }
     };
     moveFocusToTab(key) {
-        const idx = this.tabs.findIndex((t) => t.key === key);
+        const idx = this.tabs.findIndex(t => t.key === key);
         if (idx < 0)
             return;
         const items = this.el.shadowRoot?.querySelectorAll('.hb-tabs__item');
         items?.[idx]?.focus();
     }
     render() {
-        return (h("div", { key: '796e99789e8493219eebb94cc65fcbc2d7215518', class: { 'hb-tabs': true, [`hb-tabs--${this.type}`]: true } }, h("div", { key: 'f291d1e3acc730d0243aef4514018b881748c9ef', class: "hb-tabs__header" }, h("div", { key: 'a3cf56bb33eafea5b36d6f38e616838b9436d58b', class: "hb-tabs__nav", role: "tablist" }, this.tabs.map((tab, index) => {
+        return (h("div", { key: '0f9c23ff4c608965ec84c8bfff0a41f43f5fecef', class: { 'hb-tabs': true, [`hb-tabs--${this.type}`]: true } }, h("div", { key: '522808237e4128dcf5a3603933eeeedc89b621bd', class: "hb-tabs__header" }, h("div", { key: '285309bf2ea491cbbf4d77b5447abe618161919f', class: "hb-tabs__nav", role: "tablist" }, this.tabs.map((tab, index) => {
             const selected = tab.key === this.activeTab;
             const tabId = `hb-tabs__tab-${tab.key}`;
             return (h("div", { class: {
                     'hb-tabs__item': true,
                     'hb-tabs__item--active': selected,
-                }, role: "tab", id: tabId, "aria-selected": selected ? 'true' : 'false', tabindex: selected ? 0 : -1, "aria-controls": `hb-tabs__panel-${tab.key}`, onClick: () => this.handleTabClick(tab.key), onKeyDown: (e) => this.handleTabKeydown(e, index) }, h("span", { class: "hb-tabs__item-label" }, tab.label), this.closable && (h("span", { class: "hb-tabs__item-close", role: "button", "aria-label": "\u5173\u95ED\u6807\u7B7E", tabIndex: -1, onClick: (e) => {
+                }, role: "tab", id: tabId, "aria-selected": selected ? 'true' : 'false', tabindex: selected ? 0 : -1, "aria-controls": `hb-tabs__panel-${tab.key}`, onClick: () => this.handleTabClick(tab.key), onKeyDown: e => this.handleTabKeydown(e, index) }, h("span", { class: "hb-tabs__item-label" }, tab.label), this.closable && (h("span", { class: "hb-tabs__item-close", role: "button", "aria-label": "\u5173\u95ED\u6807\u7B7E", tabIndex: 0, onClick: e => {
                     e.stopPropagation();
                     this.hbTabRemove.emit(tab.key);
-                } }, "\u00D7"))));
-        }))), h("div", { key: '45fee79ae1148bc6385bcb161c757d0226b4309c', class: "hb-tabs__content" }, h("slot", { key: 'cb00f1ed24d5a937e378c238097a251b45f323c6' }))));
+                }, onKeyDown: activationClickHandler }, "\u00D7"))));
+        }))), h("div", { key: '2833dd4f5fc59159a98d311f44ad9f25baae7a4d', class: "hb-tabs__content" }, h("slot", { key: 'fa5ef0b2be073a69d2f1c603795aca3429683e38' }))));
     }
     static get watchers() { return {
         "modelValue": ["handleModelValueChange"]

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

@@ -1 +1 @@
-{"file":"hb-tabs.js","mappings":"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","names":[],"sources":["src/components/Tabs/tabs.css?tag=hb-tabs&encapsulation=shadow","src/components/Tabs/Tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tabs__header {\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n  margin-bottom: var(--hb-spacing-md);\n}\n\n.hb-tabs__nav {\n  display: flex;\n  gap: var(--hb-spacing-xs);\n}\n\n.hb-tabs__item {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: var(--hb-spacing-xs) var(--hb-spacing-md);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text-secondary);\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n  user-select: none;\n}\n\n.hb-tabs__item:hover {\n  color: var(--hb-color-primary);\n}\n\n.hb-tabs__item--active {\n  color: var(--hb-color-primary);\n  border-bottom-color: var(--hb-color-primary);\n}\n\n/* ---- card 类型 ---- */\n.hb-tabs--card .hb-tabs__item {\n  border: 1px solid var(--hb-color-border);\n  border-bottom: none;\n  border-radius: var(--hb-border-radius-sm) var(--hb-border-radius-sm) 0 0;\n  background: var(--hb-color-fill-quaternary);\n}\n.hb-tabs--card .hb-tabs__item--active {\n  background: var(--hb-color-bg);\n  border-bottom-color: var(--hb-color-bg);\n  margin-bottom: -1px;\n}\n\n.hb-tabs__item-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  font-size: 11px;\n  transition: background-color var(--hb-transition-duration);\n}\n.hb-tabs__item-close:hover {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n.hb-tabs__content {\n  color: var(--hb-color-text);\n}\n","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { handleListKeyboard } from '../../utils/a11y';\n\n/**\n * Tabs 标签页组件\n * 选项卡切换组件\n */\n@Component({\n  tag: 'hb-tabs',\n  styleUrl: 'tabs.css',\n  shadow: true,\n})\nexport class Tabs {\n  @Element() el: HTMLElement;\n\n  /** 当前激活的标签 */\n  @Prop({ mutable: true }) modelValue: string = '';\n\n  /** 标签风格类型 */\n  @Prop() type: 'line' | 'card' | 'border-card' = 'line';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  @State() activeTab: string = '';\n  @State() tabs: { key: string; label: string }[] = [];\n\n  /** 标签切换事件 */\n  @Event() hbTabChange: EventEmitter<string>;\n\n  /** 标签关闭事件 */\n  @Event() hbTabRemove: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.collectTabs();\n    if (!this.modelValue && this.tabs.length > 0) {\n      this.activeTab = this.tabs[0].key;\n      this.modelValue = this.activeTab;\n    } else {\n      this.activeTab = this.modelValue;\n    }\n    this.updatePaneVisibility();\n  }\n\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.activeTab = this.modelValue;\n    this.updatePaneVisibility();\n  }\n\n  private collectTabs() {\n    const panes = this.el.querySelectorAll('hb-tab-pane');\n    const tabs: { key: string; label: string }[] = [];\n    panes.forEach((pane) => {\n      tabs.push({\n        key: pane.getAttribute('key') || '',\n        label: pane.getAttribute('label') || '',\n      });\n    });\n    this.tabs = tabs;\n  }\n\n  private updatePaneVisibility() {\n    const panes = this.el.querySelectorAll('hb-tab-pane');\n    panes.forEach((pane) => {\n      const isActive = pane.getAttribute('key') === this.activeTab;\n      pane.setAttribute('active', String(isActive));\n    });\n  }\n\n  private handleTabClick = (key: string) => {\n    this.activeTab = key;\n    this.modelValue = key;\n    this.hbTabChange.emit(key);\n    this.updatePaneVisibility();\n    this.moveFocusToTab(key);\n  };\n\n  /** WAI-ARIA tabs：左右（横排）/上下（竖排）箭头在 tab 间切换聚焦的 tab。 */\n  private handleTabKeydown = (e: KeyboardEvent, currentIndex: number) => {\n    // 仅响应方向键 / Home / End；Enter/Space 由浏览器对可聚焦元素原生触发 click。\n    const isArrow =\n      e.key === 'ArrowLeft' || e.key === 'ArrowRight' || e.key === 'ArrowUp' || e.key === 'ArrowDown' ||\n      e.key === 'Home' || e.key === 'End';\n    if (!isArrow) return;\n    e.preventDefault();\n    const action = handleListKeyboard(e, {\n      activeIndex: currentIndex,\n      itemCount: this.tabs.length,\n      loop: true,\n    });\n    if (action.type === 'navigate' && this.tabs[action.index]) {\n      this.handleTabClick(this.tabs[action.index].key);\n    }\n  };\n\n  private moveFocusToTab(key: string) {\n    const idx = this.tabs.findIndex((t) => t.key === key);\n    if (idx < 0) return;\n    const items = this.el.shadowRoot?.querySelectorAll<HTMLElement>('.hb-tabs__item');\n    items?.[idx]?.focus();\n  }\n\n  render() {\n    return (\n      <div class={{ 'hb-tabs': true, [`hb-tabs--${this.type}`]: true }}>\n        <div class=\"hb-tabs__header\">\n          <div class=\"hb-tabs__nav\" role=\"tablist\">\n            {this.tabs.map((tab, index) => {\n              const selected = tab.key === this.activeTab;\n              const tabId = `hb-tabs__tab-${tab.key}`;\n              return (\n                <div\n                  class={{\n                    'hb-tabs__item': true,\n                    'hb-tabs__item--active': selected,\n                  }}\n                  role=\"tab\"\n                  id={tabId}\n                  aria-selected={selected ? 'true' : 'false'}\n                  tabindex={selected ? 0 : -1}\n                  aria-controls={`hb-tabs__panel-${tab.key}`}\n                  onClick={() => this.handleTabClick(tab.key)}\n                  onKeyDown={(e) => this.handleTabKeydown(e, index)}\n                >\n                  <span class=\"hb-tabs__item-label\">{tab.label}</span>\n                  {this.closable && (\n                    <span\n                      class=\"hb-tabs__item-close\"\n                      role=\"button\"\n                      aria-label=\"关闭标签\"\n                      tabIndex={-1}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        this.hbTabRemove.emit(tab.key);\n                      }}\n                    >\n                      ×\n                    </span>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div class=\"hb-tabs__content\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-tabs.js","mappings":"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","names":[],"sources":["src/components/Tabs/tabs.css?tag=hb-tabs&encapsulation=shadow","src/components/Tabs/Tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tabs__header {\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n  margin-bottom: var(--hb-spacing-md);\n}\n\n.hb-tabs__nav {\n  display: flex;\n  gap: var(--hb-spacing-xs);\n}\n\n.hb-tabs__item {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: var(--hb-spacing-xs) var(--hb-spacing-md);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text-secondary);\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n  user-select: none;\n}\n\n.hb-tabs__item:hover {\n  color: var(--hb-color-primary);\n}\n\n.hb-tabs__item--active {\n  color: var(--hb-color-primary);\n  border-bottom-color: var(--hb-color-primary);\n}\n\n/* ---- card 类型 ---- */\n.hb-tabs--card .hb-tabs__item {\n  border: 1px solid var(--hb-color-border);\n  border-bottom: none;\n  border-radius: var(--hb-border-radius-sm) var(--hb-border-radius-sm) 0 0;\n  background: var(--hb-color-fill-quaternary);\n}\n.hb-tabs--card .hb-tabs__item--active {\n  background: var(--hb-color-bg);\n  border-bottom-color: var(--hb-color-bg);\n  margin-bottom: -1px;\n}\n\n.hb-tabs__item-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  font-size: 11px;\n  transition: background-color var(--hb-transition-duration);\n}\n.hb-tabs__item-close:hover {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n.hb-tabs__content {\n  color: var(--hb-color-text);\n}\n","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { handleListKeyboard, activationClickHandler } from '../../utils/a11y';\n\n/**\n * Tabs 标签页组件\n * 选项卡切换组件\n */\n@Component({\n  tag: 'hb-tabs',\n  styleUrl: 'tabs.css',\n  shadow: true,\n})\nexport class Tabs {\n  @Element() el: HTMLElement;\n\n  /** 当前激活的标签 */\n  @Prop({ mutable: true }) modelValue: string = '';\n\n  /** 标签风格类型 */\n  @Prop() type: 'line' | 'card' | 'border-card' = 'line';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  @State() activeTab: string = '';\n  @State() tabs: { key: string; label: string }[] = [];\n\n  /**\n   * P5：监听 slot 内 <hb-tab-pane> 的增删/属性变化，动态反映到 tabs 列表。\n   * 修复前 collectTabs 仅在 componentDidLoad 跑一次，运行时增删 pane 不生效（正确性 bug）。\n   */\n  private paneObserver?: MutationObserver;\n\n  /** 标签切换事件 */\n  @Event() hbTabChange: EventEmitter<string>;\n\n  /** 标签关闭事件 */\n  @Event() hbTabRemove: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.collectTabs();\n    if (!this.modelValue && this.tabs.length > 0) {\n      this.activeTab = this.tabs[0].key;\n      this.modelValue = this.activeTab;\n    } else {\n      this.activeTab = this.modelValue;\n    }\n    this.updatePaneVisibility();\n    // P5：观察 slot 内子节点变化，动态重建 tabs 列表。\n    // Stencil 单测环境无 MutationObserver，做特性检测保护。\n    if (typeof MutationObserver !== 'undefined') {\n      this.paneObserver = new MutationObserver(() => {\n        this.collectTabs();\n        // 若当前激活 tab 被移除，回退到首个\n        if (this.tabs.length > 0 && !this.tabs.some(t => t.key === this.activeTab)) {\n          this.activeTab = this.tabs[0].key;\n          this.modelValue = this.activeTab;\n        }\n        this.updatePaneVisibility();\n      });\n      this.paneObserver.observe(this.el, { childList: true, subtree: true, attributes: true, attributeFilter: ['key', 'label'] });\n    }\n  }\n\n  disconnectedCallback() {\n    this.paneObserver?.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.activeTab = this.modelValue;\n    this.updatePaneVisibility();\n  }\n\n  private collectTabs() {\n    const panes = this.el.querySelectorAll('hb-tab-pane');\n    const tabs: { key: string; label: string }[] = [];\n    panes.forEach(pane => {\n      tabs.push({\n        key: pane.getAttribute('key') || '',\n        label: pane.getAttribute('label') || '',\n      });\n    });\n    this.tabs = tabs;\n  }\n\n  private updatePaneVisibility() {\n    const panes = this.el.querySelectorAll('hb-tab-pane');\n    panes.forEach(pane => {\n      const isActive = pane.getAttribute('key') === this.activeTab;\n      pane.setAttribute('active', String(isActive));\n    });\n  }\n\n  private handleTabClick = (key: string) => {\n    this.activeTab = key;\n    this.modelValue = key;\n    this.hbTabChange.emit(key);\n    this.updatePaneVisibility();\n    this.moveFocusToTab(key);\n  };\n\n  /** WAI-ARIA tabs：左右（横排）/上下（竖排）箭头在 tab 间切换聚焦的 tab。 */\n  private handleTabKeydown = (e: KeyboardEvent, currentIndex: number) => {\n    // 仅响应方向键 / Home / End；Enter/Space 由浏览器对可聚焦元素原生触发 click。\n    const isArrow = e.key === 'ArrowLeft' || e.key === 'ArrowRight' || e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'Home' || e.key === 'End';\n    if (!isArrow) return;\n    e.preventDefault();\n    const action = handleListKeyboard(e, {\n      activeIndex: currentIndex,\n      itemCount: this.tabs.length,\n      loop: true,\n    });\n    if (action.type === 'navigate' && this.tabs[action.index]) {\n      this.handleTabClick(this.tabs[action.index].key);\n    }\n  };\n\n  private moveFocusToTab(key: string) {\n    const idx = this.tabs.findIndex(t => t.key === key);\n    if (idx < 0) return;\n    const items = this.el.shadowRoot?.querySelectorAll<HTMLElement>('.hb-tabs__item');\n    items?.[idx]?.focus();\n  }\n\n  render() {\n    return (\n      <div class={{ 'hb-tabs': true, [`hb-tabs--${this.type}`]: true }}>\n        <div class=\"hb-tabs__header\">\n          <div class=\"hb-tabs__nav\" role=\"tablist\">\n            {this.tabs.map((tab, index) => {\n              const selected = tab.key === this.activeTab;\n              const tabId = `hb-tabs__tab-${tab.key}`;\n              return (\n                <div\n                  class={{\n                    'hb-tabs__item': true,\n                    'hb-tabs__item--active': selected,\n                  }}\n                  role=\"tab\"\n                  id={tabId}\n                  aria-selected={selected ? 'true' : 'false'}\n                  tabindex={selected ? 0 : -1}\n                  aria-controls={`hb-tabs__panel-${tab.key}`}\n                  onClick={() => this.handleTabClick(tab.key)}\n                  onKeyDown={e => this.handleTabKeydown(e, index)}\n                >\n                  <span class=\"hb-tabs__item-label\">{tab.label}</span>\n                  {this.closable && (\n                    <span\n                      class=\"hb-tabs__item-close\"\n                      role=\"button\"\n                      aria-label=\"关闭标签\"\n                      tabIndex={0}\n                      onClick={e => {\n                        e.stopPropagation();\n                        this.hbTabRemove.emit(tab.key);\n                      }}\n                      onKeyDown={activationClickHandler}\n                    >\n                      ×\n                    </span>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div class=\"hb-tabs__content\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-tag.js

@@ -1,4 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
+import { a as activationClickHandler } from './p-00aa34c8.js';
 
 const tagCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block}.hb-tag{border:1px solid #0000;border-radius:var(--hb-tag-radius);box-sizing:border-box;font-size:var(--hb-font-size-xs);gap:var(--hb-spacing-xxs);height:22px;line-height:1;padding:0 var(--hb-spacing-xs);vertical-align:middle;white-space:nowrap}.hb-tag,.hb-tag__close,.hb-tag__content{align-items:center;display:inline-flex}.hb-tag__close{border-radius:50%;cursor:pointer;font-size:12px;height:14px;justify-content:center;line-height:1;transition:background-color var(--hb-transition-duration);width:14px}.hb-tag__close:hover{background-color:#0000001a}.hb-tag--small{font-size:11px;height:18px;padding:0 6px}.hb-tag--large{font-size:var(--hb-font-size-sm);height:28px;padding:0 var(--hb-spacing-sm)}.hb-tag--round{border-radius:999px}.hb-tag--default.hb-tag--light{background:var(--hb-tag-default-bg);color:var(--hb-tag-default-color)}.hb-tag--primary.hb-tag--light{background:var(--hb-tag-primary-bg);color:var(--hb-tag-primary-color)}.hb-tag--success.hb-tag--light{background:var(--hb-tag-success-bg);color:var(--hb-tag-success-color)}.hb-tag--warning.hb-tag--light{background:var(--hb-tag-warning-bg);color:var(--hb-tag-warning-color)}.hb-tag--danger.hb-tag--light{background:var(--hb-tag-danger-bg);color:var(--hb-tag-danger-color)}.hb-tag--info.hb-tag--light{background:var(--hb-tag-primary-bg);color:var(--hb-tag-primary-color)}.hb-tag--default.hb-tag--dark{background:var(--hb-color-text-quaternary);color:#fff}.hb-tag--primary.hb-tag--dark{background:var(--hb-color-primary);color:#fff}.hb-tag--success.hb-tag--dark{background:var(--hb-color-success);color:#fff}.hb-tag--warning.hb-tag--dark{background:var(--hb-color-warning);color:#fff}.hb-tag--danger.hb-tag--dark{background:var(--hb-color-danger);color:#fff}.hb-tag--info.hb-tag--dark{background:var(--hb-color-info);color:#fff}.hb-tag--default.hb-tag--plain{background:#fff;border-color:var(--hb-color-border);color:var(--hb-color-text)}.hb-tag--primary.hb-tag--plain{background:#fff;border-color:var(--hb-color-primary-border);color:var(--hb-color-primary)}.hb-tag--success.hb-tag--plain{background:#fff;border-color:var(--hb-color-success-border);color:var(--hb-color-success)}.hb-tag--warning.hb-tag--plain{background:#fff;border-color:var(--hb-color-warning-border);color:var(--hb-color-warning)}.hb-tag--danger.hb-tag--plain{background:#fff;border-color:var(--hb-color-danger-border);color:var(--hb-color-danger)}.hb-tag--info.hb-tag--plain{background:#fff;border-color:var(--hb-color-primary-border);color:var(--hb-color-primary)}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
 const HbTagStyle0 = tagCss;
@@ -27,13 +28,13 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
         this.hbClose.emit();
     };
     render() {
-        return (h("span", { key: 'e8663d8679aafe8d0838e5bc247ce0023fd64234', class: {
+        return (h("span", { key: 'cbb47210448d6131ab9c5a214aff96bb5d15fbd3', class: {
                 'hb-tag': true,
                 [`hb-tag--${this.type}`]: true,
                 [`hb-tag--${this.effect}`]: true,
                 'hb-tag--round': this.round,
                 [`hb-tag--${this.size}`]: true,
-            } }, h("span", { key: 'fb6d35fb1a76eac78bee548c74d0fb4aff560c28', class: "hb-tag__content" }, h("slot", { key: '450089e1e654bc339d6f99b8d763491277fc2b0e' })), this.closable && (h("span", { key: '8c115976d98f2242543f208d054cd2493b94373a', class: "hb-tag__close", role: "button", "aria-label": "\u79FB\u9664\u6807\u7B7E", tabIndex: 0, onClick: this.handleClose }, "\u00D7"))));
+            } }, h("span", { key: '25343f0399c94c25bfd7e567346a47305c7ed879', class: "hb-tag__content" }, h("slot", { key: '74f43e4cf97f89f379809d14392122f9c0aa784c' })), this.closable && (h("span", { key: '4b5172b9f4446f99e542f87f071ac17412ffd93f', class: "hb-tag__close", role: "button", "aria-label": "\u79FB\u9664\u6807\u7B7E", tabIndex: 0, onClick: this.handleClose, onKeyDown: activationClickHandler }, "\u00D7"))));
     }
     static get style() { return HbTagStyle0; }
 }, [1, "hb-tag", {

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

@@ -1 +1 @@
-{"file":"hb-tag.js","mappings":";;AAAA,MAAM,MAAM,GAAG,4kQAA4kQ,CAAC;AAC5lQ,oBAAe,MAAM;;MCUR,GAAG;;;;;;;;IAEN,IAAI,GAAsE,SAAS,CAAC;;IAGpF,QAAQ,GAAY,KAAK,CAAC;;IAG1B,MAAM,GAA+B,OAAO,CAAC;;IAG7C,KAAK,GAAY,KAAK,CAAC;;IAGvB,IAAI,GAAkC,SAAS,CAAC;;IAG/C,OAAO,CAAqB;IAE7B,WAAW,GAAG,CAAC,CAAQ;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB,CAAC;IAEF,MAAM;QACJ,QACE,6DACE,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAC9B,CAAC,WAAW,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI;gBAChC,eAAe,EAAE,IAAI,CAAC,KAAK;gBAC3B,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;aAC/B,IAED,6DAAM,KAAK,EAAC,iBAAiB,IAC3B,8DAAQ,CACH,EACN,IAAI,CAAC,QAAQ,KACZ,6DAAM,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,gBAAY,0BAAM,EAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,aAE3F,CACR,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Tag/tag.css?tag=hb-tag&encapsulation=shadow","src/components/Tag/Tag.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  padding: 0 var(--hb-spacing-xs);\n  height: 22px;\n  font-size: var(--hb-font-size-xs);\n  line-height: 1;\n  border-radius: var(--hb-tag-radius);\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n\n.hb-tag__content {\n  display: inline-flex;\n  align-items: center;\n}\n\n.hb-tag__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 1;\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-tag__close:hover {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n/* ---- 尺寸 ---- */\n.hb-tag--small { height: 18px; font-size: 11px; padding: 0 6px; }\n.hb-tag--large { height: 28px; font-size: var(--hb-font-size-sm); padding: 0 var(--hb-spacing-sm); }\n\n/* ---- 圆角 ---- */\n.hb-tag--round { border-radius: 999px; }\n\n/* ---- 类型：light（默认） ---- */\n.hb-tag--default.hb-tag--light { background: var(--hb-tag-default-bg); color: var(--hb-tag-default-color); }\n.hb-tag--primary.hb-tag--light { background: var(--hb-tag-primary-bg); color: var(--hb-tag-primary-color); }\n.hb-tag--success.hb-tag--light { background: var(--hb-tag-success-bg); color: var(--hb-tag-success-color); }\n.hb-tag--warning.hb-tag--light { background: var(--hb-tag-warning-bg); color: var(--hb-tag-warning-color); }\n.hb-tag--danger.hb-tag--light  { background: var(--hb-tag-danger-bg); color: var(--hb-tag-danger-color); }\n.hb-tag--info.hb-tag--light    { background: var(--hb-tag-primary-bg); color: var(--hb-tag-primary-color); }\n\n/* ---- 类型：dark ---- */\n.hb-tag--default.hb-tag--dark { background: var(--hb-color-text-quaternary); color: #fff; }\n.hb-tag--primary.hb-tag--dark { background: var(--hb-color-primary); color: #fff; }\n.hb-tag--success.hb-tag--dark { background: var(--hb-color-success); color: #fff; }\n.hb-tag--warning.hb-tag--dark { background: var(--hb-color-warning); color: #fff; }\n.hb-tag--danger.hb-tag--dark  { background: var(--hb-color-danger); color: #fff; }\n.hb-tag--info.hb-tag--dark    { background: var(--hb-color-info); color: #fff; }\n\n/* ---- 类型：plain ---- */\n.hb-tag--default.hb-tag--plain { background: #fff; color: var(--hb-color-text); border-color: var(--hb-color-border); }\n.hb-tag--primary.hb-tag--plain { background: #fff; color: var(--hb-color-primary); border-color: var(--hb-color-primary-border); }\n.hb-tag--success.hb-tag--plain { background: #fff; color: var(--hb-color-success); border-color: var(--hb-color-success-border); }\n.hb-tag--warning.hb-tag--plain { background: #fff; color: var(--hb-color-warning); border-color: var(--hb-color-warning-border); }\n.hb-tag--danger.hb-tag--plain  { background: #fff; color: var(--hb-color-danger); border-color: var(--hb-color-danger-border); }\n.hb-tag--info.hb-tag--plain    { background: #fff; color: var(--hb-color-primary); border-color: var(--hb-color-primary-border); }\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * Tag 标签组件\n * 用于标记和选择\n */\n@Component({\n  tag: 'hb-tag',\n  styleUrl: 'tag.css',\n  shadow: true,\n})\nexport class Tag {\n  /** 标签类型 */\n  @Prop() type: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' = 'default';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  /** 主题效果 */\n  @Prop() effect: 'dark' | 'light' | 'plain' = 'light';\n\n  /** 是否圆角 */\n  @Prop() round: boolean = false;\n\n  /** 标签尺寸 */\n  @Prop() size: 'small' | 'default' | 'large' = 'default';\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  private handleClose = (e: Event) => {\n    e.stopPropagation();\n    this.hbClose.emit();\n  };\n\n  render() {\n    return (\n      <span\n        class={{\n          'hb-tag': true,\n          [`hb-tag--${this.type}`]: true,\n          [`hb-tag--${this.effect}`]: true,\n          'hb-tag--round': this.round,\n          [`hb-tag--${this.size}`]: true,\n        }}\n      >\n        <span class=\"hb-tag__content\">\n          <slot />\n        </span>\n        {this.closable && (\n          <span class=\"hb-tag__close\" role=\"button\" aria-label=\"移除标签\" tabIndex={0} onClick={this.handleClose}>\n            ×\n          </span>\n        )}\n      </span>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-tag.js","mappings":";;;AAAA,MAAM,MAAM,GAAG,4kQAA4kQ,CAAC;AAC5lQ,oBAAe,MAAM;;MCWR,GAAG;;;;;;;;IAEN,IAAI,GAAsE,SAAS,CAAC;;IAGpF,QAAQ,GAAY,KAAK,CAAC;;IAG1B,MAAM,GAA+B,OAAO,CAAC;;IAG7C,KAAK,GAAY,KAAK,CAAC;;IAGvB,IAAI,GAAkC,SAAS,CAAC;;IAG/C,OAAO,CAAqB;IAE7B,WAAW,GAAG,CAAC,CAAQ;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB,CAAC;IAEF,MAAM;QACJ,QACE,6DACE,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAC9B,CAAC,WAAW,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI;gBAChC,eAAe,EAAE,IAAI,CAAC,KAAK;gBAC3B,CAAC,WAAW,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;aAC/B,IAED,6DAAM,KAAK,EAAC,iBAAiB,IAC3B,8DAAQ,CACH,EACN,IAAI,CAAC,QAAQ,KACZ,6DAAM,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,gBAAY,0BAAM,EAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,sBAAsB,aAE9H,CACR,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Tag/tag.css?tag=hb-tag&encapsulation=shadow","src/components/Tag/Tag.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  padding: 0 var(--hb-spacing-xs);\n  height: 22px;\n  font-size: var(--hb-font-size-xs);\n  line-height: 1;\n  border-radius: var(--hb-tag-radius);\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n\n.hb-tag__content {\n  display: inline-flex;\n  align-items: center;\n}\n\n.hb-tag__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 1;\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-tag__close:hover {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n/* ---- 尺寸 ---- */\n.hb-tag--small { height: 18px; font-size: 11px; padding: 0 6px; }\n.hb-tag--large { height: 28px; font-size: var(--hb-font-size-sm); padding: 0 var(--hb-spacing-sm); }\n\n/* ---- 圆角 ---- */\n.hb-tag--round { border-radius: 999px; }\n\n/* ---- 类型：light（默认） ---- */\n.hb-tag--default.hb-tag--light { background: var(--hb-tag-default-bg); color: var(--hb-tag-default-color); }\n.hb-tag--primary.hb-tag--light { background: var(--hb-tag-primary-bg); color: var(--hb-tag-primary-color); }\n.hb-tag--success.hb-tag--light { background: var(--hb-tag-success-bg); color: var(--hb-tag-success-color); }\n.hb-tag--warning.hb-tag--light { background: var(--hb-tag-warning-bg); color: var(--hb-tag-warning-color); }\n.hb-tag--danger.hb-tag--light  { background: var(--hb-tag-danger-bg); color: var(--hb-tag-danger-color); }\n.hb-tag--info.hb-tag--light    { background: var(--hb-tag-primary-bg); color: var(--hb-tag-primary-color); }\n\n/* ---- 类型：dark ---- */\n.hb-tag--default.hb-tag--dark { background: var(--hb-color-text-quaternary); color: #fff; }\n.hb-tag--primary.hb-tag--dark { background: var(--hb-color-primary); color: #fff; }\n.hb-tag--success.hb-tag--dark { background: var(--hb-color-success); color: #fff; }\n.hb-tag--warning.hb-tag--dark { background: var(--hb-color-warning); color: #fff; }\n.hb-tag--danger.hb-tag--dark  { background: var(--hb-color-danger); color: #fff; }\n.hb-tag--info.hb-tag--dark    { background: var(--hb-color-info); color: #fff; }\n\n/* ---- 类型：plain ---- */\n.hb-tag--default.hb-tag--plain { background: #fff; color: var(--hb-color-text); border-color: var(--hb-color-border); }\n.hb-tag--primary.hb-tag--plain { background: #fff; color: var(--hb-color-primary); border-color: var(--hb-color-primary-border); }\n.hb-tag--success.hb-tag--plain { background: #fff; color: var(--hb-color-success); border-color: var(--hb-color-success-border); }\n.hb-tag--warning.hb-tag--plain { background: #fff; color: var(--hb-color-warning); border-color: var(--hb-color-warning-border); }\n.hb-tag--danger.hb-tag--plain  { background: #fff; color: var(--hb-color-danger); border-color: var(--hb-color-danger-border); }\n.hb-tag--info.hb-tag--plain    { background: #fff; color: var(--hb-color-primary); border-color: var(--hb-color-primary-border); }\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { activationClickHandler } from '../../utils/a11y';\n\n/**\n * Tag 标签组件\n * 用于标记和选择\n */\n@Component({\n  tag: 'hb-tag',\n  styleUrl: 'tag.css',\n  shadow: true,\n})\nexport class Tag {\n  /** 标签类型 */\n  @Prop() type: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' = 'default';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  /** 主题效果 */\n  @Prop() effect: 'dark' | 'light' | 'plain' = 'light';\n\n  /** 是否圆角 */\n  @Prop() round: boolean = false;\n\n  /** 标签尺寸 */\n  @Prop() size: 'small' | 'default' | 'large' = 'default';\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  private handleClose = (e: Event) => {\n    e.stopPropagation();\n    this.hbClose.emit();\n  };\n\n  render() {\n    return (\n      <span\n        class={{\n          'hb-tag': true,\n          [`hb-tag--${this.type}`]: true,\n          [`hb-tag--${this.effect}`]: true,\n          'hb-tag--round': this.round,\n          [`hb-tag--${this.size}`]: true,\n        }}\n      >\n        <span class=\"hb-tag__content\">\n          <slot />\n        </span>\n        {this.closable && (\n          <span class=\"hb-tag__close\" role=\"button\" aria-label=\"移除标签\" tabIndex={0} onClick={this.handleClose} onKeyDown={activationClickHandler}>\n            ×\n          </span>\n        )}\n      </span>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-text.js

@@ -40,7 +40,7 @@ const Text = /*@__PURE__*/ proxyCustomElement(class Text extends H {
      */
     deleted = false;
     render() {
-        return (h("span", { key: '71ef3be634ff5831895415e3225d0197c66319d9', class: {
+        return (h("span", { key: '39f808a2c887a0016c831cf5927ba409fe35cf3f', class: {
                 'hb-text': true,
                 [`hb-text--${this.type}`]: !!this.type,
                 [`hb-text--${this.size}`]: true,
@@ -48,7 +48,7 @@ const Text = /*@__PURE__*/ proxyCustomElement(class Text extends H {
                 'hb-text--bold': this.bold,
                 'hb-text--italic': this.italic,
                 'hb-text--deleted': this.deleted,
-            } }, h("slot", { key: '801d3ae1c36d0d62c7853e4f16e28c4b27eaa865' })));
+            } }, h("slot", { key: '9fde0be9ea2fb7c56aab8db9cb82baa7a7333538' })));
     }
     static get style() { return HbTextStyle0; }
 }, [1, "hb-text", {

package/dist/components/hb-time-picker.js

@@ -59,13 +59,17 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends H {
     clickOutside = createClickOutsideHandler({
         host: null,
         isOpen: () => this.isOpen,
-        onClose: () => { this.isOpen = false; },
+        onClose: () => {
+            this.isOpen = false;
+        },
     });
     componentDidLoad() {
         this.clickOutside = createClickOutsideHandler({
             host: this.el,
             isOpen: () => this.isOpen,
-            onClose: () => { this.isOpen = false; },
+            onClose: () => {
+                this.isOpen = false;
+            },
         });
         this.clickOutside.connect();
         this.updateInputValue();
@@ -83,9 +87,10 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends H {
         }
         const parts = this.modelValue.split(':');
         if (parts.length >= 2) {
-            this.selectedHour = parseInt(parts[0]) || 0;
-            this.selectedMinute = parseInt(parts[1]) || 0;
-            this.selectedSecond = parseInt(parts[2]) || 0;
+            // O1：显式传 radix 10（与全库一致），并用 ?? 替代 || 以保留合法的 0。
+            this.selectedHour = Number.isNaN(parseInt(parts[0], 10)) ? 0 : parseInt(parts[0], 10);
+            this.selectedMinute = Number.isNaN(parseInt(parts[1], 10)) ? 0 : parseInt(parts[1], 10);
+            this.selectedSecond = parts.length >= 3 ? (Number.isNaN(parseInt(parts[2], 10)) ? 0 : parseInt(parts[2], 10)) : 0;
             this.inputValue = this.modelValue;
         }
     }
@@ -118,18 +123,18 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends H {
         const hours = this.generateNumbers(23);
         const minutes = this.generateNumbers(59);
         const seconds = this.generateNumbers(59);
-        return (h("div", { key: '9094283db6c38172f2f03afc10a853df1e0c669c', class: {
+        return (h("div", { key: '5ade3bf29b31c85f1f136ecee2b0b1e2eb3263cd', class: {
                 'hb-time-picker': true,
                 'hb-time-picker--open': this.isOpen,
                 'hb-time-picker--disabled': this.disabled,
                 [`hb-time-picker--${this.size}`]: true,
-            } }, h("div", { key: 'f96d2140416a203cabe716024c5f885bfc695cf7', class: "hb-time-picker__input-wrapper", onClick: this.handleInputClick }, h("input", { key: '742a2e365167ab75563da2c6c0b6cc6b0d944e60', type: "text", id: this.inputId, name: this.name, class: "hb-time-picker__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true }), h("span", { key: '1be1f914701d9b2475ca33b646fd0edd0b838e28', class: "hb-time-picker__suffix" }, this.clearable && this.modelValue && (h("span", { key: 'dab0ca8babf46b0101c98f39a4b0dbfd65ba4af1', class: "hb-time-picker__clear", onClick: this.handleClear }, "\u00D7")), h("span", { key: 'adc2a72220366441cda6b93df5750247766078d6', class: "hb-time-picker__icon" }, "\uD83D\uDD50"))), this.isOpen && (h("div", { key: '8cb56572553259f7eb217c59b08f12517cc80ea0', class: "hb-time-picker__dropdown" }, h("div", { key: '0d3349183f69feb327e87837a6e7d7c779a5933e', class: "hb-time-picker__body" }, h("div", { key: 'c8a856d7fd258b35d6d4fc1cd099f06e676246ec', class: "hb-time-picker__list" }, h("div", { key: 'b0ea8ce96ccf37b7b796ede2ddf3c1174240af86', class: "hb-time-picker__list-title" }, "\u65F6"), h("div", { key: 'b64f8611176a34fc9423b4e97b2f75b2fd35b424', class: "hb-time-picker__list-content" }, hours.map((hour) => (h("div", { class: {
+            } }, h("div", { key: '0fde999ad94ab4038b88b7618c96f56a84c00471', class: "hb-time-picker__input-wrapper", onClick: this.handleInputClick }, h("input", { key: '861e16645c153fd6f8b2212aa7aca54a25c18681', type: "text", id: this.inputId, name: this.name, class: "hb-time-picker__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true }), h("span", { key: 'f21237a91888bd9925f7288812d76f7ef9032b40', class: "hb-time-picker__suffix" }, this.clearable && this.modelValue && (h("span", { key: 'b4bbe4997c4bf0fb4495589919024358b42a09a6', class: "hb-time-picker__clear", onClick: this.handleClear }, "\u00D7")), h("span", { key: 'fdebff0eb8341ba04070868e11e2f1cb3faf5f0b', class: "hb-time-picker__icon" }, "\uD83D\uDD50"))), this.isOpen && (h("div", { key: 'fa757f8eea4df02aa9dd380ca73b0960f7e59aee', class: "hb-time-picker__dropdown" }, h("div", { key: '08ea256ddb634cacee23382de1edea3dd9bea077', class: "hb-time-picker__body" }, h("div", { key: '75081697098c6db720efa86ba2584a1ac664dd66', class: "hb-time-picker__list" }, h("div", { key: '2901c1072d665d05420b5b76bed782c3e7728a75', class: "hb-time-picker__list-title" }, "\u65F6"), h("div", { key: 'caaa6a66d2fda1c8085e03442ad7bb6730ccce89', class: "hb-time-picker__list-content" }, hours.map(hour => (h("div", { class: {
                 'hb-time-picker__item': true,
                 'hb-time-picker__item--selected': hour === this.selectedHour,
-            }, onClick: () => this.handleTimeSelect(hour, this.selectedMinute, this.selectedSecond) }, String(hour).padStart(2, '0')))))), h("div", { key: 'bb942f55ddae345907af5fd02e5cee5212708f5c', class: "hb-time-picker__list" }, h("div", { key: '668ea699803a436745c75eb9731c057bbeed8a1d', class: "hb-time-picker__list-title" }, "\u5206"), h("div", { key: '47a6302477dd7723c046f5f17651aea2ef538cb6', class: "hb-time-picker__list-content" }, minutes.map((minute) => (h("div", { class: {
+            }, onClick: () => this.handleTimeSelect(hour, this.selectedMinute, this.selectedSecond) }, String(hour).padStart(2, '0')))))), h("div", { key: '58a7c79553a2675927293b7a3a793dec5575751e', class: "hb-time-picker__list" }, h("div", { key: '45944f1d7501656603f8303961bf8f0a555a9fa5', class: "hb-time-picker__list-title" }, "\u5206"), h("div", { key: '606f423b6853c8856a7e66b2fe7f8164b78e20c4', class: "hb-time-picker__list-content" }, minutes.map(minute => (h("div", { class: {
                 'hb-time-picker__item': true,
                 'hb-time-picker__item--selected': minute === this.selectedMinute,
-            }, onClick: () => this.handleTimeSelect(this.selectedHour, minute, this.selectedSecond) }, String(minute).padStart(2, '0')))))), this.format.includes('ss') && (h("div", { key: '61d76686b06642b0af2df140723eac7f263692ae', class: "hb-time-picker__list" }, h("div", { key: 'c12f055dca542b95e3e9f4a5113c3262c4c0e406', class: "hb-time-picker__list-title" }, "\u79D2"), h("div", { key: '71ede0e6b2412009b840e3c52ec0664035db45bd', class: "hb-time-picker__list-content" }, seconds.map((second) => (h("div", { class: {
+            }, onClick: () => this.handleTimeSelect(this.selectedHour, minute, this.selectedSecond) }, String(minute).padStart(2, '0')))))), this.format.includes('ss') && (h("div", { key: 'e941e6204eddc3231a33a47e1e743ebb9a1d7c29', class: "hb-time-picker__list" }, h("div", { key: 'be1fbd18c260c44b3d06184b0da69c48c6f19945', class: "hb-time-picker__list-title" }, "\u79D2"), h("div", { key: 'c56ae4c77a04922561fb715fa49fea7b1b00acf0', class: "hb-time-picker__list-content" }, seconds.map(second => (h("div", { class: {
                 'hb-time-picker__item': true,
                 'hb-time-picker__item--selected': second === this.selectedSecond,
             }, onClick: () => this.handleTimeSelect(this.selectedHour, this.selectedMinute, second) }, String(second).padStart(2, '0'))))))))))));