huibo-ui 0.4.0 → 0.5.0

package/dist/esm/hb-page-header.entry.js

@@ -23,7 +23,7 @@ const PageHeader = class {
         this.hbBack.emit();
     };
     render() {
-        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' }))));
+        return (h("div", { key: 'ecfe4d352c4696133f30f9cb130a484c9512872f', class: { 'hb-page-header': true, 'hb-page-header--ghost': this.ghost } }, h("div", { key: 'b8972b2af8caf2c16dfa336434112d53dbced99e', class: "hb-page-header__main" }, this.back && (h("button", { key: '175834ac887d6079cc4518e2e454e3b19b574e49', type: "button", class: "hb-page-header__back", onClick: this.handleBack, "aria-label": "\u8FD4\u56DE" }, h("span", { key: '2effefb7b2e1846992b549def041226f9076ae8c', class: "hb-page-header__back-arrow" }, "\u2190"))), h("div", { key: '2bd0014a9b6788bd9202f330b36808f74d3feecc', class: "hb-page-header__titles" }, this.title && h("span", { key: 'a1538b4e5a6e1eb611c7cfa3eaaefbd802d71911', class: "hb-page-header__title" }, this.title), this.subtitle && h("span", { key: 'ff730fda5ba94da9482a513262b6f31749f712ad', class: "hb-page-header__subtitle" }, this.subtitle))), h("div", { key: '5b062f4656eed561e52f1aacb26c32ac8f638fb9', class: "hb-page-header__extra" }, h("slot", { key: 'd5cb18262a07f8b4962704f0d661ec3265275b35' }))));
     }
 };
 PageHeader.style = HbPageHeaderStyle0;

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

