huibo-ui 0.4.0 → 0.5.0

package/dist/huibo-ui/{p-fd8301c6.entry.js → p-fd6831f9.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e}from"./p-e42dfa95.js";const i=class{constructor(e){t(this,e)}key="";label="";active=false;render(){return e("div",{key:"48f2502eb6adf6a5ac6f48cbab68583d1129a94c",class:{"hb-tab-pane":true,"hb-tab-pane--hidden":!this.active},role:"tabpanel",id:`hb-tabs__panel-${this.key}`,"aria-labelledby":this.key?`hb-tabs__tab-${this.key}`:undefined,tabindex:this.active?0:undefined},e("slot",{key:"8b8187579258806eda61194ac51225346f2da6de"}))}};i.style='/*! 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)))){*,:before,:after,::backdrop{--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{:root,:host{--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{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;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);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::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}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-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}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-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)}}@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} ';export{i as hb_tab_pane};
-//# sourceMappingURL=p-fd8301c6.entry.js.map
+import{r as t,h as e}from"./p-e42dfa95.js";const i=class{constructor(e){t(this,e)}key="";label="";active=false;render(){return e("div",{key:"5d830209274e2c780f4e0dfd233427feb96458ff",class:{"hb-tab-pane":true,"hb-tab-pane--hidden":!this.active},role:"tabpanel",id:`hb-tabs__panel-${this.key}`,"aria-labelledby":this.key?`hb-tabs__tab-${this.key}`:undefined,tabindex:this.active?0:undefined},e("slot",{key:"b330d024cc02d1011b41f1b586bba9f91be91d90"}))}};i.style='/*! 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)))){*,:before,:after,::backdrop{--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{:root,:host{--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{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;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);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::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}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-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}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-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)}}@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} ';export{i as hb_tab_pane};
+//# sourceMappingURL=p-fd6831f9.entry.js.map

