huibo-ui 0.3.0 → 0.4.0

package/dist/collection/components/Notification/Notification.js

@@ -44,12 +44,12 @@ export class Notification {
         this.hbClose.emit(this.id);
     };
     render() {
-        return (h("div", { key: '9848b6a924f89df2fa9996742f06986ad8c33da5', class: {
+        return (h("div", { key: '9be96a5baeb818da2c93a36e47c25aaa64bc5cfa', class: {
                 'hb-notification': true,
                 [`hb-notification--${this.type}`]: true,
                 [`hb-notification--${this.position}`]: true,
                 'hb-notification--visible': this.visible,
-            }, role: "alert" }, h("div", { key: 'a15adaf1401116e0dd462fa2a9abf56595052069', class: "hb-notification__icon", "aria-hidden": "true" }, h("span", { key: '7d56d7ce4760963f1bd7c214c5d19c9003e302ee', class: `hb-notification__icon-sign hb-notification__icon-sign--${this.type}` })), h("div", { key: '881c23e049f6870a4f2a4db347fdfaedc331708e', class: "hb-notification__content" }, this.title && h("div", { key: '034c55a3d5b0b4bbb27657db8f2f35bf917caf91', class: "hb-notification__title" }, this.title), this.message && h("div", { key: '0d49cebbf4e1db0baa953691c7519a2a8469563d', class: "hb-notification__message" }, this.message)), this.showClose && (h("button", { key: '180dc1d07aa4993a25ef97e92eb8ab4700e6c120', type: "button", class: "hb-notification__close", onClick: this.close, "aria-label": "\u5173\u95ED" }, "\u00D7"))));
+            }, role: "alert" }, h("div", { key: '81e28521a930f9dfabe4c5cdc821bf25fe15fc6a', class: "hb-notification__icon", "aria-hidden": "true" }, h("span", { key: '5023ecaabb4a12ecc2c7dbc1ce0f5ff9d979ced9', class: `hb-notification__icon-sign hb-notification__icon-sign--${this.type}` })), h("div", { key: '525ed80909f70b304eb4460bd2ad70e1ee969a8e', class: "hb-notification__content" }, this.title && h("div", { key: '5c7ff54e7c91a0df0e476db31f6df33262cf15ec', class: "hb-notification__title" }, this.title), this.message && h("div", { key: '25b34f64119a5ac609deab1633b8876036fd73df', class: "hb-notification__message" }, this.message)), this.showClose && (h("button", { key: '5999ff418c3e232e74257be4ea3d8cfe619cb401', type: "button", class: "hb-notification__close", onClick: this.close, "aria-label": "\u5173\u95ED" }, "\u00D7"))));
     }
     static get is() { return "hb-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/PageHeader/PageHeader.js

@@ -19,7 +19,7 @@ export class PageHeader {
         this.hbBack.emit();
     };
     render() {
-        return (h("div", { key: '1b030e60e77df9e97b6d60f704e521c05ae7af51', class: { 'hb-page-header': true, 'hb-page-header--ghost': this.ghost } }, h("div", { key: '2ee91ddf333fe5e771c9cbb0a62b14b03a3b1663', class: "hb-page-header__main" }, this.back && (h("button", { key: '225309da83f36a22e5e75200344399bcb94a3391', type: "button", class: "hb-page-header__back", onClick: this.handleBack, "aria-label": "\u8FD4\u56DE" }, h("span", { key: '1f67010455c9c682df8cefbb2dd81b1a41a73457', class: "hb-page-header__back-arrow" }, "\u2190"))), h("div", { key: '50ec1439869c987330e4536fe6f12e62416b1527', class: "hb-page-header__titles" }, this.title && h("span", { key: 'cdfde7eb8f6b643ea01327c87cab94db474b0825', class: "hb-page-header__title" }, this.title), this.subtitle && h("span", { key: '21756140f35d3fb19cea52d6c5a9e759641c0118', class: "hb-page-header__subtitle" }, this.subtitle))), h("div", { key: '59b5e1c8a71f17e9bb647394048ffe9484a85a5a', class: "hb-page-header__extra" }, h("slot", { key: '2c0543b118ac038e47b0aad6b389b996bf4f163c' }))));
+        return (h("div", { key: 'd0a12aabf3367b79a6b772519747bf8a1bc4b6a6', class: { 'hb-page-header': true, 'hb-page-header--ghost': this.ghost } }, h("div", { key: 'a1b06d2e308104ac47c6ef8fea494d50f11491ba', class: "hb-page-header__main" }, this.back && (h("button", { key: '9bff3ddc9271167a63b1abca030299a09fa92281', type: "button", class: "hb-page-header__back", onClick: this.handleBack, "aria-label": "\u8FD4\u56DE" }, h("span", { key: '099fa0f3b3c5aa3da46e72b1341589f90406ac85', class: "hb-page-header__back-arrow" }, "\u2190"))), h("div", { key: '17ab5366d4b9e0ccc5a3ed593a2564afdf7a333b', class: "hb-page-header__titles" }, this.title && h("span", { key: '587984784445116a7a20485d405fb8e8920fd631', class: "hb-page-header__title" }, this.title), this.subtitle && h("span", { key: '36d2e8452515ae043d87fb8371b5d6c3f7fd5121', class: "hb-page-header__subtitle" }, this.subtitle))), h("div", { key: '1cda5981edc21edafe737c1b8b4c922a14676787', class: "hb-page-header__extra" }, h("slot", { key: '67e7fa41c6467e676e7e46a11a2d3fe6bf7db413' }))));
     }
     static get is() { return "hb-page-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Pagination/Pagination.js

@@ -21,6 +21,8 @@ export class Pagination {
     /** 是否显示每页条数选择器 */
     showPageSize = false;
     internalCurrent = 1;
+    /** 内部每页条数：pageSize 变更时同步；size 切换后立即生效重算 totalPages */
+    internalPageSize = 10;
     /** 当前页改变事件 */
     hbCurrentChange;
     /** 每页条数改变事件 */
@@ -28,11 +30,15 @@ export class Pagination {
     handleCurrentPageChange() {
         this.internalCurrent = this.currentPage;
     }
+    handlePageSizeChange() {
+        this.internalPageSize = this.pageSize;
+    }
     componentDidLoad() {
         this.internalCurrent = this.currentPage;
+        this.internalPageSize = this.pageSize;
     }
     get totalPages() {
-        return Math.max(1, Math.ceil(this.total / this.pageSize));
+        return Math.max(1, Math.ceil(this.total / this.internalPageSize));
     }
     handlePageClick(page) {
         if (this.disabled || page === this.internalCurrent || page < 1 || page > this.totalPages)
@@ -44,10 +50,16 @@ export class Pagination {
     handleSizeChange(e) {
         const target = e.target;
         const size = parseInt(target.value, 10);
+        // 切 pageSize 后立即重算 totalPages，并防止 currentPage 越界
+        this.internalPageSize = size;
+        const newTotal = Math.max(1, Math.ceil(this.total / size));
+        const safePage = Math.min(this.internalCurrent, newTotal);
         this.hbSizeChange.emit(size);
-        this.internalCurrent = 1;
-        this.currentPage = 1;
-        this.hbCurrentChange.emit(1);
+        this.internalCurrent = safePage;
+        this.currentPage = safePage;
+        if (safePage !== this.internalCurrent) {
+            this.hbCurrentChange.emit(safePage);
+        }
     }
     getPages() {
         const pages = [];
@@ -82,10 +94,10 @@ export class Pagination {
     }
     render() {
         const pages = this.getPages();
-        return (h("div", { key: '889d6db49b4a7af7ad353fcc36de1aed8499708a', class: { 'hb-pagination': true, 'hb-pagination--disabled': this.disabled } }, this.showTotal && (h("span", { key: 'f914032da52a9919a81087d627a67e68456dc89d', class: "hb-pagination__total" }, "\u5171 ", this.total, " \u6761")), this.showPageSize && (h("select", { key: '30b748ffd520e94a1a1c512e49393c3065f89216', class: "hb-pagination__sizes", onChange: this.handleSizeChange, disabled: this.disabled }, this.pageSizes.map(size => (h("option", { value: size, selected: size === this.pageSize }, size, " \u6761/\u9875"))))), h("button", { key: '2a7ba780e83f94d476b340d2d47b20e772132dd4', type: "button", class: "hb-pagination__btn hb-pagination__prev", disabled: this.disabled || this.internalCurrent <= 1, onClick: () => this.handlePageClick(this.internalCurrent - 1) }, "\u2039"), pages.map(page => page === '...' ? (h("span", { class: "hb-pagination__ellipsis" }, "...")) : (h("button", { type: "button", class: {
+        return (h("nav", { key: '1ad5e15f959e5d71db7c55ad58407ace19a2ceb6', class: { 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }, role: "navigation", "aria-label": "\u5206\u9875" }, this.showTotal && (h("span", { key: '182f0f2e1c1b5f76a1d3f9bd3c2273c7344d2caf', class: "hb-pagination__total", "aria-live": "polite" }, "\u5171 ", this.total, " \u6761")), this.showPageSize && (h("select", { key: 'ecec24301264fbdc4b60c21bd16ba95c02b918b3', class: "hb-pagination__sizes", onChange: this.handleSizeChange, disabled: this.disabled, "aria-label": "\u6BCF\u9875\u6761\u6570" }, this.pageSizes.map(size => (h("option", { value: size, selected: size === this.internalPageSize }, size, " \u6761/\u9875"))))), h("button", { key: '59241c75873ddfa529e868d5660d3d00ad83009b', type: "button", class: "hb-pagination__btn hb-pagination__prev", disabled: this.disabled || this.internalCurrent <= 1, onClick: () => this.handlePageClick(this.internalCurrent - 1), "aria-label": "\u4E0A\u4E00\u9875" }, "\u2039"), pages.map(page => page === '...' ? (h("span", { class: "hb-pagination__ellipsis", "aria-hidden": "true" }, "...")) : (h("button", { type: "button", class: {
                 'hb-pagination__btn': true,
                 'hb-pagination__btn--active': page === this.internalCurrent,
-            }, disabled: this.disabled, onClick: () => this.handlePageClick(page) }, page))), h("button", { key: '7a5e6cd5eb1c3db595708687cebe52b5e0e0d88a', type: "button", class: "hb-pagination__btn hb-pagination__next", disabled: this.disabled || this.internalCurrent >= this.totalPages, onClick: () => this.handlePageClick(this.internalCurrent + 1) }, "\u203A")));
+            }, disabled: this.disabled, onClick: () => this.handlePageClick(page), "aria-label": `第 ${page} 页`, "aria-current": page === this.internalCurrent ? 'page' : undefined }, page))), h("button", { key: 'c9009112a278b270b164ea7ac805a8f2903d2d55', type: "button", class: "hb-pagination__btn hb-pagination__next", disabled: this.disabled || this.internalCurrent >= this.totalPages, onClick: () => this.handlePageClick(this.internalCurrent + 1), "aria-label": "\u4E0B\u4E00\u9875" }, "\u203A")));
     }
     static get is() { return "hb-pagination"; }
     static get encapsulation() { return "shadow"; }
@@ -263,7 +275,8 @@ export class Pagination {
     }
     static get states() {
         return {
-            "internalCurrent": {}
+            "internalCurrent": {},
+            "internalPageSize": {}
         };
     }
     static get events() {
@@ -303,6 +316,9 @@ export class Pagination {
         return [{
                 "propName": "currentPage",
                 "methodName": "handleCurrentPageChange"
+            }, {
+                "propName": "pageSize",
+                "methodName": "handlePageSizeChange"
             }];
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Pagination 分页组件\n * 当数据量过多时，使用分页分解数据\n */\n@Component({\n  tag: 'hb-pagination',\n  styleUrl: 'pagination.css',\n  shadow: true,\n})\nexport class Pagination {\n  /** 总条目数 */\n  @Prop() total: number = 0;\n\n  /** 每页显示条目数 */\n  @Prop() pageSize: number = 10;\n\n  /** 当前页数 */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** 每页显示个数选择器的选项设置 */\n  @Prop() pageSizes: number[] = [10, 20, 50, 100];\n\n  /** 最大页码按钮数 */\n  @Prop() pagerCount: number = 7;\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示总条数 */\n  @Prop() showTotal: boolean = false;\n\n  /** 是否显示每页条数选择器 */\n  @Prop() showPageSize: boolean = false;\n\n  @State() internalCurrent: number = 1;\n\n  /** 当前页改变事件 */\n  @Event() hbCurrentChange: EventEmitter<number>;\n\n  /** 每页条数改变事件 */\n  @Event() hbSizeChange: EventEmitter<number>;\n\n  @Watch('currentPage')\n  handleCurrentPageChange() {\n    this.internalCurrent = this.currentPage;\n  }\n\n  componentDidLoad() {\n    this.internalCurrent = this.currentPage;\n  }\n\n  private get totalPages(): number {\n    return Math.max(1, Math.ceil(this.total / this.pageSize));\n  }\n\n  private handlePageClick(page: number) {\n    if (this.disabled || page === this.internalCurrent || page < 1 || page > this.totalPages) return;\n    this.internalCurrent = page;\n    this.currentPage = page;\n    this.hbCurrentChange.emit(page);\n  }\n\n  private handleSizeChange(e: Event) {\n    const target = e.target as HTMLSelectElement;\n    const size = parseInt(target.value, 10);\n    this.hbSizeChange.emit(size);\n    this.internalCurrent = 1;\n    this.currentPage = 1;\n    this.hbCurrentChange.emit(1);\n  }\n\n  private getPages(): (number | '...')[] {\n    const pages: (number | '...')[] = [];\n    const total = this.totalPages;\n    const current = this.internalCurrent;\n    const pager = this.pagerCount;\n\n    if (total <= pager) {\n      for (let i = 1; i <= total; i++) pages.push(i);\n      return pages;\n    }\n\n    const half = Math.floor((pager - 2) / 2);\n    let start = current - half;\n    let end = current + half;\n\n    if (start < 2) {\n      start = 2;\n      end = Math.min(pager - 1, total - 1);\n    }\n    if (end > total - 1) {\n      end = total - 1;\n      start = Math.max(2, total - pager + 2);\n    }\n\n    pages.push(1);\n    if (start > 2) pages.push('...');\n    for (let i = start; i <= end; i++) pages.push(i);\n    if (end < total - 1) pages.push('...');\n    pages.push(total);\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.getPages();\n\n    return (\n      <div class={{ 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }}>\n        {this.showTotal && (\n          <span class=\"hb-pagination__total\">共 {this.total} 条</span>\n        )}\n\n        {this.showPageSize && (\n          <select class=\"hb-pagination__sizes\" onChange={this.handleSizeChange} disabled={this.disabled}>\n            {this.pageSizes.map(size => (\n              <option value={size} selected={size === this.pageSize}>{size} 条/页</option>\n            ))}\n          </select>\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__prev\"\n          disabled={this.disabled || this.internalCurrent <= 1}\n          onClick={() => this.handlePageClick(this.internalCurrent - 1)}\n        >\n          ‹\n        </button>\n\n        {pages.map(page =>\n          page === '...' ? (\n            <span class=\"hb-pagination__ellipsis\">...</span>\n          ) : (\n            <button\n              type=\"button\"\n              class={{\n                'hb-pagination__btn': true,\n                'hb-pagination__btn--active': page === this.internalCurrent,\n              }}\n              disabled={this.disabled}\n              onClick={() => this.handlePageClick(page as number)}\n            >\n              {page}\n            </button>\n          )\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__next\"\n          disabled={this.disabled || this.internalCurrent >= this.totalPages}\n          onClick={() => this.handlePageClick(this.internalCurrent + 1)}\n        >\n          ›\n        </button>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Pagination 分页组件\n * 当数据量过多时，使用分页分解数据\n */\n@Component({\n  tag: 'hb-pagination',\n  styleUrl: 'pagination.css',\n  shadow: true,\n})\nexport class Pagination {\n  /** 总条目数 */\n  @Prop() total: number = 0;\n\n  /** 每页显示条目数 */\n  @Prop() pageSize: number = 10;\n\n  /** 当前页数 */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** 每页显示个数选择器的选项设置 */\n  @Prop() pageSizes: number[] = [10, 20, 50, 100];\n\n  /** 最大页码按钮数 */\n  @Prop() pagerCount: number = 7;\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示总条数 */\n  @Prop() showTotal: boolean = false;\n\n  /** 是否显示每页条数选择器 */\n  @Prop() showPageSize: boolean = false;\n\n  @State() internalCurrent: number = 1;\n  /** 内部每页条数：pageSize 变更时同步；size 切换后立即生效重算 totalPages */\n  @State() internalPageSize: number = 10;\n\n  /** 当前页改变事件 */\n  @Event() hbCurrentChange: EventEmitter<number>;\n\n  /** 每页条数改变事件 */\n  @Event() hbSizeChange: EventEmitter<number>;\n\n  @Watch('currentPage')\n  handleCurrentPageChange() {\n    this.internalCurrent = this.currentPage;\n  }\n\n  @Watch('pageSize')\n  handlePageSizeChange() {\n    this.internalPageSize = this.pageSize;\n  }\n\n  componentDidLoad() {\n    this.internalCurrent = this.currentPage;\n    this.internalPageSize = this.pageSize;\n  }\n\n  private get totalPages(): number {\n    return Math.max(1, Math.ceil(this.total / this.internalPageSize));\n  }\n\n  private handlePageClick(page: number) {\n    if (this.disabled || page === this.internalCurrent || page < 1 || page > this.totalPages) return;\n    this.internalCurrent = page;\n    this.currentPage = page;\n    this.hbCurrentChange.emit(page);\n  }\n\n  private handleSizeChange(e: Event) {\n    const target = e.target as HTMLSelectElement;\n    const size = parseInt(target.value, 10);\n    // 切 pageSize 后立即重算 totalPages，并防止 currentPage 越界\n    this.internalPageSize = size;\n    const newTotal = Math.max(1, Math.ceil(this.total / size));\n    const safePage = Math.min(this.internalCurrent, newTotal);\n    this.hbSizeChange.emit(size);\n    this.internalCurrent = safePage;\n    this.currentPage = safePage;\n    if (safePage !== this.internalCurrent) {\n      this.hbCurrentChange.emit(safePage);\n    }\n  }\n\n  private getPages(): (number | '...')[] {\n    const pages: (number | '...')[] = [];\n    const total = this.totalPages;\n    const current = this.internalCurrent;\n    const pager = this.pagerCount;\n\n    if (total <= pager) {\n      for (let i = 1; i <= total; i++) pages.push(i);\n      return pages;\n    }\n\n    const half = Math.floor((pager - 2) / 2);\n    let start = current - half;\n    let end = current + half;\n\n    if (start < 2) {\n      start = 2;\n      end = Math.min(pager - 1, total - 1);\n    }\n    if (end > total - 1) {\n      end = total - 1;\n      start = Math.max(2, total - pager + 2);\n    }\n\n    pages.push(1);\n    if (start > 2) pages.push('...');\n    for (let i = start; i <= end; i++) pages.push(i);\n    if (end < total - 1) pages.push('...');\n    pages.push(total);\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.getPages();\n\n    return (\n      <nav\n        class={{ 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }}\n        role=\"navigation\"\n        aria-label=\"分页\"\n      >\n        {this.showTotal && (\n          <span class=\"hb-pagination__total\" aria-live=\"polite\">共 {this.total} 条</span>\n        )}\n\n        {this.showPageSize && (\n          <select\n            class=\"hb-pagination__sizes\"\n            onChange={this.handleSizeChange}\n            disabled={this.disabled}\n            aria-label=\"每页条数\"\n          >\n            {this.pageSizes.map(size => (\n              <option value={size} selected={size === this.internalPageSize}>{size} 条/页</option>\n            ))}\n          </select>\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__prev\"\n          disabled={this.disabled || this.internalCurrent <= 1}\n          onClick={() => this.handlePageClick(this.internalCurrent - 1)}\n          aria-label=\"上一页\"\n        >\n          ‹\n        </button>\n\n        {pages.map(page =>\n          page === '...' ? (\n            <span class=\"hb-pagination__ellipsis\" aria-hidden=\"true\">...</span>\n          ) : (\n            <button\n              type=\"button\"\n              class={{\n                'hb-pagination__btn': true,\n                'hb-pagination__btn--active': page === this.internalCurrent,\n              }}\n              disabled={this.disabled}\n              onClick={() => this.handlePageClick(page as number)}\n              aria-label={`第 ${page} 页`}\n              aria-current={page === this.internalCurrent ? 'page' : undefined}\n            >\n              {page}\n            </button>\n          )\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__next\"\n          disabled={this.disabled || this.internalCurrent >= this.totalPages}\n          onClick={() => this.handlePageClick(this.internalCurrent + 1)}\n          aria-label=\"下一页\"\n        >\n          ›\n        </button>\n      </nav>\n    );\n  }\n}\n"]}

package/dist/collection/components/Pagination/pagination.css

@@ -81,3 +81,26 @@
   color: var(--hb-color-text-secondary);
   letter-spacing: 2px;
 }
+
+/* ============================================================
+ * 响应式（移动端）：小屏简化分页，
+ * 隐藏非相邻页码与省略号，仅保留 首页/上一页/当前页/下一页/末页。
+ * 通过 aria-hidden 而非 display:none，保持键盘可达性由 active 决定。
+ * ============================================================ */
+@media (max-width: 575.98px) {
+  /* 隐藏中间页码（保留 active 与首末按钮） */
+  .hb-pagination__btn:not(.hb-pagination__btn--active):not(.hb-pagination__prev):not(.hb-pagination__next) {
+    display: none;
+  }
+
+  /* 隐藏省略号 */
+  .hb-pagination__ellipsis {
+    display: none;
+  }
+
+  /* 隐藏"共 N 条"和"每页 N 条"选择器以节省空间（信息保留在 aria-label） */
+  .hb-pagination__total,
+  .hb-pagination__sizes {
+    display: none;
+  }
+}

package/dist/collection/components/Popconfirm/Popconfirm.js

@@ -1,5 +1,13 @@
 import { h } from "@stencil/core";
 import { computePosition, getNextZIndex } from "../../utils/popup-manager";
+import { isActivationKey } from "../../utils/a11y";
+/**
+ * Popconfirm 气泡确认框
+ * 无障碍（对齐 antd / WAI-ARIA）：
+ * - 触发器 role=button + aria-haspopup=dialog + aria-expanded + aria-describedby
+ * - 浮层 role=dialog + aria-live=polite（确认文屏幕阅读器实时播报）
+ * - 键盘：trigger Enter/Space 打开；Esc=取消关闭；打开时自动聚焦确认按钮
+ */
 export class Popconfirm {
     el;
     title = '确定执行此操作？';
@@ -12,13 +20,34 @@ export class Popconfirm {
     popupStyle = {};
     triggerRef;
     popupRef;
+    confirmBtnRef;
     show = () => {
-        if (!this.disabled) {
-            this.visible = true;
-            requestAnimationFrame(() => this.updatePosition());
-        }
+        if (this.disabled)
+            return;
+        this.visible = true;
+        requestAnimationFrame(() => {
+            this.updatePosition();
+            // 打开后自动聚焦确认按钮（对齐 antd：Enter 直接确认）
+            this.confirmBtnRef?.focus();
+        });
     };
     hide = () => { this.visible = false; };
+    /** 键盘：Esc 取消关闭（Enter 由聚焦的确认按钮原生处理） */
+    handleKeydown = (e) => {
+        if (e.key === 'Escape' && this.visible) {
+            e.preventDefault();
+            this.handleCancel(e);
+        }
+    };
+    /** 触发器键盘：Enter/Space 打开 */
+    handleTriggerKeydown = (e) => {
+        if (this.disabled)
+            return;
+        if (isActivationKey(e.key)) {
+            e.preventDefault();
+            this.show();
+        }
+    };
     updatePosition() {
         if (!this.triggerRef || !this.popupRef)
             return;
@@ -27,10 +56,18 @@ export class Popconfirm {
         const pos = computePosition(rect, pw, ph, this.placement, 8);
         this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };
     }
-    handleConfirm = (e) => { e.stopPropagation(); this.hide(); this.el.dispatchEvent(new CustomEvent('hbConfirm', { bubbles: true })); };
-    handleCancel = (e) => { e.stopPropagation(); this.hide(); this.el.dispatchEvent(new CustomEvent('hbCancel', { bubbles: true })); };
+    handleConfirm = (e) => {
+        e.stopPropagation();
+        this.hide();
+        this.el.dispatchEvent(new CustomEvent('hbConfirm', { bubbles: true }));
+    };
+    handleCancel = (e) => {
+        e.stopPropagation();
+        this.hide();
+        this.el.dispatchEvent(new CustomEvent('hbCancel', { bubbles: true }));
+    };
     render() {
-        return (h("div", { key: 'd4817c4b90b135f3dc911259760ec6135c014882', class: "hb-popconfirm", onClick: this.show }, h("div", { key: 'bc992147604a6b601b9bfd1848fbd9fd425bcc65', ref: (el) => { this.triggerRef = el; }, class: "hb-popconfirm__trigger" }, h("slot", { key: 'a5be9404aa726abc5c1c40292bfa3adef7793fa7' })), this.visible && (h("div", { key: '4d9794a39fe67cae8d61b6ddf421eb922e89ed4e', ref: (el) => { this.popupRef = el; }, class: "hb-popconfirm__popup", style: this.popupStyle }, h("div", { key: '15b32d88525e57064aa6c98ab5d409a86bce1a48', class: "hb-popconfirm__main" }, h("span", { key: 'a958b70e2ce984d8a87f278dcc13831778a37ddb', class: "hb-popconfirm__icon" }, this.icon), h("span", { key: 'd965d258313cf129d8d07a4085897b750cfe046b', class: "hb-popconfirm__title" }, this.title)), h("div", { key: '184c808d11c9c987d7cc8d419133f5cdc5655466', class: "hb-popconfirm__action" }, h("button", { key: '4c2f7eb3b996bd5231a1df845a6e6422a189293f', type: "button", class: "hb-popconfirm__btn hb-popconfirm__btn--cancel", onClick: this.handleCancel }, this.cancelButtonText), h("button", { key: 'de7a86643978c024e780061b775035488e879faf', type: "button", class: "hb-popconfirm__btn hb-popconfirm__btn--confirm", onClick: this.handleConfirm }, this.confirmButtonText))))));
+        return (h("div", { key: 'a3610b2320192960baa690acf9f0127fb36d206f', class: "hb-popconfirm", onClick: this.show, onKeyDown: this.handleKeydown }, h("div", { key: '7164d998c2d989ed702d7dac318ef4e354e74dba', ref: (el) => { this.triggerRef = el; }, class: "hb-popconfirm__trigger", role: "button", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.visible ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onKeyDown: this.handleTriggerKeydown }, h("slot", { key: '0c62f0d5fe58d4aec55aa22c64b7f7f66aa7780d' })), this.visible && (h("div", { key: '450446dc51b40f62b3496bea2717e95b6807a7ca', ref: (el) => { this.popupRef = el; }, class: "hb-popconfirm__popup", style: this.popupStyle, role: "dialog", "aria-live": "polite", "aria-labelledby": "hb-popconfirm__title" }, h("div", { key: '4fb63a0a1c89c0866b30acadcfeea20d6936f39a', class: "hb-popconfirm__main" }, h("span", { key: '9cb5583abfc8822f0217a43b809ca9766c35b63e', class: "hb-popconfirm__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '75419c7cecb35e91134f62d9d0cfb71331813e0a', id: "hb-popconfirm__title", class: "hb-popconfirm__title" }, this.title)), h("div", { key: '6cf55c098e1926b418869ce9015ae2f25e4b41c0', class: "hb-popconfirm__action" }, h("button", { key: '07334e3915c17333808c5341e902ac5609f3ee2c', type: "button", class: "hb-popconfirm__btn hb-popconfirm__btn--cancel", onClick: this.handleCancel }, this.cancelButtonText), h("button", { key: 'ca133eab1ef2e8a043cf546bd57277df89d73616', type: "button", ref: (el) => { this.confirmBtnRef = el; }, class: "hb-popconfirm__btn hb-popconfirm__btn--confirm", onClick: this.handleConfirm }, this.confirmButtonText))))));
     }
     static get is() { return "hb-popconfirm"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"Popconfirm.js","sourceRoot":"","sources":["../../../src/components/Popconfirm/Popconfirm.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@Component({ tag: 'hb-popconfirm', styleUrl: 'popconfirm.css', shadow: true })\nexport class Popconfirm {\n  @Element() el: HTMLElement;\n  @Prop() title: string = '确定执行此操作？';\n  @Prop() confirmButtonText: string = '确定';\n  @Prop() cancelButtonText: string = '取消';\n  @Prop() placement: Placement = 'top';\n  @Prop() disabled: boolean = false;\n  @Prop() icon: string = '⚠';\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n\n  private show = () => { if (!this.disabled) { this.visible = true; requestAnimationFrame(() => this.updatePosition()); } };\n  private hide = () => { this.visible = false; };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const rect = this.triggerRef.getBoundingClientRect();\n    const { width: pw, height: ph } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(rect, pw, ph, this.placement, 8);\n    this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };\n  }\n\n  private handleConfirm = (e: Event) => { e.stopPropagation(); this.hide(); this.el.dispatchEvent(new CustomEvent('hbConfirm', { bubbles: true })); };\n  private handleCancel = (e: Event) => { e.stopPropagation(); this.hide(); this.el.dispatchEvent(new CustomEvent('hbCancel', { bubbles: true })); };\n\n  render() {\n    return (\n      <div class=\"hb-popconfirm\" onClick={this.show}>\n        <div ref={(el: any) => { this.triggerRef = el; }} class=\"hb-popconfirm__trigger\"><slot /></div>\n        {this.visible && (\n          <div ref={(el: any) => { this.popupRef = el; }} class=\"hb-popconfirm__popup\" style={this.popupStyle}>\n            <div class=\"hb-popconfirm__main\">\n              <span class=\"hb-popconfirm__icon\">{this.icon}</span>\n              <span class=\"hb-popconfirm__title\">{this.title}</span>\n            </div>\n            <div class=\"hb-popconfirm__action\">\n              <button type=\"button\" class=\"hb-popconfirm__btn hb-popconfirm__btn--cancel\" onClick={this.handleCancel}>{this.cancelButtonText}</button>\n              <button type=\"button\" class=\"hb-popconfirm__btn hb-popconfirm__btn--confirm\" onClick={this.handleConfirm}>{this.confirmButtonText}</button>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Popconfirm.js","sourceRoot":"","sources":["../../../src/components/Popconfirm/Popconfirm.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 * Popconfirm 气泡确认框\n * 无障碍（对齐 antd / WAI-ARIA）：\n * - 触发器 role=button + aria-haspopup=dialog + aria-expanded + aria-describedby\n * - 浮层 role=dialog + aria-live=polite（确认文屏幕阅读器实时播报）\n * - 键盘：trigger Enter/Space 打开；Esc=取消关闭；打开时自动聚焦确认按钮\n */\n@Component({ tag: 'hb-popconfirm', styleUrl: 'popconfirm.css', shadow: true })\nexport class Popconfirm {\n  @Element() el: HTMLElement;\n  @Prop() title: string = '确定执行此操作？';\n  @Prop() confirmButtonText: string = '确定';\n  @Prop() cancelButtonText: string = '取消';\n  @Prop() placement: Placement = 'top';\n  @Prop() disabled: boolean = false;\n  @Prop() icon: string = '⚠';\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n  private confirmBtnRef?: HTMLButtonElement;\n\n  private show = () => {\n    if (this.disabled) return;\n    this.visible = true;\n    requestAnimationFrame(() => {\n      this.updatePosition();\n      // 打开后自动聚焦确认按钮（对齐 antd：Enter 直接确认）\n      this.confirmBtnRef?.focus();\n    });\n  };\n  private hide = () => { this.visible = false; };\n\n  /** 键盘：Esc 取消关闭（Enter 由聚焦的确认按钮原生处理） */\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && this.visible) {\n      e.preventDefault();\n      this.handleCancel(e);\n    }\n  };\n\n  /** 触发器键盘：Enter/Space 打开 */\n  private handleTriggerKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.show();\n    }\n  };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const rect = this.triggerRef.getBoundingClientRect();\n    const { width: pw, height: ph } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(rect, pw, ph, this.placement, 8);\n    this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };\n  }\n\n  private handleConfirm = (e: Event) => {\n    e.stopPropagation();\n    this.hide();\n    this.el.dispatchEvent(new CustomEvent('hbConfirm', { bubbles: true }));\n  };\n  private handleCancel = (e: Event) => {\n    e.stopPropagation();\n    this.hide();\n    this.el.dispatchEvent(new CustomEvent('hbCancel', { bubbles: true }));\n  };\n\n  render() {\n    return (\n      <div\n        class=\"hb-popconfirm\"\n        onClick={this.show}\n        onKeyDown={this.handleKeydown}\n      >\n        <div\n          ref={(el: any) => { this.triggerRef = el; }}\n          class=\"hb-popconfirm__trigger\"\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-haspopup=\"dialog\"\n          aria-expanded={this.visible ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          onKeyDown={this.handleTriggerKeydown}\n        >\n          <slot />\n        </div>\n        {this.visible && (\n          <div\n            ref={(el: any) => { this.popupRef = el; }}\n            class=\"hb-popconfirm__popup\"\n            style={this.popupStyle}\n            role=\"dialog\"\n            aria-live=\"polite\"\n            aria-labelledby=\"hb-popconfirm__title\"\n          >\n            <div class=\"hb-popconfirm__main\">\n              <span class=\"hb-popconfirm__icon\" aria-hidden=\"true\">{this.icon}</span>\n              <span id=\"hb-popconfirm__title\" class=\"hb-popconfirm__title\">{this.title}</span>\n            </div>\n            <div class=\"hb-popconfirm__action\">\n              <button\n                type=\"button\"\n                class=\"hb-popconfirm__btn hb-popconfirm__btn--cancel\"\n                onClick={this.handleCancel}\n              >\n                {this.cancelButtonText}\n              </button>\n              <button\n                type=\"button\"\n                ref={(el: any) => { this.confirmBtnRef = el; }}\n                class=\"hb-popconfirm__btn hb-popconfirm__btn--confirm\"\n                onClick={this.handleConfirm}\n              >\n                {this.confirmButtonText}\n              </button>\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/Popover/Popover.js

@@ -1,5 +1,13 @@
 import { h } from "@stencil/core";
 import { computePosition, getNextZIndex } from "../../utils/popup-manager";
+import { isActivationKey } from "../../utils/a11y";
+/**
+ * Popover 气泡卡片
+ * 无障碍（对齐 antd / WAI-ARIA）：
+ * - 触发器 role=button + aria-haspopup=dialog + aria-expanded
+ * - 浮层 role=dialog + aria-labelledby（title）
+ * - 键盘：trigger 上 Enter/Space 打开/关闭；Esc 关闭
+ */
 export class Popover {
     el;
     // 注意：使用默认值使其成为 required string，避免与 HTMLElement.title（string）
@@ -28,6 +36,21 @@ export class Popover {
             this.show();
         }
     };
+    /** 触发器键盘：Enter/Space 切换；Esc 关闭（click 触发模式） */
+    handleKeydown = (e) => {
+        if (this.disabled)
+            return;
+        if (e.key === 'Escape' && this.visible) {
+            e.preventDefault();
+            this.hide();
+            return;
+        }
+        // click 触发模式才允许键盘打开；hover 模式 focus 时已由 onFocus 展开
+        if (this.trigger === 'click' && isActivationKey(e.key)) {
+            e.preventDefault();
+            this.toggle();
+        }
+    };
     updatePosition() {
         if (!this.triggerRef || !this.popupRef)
             return;
@@ -37,8 +60,12 @@ export class Popover {
         this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };
     }
     render() {
-        const events = this.trigger === 'hover' ? { onMouseEnter: this.show, onMouseLeave: this.hide } : { onClick: this.toggle };
-        return (h("div", { key: 'b094fdab875b54a1334489467d87cab19d5d495c', class: "hb-popover", ...events }, h("div", { key: '0d87497b9f31c97aab530a5298722b594388a036', ref: (el) => { this.triggerRef = el; }, class: "hb-popover__trigger" }, h("slot", { key: '93740d59a42e448997f44fe9a636e2858d15121a' })), this.visible && (h("div", { key: '54f77abc1aa942b45e69bf4c63ec6b8f4fd49bad', ref: (el) => { this.popupRef = el; }, class: "hb-popover__popup", style: { ...this.popupStyle, width: this.width }, onMouseEnter: () => this.trigger === 'hover' && this.show(), onMouseLeave: () => this.trigger === 'hover' && this.hide() }, this.title && h("div", { key: '44f71196d287712f9895546d03d1849ba2092241', class: "hb-popover__title" }, this.title), h("div", { key: '7f558d395de6937bb453f9a3453509654fb14514', class: "hb-popover__body" }, h("slot", { key: '19677384409687a3936393b2aaf6722c071de5eb', name: "content" }))))));
+        const events = this.trigger === 'hover'
+            ? { onMouseEnter: this.show, onMouseLeave: this.hide }
+            : { onClick: this.toggle };
+        return (h("div", { key: '8085a1ce5c74415b6a54b30edb12cd894b6d6407', class: "hb-popover", ...events, onKeyDown: this.handleKeydown }, h("div", { key: 'ca51e0624265da38c99ec4f035776429616a4444', ref: (el) => { this.triggerRef = el; }, class: "hb-popover__trigger", role: "button", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.visible ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false',
+            // hover 触发模式：focus 也展开（键盘用户可见）
+            onFocus: this.trigger === 'hover' ? this.show : undefined, onBlur: this.trigger === 'hover' ? this.hide : undefined }, h("slot", { key: 'b2717c611c8f73c54e2463724c9b76bef24d5a88' })), this.visible && (h("div", { key: '13cc85f0c1a2b52c59afa6c9d90f3b70a7b4dbd9', ref: (el) => { this.popupRef = el; }, class: "hb-popover__popup", style: { ...this.popupStyle, width: this.width }, role: "dialog", "aria-labelledby": this.title ? 'hb-popover__title' : undefined, onMouseEnter: () => this.trigger === 'hover' && this.show(), onMouseLeave: () => this.trigger === 'hover' && this.hide() }, this.title && h("div", { key: 'e89dc3689137445d896cccd3a50a2ab9fa34d677', id: "hb-popover__title", class: "hb-popover__title" }, this.title), h("div", { key: '27ab058045cd181074e3436a58ce234d23a648dc', class: "hb-popover__body" }, h("slot", { key: '1fc7515e13a753f34d390c10dc8b87d376705a20', name: "content" }))))));
     }
     static get is() { return "hb-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.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@Component({ tag: 'hb-popover', styleUrl: 'popover.css', shadow: true })\nexport class Popover {\n  @Element() el: HTMLElement;\n  // 注意：使用默认值使其成为 required string，避免与 HTMLElement.title（string）\n  // 的可选类型冲突；同时保留 Ant Design 兼容的 `title` API。\n  @Prop() title: string = '';\n  @Prop() width: string = '240px';\n  @Prop() placement: Placement = 'bottom';\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n  @Prop() disabled: boolean = false;\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n\n  private show = () => { if (!this.disabled) { this.visible = true; requestAnimationFrame(() => this.updatePosition()); } };\n  private hide = () => { this.visible = false; };\n  private toggle = () => {\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 rect = this.triggerRef.getBoundingClientRect();\n    const { width: pw, height: ph } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(rect, pw, ph, this.placement, 8);\n    this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };\n  }\n\n  render() {\n    const events = this.trigger === 'hover' ? { onMouseEnter: this.show, onMouseLeave: this.hide } : { onClick: this.toggle };\n    return (\n      <div class=\"hb-popover\" {...events}>\n        <div ref={(el: any) => { this.triggerRef = el; }} class=\"hb-popover__trigger\"><slot /></div>\n        {this.visible && (\n          <div ref={(el: any) => { this.popupRef = el; }} class=\"hb-popover__popup\" style={{ ...this.popupStyle, width: this.width }}\n            onMouseEnter={() => this.trigger === 'hover' && this.show()} onMouseLeave={() => this.trigger === 'hover' && this.hide()}>\n            {this.title && <div class=\"hb-popover__title\">{this.title}</div>}\n            <div class=\"hb-popover__body\"><slot name=\"content\" /></div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.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 * Popover 气泡卡片\n * 无障碍（对齐 antd / WAI-ARIA）：\n * - 触发器 role=button + aria-haspopup=dialog + aria-expanded\n * - 浮层 role=dialog + aria-labelledby（title）\n * - 键盘：trigger 上 Enter/Space 打开/关闭；Esc 关闭\n */\n@Component({ tag: 'hb-popover', styleUrl: 'popover.css', shadow: true })\nexport class Popover {\n  @Element() el: HTMLElement;\n  // 注意：使用默认值使其成为 required string，避免与 HTMLElement.title（string）\n  // 的可选类型冲突；同时保留 Ant Design 兼容的 `title` API。\n  @Prop() title: string = '';\n  @Prop() width: string = '240px';\n  @Prop() placement: Placement = 'bottom';\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n  @Prop() disabled: boolean = false;\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n\n  private show = () => { if (!this.disabled) { this.visible = true; requestAnimationFrame(() => this.updatePosition()); } };\n  private hide = () => { this.visible = false; };\n  private toggle = () => {\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  };\n\n  /** 触发器键盘：Enter/Space 切换；Esc 关闭（click 触发模式） */\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (e.key === 'Escape' && this.visible) {\n      e.preventDefault();\n      this.hide();\n      return;\n    }\n    // click 触发模式才允许键盘打开；hover 模式 focus 时已由 onFocus 展开\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 rect = this.triggerRef.getBoundingClientRect();\n    const { width: pw, height: ph } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(rect, pw, ph, this.placement, 8);\n    this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };\n  }\n\n  render() {\n    const events = this.trigger === 'hover'\n      ? { onMouseEnter: this.show, onMouseLeave: this.hide }\n      : { onClick: this.toggle };\n\n    return (\n      <div\n        class=\"hb-popover\"\n        {...events}\n        onKeyDown={this.handleKeydown}\n      >\n        <div\n          ref={(el: any) => { this.triggerRef = el; }}\n          class=\"hb-popover__trigger\"\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-haspopup=\"dialog\"\n          aria-expanded={this.visible ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          // hover 触发模式：focus 也展开（键盘用户可见）\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            ref={(el: any) => { this.popupRef = el; }}\n            class=\"hb-popover__popup\"\n            style={{ ...this.popupStyle, width: this.width }}\n            role=\"dialog\"\n            aria-labelledby={this.title ? 'hb-popover__title' : undefined}\n            onMouseEnter={() => this.trigger === 'hover' && this.show()}\n            onMouseLeave={() => this.trigger === 'hover' && this.hide()}\n          >\n            {this.title && <div id=\"hb-popover__title\" class=\"hb-popover__title\">{this.title}</div>}\n            <div class=\"hb-popover__body\"><slot name=\"content\" /></div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/Progress/Progress.js

@@ -18,7 +18,7 @@ export class Progress {
     }
     render() {
         const clampedPct = Math.max(0, Math.min(100, this.percentage));
-        return (h("div", { key: 'a3d0f5a70471f0114bbf8ddaf62bd18d274357cc', class: "hb-progress" }, h("div", { key: 'ba90d7643388c12d5188ca6b48b4e581f46f104b', class: "hb-progress__bar", style: { height: `${this.strokeWidth}px` } }, h("div", { key: '9dc3948579e45ff3f008f1b5078a247a32df8c91', class: "hb-progress__bar-inner", style: { width: `${clampedPct}%`, backgroundColor: this.barColor } })), this.showText && h("span", { key: '5cb06b3981e7d754e7dab7881341d75045284296', class: "hb-progress__text" }, clampedPct, "%")));
+        return (h("div", { key: '0378f701fdab1a467c441925938dd15750e2440d', class: "hb-progress" }, h("div", { key: '06a661fff31f8dfe79b96d769dcdd907fb6e4ff6', class: "hb-progress__bar", style: { height: `${this.strokeWidth}px` } }, h("div", { key: 'fdcf3c300fd700f1779203ea7733d276313bf567', class: "hb-progress__bar-inner", style: { width: `${clampedPct}%`, backgroundColor: this.barColor } })), this.showText && h("span", { key: '101821cfa8592f03ef47695b46f32c18f96b07ff', class: "hb-progress__text" }, clampedPct, "%")));
     }
     static get is() { return "hb-progress"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Radio/Radio.js

@@ -90,13 +90,13 @@ export class Radio {
     };
     render() {
         const inputId = this.radioId || `hb-radio-${Math.random().toString(36).substr(2, 9)}`;
-        return (h("label", { key: '3f069ee164a78574c94d973e06f435d172170d8c', class: {
+        return (h("label", { key: '463c0d18fd65a81e2a2bf5618362e35461ab554f', class: {
                 'hb-radio': true,
                 'hb-radio--checked': this.isChecked,
                 'hb-radio--disabled': this.disabled,
                 'hb-radio--border': this.border,
                 [`hb-radio--${this.size}`]: true,
-            } }, h("span", { key: 'e8e0c6976efa57516d14bba9385f2424400c749c', class: "hb-radio__input" }, h("input", { key: '6a5cf424f748330a8b9214a2ee75f154f599a9ca', type: "radio", id: inputId, name: this.name, checked: this.isChecked, disabled: this.disabled, value: this.value, onChange: this.handleChange, class: "hb-radio__original" }), h("span", { key: '7c2d37231c2b7f28001bfb95014ffc638c324633', class: "hb-radio__inner" })), (this.label || this.value !== undefined) && (h("span", { key: '05980e96a3068f1dfd44719f688eb68c715fde85', class: "hb-radio__label" }, h("slot", { key: '96dfbd6157a555033a3f749032a44272c3a8588b' }, this.label || this.value)))));
+            } }, h("span", { key: '292c166d1b83d7b2e0f4a0ae9dad244515eb8cc6', class: "hb-radio__input" }, h("input", { key: '1adc442e06c276252c7b2824b1fb5cb4d2e65087', type: "radio", id: inputId, name: this.name, checked: this.isChecked, disabled: this.disabled, value: this.value, onChange: this.handleChange, class: "hb-radio__original" }), h("span", { key: '6b2c538c1c1e1dd8e2de0eeffe073d7621febe8b', class: "hb-radio__inner" })), (this.label || this.value !== undefined) && (h("span", { key: '0b1a0f58465b4f159902ff573233f617000114de', class: "hb-radio__label" }, h("slot", { key: 'e4ff0c4d859ffd28d9c82b8c1b4cebed39f00b93' }, this.label || this.value)))));
     }
     static get is() { return "hb-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Rate/Rate.js

@@ -67,6 +67,48 @@ export class Rate {
         this.hoverValue = 0;
         this.hbChange.emit(newValue);
     };
+    /**
+     * 键盘调节评分（对齐 WAI-ARIA slider / antd Rate）：
+     * - ArrowRight/ArrowUp：增加（allowHalf 时步进 0.5，否则 1）
+     * - ArrowLeft/ArrowDown：减少
+     * - Home：归 0；End：满分
+     */
+    handleKeydown = (e) => {
+        if (this.disabled || this.readonly)
+            return;
+        const step = this.allowHalf ? 0.5 : 1;
+        let next = null;
+        switch (e.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                next = this.currentValue + step;
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                next = this.currentValue - step;
+                break;
+            case 'Home':
+                next = 0;
+                break;
+            case 'End':
+                next = this.max;
+                break;
+            default:
+                return;
+        }
+        e.preventDefault();
+        if (next === null)
+            return;
+        // 夹取到 [0, max]，且按 step 对齐
+        const clamped = Math.max(0, Math.min(next, this.max));
+        // 修正浮点：allowHalf 时保留一位小数
+        const snapped = this.allowHalf ? Math.round(clamped * 2) / 2 : Math.round(clamped);
+        if (snapped === this.currentValue)
+            return;
+        this.currentValue = snapped;
+        this.modelValue = snapped;
+        this.hbChange.emit(snapped);
+    };
     handleMouseEnter = (value) => {
         if (this.disabled || this.readonly)
             return;
@@ -96,7 +138,7 @@ export class Rate {
     render() {
         const displayValue = this.getDisplayValue();
         const stars = Array.from({ length: this.max }, (_, i) => i + 1);
-        return (h("div", { key: 'cf15cfe1af8d6f65b2a08a398214dd1f762fc7e7', class: "hb-rate" }, stars.map((value) => {
+        return (h("div", { key: '6e1ff9a1ed597f2dba1111893a32d079bdce38a4', class: "hb-rate", role: "slider", tabindex: this.disabled || this.readonly ? -1 : 0, "aria-valuemin": 0, "aria-valuemax": this.max, "aria-valuenow": this.currentValue, "aria-valuetext": this.scoreTemplate ? this.getScoreText() : `${this.currentValue} 分`, "aria-orientation": "horizontal", "aria-disabled": this.disabled ? 'true' : 'false', "aria-readonly": this.readonly ? 'true' : 'false', onKeyDown: this.handleKeydown }, stars.map((value) => {
             const isFull = displayValue >= value;
             const isHalf = this.allowHalf && displayValue >= value - 0.5 && displayValue < value;
             const isActive = isFull || isHalf;
@@ -110,8 +152,8 @@ export class Rate {
                 }, onClick: (e) => {
                     e.stopPropagation();
                     this.handleClick(value, true);
-                } }, "\u2605")), h("span", { class: "hb-rate__icon" }, "\u2605")));
-        }), this.showScore && (h("span", { key: '2f3d24aff4a4be719971e6162ae7bc21983cf62f', class: "hb-rate__text" }, this.getScoreText())), this.showText && this.getText() && (h("span", { key: '83107780b12701836a8badbc3139b791b2d9f07a', class: "hb-rate__text" }, this.getText()))));
+                } }, "\u2605")), h("span", { class: "hb-rate__icon", "aria-hidden": "true" }, "\u2605")));
+        }), this.showScore && (h("span", { key: '8bea6243ef85f5cab68eff37b3d259cf3793f9c9', class: "hb-rate__text" }, this.getScoreText())), this.showText && this.getText() && (h("span", { key: '714f24cacb7bc8dfd04f0a984658d845197ef82d', class: "hb-rate__text" }, this.getText()))));
     }
     static get is() { return "hb-rate"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +1 @@
-{"version":3,"file":"Rate.js","sourceRoot":"","sources":["../../../src/components/Rate/Rate.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Rate 评分组件\n * 评分组件\n */\n@Component({\n  tag: 'hb-rate',\n  styleUrl: 'rate.css',\n  shadow: true,\n})\nexport class Rate {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number = 0;\n\n  /**\n   * 最大分值\n   * @default 5\n   */\n  @Prop() max: number = 5;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否允许半选\n   * @default false\n   */\n  @Prop() allowHalf: boolean = false;\n\n  /**\n   * 只读\n   * @default false\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * 是否显示分数\n   * @default false\n   */\n  @Prop() showScore: boolean = false;\n\n  /**\n   * 是否显示文本\n   * @default false\n   */\n  @Prop() showText: boolean = false;\n\n  /**\n   * 辅助文字数组\n   */\n  @Prop() texts?: string[];\n\n  /**\n   * 分数显示模板\n   */\n  @Prop() scoreTemplate?: string;\n\n  @State() hoverValue: number = 0;\n  @State() currentValue: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.currentValue = this.modelValue;\n  }\n\n  private handleClick = (value: number, isHalf: boolean) => {\n    if (this.disabled || this.readonly) return;\n    \n    const newValue = isHalf && this.allowHalf ? value - 0.5 : value;\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hoverValue = 0;\n    this.hbChange.emit(newValue);\n  };\n\n  private handleMouseEnter = (value: number) => {\n    if (this.disabled || this.readonly) return;\n    this.hoverValue = value;\n  };\n\n  private handleMouseLeave = () => {\n    if (this.disabled || this.readonly) return;\n    this.hoverValue = 0;\n  };\n\n  private getDisplayValue(): number {\n    return this.hoverValue || this.currentValue;\n  }\n\n  private getText(): string {\n    const value = Math.ceil(this.currentValue);\n    if (this.texts && this.texts[value - 1]) {\n      return this.texts[value - 1];\n    }\n    return '';\n  }\n\n  private getScoreText(): string {\n    if (this.scoreTemplate) {\n      return this.scoreTemplate.replace('{value}', String(this.currentValue));\n    }\n    return `${this.currentValue} / ${this.max}`;\n  }\n\n  render() {\n    const displayValue = this.getDisplayValue();\n    const stars = Array.from({ length: this.max }, (_, i) => i + 1);\n\n    return (\n      <div class=\"hb-rate\">\n        {stars.map((value) => {\n          const isFull = displayValue >= value;\n          const isHalf = this.allowHalf && displayValue >= value - 0.5 && displayValue < value;\n          const isActive = isFull || isHalf;\n\n          return (\n            <span\n              class={{\n                'hb-rate__item': true,\n                'hb-rate__item--active': isActive,\n                'hb-rate__item--half': isHalf,\n              }}\n              onMouseEnter={() => this.handleMouseEnter(value)}\n              onMouseLeave={this.handleMouseLeave}\n              onClick={() => this.handleClick(value, false)}\n            >\n              {this.allowHalf && (\n                <span\n                  class={{\n                    'hb-rate__half': true,\n                    'hb-rate__half--active': isHalf,\n                  }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    this.handleClick(value, true);\n                  }}\n                >\n                  ★\n                </span>\n              )}\n              <span class=\"hb-rate__icon\">★</span>\n            </span>\n          );\n        })}\n        {this.showScore && (\n          <span class=\"hb-rate__text\">{this.getScoreText()}</span>\n        )}\n        {this.showText && this.getText() && (\n          <span class=\"hb-rate__text\">{this.getText()}</span>\n        )}\n      </div>\n    );\n  }\n}\n\n"]}
+{"version":3,"file":"Rate.js","sourceRoot":"","sources":["../../../src/components/Rate/Rate.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Rate 评分组件\n * 评分组件\n */\n@Component({\n  tag: 'hb-rate',\n  styleUrl: 'rate.css',\n  shadow: true,\n})\nexport class Rate {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number = 0;\n\n  /**\n   * 最大分值\n   * @default 5\n   */\n  @Prop() max: number = 5;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否允许半选\n   * @default false\n   */\n  @Prop() allowHalf: boolean = false;\n\n  /**\n   * 只读\n   * @default false\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * 是否显示分数\n   * @default false\n   */\n  @Prop() showScore: boolean = false;\n\n  /**\n   * 是否显示文本\n   * @default false\n   */\n  @Prop() showText: boolean = false;\n\n  /**\n   * 辅助文字数组\n   */\n  @Prop() texts?: string[];\n\n  /**\n   * 分数显示模板\n   */\n  @Prop() scoreTemplate?: string;\n\n  @State() hoverValue: number = 0;\n  @State() currentValue: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.currentValue = this.modelValue;\n  }\n\n  private handleClick = (value: number, isHalf: boolean) => {\n    if (this.disabled || this.readonly) return;\n\n    const newValue = isHalf && this.allowHalf ? value - 0.5 : value;\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hoverValue = 0;\n    this.hbChange.emit(newValue);\n  };\n\n  /**\n   * 键盘调节评分（对齐 WAI-ARIA slider / antd Rate）：\n   * - ArrowRight/ArrowUp：增加（allowHalf 时步进 0.5，否则 1）\n   * - ArrowLeft/ArrowDown：减少\n   * - Home：归 0；End：满分\n   */\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (this.disabled || this.readonly) return;\n    const step = this.allowHalf ? 0.5 : 1;\n    let next: number | null = null;\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        next = this.currentValue + step;\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        next = this.currentValue - step;\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = this.max;\n        break;\n      default:\n        return;\n    }\n    e.preventDefault();\n    if (next === null) return;\n    // 夹取到 [0, max]，且按 step 对齐\n    const clamped = Math.max(0, Math.min(next, this.max));\n    // 修正浮点：allowHalf 时保留一位小数\n    const snapped = this.allowHalf ? Math.round(clamped * 2) / 2 : Math.round(clamped);\n    if (snapped === this.currentValue) return;\n    this.currentValue = snapped;\n    this.modelValue = snapped;\n    this.hbChange.emit(snapped);\n  };\n\n  private handleMouseEnter = (value: number) => {\n    if (this.disabled || this.readonly) return;\n    this.hoverValue = value;\n  };\n\n  private handleMouseLeave = () => {\n    if (this.disabled || this.readonly) return;\n    this.hoverValue = 0;\n  };\n\n  private getDisplayValue(): number {\n    return this.hoverValue || this.currentValue;\n  }\n\n  private getText(): string {\n    const value = Math.ceil(this.currentValue);\n    if (this.texts && this.texts[value - 1]) {\n      return this.texts[value - 1];\n    }\n    return '';\n  }\n\n  private getScoreText(): string {\n    if (this.scoreTemplate) {\n      return this.scoreTemplate.replace('{value}', String(this.currentValue));\n    }\n    return `${this.currentValue} / ${this.max}`;\n  }\n\n  render() {\n    const displayValue = this.getDisplayValue();\n    const stars = Array.from({ length: this.max }, (_, i) => i + 1);\n\n    return (\n      <div\n        class=\"hb-rate\"\n        role=\"slider\"\n        tabindex={this.disabled || this.readonly ? -1 : 0}\n        aria-valuemin={0}\n        aria-valuemax={this.max}\n        aria-valuenow={this.currentValue}\n        aria-valuetext={this.scoreTemplate ? this.getScoreText() : `${this.currentValue} 分`}\n        aria-orientation=\"horizontal\"\n        aria-disabled={this.disabled ? 'true' : 'false'}\n        aria-readonly={this.readonly ? 'true' : 'false'}\n        onKeyDown={this.handleKeydown}\n      >\n        {stars.map((value) => {\n          const isFull = displayValue >= value;\n          const isHalf = this.allowHalf && displayValue >= value - 0.5 && displayValue < value;\n          const isActive = isFull || isHalf;\n\n          return (\n            <span\n              class={{\n                'hb-rate__item': true,\n                'hb-rate__item--active': isActive,\n                'hb-rate__item--half': isHalf,\n              }}\n              onMouseEnter={() => this.handleMouseEnter(value)}\n              onMouseLeave={this.handleMouseLeave}\n              onClick={() => this.handleClick(value, false)}\n            >\n              {this.allowHalf && (\n                <span\n                  class={{\n                    'hb-rate__half': true,\n                    'hb-rate__half--active': isHalf,\n                  }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    this.handleClick(value, true);\n                  }}\n                >\n                  ★\n                </span>\n              )}\n              <span class=\"hb-rate__icon\" aria-hidden=\"true\">★</span>\n            </span>\n          );\n        })}\n        {this.showScore && (\n          <span class=\"hb-rate__text\">{this.getScoreText()}</span>\n        )}\n        {this.showText && this.getText() && (\n          <span class=\"hb-rate__text\">{this.getText()}</span>\n        )}\n      </div>\n    );\n  }\n}\n\n"]}

package/dist/collection/components/Result/Result.js

@@ -40,7 +40,7 @@ export class Result {
     }
     render() {
         const color = this.getColor();
-        return (h("div", { key: '2c814e1b6953b94d65a6fbf1434263f622bb7286', class: { 'hb-result': true, [`hb-result--${this.status}`]: true } }, h("div", { key: '6065f1880a74904cced635430c1f3b484476cc63', class: "hb-result__icon", style: { color } }, h("span", { key: 'fd61023ad0cdf6436680f20bbcb735f4960ffbe5', class: "hb-result__icon-symbol" }, this.getIcon())), this.title && h("div", { key: '44a7cfc18a4886b1530e9dfbed4764f35f61d143', class: "hb-result__title" }, this.title), this.subTitle !== undefined && h("div", { key: '86c42321700d9a7f3055025dbfbc71b358611739', class: "hb-result__subtitle" }, this.subTitle), h("div", { key: '63fbc78625a878e196acd65aa361440cba746b19', class: "hb-result__extra" }, h("slot", { key: 'cefb1bfb4444bc1d47a37eb4887af9e21fa18a85' }))));
+        return (h("div", { key: '2e1cbc3672080bcab9211f186212c2bae44bc3af', class: { 'hb-result': true, [`hb-result--${this.status}`]: true } }, h("div", { key: 'a016fc8c7ca5684e8d52ee1305fe2e71b3ba502f', class: "hb-result__icon", style: { color } }, h("span", { key: '534b33fbd62e51b05c6a28660ce439c12fb3da2b', class: "hb-result__icon-symbol" }, this.getIcon())), this.title && h("div", { key: '51b722e6a0beef39adfbef3d3c1dadfad9c70dd1', class: "hb-result__title" }, this.title), this.subTitle !== undefined && h("div", { key: '3bc005594f74cc9c1806100001509441b9c357d4', class: "hb-result__subtitle" }, this.subTitle), h("div", { key: '41702ad25f27484659b4e7437a05cb4227f9e7a9', class: "hb-result__extra" }, h("slot", { key: 'd973cd7a63731803a460e9dfe61583a79aec483f' }))));
     }
     static get is() { return "hb-result"; }
     static get encapsulation() { return "shadow"; }