@@ -55,14 +55,17 @@ const Pagination = class {
     handleSizeChange(e) {
         const target = e.target;
         const size = parseInt(target.value, 10);
-        // 切 pageSize 后立即重算 totalPages，并防止 currentPage 越界
+        // 切 pageSize 后立即重算 totalPages，并防止 currentPage 越界。
+        // 注意：先记下旧页码再赋值，否则「safePage !== internalCurrent」恒为 false（B2 回归）。
         this.internalPageSize = size;
         const newTotal = Math.max(1, Math.ceil(this.total / size));
-        const safePage = Math.min(this.internalCurrent, newTotal);
+        const oldCurrent = this.internalCurrent;
+        const safePage = Math.min(oldCurrent, newTotal);
         this.hbSizeChange.emit(size);
         this.internalCurrent = safePage;
         this.currentPage = safePage;
-        if (safePage !== this.internalCurrent) {
+        // 仅当页码真的被钳位时才 emit，避免切 pageSize 但页码未变时多余回调
+        if (safePage !== oldCurrent) {
             this.hbCurrentChange.emit(safePage);
         }
     }
@@ -99,10 +102,10 @@ const Pagination = class {
     }
     render() {
         const pages = this.getPages();
-        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: {
+        return (h("nav", { key: '9879e0e196ad17034b61a53919db135b70e829c7', class: { 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }, role: "navigation", "aria-label": "\u5206\u9875" }, this.showTotal && (h("span", { key: '4cdc7fb2bbd5a05306b8256083e226fe326c6d3e', class: "hb-pagination__total", "aria-live": "polite" }, "\u5171 ", this.total, " \u6761")), this.showPageSize && (h("select", { key: '0d9630a2193aba460d576d126dcc54db34c8061c', 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: '01e783d289673b1594101be14c2656ad4916edd8', 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), "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")));
+            }, disabled: this.disabled, onClick: () => this.handlePageClick(page), "aria-label": `第 ${page} 页`, "aria-current": page === this.internalCurrent ? 'page' : undefined }, page))), h("button", { key: '946f06b2333376cd02dd6309377d691b5f5e6039', 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 watchers() { return {
         "currentPage": ["handleCurrentPageChange"],

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

@@ -1 +1 @@
-{"file":"hb-pagination.entry.js","mappings":"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","names":[],"sources":["src/components/Pagination/pagination.css?tag=hb-pagination&encapsulation=shadow","src/components/Pagination/Pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-pagination {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  user-select: none;\n}\n\n.hb-pagination--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.hb-pagination__total {\n  margin-right: var(--hb-spacing-xs);\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-pagination__sizes {\n  height: 28px;\n  padding: 0 var(--hb-spacing-xs);\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  margin-right: var(--hb-spacing-xs);\n}\n\n.hb-pagination__sizes:focus {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  padding: 0 4px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n}\n\n.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active) {\n  color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn:disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n  background: var(--hb-color-fill-quaternary);\n}\n\n.hb-pagination__btn--active {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n  color: #fff;\n}\n\n.hb-pagination__ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  color: var(--hb-color-text-secondary);\n  letter-spacing: 2px;\n}\n\n/* ============================================================\n * 响应式（移动端）：小屏简化分页，\n * 隐藏非相邻页码与省略号，仅保留 首页/上一页/当前页/下一页/末页。\n * 通过 aria-hidden 而非 display:none，保持键盘可达性由 active 决定。\n * ============================================================ */\n@media (max-width: 575.98px) {\n  /* 隐藏中间页码（保留 active 与首末按钮） */\n  .hb-pagination__btn:not(.hb-pagination__btn--active):not(.hb-pagination__prev):not(.hb-pagination__next) {\n    display: none;\n  }\n\n  /* 隐藏省略号 */\n  .hb-pagination__ellipsis {\n    display: none;\n  }\n\n  /* 隐藏\"共 N 条\"和\"每页 N 条\"选择器以节省空间（信息保留在 aria-label） */\n  .hb-pagination__total,\n  .hb-pagination__sizes {\n    display: none;\n  }\n}\n","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"],"version":3}
+{"file":"hb-pagination.entry.js","mappings":"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","names":[],"sources":["src/components/Pagination/pagination.css?tag=hb-pagination&encapsulation=shadow","src/components/Pagination/Pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-pagination {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  user-select: none;\n}\n\n.hb-pagination--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.hb-pagination__total {\n  margin-right: var(--hb-spacing-xs);\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-pagination__sizes {\n  height: 28px;\n  padding: 0 var(--hb-spacing-xs);\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  margin-right: var(--hb-spacing-xs);\n}\n\n.hb-pagination__sizes:focus {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  padding: 0 4px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n}\n\n.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active) {\n  color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn:disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n  background: var(--hb-color-fill-quaternary);\n}\n\n.hb-pagination__btn--active {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n  color: #fff;\n}\n\n.hb-pagination__ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  color: var(--hb-color-text-secondary);\n  letter-spacing: 2px;\n}\n\n/* ============================================================\n * 响应式（移动端）：小屏简化分页，\n * 隐藏非相邻页码与省略号，仅保留 首页/上一页/当前页/下一页/末页。\n * 通过 aria-hidden 而非 display:none，保持键盘可达性由 active 决定。\n * ============================================================ */\n@media (max-width: 575.98px) {\n  /* 隐藏中间页码（保留 active 与首末按钮） */\n  .hb-pagination__btn:not(.hb-pagination__btn--active):not(.hb-pagination__prev):not(.hb-pagination__next) {\n    display: none;\n  }\n\n  /* 隐藏省略号 */\n  .hb-pagination__ellipsis {\n    display: none;\n  }\n\n  /* 隐藏\"共 N 条\"和\"每页 N 条\"选择器以节省空间（信息保留在 aria-label） */\n  .hb-pagination__total,\n  .hb-pagination__sizes {\n    display: none;\n  }\n}\n","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    // 注意：先记下旧页码再赋值，否则「safePage !== internalCurrent」恒为 false（B2 回归）。\n    this.internalPageSize = size;\n    const newTotal = Math.max(1, Math.ceil(this.total / size));\n    const oldCurrent = this.internalCurrent;\n    const safePage = Math.min(oldCurrent, newTotal);\n    this.hbSizeChange.emit(size);\n    this.internalCurrent = safePage;\n    this.currentPage = safePage;\n    // 仅当页码真的被钳位时才 emit，避免切 pageSize 但页码未变时多余回调\n    if (safePage !== oldCurrent) {\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 class={{ 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }} role=\"navigation\" aria-label=\"分页\">\n        {this.showTotal && (\n          <span class=\"hb-pagination__total\" aria-live=\"polite\">\n            共 {this.total} 条\n          </span>\n        )}\n\n        {this.showPageSize && (\n          <select class=\"hb-pagination__sizes\" onChange={this.handleSizeChange} disabled={this.disabled} aria-label=\"每页条数\">\n            {this.pageSizes.map(size => (\n              <option value={size} selected={size === this.internalPageSize}>\n                {size} 条/页\n              </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\">\n              ...\n            </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"],"version":3}

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, g as getElement, h } from './index-fdf7135e.js';
 import { c as computePosition, g as getNextZIndex } from './popup-manager-128cc685.js';
-import { i as isActivationKey } from './a11y-f9ab2964.js';
+import { i as isActivationKey } from './a11y-e4cde5b0.js';
+import { c as createLeaveScheduler } from './transition-4295d789.js';
 
-const popconfirmCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block}.hb-popconfirm__trigger{cursor:pointer;display:inline-block}.hb-popconfirm__popup{animation:hb-popconfirm-fade .15s ease-out;background:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);min-width:200px;padding:var(--hb-spacing-md);pointer-events:auto;position:fixed}.hb-popconfirm__main{align-items:flex-start;display:flex;gap:var(--hb-spacing-xs);margin-bottom:var(--hb-spacing-sm)}.hb-popconfirm__icon{color:var(--hb-color-warning);flex-shrink:0;font-size:16px}.hb-popconfirm__title{color:var(--hb-color-text);font-size:var(--hb-font-size-sm);line-height:1.5}.hb-popconfirm__action{display:flex;gap:var(--hb-spacing-xs);justify-content:flex-end}.hb-popconfirm__btn{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);cursor:pointer;font-size:var(--hb-font-size-xs);padding:4px 12px;transition:all var(--hb-transition-duration)}.hb-popconfirm__btn--cancel:hover{border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-popconfirm__btn--confirm{background:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-popconfirm__btn--confirm:hover{background:var(--hb-color-primary-hover)}@keyframes hb-popconfirm-fade{0%{opacity:0}to{opacity:1}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const popconfirmCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block}.hb-popconfirm__trigger{cursor:pointer;display:inline-block}.hb-popconfirm__popup{animation:hb-popconfirm-fade .15s ease-out;background:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);min-width:200px;padding:var(--hb-spacing-md);pointer-events:auto;position:fixed}.hb-popconfirm__main{align-items:flex-start;display:flex;gap:var(--hb-spacing-xs);margin-bottom:var(--hb-spacing-sm)}.hb-popconfirm__icon{color:var(--hb-color-warning);flex-shrink:0;font-size:16px}.hb-popconfirm__title{color:var(--hb-color-text);font-size:var(--hb-font-size-sm);line-height:1.5}.hb-popconfirm__action{display:flex;gap:var(--hb-spacing-xs);justify-content:flex-end}.hb-popconfirm__btn{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);cursor:pointer;font-size:var(--hb-font-size-xs);padding:4px 12px;transition:all var(--hb-transition-duration)}.hb-popconfirm__btn--cancel:hover{border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-popconfirm__btn--confirm{background:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-popconfirm__btn--confirm:hover{background:var(--hb-color-primary-hover)}@keyframes hb-popconfirm-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hb-popconfirm__popup--leaving{animation:hb-popconfirm-fade-out .2s ease-in forwards}@keyframes hb-popconfirm-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
 const HbPopconfirmStyle0 = popconfirmCss;
 
 const Popconfirm = class {
@@ -17,29 +18,35 @@ const Popconfirm = class {
     disabled = false;
     icon = '⚠';
     visible = false;
+    leaving = false;
     popupStyle = {};
     triggerRef;
     popupRef;
     confirmBtnRef;
+    leave = createLeaveScheduler(() => this.leaving, v => (this.leaving = v), 200);
     show = () => {
         if (this.disabled)
             return;
+        this.leave.cancel();
         this.visible = true;
         requestAnimationFrame(() => {
             this.updatePosition();
-            // 打开后自动聚焦确认按钮（对齐 antd：Enter 直接确认）
             this.confirmBtnRef?.focus();
         });
     };
-    hide = () => { this.visible = false; };
-    /** 键盘：Esc 取消关闭（Enter 由聚焦的确认按钮原生处理） */
+    hide = () => {
+        this.visible = false;
+        this.leave.start();
+    };
+    disconnectedCallback() {
+        this.leave.dispose();
+    }
     handleKeydown = (e) => {
-        if (e.key === 'Escape' && this.visible) {
+        if (e.key === 'Escape' && (this.visible || this.leaving)) {
             e.preventDefault();
             this.handleCancel(e);
         }
     };
-    /** 触发器键盘：Enter/Space 打开 */
     handleTriggerKeydown = (e) => {
         if (this.disabled)
             return;
@@ -66,8 +73,20 @@ const Popconfirm = class {
         this.hide();
         this.el.dispatchEvent(new CustomEvent('hbCancel', { bubbles: true }));
     };
+    get shouldRender() {
+        return this.visible || this.leaving;
+    }
     render() {
-        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))))));
+        return (h("div", { key: '226619c96a2db6ccaebb74ad82945fa412a12ac1', class: "hb-popconfirm", onClick: this.show, onKeyDown: this.handleKeydown }, h("div", { key: 'fa33a01af716ef727ab4e1bb5ab936e6a9831baa', 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: 'bb7ce2a124bcfdb45138d62e548954af35115f44' })), this.shouldRender && (h("div", { key: '706762852f8cfdcbc4afdb33ef7ea33263cb5e5f', ref: (el) => {
+                this.popupRef = el;
+            }, class: {
+                'hb-popconfirm__popup': true,
+                'hb-popconfirm__popup--leaving': this.leaving,
+            }, style: this.popupStyle, role: "dialog", "aria-live": "polite", "aria-labelledby": "hb-popconfirm__title" }, h("div", { key: '543120f1621f1d1d48c11d9c0981def93f48d052', class: "hb-popconfirm__main" }, h("span", { key: 'fb9289e719296fb6dd41180f9f04fbfcd00cb308', class: "hb-popconfirm__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '337236e625fa0153dede32b2806e3bab936e322c', id: "hb-popconfirm__title", class: "hb-popconfirm__title" }, this.title)), h("div", { key: '00ec4666bbc3b3d313af8a02a0da73609eed5584', class: "hb-popconfirm__action" }, h("button", { key: 'ee50356e14f2c81f8aeab193f99530b77bc15f6c', type: "button", class: "hb-popconfirm__btn hb-popconfirm__btn--cancel", onClick: this.handleCancel }, this.cancelButtonText), h("button", { key: '719717991db63b57000c9d93ba2e254e8bf7045f', type: "button", ref: (el) => {
+                this.confirmBtnRef = el;
+            }, class: "hb-popconfirm__btn hb-popconfirm__btn--confirm", onClick: this.handleConfirm }, this.confirmButtonText))))));
     }
 };
 Popconfirm.style = HbPopconfirmStyle0;

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