package/dist/huibo-ui/p-ff6bc5cc.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as i,h as o}from"./p-e42dfa95.js";import{c as r}from"./p-4ef5a884.js";import{g as n}from"./p-ecce2b5e.js";import{i as a,h as s}from"./p-00aa34c8.js";import{c as d}from"./p-fad66d69.js";const l='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block;position:relative}.hb-dropdown__trigger{cursor:pointer;display:inline-block}.hb-dropdown__menu{animation:hb-dropdown-fade-in .15s ease-out;background-color:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);left:0;margin-top:4px;min-width:120px;padding:4px 0;position:absolute;top:100%}.hb-dropdown__item{align-items:center;color:var(--hb-color-text);cursor:pointer;display:flex;font-size:var(--hb-font-size-sm);padding:6px 16px;transition:background-color var(--hb-transition-duration);white-space:nowrap}.hb-dropdown__item--active:not(.hb-dropdown__item--disabled),.hb-dropdown__item:hover:not(.hb-dropdown__item--disabled){background-color:var(--hb-color-fill-tertiary);color:var(--hb-color-primary)}.hb-dropdown__item--disabled{color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-dropdown__item--divided{border-top:1px solid var(--hb-color-border-secondary);margin-top:4px;padding-top:8px}.hb-dropdown__item--danger{color:var(--hb-color-danger)}.hb-dropdown__item--danger:hover:not(.hb-dropdown__item--disabled){background-color:var(--hb-color-danger-bg);color:var(--hb-color-danger)}@keyframes hb-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hb-dropdown__menu--leaving{animation:hb-dropdown-fade-out .15s ease-in forwards}@keyframes hb-dropdown-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@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 h=l;const p=class{constructor(i){e(this,i);this.hbCommand=t(this,"hbCommand",7)}get el(){return i(this)}items=[];trigger="hover";disabled=false;isOpen=false;leaving=false;activeIndex=-1;hbCommand;leave=d((()=>this.leaving),(e=>this.leaving=e),150);clickOutside=r({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.close()}});componentDidLoad(){this.clickOutside=r({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.close()}});if(this.trigger==="click"){this.clickOutside.connect()}}disconnectedCallback(){this.clickOutside.disconnect();this.leave.dispose()}open=()=>{if(this.disabled)return;this.leave.cancel();this.isOpen=true;this.activeIndex=this.items.findIndex((e=>!e.disabled))};close=()=>{if(!this.isOpen&&!this.leaving)return;this.isOpen=false;this.activeIndex=-1;this.leave.start()};show=()=>{if(this.disabled)return;this.open()};hide=()=>{this.close()};toggle=()=>{if(this.disabled)return;if(this.isOpen)this.close();else this.open()};handleSelect=e=>{if(e.disabled)return;this.close();this.hbCommand.emit(e.key)};handleTriggerKeydown=e=>{if(this.disabled)return;if(this.trigger==="hover")return;if(a(e.key)||e.key==="ArrowDown"){e.preventDefault();this.open()}};handleMenuKeydown=e=>{const t=this.items.length;const i=s(e,{activeIndex:this.activeIndex,itemCount:t,loop:true});switch(i.type){case"navigate":e.preventDefault();{let e=i.index;for(let i=0;i<t;i++){if(!this.items[e]?.disabled)break;e=(e+1)%t}this.activeIndex=e}break;case"select":{e.preventDefault();const t=this.items[i.index];if(t&&!t.disabled)this.handleSelect(t);break}case"close":e.preventDefault();this.close();break}};get shouldRender(){return this.isOpen||this.leaving}render(){const e=this.trigger==="hover"?{onMouseEnter:this.show,onMouseLeave:this.hide}:{onClick:this.toggle};return o("div",{key:"8855aa67978f0180ee22fa57d47d8a8530fcff59",class:"hb-dropdown",...e,onKeyDown:this.handleTriggerKeydown},o("div",{key:"f07514869b6c2fed33be57a882afbe3aad221f79",class:"hb-dropdown__trigger",role:"button",tabindex:this.disabled?-1:0,"aria-haspopup":"menu","aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false"},o("slot",{key:"077a8fdd63295eaeadda3124764dd51090a7019d"})),this.shouldRender&&o("div",{key:"f17eba6ead1c841fdc97db4fc88c62937e6b7344",class:{"hb-dropdown__menu":true,"hb-dropdown__menu--leaving":this.leaving},style:{zIndex:String(n())},role:"menu",onKeyDown:this.handleMenuKeydown},this.items.map(((e,t)=>o("div",{class:{"hb-dropdown__item":true,"hb-dropdown__item--disabled":e.disabled,"hb-dropdown__item--divided":e.divided,"hb-dropdown__item--danger":e.danger,"hb-dropdown__item--active":t===this.activeIndex},role:"menuitem",tabindex:-1,"aria-disabled":e.disabled?"true":undefined,onMouseEnter:()=>{if(!e.disabled)this.activeIndex=t},onClick:()=>this.handleSelect(e)},e.label)))))}};p.style=h;export{p as hb_dropdown};
+//# sourceMappingURL=p-ff6bc5cc.entry.js.map

