huibo-ui 0.3.0

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

@@ -0,0 +1,2 @@
+import{r as e,c as i,g as t,h as o}from"./p-e42dfa95.js";const r='/*! 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-color-picker{display:inline-block}.hb-color-picker__trigger{align-items:center;border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;cursor:pointer;display:inline-flex;padding:4px;transition:border-color .2s}.hb-color-picker__trigger:hover:not(.hb-color-picker--disabled){border-color:var(--hb-color-primary)}.hb-color-picker__color{border:1px solid var(--hb-border-color-lighter,#e4e7ed);border-radius:2px;height:20px;width:40px}.hb-color-picker__text{color:var(--hb-color-text-regular,#606266);font-size:14px;margin-left:8px}.hb-color-picker__dropdown{background-color:var(--hb-color-white,#fff);border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;min-width:300px;padding:12px;position:absolute;top:100%;z-index:1000}.hb-color-picker__saturation{border-radius:4px;cursor:crosshair;height:180px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.hb-color-picker__saturation-bg{inset:0;position:absolute}.hb-color-picker__saturation-white{background:linear-gradient(90deg,#fff,#fff0);inset:0;position:absolute}.hb-color-picker__saturation-black{background:linear-gradient(#0000,#000);inset:0;position:absolute}.hb-color-picker__saturation-pointer{border:2px solid var(--hb-color-white,#fff);border-radius:50%;box-shadow:0 0 2px #0000004d;height:12px;position:absolute;transform:translate(-50%,-50%);width:12px}.hb-color-picker__controls{margin-top:12px}.hb-color-picker__alpha,.hb-color-picker__hue{border-radius:2px;cursor:pointer;height:12px;margin-bottom:8px;position:relative}.hb-color-picker__hue{position:relative}.hb-color-picker__hue-bar{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:2px;height:100%}.hb-color-picker__hue-pointer{background:#fff;border:1px solid #0000004d;border-radius:2px;box-shadow:0 0 2px #0000004d;height:100%;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:4px}.hb-color-picker__alpha-bar{background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:2px;height:100%}.hb-color-picker__input{margin-top:12px}.hb-color-picker__input-hex{border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;font-size:13px;margin-bottom:8px;padding:6px 8px;width:100%}.hb-color-picker__input-rgb{display:flex;gap:8px}.hb-color-picker__input-rgb input{border:1px solid var(--hb-border-color,#dcdfe6);border-radius:4px;flex:1;font-size:13px;padding:6px 8px}.hb-color-picker__predefine{border-top:1px solid var(--hb-border-color-lighter,#e4e7ed);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.hb-color-picker__predefine-color{border:2px solid #0000;border-radius:4px;cursor:pointer;height:24px;transition:transform .2s;width:24px}.hb-color-picker__predefine-color:hover{transform:scale(1.1)}.hb-color-picker__predefine-color--selected{border-color:var(--hb-color-primary);transform:scale(1.1)}.hb-color-picker--disabled{cursor:not-allowed;opacity:.6}.hb-color-picker--disabled .hb-color-picker__trigger{cursor:not-allowed}@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 a=r;const n=class{constructor(t){e(this,t);this.hbChange=i(this,"hbChange",7);this.hbActiveChange=i(this,"hbActiveChange",7)}get el(){return t(this)}modelValue;disabled=false;colorFormat="hex";showAlpha=false;predefine;isOpen=false;currentColor="#409EFF";hue=210;saturation=100;value=100;hbChange;hbActiveChange;componentDidLoad(){if(this.modelValue){this.currentColor=this.modelValue;this.updateHSVFromColor(this.modelValue)}else{this.updateHSVFromColor(this.currentColor)}document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}handleDocumentClick=e=>{if(!this.isOpen)return;const i=e.target;if(!this.el.contains(i)){this.isOpen=false}};handleValueChange(){if(this.modelValue){this.currentColor=this.modelValue;this.updateHSVFromColor(this.modelValue)}}handleTriggerClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};handleColorSelect=e=>{this.currentColor=e;this.modelValue=e;this.hbChange.emit(e);this.hbActiveChange.emit(e)};handleSaturationClick=e=>{const i=e.currentTarget;const t=i.getBoundingClientRect();const o=e.clientX-t.left;const r=e.clientY-t.top;this.saturation=Math.max(0,Math.min(100,o/t.width*100));this.value=Math.max(0,Math.min(100,100-r/t.height*100));const a=this.hsvToHex(this.hue,this.saturation,this.value);this.handleColorSelect(a)};handleHueClick=e=>{const i=e.currentTarget;const t=i.getBoundingClientRect();const o=e.clientX-t.left;this.hue=Math.max(0,Math.min(360,o/t.width*360));const r=this.hsvToHex(this.hue,this.saturation,this.value);this.handleColorSelect(r)};handleInputChange=e=>{const i=e.target;const t=i.value;if(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(t)){this.handleColorSelect(t)}};handleRgbInputChange=(e,i)=>{const t=this.hexToRgb(this.currentColor);if(t){const o=parseInt(i,10);if(!isNaN(o)&&o>=0&&o<=255){if(e===0)t.r=o;else if(e===1)t.g=o;else if(e===2)t.b=o;const i=`#${[t.r,t.g,t.b].map((e=>{const i=e.toString(16);return i.length===1?"0"+i:i})).join("")}`;this.handleColorSelect(i)}}};hexToRgb(e){const i=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return i?{r:parseInt(i[1],16),g:parseInt(i[2],16),b:parseInt(i[3],16)}:null}rgbToHsv(e,i,t){e=e/255;i=i/255;t=t/255;const o=Math.max(e,i,t);const r=Math.min(e,i,t);const a=o-r;let n=0;if(a!==0){if(o===e){n=(i-t)/a%6}else if(o===i){n=(t-e)/a+2}else{n=(e-i)/a+4}}n=Math.round(n*60);if(n<0)n+=360;const s=o===0?0:Math.round(a/o*100);const l=Math.round(o*100);return{h:n,s,v:l}}hsvToRgb(e,i,t){i=i/100;t=t/100;const o=t*i;const r=o*(1-Math.abs(e/60%2-1));const a=t-o;let n=0,s=0,l=0;if(e>=0&&e<60){n=o;s=r;l=0}else if(e>=60&&e<120){n=r;s=o;l=0}else if(e>=120&&e<180){n=0;s=o;l=r}else if(e>=180&&e<240){n=0;s=r;l=o}else if(e>=240&&e<300){n=r;s=0;l=o}else if(e>=300&&e<360){n=o;s=0;l=r}return{r:Math.round((n+a)*255),g:Math.round((s+a)*255),b:Math.round((l+a)*255)}}hsvToHex(e,i,t){const o=this.hsvToRgb(e,i,t);return`#${[o.r,o.g,o.b].map((e=>{const i=e.toString(16);return i.length===1?"0"+i:i})).join("")}`}updateHSVFromColor(e){const i=this.hexToRgb(e);if(i){const e=this.rgbToHsv(i.r,i.g,i.b);this.hue=e.h;this.saturation=e.s;this.value=e.v}}render(){const e=this.hexToRgb(this.currentColor);const i=this.predefine||["#ff4500","#ff8c00","#ffd700","#90ee90","#00ced1","#1e90ff","#c71585","#000000","#ffffff","#808080"];const t=this.hsvToHex(this.hue,100,100);return o("div",{key:"3a91756cec6b901dbd98049c6dea3f13cb0125b9",class:{"hb-color-picker":true,"hb-color-picker--open":this.isOpen,"hb-color-picker--disabled":this.disabled}},o("div",{key:"60fcf367b48d726dec4626cade99ae39c10c83f7",class:"hb-color-picker__trigger",onClick:this.handleTriggerClick},o("div",{key:"9b9f4c7f1444d76f1d6df1c480949572affb4a71",class:"hb-color-picker__color",style:{backgroundColor:this.currentColor}}),o("span",{key:"ddc5c6d1d875012ad46638324b2e9a80eb50d989",class:"hb-color-picker__text"},this.currentColor)),this.isOpen&&o("div",{key:"4f96c8be969d8b37f0acba6f9ec55d0b0223485d",class:"hb-color-picker__dropdown"},o("div",{key:"6e754aa587fbe8161315ab3fedfd71ccdf7b9a7e",class:"hb-color-picker__panel"},o("div",{key:"477dbbe265a0538e3f65f0d3c03dc653cf063982",class:"hb-color-picker__saturation",onClick:this.handleSaturationClick},o("div",{key:"eff441602d0795cfb6a05b9470dcec762c47e2a2",class:"hb-color-picker__saturation-bg",style:{backgroundColor:t}}),o("div",{key:"3f3e8c420dbea347c6859f046d0398e1141de926",class:"hb-color-picker__saturation-white"}),o("div",{key:"e501004e2e2d9f585b48bcc4a90def07c39964c2",class:"hb-color-picker__saturation-black"}),o("div",{key:"b00cda534203c12195977d0933bd36b1baafab34",class:"hb-color-picker__saturation-pointer",style:{left:`${this.saturation}%`,top:`${100-this.value}%`}})),o("div",{key:"ee86c70a807d70aa292a0208a3a172b35c791325",class:"hb-color-picker__controls"},o("div",{key:"d4dda211347b9c3e4ef1dc5e28f5a6a44359a162",class:"hb-color-picker__hue",onClick:this.handleHueClick},o("div",{key:"dbab23a4059b6dd2aeada35d7434c79a61860867",class:"hb-color-picker__hue-bar"}),o("div",{key:"b612775578712beac58a487a23a25c812fb28077",class:"hb-color-picker__hue-pointer",style:{left:`${this.hue/360*100}%`}})),this.showAlpha&&o("div",{key:"1aee2cd74b0cdf27d0afcbd09384ae707a5d7485",class:"hb-color-picker__alpha"},o("div",{key:"eba46d362053e05c89a93f34dfb453a8ed2253c7",class:"hb-color-picker__alpha-bar",style:{backgroundColor:this.currentColor}}))),o("div",{key:"60f66da4a79a2eb0ce1c389d65fd30362bbb7c61",class:"hb-color-picker__input"},o("input",{key:"1411561687211e4ea149421bfaf624c7cdc45ead",type:"text",class:"hb-color-picker__input-hex",value:this.currentColor,onInput:this.handleInputChange}),e&&o("div",{key:"c24d2df8b8d04fee9eeba4d8de660d14857cdf77",class:"hb-color-picker__input-rgb"},o("input",{key:"e4dd71d86bda84168f7342b3cf0a7513f608f0e1",type:"number",min:"0",max:"255",value:e.r,onInput:e=>this.handleRgbInputChange(0,e.target.value)}),o("input",{key:"198c25b1f2fe03bae65b2a6120b226684623a5a1",type:"number",min:"0",max:"255",value:e.g,onInput:e=>this.handleRgbInputChange(1,e.target.value)}),o("input",{key:"fe0c9273a4d283f3f4bde1b8c258e0adc370b9a6",type:"number",min:"0",max:"255",value:e.b,onInput:e=>this.handleRgbInputChange(2,e.target.value)}))),this.predefine&&this.predefine.length>0&&o("div",{key:"52b711be9fd4794a42fb0c4747a53df529895932",class:"hb-color-picker__predefine"},i.map((e=>o("div",{class:{"hb-color-picker__predefine-color":true,"hb-color-picker__predefine-color--selected":e===this.currentColor},style:{backgroundColor:e},onClick:()=>this.handleColorSelect(e)})))))))}static get watchers(){return{modelValue:["handleValueChange"]}}};n.style=a;export{n as hb_color_picker};
+//# sourceMappingURL=p-c1a059d9.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["colorPickerCss","HbColorPickerStyle0","ColorPicker","modelValue","disabled","colorFormat","showAlpha","predefine","isOpen","currentColor","hue","saturation","value","hbChange","hbActiveChange","componentDidLoad","this","updateHSVFromColor","document","addEventListener","handleDocumentClick","disconnectedCallback","removeEventListener","e","target","el","contains","handleValueChange","handleTriggerClick","handleColorSelect","color","emit","handleSaturationClick","currentTarget","rect","getBoundingClientRect","x","clientX","left","y","clientY","top","Math","max","min","width","height","hex","hsvToHex","handleHueClick","handleInputChange","test","handleRgbInputChange","index","rgb","hexToRgb","num","parseInt","isNaN","r","g","b","map","toString","length","join","result","exec","rgbToHsv","diff","h","round","s","v","hsvToRgb","c","abs","m","hsv","render","predefinedColors","hueColor","key","class","onClick","style","backgroundColor","type","onInput"],"sources":["src/components/ColorPicker/color-picker.css?tag=hb-color-picker&encapsulation=shadow","src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n}\n\n.hb-color-picker {\n  display: inline-block;\n}\n\n.hb-color-picker__trigger {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px;\n  border: 1px solid var(--hb-border-color, #dcdfe6);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: border-color 0.2s;\n}\n\n.hb-color-picker__trigger:hover:not(.hb-color-picker--disabled) {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-color-picker__color {\n  width: 40px;\n  height: 20px;\n  border-radius: 2px;\n  border: 1px solid var(--hb-border-color-lighter, #e4e7ed);\n}\n\n.hb-color-picker__text {\n  margin-left: 8px;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-color-picker__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-color-white, #ffffff);\n  border: 1px solid var(--hb-border-color, #dcdfe6);\n  border-radius: 4px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  padding: 12px;\n  min-width: 300px;\n}\n\n.hb-color-picker__saturation {\n  position: relative;\n  width: 100%;\n  height: 180px;\n  border-radius: 4px;\n  overflow: hidden;\n  cursor: crosshair;\n  user-select: none;\n}\n\n.hb-color-picker__saturation-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  /* 背景色会根据当前色相动态设置 */\n}\n\n.hb-color-picker__saturation-white {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));\n}\n\n.hb-color-picker__saturation-black {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));\n}\n\n.hb-color-picker__saturation-pointer {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  border: 2px solid var(--hb-color-white, #ffffff);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\n}\n\n.hb-color-picker__controls {\n  margin-top: 12px;\n}\n\n.hb-color-picker__hue,\n.hb-color-picker__alpha {\n  position: relative;\n  height: 12px;\n  border-radius: 2px;\n  margin-bottom: 8px;\n  cursor: pointer;\n}\n\n.hb-color-picker__hue {\n  position: relative;\n}\n\n.hb-color-picker__hue-bar {\n  height: 100%;\n  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n  border-radius: 2px;\n}\n\n.hb-color-picker__hue-pointer {\n  position: absolute;\n  top: 0;\n  width: 4px;\n  height: 100%;\n  background: #fff;\n  border: 1px solid rgba(0, 0, 0, 0.3);\n  border-radius: 2px;\n  transform: translateX(-50%);\n  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);\n  pointer-events: none;\n}\n\n.hb-color-picker__alpha-bar {\n  height: 100%;\n  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);\n  background-size: 8px 8px;\n  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;\n  border-radius: 2px;\n}\n\n.hb-color-picker__input {\n  margin-top: 12px;\n}\n\n.hb-color-picker__input-hex {\n  width: 100%;\n  padding: 6px 8px;\n  border: 1px solid var(--hb-border-color, #dcdfe6);\n  border-radius: 4px;\n  font-size: 13px;\n  margin-bottom: 8px;\n}\n\n.hb-color-picker__input-rgb {\n  display: flex;\n  gap: 8px;\n}\n\n.hb-color-picker__input-rgb input {\n  flex: 1;\n  padding: 6px 8px;\n  border: 1px solid var(--hb-border-color, #dcdfe6);\n  border-radius: 4px;\n  font-size: 13px;\n}\n\n.hb-color-picker__predefine {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid var(--hb-border-color-lighter, #e4e7ed);\n}\n\n.hb-color-picker__predefine-color {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  cursor: pointer;\n  border: 2px solid transparent;\n  transition: transform 0.2s;\n}\n\n.hb-color-picker__predefine-color:hover {\n  transform: scale(1.1);\n}\n\n.hb-color-picker__predefine-color--selected {\n  border-color: var(--hb-color-primary);\n  transform: scale(1.1);\n}\n\n.hb-color-picker--disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.hb-color-picker--disabled .hb-color-picker__trigger {\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\n\n/**\n * ColorPicker 颜色选择器组件\n * 用于颜色选择，支持多种格式\n */\n@Component({\n  tag: 'hb-color-picker',\n  styleUrl: 'color-picker.css',\n  shadow: true,\n})\nexport class ColorPicker {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 颜色格式\n   */\n  @Prop() colorFormat: 'hsl' | 'hsv' | 'hex' | 'rgb' = 'hex';\n\n  /**\n   * 是否显示透明度\n   * @default false\n   */\n  @Prop() showAlpha: boolean = false;\n\n  /**\n   * 预定义颜色\n   */\n  @Prop() predefine?: string[];\n\n  @State() isOpen: boolean = false;\n  @State() currentColor: string = '#409EFF';\n  @State() hue: number = 210; // 色相值 0-360\n  @State() saturation: number = 100; // 饱和度 0-100\n  @State() value: number = 100; // 明度 0-100\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  /**\n   * 激活时触发\n   */\n  @Event() hbActiveChange: EventEmitter<string>;\n\n  componentDidLoad() {\n    if (this.modelValue) {\n      this.currentColor = this.modelValue;\n      this.updateHSVFromColor(this.modelValue);\n    } else {\n      this.updateHSVFromColor(this.currentColor);\n    }\n    document.addEventListener('click', this.handleDocumentClick);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleDocumentClick);\n  }\n\n  private handleDocumentClick = (e: MouseEvent) => {\n    if (!this.isOpen) return;\n    const target = e.target as HTMLElement;\n    if (!this.el.contains(target)) {\n      this.isOpen = false;\n    }\n  };\n\n  @Watch('modelValue')\n  handleValueChange() {\n    if (this.modelValue) {\n      this.currentColor = this.modelValue;\n      this.updateHSVFromColor(this.modelValue);\n    }\n  }\n\n  private handleTriggerClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private handleColorSelect = (color: string) => {\n    this.currentColor = color;\n    this.modelValue = color;\n    this.hbChange.emit(color);\n    this.hbActiveChange.emit(color);\n  };\n\n  private handleSaturationClick = (e: MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n    \n    // X 轴代表饱和度 (0-100%)\n    this.saturation = Math.max(0, Math.min(100, (x / rect.width) * 100));\n    // Y 轴代表明度 (0-100%，从上到下)\n    this.value = Math.max(0, Math.min(100, 100 - (y / rect.height) * 100));\n    \n    const hex = this.hsvToHex(this.hue, this.saturation, this.value);\n    this.handleColorSelect(hex);\n  };\n\n  private handleHueClick = (e: MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    \n    // 色相值 0-360\n    this.hue = Math.max(0, Math.min(360, (x / rect.width) * 360));\n    \n    const hex = this.hsvToHex(this.hue, this.saturation, this.value);\n    this.handleColorSelect(hex);\n  };\n\n  private handleInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n    // 验证 hex 颜色格式\n    if (/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(value)) {\n      this.handleColorSelect(value);\n    }\n  };\n\n  private handleRgbInputChange = (index: number, value: string) => {\n    const rgb = this.hexToRgb(this.currentColor);\n    if (rgb) {\n      const num = parseInt(value, 10);\n      if (!isNaN(num) && num >= 0 && num <= 255) {\n        if (index === 0) rgb.r = num;\n        else if (index === 1) rgb.g = num;\n        else if (index === 2) rgb.b = num;\n        \n        const hex = `#${[rgb.r, rgb.g, rgb.b].map(x => {\n          const hex = x.toString(16);\n          return hex.length === 1 ? '0' + hex : hex;\n        }).join('')}`;\n        this.handleColorSelect(hex);\n      }\n    }\n  };\n\n  private hexToRgb(hex: string): { r: number; g: number; b: number } | null {\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n    return result ? {\n      r: parseInt(result[1], 16),\n      g: parseInt(result[2], 16),\n      b: parseInt(result[3], 16)\n    } : null;\n  }\n\n  // RGB 转 HSV\n  private rgbToHsv(r: number, g: number, b: number): { h: number; s: number; v: number } {\n    r = r / 255;\n    g = g / 255;\n    b = b / 255;\n\n    const max = Math.max(r, g, b);\n    const min = Math.min(r, g, b);\n    const diff = max - min;\n\n    let h = 0;\n    if (diff !== 0) {\n      if (max === r) {\n        h = ((g - b) / diff) % 6;\n      } else if (max === g) {\n        h = (b - r) / diff + 2;\n      } else {\n        h = (r - g) / diff + 4;\n      }\n    }\n    h = Math.round(h * 60);\n    if (h < 0) h += 360;\n\n    const s = max === 0 ? 0 : Math.round((diff / max) * 100);\n    const v = Math.round(max * 100);\n\n    return { h, s, v };\n  }\n\n  // HSV 转 RGB\n  private hsvToRgb(h: number, s: number, v: number): { r: number; g: number; b: number } {\n    s = s / 100;\n    v = v / 100;\n\n    const c = v * s;\n    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n    const m = v - c;\n\n    let r = 0, g = 0, b = 0;\n\n    if (h >= 0 && h < 60) {\n      r = c; g = x; b = 0;\n    } else if (h >= 60 && h < 120) {\n      r = x; g = c; b = 0;\n    } else if (h >= 120 && h < 180) {\n      r = 0; g = c; b = x;\n    } else if (h >= 180 && h < 240) {\n      r = 0; g = x; b = c;\n    } else if (h >= 240 && h < 300) {\n      r = x; g = 0; b = c;\n    } else if (h >= 300 && h < 360) {\n      r = c; g = 0; b = x;\n    }\n\n    return {\n      r: Math.round((r + m) * 255),\n      g: Math.round((g + m) * 255),\n      b: Math.round((b + m) * 255)\n    };\n  }\n\n  // HSV 转 Hex\n  private hsvToHex(h: number, s: number, v: number): string {\n    const rgb = this.hsvToRgb(h, s, v);\n    return `#${[rgb.r, rgb.g, rgb.b].map(x => {\n      const hex = x.toString(16);\n      return hex.length === 1 ? '0' + hex : hex;\n    }).join('')}`;\n  }\n\n  // 从颜色值更新 HSV\n  private updateHSVFromColor(color: string) {\n    const rgb = this.hexToRgb(color);\n    if (rgb) {\n      const hsv = this.rgbToHsv(rgb.r, rgb.g, rgb.b);\n      this.hue = hsv.h;\n      this.saturation = hsv.s;\n      this.value = hsv.v;\n    }\n  }\n\n  render() {\n    const rgb = this.hexToRgb(this.currentColor);\n    const predefinedColors = this.predefine || [\n      '#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1',\n      '#1e90ff', '#c71585', '#000000', '#ffffff', '#808080',\n    ];\n\n    // 根据当前色相生成饱和度面板的背景色\n    const hueColor = this.hsvToHex(this.hue, 100, 100);\n\n    return (\n      <div\n        class={{\n          'hb-color-picker': true,\n          'hb-color-picker--open': this.isOpen,\n          'hb-color-picker--disabled': this.disabled,\n        }}\n      >\n        <div class=\"hb-color-picker__trigger\" onClick={this.handleTriggerClick}>\n          <div class=\"hb-color-picker__color\" style={{ backgroundColor: this.currentColor }}></div>\n          <span class=\"hb-color-picker__text\">{this.currentColor}</span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-color-picker__dropdown\">\n            <div class=\"hb-color-picker__panel\">\n              <div class=\"hb-color-picker__saturation\" onClick={this.handleSaturationClick}>\n                <div class=\"hb-color-picker__saturation-bg\" style={{ backgroundColor: hueColor }}></div>\n                <div class=\"hb-color-picker__saturation-white\"></div>\n                <div class=\"hb-color-picker__saturation-black\"></div>\n                <div\n                  class=\"hb-color-picker__saturation-pointer\"\n                  style={{\n                    left: `${this.saturation}%`,\n                    top: `${100 - this.value}%`,\n                  }}\n                ></div>\n              </div>\n              <div class=\"hb-color-picker__controls\">\n                <div class=\"hb-color-picker__hue\" onClick={this.handleHueClick}>\n                  <div class=\"hb-color-picker__hue-bar\"></div>\n                  <div\n                    class=\"hb-color-picker__hue-pointer\"\n                    style={{\n                      left: `${(this.hue / 360) * 100}%`,\n                    }}\n                  ></div>\n                </div>\n                {this.showAlpha && (\n                  <div class=\"hb-color-picker__alpha\">\n                    <div class=\"hb-color-picker__alpha-bar\" style={{ backgroundColor: this.currentColor }}></div>\n                  </div>\n                )}\n              </div>\n              <div class=\"hb-color-picker__input\">\n                <input\n                  type=\"text\"\n                  class=\"hb-color-picker__input-hex\"\n                  value={this.currentColor}\n                  onInput={this.handleInputChange}\n                />\n                {rgb && (\n                  <div class=\"hb-color-picker__input-rgb\">\n                    <input \n                      type=\"number\" \n                      min=\"0\" \n                      max=\"255\" \n                      value={rgb.r}\n                      onInput={(e) => this.handleRgbInputChange(0, (e.target as HTMLInputElement).value)}\n                    />\n                    <input \n                      type=\"number\" \n                      min=\"0\" \n                      max=\"255\" \n                      value={rgb.g}\n                      onInput={(e) => this.handleRgbInputChange(1, (e.target as HTMLInputElement).value)}\n                    />\n                    <input \n                      type=\"number\" \n                      min=\"0\" \n                      max=\"255\" \n                      value={rgb.b}\n                      onInput={(e) => this.handleRgbInputChange(2, (e.target as HTMLInputElement).value)}\n                    />\n                  </div>\n                )}\n              </div>\n              {this.predefine && this.predefine.length > 0 && (\n                <div class=\"hb-color-picker__predefine\">\n                  {predefinedColors.map((color) => (\n                    <div\n                      class={{\n                        'hb-color-picker__predefine-color': true,\n                        'hb-color-picker__predefine-color--selected': color === this.currentColor,\n                      }}\n                      style={{ backgroundColor: color }}\n                      onClick={() => this.handleColorSelect(color)}\n                    ></div>\n                  ))}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as i,h as o}from"./p-e42dfa95.js";const r='/*! 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{--hb-time-select-font-size:14px;--hb-time-select-height:32px;--hb-time-select-border-color:var(--hb-border-color,#dcdfe6);--hb-time-select-border-color-hover:var(--hb-color-primary);--hb-time-select-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-time-select{display:inline-block;position:relative;width:200px}.hb-time-select__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-time-select__input{background-color:var(--hb-time-select-bg-color);border:1px solid var(--hb-time-select-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:inline-block;font-size:var(--hb-time-select-font-size);height:var(--hb-time-select-height);line-height:var(--hb-time-select-height);outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-time-select__input:hover:not(:disabled){border-color:var(--hb-time-select-border-color-hover)}.hb-time-select__suffix{align-items:center;display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-time-select__clear{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;font-size:16px;margin-right:8px}.hb-time-select__arrow{font-size:12px;transition:transform .3s}.hb-time-select--open .hb-time-select__arrow{transform:rotate(180deg)}.hb-time-select__dropdown{background-color:var(--hb-time-select-bg-color);border:1px solid var(--hb-time-select-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;max-height:300px;min-width:100%;overflow-y:auto;position:absolute;top:100%;z-index:1000}.hb-time-select__menu{list-style:none;margin:0;padding:6px 0}.hb-time-select__menu-item{color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:var(--hb-time-select-font-size);padding:8px 20px;transition:background-color .2s}.hb-time-select__menu-item:hover{background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-time-select__menu-item--selected{background-color:var(--hb-color-primary-light-9,#ecf5ff);color:var(--hb-color-primary);font-weight:600}.hb-time-select--small{width:180px}.hb-time-select--small .hb-time-select__input{font-size:12px;height:24px;line-height:24px}.hb-time-select--large{width:220px}.hb-time-select--large .hb-time-select__input{font-size:16px;height:40px;line-height:40px}.hb-time-select--disabled{cursor:not-allowed}.hb-time-select--disabled .hb-time-select__input{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-time-select-border-color);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}@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 a=r;const n=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7)}get el(){return i(this)}modelValue;placeholder="请选择时间";disabled=false;size="default";clearable=false;start="09:00";end="18:00";step=60;minTime;maxTime;isOpen=false;inputValue="";hbChange;componentDidLoad(){this.updateInputValue();document.addEventListener("click",this.handleDocumentClick)}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick)}handleDocumentClick=e=>{if(!this.isOpen)return;const t=e.target;if(!this.el.contains(t)){this.isOpen=false}};handleValueChange(){this.updateInputValue()}updateInputValue(){this.inputValue=this.modelValue||""}generateTimeOptions(){const e=[];const[t,i]=this.start.split(":").map(Number);const[o,r]=this.end.split(":").map(Number);const a=t*60+i;const n=o*60+r;for(let t=a;t<=n;t+=this.step){const i=Math.floor(t/60);const o=t%60;const r=`${String(i).padStart(2,"0")}:${String(o).padStart(2,"0")}`;if(this.minTime&&r<this.minTime)continue;if(this.maxTime&&r>this.maxTime)continue;e.push(r)}return e}handleInputClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen};handleClear=e=>{e.stopPropagation();this.modelValue=undefined;this.inputValue="";this.isOpen=false;this.hbChange.emit(undefined)};handleSelect=e=>{this.modelValue=e;this.inputValue=e;this.isOpen=false;this.hbChange.emit(e)};render(){const e=this.generateTimeOptions();const t=this.clearable&&this.modelValue;return o("div",{key:"763924d65773a88baf74f9a680887bb0f5f11915",class:{"hb-time-select":true,"hb-time-select--open":this.isOpen,"hb-time-select--disabled":this.disabled,[`hb-time-select--${this.size}`]:true}},o("div",{key:"4b11ea13620be04784c2fab4720829733ec4b192",class:"hb-time-select__input-wrapper",onClick:this.handleInputClick},o("input",{key:"9c398769a1d886640b83e71f3b962dc56bc8e26a",type:"text",class:"hb-time-select__input",placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,readonly:true}),o("span",{key:"7258097816864a711ca573fc9276bcdf0cc3a99b",class:"hb-time-select__suffix"},t&&o("span",{key:"cf39db893b847f992075b15c4d80ea7a13af0a7f",class:"hb-time-select__clear",onClick:this.handleClear},"×"),o("span",{key:"98b70c62d0443b93387de1204a816f8f5fd01629",class:"hb-time-select__arrow"},"▼"))),this.isOpen&&o("div",{key:"49e548e8674505db8d3bd426eb3a909c8f4861d7",class:"hb-time-select__dropdown"},o("ul",{key:"72233e92a5b7384d7cce618a86b36a06f173ecd2",class:"hb-time-select__menu"},e.map((e=>o("li",{class:{"hb-time-select__menu-item":true,"hb-time-select__menu-item--selected":e===this.modelValue},onClick:()=>this.handleSelect(e)},e))))))}static get watchers(){return{modelValue:["handleValueChange"]}}};n.style=a;export{n as hb_time_select};
+//# sourceMappingURL=p-c1b4eacb.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["timeSelectCss","HbTimeSelectStyle0","TimeSelect","modelValue","placeholder","disabled","size","clearable","start","end","step","minTime","maxTime","isOpen","inputValue","hbChange","componentDidLoad","this","updateInputValue","document","addEventListener","handleDocumentClick","disconnectedCallback","removeEventListener","e","target","el","contains","handleValueChange","generateTimeOptions","options","startHour","startMinute","split","map","Number","endHour","endMinute","startMinutes","endMinutes","minutes","hour","Math","floor","minute","timeStr","String","padStart","push","handleInputClick","handleClear","stopPropagation","undefined","emit","handleSelect","time","render","timeOptions","showClear","h","key","class","onClick","type","value","readonly"],"sources":["src/components/TimeSelect/time-select.css?tag=hb-time-select&encapsulation=shadow","src/components/TimeSelect/TimeSelect.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-time-select-font-size: 14px;\n  --hb-time-select-height: 32px;\n  --hb-time-select-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-time-select-border-color-hover: var(--hb-color-primary);\n  --hb-time-select-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-time-select {\n  display: inline-block;\n  position: relative;\n  width: 200px;\n}\n\n.hb-time-select__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-time-select__input {\n  display: inline-block;\n  width: 100%;\n  height: var(--hb-time-select-height);\n  line-height: var(--hb-time-select-height);\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-time-select-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  background-color: var(--hb-time-select-bg-color);\n  border: 1px solid var(--hb-time-select-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-time-select__input:hover:not(:disabled) {\n  border-color: var(--hb-time-select-border-color-hover);\n}\n\n.hb-time-select__suffix {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n.hb-time-select__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  font-size: 16px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-time-select__arrow {\n  font-size: 12px;\n  transition: transform 0.3s;\n}\n\n.hb-time-select--open .hb-time-select__arrow {\n  transform: rotate(180deg);\n}\n\n.hb-time-select__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-time-select-bg-color);\n  border: 1px solid var(--hb-time-select-border-color);\n  border-radius: 4px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  min-width: 100%;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.hb-time-select__menu {\n  margin: 0;\n  padding: 6px 0;\n  list-style: none;\n}\n\n.hb-time-select__menu-item {\n  padding: 8px 20px;\n  font-size: var(--hb-time-select-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.hb-time-select__menu-item:hover {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-time-select__menu-item--selected {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n  background-color: var(--hb-color-primary-light-9, #ecf5ff);\n}\n\n.hb-time-select--small {\n  width: 180px;\n}\n\n.hb-time-select--small .hb-time-select__input {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n}\n\n.hb-time-select--large {\n  width: 220px;\n}\n\n.hb-time-select--large .hb-time-select__input {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n}\n\n.hb-time-select--disabled {\n  cursor: not-allowed;\n}\n\n.hb-time-select--disabled .hb-time-select__input {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-time-select-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\n\n/**\n * TimeSelect 时间选择组件\n * 可用于时间选择\n */\n@Component({\n  tag: 'hb-time-select',\n  styleUrl: 'time-select.css',\n  shadow: true,\n})\nexport class TimeSelect {\n  @Element() el: HTMLElement;\n\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue?: string;\n\n  /**\n   * 输入框占位文本\n   */\n  @Prop() placeholder: string = '请选择时间';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 输入框尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 是否可清空\n   * @default false\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * 开始时间\n   * @default '09:00'\n   */\n  @Prop() start: string = '09:00';\n\n  /**\n   * 结束时间\n   * @default '18:00'\n   */\n  @Prop() end: string = '18:00';\n\n  /**\n   * 间隔时间\n   * @default 60\n   */\n  @Prop() step: number = 60;\n\n  /**\n   * 最小时间\n   */\n  @Prop() minTime?: string;\n\n  /**\n   * 最大时间\n   */\n  @Prop() maxTime?: string;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.updateInputValue();\n    document.addEventListener('click', this.handleDocumentClick);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleDocumentClick);\n  }\n\n  private handleDocumentClick = (e: MouseEvent) => {\n    if (!this.isOpen) return;\n    const target = e.target as HTMLElement;\n    if (!this.el.contains(target)) {\n      this.isOpen = false;\n    }\n  };\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateInputValue();\n  }\n\n  private updateInputValue() {\n    this.inputValue = this.modelValue || '';\n  }\n\n  private generateTimeOptions(): string[] {\n    const options: string[] = [];\n    const [startHour, startMinute] = this.start.split(':').map(Number);\n    const [endHour, endMinute] = this.end.split(':').map(Number);\n    \n    const startMinutes = startHour * 60 + startMinute;\n    const endMinutes = endHour * 60 + endMinute;\n    \n    for (let minutes = startMinutes; minutes <= endMinutes; minutes += this.step) {\n      const hour = Math.floor(minutes / 60);\n      const minute = minutes % 60;\n      const timeStr = `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}`;\n      \n      if (this.minTime && timeStr < this.minTime) continue;\n      if (this.maxTime && timeStr > this.maxTime) continue;\n      \n      options.push(timeStr);\n    }\n    \n    return options;\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = undefined;\n    this.inputValue = '';\n    this.isOpen = false;\n    this.hbChange.emit(undefined);\n  };\n\n  private handleSelect = (time: string) => {\n    this.modelValue = time;\n    this.inputValue = time;\n    this.isOpen = false;\n    this.hbChange.emit(time);\n  };\n\n  render() {\n    const timeOptions = this.generateTimeOptions();\n    const showClear = this.clearable && this.modelValue;\n\n    return (\n      <div\n        class={{\n          'hb-time-select': true,\n          'hb-time-select--open': this.isOpen,\n          'hb-time-select--disabled': this.disabled,\n          [`hb-time-select--${this.size}`]: true,\n        }}\n      >\n        <div class=\"hb-time-select__input-wrapper\" onClick={this.handleInputClick}>\n          <input\n            type=\"text\"\n            class=\"hb-time-select__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            readonly\n          />\n          <span class=\"hb-time-select__suffix\">\n            {showClear && (\n              <span class=\"hb-time-select__clear\" onClick={this.handleClear}>\n                ×\n              </span>\n            )}\n            <span class=\"hb-time-select__arrow\">▼</span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-time-select__dropdown\">\n            <ul class=\"hb-time-select__menu\">\n              {timeOptions.map((time) => (\n                <li\n                  class={{\n                    'hb-time-select__menu-item': true,\n                    'hb-time-select__menu-item--selected': time === this.modelValue,\n                  }}\n                  onClick={() => this.handleSelect(time)}\n                >\n                  {time}\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-e42dfa95.js";const i='/*! 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-progress{align-items:center;display:flex;gap:var(--hb-spacing-xs)}.hb-progress__bar{background-color:var(--hb-color-fill);border-radius:100px;flex:1;overflow:hidden}.hb-progress__bar-inner{border-radius:100px;height:100%;transition:width .3s}.hb-progress__text{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-sm);min-width:36px;text-align:right}@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 o=i;const r=class{constructor(e){t(this,e)}percentage=0;status="";strokeWidth=6;showText=true;color;get barColor(){if(this.color)return this.color;if(this.status==="success")return"var(--hb-color-success)";if(this.status==="warning")return"var(--hb-color-warning)";if(this.status==="danger")return"var(--hb-color-danger)";return"var(--hb-color-primary)"}render(){const t=Math.max(0,Math.min(100,this.percentage));return e("div",{key:"a3d0f5a70471f0114bbf8ddaf62bd18d274357cc",class:"hb-progress"},e("div",{key:"ba90d7643388c12d5188ca6b48b4e581f46f104b",class:"hb-progress__bar",style:{height:`${this.strokeWidth}px`}},e("div",{key:"9dc3948579e45ff3f008f1b5078a247a32df8c91",class:"hb-progress__bar-inner",style:{width:`${t}%`,backgroundColor:this.barColor}})),this.showText&&e("span",{key:"5cb06b3981e7d754e7dab7881341d75045284296",class:"hb-progress__text"},t,"%"))}};r.style=o;export{r as hb_progress};
+//# sourceMappingURL=p-c321c4aa.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["progressCss","HbProgressStyle0","Progress","percentage","status","strokeWidth","showText","color","barColor","this","render","clampedPct","Math","max","min","h","key","class","style","height","width","backgroundColor"],"sources":["src/components/Progress/progress.css?tag=hb-progress&encapsulation=shadow","src/components/Progress/Progress.tsx"],"sourcesContent":[":host { display: block; }\n.hb-progress { display: flex; align-items: center; gap: var(--hb-spacing-xs); }\n.hb-progress__bar { flex: 1; border-radius: 100px; background-color: var(--hb-color-fill); overflow: hidden; }\n.hb-progress__bar-inner { height: 100%; border-radius: 100px; transition: width 0.3s ease; }\n.hb-progress__text { font-size: var(--hb-font-size-sm); color: var(--hb-color-text-secondary); min-width: 36px; text-align: right; }\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({ tag: 'hb-progress', styleUrl: 'progress.css', shadow: true })\nexport class Progress {\n  @Prop() percentage: number = 0;\n  @Prop() status: 'success' | 'warning' | 'danger' | '' = '';\n  @Prop() strokeWidth: number = 6;\n  @Prop() showText: boolean = true;\n  @Prop() color?: string;\n\n  private get barColor(): string {\n    if (this.color) return this.color;\n    if (this.status === 'success') return 'var(--hb-color-success)';\n    if (this.status === 'warning') return 'var(--hb-color-warning)';\n    if (this.status === 'danger') return 'var(--hb-color-danger)';\n    return 'var(--hb-color-primary)';\n  }\n\n  render() {\n    const clampedPct = Math.max(0, Math.min(100, this.percentage));\n    return (\n      <div class=\"hb-progress\">\n        <div class=\"hb-progress__bar\" style={{ height: `${this.strokeWidth}px` }}>\n          <div class=\"hb-progress__bar-inner\" style={{ width: `${clampedPct}%`, backgroundColor: this.barColor }}></div>\n        </div>\n        {this.showText && <span class=\"hb-progress__text\">{clampedPct}%</span>}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAc,67LACpB,MAAAC,EAAeD,E,MCEFE,EAAQ,M,yBACXC,WAAqB,EACrBC,OAAgD,GAChDC,YAAsB,EACtBC,SAAoB,KACpBC,MAER,YAAYC,GACV,GAAIC,KAAKF,MAAO,OAAOE,KAAKF,MAC5B,GAAIE,KAAKL,SAAW,UAAW,MAAO,0BACtC,GAAIK,KAAKL,SAAW,UAAW,MAAO,0BACtC,GAAIK,KAAKL,SAAW,SAAU,MAAO,yBACrC,MAAO,yB,CAGT,MAAAM,GACE,MAAMC,EAAaC,KAAKC,IAAI,EAAGD,KAAKE,IAAI,IAAKL,KAAKN,aAClD,OACEY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBAAmBC,MAAO,CAAEC,OAAQ,GAAGV,KAAKJ,kBACrDU,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBAAyBC,MAAO,CAAEE,MAAO,GAAGT,KAAeU,gBAAiBZ,KAAKD,aAE7FC,KAAKH,UAAYS,EAAA,QAAAC,IAAA,2CAAMC,MAAM,qBAAqBN,EAAU,K","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i}from"./p-e42dfa95.js";const o='/*! 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{--hb-rate-font-size:20px;--hb-rate-color:var(--hb-color-warning,#e6a23c);--hb-rate-void-color:var(--hb-color-text-placeholder,#c0c4cc);display:inline-block}.hb-rate{display:inline-block;height:var(--hb-rate-font-size);line-height:var(--hb-rate-font-size);vertical-align:middle}.hb-rate__item{color:var(--hb-rate-void-color);cursor:pointer;display:inline-block;font-size:var(--hb-rate-font-size);margin-right:6px;position:relative;transition:transform .2s}.hb-rate__item:hover{transform:scale(1.1)}.hb-rate__item--active{color:var(--hb-rate-color)}.hb-rate__icon{display:block}.hb-rate__half{color:var(--hb-rate-void-color);left:0;overflow:hidden;position:absolute;top:0;width:50%}.hb-rate__half--active{color:var(--hb-rate-color)}.hb-rate__text{color:var(--hb-color-text-regular,#606266);font-size:14px;margin-left:8px;vertical-align:middle}@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 a=o;const r=class{constructor(i){t(this,i);this.hbChange=e(this,"hbChange",7)}modelValue=0;max=5;disabled=false;allowHalf=false;readonly=false;showScore=false;showText=false;texts;scoreTemplate;hoverValue=0;currentValue=0;hbChange;componentDidLoad(){this.currentValue=this.modelValue}handleValueChange(){this.currentValue=this.modelValue}handleClick=(t,e)=>{if(this.disabled||this.readonly)return;const i=e&&this.allowHalf?t-.5:t;this.currentValue=i;this.modelValue=i;this.hoverValue=0;this.hbChange.emit(i)};handleMouseEnter=t=>{if(this.disabled||this.readonly)return;this.hoverValue=t};handleMouseLeave=()=>{if(this.disabled||this.readonly)return;this.hoverValue=0};getDisplayValue(){return this.hoverValue||this.currentValue}getText(){const t=Math.ceil(this.currentValue);if(this.texts&&this.texts[t-1]){return this.texts[t-1]}return""}getScoreText(){if(this.scoreTemplate){return this.scoreTemplate.replace("{value}",String(this.currentValue))}return`${this.currentValue} / ${this.max}`}render(){const t=this.getDisplayValue();const e=Array.from({length:this.max},((t,e)=>e+1));return i("div",{key:"cf15cfe1af8d6f65b2a08a398214dd1f762fc7e7",class:"hb-rate"},e.map((e=>{const o=t>=e;const a=this.allowHalf&&t>=e-.5&&t<e;const r=o||a;return i("span",{class:{"hb-rate__item":true,"hb-rate__item--active":r,"hb-rate__item--half":a},onMouseEnter:()=>this.handleMouseEnter(e),onMouseLeave:this.handleMouseLeave,onClick:()=>this.handleClick(e,false)},this.allowHalf&&i("span",{class:{"hb-rate__half":true,"hb-rate__half--active":a},onClick:t=>{t.stopPropagation();this.handleClick(e,true)}},"★"),i("span",{class:"hb-rate__icon"},"★"))})),this.showScore&&i("span",{key:"2f3d24aff4a4be719971e6162ae7bc21983cf62f",class:"hb-rate__text"},this.getScoreText()),this.showText&&this.getText()&&i("span",{key:"83107780b12701836a8badbc3139b791b2d9f07a",class:"hb-rate__text"},this.getText()))}static get watchers(){return{modelValue:["handleValueChange"]}}};r.style=a;export{r as hb_rate};
+//# sourceMappingURL=p-c3e665f6.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["rateCss","HbRateStyle0","Rate","modelValue","max","disabled","allowHalf","readonly","showScore","showText","texts","scoreTemplate","hoverValue","currentValue","hbChange","componentDidLoad","this","handleValueChange","handleClick","value","isHalf","newValue","emit","handleMouseEnter","handleMouseLeave","getDisplayValue","getText","Math","ceil","getScoreText","replace","String","render","displayValue","stars","Array","from","length","_","i","h","key","class","map","isFull","isActive","onMouseEnter","onMouseLeave","onClick","e","stopPropagation"],"sources":["src/components/Rate/rate.css?tag=hb-rate&encapsulation=shadow","src/components/Rate/Rate.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --hb-rate-font-size: 20px;\n  --hb-rate-color: var(--hb-color-warning, #e6a23c);\n  --hb-rate-void-color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-rate {\n  display: inline-block;\n  height: var(--hb-rate-font-size);\n  line-height: var(--hb-rate-font-size);\n  vertical-align: middle;\n}\n\n.hb-rate__item {\n  position: relative;\n  display: inline-block;\n  font-size: var(--hb-rate-font-size);\n  margin-right: 6px;\n  color: var(--hb-rate-void-color);\n  cursor: pointer;\n  transition: transform 0.2s;\n}\n\n.hb-rate__item:hover {\n  transform: scale(1.1);\n}\n\n.hb-rate__item--active {\n  color: var(--hb-rate-color);\n}\n\n.hb-rate__icon {\n  display: block;\n}\n\n.hb-rate__half {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 50%;\n  overflow: hidden;\n  color: var(--hb-rate-void-color);\n}\n\n.hb-rate__half--active {\n  color: var(--hb-rate-color);\n}\n\n.hb-rate__text {\n  margin-left: 8px;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n  vertical-align: middle;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Rate 评分组件\n * 评分组件\n */\n@Component({\n  tag: 'hb-rate',\n  styleUrl: 'rate.css',\n  shadow: true,\n})\nexport class Rate {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number = 0;\n\n  /**\n   * 最大分值\n   * @default 5\n   */\n  @Prop() max: number = 5;\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否允许半选\n   * @default false\n   */\n  @Prop() allowHalf: boolean = false;\n\n  /**\n   * 只读\n   * @default false\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * 是否显示分数\n   * @default false\n   */\n  @Prop() showScore: boolean = false;\n\n  /**\n   * 是否显示文本\n   * @default false\n   */\n  @Prop() showText: boolean = false;\n\n  /**\n   * 辅助文字数组\n   */\n  @Prop() texts?: string[];\n\n  /**\n   * 分数显示模板\n   */\n  @Prop() scoreTemplate?: string;\n\n  @State() hoverValue: number = 0;\n  @State() currentValue: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.currentValue = this.modelValue;\n  }\n\n  private handleClick = (value: number, isHalf: boolean) => {\n    if (this.disabled || this.readonly) return;\n    \n    const newValue = isHalf && this.allowHalf ? value - 0.5 : value;\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hoverValue = 0;\n    this.hbChange.emit(newValue);\n  };\n\n  private handleMouseEnter = (value: number) => {\n    if (this.disabled || this.readonly) return;\n    this.hoverValue = value;\n  };\n\n  private handleMouseLeave = () => {\n    if (this.disabled || this.readonly) return;\n    this.hoverValue = 0;\n  };\n\n  private getDisplayValue(): number {\n    return this.hoverValue || this.currentValue;\n  }\n\n  private getText(): string {\n    const value = Math.ceil(this.currentValue);\n    if (this.texts && this.texts[value - 1]) {\n      return this.texts[value - 1];\n    }\n    return '';\n  }\n\n  private getScoreText(): string {\n    if (this.scoreTemplate) {\n      return this.scoreTemplate.replace('{value}', String(this.currentValue));\n    }\n    return `${this.currentValue} / ${this.max}`;\n  }\n\n  render() {\n    const displayValue = this.getDisplayValue();\n    const stars = Array.from({ length: this.max }, (_, i) => i + 1);\n\n    return (\n      <div class=\"hb-rate\">\n        {stars.map((value) => {\n          const isFull = displayValue >= value;\n          const isHalf = this.allowHalf && displayValue >= value - 0.5 && displayValue < value;\n          const isActive = isFull || isHalf;\n\n          return (\n            <span\n              class={{\n                'hb-rate__item': true,\n                'hb-rate__item--active': isActive,\n                'hb-rate__item--half': isHalf,\n              }}\n              onMouseEnter={() => this.handleMouseEnter(value)}\n              onMouseLeave={this.handleMouseLeave}\n              onClick={() => this.handleClick(value, false)}\n            >\n              {this.allowHalf && (\n                <span\n                  class={{\n                    'hb-rate__half': true,\n                    'hb-rate__half--active': isHalf,\n                  }}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    this.handleClick(value, true);\n                  }}\n                >\n                  ★\n                </span>\n              )}\n              <span class=\"hb-rate__icon\">★</span>\n            </span>\n          );\n        })}\n        {this.showScore && (\n          <span class=\"hb-rate__text\">{this.getScoreText()}</span>\n        )}\n        {this.showText && this.getText() && (\n          <span class=\"hb-rate__text\">{this.getText()}</span>\n        )}\n      </div>\n    );\n  }\n}\n\n"],"mappings":"kDAAA,MAAMA,EAAU,y4MAChB,MAAAC,EAAeD,E,MCUFE,EAAI,M,4DAIUC,WAAqB,EAMtCC,IAAc,EAMdC,SAAoB,MAMpBC,UAAqB,MAMrBC,SAAoB,MAMpBC,UAAqB,MAMrBC,SAAoB,MAKpBC,MAKAC,cAECC,WAAqB,EACrBC,aAAuB,EAKvBC,SAET,gBAAAC,GACEC,KAAKH,aAAeG,KAAKb,U,CAI3B,iBAAAc,GACED,KAAKH,aAAeG,KAAKb,U,CAGnBe,YAAc,CAACC,EAAeC,KACpC,GAAIJ,KAAKX,UAAYW,KAAKT,SAAU,OAEpC,MAAMc,EAAWD,GAAUJ,KAAKV,UAAYa,EAAQ,GAAMA,EAC1DH,KAAKH,aAAeQ,EACpBL,KAAKb,WAAakB,EAClBL,KAAKJ,WAAa,EAClBI,KAAKF,SAASQ,KAAKD,EAAS,EAGtBE,iBAAoBJ,IAC1B,GAAIH,KAAKX,UAAYW,KAAKT,SAAU,OACpCS,KAAKJ,WAAaO,CAAK,EAGjBK,iBAAmB,KACzB,GAAIR,KAAKX,UAAYW,KAAKT,SAAU,OACpCS,KAAKJ,WAAa,CAAC,EAGb,eAAAa,GACN,OAAOT,KAAKJ,YAAcI,KAAKH,Y,CAGzB,OAAAa,GACN,MAAMP,EAAQQ,KAAKC,KAAKZ,KAAKH,cAC7B,GAAIG,KAAKN,OAASM,KAAKN,MAAMS,EAAQ,GAAI,CACvC,OAAOH,KAAKN,MAAMS,EAAQ,E,CAE5B,MAAO,E,CAGD,YAAAU,GACN,GAAIb,KAAKL,cAAe,CACtB,OAAOK,KAAKL,cAAcmB,QAAQ,UAAWC,OAAOf,KAAKH,c,CAE3D,MAAO,GAAGG,KAAKH,kBAAkBG,KAAKZ,K,CAGxC,MAAA4B,GACE,MAAMC,EAAejB,KAAKS,kBAC1B,MAAMS,EAAQC,MAAMC,KAAK,CAAEC,OAAQrB,KAAKZ,MAAO,CAACkC,EAAGC,IAAMA,EAAI,IAE7D,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACRR,EAAMS,KAAKxB,IACV,MAAMyB,EAASX,GAAgBd,EAC/B,MAAMC,EAASJ,KAAKV,WAAa2B,GAAgBd,EAAQ,IAAOc,EAAed,EAC/E,MAAM0B,EAAWD,GAAUxB,EAE3B,OACEoB,EAAA,QACEE,MAAO,CACL,gBAAiB,KACjB,wBAAyBG,EACzB,sBAAuBzB,GAEzB0B,aAAc,IAAM9B,KAAKO,iBAAiBJ,GAC1C4B,aAAc/B,KAAKQ,iBACnBwB,QAAS,IAAMhC,KAAKE,YAAYC,EAAO,QAEtCH,KAAKV,WACJkC,EAAA,QACEE,MAAO,CACL,gBAAiB,KACjB,wBAAyBtB,GAE3B4B,QAAUC,IACRA,EAAEC,kBACFlC,KAAKE,YAAYC,EAAO,KAAK,GAC9B,KAKLqB,EAAA,QAAME,MAAM,iBAAe,KACtB,IAGV1B,KAAKR,WACJgC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iBAAiB1B,KAAKa,gBAEnCb,KAAKP,UAAYO,KAAKU,WACrBc,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iBAAiB1B,KAAKU,W","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as i}from"./p-e42dfa95.js";const o='/*! 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-steps{display:flex}.hb-steps--vertical,.hb-steps__item{flex-direction:column}.hb-steps__item{align-items:center;display:flex;flex:1;position:relative}.hb-steps--vertical .hb-steps__item{align-items:flex-start;flex-direction:row;gap:var(--hb-spacing-sm);padding-bottom:var(--hb-spacing-md)}.hb-steps__head{align-items:center;display:flex;width:100%}.hb-steps__icon{align-items:center;background:var(--hb-color-fill);border-radius:50%;color:var(--hb-color-text-secondary);display:flex;flex-shrink:0;font-size:var(--hb-font-size-sm);font-weight:600;height:28px;justify-content:center;transition:all .3s;width:28px}.hb-steps__item--finish .hb-steps__icon,.hb-steps__item--process .hb-steps__icon{background:var(--hb-color-primary);color:#fff}.hb-steps__item--error .hb-steps__icon{background:var(--hb-color-danger);color:#fff}.hb-steps__line{background:var(--hb-color-border-secondary);flex:1;height:2px;margin:0 var(--hb-spacing-xs)}.hb-steps__item--finish .hb-steps__line{background:var(--hb-color-primary)}.hb-steps__main{margin-top:var(--hb-spacing-xs);text-align:center}.hb-steps--vertical .hb-steps__main{text-align:left}.hb-steps:not(.hb-steps--align-center) .hb-steps__item{align-items:flex-start}.hb-steps:not(.hb-steps--align-center) .hb-steps__main{text-align:left}.hb-steps__title{font-size:var(--hb-font-size-sm);font-weight:600}.hb-steps__item--process .hb-steps__title{color:var(--hb-color-primary)}.hb-steps__description{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-xs);margin-top:2px}@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 s=o;const n=class{constructor(e){t(this,e)}get el(){return e(this)}active=0;processStatus="process";alignCenter=false;direction="horizontal";steps=[];componentDidLoad(){const t=this.el.querySelectorAll("hb-step");this.steps=Array.from(t).map((t=>({title:t.getAttribute("title")||"",description:t.getAttribute("description")||undefined})))}getStatus(t){if(t<this.active)return"finish";if(t===this.active)return this.processStatus;return"wait"}getIcon(t){const e=this.getStatus(t);if(e==="finish")return"✓";if(e==="error")return"✕";return String(t+1)}render(){return i("div",{key:"3bb957ec22b3943e8dccdd609838adcac9aa0766",class:{"hb-steps":true,[`hb-steps--${this.direction}`]:true,"hb-steps--align-center":this.alignCenter}},this.steps.map(((t,e)=>i("div",{class:{"hb-steps__item":true,[`hb-steps__item--${this.getStatus(e)}`]:true}},i("div",{class:"hb-steps__head"},i("span",{class:"hb-steps__icon"},this.getIcon(e)),e<this.steps.length-1&&i("div",{class:"hb-steps__line"})),i("div",{class:"hb-steps__main"},i("div",{class:"hb-steps__title"},t.title),t.description&&i("div",{class:"hb-steps__description"},t.description))))))}};n.style=s;export{n as hb_steps};
+//# sourceMappingURL=p-c3e8893d.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stepsCss","HbStepsStyle0","Steps","active","processStatus","alignCenter","direction","steps","componentDidLoad","items","this","el","querySelectorAll","Array","from","map","item","title","getAttribute","description","undefined","getStatus","index","getIcon","status","String","render","h","key","class","step","i","length"],"sources":["src/components/Steps/steps.css?tag=hb-steps&encapsulation=shadow","src/components/Steps/Steps.tsx"],"sourcesContent":[":host { display: block; }\n.hb-steps { display: flex; }\n.hb-steps--vertical { flex-direction: column; }\n.hb-steps__item { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }\n.hb-steps--vertical .hb-steps__item { flex-direction: row; align-items: flex-start; gap: var(--hb-spacing-sm); padding-bottom: var(--hb-spacing-md); }\n.hb-steps__head { display: flex; align-items: center; width: 100%; }\n.hb-steps__icon {\n  width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n  font-size: var(--hb-font-size-sm); font-weight: 600; flex-shrink: 0;\n  background: var(--hb-color-fill); color: var(--hb-color-text-secondary); transition: all 0.3s;\n}\n.hb-steps__item--process .hb-steps__icon { background: var(--hb-color-primary); color: #fff; }\n.hb-steps__item--finish .hb-steps__icon { background: var(--hb-color-primary); color: #fff; }\n.hb-steps__item--error .hb-steps__icon { background: var(--hb-color-danger); color: #fff; }\n.hb-steps__line { flex: 1; height: 2px; background: var(--hb-color-border-secondary); margin: 0 var(--hb-spacing-xs); }\n.hb-steps__item--finish .hb-steps__line { background: var(--hb-color-primary); }\n.hb-steps__main { text-align: center; margin-top: var(--hb-spacing-xs); }\n.hb-steps--vertical .hb-steps__main { text-align: left; }\n\n/* 对齐方式（alignCenter prop）：默认 false 时图标与文字左对齐，true 时居中 */\n.hb-steps:not(.hb-steps--align-center) .hb-steps__item { align-items: flex-start; }\n.hb-steps:not(.hb-steps--align-center) .hb-steps__main { text-align: left; }\n.hb-steps__title { font-size: var(--hb-font-size-sm); font-weight: 600; }\n.hb-steps__item--process .hb-steps__title { color: var(--hb-color-primary); }\n.hb-steps__description { font-size: var(--hb-font-size-xs); color: var(--hb-color-text-secondary); margin-top: 2px; }\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\n@Component({ tag: 'hb-steps', styleUrl: 'steps.css', shadow: true })\nexport class Steps {\n  @Element() el: HTMLElement;\n  @Prop() active: number = 0;\n  @Prop() processStatus: 'wait' | 'process' | 'finish' | 'error' = 'process';\n  @Prop() alignCenter: boolean = false;\n  @Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n  @State() steps: { title: string; description?: string }[] = [];\n\n  componentDidLoad() {\n    const items = this.el.querySelectorAll('hb-step');\n    this.steps = Array.from(items).map((item) => ({\n      title: item.getAttribute('title') || '',\n      description: item.getAttribute('description') || undefined,\n    }));\n  }\n\n  private getStatus(index: number): string {\n    if (index < this.active) return 'finish';\n    if (index === this.active) return this.processStatus;\n    return 'wait';\n  }\n\n  private getIcon(index: number): string {\n    const status = this.getStatus(index);\n    if (status === 'finish') return '✓';\n    if (status === 'error') return '✕';\n    return String(index + 1);\n  }\n\n  render() {\n    return (\n      <div class={{ 'hb-steps': true, [`hb-steps--${this.direction}`]: true, 'hb-steps--align-center': this.alignCenter }}>\n        {this.steps.map((step, i) => (\n          <div class={{ 'hb-steps__item': true, [`hb-steps__item--${this.getStatus(i)}`]: true }}>\n            <div class=\"hb-steps__head\">\n              <span class=\"hb-steps__icon\">{this.getIcon(i)}</span>\n              {i < this.steps.length - 1 && <div class=\"hb-steps__line\"></div>}\n            </div>\n            <div class=\"hb-steps__main\">\n              <div class=\"hb-steps__title\">{step.title}</div>\n              {step.description && <div class=\"hb-steps__description\">{step.description}</div>}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,gkOACjB,MAAAC,EAAeD,E,MCEFE,EAAK,M,iDAERC,OAAiB,EACjBC,cAAyD,UACzDC,YAAuB,MACvBC,UAAuC,aAEtCC,MAAmD,GAE5D,gBAAAC,GACE,MAAMC,EAAQC,KAAKC,GAAGC,iBAAiB,WACvCF,KAAKH,MAAQM,MAAMC,KAAKL,GAAOM,KAAKC,IAAI,CACtCC,MAAOD,EAAKE,aAAa,UAAY,GACrCC,YAAaH,EAAKE,aAAa,gBAAkBE,a,CAI7C,SAAAC,CAAUC,GAChB,GAAIA,EAAQZ,KAAKP,OAAQ,MAAO,SAChC,GAAImB,IAAUZ,KAAKP,OAAQ,OAAOO,KAAKN,cACvC,MAAO,M,CAGD,OAAAmB,CAAQD,GACd,MAAME,EAASd,KAAKW,UAAUC,GAC9B,GAAIE,IAAW,SAAU,MAAO,IAChC,GAAIA,IAAW,QAAS,MAAO,IAC/B,OAAOC,OAAOH,EAAQ,E,CAGxB,MAAAI,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,WAAY,KAAM,CAAC,aAAanB,KAAKJ,aAAc,KAAM,yBAA0BI,KAAKL,cACnGK,KAAKH,MAAMQ,KAAI,CAACe,EAAMC,IACrBJ,EAAA,OAAKE,MAAO,CAAE,iBAAkB,KAAM,CAAC,mBAAmBnB,KAAKW,UAAUU,MAAO,OAC9EJ,EAAA,OAAKE,MAAM,kBACTF,EAAA,QAAME,MAAM,kBAAkBnB,KAAKa,QAAQQ,IAC1CA,EAAIrB,KAAKH,MAAMyB,OAAS,GAAKL,EAAA,OAAKE,MAAM,oBAE3CF,EAAA,OAAKE,MAAM,kBACTF,EAAA,OAAKE,MAAM,mBAAmBC,EAAKb,OAClCa,EAAKX,aAAeQ,EAAA,OAAKE,MAAM,yBAAyBC,EAAKX,iB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,g as s,h as a}from"./p-e42dfa95.js";import{i as t}from"./p-cc0aeb50.js";const i=class{constructor(s){e(this,s)}get el(){return s(this)}label="";icon;collapsed=false;isOpen=false;isHover=false;toggle=()=>{if(this.collapsed)return;this.isOpen=!this.isOpen};handleTitleKeydown=e=>{if(t(e.key)){e.preventDefault();this.toggle()}};handleMouseEnter=()=>{if(!this.collapsed)return;this.isHover=true};handleMouseLeave=()=>{if(!this.collapsed)return;this.isHover=false};handleChildrenClick=()=>{if(!this.collapsed)return;this.isHover=false};render(){const e=this.collapsed?this.isHover:this.isOpen;return a("li",{key:"2158b7ce59919c89c5f86a1218e1f2c16fb7cc11",class:{"hb-sub-menu":true,"hb-sub-menu--open":this.isOpen,"hb-sub-menu--collapsed":this.collapsed},role:"menuitem","aria-haspopup":"menu","aria-expanded":e?"true":"false",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},a("div",{key:"ed1b49c0417a21673d8eac14dfb15e31db722917",class:"hb-sub-menu__title",role:"button",tabindex:0,"aria-expanded":e?"true":"false",title:this.collapsed?this.label:undefined,onClick:this.toggle,onKeyDown:this.handleTitleKeydown},this.icon&&a("span",{key:"488430d18a0a4c2fd81f38d621988b3a06ef874a",class:"hb-sub-menu__icon"},this.icon),a("span",{key:"ba16d8aaddeba6ec00a9b19ac4069802a1cc503b",class:"hb-sub-menu__label"},this.label),a("span",{key:"cf3b32672f9f36d4ffbe570f7dbad1e2755afe3c",class:{"hb-sub-menu__arrow":true,"hb-sub-menu__arrow--open":e}},"▶")),e&&a("ul",{key:"6f0404f6e5b89ae0c59b47630f8d17620800b46f",class:{"hb-sub-menu__children":true,"hb-sub-menu__children--popover":this.collapsed},role:"menu",onClick:this.handleChildrenClick},a("slot",{key:"795f95cc807e590339faff8745eb6c36c326f9f2"})))}};export{i as hb_sub_menu};
+//# sourceMappingURL=p-c922d672.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SubMenu","label","icon","collapsed","isOpen","isHover","toggle","this","handleTitleKeydown","e","isActivationKey","key","preventDefault","handleMouseEnter","handleMouseLeave","handleChildrenClick","render","showChildren","h","class","role","onMouseEnter","onMouseLeave","tabindex","title","undefined","onClick","onKeyDown"],"sources":["src/components/Menu/SubMenu.tsx"],"sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n/**\n * SubMenu 子菜单\n *\n * 设计要点：\n * - 不拦截 hbMenuItemSelect：MenuItem 点击派发的内部事件会冒泡穿过 SubMenu 到达 Menu，\n *   由 Menu 的 @Listen('hbMenuItemSelect') 统一处理（避免无限递归的设计见 MenuItem.handleClick）。\n * - 折叠模式（collapsed=true，由父 Menu 通过 prop 传入）：不再就地展开，\n *   改为标题悬停时弹出二级浮层（popover）；标题节点带 title 属性提供原生文字提示。\n */\n@Component({\n  tag: 'hb-sub-menu',\n  shadow: true,\n})\nexport class SubMenu {\n  @Element() el: HTMLElement;\n\n  /** 标题 */\n  @Prop() label: string = '';\n\n  /** 图标 */\n  @Prop() icon?: string;\n\n  /**\n   * 是否处于折叠态（由父 hb-menu 在 collapsed=true 时透传）。\n   * 折叠态下不再就地展开，而是悬停弹出浮层。\n   */\n  @Prop() collapsed: boolean = false;\n\n  @State() isOpen: boolean = false;\n  @State() isHover: boolean = false;\n\n  private toggle = () => {\n    // 折叠态不就地切换展开（改由 hover 浮层承载子菜单）\n    if (this.collapsed) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private handleTitleKeydown = (e: KeyboardEvent) => {\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.toggle();\n    }\n  };\n\n  private handleMouseEnter = () => {\n    if (!this.collapsed) return;\n    this.isHover = true;\n  };\n\n  private handleMouseLeave = () => {\n    if (!this.collapsed) return;\n    this.isHover = false;\n  };\n\n  /** 折叠态浮层内点击子项后，收起浮层 */\n  private handleChildrenClick = () => {\n    if (!this.collapsed) return;\n    this.isHover = false;\n  };\n\n  render() {\n    // 折叠态：浮层是否显示由 hover 决定；非折叠态：就地展开由 isOpen 决定\n    const showChildren = this.collapsed ? this.isHover : this.isOpen;\n\n    return (\n      <li\n        class={{\n          'hb-sub-menu': true,\n          'hb-sub-menu--open': this.isOpen,\n          'hb-sub-menu--collapsed': this.collapsed,\n        }}\n        role=\"menuitem\"\n        aria-haspopup=\"menu\"\n        aria-expanded={showChildren ? 'true' : 'false'}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n      >\n        <div\n          class=\"hb-sub-menu__title\"\n          role=\"button\"\n          tabindex={0}\n          aria-expanded={showChildren ? 'true' : 'false'}\n          // 折叠态用原生 title 提供文字提示（图标条场景）\n          title={this.collapsed ? this.label : undefined}\n          onClick={this.toggle}\n          onKeyDown={this.handleTitleKeydown}\n        >\n          {this.icon && <span class=\"hb-sub-menu__icon\">{this.icon}</span>}\n          <span class=\"hb-sub-menu__label\">{this.label}</span>\n          <span class={{ 'hb-sub-menu__arrow': true, 'hb-sub-menu__arrow--open': showChildren }}>▶</span>\n        </div>\n        {showChildren && (\n          <ul\n            class={{\n              'hb-sub-menu__children': true,\n              'hb-sub-menu__children--popover': this.collapsed,\n            }}\n            role=\"menu\"\n            onClick={this.handleChildrenClick}\n          >\n            <slot />\n          </ul>\n        )}\n      </li>\n    );\n  }\n}\n"],"mappings":"4FAgBaA,EAAO,M,iDAIVC,MAAgB,GAGhBC,KAMAC,UAAqB,MAEpBC,OAAkB,MAClBC,QAAmB,MAEpBC,OAAS,KAEf,GAAIC,KAAKJ,UAAW,OACpBI,KAAKH,QAAUG,KAAKH,MAAM,EAGpBI,mBAAsBC,IAC5B,GAAIC,EAAgBD,EAAEE,KAAM,CAC1BF,EAAEG,iBACFL,KAAKD,Q,GAIDO,iBAAmB,KACzB,IAAKN,KAAKJ,UAAW,OACrBI,KAAKF,QAAU,IAAI,EAGbS,iBAAmB,KACzB,IAAKP,KAAKJ,UAAW,OACrBI,KAAKF,QAAU,KAAK,EAIdU,oBAAsB,KAC5B,IAAKR,KAAKJ,UAAW,OACrBI,KAAKF,QAAU,KAAK,EAGtB,MAAAW,GAEE,MAAMC,EAAeV,KAAKJ,UAAYI,KAAKF,QAAUE,KAAKH,OAE1D,OACEc,EAAA,MAAAP,IAAA,2CACEQ,MAAO,CACL,cAAe,KACf,oBAAqBZ,KAAKH,OAC1B,yBAA0BG,KAAKJ,WAEjCiB,KAAK,WAAU,gBACD,OAAM,gBACLH,EAAe,OAAS,QACvCI,aAAcd,KAAKM,iBACnBS,aAAcf,KAAKO,kBAEnBI,EAAA,OAAAP,IAAA,2CACEQ,MAAM,qBACNC,KAAK,SACLG,SAAU,EAAC,gBACIN,EAAe,OAAS,QAEvCO,MAAOjB,KAAKJ,UAAYI,KAAKN,MAAQwB,UACrCC,QAASnB,KAAKD,OACdqB,UAAWpB,KAAKC,oBAEfD,KAAKL,MAAQgB,EAAA,QAAAP,IAAA,2CAAMQ,MAAM,qBAAqBZ,KAAKL,MACpDgB,EAAA,QAAAP,IAAA,2CAAMQ,MAAM,sBAAsBZ,KAAKN,OACvCiB,EAAA,QAAAP,IAAA,2CAAMQ,MAAO,CAAE,qBAAsB,KAAM,2BAA4BF,IAAc,MAEtFA,GACCC,EAAA,MAAAP,IAAA,2CACEQ,MAAO,CACL,wBAAyB,KACzB,iCAAkCZ,KAAKJ,WAEzCiB,KAAK,OACLM,QAASnB,KAAKQ,qBAEdG,EAAA,QAAAP,IAAA,8C","ignoreList":[]}