@@ -1 +1 @@
-{"file":"hb-popconfirm.entry.js","mappings":"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","names":[],"sources":["src/components/Popconfirm/popconfirm.css?tag=hb-popconfirm&encapsulation=shadow","src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":[":host { display: inline-block; }\n.hb-popconfirm__trigger { display: inline-block; cursor: pointer; }\n.hb-popconfirm__popup {\n  position: fixed; background: var(--hb-color-bg-elevated);\n  border-radius: var(--hb-border-radius-base); box-shadow: var(--hb-box-shadow);\n  padding: var(--hb-spacing-md); min-width: 200px; animation: hb-popconfirm-fade 0.15s ease-out; pointer-events: auto;\n}\n.hb-popconfirm__main { display: flex; align-items: flex-start; gap: var(--hb-spacing-xs); margin-bottom: var(--hb-spacing-sm); }\n.hb-popconfirm__icon { color: var(--hb-color-warning); font-size: 16px; flex-shrink: 0; }\n.hb-popconfirm__title { font-size: var(--hb-font-size-sm); color: var(--hb-color-text); line-height: 1.5; }\n.hb-popconfirm__action { display: flex; justify-content: flex-end; gap: var(--hb-spacing-xs); }\n.hb-popconfirm__btn {\n  padding: 4px 12px; font-size: var(--hb-font-size-xs); border-radius: var(--hb-border-radius-sm);\n  cursor: pointer; border: 1px solid var(--hb-color-border); background: var(--hb-color-bg);\n  transition: all var(--hb-transition-duration);\n}\n.hb-popconfirm__btn--cancel:hover { color: var(--hb-color-primary); border-color: var(--hb-color-primary); }\n.hb-popconfirm__btn--confirm { background: var(--hb-color-primary); color: #fff; border-color: var(--hb-color-primary); }\n.hb-popconfirm__btn--confirm:hover { background: var(--hb-color-primary-hover); }\n@keyframes hb-popconfirm-fade { from { opacity: 0; } to { opacity: 1; } }\n","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"],"version":3}
+{"file":"hb-popconfirm.entry.js","mappings":"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","names":[],"sources":["src/components/Popconfirm/popconfirm.css?tag=hb-popconfirm&encapsulation=shadow","src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n.hb-popconfirm__trigger {\n  display: inline-block;\n  cursor: pointer;\n}\n.hb-popconfirm__popup {\n  position: fixed;\n  background: var(--hb-color-bg-elevated);\n  border-radius: var(--hb-border-radius-base);\n  box-shadow: var(--hb-box-shadow);\n  padding: var(--hb-spacing-md);\n  min-width: 200px;\n  animation: hb-popconfirm-fade 0.15s ease-out;\n  pointer-events: auto;\n}\n.hb-popconfirm__main {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--hb-spacing-xs);\n  margin-bottom: var(--hb-spacing-sm);\n}\n.hb-popconfirm__icon {\n  color: var(--hb-color-warning);\n  font-size: 16px;\n  flex-shrink: 0;\n}\n.hb-popconfirm__title {\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  line-height: 1.5;\n}\n.hb-popconfirm__action {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--hb-spacing-xs);\n}\n.hb-popconfirm__btn {\n  padding: 4px 12px;\n  font-size: var(--hb-font-size-xs);\n  border-radius: var(--hb-border-radius-sm);\n  cursor: pointer;\n  border: 1px solid var(--hb-color-border);\n  background: var(--hb-color-bg);\n  transition: all var(--hb-transition-duration);\n}\n.hb-popconfirm__btn--cancel:hover {\n  color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n.hb-popconfirm__btn--confirm {\n  background: var(--hb-color-primary);\n  color: #fff;\n  border-color: var(--hb-color-primary);\n}\n.hb-popconfirm__btn--confirm:hover {\n  background: var(--hb-color-primary-hover);\n}\n@keyframes hb-popconfirm-fade {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n/* 离场动画 */\n.hb-popconfirm__popup--leaving {\n  animation: hb-popconfirm-fade-out 0.2s ease-in forwards;\n}\n@keyframes hb-popconfirm-fade-out {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { computePosition, getNextZIndex, Placement } from '../../utils/popup-manager';\nimport { isActivationKey } from '../../utils/a11y';\nimport { createLeaveScheduler } from '../../utils/transition';\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 * 进出场动画：用 leaving state 延迟卸载。\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() leaving: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n  private confirmBtnRef?: HTMLButtonElement;\n  private leave = createLeaveScheduler(\n    () => this.leaving,\n    v => (this.leaving = v),\n    200,\n  );\n\n  private show = () => {\n    if (this.disabled) return;\n    this.leave.cancel();\n    this.visible = true;\n    requestAnimationFrame(() => {\n      this.updatePosition();\n      this.confirmBtnRef?.focus();\n    });\n  };\n  private hide = () => {\n    this.visible = false;\n    this.leave.start();\n  };\n\n  disconnectedCallback() {\n    this.leave.dispose();\n  }\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && (this.visible || this.leaving)) {\n      e.preventDefault();\n      this.handleCancel(e);\n    }\n  };\n\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  private get shouldRender(): boolean {\n    return this.visible || this.leaving;\n  }\n\n  render() {\n    return (\n      <div class=\"hb-popconfirm\" onClick={this.show} onKeyDown={this.handleKeydown}>\n        <div\n          ref={(el: any) => {\n            this.triggerRef = el;\n          }}\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.shouldRender && (\n          <div\n            ref={(el: any) => {\n              this.popupRef = el;\n            }}\n            class={{\n              'hb-popconfirm__popup': true,\n              'hb-popconfirm__popup--leaving': this.leaving,\n            }}\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\">\n                {this.icon}\n              </span>\n              <span id=\"hb-popconfirm__title\" class=\"hb-popconfirm__title\">\n                {this.title}\n              </span>\n            </div>\n            <div class=\"hb-popconfirm__action\">\n              <button type=\"button\" class=\"hb-popconfirm__btn hb-popconfirm__btn--cancel\" onClick={this.handleCancel}>\n                {this.cancelButtonText}\n              </button>\n              <button\n                type=\"button\"\n                ref={(el: any) => {\n                  this.confirmBtnRef = el;\n                }}\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"],"version":3}

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, g as getElement, h } from './index-fdf7135e.js';
 import { c as computePosition, g as getNextZIndex } from './popup-manager-128cc685.js';
