huibo-ui 0.4.0 → 0.5.0

package/dist/components/hb-tooltip.js

@@ -1,8 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-1407a5e8.js';
 import { c as computePosition, g as getNextZIndex } from './p-ecce2b5e.js';
-import { i as isActivationKey } from './p-cc0aeb50.js';
+import { i as isActivationKey } from './p-00aa34c8.js';
+import { c as createLeaveScheduler } from './p-fad66d69.js';
 
-const tooltipCss = "/*! 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-tooltip__trigger,:host{display:inline-block}.hb-tooltip__popup{background-color:var(--hb-p-gray-800);border-radius:var(--hb-border-radius-sm);box-shadow:var(--hb-box-shadow);color:#fff;font-size:var(--hb-font-size-sm);pointer-events:auto;word-wrap:break-word;animation:hb-tooltip-fade-in .15s ease-out;line-height:1.4;max-width:300px;padding:6px 12px;position:fixed}.hb-tooltip__arrow{background-color:var(--hb-p-gray-800);height:8px;position:absolute;transform:rotate(45deg);width:8px}.hb-tooltip__content{position:relative;z-index:1}@keyframes hb-tooltip-fade-in{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 tooltipCss = "/*! 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-tooltip__trigger,:host{display:inline-block}.hb-tooltip__popup{background-color:var(--hb-p-gray-800);border-radius:var(--hb-border-radius-sm);box-shadow:var(--hb-box-shadow);color:#fff;font-size:var(--hb-font-size-sm);pointer-events:auto;word-wrap:break-word;animation:hb-tooltip-fade-in .15s ease-out;line-height:1.4;max-width:300px;padding:6px 12px;position:fixed}.hb-tooltip__arrow{background-color:var(--hb-p-gray-800);height:8px;position:absolute;transform:rotate(45deg);width:8px}.hb-tooltip__content{position:relative;z-index:1}@keyframes hb-tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hb-tooltip__popup--leaving{animation:hb-tooltip-fade-out .15s ease-in forwards}@keyframes hb-tooltip-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@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 HbTooltipStyle0 = tooltipCss;
 
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
@@ -23,19 +24,25 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
     /** 是否显示箭头 */
     showArrow = true;
     visible = false;
+    leaving = false;
     popupStyle = {};
     triggerRef;
     popupRef;
     hideTimer;
+    leave = createLeaveScheduler(() => this.leaving, v => (this.leaving = v), 150);
     show = () => {
         if (this.disabled)
             return;
         clearTimeout(this.hideTimer);
+        this.leave.cancel(); // 中途又打开：取消挂起的离场
         this.visible = true;
         requestAnimationFrame(() => this.updatePosition());
     };
     hide = () => {
-        this.hideTimer = setTimeout(() => { this.visible = false; }, 100);
+        this.hideTimer = setTimeout(() => {
+            this.visible = false;
+            this.leave.start();
+        }, 100);
     };
     toggle = () => {
         if (this.disabled)
@@ -47,13 +54,18 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             this.show();
         }
     };