package/dist/huibo-ui/p-cc0aeb50.js

@@ -0,0 +1,2 @@
+function e(e){return e==="Enter"||e===" "||e==="Spacebar"}const t=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])','[contenteditable="true"]'].join(",");function n(e){return Array.from(e.querySelectorAll(t)).filter((e=>e.getAttribute("aria-hidden")!=="true"&&e.style.display!=="none"))}function r(e){const{container:t,autoFocus:r=true,returnFocusTo:o}=e;let a=false;let c=null;const i=e=>{if(e.key!=="Tab")return;const r=n(t);if(r.length===0){e.preventDefault();t.focus();return}const o=r[0];const a=r[r.length-1];const c=document.activeElement;if(e.shiftKey){if(c===o||!t.contains(c)){e.preventDefault();a.focus()}}else{if(c===a){e.preventDefault();o.focus()}}};const s=()=>{if(a)return;a=true;c=o??document.activeElement;t.addEventListener("keydown",i);if(r){const e=n(t);(e[0]??t).focus()}};const u=()=>{if(!a)return;a=false;t.removeEventListener("keydown",i);if(c&&typeof c.focus==="function"){c.focus()}c=null};return{connect:s,disconnect:u}}function o(e,t){const{activeIndex:n,itemCount:r,loop:o=true}=t;if(r<=0)return{type:"none"};const a=e=>(e+r)%r;const c=e=>Math.max(0,Math.min(e,r-1));switch(e.key){case"ArrowDown":case"ArrowRight":return{type:"navigate",index:o?a(n+1):c(n+1)};case"ArrowUp":case"ArrowLeft":return{type:"navigate",index:o?a(n-1):c(n-1)};case"Home":return{type:"navigate",index:0};case"End":return{type:"navigate",index:r-1};case"Enter":case" ":case"Spacebar":return n>=0?{type:"select",index:n}:{type:"none"};case"Escape":return{type:"close"};default:return{type:"none"}}}export{r as c,o as h,e as i};
+//# sourceMappingURL=p-cc0aeb50.js.map