-import { i as isActivationKey } from './a11y-f9ab2964.js';
+import { i as isActivationKey } from './a11y-e4cde5b0.js';
+import { c as createLeaveScheduler } from './transition-4295d789.js';
 
-const popoverCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;.hb-popover__trigger,:host{display:inline-block}.hb-popover__popup{animation:hb-popover-fade .15s ease-out;background:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);padding:var(--hb-spacing-sm)0;pointer-events:auto;position:fixed}.hb-popover__title{border-bottom:1px solid var(--hb-color-border-secondary);font-size:var(--hb-font-size-sm);font-weight:600;padding:var(--hb-spacing-xs)var(--hb-spacing-md)}.hb-popover__body{color:var(--hb-color-text);font-size:var(--hb-font-size-sm);padding:var(--hb-spacing-sm)var(--hb-spacing-md)}@keyframes hb-popover-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const popoverCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;.hb-popover__trigger,:host{display:inline-block}.hb-popover__popup{animation:hb-popover-fade .15s ease-out;background:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);padding:var(--hb-spacing-sm)0;pointer-events:auto;position:fixed}.hb-popover__title{border-bottom:1px solid var(--hb-color-border-secondary);font-size:var(--hb-font-size-sm);font-weight:600;padding:var(--hb-spacing-xs)var(--hb-spacing-md)}.hb-popover__body{color:var(--hb-color-text);font-size:var(--hb-font-size-sm);padding:var(--hb-spacing-sm)var(--hb-spacing-md)}@keyframes hb-popover-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hb-popover__popup--leaving{animation:hb-popover-fade-out .15s ease-in forwards}@keyframes hb-popover-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
 const HbPopoverStyle0 = popoverCss;
 
 const Popover = class {
@@ -10,24 +11,28 @@ const Popover = class {
         registerInstance(this, hostRef);
     }
     get el() { return getElement(this); }
-    // 注意：使用默认值使其成为 required string，避免与 HTMLElement.title（string）
-    // 的可选类型冲突；同时保留 Ant Design 兼容的 `title` API。
     title = '';
     width = '240px';
     placement = 'bottom';
     trigger = 'hover';
     disabled = false;
     visible = false;
+    leaving = false;
     popupStyle = {};
     triggerRef;
     popupRef;
+    leave = createLeaveScheduler(() => this.leaving, v => (this.leaving = v), 150);
     show = () => {
         if (!this.disabled) {
+            this.leave.cancel();
             this.visible = true;
             requestAnimationFrame(() => this.updatePosition());
         }
     };
-    hide = () => { this.visible = false; };
+    hide = () => {
+        this.visible = false;
+        this.leave.start();
+    };
     toggle = () => {
         if (this.visible) {
             this.hide();
@@ -36,16 +41,17 @@ const Popover = class {
             this.show();
         }
     };
-    /** 触发器键盘：Enter/Space 切换；Esc 关闭（click 触发模式） */
+    disconnectedCallback() {
+        this.leave.dispose();
+    }
     handleKeydown = (e) => {
         if (this.disabled)
             return;
-        if (e.key === 'Escape' && this.visible) {
+        if (e.key === 'Escape' && (this.visible || this.leaving)) {
             e.preventDefault();
             this.hide();
             return;
         }
-        // click 触发模式才允许键盘打开；hover 模式 focus 时已由 onFocus 展开
         if (this.trigger === 'click' && isActivationKey(e.key)) {
             e.preventDefault();
             this.toggle();
@@ -59,13 +65,19 @@ const Popover = class {
         const pos = computePosition(rect, pw, ph, this.placement, 8);
         this.popupStyle = { top: `${pos.top}px`, left: `${pos.left}px`, zIndex: String(getNextZIndex()) };
     }
+    get shouldRender() {
+        return this.visible || this.leaving;
+    }
     render() {
-        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" }))))));
+        const events = this.trigger === 'hover' ? { onMouseEnter: this.show, onMouseLeave: this.hide } : { onClick: this.toggle };
+        return (h("div", { key: 'e9007c4ef9ebb2286c0b6fa5673137b14be6db86', class: "hb-popover", ...events, onKeyDown: this.handleKeydown }, h("div", { key: '6b7eac4394ed810048ef73c3ab818f6129e5e6d0', 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', onFocus: this.trigger === 'hover' ? this.show : undefined, onBlur: this.trigger === 'hover' ? this.hide : undefined }, h("slot", { key: '5c0786412affbc4fd67471503b5fdd034f1d90ea' })), this.shouldRender && (h("div", { key: 'f1c0edf1cdbc1af5b838c08717305dbf28e31b0e', ref: (el) => {
+                this.popupRef = el;
+            }, class: {
+                'hb-popover__popup': true,
+                'hb-popover__popup--leaving': this.leaving,
+            }, 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: 'd23367facd21d47a512bc791193d44b35a8c7025', id: "hb-popover__title", class: "hb-popover__title" }, this.title)), h("div", { key: '491a6babd5fef0ac9013e999a8a449e1216e9f00', class: "hb-popover__body" }, h("slot", { key: '15a925de9bb5c0e4f3c66f466ef2e744d7563a50', name: "content" }))))));
     }
 };
 Popover.style = HbPopoverStyle0;

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