+    disconnectedCallback() {
+        // L6：清掉挂起的 hideTimer，避免卸载后 100ms 内触发 detached 实例
+        clearTimeout(this.hideTimer);
+        this.leave.dispose();
+    }
     /** 键盘：Esc 关闭；click 模式 Enter/Space 切换 */
     handleKeydown = (e) => {
-        if (e.key === 'Escape' && this.visible) {
+        if (e.key === 'Escape' && (this.visible || this.leaving)) {
             e.preventDefault();
-            // 立即关（不等延迟）
             clearTimeout(this.hideTimer);
             this.visible = false;
+            this.leave.start();
             return;
         }
         if (this.trigger === 'click' && isActivationKey(e.key)) {
@@ -73,13 +85,21 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             zIndex: String(getNextZIndex()),
         };
     }
+    get shouldRender() {
+        return this.visible || this.leaving;
+    }
     render() {
-        const triggerEvents = this.trigger === 'hover'
-            ? { onMouseEnter: this.show, onMouseLeave: this.hide }
-            : { onClick: this.toggle };
-        return (h("div", { key: 'a3a485a0fc8b99e61ef0c4fd30208ac6f42af2e2', class: "hb-tooltip", ...triggerEvents, onKeyDown: this.handleKeydown }, h("div", { key: '24e68cfd99dc409e5a1f3a396b506fc97827da5f', ref: (el) => { this.triggerRef = el; }, class: "hb-tooltip__trigger", tabindex: this.disabled ? -1 : 0, "aria-describedby": this.visible ? 'hb-tooltip__popup' : undefined,
+        const triggerEvents = this.trigger === 'hover' ? { onMouseEnter: this.show, onMouseLeave: this.hide } : { onClick: this.toggle };
+        return (h("div", { key: '27f941dba6404552eae2a84e231e5549d5542863', class: "hb-tooltip", ...triggerEvents, onKeyDown: this.handleKeydown }, h("div", { key: '3705c79e383098b8d44360d178de43e89612857e', ref: (el) => {
+                this.triggerRef = el;
+            }, class: "hb-tooltip__trigger", tabindex: this.disabled ? -1 : 0, "aria-describedby": this.shouldRender ? 'hb-tooltip__popup' : undefined,
             // hover 触发：focus 展开让键盘用户也能读到提示（对齐 antd 行为）
-            onFocus: this.trigger === 'hover' ? this.show : undefined, onBlur: this.trigger === 'hover' ? this.hide : undefined }, h("slot", { key: 'd947c801efabae564e012cbe7a19c938e2ae2f7c' })), this.visible && (h("div", { key: 'e88b4aad5403c495b0484aff6a2fcb56c32efb4c', id: "hb-tooltip__popup", ref: (el) => { this.popupRef = el; }, class: "hb-tooltip__popup", style: this.popupStyle, role: "tooltip", onMouseEnter: () => this.trigger === 'hover' && this.show(), onMouseLeave: () => this.trigger === 'hover' && this.hide() }, this.showArrow && h("div", { key: 'b16d5c23542c60f2ad398eb055c33cc995af89f7', class: "hb-tooltip__arrow" }), h("div", { key: '600a64459740e735a5d7b9487debd1e8ca590ea3', class: "hb-tooltip__content" }, this.content)))));
+            onFocus: this.trigger === 'hover' ? this.show : undefined, onBlur: this.trigger === 'hover' ? this.hide : undefined }, h("slot", { key: 'ba8916663ed4866bd59747eab9c00300282df193' })), this.shouldRender && (h("div", { key: '8b6510eb948a19352c67fa7996d37e010e9c7b6b', id: "hb-tooltip__popup", ref: (el) => {
+                this.popupRef = el;
+            }, class: {
+                'hb-tooltip__popup': true,
+                'hb-tooltip__popup--leaving': this.leaving,
+            }, style: this.popupStyle, role: "tooltip", onMouseEnter: () => this.trigger === 'hover' && this.show(), onMouseLeave: () => this.trigger === 'hover' && this.hide() }, this.showArrow && h("div", { key: '6e26a2e2ce3e7d89c8c918c32aab375b12ac9351', class: "hb-tooltip__arrow" }), h("div", { key: '68b39d002a53094a34c8583137a74bd27edd4e23', class: "hb-tooltip__content" }, this.content)))));
     }
     static get style() { return HbTooltipStyle0; }
 }, [1, "hb-tooltip", {
@@ -89,6 +109,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         "disabled": [4],
         "showArrow": [4, "show-arrow"],
         "visible": [32],
+        "leaving": [32],
         "popupStyle": [32]
     }]);
 function defineCustomElement$1() {

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

@@ -1 +1 @@
-{"file":"hb-tooltip.js","mappings":";;;;AAAA,MAAM,UAAU,GAAG,qwMAAqwM,CAAC;AACzxM,wBAAe,UAAU;;MCkBZ,OAAO;;;;;;;;IAIV,OAAO,GAAW,EAAE,CAAC;;IAGrB,SAAS,GAAc,KAAK,CAAC;;IAG7B,OAAO,GAAsB,OAAO,CAAC;;IAGrC,QAAQ,GAAY,KAAK,CAAC;;IAG1B,SAAS,GAAY,IAAI,CAAC;IAEzB,OAAO,GAAY,KAAK,CAAC;IACzB,UAAU,GAA2B,EAAE,CAAC;IAEzC,UAAU,CAAe;IACzB,QAAQ,CAAkB;IAC1B,SAAS,CAAiC;IAE1C,IAAI,GAAG;QACb,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,qBAAqB,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;KACpD,CAAC;IAEM,IAAI,GAAG;QACb,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,QAAQ,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;KACnE,CAAC;IAEM,MAAM,GAAG;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;KACF,CAAC;;IAGM,aAAa,GAAG,CAAC,CAAgB;QACvC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE;YACtC,CAAC,CAAC,cAAc,EAAE,CAAC;;YAEnB,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC7B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,OAAO;SACR;QACD,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YACtD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;KACF,CAAC;IAEM,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;QAC5D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,CAAC;QAChE,MAAM,GAAG,GAAG,eAAe,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;QAC3E,IAAI,CAAC,UAAU,GAAG;YAChB,GAAG,EAAE,GAAG,GAAG,CAAC,GAAG,IAAI;YACnB,IAAI,EAAE,GAAG,GAAG,CAAC,IAAI,IAAI;YACrB,MAAM,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC;SAChC,CAAC;KACH;IAED,MAAM;QACJ,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO;cAC1C,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE;cACpD,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;QAE7B,QACE,4DAAK,KAAK,EAAC,YAAY,KAAK,aAAa,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,IACtE,4DACE,GAAG,EAAE,CAAC,EAAO,OAAO,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EAAE,EAC3C,KAAK,EAAC,qBAAqB,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,sBACd,IAAI,CAAC,OAAO,GAAG,mBAAmB,GAAG,SAAS;;YAEhE,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EACzD,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,IAExD,8DAAQ,CACJ,EACL,IAAI,CAAC,OAAO,KACX,4DACE,EAAE,EAAC,mBAAmB,EACtB,GAAG,EAAE,CAAC,EAAO,OAAO,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,EAAE,EACzC,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,IAAI,EAAC,SAAS,EACd,YAAY,EAAE,MAAM,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,EAC3D,YAAY,EAAE,MAAM,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,IAE1D,IAAI,CAAC,SAAS,IAAI,4DAAK,KAAK,EAAC,mBAAmB,GAAG,EACpD,4DAAK,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,OAAO,CAAO,CACjD,CACP,CACG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Tooltip/tooltip.css?tag=hb-tooltip&encapsulation=shadow","src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-tooltip__trigger {\n  display: inline-block;\n}\n\n.hb-tooltip__popup {\n  position: fixed;\n  padding: 6px 12px;\n  border-radius: var(--hb-border-radius-sm);\n  background-color: var(--hb-p-gray-800);\n  color: #fff;\n  font-size: var(--hb-font-size-sm);\n  line-height: 1.4;\n  pointer-events: auto;\n  box-shadow: var(--hb-box-shadow);\n  animation: hb-tooltip-fade-in 0.15s ease-out;\n  max-width: 300px;\n  word-wrap: break-word;\n}\n\n.hb-tooltip__arrow {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: var(--hb-p-gray-800);\n  transform: rotate(45deg);\n}\n\n.hb-tooltip__content {\n  position: relative;\n  z-index: 1;\n}\n\n@keyframes hb-tooltip-fade-in {\n  from { opacity: 0; transform: scale(0.95); }\n  to   { opacity: 1; transform: scale(1); }\n}\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 * Tooltip 文字提示组件\n * 鼠标悬停或点击时显示提示文字。\n *\n * 无障碍（对齐 antd / WAI-ARIA）：\n * - 触发器 aria-describedby 关联浮层 id（屏幕阅读器读出 content）\n * - 浮层 role=tooltip\n * - hover 触发时：focus 也显示（键盘用户可见，关键修复）\n * - click 触发时：Enter/Space 切换；任意模式 Esc 关闭\n */\n@Component({\n  tag: 'hb-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class Tooltip {\n  @Element() el: HTMLElement;\n\n  /** 提示文字 */\n  @Prop() content: string = '';\n\n  /** 弹出位置 */\n  @Prop() placement: Placement = 'top';\n\n  /** 触发方式 */\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示箭头 */\n  @Prop() showArrow: boolean = true;\n\n  @State() visible: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n  private hideTimer?: ReturnType<typeof setTimeout>;\n\n  private show = () => {\n    if (this.disabled) return;\n    clearTimeout(this.hideTimer);\n    this.visible = true;\n    requestAnimationFrame(() => this.updatePosition());\n  };\n\n  private hide = () => {\n    this.hideTimer = setTimeout(() => { this.visible = false; }, 100);\n  };\n\n  private toggle = () => {\n    if (this.disabled) return;\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  };\n\n  /** 键盘：Esc 关闭；click 模式 Enter/Space 切换 */\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && this.visible) {\n      e.preventDefault();\n      // 立即关（不等延迟）\n      clearTimeout(this.hideTimer);\n      this.visible = false;\n      return;\n    }\n    if (this.trigger === 'click' && isActivationKey(e.key)) {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const triggerRect = this.triggerRef.getBoundingClientRect();\n    const { width, height } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(triggerRect, width, height, this.placement, 8);\n    this.popupStyle = {\n      top: `${pos.top}px`,\n      left: `${pos.left}px`,\n      zIndex: String(getNextZIndex()),\n    };\n  }\n\n  render() {\n    const triggerEvents = this.trigger === 'hover'\n      ? { onMouseEnter: this.show, onMouseLeave: this.hide }\n      : { onClick: this.toggle };\n\n    return (\n      <div class=\"hb-tooltip\" {...triggerEvents} onKeyDown={this.handleKeydown}>\n        <div\n          ref={(el: any) => { this.triggerRef = el; }}\n          class=\"hb-tooltip__trigger\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-describedby={this.visible ? 'hb-tooltip__popup' : undefined}\n          // hover 触发：focus 展开让键盘用户也能读到提示（对齐 antd 行为）\n          onFocus={this.trigger === 'hover' ? this.show : undefined}\n          onBlur={this.trigger === 'hover' ? this.hide : undefined}\n        >\n          <slot />\n        </div>\n        {this.visible && (\n          <div\n            id=\"hb-tooltip__popup\"\n            ref={(el: any) => { this.popupRef = el; }}\n            class=\"hb-tooltip__popup\"\n            style={this.popupStyle}\n            role=\"tooltip\"\n            onMouseEnter={() => this.trigger === 'hover' && this.show()}\n            onMouseLeave={() => this.trigger === 'hover' && this.hide()}\n          >\n            {this.showArrow && <div class=\"hb-tooltip__arrow\" />}\n            <div class=\"hb-tooltip__content\">{this.content}</div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-tooltip.js","mappings":"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","names":[],"sources":["src/components/Tooltip/tooltip.css?tag=hb-tooltip&encapsulation=shadow","src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-tooltip__trigger {\n  display: inline-block;\n}\n\n.hb-tooltip__popup {\n  position: fixed;\n  padding: 6px 12px;\n  border-radius: var(--hb-border-radius-sm);\n  background-color: var(--hb-p-gray-800);\n  color: #fff;\n  font-size: var(--hb-font-size-sm);\n  line-height: 1.4;\n  pointer-events: auto;\n  box-shadow: var(--hb-box-shadow);\n  animation: hb-tooltip-fade-in 0.15s ease-out;\n  max-width: 300px;\n  word-wrap: break-word;\n}\n\n.hb-tooltip__arrow {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: var(--hb-p-gray-800);\n  transform: rotate(45deg);\n}\n\n.hb-tooltip__content {\n  position: relative;\n  z-index: 1;\n}\n\n@keyframes hb-tooltip-fade-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n/* 离场动画：leaving class 触发 fade-out，播完后由 shouldRender=false 卸载 */\n.hb-tooltip__popup--leaving {\n  animation: hb-tooltip-fade-out 0.15s ease-in forwards;\n}\n\n@keyframes hb-tooltip-fade-out {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.95);\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 * Tooltip 文字提示组件\n * 鼠标悬停或点击时显示提示文字。\n *\n * 无障碍（对齐 antd / WAI-ARIA）：\n * - 触发器 aria-describedby 关联浮层 id（屏幕阅读器读出 content）\n * - 浮层 role=tooltip\n * - hover 触发时：focus 也显示（键盘用户可见，关键修复）\n * - click 触发时：Enter/Space 切换；任意模式 Esc 关闭\n *\n * 进出场动画：用 leaving state 延迟卸载，让 fade-out 有机会播放。\n */\n@Component({\n  tag: 'hb-tooltip',\n  styleUrl: 'tooltip.css',\n  shadow: true,\n})\nexport class Tooltip {\n  @Element() el: HTMLElement;\n\n  /** 提示文字 */\n  @Prop() content: string = '';\n\n  /** 弹出位置 */\n  @Prop() placement: Placement = 'top';\n\n  /** 触发方式 */\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示箭头 */\n  @Prop() showArrow: boolean = true;\n\n  @State() visible: boolean = false;\n  @State() leaving: boolean = false;\n  @State() popupStyle: Record<string, string> = {};\n\n  private triggerRef?: HTMLElement;\n  private popupRef?: HTMLDivElement;\n  private hideTimer?: ReturnType<typeof setTimeout>;\n  private leave = createLeaveScheduler(\n    () => this.leaving,\n    v => (this.leaving = v),\n    150,\n  );\n\n  private show = () => {\n    if (this.disabled) return;\n    clearTimeout(this.hideTimer);\n    this.leave.cancel(); // 中途又打开：取消挂起的离场\n    this.visible = true;\n    requestAnimationFrame(() => this.updatePosition());\n  };\n\n  private hide = () => {\n    this.hideTimer = setTimeout(() => {\n      this.visible = false;\n      this.leave.start();\n    }, 100);\n  };\n\n  private toggle = () => {\n    if (this.disabled) return;\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  };\n\n  disconnectedCallback() {\n    // L6：清掉挂起的 hideTimer，避免卸载后 100ms 内触发 detached 实例\n    clearTimeout(this.hideTimer);\n    this.leave.dispose();\n  }\n\n  /** 键盘：Esc 关闭；click 模式 Enter/Space 切换 */\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && (this.visible || this.leaving)) {\n      e.preventDefault();\n      clearTimeout(this.hideTimer);\n      this.visible = false;\n      this.leave.start();\n      return;\n    }\n    if (this.trigger === 'click' && isActivationKey(e.key)) {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  private updatePosition() {\n    if (!this.triggerRef || !this.popupRef) return;\n    const triggerRect = this.triggerRef.getBoundingClientRect();\n    const { width, height } = this.popupRef.getBoundingClientRect();\n    const pos = computePosition(triggerRect, width, height, this.placement, 8);\n    this.popupStyle = {\n      top: `${pos.top}px`,\n      left: `${pos.left}px`,\n      zIndex: String(getNextZIndex()),\n    };\n  }\n\n  private get shouldRender(): boolean {\n    return this.visible || this.leaving;\n  }\n\n  render() {\n    const triggerEvents = this.trigger === 'hover' ? { onMouseEnter: this.show, onMouseLeave: this.hide } : { onClick: this.toggle };\n\n    return (\n      <div class=\"hb-tooltip\" {...triggerEvents} onKeyDown={this.handleKeydown}>\n        <div\n          ref={(el: any) => {\n            this.triggerRef = el;\n          }}\n          class=\"hb-tooltip__trigger\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-describedby={this.shouldRender ? 'hb-tooltip__popup' : undefined}\n          // hover 触发：focus 展开让键盘用户也能读到提示（对齐 antd 行为）\n          onFocus={this.trigger === 'hover' ? this.show : undefined}\n          onBlur={this.trigger === 'hover' ? this.hide : undefined}\n        >\n          <slot />\n        </div>\n        {this.shouldRender && (\n          <div\n            id=\"hb-tooltip__popup\"\n            ref={(el: any) => {\n              this.popupRef = el;\n            }}\n            class={{\n              'hb-tooltip__popup': true,\n              'hb-tooltip__popup--leaving': this.leaving,\n            }}\n            style={this.popupStyle}\n            role=\"tooltip\"\n            onMouseEnter={() => this.trigger === 'hover' && this.show()}\n            onMouseLeave={() => this.trigger === 'hover' && this.hide()}\n          >\n            {this.showArrow && <div class=\"hb-tooltip__arrow\" />}\n            <div class=\"hb-tooltip__content\">{this.content}</div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-tree-select.js

@@ -1,5 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-1407a5e8.js';
 import { c as createClickOutsideHandler } from './p-4ef5a884.js';
+import { a as activationClickHandler } from './p-00aa34c8.js';
 
 const treeSelectCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-tree-select{box-sizing:border-box;color:var(--hb-color-text);font-size:var(--hb-font-size-base);position:relative;width:100%}.hb-tree-select__input-wrapper{align-items:center;background-color:var(--hb-color-bg-container);border:1px solid var(--hb-input-border-color,var(--hb-color-border));border-radius:var(--hb-input-radius,var(--hb-border-radius-sm));box-sizing:border-box;cursor:pointer;display:flex;height:var(--hb-size-default,32px);padding:0 var(--hb-spacing-sm);transition:border-color var(--hb-transition-duration,.2s)}.hb-tree-select__input-wrapper:hover{border-color:var(--hb-input-hover-border-color,var(--hb-color-primary))}.hb-tree-select--open .hb-tree-select__input-wrapper{border-color:var(--hb-input-focus-border-color,var(--hb-color-primary))}.hb-tree-select--disabled .hb-tree-select__input-wrapper{background-color:var(--hb-color-fill-tertiary);cursor:not-allowed;opacity:.6}.hb-tree-select__display{flex:1;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.hb-tree-select__display--placeholder{color:var(--hb-input-placeholder-color,var(--hb-color-text-placeholder))}.hb-tree-select__suffix{gap:var(--hb-spacing-xxs)}.hb-tree-select__clear,.hb-tree-select__suffix{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex}.hb-tree-select__clear{background-color:var(--hb-color-fill);border-radius:50%;cursor:pointer;height:16px;justify-content:center;width:16px}.hb-tree-select__clear svg{height:10px;width:10px}.hb-tree-select__clear:hover{color:var(--hb-color-text-secondary)}.hb-tree-select__arrow-icon{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex;height:12px;transition:transform var(--hb-transition-duration,.2s);width:12px}.hb-tree-select__arrow-icon svg{height:100%;width:100%}.hb-tree-select__arrow-icon--open{transform:rotate(180deg)}.hb-tree-select__dropdown{background-color:var(--hb-color-bg-elevated);border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-border-radius-sm);box-shadow:0 6px 16px #00000014;box-sizing:border-box;left:0;max-height:280px;overflow-y:auto;padding:var(--hb-spacing-xxs);position:absolute;top:calc(100% + 4px);width:100%;z-index:1050}.hb-tree-select__empty{color:var(--hb-color-text-tertiary);font-size:var(--hb-font-size-sm);padding:var(--hb-spacing-md);text-align:center}.hb-tree-select__children,.hb-tree-select__tree{list-style:none;margin:0;padding:0}.hb-tree-select__node{list-style:none;white-space:nowrap}.hb-tree-select__node-content{align-items:center;border-radius:var(--hb-border-radius-sm);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xxs);height:28px;padding-right:var(--hb-spacing-xs);transition:background-color var(--hb-transition-duration,.2s)}.hb-tree-select__node-content:hover{background-color:var(--hb-color-fill-tertiary)}.hb-tree-select__node-content--selected{color:var(--hb-color-primary);font-weight:500}.hb-tree-select__node-content--checked,.hb-tree-select__node-content--selected{background-color:var(--hb-color-primary-bg)}.hb-tree-select__node--disabled>.hb-tree-select__node-content{cursor:not-allowed;opacity:.5}.hb-tree-select__node--disabled>.hb-tree-select__node-content:hover{background-color:#0000}.hb-tree-select__switcher{flex-shrink:0;height:18px;width:18px}.hb-tree-select__arrow,.hb-tree-select__switcher{align-items:center;color:var(--hb-color-text-tertiary);display:inline-flex;justify-content:center}.hb-tree-select__arrow{height:12px;transition:transform var(--hb-transition-duration,.2s);width:12px}.hb-tree-select__arrow svg{height:100%;width:100%}.hb-tree-select__arrow--expanded{transform:rotate(90deg)}.hb-tree-select__checkbox{align-items:center;background-color:var(--hb-color-bg-container);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-xs,2px);color:#fff;display:inline-flex;flex-shrink:0;height:16px;justify-content:center;transition:all var(--hb-transition-duration,.2s);width:16px}.hb-tree-select__checkbox svg{height:12px;width:12px}.hb-tree-select__checkbox-dash{background-color:#fff;border-radius:1px;display:block;height:2px;width:10px}.hb-tree-select__checkbox:hover:not(.hb-tree-select__checkbox--disabled){border-color:var(--hb-color-primary)}.hb-tree-select__checkbox--checked,.hb-tree-select__checkbox--indeterminate{background-color:var(--hb-color-primary);border-color:var(--hb-color-primary)}.hb-tree-select__checkbox--disabled{cursor:not-allowed}.hb-tree-select__title{flex:1;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}@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 HbTreeSelectStyle0 = treeSelectCss;
@@ -50,6 +51,8 @@ const TreeSelect = /*@__PURE__*/ proxyCustomElement(class TreeSelect extends H {
     internalExpanded = [];
     internalSelected = [];
     internalChecked = [];
+    /** 键盘焦点节点 key（A2：roving tabindex，与选中态解耦） */
+    focusKey = null;
     /**
      * 值变化事件（单选为 string，多选为 string[]）
      */
@@ -71,6 +74,13 @@ const TreeSelect = /*@__PURE__*/ proxyCustomElement(class TreeSelect extends H {
             this.internalExpanded = all;
         }
     }
+    /**
+     * 受控同步：父组件后续修改 modelValue 时，重算 internalSelected/internalChecked。
+     * 修复 B4——修复前仅 componentWillLoad 同步一次，受控改值后选中/勾选状态不更新。
+     */
+    handleModelValueChange() {
+        this.syncFromModelValue();
+    }
     componentDidLoad() {
         this.clickOutside = createClickOutsideHandler({
             host: this.el,
@@ -94,6 +104,106 @@ const TreeSelect = /*@__PURE__*/ proxyCustomElement(class TreeSelect extends H {
             this.internalChecked = single ? [single] : [];
         }
     }
+    /**
+     * 构建当前可见节点的扁平列表（仅含已展开父节点的后代），用于键盘线性导航（A2）。
+     */
+    getFlattenedVisibleNodes() {
+        const out = [];
+        const walk = (nodes, level, parentKey) => {
+            for (const node of nodes) {
+                out.push({ node, level, parentKey });
+                if (node.children && node.children.length > 0 && this.internalExpanded.includes(node.key)) {
+                    walk(node.children, level + 1, node.key);
+                }
+            }
+        };
+        walk(this.data, 0, null);
+        return out;
+    }
+    /**
+     * Tree 键盘导航（WAI-ARIA Tree View 模式，A2 修复）：
+     * ↑↓ 线性移动、→ 展开/进子、← 折叠/回父、Enter/Space 选中、Home/End 跳首尾。
+     * 焦点（focusKey）与选中态（internalSelected/internalChecked）解耦。
+     */
+    handleTreeKeydown = (e) => {
+        const flat = this.getFlattenedVisibleNodes();
+        if (flat.length === 0)
+            return;
+        let focusKey = this.focusKey;
+        if (!focusKey && this.internalSelected.length > 0)
+            focusKey = this.internalSelected[this.internalSelected.length - 1];
+        let focusIdx = focusKey ? flat.findIndex(x => x.node.key === focusKey) : -1;
+        if (focusIdx < 0 || flat[focusIdx].node.disabled) {
+            focusIdx = flat.findIndex(x => !x.node.disabled);
+            if (focusIdx < 0)
+                return;
+        }
+        const enabledFlatIndices = flat
+            .map((x, i) => ({ x, i }))
+            .filter(o => !o.x.node.disabled)
+            .map(o => o.i);
+        const posInEnabled = enabledFlatIndices.indexOf(focusIdx);
+        const current = flat[focusIdx];
+        const isLeaf = !(current.node.children && current.node.children.length > 0);
+        const expanded = !isLeaf && this.internalExpanded.includes(current.node.key);
+        switch (e.key) {
+            case 'ArrowDown': {
+                e.preventDefault();
+                this.focusKey = flat[enabledFlatIndices[(posInEnabled + 1) % enabledFlatIndices.length]].node.key;
+                break;
+            }
+            case 'ArrowUp': {
+                e.preventDefault();
+                const n = enabledFlatIndices.length;
+                this.focusKey = flat[enabledFlatIndices[(posInEnabled - 1 + n) % n]].node.key;
+                break;
+            }
+            case 'ArrowRight': {
+                e.preventDefault();
+                if (isLeaf)
+                    return;
+                if (!expanded) {
+                    this.handleToggleExpand(current.node, { stopPropagation: () => { } });
+                }
+                else {
+                    const firstChildIdx = flat.findIndex((x, i) => i > focusIdx && x.parentKey === current.node.key && !x.node.disabled);
+                    if (firstChildIdx >= 0)
+                        this.focusKey = flat[firstChildIdx].node.key;
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                e.preventDefault();
+                if (!isLeaf && expanded) {
+                    this.handleToggleExpand(current.node, { stopPropagation: () => { } });
+                }
+                else if (current.parentKey && !flat.find(x => x.node.key === current.parentKey).node.disabled) {
+                    this.focusKey = current.parentKey;
+                }
+                break;
+            }
+            case 'Home':
+                e.preventDefault();
+                this.focusKey = flat[enabledFlatIndices[0]].node.key;
+                break;
+            case 'End':
+                e.preventDefault();
+                this.focusKey = flat[enabledFlatIndices[enabledFlatIndices.length - 1]].node.key;
+                break;
+            case 'Enter':
+            case ' ':
+            case 'Spacebar': {
+                e.preventDefault();
+                if (this.checkable)
+                    this.handleNodeCheck(current.node);
+                else
+                    this.handleNodeSelect(current.node.key);
+                break;
+            }
+            default:
+                return;
+        }
+    };
     collectExpandableKeys(nodes, out) {
         for (const node of nodes) {
             if (node.children && node.children.length > 0) {
@@ -119,7 +229,7 @@ const TreeSelect = /*@__PURE__*/ proxyCustomElement(class TreeSelect extends H {
             const arr = Array.isArray(this.modelValue) ? this.modelValue : [];
             if (arr.length === 0)
                 return '';
-            const titles = arr.map((k) => this.findTitle(this.data, k) || k);
+            const titles = arr.map(k => this.findTitle(this.data, k) || k);
             return titles.join(' / ');
         }
         const single = typeof this.modelValue === 'string' ? this.modelValue : '';
@@ -276,33 +386,38 @@ const TreeSelect = /*@__PURE__*/ proxyCustomElement(class TreeSelect extends H {
         const checked = this.internalChecked.includes(node.key);
         const indeterminate = indeterminateKeys.has(node.key);
         const disabled = !!node.disabled;
-        return (h("li", { class: { 'hb-tree-select__node': true, 'hb-tree-select__node--disabled': disabled }, role: "treeitem" }, h("div", { class: {
+        // A2：roving tabindex 跟随 focusKey；无键盘焦点时回退到选中项
+        const fallbackFocus = this.internalSelected.length > 0 ? this.internalSelected[this.internalSelected.length - 1] : null;
+        const effectiveFocus = this.focusKey ?? fallbackFocus;
+        const isFocused = effectiveFocus === node.key;
+        return (h("li", { class: { 'hb-tree-select__node': true, 'hb-tree-select__node--disabled': disabled }, "data-tree-key": node.key, role: "treeitem", "aria-level": level + 1, "aria-expanded": hasChildren ? String(expanded) : undefined, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : undefined, tabindex: isFocused ? 0 : -1 }, h("div", { class: {
                 'hb-tree-select__node-content': true,
                 'hb-tree-select__node-content--selected': selected,
                 'hb-tree-select__node-content--checked': checked,
-            }, style: { paddingLeft: `${level * 18 + 8}px` } }, h("span", { class: "hb-tree-select__switcher", onClick: (e) => hasChildren && this.handleToggleExpand(node, e) }, hasChildren ? (h("span", { class: { 'hb-tree-select__arrow': true, 'hb-tree-select__arrow--expanded': expanded }, "aria-hidden": "true" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M9 6l6 6-6 6" })))) : null), this.checkable && (h("span", { class: {
+            }, style: { paddingLeft: `${level * 18 + 8}px` } }, h("span", { class: "hb-tree-select__switcher", onClick: e => hasChildren && this.handleToggleExpand(node, e) }, hasChildren ? (h("span", { class: { 'hb-tree-select__arrow': true, 'hb-tree-select__arrow--expanded': expanded }, "aria-hidden": "true" }, h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M9 6l6 6-6 6" })))) : null), this.checkable && (h("span", { class: {
                 'hb-tree-select__checkbox': true,
                 'hb-tree-select__checkbox--checked': checked,
                 'hb-tree-select__checkbox--indeterminate': indeterminate,
                 'hb-tree-select__checkbox--disabled': disabled,
-            }, role: "checkbox", "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false', onClick: () => !disabled && this.handleNodeCheck(node) }, checked ? (h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 3, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M5 12l5 5L20 7" }))) : indeterminate ? (h("span", { class: "hb-tree-select__checkbox-dash" })) : null)), h("span", { class: "hb-tree-select__title", onClick: () => !disabled && this.handleNodeSelect(node.key) }, node.title)), hasChildren && expanded && (h("ul", { class: "hb-tree-select__children", role: "group" }, node.children.map((child) => this.renderNode(child, level + 1, indeterminateKeys))))));
+            }, role: "checkbox", "aria-checked": indeterminate ? 'mixed' : checked ? 'true' : 'false', onClick: () => !disabled && this.handleNodeCheck(node) }, checked ? (h("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 3, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M5 12l5 5L20 7" }))) : indeterminate ? (h("span", { class: "hb-tree-select__checkbox-dash" })) : null)), h("span", { class: "hb-tree-select__title", onClick: () => !disabled && this.handleNodeSelect(node.key) }, node.title)), hasChildren && expanded && (h("ul", { class: "hb-tree-select__children", role: "group" }, node.children.map(child => this.renderNode(child, level + 1, indeterminateKeys))))));
     };
     render() {
         const displayText = this.getDisplayText();
-        const hasValue = this.multiple
-            ? Array.isArray(this.modelValue) && this.modelValue.length > 0
-            : typeof this.modelValue === 'string' && this.modelValue !== '';
+        const hasValue = this.multiple ? Array.isArray(this.modelValue) && this.modelValue.length > 0 : typeof this.modelValue === 'string' && this.modelValue !== '';
         const indeterminateKeys = this.checkable ? this.computeIndeterminateKeys() : new Set();
-        return (h("div", { key: 'f79d67b1bb02e0d51a9fe2b35a36a156801e9584', class: {
+        return (h("div", { key: '46d75f2c1014766b178e35a6f1684ea311f080df', class: {
                 'hb-tree-select': true,
                 'hb-tree-select--open': this.isOpen,
                 'hb-tree-select--disabled': this.disabled,
                 'hb-tree-select--multiple': this.multiple,
-            } }, h("div", { key: '59355a67c4316c98a682df3c27cd19387a8d4742', class: "hb-tree-select__input-wrapper", onClick: this.toggleDropdown }, h("span", { key: '7b4fd7b9a4c15193f687f1f579eb2e8268b975df', class: {
+            } }, h("div", { key: '9921be6e6ce72570f8b3b9fcd5921219ec8c77e7', class: "hb-tree-select__input-wrapper", onClick: this.toggleDropdown }, h("span", { key: '503b5691f216ae8bba1bff142ad0c0d62a28c19c', class: {
                 'hb-tree-select__display': true,
                 'hb-tree-select__display--placeholder': !hasValue,
-            } }, hasValue ? displayText : this.placeholder), h("span", { key: '1640eacb50af399e02785b14d72c547afe8fcfcf', class: "hb-tree-select__suffix" }, hasValue && (h("span", { key: 'c16d5a458d3738bccb3c70cc985df43dcacb4220', class: "hb-tree-select__clear", onClick: this.handleClear, role: "button", "aria-label": "\u6E05\u7A7A" }, h("svg", { key: '757db41a4651d25df357d2c975810bbfdddcca22', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: 'a72adce81b2900cdf11faa663f92dbaa7053921e', d: "M6 6l12 12M18 6L6 18" })))), h("span", { key: '0b40c484fe2f7e23b04cfb26cb0018f050522fec', class: { 'hb-tree-select__arrow-icon': true, 'hb-tree-select__arrow-icon--open': this.isOpen }, "aria-hidden": "true" }, h("svg", { key: '30523c9183feaab984ff557e8c735b7a04423f0c', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '15eae62246639d6e05071123e89ad31c82ea576a', d: "M6 9l6 6 6-6" }))))), this.isOpen && (h("div", { key: 'e6eb7b145fe8b71b09511e8e0c3a3a9073508397', class: "hb-tree-select__dropdown" }, this.data.length === 0 ? (h("div", { class: "hb-tree-select__empty" }, "\u6682\u65E0\u6570\u636E")) : (h("ul", { class: "hb-tree-select__tree", role: "tree" }, this.data.map((node) => this.renderNode(node, 0, indeterminateKeys))))))));
+            } }, hasValue ? displayText : this.placeholder), h("span", { key: 'dd879d7ab4bc3cdff8fda6e5555e445fd2353b08', class: "hb-tree-select__suffix" }, hasValue && (h("span", { key: '7891ba744427d27eebdf077eca94555e6252b79d', class: "hb-tree-select__clear", onClick: this.handleClear, role: "button", "aria-label": "\u6E05\u7A7A", tabIndex: 0, onKeyDown: activationClickHandler }, h("svg", { key: '39de157416b682136d7fd17f034af52467812086', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '06556664f1fdd4f2e497abb4ffd3fe4b478ee2db', d: "M6 6l12 12M18 6L6 18" })))), h("span", { key: '2f3ad915c327519223f73fed8e4fe51b291a2647', class: { 'hb-tree-select__arrow-icon': true, 'hb-tree-select__arrow-icon--open': this.isOpen }, "aria-hidden": "true" }, h("svg", { key: 'bed9693364d571477d6540250e3c93a4bfcea2cd', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": 2, "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { key: '830a03a1f977a0a577e03728c471dd8d2cd85c6d', d: "M6 9l6 6 6-6" }))))), this.isOpen && (h("div", { key: '25754f9eeaea710c0f7facc4d57213db0e0755d3', class: "hb-tree-select__dropdown" }, this.data.length === 0 ? (h("div", { class: "hb-tree-select__empty" }, "\u6682\u65E0\u6570\u636E")) : (h("ul", { class: "hb-tree-select__tree", role: "tree", tabindex: -1, onKeyDown: this.handleTreeKeydown }, this.data.map(node => this.renderNode(node, 0, indeterminateKeys))))))));
     }
+    static get watchers() { return {
+        "modelValue": ["handleModelValueChange"]
+    }; }
     static get style() { return HbTreeSelectStyle0; }
 }, [1, "hb-tree-select", {
         "data": [16],
@@ -315,7 +430,10 @@ const TreeSelect = /*@__PURE__*/ proxyCustomElement(class TreeSelect extends H {
         "isOpen": [32],
         "internalExpanded": [32],
         "internalSelected": [32],
-        "internalChecked": [32]
+        "internalChecked": [32],
+        "focusKey": [32]
+    }, undefined, {
+        "modelValue": ["handleModelValueChange"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/hb-tree-select.js.map

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