package/dist/huibo-ui/p-cc0aeb50.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isActivationKey","key","FOCUSABLE_SELECTOR","join","getFocusableElements","container","Array","from","querySelectorAll","filter","el","getAttribute","style","display","createFocusTrap","options","autoFocus","returnFocusTo","active","previouslyFocused","handleKeydown","e","focusable","length","preventDefault","focus","first","last","activeEl","document","activeElement","shiftKey","contains","connect","addEventListener","disconnect","removeEventListener","handleListKeyboard","event","activeIndex","itemCount","loop","type","clamp","idx","within","Math","max","min","index"],"sources":["src/utils/a11y.ts"],"sourcesContent":["/**\n * 无障碍（a11y）工具集\n * 统一 ARIA 属性辅助、焦点陷阱、列表键盘导航等在交互组件（Dialog / Drawer / Menu /\n * Dropdown / Select 等）中重复出现且容易写错的可访问性逻辑。\n *\n * 参考标准：WAI-ARIA Authoring Practices 1.2。\n */\n\n/** 判定按键是否为「激活」键（Enter / Space），用于自定义可聚焦元素的点击替代 */\nexport function isActivationKey(key: string | undefined): boolean {\n  return key === 'Enter' || key === ' ' || key === 'Spacebar';\n}\n\n/** 查询容器内可聚焦的元素顺序（tabindex >= 0 的语义元素） */\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not([disabled])',\n  'textarea:not([disabled])',\n  'input:not([disabled])',\n  'select:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable=\"true\"]',\n].join(',');\n\nexport function getFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (el) => el.getAttribute('aria-hidden') !== 'true' && el.style.display !== 'none',\n  );\n}\n\n/** 焦点陷阱选项 */\nexport interface FocusTrapOptions {\n  /** 焦点受限的容器元素 */\n  container: HTMLElement;\n  /** 打开时是否自动聚焦容器内首个可聚焦元素 */\n  autoFocus?: boolean;\n  /** 容器激活前的元素（用于关闭时归还焦点） */\n  returnFocusTo?: HTMLElement | null;\n}\n\n/** 焦点陷阱句柄 */\nexport interface FocusTrap {\n  /** 启用：绑定 Tab 拦截，可选自动聚焦 */\n  connect: () => void;\n  /** 关闭：解除拦截，归还焦点 */\n  disconnect: () => void;\n}\n\n/**\n * 创建焦点陷阱（Dialog / Drawer 打开时把 Tab 循环限制在容器内）。\n * 关键点：Tab 与 Shift+Tab 在容器边界时回环到另一端，防止焦点逃逸到背景。\n * 返回句柄，组件在打开时 connect()、关闭时 disconnect()。\n */\nexport function createFocusTrap(options: FocusTrapOptions): FocusTrap {\n  const { container, autoFocus = true, returnFocusTo } = options;\n  let active = false;\n  let previouslyFocused: HTMLElement | null = null;\n\n  const handleKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'Tab') return;\n    const focusable = getFocusableElements(container);\n    if (focusable.length === 0) {\n      e.preventDefault();\n      container.focus();\n      return;\n    }\n    const first = focusable[0];\n    const last = focusable[focusable.length - 1];\n    const activeEl = document.activeElement;\n\n    if (e.shiftKey) {\n      if (activeEl === first || !container.contains(activeEl)) {\n        e.preventDefault();\n        last.focus();\n      }\n    } else {\n      if (activeEl === last) {\n        e.preventDefault();\n        first.focus();\n      }\n    }\n  };\n\n  const connect = () => {\n    if (active) return;\n    active = true;\n    previouslyFocused = (returnFocusTo ?? document.activeElement) as HTMLElement | null;\n    container.addEventListener('keydown', handleKeydown);\n    if (autoFocus) {\n      const focusable = getFocusableElements(container);\n      (focusable[0] ?? container).focus();\n    }\n  };\n\n  const disconnect = () => {\n    if (!active) return;\n    active = false;\n    container.removeEventListener('keydown', handleKeydown);\n    if (previouslyFocused && typeof previouslyFocused.focus === 'function') {\n      previouslyFocused.focus();\n    }\n    previouslyFocused = null;\n  };\n\n  return { connect, disconnect };\n}\n\n/** 列表键盘导航产生的动作 */\nexport type ListKeyAction =\n  | { type: 'navigate'; index: number }\n  | { type: 'select'; index: number }\n  | { type: 'close' }\n  | { type: 'none' };\n\n/** 列表键盘导航参数 */\nexport interface ListKeyboardOptions {\n  /** 当前高亮项索引（-1 表示无高亮） */\n  activeIndex: number;\n  /** 列表项总数 */\n  itemCount: number;\n  /** 是否允许循环（首尾跳转） */\n  loop?: boolean;\n}\n\n/**\n * 列表 / 菜单 / 下拉选项的键盘导航核心逻辑（listbox / menu / combobox 通用）。\n * 返回应执行的动作，由调用方据此更新 activeIndex / 触发选中 / 关闭。\n *\n * 支持：ArrowDown/ArrowUp（竖排）/ArrowRight/ArrowLeft（横排）移动、Home/End 跳首尾、\n * Enter/Space 选中、Escape 关闭。\n */\nexport function handleListKeyboard(event: KeyboardEvent, options: ListKeyboardOptions): ListKeyAction {\n  const { activeIndex, itemCount, loop = true } = options;\n  if (itemCount <= 0) return { type: 'none' };\n\n  const clamp = (idx: number) => (idx + itemCount) % itemCount;\n  const within = (idx: number) => Math.max(0, Math.min(idx, itemCount - 1));\n\n  switch (event.key) {\n    case 'ArrowDown':\n    case 'ArrowRight':\n      return { type: 'navigate', index: loop ? clamp(activeIndex + 1) : within(activeIndex + 1) };\n    case 'ArrowUp':\n    case 'ArrowLeft':\n      return { type: 'navigate', index: loop ? clamp(activeIndex - 1) : within(activeIndex - 1) };\n    case 'Home':\n      return { type: 'navigate', index: 0 };\n    case 'End':\n      return { type: 'navigate', index: itemCount - 1 };\n    case 'Enter':\n    case ' ':\n    case 'Spacebar':\n      return activeIndex >= 0 ? { type: 'select', index: activeIndex } : { type: 'none' };\n    case 'Escape':\n      return { type: 'close' };\n    default:\n      return { type: 'none' };\n  }\n}\n\n/**\n * 为元素批量设置 ARIA 属性（不可变：返回新映射，但直接操作 DOM 属性是 a11y 的固有需求）。\n * 组件挂载后调用一次即可，避免每次 render 重复写 setAttribute。\n */\nexport function applyAria(el: HTMLElement, attrs: Record<string, string | boolean | undefined>): void {\n  Object.entries(attrs).forEach(([key, value]) => {\n    if (value === undefined || value === null) {\n      el.removeAttribute(`aria-${key}`);\n    } else {\n      el.setAttribute(`aria-${key}`, String(value));\n    }\n  });\n}\n"],"mappings":"SASgBA,EAAgBC,GAC9B,OAAOA,IAAQ,SAAWA,IAAQ,KAAOA,IAAQ,UACnD,CAGA,MAAMC,EAAqB,CACzB,UACA,yBACA,2BACA,wBACA,yBACA,kCACA,4BACAC,KAAK,K,SAESC,EAAqBC,GACnC,OAAOC,MAAMC,KAAKF,EAAUG,iBAA8BN,IAAqBO,QAC5EC,GAAOA,EAAGC,aAAa,iBAAmB,QAAUD,EAAGE,MAAMC,UAAY,QAE9E,C,SAyBgBC,EAAgBC,GAC9B,MAAMV,UAAEA,EAASW,UAAEA,EAAY,KAAIC,cAAEA,GAAkBF,EACvD,IAAIG,EAAS,MACb,IAAIC,EAAwC,KAE5C,MAAMC,EAAiBC,IACrB,GAAIA,EAAEpB,MAAQ,MAAO,OACrB,MAAMqB,EAAYlB,EAAqBC,GACvC,GAAIiB,EAAUC,SAAW,EAAG,CAC1BF,EAAEG,iBACFnB,EAAUoB,QACV,M,CAEF,MAAMC,EAAQJ,EAAU,GACxB,MAAMK,EAAOL,EAAUA,EAAUC,OAAS,GAC1C,MAAMK,EAAWC,SAASC,cAE1B,GAAIT,EAAEU,SAAU,CACd,GAAIH,IAAaF,IAAUrB,EAAU2B,SAASJ,GAAW,CACvDP,EAAEG,iBACFG,EAAKF,O,MAEF,CACL,GAAIG,IAAaD,EAAM,CACrBN,EAAEG,iBACFE,EAAMD,O,IAKZ,MAAMQ,EAAU,KACd,GAAIf,EAAQ,OACZA,EAAS,KACTC,EAAqBF,GAAiBY,SAASC,cAC/CzB,EAAU6B,iBAAiB,UAAWd,GACtC,GAAIJ,EAAW,CACb,MAAMM,EAAYlB,EAAqBC,IACtCiB,EAAU,IAAMjB,GAAWoB,O,GAIhC,MAAMU,EAAa,KACjB,IAAKjB,EAAQ,OACbA,EAAS,MACTb,EAAU+B,oBAAoB,UAAWhB,GACzC,GAAID,UAA4BA,EAAkBM,QAAU,WAAY,CACtEN,EAAkBM,O,CAEpBN,EAAoB,IAAI,EAG1B,MAAO,CAAEc,UAASE,aACpB,C,SA0BgBE,EAAmBC,EAAsBvB,GACvD,MAAMwB,YAAEA,EAAWC,UAAEA,EAASC,KAAEA,EAAO,MAAS1B,EAChD,GAAIyB,GAAa,EAAG,MAAO,CAAEE,KAAM,QAEnC,MAAMC,EAASC,IAAiBA,EAAMJ,GAAaA,EACnD,MAAMK,EAAUD,GAAgBE,KAAKC,IAAI,EAAGD,KAAKE,IAAIJ,EAAKJ,EAAY,IAEtE,OAAQF,EAAMrC,KACZ,IAAK,YACL,IAAK,aACH,MAAO,CAAEyC,KAAM,WAAYO,MAAOR,EAAOE,EAAMJ,EAAc,GAAKM,EAAON,EAAc,IACzF,IAAK,UACL,IAAK,YACH,MAAO,CAAEG,KAAM,WAAYO,MAAOR,EAAOE,EAAMJ,EAAc,GAAKM,EAAON,EAAc,IACzF,IAAK,OACH,MAAO,CAAEG,KAAM,WAAYO,MAAO,GACpC,IAAK,MACH,MAAO,CAAEP,KAAM,WAAYO,MAAOT,EAAY,GAChD,IAAK,QACL,IAAK,IACL,IAAK,WACH,OAAOD,GAAe,EAAI,CAAEG,KAAM,SAAUO,MAAOV,GAAgB,CAAEG,KAAM,QAC7E,IAAK,SACH,MAAO,CAAEA,KAAM,SACjB,QACE,MAAO,CAAEA,KAAM,QAErB,Q","ignoreList":[]}