@@ -1 +1 @@
-{"file":"hb-popover.entry.js","mappings":"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","names":[],"sources":["src/components/Popover/popover.css?tag=hb-popover&encapsulation=shadow","src/components/Popover/Popover.tsx"],"sourcesContent":[":host { display: inline-block; }\n.hb-popover__trigger { display: inline-block; }\n.hb-popover__popup {\n  position: fixed; background: var(--hb-color-bg-elevated);\n  border-radius: var(--hb-border-radius-base); box-shadow: var(--hb-box-shadow);\n  padding: var(--hb-spacing-sm) 0; animation: hb-popover-fade 0.15s ease-out; pointer-events: auto;\n}\n.hb-popover__title { padding: var(--hb-spacing-xs) var(--hb-spacing-md); font-weight: 600; font-size: var(--hb-font-size-sm); border-bottom: 1px solid var(--hb-color-border-secondary); }\n.hb-popover__body { padding: var(--hb-spacing-sm) var(--hb-spacing-md); font-size: var(--hb-font-size-sm); color: var(--hb-color-text); }\n@keyframes hb-popover-fade { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }\n","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"],"version":3}
+{"file":"hb-popover.entry.js","mappings":"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","names":[],"sources":["src/components/Popover/popover.css?tag=hb-popover&encapsulation=shadow","src/components/Popover/Popover.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n.hb-popover__trigger {\n  display: inline-block;\n}\n.hb-popover__popup {\n  position: fixed;\n  background: var(--hb-color-bg-elevated);\n  border-radius: var(--hb-border-radius-base);\n  box-shadow: var(--hb-box-shadow);\n  padding: var(--hb-spacing-sm) 0;\n  animation: hb-popover-fade 0.15s ease-out;\n  pointer-events: auto;\n}\n.hb-popover__title {\n  padding: var(--hb-spacing-xs) var(--hb-spacing-md);\n  font-weight: 600;\n  font-size: var(--hb-font-size-sm);\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n.hb-popover__body {\n  padding: var(--hb-spacing-sm) var(--hb-spacing-md);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n}\n@keyframes hb-popover-fade {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n/* 离场动画：播完后由 shouldRender=false 卸载 */\n.hb-popover__popup--leaving {\n  animation: hb-popover-fade-out 0.15s ease-in forwards;\n}\n@keyframes hb-popover-fade-out {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { computePosition, getNextZIndex, Placement } from '../../utils/popup-manager';\nimport { isActivationKey } from '../../utils/a11y';\nimport { createLeaveScheduler } from '../../utils/transition';\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 * 进出场动画：用 leaving state 延迟卸载，让 fade-out 有机会播放。\n */\n@Component({ tag: 'hb-popover', styleUrl: 'popover.css', shadow: true })\nexport class Popover {\n  @Element() el: HTMLElement;\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() leaving: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n  private leave = createLeaveScheduler(\n    () => this.leaving,\n    v => (this.leaving = v),\n    150,\n  );\n\n  private show = () => {\n    if (!this.disabled) {\n      this.leave.cancel();\n      this.visible = true;\n      requestAnimationFrame(() => this.updatePosition());\n    }\n  };\n  private hide = () => {\n    this.visible = false;\n    this.leave.start();\n  };\n  private toggle = () => {\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  };\n\n  disconnectedCallback() {\n    this.leave.dispose();\n  }\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (e.key === 'Escape' && (this.visible || this.leaving)) {\n      e.preventDefault();\n      this.hide();\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 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 get shouldRender(): boolean {\n    return this.visible || this.leaving;\n  }\n\n  render() {\n    const events = this.trigger === 'hover' ? { onMouseEnter: this.show, onMouseLeave: this.hide } : { onClick: this.toggle };\n\n    return (\n      <div class=\"hb-popover\" {...events} onKeyDown={this.handleKeydown}>\n        <div\n          ref={(el: any) => {\n            this.triggerRef = el;\n          }}\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          onFocus={this.trigger === 'hover' ? this.show : undefined}\n          onBlur={this.trigger === 'hover' ? this.hide : undefined}\n        >\n          <slot />\n        </div>\n        {this.shouldRender && (\n          <div\n            ref={(el: any) => {\n              this.popupRef = el;\n            }}\n            class={{\n              'hb-popover__popup': true,\n              'hb-popover__popup--leaving': this.leaving,\n            }}\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 && (\n              <div id=\"hb-popover__title\" class=\"hb-popover__title\">\n                {this.title}\n              </div>\n            )}\n            <div class=\"hb-popover__body\">\n              <slot name=\"content\" />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -25,7 +25,7 @@ const Progress = class {
     }
     render() {
         const clampedPct = Math.max(0, Math.min(100, this.percentage));
-        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, "%")));
+        return (h("div", { key: '579e6c39f03cbc18f54cfc0024ed4d7ea4ed4939', class: "hb-progress" }, h("div", { key: '66da6e37c2d800a81930dc7fd6f262bcda03a5cf', class: "hb-progress__bar", style: { height: `${this.strokeWidth}px` } }, h("div", { key: '86b459334a9353120893300497185be957b59a38', class: "hb-progress__bar-inner", style: { width: `${clampedPct}%`, backgroundColor: this.barColor } })), this.showText && h("span", { key: '2c8bbf3174b230e3c23d90a50dbc088614943f34', class: "hb-progress__text" }, clampedPct, "%")));
     }
 };
 Progress.style = HbProgressStyle0;

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

