huibo-ui 0.3.0 → 0.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../../src/components/Steps/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGnE,MAAM,OAAO,KAAK;IACL,EAAE,CAAc;IACnB,MAAM,GAAW,CAAC,CAAC;IACnB,aAAa,GAA4C,SAAS,CAAC;IACnE,WAAW,GAAY,KAAK,CAAC;IAC7B,SAAS,GAA8B,YAAY,CAAC;IAEnD,KAAK,GAA8C,EAAE,CAAC;IAE/D,gBAAgB;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAClD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC5C,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE;YACvC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,SAAS;SAC3D,CAAC,CAAC,CAAC;IACN,CAAC;IAEO,SAAS,CAAC,KAAa;QAC7B,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM;YAAE,OAAO,QAAQ,CAAC;QACzC,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,aAAa,CAAC;QACrD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEO,OAAO,CAAC,KAAa;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,MAAM,KAAK,QAAQ;YAAE,OAAO,GAAG,CAAC;QACpC,IAAI,MAAM,KAAK,OAAO;YAAE,OAAO,GAAG,CAAC;QACnC,OAAO,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,aAAa,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,CAAC,WAAW,EAAE,IAChH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,WAAK,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE;YACpF,WAAK,KAAK,EAAC,gBAAgB;gBACzB,YAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAQ;gBACpD,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,WAAK,KAAK,EAAC,gBAAgB,GAAO,CAC5D;YACN,WAAK,KAAK,EAAC,gBAAgB;gBACzB,WAAK,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,KAAK,CAAO;gBAC9C,IAAI,CAAC,WAAW,IAAI,WAAK,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,WAAW,CAAO,CAC5E,CACF,CACP,CAAC,CACE,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\n\n@Component({ tag: 'hb-steps', styleUrl: 'steps.css', shadow: true })\nexport class Steps {\n  @Element() el: HTMLElement;\n  @Prop() active: number = 0;\n  @Prop() processStatus: 'wait' | 'process' | 'finish' | 'error' = 'process';\n  @Prop() alignCenter: boolean = false;\n  @Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n  @State() steps: { title: string; description?: string }[] = [];\n\n  componentDidLoad() {\n    const items = this.el.querySelectorAll('hb-step');\n    this.steps = Array.from(items).map((item) => ({\n      title: item.getAttribute('title') || '',\n      description: item.getAttribute('description') || undefined,\n    }));\n  }\n\n  private getStatus(index: number): string {\n    if (index < this.active) return 'finish';\n    if (index === this.active) return this.processStatus;\n    return 'wait';\n  }\n\n  private getIcon(index: number): string {\n    const status = this.getStatus(index);\n    if (status === 'finish') return '✓';\n    if (status === 'error') return '✕';\n    return String(index + 1);\n  }\n\n  render() {\n    return (\n      <div class={{ 'hb-steps': true, [`hb-steps--${this.direction}`]: true, 'hb-steps--align-center': this.alignCenter }}>\n        {this.steps.map((step, i) => (\n          <div class={{ 'hb-steps__item': true, [`hb-steps__item--${this.getStatus(i)}`]: true }}>\n            <div class=\"hb-steps__head\">\n              <span class=\"hb-steps__icon\">{this.getIcon(i)}</span>\n              {i < this.steps.length - 1 && <div class=\"hb-steps__line\"></div>}\n            </div>\n            <div class=\"hb-steps__main\">\n              <div class=\"hb-steps__title\">{step.title}</div>\n              {step.description && <div class=\"hb-steps__description\">{step.description}</div>}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../../src/components/Steps/Steps.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\n\nexport type StepStatus = 'wait' | 'process' | 'finish' | 'error';\n\ninterface StepMeta {\n  title: string;\n  description?: string;\n  /** 自定义图标名/标记（'hb-icon' name 或文本）。undefined 表示用默认序号/状态图标 */\n  icon?: string;\n  /** 子项显式状态覆盖（不指定则按 active 自动推导） */\n  status?: StepStatus;\n}\n\n@Component({ tag: 'hb-steps', styleUrl: 'steps.css', shadow: true })\nexport class Steps {\n  @Element() el: HTMLElement;\n  @Prop() active: number = 0;\n  @Prop() processStatus: StepStatus = 'process';\n  @Prop() alignCenter: boolean = false;\n  @Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n  @State() steps: StepMeta[] = [];\n\n  componentDidLoad() {\n    const items = this.el.querySelectorAll('hb-step');\n    this.steps = Array.from(items).map((item) => {\n      const node = item as HTMLElement;\n      // 仅用 getAttribute：hb-step 的 @Prop() status 默认值为 'wait'，\n      // 若读 (node as any).status 会拿到默认值，从而错误地覆盖 active 推导。\n      // 用户显式在 HTML 上写 status=\"xxx\" 时 getAttribute 才有值。\n      return {\n        title: node.getAttribute('title') || '',\n        description: node.getAttribute('description') || undefined,\n        icon: node.getAttribute('icon') || undefined,\n        status: (node.getAttribute('status') || undefined) as StepStatus | undefined,\n      };\n    });\n  }\n\n  private getStatus(index: number): StepStatus {\n    const meta = this.steps[index];\n    // 子项显式 status 优先（仅当用户在 HTML 上写了 status 属性）\n    if (meta && meta.status) return meta.status;\n    if (index < this.active) return 'finish';\n    if (index === this.active) return this.processStatus;\n    return 'wait';\n  }\n\n  /** 渲染图标：子项自定义 icon 优先；否则按状态（finish=✓、error=✕、其余=序号） */\n  private renderIcon(index: number): any {\n    const meta = this.steps[index];\n    if (meta && meta.icon) {\n      // 自定义图标名：若与 hb-icon 内置图标同名则渲染 hb-icon，否则按文本渲染\n      return <hb-icon name={meta.icon} size={16} aria-hidden=\"true\" />;\n    }\n    const status = this.getStatus(index);\n    if (status === 'finish') return '✓';\n    if (status === 'error') return '✕';\n    return String(index + 1);\n  }\n\n  render() {\n    return (\n      <ol\n        class={{ 'hb-steps': true, [`hb-steps--${this.direction}`]: true, 'hb-steps--align-center': this.alignCenter }}\n        role=\"list\"\n      >\n        {this.steps.map((step, i) => {\n          const status = this.getStatus(i);\n          return (\n            <li\n              class={{ 'hb-steps__item': true, [`hb-steps__item--${status}`]: true }}\n              role=\"listitem\"\n              aria-current={status === 'process' ? 'step' : undefined}\n              aria-disabled={step.status === 'wait' && i > this.active ? 'true' : undefined}\n            >\n              <div class=\"hb-steps__head\">\n                <span class=\"hb-steps__icon\" aria-hidden=\"true\">{this.renderIcon(i)}</span>\n                {i < this.steps.length - 1 && <div class=\"hb-steps__line\"></div>}\n              </div>\n              <div class=\"hb-steps__main\">\n                <div class=\"hb-steps__title\">{step.title}</div>\n                {step.description && <div class=\"hb-steps__description\">{step.description}</div>}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n    );\n  }\n}\n"]}

package/dist/collection/components/Switch/Switch.js

@@ -65,16 +65,21 @@ export class Switch {
     };
     render() {
         const isChecked = this.modelValue === this.activeValue;
-        const width = this.width || (this.activeText || this.inactiveText ? 60 : 40);
-        return (h("label", { key: '1604fb9d4cee4a550e4d17cfde2804795c975b49', class: {
+        // 宽度：inlinePrompt 与 text 模式都加宽；inlinePrompt 文字塞进圆点两侧，仍需更宽一些
+        const hasText = !!(this.activeText || this.inactiveText);
+        const width = this.width || (hasText ? (this.inlinePrompt ? 50 : 60) : 40);
+        return (h("label", { key: '8dd6419c9a3bf07eb817f7dcc5527a9205fbe3ce', class: {
                 'hb-switch': true,
                 'hb-switch--checked': isChecked,
                 'hb-switch--disabled': this.disabled,
+                'hb-switch--inline-prompt': this.inlinePrompt && hasText,
             }, style: {
                 '--hb-switch-width': `${width}px`,
                 '--hb-switch-active-color': this.activeColor || 'var(--hb-color-primary)',
                 '--hb-switch-inactive-color': this.inactiveColor || 'var(--hb-color-text-placeholder, #c0c4cc)',
-            } }, h("input", { key: 'bcf5f240a911b79fe93a06c03d4defc9da535007', type: "checkbox", class: "hb-switch__original", role: "switch", "aria-checked": isChecked ? 'true' : 'false', checked: isChecked, disabled: this.disabled, onChange: this.handleChange, "aria-label": this.activeText || this.inactiveText || undefined }), h("span", { key: 'c021d1bda42d0a888b5620182e9839bdcda2acfd', class: "hb-switch__core" }, this.activeText || this.inactiveText ? (h("span", { class: "hb-switch__inner" }, isChecked ? this.activeText : this.inactiveText)) : null)));
+            } }, h("input", { key: '1b9ad2ba8333d68eb277b4c3e69def909bc1afa4', type: "checkbox", class: "hb-switch__original", role: "switch", "aria-checked": isChecked ? 'true' : 'false', checked: isChecked, disabled: this.disabled, onChange: this.handleChange, "aria-label": this.activeText || this.inactiveText || undefined }), h("span", { key: '0e5f62e436fe4269fc5297304d387226048cd1da', class: "hb-switch__core" }, hasText && !this.inlinePrompt && (h("span", { key: 'a47d95af71418779db46c9ca3149db1632fce64a', class: "hb-switch__inner" }, isChecked ? this.activeText : this.inactiveText)), hasText && this.inlinePrompt && (
+        // 内联提示：开/关文字塞进圆点两侧，随切换显隐
+        h("span", { key: 'f1988e24665253db80209065c5269ffd5ccc7679', class: "hb-switch__inner hb-switch__inner--inline" }, h("span", { key: 'ad6cc1be25962c01ec4cc4ce67a623d52a0aa79f', class: "hb-switch__inner-text hb-switch__inner-text--active" }, this.activeText), h("span", { key: '2c7e5f3087e46079fa23d55b2f42d98b773cc5b9', class: "hb-switch__inner-text hb-switch__inner-text--inactive" }, this.inactiveText))))));
     }
     static get is() { return "hb-switch"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * Switch 开关组件\n * 表示两种相互对立的状态间的切换，多用于触发「开/关」\n */\n@Component({\n  tag: 'hb-switch',\n  styleUrl: 'switch.css',\n  shadow: true,\n})\nexport class Switch {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: boolean = false;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否显示文字描述\n   * @default false\n   */\n  @Prop() activeText?: string;\n\n  /**\n   * 关闭时的文字描述\n   */\n  @Prop() inactiveText?: string;\n\n  /**\n   * 打开时的背景色\n   */\n  @Prop() activeColor?: string;\n\n  /**\n   * 关闭时的背景色\n   */\n  @Prop() inactiveColor?: string;\n\n  /**\n   * 打开时的值\n   * @default true\n   */\n  @Prop() activeValue: boolean | string | number = true;\n\n  /**\n   * 关闭时的值\n   * @default false\n   */\n  @Prop() inactiveValue: boolean | string | number = false;\n\n  /**\n   * 宽度\n   */\n  @Prop() width?: number;\n\n  /**\n   * 是否内联提示\n   * @default false\n   */\n  @Prop() inlinePrompt: boolean = false;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<boolean | string | number>;\n\n  private handleChange = (e: Event) => {\n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    const checked = (e.target as HTMLInputElement).checked;\n    const value = checked ? this.activeValue : this.inactiveValue;\n    \n    this.modelValue = checked;\n    this.hbChange.emit(value);\n  };\n\n  render() {\n    const isChecked = this.modelValue === this.activeValue;\n    const width = this.width || (this.activeText || this.inactiveText ? 60 : 40);\n\n    return (\n      <label\n        class={{\n          'hb-switch': true,\n          'hb-switch--checked': isChecked,\n          'hb-switch--disabled': this.disabled,\n        }}\n        style={{\n          '--hb-switch-width': `${width}px`,\n          '--hb-switch-active-color': this.activeColor || 'var(--hb-color-primary)',\n          '--hb-switch-inactive-color': this.inactiveColor || 'var(--hb-color-text-placeholder, #c0c4cc)',\n        }}\n      >\n        <input\n          type=\"checkbox\"\n          class=\"hb-switch__original\"\n          role=\"switch\"\n          aria-checked={isChecked ? 'true' : 'false'}\n          checked={isChecked}\n          disabled={this.disabled}\n          onChange={this.handleChange}\n          aria-label={this.activeText || this.inactiveText || undefined}\n        />\n        <span class=\"hb-switch__core\">\n          {this.activeText || this.inactiveText ? (\n            <span class=\"hb-switch__inner\">\n              {isChecked ? this.activeText : this.inactiveText}\n            </span>\n          ) : null}\n        </span>\n      </label>\n    );\n  }\n}\n\n"]}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * Switch 开关组件\n * 表示两种相互对立的状态间的切换，多用于触发「开/关」\n */\n@Component({\n  tag: 'hb-switch',\n  styleUrl: 'switch.css',\n  shadow: true,\n})\nexport class Switch {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: boolean = false;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否显示文字描述\n   * @default false\n   */\n  @Prop() activeText?: string;\n\n  /**\n   * 关闭时的文字描述\n   */\n  @Prop() inactiveText?: string;\n\n  /**\n   * 打开时的背景色\n   */\n  @Prop() activeColor?: string;\n\n  /**\n   * 关闭时的背景色\n   */\n  @Prop() inactiveColor?: string;\n\n  /**\n   * 打开时的值\n   * @default true\n   */\n  @Prop() activeValue: boolean | string | number = true;\n\n  /**\n   * 关闭时的值\n   * @default false\n   */\n  @Prop() inactiveValue: boolean | string | number = false;\n\n  /**\n   * 宽度\n   */\n  @Prop() width?: number;\n\n  /**\n   * 是否内联提示\n   * @default false\n   */\n  @Prop() inlinePrompt: boolean = false;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<boolean | string | number>;\n\n  private handleChange = (e: Event) => {\n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    const checked = (e.target as HTMLInputElement).checked;\n    const value = checked ? this.activeValue : this.inactiveValue;\n    \n    this.modelValue = checked;\n    this.hbChange.emit(value);\n  };\n\n  render() {\n    const isChecked = this.modelValue === this.activeValue;\n    // 宽度：inlinePrompt 与 text 模式都加宽；inlinePrompt 文字塞进圆点两侧，仍需更宽一些\n    const hasText = !!(this.activeText || this.inactiveText);\n    const width = this.width || (hasText ? (this.inlinePrompt ? 50 : 60) : 40);\n\n    return (\n      <label\n        class={{\n          'hb-switch': true,\n          'hb-switch--checked': isChecked,\n          'hb-switch--disabled': this.disabled,\n          'hb-switch--inline-prompt': this.inlinePrompt && hasText,\n        }}\n        style={{\n          '--hb-switch-width': `${width}px`,\n          '--hb-switch-active-color': this.activeColor || 'var(--hb-color-primary)',\n          '--hb-switch-inactive-color': this.inactiveColor || 'var(--hb-color-text-placeholder, #c0c4cc)',\n        }}\n      >\n        <input\n          type=\"checkbox\"\n          class=\"hb-switch__original\"\n          role=\"switch\"\n          aria-checked={isChecked ? 'true' : 'false'}\n          checked={isChecked}\n          disabled={this.disabled}\n          onChange={this.handleChange}\n          aria-label={this.activeText || this.inactiveText || undefined}\n        />\n        <span class=\"hb-switch__core\">\n          {hasText && !this.inlinePrompt && (\n            <span class=\"hb-switch__inner\">\n              {isChecked ? this.activeText : this.inactiveText}\n            </span>\n          )}\n          {hasText && this.inlinePrompt && (\n            // 内联提示：开/关文字塞进圆点两侧，随切换显隐\n            <span class=\"hb-switch__inner hb-switch__inner--inline\">\n              <span class=\"hb-switch__inner-text hb-switch__inner-text--active\">{this.activeText}</span>\n              <span class=\"hb-switch__inner-text hb-switch__inner-text--inactive\">{this.inactiveText}</span>\n            </span>\n          )}\n        </span>\n      </label>\n    );\n  }\n}\n\n"]}

package/dist/collection/components/Switch/switch.css

@@ -83,3 +83,48 @@
   cursor: not-allowed;
 }
 
+
+/* ---- inlinePrompt：文字塞进圆点两侧 ---- */
+.hb-switch--inline-prompt .hb-switch__inner--inline {
+  left: 0;
+  right: 0;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  font-size: 12px;
+  color: #fff;
+  pointer-events: none;
+}
+
+.hb-switch__inner-text {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+/* 关闭态：左侧（inactive）显示，圆点在右 */
+.hb-switch:not(.hb-switch--checked) .hb-switch__inner-text--inactive {
+  opacity: 1;
+  padding-left: 6px;
+  padding-right: 22px;
+  justify-content: flex-start;
+}
+
+.hb-switch:not(.hb-switch--checked) .hb-switch__inner-text--active {
+  display: none;
+}
+
+/* 打开态：右侧（active）显示，圆点在左 */
+.hb-switch--checked .hb-switch__inner-text--active {
+  opacity: 1;
+  padding-left: 22px;
+  padding-right: 6px;
+  justify-content: flex-end;
+}
+
+.hb-switch--checked .hb-switch__inner-text--inactive {
+  display: none;
+}

package/dist/collection/components/Table/table.css

@@ -287,3 +287,23 @@
   outline: none;
   background-color: var(--hb-color-bg, #fff);
 }
+
+/* ============================================================
+ * 响应式（移动端）：
+ * - 小屏强制最小宽度，避免列被挤压到不可读（保留横向滚动）
+ * - sticky 表头在滚动时保持可见
+ * ============================================================ */
+@media (max-width: 575.98px) {
+  .hb-table__table {
+    /* 最小宽度保证列内容可读，超出靠 wrapper 横向滚动 */
+    min-width: 480px;
+  }
+
+  /* sticky 表头：横向滚动时表头跟随 */
+  .hb-table__table thead th {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    background-color: var(--hb-color-bg-container, #fafafa);
+  }
+}

package/dist/collection/components/Tabs/TabPane.js

@@ -10,7 +10,7 @@ export class TabPane {
     /** 是否激活 */
     active = false;
     render() {
-        return (h("div", { key: 'fa98d25d4ff9e4150b91b25db175af36aaba295f', class: { 'hb-tab-pane': true, 'hb-tab-pane--hidden': !this.active }, role: "tabpanel", id: `hb-tabs__panel-${this.key}`, "aria-labelledby": this.key ? `hb-tabs__tab-${this.key}` : undefined, tabindex: this.active ? 0 : undefined }, h("slot", { key: 'a13d4ae22b4e093d4d5ba4994468fc22be3cecc3' })));
+        return (h("div", { key: '48f2502eb6adf6a5ac6f48cbab68583d1129a94c', class: { 'hb-tab-pane': true, 'hb-tab-pane--hidden': !this.active }, role: "tabpanel", id: `hb-tabs__panel-${this.key}`, "aria-labelledby": this.key ? `hb-tabs__tab-${this.key}` : undefined, tabindex: this.active ? 0 : undefined }, h("slot", { key: '8b8187579258806eda61194ac51225346f2da6de' })));
     }
     static get is() { return "hb-tab-pane"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Tabs/Tabs.js

@@ -83,7 +83,7 @@ export class Tabs {
         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: '3da48f868d9a457ff75142065ad7d12943cadf9e', class: { 'hb-tabs': true, [`hb-tabs--${this.type}`]: true } }, h("div", { key: '37245e5d82bedaa8e53f91dc5773db0b0b24f7e3', class: "hb-tabs__header" }, h("div", { key: '37ddb4d2dfb726cc37c36bcf6ce00182b062bb8b', 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: {
@@ -93,7 +93,7 @@ export class Tabs {
                     e.stopPropagation();
                     this.hbTabRemove.emit(tab.key);
                 } }, "\u00D7"))));
-        }))), h("div", { key: '45fee79ae1148bc6385bcb161c757d0226b4309c', class: "hb-tabs__content" }, h("slot", { key: 'cb00f1ed24d5a937e378c238097a251b45f323c6' }))));
+        }))), h("div", { key: 'e36625b043908e3c19bbc06f4cef4d1a877e02c5', class: "hb-tabs__content" }, h("slot", { key: 'a7239ca67b560d106c94370bf45fd2ba5293114f' }))));
     }
     static get is() { return "hb-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Tag/Tag.js

@@ -21,13 +21,13 @@ export class Tag {
         this.hbClose.emit();
     };
     render() {
-        return (h("span", { key: 'e8663d8679aafe8d0838e5bc247ce0023fd64234', class: {
+        return (h("span", { key: '949732a389ac350303fa84521948b04000a86304', 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: 'cefc4e3866faf0ae716db4e694ce01fcfae6c5f4', class: "hb-tag__content" }, h("slot", { key: 'c15bef363b1a665eba672b3b0040d4723e4399b7' })), this.closable && (h("span", { key: '8d9f90a4d359418f4d3b43970fcea25f17ed9587', class: "hb-tag__close", role: "button", "aria-label": "\u79FB\u9664\u6807\u7B7E", tabIndex: 0, onClick: this.handleClose }, "\u00D7"))));
     }
     static get is() { return "hb-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Text/Text.js

@@ -35,7 +35,7 @@ export class Text {
      */
     deleted = false;
     render() {
-        return (h("span", { key: '71ef3be634ff5831895415e3225d0197c66319d9', class: {
+        return (h("span", { key: 'ebb368293d0cad6ecea4064f931f59ad0178ce4c', class: {
                 'hb-text': true,
                 [`hb-text--${this.type}`]: !!this.type,
                 [`hb-text--${this.size}`]: true,
@@ -43,7 +43,7 @@ export class Text {
                 'hb-text--bold': this.bold,
                 'hb-text--italic': this.italic,
                 'hb-text--deleted': this.deleted,
-            } }, h("slot", { key: '801d3ae1c36d0d62c7853e4f16e28c4b27eaa865' })));
+            } }, h("slot", { key: '71aae840020c66b698818dc980c43171604c9aaa' })));
     }
     static get is() { return "hb-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/TimePicker/TimePicker.js

@@ -112,18 +112,18 @@ export class TimePicker {
         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: '8cdcf950bac041ffacd5221763ad1784de2d7b2b', 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: 'bfc62529cec7d175e639095f47b579477c5a9de0', class: "hb-time-picker__input-wrapper", onClick: this.handleInputClick }, h("input", { key: '64627f0f677f6274db4b95ac5ea594b372aa72a5', 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: 'd98fd6ae6c3eef578da51000b44721685bb5241c', class: "hb-time-picker__suffix" }, this.clearable && this.modelValue && (h("span", { key: '28c5b8cb25d98c4117310d6af9eecda062437c2f', class: "hb-time-picker__clear", onClick: this.handleClear }, "\u00D7")), h("span", { key: '9599e43b4c525558bf70ce01c30b08ed2cd1be68', class: "hb-time-picker__icon" }, "\uD83D\uDD50"))), this.isOpen && (h("div", { key: '7eab5ddea1cd3c90fc86d1631cf0667b3a268b8f', class: "hb-time-picker__dropdown" }, h("div", { key: 'f0203a3bc41bbc41dd77d57985d8603dd866c39a', class: "hb-time-picker__body" }, h("div", { key: 'b193e8f30770fb43f78ae99f208b4e088ac65abd', class: "hb-time-picker__list" }, h("div", { key: '7e7a181ec4082df157209ae4d809f2075b65de3f', class: "hb-time-picker__list-title" }, "\u65F6"), h("div", { key: '1d8eca81ba4e46686a4edda38e7660b271e6e510', 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: '4a51776b75068af776f3b2365edc3e8a22347798', class: "hb-time-picker__list" }, h("div", { key: '1574538a144ab4e6d7cfd7ac0b82c0affbd3d1d3', class: "hb-time-picker__list-title" }, "\u5206"), h("div", { key: '4a43690a14e100ea0cb86e4b6537d7c190052363', 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: '7b63a0e9e4f9590317d3abbc5e6167d507c8ae88', class: "hb-time-picker__list" }, h("div", { key: '36b52549545f7a8edcfd4e0e78ceafb0c8baed2e', class: "hb-time-picker__list-title" }, "\u79D2"), h("div", { key: '0c800147fbd8dd8ed704d0f2eb430459b005c4d5', 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'))))))))))));

package/dist/collection/components/TimeSelect/TimeSelect.js

@@ -116,12 +116,12 @@ export class TimeSelect {
     render() {
         const timeOptions = this.generateTimeOptions();
         const showClear = this.clearable && this.modelValue;
-        return (h("div", { key: '763924d65773a88baf74f9a680887bb0f5f11915', class: {
+        return (h("div", { key: '80b6173862d1e0951ef347de5193caedcac932fe', class: {
                 'hb-time-select': true,
                 'hb-time-select--open': this.isOpen,
                 'hb-time-select--disabled': this.disabled,
                 [`hb-time-select--${this.size}`]: true,
-            } }, h("div", { key: '4b11ea13620be04784c2fab4720829733ec4b192', class: "hb-time-select__input-wrapper", onClick: this.handleInputClick }, h("input", { key: '9c398769a1d886640b83e71f3b962dc56bc8e26a', type: "text", class: "hb-time-select__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true }), h("span", { key: '7258097816864a711ca573fc9276bcdf0cc3a99b', class: "hb-time-select__suffix" }, showClear && (h("span", { key: 'cf39db893b847f992075b15c4d80ea7a13af0a7f', class: "hb-time-select__clear", onClick: this.handleClear }, "\u00D7")), h("span", { key: '98b70c62d0443b93387de1204a816f8f5fd01629', class: "hb-time-select__arrow" }, "\u25BC"))), this.isOpen && (h("div", { key: '49e548e8674505db8d3bd426eb3a909c8f4861d7', class: "hb-time-select__dropdown" }, h("ul", { key: '72233e92a5b7384d7cce618a86b36a06f173ecd2', class: "hb-time-select__menu" }, timeOptions.map((time) => (h("li", { class: {
+            } }, h("div", { key: '1641232ea00cc0867c5b6bc654d803af01883607', class: "hb-time-select__input-wrapper", onClick: this.handleInputClick }, h("input", { key: 'b896fb8c57ad48d448b15b92eeee853c70d168d4', type: "text", class: "hb-time-select__input", placeholder: this.placeholder, value: this.inputValue, disabled: this.disabled, readonly: true }), h("span", { key: '5056a36aaa17a2d5c2b47db106f6c7ddff0607d0', class: "hb-time-select__suffix" }, showClear && (h("span", { key: '12b24a90b988d6f351547b351b35c03bc277c611', class: "hb-time-select__clear", onClick: this.handleClear }, "\u00D7")), h("span", { key: '2a3f3187510fb01428d429237ec2a8213f3cab2b', class: "hb-time-select__arrow" }, "\u25BC"))), this.isOpen && (h("div", { key: '3f8d01ce99076e93b672642fa0c40eed4df0bf12', class: "hb-time-select__dropdown" }, h("ul", { key: '50c21be3d365710617ce81f8411873ee3cecbc4b', class: "hb-time-select__menu" }, timeOptions.map((time) => (h("li", { class: {
                 'hb-time-select__menu-item': true,
                 'hb-time-select__menu-item--selected': time === this.modelValue,
             }, onClick: () => this.handleSelect(time) }, time))))))));

package/dist/collection/components/Timeline/Timeline.js

@@ -9,7 +9,7 @@ export class Timeline {
     /** 时间线节点数组 */
     items = [];
     render() {
-        return (h("div", { key: 'ea2098bc94d05340618eb088badcaa2c18136cf1', class: { 'hb-timeline': true, [`hb-timeline--${this.mode}`]: true } }, this.items.map((item, i) => (h("div", { class: {
+        return (h("div", { key: 'cda60bc9ba145982063d2f6179446dff173de1d0', class: { 'hb-timeline': true, [`hb-timeline--${this.mode}`]: true } }, this.items.map((item, i) => (h("div", { class: {
                 'hb-timeline__item': true,
                 'hb-timeline__item--right': this.mode === 'alternate' && i % 2 === 1,
                 'hb-timeline__item--left': this.mode === 'alternate' && i % 2 === 0,

package/dist/collection/components/Tooltip/Tooltip.js

@@ -1,8 +1,15 @@
 import { h } from "@stencil/core";
 import { computePosition, getNextZIndex } from "../../utils/popup-manager";
+import { isActivationKey } from "../../utils/a11y";
 /**
  * Tooltip 文字提示组件
- * 鼠标悬停或点击时显示提示文字
+ * 鼠标悬停或点击时显示提示文字。
+ *
+ * 无障碍（对齐 antd / WAI-ARIA）：
+ * - 触发器 aria-describedby 关联浮层 id（屏幕阅读器读出 content）
+ * - 浮层 role=tooltip
+ * - hover 触发时：focus 也显示（键盘用户可见，关键修复）
+ * - click 触发时：Enter/Space 切换；任意模式 Esc 关闭
  */
 export class Tooltip {
     el;
@@ -41,6 +48,20 @@ export class Tooltip {
             this.show();
         }
     };
+    /** 键盘：Esc 关闭；click 模式 Enter/Space 切换 */
+    handleKeydown = (e) => {
+        if (e.key === 'Escape' && this.visible) {
+            e.preventDefault();
+            // 立即关（不等延迟）
+            clearTimeout(this.hideTimer);
+            this.visible = false;
+            return;
+        }
+        if (this.trigger === 'click' && isActivationKey(e.key)) {
+            e.preventDefault();
+            this.toggle();
+        }
+    };
     updatePosition() {
         if (!this.triggerRef || !this.popupRef)
             return;
@@ -57,7 +78,9 @@ export class Tooltip {
         const triggerEvents = this.trigger === 'hover'
             ? { onMouseEnter: this.show, onMouseLeave: this.hide }
             : { onClick: this.toggle };
-        return (h("div", { key: 'e98d79b104fc92f63d77cbd87c490d84e0646c64', class: "hb-tooltip", ...triggerEvents }, h("div", { key: '74088a95833070259d447d57e03a894f20d0e044', ref: (el) => { this.triggerRef = el; }, class: "hb-tooltip__trigger" }, h("slot", { key: 'ce84437a1fedd763630764a5627763a4601d195e' })), this.visible && (h("div", { key: '1b5b74c439a5925c3cf10fc552369bd83354fcf4', ref: (el) => { this.popupRef = el; }, class: "hb-tooltip__popup", style: this.popupStyle, onMouseEnter: () => this.trigger === 'hover' && this.show(), onMouseLeave: () => this.trigger === 'hover' && this.hide() }, this.showArrow && h("div", { key: '73b08948dcc030a487a0d0f11afbb2fb4bcbdc51', class: "hb-tooltip__arrow" }), h("div", { key: '564f396c5eb5e3cb5bffe7dc8ec956c54bfc484d', class: "hb-tooltip__content" }, this.content)))));
+        return (h("div", { key: 'a3a485a0fc8b99e61ef0c4fd30208ac6f42af2e2', class: "hb-tooltip", ...triggerEvents, onKeyDown: this.handleKeydown }, h("div", { key: '24e68cfd99dc409e5a1f3a396b506fc97827da5f', ref: (el) => { this.triggerRef = el; }, class: "hb-tooltip__trigger", tabindex: this.disabled ? -1 : 0, "aria-describedby": this.visible ? 'hb-tooltip__popup' : undefined,
+            // hover 触发：focus 展开让键盘用户也能读到提示（对齐 antd 行为）
+            onFocus: this.trigger === 'hover' ? this.show : undefined, onBlur: this.trigger === 'hover' ? this.hide : undefined }, h("slot", { key: 'd947c801efabae564e012cbe7a19c938e2ae2f7c' })), this.visible && (h("div", { key: 'e88b4aad5403c495b0484aff6a2fcb56c32efb4c', id: "hb-tooltip__popup", ref: (el) => { this.popupRef = el; }, class: "hb-tooltip__popup", style: this.popupStyle, role: "tooltip", onMouseEnter: () => this.trigger === 'hover' && this.show(), onMouseLeave: () => this.trigger === 'hover' && this.hide() }, this.showArrow && h("div", { key: 'b16d5c23542c60f2ad398eb055c33cc995af89f7', class: "hb-tooltip__arrow" }), h("div", { key: '600a64459740e735a5d7b9487debd1e8ca590ea3', class: "hb-tooltip__content" }, this.content)))));
     }
     static get is() { return "hb-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { computePosition, getNextZIndex, Placement } from '../../utils/popup-manager';\n\n/**\n * Tooltip 文字提示组件\n * 鼠标悬停或点击时显示提示文字\n */\n@Component({\n  tag: 'hb-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class Tooltip {\n  @Element() el: HTMLElement;\n\n  /** 提示文字 */\n  @Prop() content: string = '';\n\n  /** 弹出位置 */\n  @Prop() placement: Placement = 'top';\n\n  /** 触发方式 */\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示箭头 */\n  @Prop() showArrow: boolean = true;\n\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n  private hideTimer?: ReturnType<typeof setTimeout>;\n\n  private show = () => {\n    if (this.disabled) return;\n    clearTimeout(this.hideTimer);\n    this.visible = true;\n    requestAnimationFrame(() => this.updatePosition());\n  };\n\n  private hide = () => {\n    this.hideTimer = setTimeout(() => { this.visible = false; }, 100);\n  };\n\n  private toggle = () => {\n    if (this.disabled) return;\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const triggerRect = this.triggerRef.getBoundingClientRect();\n    const { width, height } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(triggerRect, width, height, this.placement, 8);\n    this.popupStyle = {\n      top: `${pos.top}px`,\n      left: `${pos.left}px`,\n      zIndex: String(getNextZIndex()),\n    };\n  }\n\n  render() {\n    const triggerEvents = this.trigger === 'hover'\n      ? { onMouseEnter: this.show, onMouseLeave: this.hide }\n      : { onClick: this.toggle };\n\n    return (\n      <div class=\"hb-tooltip\" {...triggerEvents}>\n        <div\n          ref={(el: any) => { this.triggerRef = el; }}\n          class=\"hb-tooltip__trigger\"\n        >\n          <slot />\n        </div>\n        {this.visible && (\n          <div\n            ref={(el: any) => { this.popupRef = el; }}\n            class=\"hb-tooltip__popup\"\n            style={this.popupStyle}\n            onMouseEnter={() => this.trigger === 'hover' && this.show()}\n            onMouseLeave={() => this.trigger === 'hover' && this.hide()}\n          >\n            {this.showArrow && <div class=\"hb-tooltip__arrow\" />}\n            <div class=\"hb-tooltip__content\">{this.content}</div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { computePosition, getNextZIndex, Placement } from '../../utils/popup-manager';\nimport { isActivationKey } from '../../utils/a11y';\n\n/**\n * Tooltip 文字提示组件\n * 鼠标悬停或点击时显示提示文字。\n *\n * 无障碍（对齐 antd / WAI-ARIA）：\n * - 触发器 aria-describedby 关联浮层 id（屏幕阅读器读出 content）\n * - 浮层 role=tooltip\n * - hover 触发时：focus 也显示（键盘用户可见，关键修复）\n * - click 触发时：Enter/Space 切换；任意模式 Esc 关闭\n */\n@Component({\n  tag: 'hb-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class Tooltip {\n  @Element() el: HTMLElement;\n\n  /** 提示文字 */\n  @Prop() content: string = '';\n\n  /** 弹出位置 */\n  @Prop() placement: Placement = 'top';\n\n  /** 触发方式 */\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示箭头 */\n  @Prop() showArrow: boolean = true;\n\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n  private hideTimer?: ReturnType<typeof setTimeout>;\n\n  private show = () => {\n    if (this.disabled) return;\n    clearTimeout(this.hideTimer);\n    this.visible = true;\n    requestAnimationFrame(() => this.updatePosition());\n  };\n\n  private hide = () => {\n    this.hideTimer = setTimeout(() => { this.visible = false; }, 100);\n  };\n\n  private toggle = () => {\n    if (this.disabled) return;\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  };\n\n  /** 键盘：Esc 关闭；click 模式 Enter/Space 切换 */\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && this.visible) {\n      e.preventDefault();\n      // 立即关（不等延迟）\n      clearTimeout(this.hideTimer);\n      this.visible = false;\n      return;\n    }\n    if (this.trigger === 'click' && isActivationKey(e.key)) {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const triggerRect = this.triggerRef.getBoundingClientRect();\n    const { width, height } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(triggerRect, width, height, this.placement, 8);\n    this.popupStyle = {\n      top: `${pos.top}px`,\n      left: `${pos.left}px`,\n      zIndex: String(getNextZIndex()),\n    };\n  }\n\n  render() {\n    const triggerEvents = this.trigger === 'hover'\n      ? { onMouseEnter: this.show, onMouseLeave: this.hide }\n      : { onClick: this.toggle };\n\n    return (\n      <div class=\"hb-tooltip\" {...triggerEvents} onKeyDown={this.handleKeydown}>\n        <div\n          ref={(el: any) => { this.triggerRef = el; }}\n          class=\"hb-tooltip__trigger\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-describedby={this.visible ? 'hb-tooltip__popup' : undefined}\n          // hover 触发：focus 展开让键盘用户也能读到提示（对齐 antd 行为）\n          onFocus={this.trigger === 'hover' ? this.show : undefined}\n          onBlur={this.trigger === 'hover' ? this.hide : undefined}\n        >\n          <slot />\n        </div>\n        {this.visible && (\n          <div\n            id=\"hb-tooltip__popup\"\n            ref={(el: any) => { this.popupRef = el; }}\n            class=\"hb-tooltip__popup\"\n            style={this.popupStyle}\n            role=\"tooltip\"\n            onMouseEnter={() => this.trigger === 'hover' && this.show()}\n            onMouseLeave={() => this.trigger === 'hover' && this.hide()}\n          >\n            {this.showArrow && <div class=\"hb-tooltip__arrow\" />}\n            <div class=\"hb-tooltip__content\">{this.content}</div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/Transfer/Transfer.js

@@ -148,9 +148,9 @@ export class Transfer {
     render() {
         const leftCheckAllState = this.getCheckAllState(this.leftList);
         const rightCheckAllState = this.getCheckAllState(this.rightList);
-        return (h("div", { key: 'e8b42f296636c208e67adb4dfd105f72ccd96406', class: { 'hb-transfer': true, 'hb-transfer--disabled': this.disabled } }, this.renderList(this.leftList, this.titles[0], this.leftFilter, (e) => {
+        return (h("div", { key: '95bda8468eaa29735aacaeb065c458dcf542491f', class: { 'hb-transfer': true, 'hb-transfer--disabled': this.disabled } }, this.renderList(this.leftList, this.titles[0], this.leftFilter, (e) => {
             this.leftFilter = e.target.value;
-        }), h("div", { key: 'fbb9d1ab5a4782e2d7be4e5ba8b6d2378cf5dd4f', class: "hb-transfer__operations" }, h("button", { key: '8c598127a30fc7cc82711ccbc5ae695363f20eeb', type: "button", class: "hb-transfer__operation-btn", disabled: this.disabled || rightCheckAllState === 'none', onClick: this.moveToLeft, "aria-label": "\u5411\u5DE6\u79FB\u52A8" }, "\u2039"), h("button", { key: '95ab5ae8b686fc032a7e88e4d798d0190a7163ed', type: "button", class: "hb-transfer__operation-btn", disabled: this.disabled || leftCheckAllState === 'none', onClick: this.moveToRight, "aria-label": "\u5411\u53F3\u79FB\u52A8" }, "\u203A")), this.renderList(this.rightList, this.titles[1], this.rightFilter, (e) => {
+        }), h("div", { key: 'b193dc93b95de501db73b67fc5bf036bbabf0092', class: "hb-transfer__operations" }, h("button", { key: 'b9f7561b09a1362003f8b4b5cd835bc9e90a2214', type: "button", class: "hb-transfer__operation-btn", disabled: this.disabled || rightCheckAllState === 'none', onClick: this.moveToLeft, "aria-label": "\u5411\u5DE6\u79FB\u52A8" }, "\u2039"), h("button", { key: '8f54a97ee39d1209fb48bef40b025d7c53b2ac82', type: "button", class: "hb-transfer__operation-btn", disabled: this.disabled || leftCheckAllState === 'none', onClick: this.moveToRight, "aria-label": "\u5411\u53F3\u79FB\u52A8" }, "\u203A")), this.renderList(this.rightList, this.titles[1], this.rightFilter, (e) => {
             this.rightFilter = e.target.value;
         })));
     }

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

@@ -287,7 +287,7 @@ export class Tree {
     };
     render() {
         const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set();
-        return (h("ul", { key: '6e40f05b44667fb23f0b6a74f647553fa518cca4', class: { 'hb-tree': true, 'hb-tree--show-line': this.showLine }, role: "tree" }, this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))));
+        return (h("ul", { key: 'df5e7db490f2799102049a16b1ed63f944a9fe27', class: { 'hb-tree': true, 'hb-tree--show-line': this.showLine }, role: "tree" }, this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))));
     }
     static get is() { return "hb-tree"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/TreeSelect/TreeSelect.js

@@ -157,18 +157,92 @@ export class TreeSelect {
             this.closeDropdown();
         }
     };
-    handleNodeCheck = (key) => {
-        // TODO: 父子联动 —— 当前仅管理单个节点勾选状态。
-        const current = [...this.internalChecked];
-        const idx = current.indexOf(key);
-        if (idx >= 0)
-            current.splice(idx, 1);
-        else
-            current.push(key);
-        this.internalChecked = current;
-        this.modelValue = current;
-        this.hbChange.emit(current);
+    handleNodeCheck = (node) => {
+        // 父子联动（对齐 Tree 组件算法）：勾选/取消自身 + 级联后代 + 自底向上修正祖先
+        const next = new Set(this.internalChecked);
+        const wasChecked = next.has(node.key);
+        if (wasChecked) {
+            this.removeDescendantKeys(node, next);
+            next.delete(node.key);
+        }
+        else {
+            next.add(node.key);
+            this.collectCheckableDescendantKeys(node, next);
+        }
+        this.reconcileAncestors(node, next);
+        const result = Array.from(next);
+        this.internalChecked = result;
+        this.modelValue = result;
+        this.hbChange.emit(result);
     };
+    /** 取消父级时级联取消所有后代（含禁用项，因为它们是被父带选的） */
+    removeDescendantKeys(node, out) {
+        if (!node.children)
+            return;
+        for (const child of node.children) {
+            out.delete(child.key);
+            this.removeDescendantKeys(child, out);
+        }
+    }
+    /** 勾选父级时级联勾选所有非禁用后代 */
+    collectCheckableDescendantKeys(node, out) {
+        if (!node.children)
+            return;
+        for (const child of node.children) {
+            if (!child.disabled)
+                out.add(child.key);
+            this.collectCheckableDescendantKeys(child, out);
+        }
+    }
+    /** 自底向上修正祖先：所有非禁用子节点全选 → 父勾选；否则移出（部分选体现为 indeterminate） */
+    reconcileAncestors(node, next) {
+        const parents = this.findAncestors(this.data, node.key, []);
+        for (const parent of parents) {
+            if (parent.disabled || !parent.children || parent.children.length === 0)
+                continue;
+            const checkable = parent.children.filter(c => !c.disabled);
+            if (checkable.length === 0)
+                continue;
+            if (checkable.every(c => next.has(c.key)))
+                next.add(parent.key);
+            else
+                next.delete(parent.key);
+        }
+    }
+    findAncestors(nodes, key, acc) {
+        for (const node of nodes) {
+            if (node.key === key)
+                return acc;
+            if (node.children && node.children.length > 0) {
+                const found = this.findAncestors(node.children, key, [node, ...acc]);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    /** 计算当前 checked 集合下处于「部分选中」的节点（用于三方态渲染） */
+    computeIndeterminateKeys() {
+        const result = new Set();
+        const checked = new Set(this.internalChecked);
+        const walk = (node) => {
+            if (!node.children || node.children.length === 0)
+                return false;
+            let hasChecked = false;
+            for (const child of node.children) {
+                if (walk(child))
+                    hasChecked = true;
+                if (checked.has(child.key))
+                    hasChecked = true;
+            }
+            if (hasChecked && !checked.has(node.key))
+                result.add(node.key);
+            return hasChecked;
+        };
+        for (const root of this.data)
+            walk(root);
+        return result;
+    }
     handleToggleExpand = (node, e) => {
         e.stopPropagation();
         const current = [...this.internalExpanded];
@@ -188,36 +262,39 @@ export class TreeSelect {
         this.modelValue = this.multiple ? [] : '';
         this.hbChange.emit(this.modelValue);
     };
-    renderNode = (node, level) => {
+    renderNode = (node, level, indeterminateKeys) => {
         const hasChildren = !!(node.children && node.children.length > 0);
         const expanded = this.internalExpanded.includes(node.key);
         const selected = this.internalSelected.includes(node.key);
         const checked = this.internalChecked.includes(node.key);
+        const indeterminate = indeterminateKeys.has(node.key);
         const disabled = !!node.disabled;
         return (h("li", { class: { 'hb-tree-select__node': true, 'hb-tree-select__node--disabled': disabled }, role: "treeitem" }, h("div", { class: {
                 'hb-tree-select__node-content': true,
                 'hb-tree-select__node-content--selected': selected,
                 'hb-tree-select__node-content--checked': checked,
-            }, style: { paddingLeft: `${level * 18 + 8}px` } }, h("span", { class: "hb-tree-select__switcher", onClick: (e) => hasChildren && this.handleToggleExpand(node, e) }, hasChildren ? (h("span", { class: { 'hb-tree-select__arrow': true, 'hb-tree-select__arrow--expanded': expanded } }, "\u25B6")) : null), this.checkable && (h("span", { class: {
+            }, style: { paddingLeft: `${level * 18 + 8}px` } }, h("span", { class: "hb-tree-select__switcher", onClick: (e) => hasChildren && this.handleToggleExpand(node, e) }, hasChildren ? (h("span", { class: { 'hb-tree-select__arrow': true, 'hb-tree-select__arrow--expanded': expanded }, "aria-hidden": "true" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M9 6l6 6-6 6" })))) : null), this.checkable && (h("span", { class: {
                 'hb-tree-select__checkbox': true,
                 'hb-tree-select__checkbox--checked': checked,
+                'hb-tree-select__checkbox--indeterminate': indeterminate,
                 'hb-tree-select__checkbox--disabled': disabled,
-            }, onClick: () => !disabled && this.handleNodeCheck(node.key) }, checked ? '✓' : '')), h("span", { class: "hb-tree-select__title", onClick: () => !disabled && this.handleNodeSelect(node.key) }, node.title)), hasChildren && expanded && (h("ul", { class: "hb-tree-select__children", role: "group" }, node.children.map((child) => this.renderNode(child, level + 1))))));
+            }, role: "checkbox", "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false', onClick: () => !disabled && this.handleNodeCheck(node) }, checked ? (h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 3, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M5 12l5 5L20 7" }))) : indeterminate ? (h("span", { class: "hb-tree-select__checkbox-dash" })) : null)), h("span", { class: "hb-tree-select__title", onClick: () => !disabled && this.handleNodeSelect(node.key) }, node.title)), hasChildren && expanded && (h("ul", { class: "hb-tree-select__children", role: "group" }, node.children.map((child) => this.renderNode(child, level + 1, indeterminateKeys))))));
     };
     render() {
         const displayText = this.getDisplayText();
         const hasValue = this.multiple
             ? Array.isArray(this.modelValue) && this.modelValue.length > 0
             : typeof this.modelValue === 'string' && this.modelValue !== '';
-        return (h("div", { key: '38d8a150ce1436bbea77250dd0bb3a44b9722cbc', class: {
+        const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set();
+        return (h("div", { key: 'f79d67b1bb02e0d51a9fe2b35a36a156801e9584', class: {
                 'hb-tree-select': true,
                 'hb-tree-select--open': this.isOpen,
                 'hb-tree-select--disabled': this.disabled,
                 'hb-tree-select--multiple': this.multiple,
-            } }, h("div", { key: '5928b61ce45dabece866b8de93a4353804ed05e4', class: "hb-tree-select__input-wrapper", onClick: this.toggleDropdown }, h("span", { key: 'af7b313ec51033487044aa3b9ef1620fbe292490', class: {
+            } }, h("div", { key: '59355a67c4316c98a682df3c27cd19387a8d4742', class: "hb-tree-select__input-wrapper", onClick: this.toggleDropdown }, h("span", { key: '7b4fd7b9a4c15193f687f1f579eb2e8268b975df', class: {
                 'hb-tree-select__display': true,
                 'hb-tree-select__display--placeholder': !hasValue,
-            } }, hasValue ? displayText : this.placeholder), h("span", { key: 'ab26baf601b42f2e5d28768d70927a38afbf612f', class: "hb-tree-select__suffix" }, hasValue && (h("span", { key: '0095371d8cdb31f569e53117a36d93de1f09b304', class: "hb-tree-select__clear", onClick: this.handleClear }, "\u00D7")), h("span", { key: 'b824565183607eb6341223fcfc0110b224d9d156', class: { 'hb-tree-select__arrow-icon': true, 'hb-tree-select__arrow-icon--open': this.isOpen } }, "\u25BC"))), this.isOpen && (h("div", { key: 'e03726804631a7e69c86319f9f5ec81fecb60bf0', class: "hb-tree-select__dropdown" }, this.data.length === 0 ? (h("div", { class: "hb-tree-select__empty" }, "\u6682\u65E0\u6570\u636E")) : (h("ul", { class: "hb-tree-select__tree", role: "tree" }, this.data.map((node) => this.renderNode(node, 0))))))));
+            } }, hasValue ? displayText : this.placeholder), h("span", { key: '1640eacb50af399e02785b14d72c547afe8fcfcf', class: "hb-tree-select__suffix" }, hasValue && (h("span", { key: 'c16d5a458d3738bccb3c70cc985df43dcacb4220', class: "hb-tree-select__clear", onClick: this.handleClear, role: "button", "aria-label": "\u6E05\u7A7A" }, h("svg", { key: '757db41a4651d25df357d2c975810bbfdddcca22', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'a72adce81b2900cdf11faa663f92dbaa7053921e', d: "M6 6l12 12M18 6L6 18" })))), h("span", { key: '0b40c484fe2f7e23b04cfb26cb0018f050522fec', class: { 'hb-tree-select__arrow-icon': true, 'hb-tree-select__arrow-icon--open': this.isOpen }, "aria-hidden": "true" }, h("svg", { key: '30523c9183feaab984ff557e8c735b7a04423f0c', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '15eae62246639d6e05071123e89ad31c82ea576a', d: "M6 9l6 6 6-6" }))))), this.isOpen && (h("div", { key: 'e6eb7b145fe8b71b09511e8e0c3a3a9073508397', class: "hb-tree-select__dropdown" }, this.data.length === 0 ? (h("div", { class: "hb-tree-select__empty" }, "\u6682\u65E0\u6570\u636E")) : (h("ul", { class: "hb-tree-select__tree", role: "tree" }, this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))))))));
     }
     static get is() { return "hb-tree-select"; }
     static get encapsulation() { return "shadow"; }