package/dist/huibo-ui/p-ff6bc5cc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownCss","HbDropdownStyle0","Dropdown","items","trigger","disabled","isOpen","leaving","activeIndex","hbCommand","leave","createLeaveScheduler","this","v","clickOutside","createClickOutsideHandler","host","onClose","close","componentDidLoad","el","connect","disconnectedCallback","disconnect","dispose","open","cancel","findIndex","i","start","show","hide","toggle","handleSelect","item","emit","key","handleTriggerKeydown","e","isActivationKey","preventDefault","handleMenuKeydown","enabledCount","length","action","handleListKeyboard","itemCount","loop","type","idx","index","shouldRender","render","triggerEvents","onMouseEnter","onMouseLeave","onClick","h","class","onKeyDown","role","tabindex","style","zIndex","String","getNextZIndex","map","divided","danger","undefined","label"],"sources":["src/components/Dropdown/dropdown.css?tag=hb-dropdown&encapsulation=shadow","src/components/Dropdown/Dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n}\n\n.hb-dropdown__trigger {\n  display: inline-block;\n  cursor: pointer;\n}\n\n.hb-dropdown__menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  min-width: 120px;\n  margin-top: 4px;\n  padding: 4px 0;\n  background-color: var(--hb-color-bg-elevated);\n  border-radius: var(--hb-border-radius-base);\n  box-shadow: var(--hb-box-shadow);\n  animation: hb-dropdown-fade-in 0.15s ease-out;\n}\n\n.hb-dropdown__item {\n  display: flex;\n  align-items: center;\n  padding: 6px 16px;\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-dropdown__item:hover:not(.hb-dropdown__item--disabled),\n.hb-dropdown__item--active:not(.hb-dropdown__item--disabled) {\n  background-color: var(--hb-color-fill-tertiary);\n  color: var(--hb-color-primary);\n}\n\n.hb-dropdown__item--disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n}\n\n.hb-dropdown__item--divided {\n  margin-top: 4px;\n  padding-top: 8px;\n  border-top: 1px solid var(--hb-color-border-secondary);\n}\n\n.hb-dropdown__item--danger {\n  color: var(--hb-color-danger);\n}\n.hb-dropdown__item--danger:hover:not(.hb-dropdown__item--disabled) {\n  background-color: var(--hb-color-danger-bg);\n  color: var(--hb-color-danger);\n}\n\n@keyframes hb-dropdown-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* 离场动画 */\n.hb-dropdown__menu--leaving {\n  animation: hb-dropdown-fade-out 0.15s ease-in forwards;\n}\n\n@keyframes hb-dropdown-fade-out {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n","import { Component, h, Prop, State, Element, Event, EventEmitter } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { getNextZIndex } from '../../utils/popup-manager';\nimport { handleListKeyboard, isActivationKey } from '../../utils/a11y';\nimport { createLeaveScheduler } from '../../utils/transition';\n\nexport interface DropdownItem {\n  key: string;\n  label: string;\n  disabled?: boolean;\n  divided?: boolean;\n  danger?: boolean;\n}\n\n/**\n * Dropdown 下拉菜单组件\n * 将动作或菜单折叠到下拉菜单中。\n *\n * 无障碍（对齐 WAI-ARIA menu / antd）：\n * - 触发器 role=button + aria-haspopup=menu + aria-expanded\n * - 菜单 role=menu，菜单项 role=menuitem + aria-disabled\n * - 键盘：trigger 上 Enter/Space/↓ 打开；菜单内 ↑↓ 导航、Enter/Space 选中、Esc 关闭\n *\n * 进出场动画：用 leaving state 延迟卸载，让 fade-out 有机会播放。\n */\n@Component({\n  tag: 'hb-dropdown',\n  styleUrl: 'dropdown.css',\n  shadow: true,\n})\nexport class Dropdown {\n  @Element() el: HTMLElement;\n\n  /** 菜单项 */\n  @Prop() items: DropdownItem[] = [];\n\n  /** 触发方式 */\n  @Prop() trigger: 'hover' | 'click' = 'hover';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  @State() isOpen: boolean = false;\n  /** 离场动画期（保留 DOM 让 fade-out 播完） */\n  @State() leaving: boolean = false;\n  /** 键盘高亮项索引（-1 表示无） */\n  @State() activeIndex: number = -1;\n\n  /** 命令事件 */\n  @Event() hbCommand: EventEmitter<string>;\n\n  private leave = createLeaveScheduler(\n    () => this.leaving,\n    v => (this.leaving = v),\n    150,\n  );\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => {\n      this.close();\n    },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => {\n        this.close();\n      },\n    });\n    if (this.trigger === 'click') {\n      this.clickOutside.connect();\n    }\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n    this.leave.dispose();\n  }\n\n  private open = () => {\n    if (this.disabled) return;\n    this.leave.cancel(); // 中途又打开：取消挂起的离场\n    this.isOpen = true;\n    this.activeIndex = this.items.findIndex(i => !i.disabled);\n  };\n\n  private close = () => {\n    if (!this.isOpen && !this.leaving) return;\n    this.isOpen = false;\n    this.activeIndex = -1;\n    this.leave.start();\n  };\n\n  private show = () => {\n    if (this.disabled) return;\n    this.open();\n  };\n\n  private hide = () => {\n    this.close();\n  };\n\n  private toggle = () => {\n    if (this.disabled) return;\n    if (this.isOpen) this.close();\n    else this.open();\n  };\n\n  private handleSelect = (item: DropdownItem) => {\n    if (item.disabled) return;\n    this.close();\n    this.hbCommand.emit(item.key);\n  };\n\n  private handleTriggerKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (this.trigger === 'hover') return;\n    if (isActivationKey(e.key) || e.key === 'ArrowDown') {\n      e.preventDefault();\n      this.open();\n    }\n  };\n\n  private handleMenuKeydown = (e: KeyboardEvent) => {\n    const enabledCount = this.items.length;\n    const action = handleListKeyboard(e, {\n      activeIndex: this.activeIndex,\n      itemCount: enabledCount,\n      loop: true,\n    });\n    switch (action.type) {\n      case 'navigate':\n        e.preventDefault();\n        {\n          let idx = action.index;\n          for (let i = 0; i < enabledCount; i++) {\n            if (!this.items[idx]?.disabled) break;\n            idx = (idx + 1) % enabledCount;\n          }\n          this.activeIndex = idx;\n        }\n        break;\n      case 'select': {\n        e.preventDefault();\n        const item = this.items[action.index];\n        if (item && !item.disabled) this.handleSelect(item);\n        break;\n      }\n      case 'close':\n        e.preventDefault();\n        this.close();\n        break;\n      default:\n        break;\n    }\n  };\n\n  private get shouldRender(): boolean {\n    return this.isOpen || 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-dropdown\" {...triggerEvents} onKeyDown={this.handleTriggerKeydown}>\n        <div\n          class=\"hb-dropdown__trigger\"\n          role=\"button\"\n          tabindex={this.disabled ? -1 : 0}\n          aria-haspopup=\"menu\"\n          aria-expanded={this.isOpen ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n        >\n          <slot />\n        </div>\n        {this.shouldRender && (\n          <div\n            class={{\n              'hb-dropdown__menu': true,\n              'hb-dropdown__menu--leaving': this.leaving,\n            }}\n            style={{ zIndex: String(getNextZIndex()) }}\n            role=\"menu\"\n            onKeyDown={this.handleMenuKeydown}\n          >\n            {this.items.map((item, index) => (\n              <div\n                class={{\n                  'hb-dropdown__item': true,\n                  'hb-dropdown__item--disabled': item.disabled,\n                  'hb-dropdown__item--divided': item.divided,\n                  'hb-dropdown__item--danger': item.danger,\n                  'hb-dropdown__item--active': index === this.activeIndex,\n                }}\n                role=\"menuitem\"\n                tabindex={-1}\n                aria-disabled={item.disabled ? 'true' : undefined}\n                onMouseEnter={() => {\n                  if (!item.disabled) this.activeIndex = index;\n                }}\n                onClick={() => this.handleSelect(item)}\n              >\n                {item.label}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/types/components/Cascader/Cascader.d.ts

@@ -78,6 +78,8 @@ export declare class Cascader {
     /** 展开节点变化时触发 */
     hbExpandChange: EventEmitter<ValuePath>;
     private clickOutside;
+    /** P4：搜索结果上限，防止超大树一次返回上万条结果拖垮渲染（封顶替代防抖，避免定时器/测试复杂性） */
+    private static readonly MAX_FILTER_RESULTS;
     componentDidLoad(): void;
     private closeAndClearSearch;
     disconnectedCallback(): void;
@@ -86,6 +88,16 @@ export declare class Cascader {
     private findOptionByValue;
     /** 取多选 modelValue 为二维数组（非多选模式或形状不符时返回 []） */
     private getMultiModel;
+    /**
+     * 多选 modelValue 的字符串键集合（P2 优化）。
+     * 缓存：仅当 modelValue 引用变化时重算。check-state 查询从 O(model×pathLen)
+     * 降为 O(1) Set.has。key 用 \u0000 连接 path 各段，避免与合法分隔符冲突。
+     */
+    private _modelKeySet;
+    private _modelKeySetRef;
+    private getModelKeySet;
+    /** path 是否在当前 model 集合中（O(1)） */
+    private pathInModel;
     /** 两条 value 路径是否完全相等 */
     private pathEquals;
     /** 收集某节点子树下的全部叶子 value 路径（用于父子联动计算） */

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -58,6 +58,11 @@ export declare class Checkbox {
      */
     hbChange: EventEmitter<boolean | (string | number)[]>;
     isChecked: boolean;
+    /**
+     * P7：实例级稳定 inputId，在 componentWillLoad 生成一次。
+     * 修复前每次 render 用 Math.random() 生成新 id，破坏 SSR 水合与外部 getElementById 缓存。
+     */
+    private stableInputId;
     handleValueChange(): void;
     componentDidLoad(): void;
     private updateChecked;

package/dist/types/components/Checkbox/CheckboxGroup.d.ts

@@ -37,6 +37,7 @@ export declare class CheckboxGroup {
     hbChange: EventEmitter<(string | number)[]>;
     checkboxes: HTMLHbCheckboxElement[];
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     handleValueChange(): void;
     handlePropsChange(): void;
     private updateCheckboxes;

package/dist/types/components/Collapse/Collapse.d.ts

@@ -2,6 +2,8 @@ export declare class Collapse {
     el: HTMLElement;
     /** 是否开启手风琴模式（同时仅展开一项） */
     accordion: boolean;
+    private handleItemToggle;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/Collapse/CollapseItem.d.ts

@@ -1,7 +1,14 @@
 export declare class CollapseItem {
     el: HTMLElement;
-    /** 唯一标识（手风琴模式协调用） */
+    /**
+     * 唯一标识（手风琴模式协调用）。
+     * O3：推荐用 itemKey。保留 key 作为向后兼容别名（key 是 Stencil/React 保留 prop，
+     * 通过 JSX 设置时可能被 vdom 拦截；HTML 属性 key="..." 仍可工作）。
+     */
+    itemKey: string;
     key: string;
+    /** 解析出的有效 key：itemKey 优先，回退到 key */
+    private get effectiveKey();
     /** 标题 */
     title: string;
     /** 是否禁用 */

package/dist/types/components/Dialog/Dialog.d.ts

@@ -32,11 +32,23 @@ export declare class Dialog {
     private zIndex;
     private panelRef?;
     private trap?;
-    handleVisibleChange(newVal: boolean): void;
+    /** 离场动画期间保留渲染（避免 display:none 打断 transition） */
+    leaving: boolean;
+    private leaveTimer?;
+    handleVisibleChange(newVal: boolean, oldVal: boolean): void;
     disconnectedCallback(): void;
     componentDidRender(): void;
     private handleKeyDown;
     private close;
+    /**
+     * 进入离场动画期：解锁滚动、移除监听、保留 DOM 播放动画，
+     * 结束（300ms）后重置 leaving 并 emit hbClosed。
+     * 受控关闭（父组件直接设 modelValue=false 经 @Watch）与内部关闭（ESC/遮罩/关闭按钮）
+     * 统一走这里，保证两者行为一致（都有动画 + 都 emit hbClose/hbClosed）。
+     */
+    private startLeave;
     private handleOverlayClick;
+    /** 是否应渲染弹层 DOM：打开中 或 离场动画期内 */
+    private get shouldRender();
     render(): any;
 }

package/dist/types/components/Drawer/Drawer.d.ts

@@ -13,6 +13,9 @@ export declare class Drawer {
     private zIndex;
     private panelRef?;
     private trap?;
+    /** 离场动画期内保留渲染 */
+    private leaving;
+    private leaveTimer?;
     hbOpen: EventEmitter<void>;
     hbClose: EventEmitter<void>;
     handleVisible(val: boolean): void;
@@ -20,5 +23,6 @@ export declare class Drawer {
     disconnectedCallback(): void;
     private handleKeyDown;
     private close;
+    private get shouldRender();
     render(): any;
 }

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -14,6 +14,8 @@ export interface DropdownItem {
  * - 触发器 role=button + aria-haspopup=menu + aria-expanded
  * - 菜单 role=menu，菜单项 role=menuitem + aria-disabled
  * - 键盘：trigger 上 Enter/Space/↓ 打开；菜单内 ↑↓ 导航、Enter/Space 选中、Esc 关闭
+ *
+ * 进出场动画：用 leaving state 延迟卸载，让 fade-out 有机会播放。
  */
 export declare class Dropdown {
     el: HTMLElement;
@@ -24,10 +26,13 @@ export declare class Dropdown {
     /** 是否禁用 */
     disabled: boolean;
     isOpen: boolean;
+    /** 离场动画期（保留 DOM 让 fade-out 播完） */
+    leaving: boolean;
     /** 键盘高亮项索引（-1 表示无） */
     activeIndex: number;
     /** 命令事件 */
     hbCommand: EventEmitter<string>;
+    private leave;
     private clickOutside;
     componentDidLoad(): void;
     disconnectedCallback(): void;
@@ -37,9 +42,8 @@ export declare class Dropdown {
     private hide;
     private toggle;
     private handleSelect;
-    /** 触发器键盘：Enter/Space/↓ 打开 */
     private handleTriggerKeydown;
-    /** 菜单键盘：↑↓ 导航、Enter/Space 选中、Esc 关闭、Home/End 跳首尾 */
     private handleMenuKeydown;
+    private get shouldRender();
     render(): any;
 }

package/dist/types/components/Form/Form.d.ts

@@ -26,7 +26,9 @@ export declare class Form {
     disabled: boolean;
     fields: FormFieldRegistration[];
     private fieldRegistry;
+    private handleFieldRegister;
     componentWillLoad(): void;
+    disconnectedCallback(): void;
     /**
      * 验证整个表单
      * @returns 是否验证通过

package/dist/types/components/Image/Image.d.ts

@@ -10,6 +10,12 @@ export declare class Image {
     loaded: boolean;
     error: boolean;
     previewVisible: boolean;
+    /**
+     * 换 src 时重置 loaded/error。
+     * 修复 B5——修复前换 src 不清状态：坏图换好图卡在错误占位（error 不清零），
+     * 好图换坏图 loaded 仍 true 造成短暂状态错乱。
+     */
+    handleSrcChange(): void;
     private handleLoad;
     private handleError;
     render(): any;

package/dist/types/components/Menu/MenuItem.d.ts

@@ -3,8 +3,15 @@
  */
 export declare class MenuItem {
     el: HTMLElement;
-    /** 唯一标识 */
+    /**
+     * 唯一标识。
+     * O3：推荐用 itemKey。保留 key 作为向后兼容别名（key 是 Stencil/React 保留 prop，
+     * 通过 JSX 设置时可能被 vdom 拦截；HTML 属性 key="..." 仍可工作）。
+     */
+    itemKey: string;
     key: string;
+    /** 解析出的有效 key：itemKey 优先，回退到 key */
+    private get effectiveKey();
     /** 是否禁用 */
     disabled: boolean;
     /** 图标 */

package/dist/types/components/Message/Message.d.ts

@@ -14,7 +14,10 @@ export declare class Message {
     /** 显示时间（毫秒），0 为不自动关闭 */
     duration: number;
     visible: boolean;
+    private autoCloseTimer?;
+    private removeTimer?;
     componentDidLoad(): void;
     private close;
+    disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/Popconfirm/Popconfirm.d.ts

@@ -5,6 +5,8 @@ import { Placement } from '../../utils/popup-manager';
  * - 触发器 role=button + aria-haspopup=dialog + aria-expanded + aria-describedby
  * - 浮层 role=dialog + aria-live=polite（确认文屏幕阅读器实时播报）
  * - 键盘：trigger Enter/Space 打开；Esc=取消关闭；打开时自动聚焦确认按钮
+ *
+ * 进出场动画：用 leaving state 延迟卸载。
  */
 export declare class Popconfirm {
     el: HTMLElement;
@@ -15,18 +17,20 @@ export declare class Popconfirm {
     disabled: boolean;
     icon: string;
     visible: boolean;
+    leaving: boolean;
     popupStyle: Record<string, string>;
     private triggerRef?;
     private popupRef?;
     private confirmBtnRef?;
+    private leave;
     private show;
     private hide;
-    /** 键盘：Esc 取消关闭（Enter 由聚焦的确认按钮原生处理） */
+    disconnectedCallback(): void;
     private handleKeydown;
-    /** 触发器键盘：Enter/Space 打开 */
     private handleTriggerKeydown;
     private updatePosition;
     private handleConfirm;
     private handleCancel;
+    private get shouldRender();
     render(): any;
 }

package/dist/types/components/Popover/Popover.d.ts

@@ -5,6 +5,8 @@ import { Placement } from '../../utils/popup-manager';
  * - 触发器 role=button + aria-haspopup=dialog + aria-expanded
  * - 浮层 role=dialog + aria-labelledby（title）
  * - 键盘：trigger 上 Enter/Space 打开/关闭；Esc 关闭
+ *
+ * 进出场动画：用 leaving state 延迟卸载，让 fade-out 有机会播放。
  */
 export declare class Popover {
     el: HTMLElement;
@@ -14,14 +16,17 @@ export declare class Popover {
     trigger: 'hover' | 'click';
     disabled: boolean;
     visible: boolean;
+    leaving: boolean;
     popupStyle: Record<string, string>;
     private triggerRef?;
     private popupRef?;
+    private leave;
     private show;
     private hide;
     private toggle;
-    /** 触发器键盘：Enter/Space 切换；Esc 关闭（click 触发模式） */
+    disconnectedCallback(): void;
     private handleKeydown;
     private updatePosition;
+    private get shouldRender();
     render(): any;
 }

package/dist/types/components/Radio/Radio.d.ts

@@ -49,6 +49,11 @@ export declare class Radio {
      */
     hbChange: EventEmitter<string | number | boolean>;
     isChecked: boolean;
+    /**
+     * P7：实例级稳定 inputId，在类字段初始化一次。
+     * 修复前每次 render 用 Math.random() 生成新 id，破坏 SSR 水合与外部 getElementById 缓存。
+     */
+    private stableInputId;
     handleValueChange(): void;
     componentDidLoad(): void;
     private updateChecked;

package/dist/types/components/Segmented/Segmented.d.ts

@@ -22,6 +22,12 @@ export declare class Segmented {
     /** 选中值变化事件 */
     hbChange: EventEmitter<string>;
     componentWillLoad(): void;
+    /**
+     * 受控同步：父组件后续修改 modelValue 时，重新计算 activeIndex。
+     * 修复 B3——修复前 activeIndex 仅在 componentWillLoad 算一次，
+     * 导致受控用法下 roving tabindex 与键盘导航依赖的 activeIndex 失同步。
+     */
+    handleModelValueChange(): void;
     private syncActiveIndex;
     private handleSelect;
     /** 键盘导航：radiogroup 模式，←→/Home/End 移动并选中（跳过禁用项） */

package/dist/types/components/Select/Select.d.ts

@@ -76,6 +76,11 @@ export declare class Select {
     filteredOptions: SelectOption[];
     /** 键盘高亮的选项索引（-1 表示无） */
     activeOptionIndex: number;
+    /**
+     * O4：实例级稳定 id，用于 combobox 的 aria-controls / aria-activedescendant 关联，
+     * 让读屏在键盘导航时播报当前高亮项。
+     */
+    private listboxId;
     /**
      * 值改变事件
      */

package/dist/types/components/Table/Table.d.ts

@@ -168,8 +168,14 @@ export declare class Table {
     private handleRowClick;
     private handleAction;
     private get hasActions();
-    /** 计算固定列的 sticky 偏移（左侧/右侧累计宽度） */
-    private get fixedOffsets();
+    /**
+     * 计算固定列的 sticky 偏移（左侧/右侧累计宽度）。
+     * P1 优化：缓存结果，仅当 columns 引用变化时重算。
+     * 修复前是 getter，被每个 <td>/<th> 反复调用，复杂度 O(rows×cols²)。
+     */
+    private _fixedOffsetsCache;
+    private _fixedOffsetsColumnsRef;
+    private getFixedOffsets;
     private cellStyle;
     /**
      * 渲染单行（普通 + 虚拟滚动 + 树形 共用）。

package/dist/types/components/Tabs/Tabs.d.ts

@@ -16,11 +16,17 @@ export declare class Tabs {
         key: string;
         label: string;
     }[];
+    /**
+     * P5：监听 slot 内 <hb-tab-pane> 的增删/属性变化，动态反映到 tabs 列表。
+     * 修复前 collectTabs 仅在 componentDidLoad 跑一次，运行时增删 pane 不生效（正确性 bug）。
+     */
+    private paneObserver?;
     /** 标签切换事件 */
     hbTabChange: EventEmitter<string>;
     /** 标签关闭事件 */
     hbTabRemove: EventEmitter<string>;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     handleModelValueChange(): void;
     private collectTabs;
     private updatePaneVisibility;

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -8,6 +8,8 @@ import { Placement } from '../../utils/popup-manager';
  * - 浮层 role=tooltip
  * - hover 触发时：focus 也显示（键盘用户可见，关键修复）
  * - click 触发时：Enter/Space 切换；任意模式 Esc 关闭
+ *
+ * 进出场动画：用 leaving state 延迟卸载，让 fade-out 有机会播放。
  */
 export declare class Tooltip {
     el: HTMLElement;
@@ -22,15 +24,19 @@ export declare class Tooltip {
     /** 是否显示箭头 */
     showArrow: boolean;
     visible: boolean;
+    leaving: boolean;
     popupStyle: Record<string, string>;
     private triggerRef?;
     private popupRef?;
     private hideTimer?;
+    private leave;
     private show;
     private hide;
     private toggle;
+    disconnectedCallback(): void;
     /** 键盘：Esc 关闭；click 模式 Enter/Space 切换 */
     private handleKeydown;
     private updatePosition;
+    private get shouldRender();
     render(): any;
 }

package/dist/types/components/Tree/Tree.d.ts

@@ -49,6 +49,12 @@ export declare class Tree {
     internalExpanded: string[] | null;
     internalSelected: string[] | null;
     internalChecked: string[] | null;
+    /**
+     * 键盘焦点节点 key（与 selectedKeys 解耦）。
+     * A2：roving tabindex 跟随 focusKey，而非 selectedKeys——否则键盘移动焦点会误改选中态。
+     * 默认指向 selectedKeys 末位（首次 Tab 进入时落在选中项）。
+     */
+    focusKey: string | null;
     /**
      * 选中节点变化事件（detail: 选中节点 key 数组）
      */
@@ -108,6 +114,24 @@ export declare class Tree {
      * 用于渲染层暴露三方态（aria-checked="mixed" + class）。
      */
     private computeIndeterminateKeys;
+    /**
+     * 构建当前可见节点的扁平列表（仅含已展开父节点的后代），用于键盘线性导航。
+     * 每项记录 { node, level, parentKey }，遵循 WAI-ARIA Tree View 模式。
+     */
+    private getFlattenedVisibleNodes;
+    /**
+     * Tree 键盘导航（WAI-ARIA Tree View 模式，A2 修复）：
+     * - ↑↓：在可见节点间线性移动焦点
+     * - →：展开；已展开则进入第一个子节点；叶子节点无操作
+     * - ←：折叠；已折叠则移到父节点；根节点无操作
+     * - Enter/Space：选中当前焦点节点
+     * - Home/End：跳到首个/末个可见节点
+     *
+     * 焦点管理用 roving tabindex：焦点移到谁，谁就是 selectedKeys（驱动 tabindex=0）。
+     */
+    private handleTreeKeydown;
+    /** 把键盘焦点移到 node：仅更新 focusKey（驱动 roving tabindex），不改选中态。 */
+    private focusNode;
     private renderNode;
     render(): any;
 }

package/dist/types/components/TreeSelect/TreeSelect.d.ts

@@ -43,6 +43,8 @@ export declare class TreeSelect {
     internalExpanded: string[];
     internalSelected: string[];
     internalChecked: string[];
+    /** 键盘焦点节点 key（A2：roving tabindex，与选中态解耦） */
+    focusKey: string | null;
     /**
      * 值变化事件（单选为 string，多选为 string[]）
      */
@@ -53,9 +55,24 @@ export declare class TreeSelect {
     hbVisibleChange: EventEmitter<boolean>;
     private clickOutside;
     componentWillLoad(): void;
+    /**
+     * 受控同步：父组件后续修改 modelValue 时，重算 internalSelected/internalChecked。
+     * 修复 B4——修复前仅 componentWillLoad 同步一次，受控改值后选中/勾选状态不更新。
+     */
+    handleModelValueChange(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private syncFromModelValue;
+    /**
+     * 构建当前可见节点的扁平列表（仅含已展开父节点的后代），用于键盘线性导航（A2）。
+     */
+    private getFlattenedVisibleNodes;
+    /**
+     * Tree 键盘导航（WAI-ARIA Tree View 模式，A2 修复）：
+     * ↑↓ 线性移动、→ 展开/进子、← 折叠/回父、Enter/Space 选中、Home/End 跳首尾。
+     * 焦点（focusKey）与选中态（internalSelected/internalChecked）解耦。
+     */
+    private handleTreeKeydown;
     private collectExpandableKeys;
     private findTitle;
     private getDisplayText;

package/dist/types/components/Watermark/Watermark.d.ts

@@ -18,7 +18,13 @@ export declare class Watermark {
     fontColor: string;
     /** 字号 */
     fontSize: number;
-    private get backgroundImage();
+    /**
+     * P6：SVG data-URI 缓存。仅当依赖 props 变化时重算（escapeXml + encodeURIComponent 较重）。
+     * 修复前是 getter，每次 render 重编，父组件频繁重渲染时浪费明显。
+     */
+    private _bgImageCache;
+    private _bgImageKey;
+    private getBackgroundImage;
     private escapeXml;
     private get layerStyle();
     render(): any;