@@ -53,6 +53,11 @@ const Radio = class {
      */
     hbChange;
     isChecked = false;
+    /**
+     * P7：实例级稳定 inputId，在类字段初始化一次。
+     * 修复前每次 render 用 Math.random() 生成新 id，破坏 SSR 水合与外部 getElementById 缓存。
+     */
+    stableInputId = `hb-radio-${Math.random().toString(36).slice(2, 11)}`;
     handleValueChange() {
         this.updateChecked();
     }
@@ -93,14 +98,14 @@ const Radio = class {
         }
     };
     render() {
-        const inputId = this.radioId || `hb-radio-${Math.random().toString(36).substr(2, 9)}`;
-        return (h("label", { key: '463c0d18fd65a81e2a2bf5618362e35461ab554f', class: {
+        const inputId = this.radioId || this.stableInputId;
+        return (h("label", { key: 'fce88ccf09122606b1a02d20b6c68303087853a1', 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: '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)))));
+            } }, h("span", { key: '21ff8b3d4d2e3e4dda04f18b34c0b2264c4f5679', class: "hb-radio__input" }, h("input", { key: '398035c739f0b291a8daef77f535a26c0fbdf171', 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: '932ea7075b17621ad928fe8f72a5dacb10080d23', class: "hb-radio__inner" })), (this.label || this.value !== undefined) && (h("span", { key: '1859263be207025088188ccf7d012b6532fc0f94', class: "hb-radio__label" }, h("slot", { key: '7364a2f3a031c55caa445b0bca2748f2f74598b0' }, this.label || this.value)))));
     }
     static get watchers() { return {
         "modelValue": ["handleValueChange"],

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

@@ -1 +1 @@
-{"file":"hb-radio.entry.js","mappings":"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","names":[],"sources":["src/components/Radio/radio.css?tag=hb-radio&encapsulation=shadow","src/components/Radio/Radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-radio-font-size: 14px;\n  --hb-radio-color: var(--hb-color-primary);\n  --hb-radio-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-radio-text-color: var(--hb-color-text-regular, #606266);\n  --hb-radio-disabled-color: var(--hb-color-text-disabled, #c0c4cc);\n}\n\n.hb-radio {\n  color: var(--hb-radio-text-color);\n  font-weight: 500;\n  font-size: var(--hb-radio-font-size);\n  position: relative;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  user-select: none;\n  margin-right: 30px;\n}\n\n.hb-radio:last-child {\n  margin-right: 0;\n}\n\n.hb-radio__input {\n  white-space: nowrap;\n  cursor: pointer;\n  outline: none;\n  display: inline-flex;\n  position: relative;\n  vertical-align: middle;\n}\n\n.hb-radio__original {\n  opacity: 0;\n  outline: none;\n  position: absolute;\n  margin: 0;\n  width: 0;\n  height: 0;\n  z-index: -1;\n}\n\n.hb-radio__inner {\n  border: 1px solid var(--hb-radio-border-color);\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: var(--hb-color-white, #ffffff);\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  box-sizing: border-box;\n  transition: all 0.2s;\n}\n\n.hb-radio__inner::after {\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: var(--hb-color-white, #ffffff);\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%) scale(0);\n  transition: transform 0.15s ease-in;\n}\n\n.hb-radio--checked .hb-radio__inner {\n  border-color: var(--hb-radio-color);\n  background: var(--hb-radio-color);\n}\n\n.hb-radio--checked .hb-radio__inner::after {\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.hb-radio__label {\n  padding-left: 8px;\n  line-height: 1;\n  font-size: var(--hb-radio-font-size);\n}\n\n.hb-radio--disabled {\n  cursor: not-allowed;\n}\n\n.hb-radio--disabled .hb-radio__inner {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-radio-border-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--disabled .hb-radio__label {\n  color: var(--hb-radio-disabled-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--border {\n  padding: 9px 15px 9px 9px;\n  border-radius: 4px;\n  border: 1px solid var(--hb-radio-border-color);\n  box-sizing: border-box;\n  white-space: nowrap;\n}\n\n.hb-radio--border.hb-radio--checked {\n  border-color: var(--hb-radio-color);\n}\n\n.hb-radio--border.hb-radio--disabled {\n  border-color: var(--hb-radio-border-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--small {\n  font-size: 12px;\n}\n\n.hb-radio--small .hb-radio__inner {\n  width: 12px;\n  height: 12px;\n}\n\n.hb-radio--small .hb-radio__inner::after {\n  width: 3px;\n  height: 3px;\n}\n\n.hb-radio--small .hb-radio__label {\n  padding-left: 6px;\n}\n\n.hb-radio--large {\n  font-size: 16px;\n}\n\n.hb-radio--large .hb-radio__inner {\n  width: 16px;\n  height: 16px;\n}\n\n.hb-radio--large .hb-radio__inner::after {\n  width: 5px;\n  height: 5px;\n}\n\n.hb-radio--large .hb-radio__label {\n  padding-left: 10px;\n}\n\n.hb-radio:hover:not(.hb-radio--disabled) .hb-radio__inner {\n  border-color: var(--hb-radio-color);\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\n/**\n * Radio 单选框组件\n * 在一组备选项中进行单选\n */\n@Component({\n  tag: 'hb-radio',\n  styleUrl: 'radio.css',\n  shadow: true,\n})\nexport class Radio {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string | number;\n\n  /**\n   * 单选框的值\n   */\n  @Prop() value?: string | number;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否选中\n   * @default false\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() radioId?: string;\n\n  /**\n   * 文本标签\n   */\n  @Prop() label?: string;\n\n  /**\n   * 是否显示边框\n   * @default false\n   */\n  @Prop() border: boolean = false;\n\n  /**\n   * 尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string | number | boolean>;\n\n  @State() isChecked: boolean = false;\n\n  @Watch('modelValue')\n  @Watch('checked')\n  @Watch('value')\n  handleValueChange() {\n    this.updateChecked();\n  }\n\n  componentDidLoad() {\n    this.updateChecked();\n  }\n\n  private updateChecked() {\n    if (this.value !== undefined) {\n      // 在 radio group 中\n      this.isChecked = this.modelValue === this.value;\n    } else {\n      // 单个 radio\n      this.isChecked = this.checked;\n    }\n  }\n\n  private handleChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    \n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (this.value !== undefined) {\n      // 在 radio group 中\n      this.modelValue = this.value;\n      this.isChecked = true;\n      this.hbChange.emit(this.value);\n    } else {\n      // 单个 radio\n      this.isChecked = target.checked;\n      if (target.checked && this.value !== undefined) {\n        this.hbChange.emit(this.value);\n      } else {\n        this.hbChange.emit(target.checked);\n      }\n    }\n  };\n\n  render() {\n    const inputId = this.radioId || `hb-radio-${Math.random().toString(36).substr(2, 9)}`;\n    \n    return (\n      <label\n        class={{\n          'hb-radio': true,\n          'hb-radio--checked': this.isChecked,\n          'hb-radio--disabled': this.disabled,\n          'hb-radio--border': this.border,\n          [`hb-radio--${this.size}`]: true,\n        }}\n      >\n        <span class=\"hb-radio__input\">\n          <input\n            type=\"radio\"\n            id={inputId}\n            name={this.name}\n            checked={this.isChecked}\n            disabled={this.disabled}\n            value={this.value}\n            onChange={this.handleChange}\n            class=\"hb-radio__original\"\n          />\n          <span class=\"hb-radio__inner\"></span>\n        </span>\n        {(this.label || this.value !== undefined) && (\n          <span class=\"hb-radio__label\">\n            <slot>{this.label || this.value}</slot>\n          </span>\n        )}\n      </label>\n    );\n  }\n}\n\n"],"version":3}
+{"file":"hb-radio.entry.js","mappings":"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","names":[],"sources":["src/components/Radio/radio.css?tag=hb-radio&encapsulation=shadow","src/components/Radio/Radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-radio-font-size: 14px;\n  --hb-radio-color: var(--hb-color-primary);\n  --hb-radio-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-radio-text-color: var(--hb-color-text-regular, #606266);\n  --hb-radio-disabled-color: var(--hb-color-text-disabled, #c0c4cc);\n}\n\n.hb-radio {\n  color: var(--hb-radio-text-color);\n  font-weight: 500;\n  font-size: var(--hb-radio-font-size);\n  position: relative;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  user-select: none;\n  margin-right: 30px;\n}\n\n.hb-radio:last-child {\n  margin-right: 0;\n}\n\n.hb-radio__input {\n  white-space: nowrap;\n  cursor: pointer;\n  outline: none;\n  display: inline-flex;\n  position: relative;\n  vertical-align: middle;\n}\n\n.hb-radio__original {\n  opacity: 0;\n  outline: none;\n  position: absolute;\n  margin: 0;\n  width: 0;\n  height: 0;\n  z-index: -1;\n}\n\n.hb-radio__inner {\n  border: 1px solid var(--hb-radio-border-color);\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: var(--hb-color-white, #ffffff);\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  box-sizing: border-box;\n  transition: all 0.2s;\n}\n\n.hb-radio__inner::after {\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: var(--hb-color-white, #ffffff);\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%) scale(0);\n  transition: transform 0.15s ease-in;\n}\n\n.hb-radio--checked .hb-radio__inner {\n  border-color: var(--hb-radio-color);\n  background: var(--hb-radio-color);\n}\n\n.hb-radio--checked .hb-radio__inner::after {\n  transform: translate(-50%, -50%) scale(1);\n}\n\n.hb-radio__label {\n  padding-left: 8px;\n  line-height: 1;\n  font-size: var(--hb-radio-font-size);\n}\n\n.hb-radio--disabled {\n  cursor: not-allowed;\n}\n\n.hb-radio--disabled .hb-radio__inner {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-radio-border-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--disabled .hb-radio__label {\n  color: var(--hb-radio-disabled-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--border {\n  padding: 9px 15px 9px 9px;\n  border-radius: 4px;\n  border: 1px solid var(--hb-radio-border-color);\n  box-sizing: border-box;\n  white-space: nowrap;\n}\n\n.hb-radio--border.hb-radio--checked {\n  border-color: var(--hb-radio-color);\n}\n\n.hb-radio--border.hb-radio--disabled {\n  border-color: var(--hb-radio-border-color);\n  cursor: not-allowed;\n}\n\n.hb-radio--small {\n  font-size: 12px;\n}\n\n.hb-radio--small .hb-radio__inner {\n  width: 12px;\n  height: 12px;\n}\n\n.hb-radio--small .hb-radio__inner::after {\n  width: 3px;\n  height: 3px;\n}\n\n.hb-radio--small .hb-radio__label {\n  padding-left: 6px;\n}\n\n.hb-radio--large {\n  font-size: 16px;\n}\n\n.hb-radio--large .hb-radio__inner {\n  width: 16px;\n  height: 16px;\n}\n\n.hb-radio--large .hb-radio__inner::after {\n  width: 5px;\n  height: 5px;\n}\n\n.hb-radio--large .hb-radio__label {\n  padding-left: 10px;\n}\n\n.hb-radio:hover:not(.hb-radio--disabled) .hb-radio__inner {\n  border-color: var(--hb-radio-color);\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\n/**\n * Radio 单选框组件\n * 在一组备选项中进行单选\n */\n@Component({\n  tag: 'hb-radio',\n  styleUrl: 'radio.css',\n  shadow: true,\n})\nexport class Radio {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string | number;\n\n  /**\n   * 单选框的值\n   */\n  @Prop() value?: string | number;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否选中\n   * @default false\n   */\n  @Prop() checked: boolean = false;\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() radioId?: string;\n\n  /**\n   * 文本标签\n   */\n  @Prop() label?: string;\n\n  /**\n   * 是否显示边框\n   * @default false\n   */\n  @Prop() border: boolean = false;\n\n  /**\n   * 尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string | number | boolean>;\n\n  @State() isChecked: boolean = false;\n\n  /**\n   * P7：实例级稳定 inputId，在类字段初始化一次。\n   * 修复前每次 render 用 Math.random() 生成新 id，破坏 SSR 水合与外部 getElementById 缓存。\n   */\n  private stableInputId = `hb-radio-${Math.random().toString(36).slice(2, 11)}`;\n\n  @Watch('modelValue')\n  @Watch('checked')\n  @Watch('value')\n  handleValueChange() {\n    this.updateChecked();\n  }\n\n  componentDidLoad() {\n    this.updateChecked();\n  }\n\n  private updateChecked() {\n    if (this.value !== undefined) {\n      // 在 radio group 中\n      this.isChecked = this.modelValue === this.value;\n    } else {\n      // 单个 radio\n      this.isChecked = this.checked;\n    }\n  }\n\n  private handleChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n\n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    if (this.value !== undefined) {\n      // 在 radio group 中\n      this.modelValue = this.value;\n      this.isChecked = true;\n      this.hbChange.emit(this.value);\n    } else {\n      // 单个 radio\n      this.isChecked = target.checked;\n      if (target.checked && this.value !== undefined) {\n        this.hbChange.emit(this.value);\n      } else {\n        this.hbChange.emit(target.checked);\n      }\n    }\n  };\n\n  render() {\n    const inputId = this.radioId || this.stableInputId;\n\n    return (\n      <label\n        class={{\n          'hb-radio': true,\n          'hb-radio--checked': this.isChecked,\n          'hb-radio--disabled': this.disabled,\n          'hb-radio--border': this.border,\n          [`hb-radio--${this.size}`]: true,\n        }}\n      >\n        <span class=\"hb-radio__input\">\n          <input\n            type=\"radio\"\n            id={inputId}\n            name={this.name}\n            checked={this.isChecked}\n            disabled={this.disabled}\n            value={this.value}\n            onChange={this.handleChange}\n            class=\"hb-radio__original\"\n          />\n          <span class=\"hb-radio__inner\"></span>\n        </span>\n        {(this.label || this.value !== undefined) && (\n          <span class=\"hb-radio__label\">\n            <slot>{this.label || this.value}</slot>\n          </span>\n        )}\n      </label>\n    );\n  }\n}\n"],"version":3}

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

@@ -142,7 +142,7 @@ const Rate = class {
     render() {
         const displayValue = this.getDisplayValue();
         const stars = Array.from({ length: this.max }, (_, i) => i + 1);
-        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) => {
+        return (h("div", { key: '733a00e30b05ce6e5e8e5d798d558babc97fb477', 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;
@@ -153,11 +153,11 @@ const Rate = class {
                 }, onMouseEnter: () => this.handleMouseEnter(value), onMouseLeave: this.handleMouseLeave, onClick: () => this.handleClick(value, false) }, this.allowHalf && (h("span", { class: {
                     'hb-rate__half': true,
                     'hb-rate__half--active': isHalf,
-                }, onClick: (e) => {
+                }, onClick: e => {
                     e.stopPropagation();
                     this.handleClick(value, true);
                 } }, "\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()))));
+        }), this.showScore && h("span", { key: '481d7c8434c369991751e9573423a3ec4dd043e9', class: "hb-rate__text" }, this.getScoreText()), this.showText && this.getText() && h("span", { key: '0d63eec55abc38ef6a9819db65b22bbcd93613c9', class: "hb-rate__text" }, this.getText())));
     }
     static get watchers() { return {
         "modelValue": ["handleValueChange"]