package/dist/huibo-ui/p-cf94cbf6.js

@@ -0,0 +1,2 @@
+function n(n,t){return n.getFullYear()===t.getFullYear()&&n.getMonth()===t.getMonth()&&n.getDate()===t.getDate()}function t(t,e,s=new Date){const o=[];const c=t.getFullYear();const r=t.getMonth();const a=new Date(c,r,1);const i=new Date(c,r+1,0);const u=a.getDay();const f=i.getDate();const d=new Date(c,r-1,0);for(let t=u-1;t>=0;t--){const a=new Date(c,r-1,d.getDate()-t);o.push({date:a,isCurrentMonth:false,isToday:n(a,s),isSelected:!!e&&n(a,e)})}for(let t=1;t<=f;t++){const a=new Date(c,r,t);o.push({date:a,isCurrentMonth:true,isToday:n(a,s),isSelected:!!e&&n(a,e)})}const D=42-o.length;for(let t=1;t<=D;t++){const a=new Date(c,r+1,t);o.push({date:a,isCurrentMonth:false,isToday:n(a,s),isSelected:!!e&&n(a,e)})}return o}function e(n,t){const e=n.getFullYear();const s=String(n.getMonth()+1).padStart(2,"0");const o=String(n.getDate()).padStart(2,"0");const c=String(n.getHours()).padStart(2,"0");const r=String(n.getMinutes()).padStart(2,"0");const a=String(n.getSeconds()).padStart(2,"0");return t.replace("YYYY",String(e)).replace("MM",s).replace("DD",o).replace("HH",c).replace("mm",r).replace("ss",a)}function s(n){if(!n)return undefined;const t=n instanceof Date?n:new Date(n);if(isNaN(t.getTime()))return undefined;return t}function o(n,t){const e=new Date(n);e.setMonth(e.getMonth()+t);return e}function c(n,t){const e=new Date(n);e.setFullYear(e.getFullYear()+t);return e}function r(n,t,e){const s=n.getFullYear();const o=e??s-s%12;const c=[];for(let n=0;n<12;n++){const e=o+n;c.push({year:e,isCurrentYearRange:e===s,isSelected:!!t&&t.getFullYear()===e})}return c}function a(n){const t=n.getFullYear();return t-t%12}const i=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];const u=["日","一","二","三","四","五","六"];export{i as M,u as W,o as a,c as b,a as c,r as d,e as f,t as g,n as i,s as p};
+//# sourceMappingURL=p-cf94cbf6.js.map

package/dist/huibo-ui/p-cf94cbf6.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isSameDay","date1","date2","getFullYear","getMonth","getDate","getCalendarDays","viewDate","selectedDate","today","Date","days","year","month","firstDay","lastDay","firstDayWeek","getDay","daysInMonth","prevMonth","i","date","push","isCurrentMonth","isToday","isSelected","remainingDays","length","formatDate","format","String","padStart","day","hours","getHours","minutes","getMinutes","seconds","getSeconds","replace","parseDate","value","undefined","isNaN","getTime","addMonths","delta","result","setMonth","addYears","setFullYear","getCalendarYears","startYearBase","rangeStart","years","y","isCurrentYearRange","getYearRangeStart","MONTH_NAMES","WEEK_DAY_NAMES"],"sources":["src/utils/date-helpers.ts"],"sourcesContent":["/**\n * 日历和日期工具函数\n * 从 DatePicker / DateTimePicker / DatePickerPane 中提取的共享逻辑\n */\n\nexport interface CalendarDay {\n  date: Date;\n  isCurrentMonth: boolean;\n  isToday: boolean;\n  isSelected: boolean;\n}\n\n/** 判断两个日期是否为同一天 */\nexport function isSameDay(date1: Date, date2: Date): boolean {\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  );\n}\n\n/** 生成 42 天（6 周）的日历网格数据 */\nexport function getCalendarDays(\n  viewDate: Date,\n  selectedDate?: Date,\n  today: Date = new Date()\n): CalendarDay[] {\n  const days: CalendarDay[] = [];\n  const year = viewDate.getFullYear();\n  const month = viewDate.getMonth();\n\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const firstDayWeek = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n\n  // 上月填充\n  const prevMonth = new Date(year, month - 1, 0);\n  for (let i = firstDayWeek - 1; i >= 0; i--) {\n    const date = new Date(year, month - 1, prevMonth.getDate() - i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 当月日期\n  for (let i = 1; i <= daysInMonth; i++) {\n    const date = new Date(year, month, i);\n    days.push({\n      date,\n      isCurrentMonth: true,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  // 下月填充（补齐 42 天）\n  const remainingDays = 42 - days.length;\n  for (let i = 1; i <= remainingDays; i++) {\n    const date = new Date(year, month + 1, i);\n    days.push({\n      date,\n      isCurrentMonth: false,\n      isToday: isSameDay(date, today),\n      isSelected: !!selectedDate && isSameDay(date, selectedDate),\n    });\n  }\n\n  return days;\n}\n\n/**\n * 格式化日期为指定格式字符串\n * 支持：YYYY, MM, DD, HH, mm, ss\n */\nexport function formatDate(date: Date, format: string): string {\n  const year = date.getFullYear();\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  const hours = String(date.getHours()).padStart(2, '0');\n  const minutes = String(date.getMinutes()).padStart(2, '0');\n  const seconds = String(date.getSeconds()).padStart(2, '0');\n\n  return format\n    .replace('YYYY', String(year))\n    .replace('MM', month)\n    .replace('DD', day)\n    .replace('HH', hours)\n    .replace('mm', minutes)\n    .replace('ss', seconds);\n}\n\n/** 安全解析日期值 */\nexport function parseDate(value: string | Date | undefined): Date | undefined {\n  if (!value) return undefined;\n  const date = value instanceof Date ? value : new Date(value);\n  if (isNaN(date.getTime())) return undefined;\n  return date;\n}\n\n/** 月份偏移，返回新日期对象（不可变） */\nexport function addMonths(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setMonth(result.getMonth() + delta);\n  return result;\n}\n\n/** 年份偏移，返回新日期对象（不可变） */\nexport function addYears(date: Date, delta: number): Date {\n  const result = new Date(date);\n  result.setFullYear(result.getFullYear() + delta);\n  return result;\n}\n\n/**\n * 生成 years 视图的 12 年档数据（每档 12 年）。\n * 以 viewDate 所在年份向下取整到 12 的倍数作为起点。\n */\nexport interface CalendarYear {\n  year: number;\n  isCurrentYearRange: boolean;\n  isSelected: boolean;\n}\n\nexport function getCalendarYears(\n  viewDate: Date,\n  selectedDate?: Date,\n  startYearBase?: number\n): CalendarYear[] {\n  const year = viewDate.getFullYear();\n  const rangeStart = startYearBase ?? year - (year % 12);\n  const years: CalendarYear[] = [];\n  for (let i = 0; i < 12; i++) {\n    const y = rangeStart + i;\n    years.push({\n      year: y,\n      isCurrentYearRange: y === year,\n      isSelected: !!selectedDate && selectedDate.getFullYear() === y,\n    });\n  }\n  return years;\n}\n\n/** 获取 years 视图标题所显示的年份档区间起点 */\nexport function getYearRangeStart(viewDate: Date): number {\n  const year = viewDate.getFullYear();\n  return year - (year % 12);\n}\n\n/** 中文月份名称 */\nexport const MONTH_NAMES = [\n  '一月', '二月', '三月', '四月', '五月', '六月',\n  '七月', '八月', '九月', '十月', '十一月', '十二月',\n];\n\n/** 中文星期名称 */\nexport const WEEK_DAY_NAMES = ['日', '一', '二', '三', '四', '五', '六'];\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as i,h as o}from"./p-e42dfa95.js";import{h as a}from"./p-cc0aeb50.js";const r='/*! 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-tabs__header{border-bottom:1px solid var(--hb-color-border-secondary);margin-bottom:var(--hb-spacing-md)}.hb-tabs__nav{display:flex;gap:var(--hb-spacing-xs)}.hb-tabs__item{align-items:center;border-bottom:2px solid #0000;color:var(--hb-color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--hb-font-size-sm);gap:4px;padding:var(--hb-spacing-xs)var(--hb-spacing-md);transition:all var(--hb-transition-duration)var(--hb-transition-function);-webkit-user-select:none;user-select:none}.hb-tabs__item--active,.hb-tabs__item:hover{color:var(--hb-color-primary)}.hb-tabs__item--active{border-bottom-color:var(--hb-color-primary)}.hb-tabs--card .hb-tabs__item{background:var(--hb-color-fill-quaternary);border:1px solid var(--hb-color-border);border-bottom:none;border-radius:var(--hb-border-radius-sm)var(--hb-border-radius-sm)0 0}.hb-tabs--card .hb-tabs__item--active{background:var(--hb-color-bg);border-bottom-color:var(--hb-color-bg);margin-bottom:-1px}.hb-tabs__item-close{align-items:center;border-radius:50%;display:inline-flex;font-size:11px;height:14px;justify-content:center;transition:background-color var(--hb-transition-duration);width:14px}.hb-tabs__item-close:hover{background-color:#0000001a}.hb-tabs__content{color:var(--hb-color-text)}@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 n=r;const s=class{constructor(i){t(this,i);this.hbTabChange=e(this,"hbTabChange",7);this.hbTabRemove=e(this,"hbTabRemove",7)}get el(){return i(this)}modelValue="";type="line";closable=false;activeTab="";tabs=[];hbTabChange;hbTabRemove;componentDidLoad(){this.collectTabs();if(!this.modelValue&&this.tabs.length>0){this.activeTab=this.tabs[0].key;this.modelValue=this.activeTab}else{this.activeTab=this.modelValue}this.updatePaneVisibility()}handleModelValueChange(){this.activeTab=this.modelValue;this.updatePaneVisibility()}collectTabs(){const t=this.el.querySelectorAll("hb-tab-pane");const e=[];t.forEach((t=>{e.push({key:t.getAttribute("key")||"",label:t.getAttribute("label")||""})}));this.tabs=e}updatePaneVisibility(){const t=this.el.querySelectorAll("hb-tab-pane");t.forEach((t=>{const e=t.getAttribute("key")===this.activeTab;t.setAttribute("active",String(e))}))}handleTabClick=t=>{this.activeTab=t;this.modelValue=t;this.hbTabChange.emit(t);this.updatePaneVisibility();this.moveFocusToTab(t)};handleTabKeydown=(t,e)=>{const i=t.key==="ArrowLeft"||t.key==="ArrowRight"||t.key==="ArrowUp"||t.key==="ArrowDown"||t.key==="Home"||t.key==="End";if(!i)return;t.preventDefault();const o=a(t,{activeIndex:e,itemCount:this.tabs.length,loop:true});if(o.type==="navigate"&&this.tabs[o.index]){this.handleTabClick(this.tabs[o.index].key)}};moveFocusToTab(t){const e=this.tabs.findIndex((e=>e.key===t));if(e<0)return;const i=this.el.shadowRoot?.querySelectorAll(".hb-tabs__item");i?.[e]?.focus()}render(){return o("div",{key:"796e99789e8493219eebb94cc65fcbc2d7215518",class:{"hb-tabs":true,[`hb-tabs--${this.type}`]:true}},o("div",{key:"f291d1e3acc730d0243aef4514018b881748c9ef",class:"hb-tabs__header"},o("div",{key:"a3cf56bb33eafea5b36d6f38e616838b9436d58b",class:"hb-tabs__nav",role:"tablist"},this.tabs.map(((t,e)=>{const i=t.key===this.activeTab;const a=`hb-tabs__tab-${t.key}`;return o("div",{class:{"hb-tabs__item":true,"hb-tabs__item--active":i},role:"tab",id:a,"aria-selected":i?"true":"false",tabindex:i?0:-1,"aria-controls":`hb-tabs__panel-${t.key}`,onClick:()=>this.handleTabClick(t.key),onKeyDown:t=>this.handleTabKeydown(t,e)},o("span",{class:"hb-tabs__item-label"},t.label),this.closable&&o("span",{class:"hb-tabs__item-close",role:"button","aria-label":"关闭标签",tabIndex:-1,onClick:e=>{e.stopPropagation();this.hbTabRemove.emit(t.key)}},"×"))})))),o("div",{key:"45fee79ae1148bc6385bcb161c757d0226b4309c",class:"hb-tabs__content"},o("slot",{key:"cb00f1ed24d5a937e378c238097a251b45f323c6"})))}static get watchers(){return{modelValue:["handleModelValueChange"]}}};s.style=n;export{s as hb_tabs};
+//# sourceMappingURL=p-d3939d44.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["tabsCss","HbTabsStyle0","Tabs","modelValue","type","closable","activeTab","tabs","hbTabChange","hbTabRemove","componentDidLoad","this","collectTabs","length","key","updatePaneVisibility","handleModelValueChange","panes","el","querySelectorAll","forEach","pane","push","getAttribute","label","isActive","setAttribute","String","handleTabClick","emit","moveFocusToTab","handleTabKeydown","e","currentIndex","isArrow","preventDefault","action","handleListKeyboard","activeIndex","itemCount","loop","index","idx","findIndex","t","items","shadowRoot","focus","render","h","class","role","map","tab","selected","tabId","id","tabindex","onClick","onKeyDown","tabIndex","stopPropagation"],"sources":["src/components/Tabs/tabs.css?tag=hb-tabs&encapsulation=shadow","src/components/Tabs/Tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-tabs__header {\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n  margin-bottom: var(--hb-spacing-md);\n}\n\n.hb-tabs__nav {\n  display: flex;\n  gap: var(--hb-spacing-xs);\n}\n\n.hb-tabs__item {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: var(--hb-spacing-xs) var(--hb-spacing-md);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text-secondary);\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n  user-select: none;\n}\n\n.hb-tabs__item:hover {\n  color: var(--hb-color-primary);\n}\n\n.hb-tabs__item--active {\n  color: var(--hb-color-primary);\n  border-bottom-color: var(--hb-color-primary);\n}\n\n/* ---- card 类型 ---- */\n.hb-tabs--card .hb-tabs__item {\n  border: 1px solid var(--hb-color-border);\n  border-bottom: none;\n  border-radius: var(--hb-border-radius-sm) var(--hb-border-radius-sm) 0 0;\n  background: var(--hb-color-fill-quaternary);\n}\n.hb-tabs--card .hb-tabs__item--active {\n  background: var(--hb-color-bg);\n  border-bottom-color: var(--hb-color-bg);\n  margin-bottom: -1px;\n}\n\n.hb-tabs__item-close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  font-size: 11px;\n  transition: background-color var(--hb-transition-duration);\n}\n.hb-tabs__item-close:hover {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n.hb-tabs__content {\n  color: var(--hb-color-text);\n}\n","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport { handleListKeyboard } from '../../utils/a11y';\n\n/**\n * Tabs 标签页组件\n * 选项卡切换组件\n */\n@Component({\n  tag: 'hb-tabs',\n  styleUrl: 'tabs.css',\n  shadow: true,\n})\nexport class Tabs {\n  @Element() el: HTMLElement;\n\n  /** 当前激活的标签 */\n  @Prop({ mutable: true }) modelValue: string = '';\n\n  /** 标签风格类型 */\n  @Prop() type: 'line' | 'card' | 'border-card' = 'line';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  @State() activeTab: string = '';\n  @State() tabs: { key: string; label: string }[] = [];\n\n  /** 标签切换事件 */\n  @Event() hbTabChange: EventEmitter<string>;\n\n  /** 标签关闭事件 */\n  @Event() hbTabRemove: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.collectTabs();\n    if (!this.modelValue && this.tabs.length > 0) {\n      this.activeTab = this.tabs[0].key;\n      this.modelValue = this.activeTab;\n    } else {\n      this.activeTab = this.modelValue;\n    }\n    this.updatePaneVisibility();\n  }\n\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.activeTab = this.modelValue;\n    this.updatePaneVisibility();\n  }\n\n  private collectTabs() {\n    const panes = this.el.querySelectorAll('hb-tab-pane');\n    const tabs: { key: string; label: string }[] = [];\n    panes.forEach((pane) => {\n      tabs.push({\n        key: pane.getAttribute('key') || '',\n        label: pane.getAttribute('label') || '',\n      });\n    });\n    this.tabs = tabs;\n  }\n\n  private updatePaneVisibility() {\n    const panes = this.el.querySelectorAll('hb-tab-pane');\n    panes.forEach((pane) => {\n      const isActive = pane.getAttribute('key') === this.activeTab;\n      pane.setAttribute('active', String(isActive));\n    });\n  }\n\n  private handleTabClick = (key: string) => {\n    this.activeTab = key;\n    this.modelValue = key;\n    this.hbTabChange.emit(key);\n    this.updatePaneVisibility();\n    this.moveFocusToTab(key);\n  };\n\n  /** WAI-ARIA tabs：左右（横排）/上下（竖排）箭头在 tab 间切换聚焦的 tab。 */\n  private handleTabKeydown = (e: KeyboardEvent, currentIndex: number) => {\n    // 仅响应方向键 / Home / End；Enter/Space 由浏览器对可聚焦元素原生触发 click。\n    const isArrow =\n      e.key === 'ArrowLeft' || e.key === 'ArrowRight' || e.key === 'ArrowUp' || e.key === 'ArrowDown' ||\n      e.key === 'Home' || e.key === 'End';\n    if (!isArrow) return;\n    e.preventDefault();\n    const action = handleListKeyboard(e, {\n      activeIndex: currentIndex,\n      itemCount: this.tabs.length,\n      loop: true,\n    });\n    if (action.type === 'navigate' && this.tabs[action.index]) {\n      this.handleTabClick(this.tabs[action.index].key);\n    }\n  };\n\n  private moveFocusToTab(key: string) {\n    const idx = this.tabs.findIndex((t) => t.key === key);\n    if (idx < 0) return;\n    const items = this.el.shadowRoot?.querySelectorAll<HTMLElement>('.hb-tabs__item');\n    items?.[idx]?.focus();\n  }\n\n  render() {\n    return (\n      <div class={{ 'hb-tabs': true, [`hb-tabs--${this.type}`]: true }}>\n        <div class=\"hb-tabs__header\">\n          <div class=\"hb-tabs__nav\" role=\"tablist\">\n            {this.tabs.map((tab, index) => {\n              const selected = tab.key === this.activeTab;\n              const tabId = `hb-tabs__tab-${tab.key}`;\n              return (\n                <div\n                  class={{\n                    'hb-tabs__item': true,\n                    'hb-tabs__item--active': selected,\n                  }}\n                  role=\"tab\"\n                  id={tabId}\n                  aria-selected={selected ? 'true' : 'false'}\n                  tabindex={selected ? 0 : -1}\n                  aria-controls={`hb-tabs__panel-${tab.key}`}\n                  onClick={() => this.handleTabClick(tab.key)}\n                  onKeyDown={(e) => this.handleTabKeydown(e, index)}\n                >\n                  <span class=\"hb-tabs__item-label\">{tab.label}</span>\n                  {this.closable && (\n                    <span\n                      class=\"hb-tabs__item-close\"\n                      role=\"button\"\n                      aria-label=\"关闭标签\"\n                      tabIndex={-1}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        this.hbTabRemove.emit(tab.key);\n                      }}\n                    >\n                      ×\n                    </span>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div class=\"hb-tabs__content\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as i,h as o}from"./p-e42dfa95.js";const n='/*! 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-menu{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border-right:1px solid var(--hb-color-border-secondary);box-sizing:border-box;color:var(--hb-menu-color,var(--hb-color-text));font-size:var(--hb-font-size-sm);list-style:none;margin:0;padding:4px 0}.hb-menu--horizontal{border-bottom:1px solid var(--hb-color-border-secondary);border-right:none;display:flex}.hb-menu--collapsed{width:64px}.hb-menu--collapsed .hb-menu-item__text,.hb-menu--collapsed .hb-sub-menu__arrow,.hb-menu--collapsed .hb-sub-menu__label{display:none}.hb-sub-menu--collapsed{position:relative}.hb-sub-menu--collapsed .hb-sub-menu__title{justify-content:center;padding:0}.hb-sub-menu__children--popover{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-radius-sm,4px);box-shadow:0 2px 8px #0000001f;left:100%;margin-left:4px;min-width:160px;padding:4px 0;position:absolute;top:0;white-space:nowrap;z-index:1000}.hb-sub-menu__children--popover .hb-menu-item{padding-left:var(--hb-spacing-md)}::slotted(hb-menu-item){display:block}.hb-menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);list-style:none;padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)var(--hb-transition-function);white-space:nowrap}.hb-menu-item:hover:not(.hb-menu-item--disabled){background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-menu-item--active{background-color:var(--hb-menu-item-active-bg,var(--hb-color-primary-bg));color:var(--hb-menu-active-color,var(--hb-color-primary))}.hb-menu-item--disabled{cursor:not-allowed;opacity:.5}.hb-menu-item__icon{display:inline-flex;width:16px}.hb-sub-menu{list-style:none}.hb-sub-menu__title{align-items:center;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)}.hb-sub-menu__title:hover{background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-sub-menu__label{flex:1}.hb-sub-menu__arrow{font-size:10px;transition:transform var(--hb-transition-duration)}.hb-sub-menu__arrow--open{transform:rotate(90deg)}.hb-sub-menu__children{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));list-style:none;margin:0;padding:0}.hb-sub-menu__children .hb-menu-item{padding-left:calc(var(--hb-spacing-md) + var(--hb-spacing-lg))}@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 a=n;const r=class{constructor(i){e(this,i);this.hbSelect=t(this,"hbSelect",7)}get el(){return i(this)}mode="vertical";defaultActive="";collapsed=false;backgroundColor;textColor;activeTextColor;activeItem="";hbSelect;componentDidLoad(){this.activeItem=this.defaultActive;this.syncCollapsedToChildren()}handleDefaultActiveChange(){this.activeItem=this.defaultActive}handleCollapsedChange(){this.syncCollapsedToChildren()}syncCollapsedToChildren(){if(!this.el)return;this.el.querySelectorAll("hb-sub-menu").forEach((e=>{e.setAttribute("collapsed",this.collapsed?"true":"false")}))}handleSelect(e){const t=e.detail;this.activeItem=t;this.defaultActive=t;this.hbSelect.emit(t);this.el.querySelectorAll("hb-menu-item").forEach((e=>{e.setAttribute("active",e.getAttribute("key")===t?"true":"false")}))}render(){const e={};if(this.backgroundColor)e["--hb-menu-bg"]=this.backgroundColor;if(this.textColor)e["--hb-menu-color"]=this.textColor;if(this.activeTextColor)e["--hb-menu-active-color"]=this.activeTextColor;return o("ul",{key:"0352bda3d62d4a280681612a7bf301f16459bcc0",class:{"hb-menu":true,[`hb-menu--${this.mode}`]:true,"hb-menu--collapsed":this.collapsed},style:e,role:"menu"},o("slot",{key:"142fea193616a6e311b854f6bd893e0646950b29"}))}static get watchers(){return{defaultActive:["handleDefaultActiveChange"],collapsed:["handleCollapsedChange"]}}};r.style=a;export{r as hb_menu};
+//# sourceMappingURL=p-d64b91ef.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["menuCss","HbMenuStyle0","Menu","mode","defaultActive","collapsed","backgroundColor","textColor","activeTextColor","activeItem","hbSelect","componentDidLoad","this","syncCollapsedToChildren","handleDefaultActiveChange","handleCollapsedChange","el","querySelectorAll","forEach","sub","setAttribute","handleSelect","event","key","detail","emit","item","getAttribute","render","style","h","class","role"],"sources":["src/components/Menu/menu.css?tag=hb-menu&encapsulation=shadow","src/components/Menu/Menu.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-menu {\n  list-style: none;\n  margin: 0;\n  padding: 4px 0;\n  background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n  color: var(--hb-menu-color, var(--hb-color-text));\n  font-size: var(--hb-font-size-sm);\n  border-right: 1px solid var(--hb-color-border-secondary);\n  box-sizing: border-box;\n}\n\n/* ---- 水平模式 ---- */\n.hb-menu--horizontal {\n  display: flex;\n  border-right: none;\n  border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n\n/* ---- 折叠 ---- */\n.hb-menu--collapsed {\n  width: 64px;\n}\n.hb-menu--collapsed .hb-menu-item__text,\n.hb-menu--collapsed .hb-sub-menu__label,\n.hb-menu--collapsed .hb-sub-menu__arrow {\n  display: none;\n}\n\n/* 折叠态 SubMenu：图标条布局（仅显示 icon），不再就地展开 */\n.hb-sub-menu--collapsed {\n  position: relative;\n}\n.hb-sub-menu--collapsed .hb-sub-menu__title {\n  justify-content: center;\n  padding: 0;\n}\n\n/* 折叠态浮层：绝对定位弹出在右侧 */\n.hb-sub-menu__children--popover {\n  position: absolute;\n  left: 100%;\n  top: 0;\n  margin-left: 4px;\n  min-width: 160px;\n  padding: 4px 0;\n  background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n  border: 1px solid var(--hb-color-border-secondary);\n  border-radius: var(--hb-radius-sm, 4px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n  white-space: nowrap;\n}\n\n/* 折叠态浮层内的 MenuItem 取消就地展开时的缩进 */\n.hb-sub-menu__children--popover .hb-menu-item {\n  padding-left: var(--hb-spacing-md);\n}\n\n/* ---- MenuItem ---- */\n::slotted(hb-menu-item) {\n  display: block;\n}\n\n.hb-menu-item {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xs);\n  padding: 0 var(--hb-spacing-md);\n  height: var(--hb-size-default);\n  line-height: var(--hb-size-default);\n  cursor: pointer;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n  white-space: nowrap;\n  list-style: none;\n  box-sizing: border-box;\n}\n\n.hb-menu-item:hover:not(.hb-menu-item--disabled) {\n  background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-menu-item--active {\n  color: var(--hb-menu-active-color, var(--hb-color-primary));\n  background-color: var(--hb-menu-item-active-bg, var(--hb-color-primary-bg));\n}\n\n.hb-menu-item--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.hb-menu-item__icon {\n  display: inline-flex;\n  width: 16px;\n}\n\n/* ---- SubMenu ---- */\n.hb-sub-menu {\n  list-style: none;\n}\n\n.hb-sub-menu__title {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xs);\n  padding: 0 var(--hb-spacing-md);\n  height: var(--hb-size-default);\n  line-height: var(--hb-size-default);\n  cursor: pointer;\n  transition: all var(--hb-transition-duration);\n}\n\n.hb-sub-menu__title:hover {\n  background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-sub-menu__label {\n  flex: 1;\n}\n\n.hb-sub-menu__arrow {\n  font-size: 10px;\n  transition: transform var(--hb-transition-duration);\n}\n\n.hb-sub-menu__arrow--open {\n  transform: rotate(90deg);\n}\n\n.hb-sub-menu__children {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n}\n\n.hb-sub-menu__children .hb-menu-item {\n  padding-left: calc(var(--hb-spacing-md) + var(--hb-spacing-lg));\n}\n","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter, Listen } from '@stencil/core';\n\n/**\n * Menu 导航菜单组件\n * 为页面和功能提供导航的菜单\n */\n@Component({\n  tag: 'hb-menu',\n  styleUrl: 'menu.css',\n  shadow: true,\n})\nexport class Menu {\n  @Element() el: HTMLElement;\n\n  /** 模式 */\n  @Prop() mode: 'horizontal' | 'vertical' = 'vertical';\n\n  /** 当前激活菜单项 */\n  @Prop({ mutable: true }) defaultActive: string = '';\n\n  /** 是否折叠（仅垂直模式） */\n  @Prop() collapsed: boolean = false;\n\n  /** 背景色 */\n  @Prop() backgroundColor?: string;\n\n  /** 文字颜色 */\n  @Prop() textColor?: string;\n\n  /** 激活项文字颜色 */\n  @Prop() activeTextColor?: string;\n\n  @State() activeItem: string = '';\n\n  /** 选中事件 */\n  @Event() hbSelect: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.activeItem = this.defaultActive;\n    // 折叠态透传给子 hb-sub-menu（子组件无法继承 prop，需在 host 属性层面同步）\n    this.syncCollapsedToChildren();\n  }\n\n  @Watch('defaultActive')\n  handleDefaultActiveChange() {\n    this.activeItem = this.defaultActive;\n  }\n\n  @Watch('collapsed')\n  handleCollapsedChange() {\n    this.syncCollapsedToChildren();\n  }\n\n  /**\n   * 把 collapsed 状态同步到所有直连与嵌套的 hb-sub-menu 子节点。\n   * querySelectorAll 递归匹配，因此 hb-sub-menu > hb-sub-menu（多级）也会被覆盖。\n   */\n  private syncCollapsedToChildren() {\n    if (!this.el) return;\n    this.el.querySelectorAll('hb-sub-menu').forEach((sub) => {\n      sub.setAttribute('collapsed', this.collapsed ? 'true' : 'false');\n    });\n  }\n\n  /** 监听子 hb-menu-item 派发的内部选中事件，更新激活态并向外发射公开的 hbSelect */\n  @Listen('hbMenuItemSelect')\n  handleSelect(event: CustomEvent<string>) {\n    const key = event.detail;\n    this.activeItem = key;\n    this.defaultActive = key;\n    this.hbSelect.emit(key);\n    // 通知子组件（含嵌套在 hb-sub-menu 内的 hb-menu-item）\n    this.el.querySelectorAll('hb-menu-item').forEach((item) => {\n      item.setAttribute('active', item.getAttribute('key') === key ? 'true' : 'false');\n    });\n  }\n\n  render() {\n    const style: Record<string, string> = {};\n    if (this.backgroundColor) style['--hb-menu-bg'] = this.backgroundColor;\n    if (this.textColor) style['--hb-menu-color'] = this.textColor;\n    if (this.activeTextColor) style['--hb-menu-active-color'] = this.activeTextColor;\n\n    return (\n      <ul\n        class={{\n          'hb-menu': true,\n          [`hb-menu--${this.mode}`]: true,\n          'hb-menu--collapsed': this.collapsed,\n        }}\n        style={style}\n        role=\"menu\"\n      >\n        <slot />\n      </ul>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,wkQAChB,MAAAC,EAAeD,E,MCUFE,EAAI,M,oFAIPC,KAAkC,WAGjBC,cAAwB,GAGzCC,UAAqB,MAGrBC,gBAGAC,UAGAC,gBAECC,WAAqB,GAGrBC,SAET,gBAAAC,GACEC,KAAKH,WAAaG,KAAKR,cAEvBQ,KAAKC,yB,CAIP,yBAAAC,GACEF,KAAKH,WAAaG,KAAKR,a,CAIzB,qBAAAW,GACEH,KAAKC,yB,CAOC,uBAAAA,GACN,IAAKD,KAAKI,GAAI,OACdJ,KAAKI,GAAGC,iBAAiB,eAAeC,SAASC,IAC/CA,EAAIC,aAAa,YAAaR,KAAKP,UAAY,OAAS,QAAQ,G,CAMpE,YAAAgB,CAAaC,GACX,MAAMC,EAAMD,EAAME,OAClBZ,KAAKH,WAAac,EAClBX,KAAKR,cAAgBmB,EACrBX,KAAKF,SAASe,KAAKF,GAEnBX,KAAKI,GAAGC,iBAAiB,gBAAgBC,SAASQ,IAChDA,EAAKN,aAAa,SAAUM,EAAKC,aAAa,SAAWJ,EAAM,OAAS,QAAQ,G,CAIpF,MAAAK,GACE,MAAMC,EAAgC,GACtC,GAAIjB,KAAKN,gBAAiBuB,EAAM,gBAAkBjB,KAAKN,gBACvD,GAAIM,KAAKL,UAAWsB,EAAM,mBAAqBjB,KAAKL,UACpD,GAAIK,KAAKJ,gBAAiBqB,EAAM,0BAA4BjB,KAAKJ,gBAEjE,OACEsB,EAAA,MAAAP,IAAA,2CACEQ,MAAO,CACL,UAAW,KACX,CAAC,YAAYnB,KAAKT,QAAS,KAC3B,qBAAsBS,KAAKP,WAE7BwB,MAAOA,EACPG,KAAK,QAELF,EAAA,QAAAP,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-e42dfa95.js";const i='/*! 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-statistic{display:inline-flex;flex-direction:column;line-height:var(--hb-line-height)}.hb-statistic__title{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-base);margin-bottom:var(--hb-spacing-xs)}.hb-statistic__content{align-items:baseline;color:var(--hb-color-text-primary);display:flex}.hb-statistic__value{font-size:var(--hb-font-size-2xl);font-weight:500;line-height:1}.hb-statistic__prefix{font-size:var(--hb-font-size-lg);margin-right:var(--hb-spacing-xxs)}.hb-statistic__suffix{font-size:var(--hb-font-size-lg);margin-left:var(--hb-spacing-xxs)}@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 o=i;const a=class{constructor(e){t(this,e)}title="";value=0;precision;valuePrefix="";suffix;valueStyle;getFormattedValue(){let t;if(typeof this.value==="number"){t=this.value}else{const e=this.value.trim();if(/^-?\d+(\.\d+)?$/.test(e)){t=Number(e)}else{return this.value}}let e;if(typeof this.precision==="number"&&this.precision>=0){e=t.toFixed(this.precision)}else{e=String(t)}const[i,o]=e.split(".");const a=i.replace(/\B(?=(\d{3})+(?!\d))/g,",");return o!==undefined?`${a}.${o}`:a}render(){return e("div",{key:"e38db3c8ae83480a933a7a9fd03d4ecb8e3cb07d",class:"hb-statistic"},this.title&&e("div",{key:"2d4af905f79558e98b6db498db1d251d10b64151",class:"hb-statistic__title"},this.title),e("div",{key:"f60f0263f6f22ca95d863c1fcd7f94556b351cea",class:"hb-statistic__content",style:this.valueStyle?{cssText:this.valueStyle}:undefined},this.valuePrefix&&e("span",{key:"4dd5f92066507ad0abf5c5bbeca64001d425b83a",class:"hb-statistic__prefix"},this.valuePrefix),e("span",{key:"746806287e5f0752263ce913a4b81fa221b0fb3b",class:"hb-statistic__value"},this.getFormattedValue()),this.suffix!==undefined&&e("span",{key:"a93c66aeb111922903214884e664b425279cc5ac",class:"hb-statistic__suffix"},this.suffix)))}};a.style=o;export{a as hb_statistic};
+//# sourceMappingURL=p-d7815b4f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["statisticCss","HbStatisticStyle0","Statistic","title","value","precision","valuePrefix","suffix","valueStyle","getFormattedValue","numericValue","this","trimmed","trim","test","Number","str","toFixed","String","intPart","decPart","split","grouped","replace","undefined","render","h","key","class","style","cssText"],"sources":["src/components/Statistic/statistic.css?tag=hb-statistic&encapsulation=shadow","src/components/Statistic/Statistic.tsx"],"sourcesContent":[":host { display: block; }\n\n.hb-statistic { display: inline-flex; flex-direction: column; line-height: var(--hb-line-height); }\n\n/* 标题 */\n.hb-statistic__title {\n  color: var(--hb-color-text-secondary);\n  font-size: var(--hb-font-size-base);\n  margin-bottom: var(--hb-spacing-xs);\n}\n\n/* 数值容器 */\n.hb-statistic__content { display: flex; align-items: baseline; color: var(--hb-color-text-primary); }\n\n/* 数值本体：大号 */\n.hb-statistic__value {\n  font-size: var(--hb-font-size-2xl);\n  font-weight: 500;\n  line-height: 1;\n}\n\n/* 前缀（如 ¥） */\n.hb-statistic__prefix {\n  margin-right: var(--hb-spacing-xxs);\n  font-size: var(--hb-font-size-lg);\n}\n\n/* 后缀（如 单位） */\n.hb-statistic__suffix {\n  margin-left: var(--hb-spacing-xxs);\n  font-size: var(--hb-font-size-lg);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Statistic 统计数值组件\n * 展示某个统计数据，常用于展示一个指标的当前值\n */\n@Component({\n  tag: 'hb-statistic',\n  styleUrl: 'statistic.css',\n  shadow: true,\n})\nexport class Statistic {\n  /** 数值标题（使用默认值使其成为 required string，避免与 HTMLElement.title 类型冲突） */\n  @Prop() title: string = '';\n\n  /** 数值内容（数字或字符串） */\n  @Prop() value: number | string = 0;\n\n  /** 数值小数位数 */\n  @Prop() precision?: number;\n\n  /** 数值前缀（如货币符号 ¥）（改名 valuePrefix 避免与 Element.prefix 类型冲突） */\n  @Prop() valuePrefix: string = '';\n\n  /** 数值后缀（如单位） */\n  @Prop() suffix?: string;\n\n  /** 数值容器的内联样式 */\n  @Prop() valueStyle?: string;\n\n  /**\n   * 将 value 按 precision 格式化为千分位字符串\n   * - 纯数字字符串（含小数）会被当作数值进行格式化（便于 attribute 传入）\n   * - 含非数字字符的字符串原样返回（如 \"1.2K\"、\"N/A\"）\n   */\n  private getFormattedValue(): string {\n    // 将 value 归一为数值：number 直接用；纯数字字符串转为 number；否则原样返回\n    let numericValue: number;\n    if (typeof this.value === 'number') {\n      numericValue = this.value;\n    } else {\n      const trimmed = this.value.trim();\n      if (/^-?\\d+(\\.\\d+)?$/.test(trimmed)) {\n        numericValue = Number(trimmed);\n      } else {\n        return this.value;\n      }\n    }\n\n    let str: string;\n    if (typeof this.precision === 'number' && this.precision >= 0) {\n      str = numericValue.toFixed(this.precision);\n    } else {\n      str = String(numericValue);\n    }\n    // 拆分整数/小数部分，仅对整数部分加千分位\n    const [intPart, decPart] = str.split('.');\n    const grouped = intPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n    return decPart !== undefined ? `${grouped}.${decPart}` : grouped;\n  }\n\n  render() {\n    return (\n      <div class=\"hb-statistic\">\n        {this.title && <div class=\"hb-statistic__title\">{this.title}</div>}\n        <div class=\"hb-statistic__content\" style={this.valueStyle ? { cssText: this.valueStyle } : undefined}>\n          {this.valuePrefix && <span class=\"hb-statistic__prefix\">{this.valuePrefix}</span>}\n          <span class=\"hb-statistic__value\">{this.getFormattedValue()}</span>\n          {this.suffix !== undefined && <span class=\"hb-statistic__suffix\">{this.suffix}</span>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAe,4oMACrB,MAAAC,EAAeD,E,MCUFE,EAAS,M,yBAEZC,MAAgB,GAGhBC,MAAyB,EAGzBC,UAGAC,YAAsB,GAGtBC,OAGAC,WAOA,iBAAAC,GAEN,IAAIC,EACJ,UAAWC,KAAKP,QAAU,SAAU,CAClCM,EAAeC,KAAKP,K,KACf,CACL,MAAMQ,EAAUD,KAAKP,MAAMS,OAC3B,GAAI,kBAAkBC,KAAKF,GAAU,CACnCF,EAAeK,OAAOH,E,KACjB,CACL,OAAOD,KAAKP,K,EAIhB,IAAIY,EACJ,UAAWL,KAAKN,YAAc,UAAYM,KAAKN,WAAa,EAAG,CAC7DW,EAAMN,EAAaO,QAAQN,KAAKN,U,KAC3B,CACLW,EAAME,OAAOR,E,CAGf,MAAOS,EAASC,GAAWJ,EAAIK,MAAM,KACrC,MAAMC,EAAUH,EAAQI,QAAQ,wBAAyB,KACzD,OAAOH,IAAYI,UAAY,GAAGF,KAAWF,IAAYE,C,CAG3D,MAAAG,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRjB,KAAKR,OAASuB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBAAuBjB,KAAKR,OACtDuB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,wBAAwBC,MAAOlB,KAAKH,WAAa,CAAEsB,QAASnB,KAAKH,YAAegB,WACxFb,KAAKL,aAAeoB,EAAA,QAAAC,IAAA,2CAAMC,MAAM,wBAAwBjB,KAAKL,aAC9DoB,EAAA,QAAAC,IAAA,2CAAMC,MAAM,uBAAuBjB,KAAKF,qBACvCE,KAAKJ,SAAWiB,WAAaE,EAAA,QAAAC,IAAA,2CAAMC,MAAM,wBAAwBjB,KAAKJ,S","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as i}from"./p-e42dfa95.js";const s=class{constructor(e){t(this,e)}get el(){return e(this)}theme="light";size="default";locale="zh-CN";render(){return i("slot",{key:"2f5645093f96615556fea763173dc339b8dfb515"})}componentDidLoad(){this.applyConfig()}componentDidUpdate(){this.applyConfig()}applyConfig(){if(this.theme==="dark"){this.el.setAttribute("data-theme","dark")}else if(this.theme==="light"){this.el.removeAttribute("data-theme")}this.el.setAttribute("data-size",this.size);this.el.setAttribute("data-locale",this.locale)}};export{s as hb_config_provider};
+//# sourceMappingURL=p-d87fc21a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ConfigProvider","theme","size","locale","render","h","key","componentDidLoad","this","applyConfig","componentDidUpdate","el","setAttribute","removeAttribute"],"sources":["src/components/ConfigProvider/ConfigProvider.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\n\n/**\n * ConfigProvider 全局配置组件\n * 在组件树的最外层设置全局配置\n */\n@Component({\n  tag: 'hb-config-provider',\n  shadow: false,\n})\nexport class ConfigProvider {\n  @Element() el: HTMLElement;\n\n  /** 主题：light / dark / 自定义 */\n  @Prop() theme: 'light' | 'dark' | string = 'light';\n\n  /** 全局默认尺寸 */\n  @Prop() size: 'small' | 'default' | 'large' = 'default';\n\n  /** 语言 */\n  @Prop() locale: string = 'zh-CN';\n\n  render() {\n    return <slot />;\n  }\n\n  componentDidLoad() {\n    this.applyConfig();\n  }\n\n  componentDidUpdate() {\n    this.applyConfig();\n  }\n\n  private applyConfig() {\n    // 主题：light / dark（自定义主题由消费者通过 CSS 变量设置）\n    if (this.theme === 'dark') {\n      this.el.setAttribute('data-theme', 'dark');\n    } else if (this.theme === 'light') {\n      this.el.removeAttribute('data-theme');\n    }\n\n    // 全局尺寸：写入 data-size，子组件或全局 CSS 可通过 [data-size] 消费\n    this.el.setAttribute('data-size', this.size);\n\n    // 语言：写入 data-locale（i18n 文案接入为后续工作，当前先透出配置）\n    this.el.setAttribute('data-locale', this.locale);\n  }\n}\n"],"mappings":"wDAUaA,EAAc,M,iDAIjBC,MAAmC,QAGnCC,KAAsC,UAGtCC,OAAiB,QAEzB,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C,CAGT,gBAAAC,GACEC,KAAKC,a,CAGP,kBAAAC,GACEF,KAAKC,a,CAGC,WAAAA,GAEN,GAAID,KAAKP,QAAU,OAAQ,CACzBO,KAAKG,GAAGC,aAAa,aAAc,O,MAC9B,GAAIJ,KAAKP,QAAU,QAAS,CACjCO,KAAKG,GAAGE,gBAAgB,a,CAI1BL,KAAKG,GAAGC,aAAa,YAAaJ,KAAKN,MAGvCM,KAAKG,GAAGC,aAAa,cAAeJ,KAAKL,O","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o}from"./p-e42dfa95.js";const a='/*! 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}.hb-tag{border:1px solid #0000;border-radius:var(--hb-tag-radius);box-sizing:border-box;font-size:var(--hb-font-size-xs);gap:var(--hb-spacing-xxs);height:22px;line-height:1;padding:0 var(--hb-spacing-xs);vertical-align:middle;white-space:nowrap}.hb-tag,.hb-tag__close,.hb-tag__content{align-items:center;display:inline-flex}.hb-tag__close{border-radius:50%;cursor:pointer;font-size:12px;height:14px;justify-content:center;line-height:1;transition:background-color var(--hb-transition-duration);width:14px}.hb-tag__close:hover{background-color:#0000001a}.hb-tag--small{font-size:11px;height:18px;padding:0 6px}.hb-tag--large{font-size:var(--hb-font-size-sm);height:28px;padding:0 var(--hb-spacing-sm)}.hb-tag--round{border-radius:999px}.hb-tag--default.hb-tag--light{background:var(--hb-tag-default-bg);color:var(--hb-tag-default-color)}.hb-tag--primary.hb-tag--light{background:var(--hb-tag-primary-bg);color:var(--hb-tag-primary-color)}.hb-tag--success.hb-tag--light{background:var(--hb-tag-success-bg);color:var(--hb-tag-success-color)}.hb-tag--warning.hb-tag--light{background:var(--hb-tag-warning-bg);color:var(--hb-tag-warning-color)}.hb-tag--danger.hb-tag--light{background:var(--hb-tag-danger-bg);color:var(--hb-tag-danger-color)}.hb-tag--info.hb-tag--light{background:var(--hb-tag-primary-bg);color:var(--hb-tag-primary-color)}.hb-tag--default.hb-tag--dark{background:var(--hb-color-text-quaternary);color:#fff}.hb-tag--primary.hb-tag--dark{background:var(--hb-color-primary);color:#fff}.hb-tag--success.hb-tag--dark{background:var(--hb-color-success);color:#fff}.hb-tag--warning.hb-tag--dark{background:var(--hb-color-warning);color:#fff}.hb-tag--danger.hb-tag--dark{background:var(--hb-color-danger);color:#fff}.hb-tag--info.hb-tag--dark{background:var(--hb-color-info);color:#fff}.hb-tag--default.hb-tag--plain{background:#fff;border-color:var(--hb-color-border);color:var(--hb-color-text)}.hb-tag--primary.hb-tag--plain{background:#fff;border-color:var(--hb-color-primary-border);color:var(--hb-color-primary)}.hb-tag--success.hb-tag--plain{background:#fff;border-color:var(--hb-color-success-border);color:var(--hb-color-success)}.hb-tag--warning.hb-tag--plain{background:#fff;border-color:var(--hb-color-warning-border);color:var(--hb-color-warning)}.hb-tag--danger.hb-tag--plain{background:#fff;border-color:var(--hb-color-danger-border);color:var(--hb-color-danger)}.hb-tag--info.hb-tag--plain{background:#fff;border-color:var(--hb-color-primary-border);color:var(--hb-color-primary)}@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 r=a;const i=class{constructor(o){t(this,o);this.hbClose=e(this,"hbClose",7)}type="default";closable=false;effect="light";round=false;size="default";hbClose;handleClose=t=>{t.stopPropagation();this.hbClose.emit()};render(){return o("span",{key:"e8663d8679aafe8d0838e5bc247ce0023fd64234",class:{"hb-tag":true,[`hb-tag--${this.type}`]:true,[`hb-tag--${this.effect}`]:true,"hb-tag--round":this.round,[`hb-tag--${this.size}`]:true}},o("span",{key:"fb6d35fb1a76eac78bee548c74d0fb4aff560c28",class:"hb-tag__content"},o("slot",{key:"450089e1e654bc339d6f99b8d763491277fc2b0e"})),this.closable&&o("span",{key:"8c115976d98f2242543f208d054cd2493b94373a",class:"hb-tag__close",role:"button","aria-label":"移除标签",tabIndex:0,onClick:this.handleClose},"×"))}};i.style=r;export{i as hb_tag};
+//# sourceMappingURL=p-dd05cb2c.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["tagCss","HbTagStyle0","Tag","type","closable","effect","round","size","hbClose","handleClose","e","stopPropagation","this","emit","render","h","key","class","role","tabIndex","onClick"],"sources":["src/components/Tag/tag.css?tag=hb-tag&encapsulation=shadow","src/components/Tag/Tag.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.hb-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  padding: 0 var(--hb-spacing-xs);\n  height: 22px;\n  font-size: var(--hb-font-size-xs);\n  line-height: 1;\n  border-radius: var(--hb-tag-radius);\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n\n.hb-tag__content {\n  display: inline-flex;\n  align-items: center;\n}\n\n.hb-tag__close {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 1;\n  transition: background-color var(--hb-transition-duration);\n}\n\n.hb-tag__close:hover {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n/* ---- 尺寸 ---- */\n.hb-tag--small { height: 18px; font-size: 11px; padding: 0 6px; }\n.hb-tag--large { height: 28px; font-size: var(--hb-font-size-sm); padding: 0 var(--hb-spacing-sm); }\n\n/* ---- 圆角 ---- */\n.hb-tag--round { border-radius: 999px; }\n\n/* ---- 类型：light（默认） ---- */\n.hb-tag--default.hb-tag--light { background: var(--hb-tag-default-bg); color: var(--hb-tag-default-color); }\n.hb-tag--primary.hb-tag--light { background: var(--hb-tag-primary-bg); color: var(--hb-tag-primary-color); }\n.hb-tag--success.hb-tag--light { background: var(--hb-tag-success-bg); color: var(--hb-tag-success-color); }\n.hb-tag--warning.hb-tag--light { background: var(--hb-tag-warning-bg); color: var(--hb-tag-warning-color); }\n.hb-tag--danger.hb-tag--light  { background: var(--hb-tag-danger-bg); color: var(--hb-tag-danger-color); }\n.hb-tag--info.hb-tag--light    { background: var(--hb-tag-primary-bg); color: var(--hb-tag-primary-color); }\n\n/* ---- 类型：dark ---- */\n.hb-tag--default.hb-tag--dark { background: var(--hb-color-text-quaternary); color: #fff; }\n.hb-tag--primary.hb-tag--dark { background: var(--hb-color-primary); color: #fff; }\n.hb-tag--success.hb-tag--dark { background: var(--hb-color-success); color: #fff; }\n.hb-tag--warning.hb-tag--dark { background: var(--hb-color-warning); color: #fff; }\n.hb-tag--danger.hb-tag--dark  { background: var(--hb-color-danger); color: #fff; }\n.hb-tag--info.hb-tag--dark    { background: var(--hb-color-info); color: #fff; }\n\n/* ---- 类型：plain ---- */\n.hb-tag--default.hb-tag--plain { background: #fff; color: var(--hb-color-text); border-color: var(--hb-color-border); }\n.hb-tag--primary.hb-tag--plain { background: #fff; color: var(--hb-color-primary); border-color: var(--hb-color-primary-border); }\n.hb-tag--success.hb-tag--plain { background: #fff; color: var(--hb-color-success); border-color: var(--hb-color-success-border); }\n.hb-tag--warning.hb-tag--plain { background: #fff; color: var(--hb-color-warning); border-color: var(--hb-color-warning-border); }\n.hb-tag--danger.hb-tag--plain  { background: #fff; color: var(--hb-color-danger); border-color: var(--hb-color-danger-border); }\n.hb-tag--info.hb-tag--plain    { background: #fff; color: var(--hb-color-primary); border-color: var(--hb-color-primary-border); }\n","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n/**\n * Tag 标签组件\n * 用于标记和选择\n */\n@Component({\n  tag: 'hb-tag',\n  styleUrl: 'tag.css',\n  shadow: true,\n})\nexport class Tag {\n  /** 标签类型 */\n  @Prop() type: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' = 'default';\n\n  /** 是否可关闭 */\n  @Prop() closable: boolean = false;\n\n  /** 主题效果 */\n  @Prop() effect: 'dark' | 'light' | 'plain' = 'light';\n\n  /** 是否圆角 */\n  @Prop() round: boolean = false;\n\n  /** 标签尺寸 */\n  @Prop() size: 'small' | 'default' | 'large' = 'default';\n\n  /** 关闭事件 */\n  @Event() hbClose: EventEmitter<void>;\n\n  private handleClose = (e: Event) => {\n    e.stopPropagation();\n    this.hbClose.emit();\n  };\n\n  render() {\n    return (\n      <span\n        class={{\n          'hb-tag': true,\n          [`hb-tag--${this.type}`]: true,\n          [`hb-tag--${this.effect}`]: true,\n          'hb-tag--round': this.round,\n          [`hb-tag--${this.size}`]: true,\n        }}\n      >\n        <span class=\"hb-tag__content\">\n          <slot />\n        </span>\n        {this.closable && (\n          <span class=\"hb-tag__close\" role=\"button\" aria-label=\"移除标签\" tabIndex={0} onClick={this.handleClose}>\n            ×\n          </span>\n        )}\n      </span>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAS,yhQACf,MAAAC,EAAeD,E,MCUFE,EAAG,M,0DAENC,KAA0E,UAG1EC,SAAoB,MAGpBC,OAAqC,QAGrCC,MAAiB,MAGjBC,KAAsC,UAGrCC,QAEDC,YAAeC,IACrBA,EAAEC,kBACFC,KAAKJ,QAAQK,MAAM,EAGrB,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,SAAU,KACV,CAAC,WAAWL,KAAKT,QAAS,KAC1B,CAAC,WAAWS,KAAKP,UAAW,KAC5B,gBAAiBO,KAAKN,MACtB,CAAC,WAAWM,KAAKL,QAAS,OAG5BQ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBACVF,EAAA,QAAAC,IAAA,8CAEDJ,KAAKR,UACJW,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAgBC,KAAK,SAAQ,aAAY,OAAOC,SAAU,EAAGC,QAASR,KAAKH,aAAW,K","ignoreList":[]}