huibo-ui 0.4.0 → 0.6.0

package/dist/huibo-ui/{p-2811e603.entry.js → p-6bfe1954.entry.js}

@@ -1,2 +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{.inline{display:inline}.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-form-item{align-items:flex-start;display:flex;gap:var(--hb-spacing-sm)}.hb-form-item--label-top,:host([data-label-top]) .hb-form-item{align-items:stretch;flex-direction:column;gap:var(--hb-spacing-xs)}.hb-form-item__label{align-items:center;color:var(--hb-color-text);display:inline-flex;flex-shrink:0;font-size:var(--hb-font-size-sm,14px);height:var(--hb-size-default,32px);justify-content:flex-end;white-space:nowrap}.hb-form-item--label-top .hb-form-item__label,:host([data-label-top]) .hb-form-item__label{height:auto;justify-content:flex-start;padding-bottom:var(--hb-spacing-xxs,2px)}.hb-form-item--label-left .hb-form-item__label{justify-content:flex-start}.hb-form-item__required{color:var(--hb-color-danger);font-family:SimSun,sans-serif;font-size:var(--hb-font-size-sm,14px);margin-right:4px}.hb-form-item__content{flex:1;min-width:0;position:relative}.hb-form-item__error{animation:hb-form-error-fade-in .2s ease-out;color:var(--hb-color-danger);font-size:var(--hb-font-size-xs,12px);line-height:1.5;margin-top:4px;min-height:0}@keyframes hb-form-error-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@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}@media (max-width:575.98px){.hb-form-item{align-items:stretch!important;flex-direction:column!important;gap:var(--hb-spacing-xs)!important}.hb-form-item__label{height:auto!important;justify-content:flex-start!important;padding-bottom:var(--hb-spacing-xxs,2px)!important}}';const r=o;const n=class{constructor(e){t(this,e)}get el(){return e(this)}prop="";label="";labelWidth;required=false;rules=[];size="default";errors=[];isvalidating=false;componentDidLoad(){this.el.dispatchEvent(new CustomEvent("hbFormFieldRegister",{detail:{prop:this.prop,validate:this.validate,resetValue:this.resetValue,getValue:this.getValue},bubbles:true,composed:true}));this.el.addEventListener("hbChange",this.handleChildChange)}disconnectedCallback(){this.el.removeEventListener("hbChange",this.handleChildChange)}handleChildChange=()=>{if(this.errors.length>0){void this.validate()}};get formRules(){const t=this.el.closest("hb-form");const e=t?t.rules?.[this.prop]||[]:[];return[...e,...this.rules]}get isRequired(){if(this.required)return true;return this.formRules.some((t=>t&&t.required))}get resolvedLabelPosition(){const t=this.el.closest("hb-form");return t&&t.labelPosition||"right"}validate=async()=>{const t=this.getValue();const e=this.formRules;if(e.length===0){this.errors=[];return[]}this.isvalidating=true;const i=[];for(const o of e){const e=t===undefined||t===null||t===""||Array.isArray(t)&&t.length===0;if(o.required&&e){i.push(o.message||`${this.label||this.prop}不能为空`);continue}if(e)continue;if(o.pattern){const e=typeof o.pattern==="string"?new RegExp(o.pattern).test(String(t)):o.pattern.test(String(t));if(!e){i.push(o.message||`${this.label||this.prop}格式不正确`);continue}}if(o.type==="email"){if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(t))){i.push(o.message||`${this.label||this.prop}格式不正确`);continue}}if(o.min!==undefined&&typeof t==="string"&&t.length<o.min){i.push(o.message||`${this.label||this.prop}最少${o.min}个字符`);continue}if(o.max!==undefined&&typeof t==="string"&&t.length>o.max){i.push(o.message||`${this.label||this.prop}最多${o.max}个字符`);continue}if(o.validator){try{await o.validator(t,this.formRules)}catch(t){i.push(t.message||o.message||`${this.label||this.prop}验证失败`)}}}this.errors=i;this.isvalidating=false;return i};resetValue=()=>{this.errors=[]};getValue=()=>{const t=this.el.querySelector("hb-input, hb-select, hb-cascader, hb-date-picker, hb-date-time-picker, hb-date-range-picker, "+"hb-input-number, hb-textarea, hb-checkbox, hb-checkbox-group, hb-radio-group, hb-switch, "+"hb-slider, hb-color-picker, hb-rate, hb-time-picker, hb-time-select");if(t){return t.modelValue}return undefined};render(){const t=this.resolvedLabelPosition==="top";return i("div",{key:"5819f09264a5823f5130f1ce3ff34915da8c7e41",class:{"hb-form-item":true,"hb-form-item--error":this.errors.length>0,"hb-form-item--validating":this.isvalidating,"hb-form-item--required":this.isRequired,"hb-form-item--label-top":t,"hb-form-item--label-left":this.resolvedLabelPosition==="left"}},this.label&&i("label",{key:"0a1881ea32b5a7a403e9fdfbcc886bdbc682abfa",class:"hb-form-item__label",style:this.labelWidth?{width:this.labelWidth}:undefined,title:this.label},this.isRequired&&i("span",{key:"46543df749b05021d867904d968dc60bf062ee41",class:"hb-form-item__required","aria-hidden":"true"},"*"),this.label),i("div",{key:"5ce3712dc8ebcb70cb3688a4546f0dd1ee3e5cd4",class:"hb-form-item__content"},i("slot",{key:"26e5c4a39560aca1796545b2f3679b042ef7d771"}),this.errors.length>0&&i("div",{key:"79e79d4bc52fe02c0735333cfbbb9b912a206c77",class:"hb-form-item__error",role:"alert"},this.errors[0])))}};n.style=r;export{n as hb_form_item};
-//# sourceMappingURL=p-2811e603.entry.js.map
+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{.inline{display:inline}.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-form-item{align-items:flex-start;display:flex;gap:var(--hb-spacing-sm)}.hb-form-item--label-top,:host([data-label-top]) .hb-form-item{align-items:stretch;flex-direction:column;gap:var(--hb-spacing-xs)}.hb-form-item__label{align-items:center;color:var(--hb-color-text);display:inline-flex;flex-shrink:0;font-size:var(--hb-font-size-sm,14px);height:var(--hb-size-default,32px);justify-content:flex-end;white-space:nowrap}.hb-form-item--label-top .hb-form-item__label,:host([data-label-top]) .hb-form-item__label{height:auto;justify-content:flex-start;padding-bottom:var(--hb-spacing-xxs,2px)}.hb-form-item--label-left .hb-form-item__label{justify-content:flex-start}.hb-form-item__required{color:var(--hb-color-danger);font-family:SimSun,sans-serif;font-size:var(--hb-font-size-sm,14px);margin-right:4px}.hb-form-item__content{flex:1;min-width:0;position:relative}.hb-form-item__error{animation:hb-form-error-fade-in .2s ease-out;color:var(--hb-color-danger);font-size:var(--hb-font-size-xs,12px);line-height:1.5;margin-top:4px;min-height:0}@keyframes hb-form-error-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@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}@media (max-width:575.98px){.hb-form-item{align-items:stretch!important;flex-direction:column!important;gap:var(--hb-spacing-xs)!important}.hb-form-item__label{height:auto!important;justify-content:flex-start!important;padding-bottom:var(--hb-spacing-xxs,2px)!important}}';const r=o;const n=class{constructor(e){t(this,e)}get el(){return e(this)}prop="";label="";labelWidth;required=false;rules=[];size="default";validateStatus;help;labelCol;errors=[];isvalidating=false;componentDidLoad(){this.el.dispatchEvent(new CustomEvent("hbFormFieldRegister",{detail:{prop:this.prop,validate:this.validate,resetValue:this.resetValue,getValue:this.getValue},bubbles:true,composed:true}));this.el.addEventListener("hbChange",this.handleChildChange)}disconnectedCallback(){this.el.removeEventListener("hbChange",this.handleChildChange)}handleChildChange=()=>{if(this.errors.length>0){void this.validate()}};get formRules(){const t=this.el.closest("hb-form");const e=t?t.rules?.[this.prop]||[]:[];return[...e,...this.rules]}get isRequired(){if(this.required)return true;return this.formRules.some((t=>t&&t.required))}get resolvedLabelPosition(){const t=this.el.closest("hb-form");return t&&t.labelPosition||"right"}get resolvedValidateMessages(){const t=this.el.closest("hb-form");return t&&t.validateMessages}msg(t,e,i){if(t.message)return t.message;const o=this.resolvedValidateMessages;const r=this.label||this.prop;if(o&&o[e])return o[e].replace("{label}",r);return i.replace("{label}",r)}validate=async()=>{const t=this.getValue();const e=this.formRules;if(e.length===0){this.errors=[];return[]}this.isvalidating=true;const i=[];for(const o of e){const e=t===undefined||t===null||t===""||Array.isArray(t)&&t.length===0;if(o.required&&e){i.push(this.msg(o,"required",`${this.label||this.prop}不能为空`));continue}if(e)continue;if(o.pattern){const e=typeof o.pattern==="string"?new RegExp(o.pattern).test(String(t)):o.pattern.test(String(t));if(!e){i.push(this.msg(o,"pattern",`${this.label||this.prop}格式不正确`));continue}}if(o.type==="email"){if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(t))){i.push(this.msg(o,"email",`${this.label||this.prop}格式不正确`));continue}}if(o.min!==undefined&&typeof t==="string"&&t.length<o.min){i.push(this.msg(o,"min",`${this.label||this.prop}最少${o.min}个字符`));continue}if(o.max!==undefined&&typeof t==="string"&&t.length>o.max){i.push(this.msg(o,"max",`${this.label||this.prop}最多${o.max}个字符`));continue}if(o.validator){try{await o.validator(t,this.formRules)}catch(t){i.push(t.message||o.message||`${this.label||this.prop}验证失败`)}}}this.errors=i;this.isvalidating=false;return i};resetValue=()=>{this.errors=[]};getValue=()=>{const t=this.el.querySelector("hb-input, hb-select, hb-cascader, hb-date-picker, hb-date-time-picker, hb-date-range-picker, "+"hb-input-number, hb-textarea, hb-checkbox, hb-checkbox-group, hb-radio-group, hb-switch, "+"hb-slider, hb-color-picker, hb-rate, hb-time-picker, hb-time-select");if(t){return t.modelValue}return undefined};get displayError(){if(this.help!==undefined)return this.help;return this.errors[0]||""}get showError(){if(this.validateStatus==="error")return true;if(this.validateStatus==="success"||this.validateStatus==="validating")return false;return this.errors.length>0}render(){const t=this.resolvedLabelPosition==="top";const e=this.showError;const o=this.label?`hb-form-item__label-${this.prop||"x"}`:undefined;const r=this.labelCol?{width:`${this.labelCol/24*100}%`}:this.labelWidth?{width:this.labelWidth}:undefined;return i("div",{key:"8c6bd451a2c673a66d3a98b08fdf30ac74f2fb2e",class:{"hb-form-item":true,"hb-form-item--error":e,"hb-form-item--validating":this.isvalidating||this.validateStatus==="validating","hb-form-item--required":this.isRequired,"hb-form-item--label-top":t,"hb-form-item--label-left":this.resolvedLabelPosition==="left"}},this.label&&i("label",{key:"98db5eae626555e4ae442b116bff048189209b5d",id:o,class:"hb-form-item__label",style:r,title:this.label},this.isRequired&&i("span",{key:"05f771e79623e3eeac28fb8b3d100501c5c94f6b",class:"hb-form-item__required","aria-hidden":"true"},"*"),this.label),i("div",{key:"3dc24c2eb1f33ed16f14cca93a644ece209d6c13",class:"hb-form-item__content",role:"group","aria-labelledby":o,"aria-required":this.isRequired?"true":undefined,"aria-invalid":e?"true":undefined},i("slot",{key:"3a143de305f27a70c5e775a0c24c16da77f7fe3a"}),e&&i("div",{key:"9d5708648cb0ec43b9c8a274145221ec0edec86e",class:"hb-form-item__error",role:"alert"},this.displayError)))}};n.style=r;export{n as hb_form_item};
+//# sourceMappingURL=p-6bfe1954.entry.js.map

package/dist/huibo-ui/p-6bfe1954.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formItemCss","HbFormItemStyle0","FormItem","prop","label","labelWidth","required","rules","size","validateStatus","help","labelCol","errors","isvalidating","componentDidLoad","this","el","dispatchEvent","CustomEvent","detail","validate","resetValue","getValue","bubbles","composed","addEventListener","handleChildChange","disconnectedCallback","removeEventListener","length","formRules","form","closest","formLevelRules","isRequired","some","r","resolvedLabelPosition","labelPosition","resolvedValidateMessages","validateMessages","msg","rule","key","fallback","message","tmpl","replace","async","value","isEmpty","undefined","Array","isArray","push","pattern","ok","RegExp","test","String","type","min","max","validator","err","input","querySelector","modelValue","displayError","showError","render","labelTop","hasError","labelId","labelStyle","width","h","class","id","style","title","role"],"sources":["src/components/Form/form-item.css?tag=hb-form-item&encapsulation=shadow","src/components/Form/FormItem.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-form-item {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--hb-spacing-sm);\n}\n\n/* label 位置：顶部（对齐 antd label-position=\"top\"）——\n   需要 Form 通过 class 下发，但 FormItem 在独立使用时也支持自身包装。\n   这里用 :host([data-label-position=\"top\"]) 兜底，Form 可通过 setting attribute 生效。 */\n:host([data-label-top]) .hb-form-item,\n.hb-form-item--label-top {\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--hb-spacing-xs);\n}\n\n.hb-form-item__label {\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: var(--hb-size-default, 32px);\n  font-size: var(--hb-font-size-sm, 14px);\n  color: var(--hb-color-text);\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n/* label-position=top 时标签左对齐 */\n:host([data-label-top]) .hb-form-item__label,\n.hb-form-item--label-top .hb-form-item__label {\n  justify-content: flex-start;\n  height: auto;\n  padding-bottom: var(--hb-spacing-xxs, 2px);\n}\n\n/* label-position=left 时标签左对齐 */\n.hb-form-item--label-left .hb-form-item__label {\n  justify-content: flex-start;\n}\n\n.hb-form-item__required {\n  color: var(--hb-color-danger);\n  margin-right: 4px;\n  font-size: var(--hb-font-size-sm, 14px);\n  font-family: SimSun, sans-serif;\n}\n\n.hb-form-item__content {\n  flex: 1;\n  position: relative;\n  min-width: 0;\n}\n\n.hb-form-item__error {\n  font-size: var(--hb-font-size-xs, 12px);\n  color: var(--hb-color-danger);\n  margin-top: 4px;\n  line-height: 1.5;\n  min-height: 0;\n  animation: hb-form-error-fade-in 0.2s ease-out;\n}\n\n@keyframes hb-form-error-fade-in {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ============================================================\n * 响应式（移动端）：小屏强制 label 顶部布局，\n * 避免标签列在窄屏被挤压。覆盖 hb-form-item--label-left/right。\n * ============================================================ */\n@media (max-width: 575.98px) {\n  .hb-form-item {\n    flex-direction: column !important;\n    align-items: stretch !important;\n    gap: var(--hb-spacing-xs) !important;\n  }\n\n  .hb-form-item__label {\n    justify-content: flex-start !important;\n    height: auto !important;\n    padding-bottom: var(--hb-spacing-xxs, 2px) !important;\n  }\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\n/**\n * FormItem 表单项组件\n * 表单中的每一项\n */\n@Component({\n  tag: 'hb-form-item',\n  styleUrl: 'form-item.css',\n  shadow: true,\n})\nexport class FormItem {\n  @Element() el: HTMLElement;\n\n  /** 字段名 */\n  @Prop() prop: string = '';\n\n  /** 标签文本 */\n  @Prop() label: string = '';\n\n  /** 标签宽度 */\n  @Prop() labelWidth?: string;\n\n  /** 是否必填 */\n  @Prop() required: boolean = false;\n\n  /** 该表单项的验证规则 */\n  @Prop() rules: any[] = [];\n\n  /** 表单尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * F6：手动校验态（'success' | 'warning' | 'error' | 'validating' | ''）。\n   * 设置后覆盖内部校验结果驱动的错误显示（对齐 antd validateStatus）。\n   */\n  @Prop() validateStatus?: '' | 'success' | 'warning' | 'error' | 'validating';\n\n  /** F6：手动错误/帮助文案（配合 validateStatus='error' 显示自定义提示） */\n  @Prop() help?: string;\n\n  /**\n   * F7：标签栅格占比（1-24）。未设置时用 labelWidth。\n   * 对齐 antd labelCol（简化为纯数字栅格，labelCol.span）。\n   */\n  @Prop() labelCol?: number;\n\n  @State() errors: string[] = [];\n  @State() isvalidating: boolean = false;\n\n  /** hb-form 在 componentWillLoad 注册的事件监听；FormItem 在 componentDidLoad 派发，\n   *  但 componentWillLoad 早于子组件的 componentDidLoad，因此注册一定先到。\n   *  这里还监听 hbFieldReset，便于 Form.resetFields 主动广播。 */\n\n  componentDidLoad() {\n    // 向父级 hb-form 注册\n    this.el.dispatchEvent(\n      new CustomEvent('hbFormFieldRegister', {\n        detail: {\n          prop: this.prop,\n          validate: this.validate,\n          resetValue: this.resetValue,\n          getValue: this.getValue,\n        },\n        bubbles: true,\n        composed: true, // 穿越 Shadow DOM 边界（FormItem 自身 shadow -> Form host）\n      }),\n    );\n\n    // 子控件值变化时清错（对齐 antd：合法输入即移除错误提示）\n    this.el.addEventListener('hbChange', this.handleChildChange);\n  }\n\n  disconnectedCallback() {\n    this.el.removeEventListener('hbChange', this.handleChildChange);\n  }\n\n  /** 子控件 hbChange 时，若当前有错误则重新校验以尽早清除错误提示 */\n  private handleChildChange = () => {\n    if (this.errors.length > 0) {\n      void this.validate();\n    }\n  };\n\n  private get formRules(): any[] {\n    // 合并 prop 对应的 form rules 和自身 rules\n    const form = this.el.closest('hb-form');\n    const formLevelRules = form ? (form as any).rules?.[this.prop] || [] : [];\n    return [...formLevelRules, ...this.rules];\n  }\n\n  /** 是否渲染必填星号：显式 required 或任一规则带 required（对齐 antd 自动推断） */\n  private get isRequired(): boolean {\n    if (this.required) return true;\n    return this.formRules.some(r => r && r.required);\n  }\n\n  /** 继承父 hb-form 的 labelPosition（FormItem 自身无此 prop，避免与 Form 冲突时以 Form 为准） */\n  private get resolvedLabelPosition(): 'left' | 'right' | 'top' {\n    const form = this.el.closest('hb-form') as any;\n    return (form && form.labelPosition) || 'right';\n  }\n\n  /**\n   * F4：继承父 hb-form 的 validateMessages（校验提示模板）。\n   * 支持占位符 {label}。仅对 rule 未显式指定 message 的规则生效。\n   */\n  private get resolvedValidateMessages(): Record<string, string> | undefined {\n    const form = this.el.closest('hb-form') as any;\n    return form && form.validateMessages;\n  }\n\n  /** 用模板生成错误文案（{label} 替换为字段标签），优先级：rule.message > 模板 > 内置默认 */\n  private msg(rule: any, key: string, fallback: string): string {\n    if (rule.message) return rule.message;\n    const tmpl = this.resolvedValidateMessages;\n    const label = this.label || this.prop;\n    if (tmpl && tmpl[key]) return tmpl[key].replace('{label}', label);\n    return fallback.replace('{label}', label);\n  }\n\n  /**\n   * 验证此字段\n   */\n  @Prop() validate = async (): Promise<string[]> => {\n    const value = this.getValue();\n    const rules = this.formRules;\n\n    if (rules.length === 0) {\n      this.errors = [];\n      return [];\n    }\n\n    this.isvalidating = true;\n    const errors: string[] = [];\n\n    for (const rule of rules) {\n      // 必填校验：空字符串 / null / undefined / 空数组均视为\"未填\"\n      const isEmpty = value === undefined || value === null || value === '' || (Array.isArray(value) && value.length === 0);\n      if (rule.required && isEmpty) {\n        errors.push(this.msg(rule, 'required', `${this.label || this.prop}不能为空`));\n        continue;\n      }\n      // 非必填且为空时，跳过后续格式校验（与 antd 行为一致）\n      if (isEmpty) continue;\n      if (rule.pattern) {\n        const ok = typeof rule.pattern === 'string' ? new RegExp(rule.pattern).test(String(value)) : rule.pattern.test(String(value));\n        if (!ok) {\n          errors.push(this.msg(rule, 'pattern', `${this.label || this.prop}格式不正确`));\n          continue;\n        }\n      }\n      if (rule.type === 'email') {\n        if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(String(value))) {\n          errors.push(this.msg(rule, 'email', `${this.label || this.prop}格式不正确`));\n          continue;\n        }\n      }\n      if (rule.min !== undefined && typeof value === 'string' && value.length < rule.min) {\n        errors.push(this.msg(rule, 'min', `${this.label || this.prop}最少${rule.min}个字符`));\n        continue;\n      }\n      if (rule.max !== undefined && typeof value === 'string' && value.length > rule.max) {\n        errors.push(this.msg(rule, 'max', `${this.label || this.prop}最多${rule.max}个字符`));\n        continue;\n      }\n      if (rule.validator) {\n        try {\n          await rule.validator(value, this.formRules);\n        } catch (err: any) {\n          errors.push(err.message || rule.message || `${this.label || this.prop}验证失败`);\n        }\n      }\n    }\n\n    this.errors = errors;\n    this.isvalidating = false;\n    return errors;\n  };\n\n  @Prop() resetValue = () => {\n    this.errors = [];\n  };\n\n  @Prop() getValue = (): any => {\n    // 覆盖所有表单控件：input/select/cascader/date 系列/数字/checkbox/radio/switch/slider/color-picker/rate/upload\n    const input = this.el.querySelector(\n      'hb-input, hb-select, hb-cascader, hb-date-picker, hb-date-time-picker, hb-date-range-picker, ' +\n        'hb-input-number, hb-textarea, hb-checkbox, hb-checkbox-group, hb-radio-group, hb-switch, ' +\n        'hb-slider, hb-color-picker, hb-rate, hb-time-picker, hb-time-select',\n    );\n    if (input) {\n      return (input as any).modelValue;\n    }\n    return undefined;\n  };\n\n  /** F6：实际显示的错误文案。手动 help 优先；否则取内部 errors[0] */\n  private get displayError(): string {\n    if (this.help !== undefined) return this.help;\n    return this.errors[0] || '';\n  }\n\n  /** F6：实际是否显示错误（手动 validateStatus='error' 或内部有错） */\n  private get showError(): boolean {\n    if (this.validateStatus === 'error') return true;\n    if (this.validateStatus === 'success' || this.validateStatus === 'validating') return false;\n    return this.errors.length > 0;\n  }\n\n  render() {\n    const labelTop = this.resolvedLabelPosition === 'top';\n    const hasError = this.showError;\n    // A4：label 与内容关联。子控件是 slot（id 未知），无法用 label.for；\n    // 改用 content 容器 role=group + aria-labelledby 指向 label id，\n    // 把 label 语义绑到整组；并用 aria-required / aria-invalid 暴露必填与校验态（读屏可感知，\n    // 不再仅靠红色 + 隐藏星号）。\n    const labelId = this.label ? `hb-form-item__label-${this.prop || 'x'}` : undefined;\n    // F7：labelCol 栅格占比（1-24），未设置时回退 labelWidth\n    const labelStyle = this.labelCol\n      ? { width: `${(this.labelCol / 24) * 100}%` }\n      : this.labelWidth\n        ? { width: this.labelWidth }\n        : undefined;\n    return (\n      <div\n        class={{\n          'hb-form-item': true,\n          'hb-form-item--error': hasError,\n          'hb-form-item--validating': this.isvalidating || this.validateStatus === 'validating',\n          'hb-form-item--required': this.isRequired,\n          'hb-form-item--label-top': labelTop,\n          'hb-form-item--label-left': this.resolvedLabelPosition === 'left',\n        }}\n      >\n        {this.label && (\n          <label id={labelId} class=\"hb-form-item__label\" style={labelStyle} title={this.label}>\n            {this.isRequired && (\n              <span class=\"hb-form-item__required\" aria-hidden=\"true\">\n                *\n              </span>\n            )}\n            {this.label}\n          </label>\n        )}\n        <div class=\"hb-form-item__content\" role=\"group\" aria-labelledby={labelId} aria-required={this.isRequired ? 'true' : undefined} aria-invalid={hasError ? 'true' : undefined}>\n          <slot />\n          {hasError && (\n            <div class=\"hb-form-item__error\" role=\"alert\">\n              {this.displayError}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/{p-e5cbfa9e.entry.js → p-6c23fbd1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e}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:block}.hb-pagination{align-items:center;color:var(--hb-color-text);display:flex;font-size:var(--hb-font-size-sm);gap:var(--hb-spacing-xxs);-webkit-user-select:none;user-select:none}.hb-pagination--disabled{opacity:.5;pointer-events:none}.hb-pagination__total{color:var(--hb-color-text-secondary);margin-right:var(--hb-spacing-xs)}.hb-pagination__sizes{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;font-size:var(--hb-font-size-sm);height:28px;margin-right:var(--hb-spacing-xs);outline:none;padding:0 var(--hb-spacing-xs)}.hb-pagination__sizes:focus{border-color:var(--hb-color-primary)}.hb-pagination__btn{align-items:center;background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;display:inline-flex;font-size:var(--hb-font-size-sm);height:28px;justify-content:center;min-width:28px;outline:none;padding:0 4px;transition:all var(--hb-transition-duration)var(--hb-transition-function)}.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active){border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-pagination__btn:disabled{background:var(--hb-color-fill-quaternary);color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-pagination__btn--active{background-color:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-pagination__ellipsis{align-items:center;color:var(--hb-color-text-secondary);display:inline-flex;height:28px;justify-content:center;letter-spacing:2px;min-width:28px}@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}@media (max-width:575.98px){.hb-pagination__btn:not(.hb-pagination__btn--active):not(.hb-pagination__prev):not(.hb-pagination__next),.hb-pagination__ellipsis,.hb-pagination__sizes,.hb-pagination__total{display:none}}';const o=a;const n=class{constructor(e){t(this,e);this.hbCurrentChange=i(this,"hbCurrentChange",7);this.hbSizeChange=i(this,"hbSizeChange",7)}total=0;pageSize=10;currentPage=1;pageSizes=[10,20,50,100];pagerCount=7;disabled=false;showTotal=false;showPageSize=false;internalCurrent=1;internalPageSize=10;hbCurrentChange;hbSizeChange;handleCurrentPageChange(){this.internalCurrent=this.currentPage}handlePageSizeChange(){this.internalPageSize=this.pageSize}componentDidLoad(){this.internalCurrent=this.currentPage;this.internalPageSize=this.pageSize}get totalPages(){return Math.max(1,Math.ceil(this.total/this.internalPageSize))}handlePageClick(t){if(this.disabled||t===this.internalCurrent||t<1||t>this.totalPages)return;this.internalCurrent=t;this.currentPage=t;this.hbCurrentChange.emit(t)}handleSizeChange(t){const i=t.target;const e=parseInt(i.value,10);this.internalPageSize=e;const a=Math.max(1,Math.ceil(this.total/e));const o=Math.min(this.internalCurrent,a);this.hbSizeChange.emit(e);this.internalCurrent=o;this.currentPage=o;if(o!==this.internalCurrent){this.hbCurrentChange.emit(o)}}getPages(){const t=[];const i=this.totalPages;const e=this.internalCurrent;const a=this.pagerCount;if(i<=a){for(let e=1;e<=i;e++)t.push(e);return t}const o=Math.floor((a-2)/2);let n=e-o;let r=e+o;if(n<2){n=2;r=Math.min(a-1,i-1)}if(r>i-1){r=i-1;n=Math.max(2,i-a+2)}t.push(1);if(n>2)t.push("...");for(let i=n;i<=r;i++)t.push(i);if(r<i-1)t.push("...");t.push(i);return t}render(){const t=this.getPages();return e("nav",{key:"1ad5e15f959e5d71db7c55ad58407ace19a2ceb6",class:{"hb-pagination":true,"hb-pagination--disabled":this.disabled},role:"navigation","aria-label":"分页"},this.showTotal&&e("span",{key:"182f0f2e1c1b5f76a1d3f9bd3c2273c7344d2caf",class:"hb-pagination__total","aria-live":"polite"},"共 ",this.total," 条"),this.showPageSize&&e("select",{key:"ecec24301264fbdc4b60c21bd16ba95c02b918b3",class:"hb-pagination__sizes",onChange:this.handleSizeChange,disabled:this.disabled,"aria-label":"每页条数"},this.pageSizes.map((t=>e("option",{value:t,selected:t===this.internalPageSize},t," 条/页")))),e("button",{key:"59241c75873ddfa529e868d5660d3d00ad83009b",type:"button",class:"hb-pagination__btn hb-pagination__prev",disabled:this.disabled||this.internalCurrent<=1,onClick:()=>this.handlePageClick(this.internalCurrent-1),"aria-label":"上一页"},"‹"),t.map((t=>t==="..."?e("span",{class:"hb-pagination__ellipsis","aria-hidden":"true"},"..."):e("button",{type:"button",class:{"hb-pagination__btn":true,"hb-pagination__btn--active":t===this.internalCurrent},disabled:this.disabled,onClick:()=>this.handlePageClick(t),"aria-label":`第 ${t} 页`,"aria-current":t===this.internalCurrent?"page":undefined},t))),e("button",{key:"c9009112a278b270b164ea7ac805a8f2903d2d55",type:"button",class:"hb-pagination__btn hb-pagination__next",disabled:this.disabled||this.internalCurrent>=this.totalPages,onClick:()=>this.handlePageClick(this.internalCurrent+1),"aria-label":"下一页"},"›"))}static get watchers(){return{currentPage:["handleCurrentPageChange"],pageSize:["handlePageSizeChange"]}}};n.style=o;export{n as hb_pagination};
-//# sourceMappingURL=p-e5cbfa9e.entry.js.map
+import{r as t,c as i,h as e}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:block}.hb-pagination{align-items:center;color:var(--hb-color-text);display:flex;font-size:var(--hb-font-size-sm);gap:var(--hb-spacing-xxs);-webkit-user-select:none;user-select:none}.hb-pagination--disabled{opacity:.5;pointer-events:none}.hb-pagination__total{color:var(--hb-color-text-secondary);margin-right:var(--hb-spacing-xs)}.hb-pagination__sizes{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;font-size:var(--hb-font-size-sm);height:28px;margin-right:var(--hb-spacing-xs);outline:none;padding:0 var(--hb-spacing-xs)}.hb-pagination__sizes:focus{border-color:var(--hb-color-primary)}.hb-pagination__btn{align-items:center;background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;display:inline-flex;font-size:var(--hb-font-size-sm);height:28px;justify-content:center;min-width:28px;outline:none;padding:0 4px;transition:all var(--hb-transition-duration)var(--hb-transition-function)}.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active){border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-pagination__btn:disabled{background:var(--hb-color-fill-quaternary);color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-pagination__btn--active{background-color:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-pagination__ellipsis{align-items:center;color:var(--hb-color-text-secondary);display:inline-flex;height:28px;justify-content:center;letter-spacing:2px;min-width:28px}@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}@media (max-width:575.98px){.hb-pagination__btn:not(.hb-pagination__btn--active):not(.hb-pagination__prev):not(.hb-pagination__next),.hb-pagination__ellipsis,.hb-pagination__sizes,.hb-pagination__total{display:none}}';const o=a;const n=class{constructor(e){t(this,e);this.hbCurrentChange=i(this,"hbCurrentChange",7);this.hbSizeChange=i(this,"hbSizeChange",7)}total=0;pageSize=10;currentPage=1;pageSizes=[10,20,50,100];pagerCount=7;disabled=false;showTotal=false;showPageSize=false;internalCurrent=1;internalPageSize=10;hbCurrentChange;hbSizeChange;handleCurrentPageChange(){this.internalCurrent=this.currentPage}handlePageSizeChange(){this.internalPageSize=this.pageSize}componentDidLoad(){this.internalCurrent=this.currentPage;this.internalPageSize=this.pageSize}get totalPages(){return Math.max(1,Math.ceil(this.total/this.internalPageSize))}handlePageClick(t){if(this.disabled||t===this.internalCurrent||t<1||t>this.totalPages)return;this.internalCurrent=t;this.currentPage=t;this.hbCurrentChange.emit(t)}handleSizeChange(t){const i=t.target;const e=parseInt(i.value,10);this.internalPageSize=e;const a=Math.max(1,Math.ceil(this.total/e));const o=this.internalCurrent;const n=Math.min(o,a);this.hbSizeChange.emit(e);this.internalCurrent=n;this.currentPage=n;if(n!==o){this.hbCurrentChange.emit(n)}}getPages(){const t=[];const i=this.totalPages;const e=this.internalCurrent;const a=this.pagerCount;if(i<=a){for(let e=1;e<=i;e++)t.push(e);return t}const o=Math.floor((a-2)/2);let n=e-o;let r=e+o;if(n<2){n=2;r=Math.min(a-1,i-1)}if(r>i-1){r=i-1;n=Math.max(2,i-a+2)}t.push(1);if(n>2)t.push("...");for(let i=n;i<=r;i++)t.push(i);if(r<i-1)t.push("...");t.push(i);return t}render(){const t=this.getPages();return e("nav",{key:"9879e0e196ad17034b61a53919db135b70e829c7",class:{"hb-pagination":true,"hb-pagination--disabled":this.disabled},role:"navigation","aria-label":"分页"},this.showTotal&&e("span",{key:"4cdc7fb2bbd5a05306b8256083e226fe326c6d3e",class:"hb-pagination__total","aria-live":"polite"},"共 ",this.total," 条"),this.showPageSize&&e("select",{key:"0d9630a2193aba460d576d126dcc54db34c8061c",class:"hb-pagination__sizes",onChange:this.handleSizeChange,disabled:this.disabled,"aria-label":"每页条数"},this.pageSizes.map((t=>e("option",{value:t,selected:t===this.internalPageSize},t," 条/页")))),e("button",{key:"01e783d289673b1594101be14c2656ad4916edd8",type:"button",class:"hb-pagination__btn hb-pagination__prev",disabled:this.disabled||this.internalCurrent<=1,onClick:()=>this.handlePageClick(this.internalCurrent-1),"aria-label":"上一页"},"‹"),t.map((t=>t==="..."?e("span",{class:"hb-pagination__ellipsis","aria-hidden":"true"},"..."):e("button",{type:"button",class:{"hb-pagination__btn":true,"hb-pagination__btn--active":t===this.internalCurrent},disabled:this.disabled,onClick:()=>this.handlePageClick(t),"aria-label":`第 ${t} 页`,"aria-current":t===this.internalCurrent?"page":undefined},t))),e("button",{key:"946f06b2333376cd02dd6309377d691b5f5e6039",type:"button",class:"hb-pagination__btn hb-pagination__next",disabled:this.disabled||this.internalCurrent>=this.totalPages,onClick:()=>this.handlePageClick(this.internalCurrent+1),"aria-label":"下一页"},"›"))}static get watchers(){return{currentPage:["handleCurrentPageChange"],pageSize:["handlePageSizeChange"]}}};n.style=o;export{n as hb_pagination};
+//# sourceMappingURL=p-6c23fbd1.entry.js.map

package/dist/huibo-ui/p-6c23fbd1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paginationCss","HbPaginationStyle0","Pagination","total","pageSize","currentPage","pageSizes","pagerCount","disabled","showTotal","showPageSize","internalCurrent","internalPageSize","hbCurrentChange","hbSizeChange","handleCurrentPageChange","this","handlePageSizeChange","componentDidLoad","totalPages","Math","max","ceil","handlePageClick","page","emit","handleSizeChange","e","target","size","parseInt","value","newTotal","oldCurrent","safePage","min","getPages","pages","current","pager","i","push","half","floor","start","end","render","h","key","class","role","onChange","map","selected","type","onClick","undefined"],"sources":["src/components/Pagination/pagination.css?tag=hb-pagination&encapsulation=shadow","src/components/Pagination/Pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-pagination {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  user-select: none;\n}\n\n.hb-pagination--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.hb-pagination__total {\n  margin-right: var(--hb-spacing-xs);\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-pagination__sizes {\n  height: 28px;\n  padding: 0 var(--hb-spacing-xs);\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  margin-right: var(--hb-spacing-xs);\n}\n\n.hb-pagination__sizes:focus {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  padding: 0 4px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n}\n\n.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active) {\n  color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn:disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n  background: var(--hb-color-fill-quaternary);\n}\n\n.hb-pagination__btn--active {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n  color: #fff;\n}\n\n.hb-pagination__ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  color: var(--hb-color-text-secondary);\n  letter-spacing: 2px;\n}\n\n/* ============================================================\n * 响应式（移动端）：小屏简化分页，\n * 隐藏非相邻页码与省略号，仅保留 首页/上一页/当前页/下一页/末页。\n * 通过 aria-hidden 而非 display:none，保持键盘可达性由 active 决定。\n * ============================================================ */\n@media (max-width: 575.98px) {\n  /* 隐藏中间页码（保留 active 与首末按钮） */\n  .hb-pagination__btn:not(.hb-pagination__btn--active):not(.hb-pagination__prev):not(.hb-pagination__next) {\n    display: none;\n  }\n\n  /* 隐藏省略号 */\n  .hb-pagination__ellipsis {\n    display: none;\n  }\n\n  /* 隐藏\"共 N 条\"和\"每页 N 条\"选择器以节省空间（信息保留在 aria-label） */\n  .hb-pagination__total,\n  .hb-pagination__sizes {\n    display: none;\n  }\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Pagination 分页组件\n * 当数据量过多时，使用分页分解数据\n */\n@Component({\n  tag: 'hb-pagination',\n  styleUrl: 'pagination.css',\n  shadow: true,\n})\nexport class Pagination {\n  /** 总条目数 */\n  @Prop() total: number = 0;\n\n  /** 每页显示条目数 */\n  @Prop() pageSize: number = 10;\n\n  /** 当前页数 */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** 每页显示个数选择器的选项设置 */\n  @Prop() pageSizes: number[] = [10, 20, 50, 100];\n\n  /** 最大页码按钮数 */\n  @Prop() pagerCount: number = 7;\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示总条数 */\n  @Prop() showTotal: boolean = false;\n\n  /** 是否显示每页条数选择器 */\n  @Prop() showPageSize: boolean = false;\n\n  @State() internalCurrent: number = 1;\n  /** 内部每页条数：pageSize 变更时同步；size 切换后立即生效重算 totalPages */\n  @State() internalPageSize: number = 10;\n\n  /** 当前页改变事件 */\n  @Event() hbCurrentChange: EventEmitter<number>;\n\n  /** 每页条数改变事件 */\n  @Event() hbSizeChange: EventEmitter<number>;\n\n  @Watch('currentPage')\n  handleCurrentPageChange() {\n    this.internalCurrent = this.currentPage;\n  }\n\n  @Watch('pageSize')\n  handlePageSizeChange() {\n    this.internalPageSize = this.pageSize;\n  }\n\n  componentDidLoad() {\n    this.internalCurrent = this.currentPage;\n    this.internalPageSize = this.pageSize;\n  }\n\n  private get totalPages(): number {\n    return Math.max(1, Math.ceil(this.total / this.internalPageSize));\n  }\n\n  private handlePageClick(page: number) {\n    if (this.disabled || page === this.internalCurrent || page < 1 || page > this.totalPages) return;\n    this.internalCurrent = page;\n    this.currentPage = page;\n    this.hbCurrentChange.emit(page);\n  }\n\n  private handleSizeChange(e: Event) {\n    const target = e.target as HTMLSelectElement;\n    const size = parseInt(target.value, 10);\n    // 切 pageSize 后立即重算 totalPages，并防止 currentPage 越界。\n    // 注意：先记下旧页码再赋值，否则「safePage !== internalCurrent」恒为 false（B2 回归）。\n    this.internalPageSize = size;\n    const newTotal = Math.max(1, Math.ceil(this.total / size));\n    const oldCurrent = this.internalCurrent;\n    const safePage = Math.min(oldCurrent, newTotal);\n    this.hbSizeChange.emit(size);\n    this.internalCurrent = safePage;\n    this.currentPage = safePage;\n    // 仅当页码真的被钳位时才 emit，避免切 pageSize 但页码未变时多余回调\n    if (safePage !== oldCurrent) {\n      this.hbCurrentChange.emit(safePage);\n    }\n  }\n\n  private getPages(): (number | '...')[] {\n    const pages: (number | '...')[] = [];\n    const total = this.totalPages;\n    const current = this.internalCurrent;\n    const pager = this.pagerCount;\n\n    if (total <= pager) {\n      for (let i = 1; i <= total; i++) pages.push(i);\n      return pages;\n    }\n\n    const half = Math.floor((pager - 2) / 2);\n    let start = current - half;\n    let end = current + half;\n\n    if (start < 2) {\n      start = 2;\n      end = Math.min(pager - 1, total - 1);\n    }\n    if (end > total - 1) {\n      end = total - 1;\n      start = Math.max(2, total - pager + 2);\n    }\n\n    pages.push(1);\n    if (start > 2) pages.push('...');\n    for (let i = start; i <= end; i++) pages.push(i);\n    if (end < total - 1) pages.push('...');\n    pages.push(total);\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.getPages();\n\n    return (\n      <nav class={{ 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }} role=\"navigation\" aria-label=\"分页\">\n        {this.showTotal && (\n          <span class=\"hb-pagination__total\" aria-live=\"polite\">\n            共 {this.total} 条\n          </span>\n        )}\n\n        {this.showPageSize && (\n          <select class=\"hb-pagination__sizes\" onChange={this.handleSizeChange} disabled={this.disabled} aria-label=\"每页条数\">\n            {this.pageSizes.map(size => (\n              <option value={size} selected={size === this.internalPageSize}>\n                {size} 条/页\n              </option>\n            ))}\n          </select>\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__prev\"\n          disabled={this.disabled || this.internalCurrent <= 1}\n          onClick={() => this.handlePageClick(this.internalCurrent - 1)}\n          aria-label=\"上一页\"\n        >\n          ‹\n        </button>\n\n        {pages.map(page =>\n          page === '...' ? (\n            <span class=\"hb-pagination__ellipsis\" aria-hidden=\"true\">\n              ...\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              class={{\n                'hb-pagination__btn': true,\n                'hb-pagination__btn--active': page === this.internalCurrent,\n              }}\n              disabled={this.disabled}\n              onClick={() => this.handlePageClick(page as number)}\n              aria-label={`第 ${page} 页`}\n              aria-current={page === this.internalCurrent ? 'page' : undefined}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__next\"\n          disabled={this.disabled || this.internalCurrent >= this.totalPages}\n          onClick={() => this.handlePageClick(this.internalCurrent + 1)}\n          aria-label=\"下一页\"\n        >\n          ›\n        </button>\n      </nav>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-6c8cf248.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["layoutCss","HbLayoutStyle0","Layout","span","offset","push","pull","xs","sm","md","lg","xl","normalizeResponsive","value","undefined","getColClass","classes","this","bps","bp","v","r","join","render","h","key","class"],"sources":["src/components/Layout/layout.css?tag=hb-layout&encapsulation=shadow","src/components/Layout/Layout.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-col {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Generate col classes for span 1-24 */\n.hb-col-1 { width: 4.16666667%; }\n.hb-col-2 { width: 8.33333333%; }\n.hb-col-3 { width: 12.5%; }\n.hb-col-4 { width: 16.66666667%; }\n.hb-col-5 { width: 20.83333333%; }\n.hb-col-6 { width: 25%; }\n.hb-col-7 { width: 29.16666667%; }\n.hb-col-8 { width: 33.33333333%; }\n.hb-col-9 { width: 37.5%; }\n.hb-col-10 { width: 41.66666667%; }\n.hb-col-11 { width: 45.83333333%; }\n.hb-col-12 { width: 50%; }\n.hb-col-13 { width: 54.16666667%; }\n.hb-col-14 { width: 58.33333333%; }\n.hb-col-15 { width: 62.5%; }\n.hb-col-16 { width: 66.66666667%; }\n.hb-col-17 { width: 70.83333333%; }\n.hb-col-18 { width: 75%; }\n.hb-col-19 { width: 79.16666667%; }\n.hb-col-20 { width: 83.33333333%; }\n.hb-col-21 { width: 87.5%; }\n.hb-col-22 { width: 91.66666667%; }\n.hb-col-23 { width: 95.83333333%; }\n.hb-col-24 { width: 100%; }\n\n/* Offset classes */\n.hb-col-offset-1 { margin-left: 4.16666667%; }\n.hb-col-offset-2 { margin-left: 8.33333333%; }\n.hb-col-offset-3 { margin-left: 12.5%; }\n.hb-col-offset-4 { margin-left: 16.66666667%; }\n.hb-col-offset-5 { margin-left: 20.83333333%; }\n.hb-col-offset-6 { margin-left: 25%; }\n.hb-col-offset-7 { margin-left: 29.16666667%; }\n.hb-col-offset-8 { margin-left: 33.33333333%; }\n.hb-col-offset-9 { margin-left: 37.5%; }\n.hb-col-offset-10 { margin-left: 41.66666667%; }\n.hb-col-offset-11 { margin-left: 45.83333333%; }\n.hb-col-offset-12 { margin-left: 50%; }\n.hb-col-offset-13 { margin-left: 54.16666667%; }\n.hb-col-offset-14 { margin-left: 58.33333333%; }\n.hb-col-offset-15 { margin-left: 62.5%; }\n.hb-col-offset-16 { margin-left: 66.66666667%; }\n.hb-col-offset-17 { margin-left: 70.83333333%; }\n.hb-col-offset-18 { margin-left: 75%; }\n.hb-col-offset-19 { margin-left: 79.16666667%; }\n.hb-col-offset-20 { margin-left: 83.33333333%; }\n.hb-col-offset-21 { margin-left: 87.5%; }\n.hb-col-offset-22 { margin-left: 91.66666667%; }\n.hb-col-offset-23 { margin-left: 95.83333333%; }\n\n/* Push classes */\n.hb-col-push-1 { left: 4.16666667%; }\n.hb-col-push-2 { left: 8.33333333%; }\n.hb-col-push-3 { left: 12.5%; }\n.hb-col-push-4 { left: 16.66666667%; }\n.hb-col-push-5 { left: 20.83333333%; }\n.hb-col-push-6 { left: 25%; }\n.hb-col-push-7 { left: 29.16666667%; }\n.hb-col-push-8 { left: 33.33333333%; }\n.hb-col-push-9 { left: 37.5%; }\n.hb-col-push-10 { left: 41.66666667%; }\n.hb-col-push-11 { left: 45.83333333%; }\n.hb-col-push-12 { left: 50%; }\n\n/* Pull classes */\n.hb-col-pull-1 { right: 4.16666667%; }\n.hb-col-pull-2 { right: 8.33333333%; }\n.hb-col-pull-3 { right: 12.5%; }\n.hb-col-pull-4 { right: 16.66666667%; }\n.hb-col-pull-5 { right: 20.83333333%; }\n.hb-col-pull-6 { right: 25%; }\n.hb-col-pull-7 { right: 29.16666667%; }\n.hb-col-pull-8 { right: 33.33333333%; }\n.hb-col-pull-9 { right: 37.5%; }\n.hb-col-pull-10 { right: 41.66666667%; }\n.hb-col-pull-11 { right: 45.83333333%; }\n.hb-col-pull-12 { right: 50%; }\n\n\n/* ============================================================\n * 响应式栅格（xs/sm/md/lg/xl）—— 由 Layout.tsx 输出对应 class，\n * 这里按断点用 @media 应用宽度/偏移/推拉。\n * xs 无 @media（移动端默认）；sm/md/lg/xl 用 min-width 渐进增强。\n * 对齐 antd Grid 断点：576 / 768 / 992 / 1200\n * ============================================================ */\n\n.hb-col-xs-0 { display: none; }\n.hb-col-xs-1 { width: 4.16666667%; }\n.hb-col-xs-2 { width: 8.33333333%; }\n.hb-col-xs-3 { width: 12.5%; }\n.hb-col-xs-4 { width: 16.66666667%; }\n.hb-col-xs-5 { width: 20.83333333%; }\n.hb-col-xs-6 { width: 25%; }\n.hb-col-xs-7 { width: 29.16666667%; }\n.hb-col-xs-8 { width: 33.33333333%; }\n.hb-col-xs-9 { width: 37.5%; }\n.hb-col-xs-10 { width: 41.66666667%; }\n.hb-col-xs-11 { width: 45.83333333%; }\n.hb-col-xs-12 { width: 50%; }\n.hb-col-xs-13 { width: 54.16666667%; }\n.hb-col-xs-14 { width: 58.33333333%; }\n.hb-col-xs-15 { width: 62.5%; }\n.hb-col-xs-16 { width: 66.66666667%; }\n.hb-col-xs-17 { width: 70.83333333%; }\n.hb-col-xs-18 { width: 75%; }\n.hb-col-xs-19 { width: 79.16666667%; }\n.hb-col-xs-20 { width: 83.33333333%; }\n.hb-col-xs-21 { width: 87.5%; }\n.hb-col-xs-22 { width: 91.66666667%; }\n.hb-col-xs-23 { width: 95.83333333%; }\n.hb-col-xs-24 { width: 100%; }\n.hb-col-xs-offset-0 { margin-left: 0; }\n.hb-col-xs-offset-1 { margin-left: 4.16666667%; }\n.hb-col-xs-offset-2 { margin-left: 8.33333333%; }\n.hb-col-xs-offset-3 { margin-left: 12.5%; }\n.hb-col-xs-offset-4 { margin-left: 16.66666667%; }\n.hb-col-xs-offset-5 { margin-left: 20.83333333%; }\n.hb-col-xs-offset-6 { margin-left: 25%; }\n.hb-col-xs-offset-7 { margin-left: 29.16666667%; }\n.hb-col-xs-offset-8 { margin-left: 33.33333333%; }\n.hb-col-xs-offset-9 { margin-left: 37.5%; }\n.hb-col-xs-offset-10 { margin-left: 41.66666667%; }\n.hb-col-xs-offset-11 { margin-left: 45.83333333%; }\n.hb-col-xs-offset-12 { margin-left: 50%; }\n.hb-col-xs-offset-13 { margin-left: 54.16666667%; }\n.hb-col-xs-offset-14 { margin-left: 58.33333333%; }\n.hb-col-xs-offset-15 { margin-left: 62.5%; }\n.hb-col-xs-offset-16 { margin-left: 66.66666667%; }\n.hb-col-xs-offset-17 { margin-left: 70.83333333%; }\n.hb-col-xs-offset-18 { margin-left: 75%; }\n.hb-col-xs-offset-19 { margin-left: 79.16666667%; }\n.hb-col-xs-offset-20 { margin-left: 83.33333333%; }\n.hb-col-xs-offset-21 { margin-left: 87.5%; }\n.hb-col-xs-offset-22 { margin-left: 91.66666667%; }\n.hb-col-xs-offset-23 { margin-left: 95.83333333%; }\n.hb-col-xs-offset-24 { margin-left: 100%; }\n.hb-col-xs-push-0 { left: 0; }\n.hb-col-xs-push-1 { left: 4.16666667%; }\n.hb-col-xs-push-2 { left: 8.33333333%; }\n.hb-col-xs-push-3 { left: 12.5%; }\n.hb-col-xs-push-4 { left: 16.66666667%; }\n.hb-col-xs-push-5 { left: 20.83333333%; }\n.hb-col-xs-push-6 { left: 25%; }\n.hb-col-xs-push-7 { left: 29.16666667%; }\n.hb-col-xs-push-8 { left: 33.33333333%; }\n.hb-col-xs-push-9 { left: 37.5%; }\n.hb-col-xs-push-10 { left: 41.66666667%; }\n.hb-col-xs-push-11 { left: 45.83333333%; }\n.hb-col-xs-push-12 { left: 50%; }\n.hb-col-xs-push-13 { left: 54.16666667%; }\n.hb-col-xs-push-14 { left: 58.33333333%; }\n.hb-col-xs-push-15 { left: 62.5%; }\n.hb-col-xs-push-16 { left: 66.66666667%; }\n.hb-col-xs-push-17 { left: 70.83333333%; }\n.hb-col-xs-push-18 { left: 75%; }\n.hb-col-xs-push-19 { left: 79.16666667%; }\n.hb-col-xs-push-20 { left: 83.33333333%; }\n.hb-col-xs-push-21 { left: 87.5%; }\n.hb-col-xs-push-22 { left: 91.66666667%; }\n.hb-col-xs-push-23 { left: 95.83333333%; }\n.hb-col-xs-push-24 { left: 100%; }\n.hb-col-xs-pull-0 { right: 0; }\n.hb-col-xs-pull-1 { right: 4.16666667%; }\n.hb-col-xs-pull-2 { right: 8.33333333%; }\n.hb-col-xs-pull-3 { right: 12.5%; }\n.hb-col-xs-pull-4 { right: 16.66666667%; }\n.hb-col-xs-pull-5 { right: 20.83333333%; }\n.hb-col-xs-pull-6 { right: 25%; }\n.hb-col-xs-pull-7 { right: 29.16666667%; }\n.hb-col-xs-pull-8 { right: 33.33333333%; }\n.hb-col-xs-pull-9 { right: 37.5%; }\n.hb-col-xs-pull-10 { right: 41.66666667%; }\n.hb-col-xs-pull-11 { right: 45.83333333%; }\n.hb-col-xs-pull-12 { right: 50%; }\n.hb-col-xs-pull-13 { right: 54.16666667%; }\n.hb-col-xs-pull-14 { right: 58.33333333%; }\n.hb-col-xs-pull-15 { right: 62.5%; }\n.hb-col-xs-pull-16 { right: 66.66666667%; }\n.hb-col-xs-pull-17 { right: 70.83333333%; }\n.hb-col-xs-pull-18 { right: 75%; }\n.hb-col-xs-pull-19 { right: 79.16666667%; }\n.hb-col-xs-pull-20 { right: 83.33333333%; }\n.hb-col-xs-pull-21 { right: 87.5%; }\n.hb-col-xs-pull-22 { right: 91.66666667%; }\n.hb-col-xs-pull-23 { right: 95.83333333%; }\n.hb-col-xs-pull-24 { right: 100%; }\n\n@media (min-width: 576px) {\n\n.hb-col-sm-0 { display: none; }\n.hb-col-sm-1 { width: 4.16666667%; }\n.hb-col-sm-2 { width: 8.33333333%; }\n.hb-col-sm-3 { width: 12.5%; }\n.hb-col-sm-4 { width: 16.66666667%; }\n.hb-col-sm-5 { width: 20.83333333%; }\n.hb-col-sm-6 { width: 25%; }\n.hb-col-sm-7 { width: 29.16666667%; }\n.hb-col-sm-8 { width: 33.33333333%; }\n.hb-col-sm-9 { width: 37.5%; }\n.hb-col-sm-10 { width: 41.66666667%; }\n.hb-col-sm-11 { width: 45.83333333%; }\n.hb-col-sm-12 { width: 50%; }\n.hb-col-sm-13 { width: 54.16666667%; }\n.hb-col-sm-14 { width: 58.33333333%; }\n.hb-col-sm-15 { width: 62.5%; }\n.hb-col-sm-16 { width: 66.66666667%; }\n.hb-col-sm-17 { width: 70.83333333%; }\n.hb-col-sm-18 { width: 75%; }\n.hb-col-sm-19 { width: 79.16666667%; }\n.hb-col-sm-20 { width: 83.33333333%; }\n.hb-col-sm-21 { width: 87.5%; }\n.hb-col-sm-22 { width: 91.66666667%; }\n.hb-col-sm-23 { width: 95.83333333%; }\n.hb-col-sm-24 { width: 100%; }\n.hb-col-sm-offset-0 { margin-left: 0; }\n.hb-col-sm-offset-1 { margin-left: 4.16666667%; }\n.hb-col-sm-offset-2 { margin-left: 8.33333333%; }\n.hb-col-sm-offset-3 { margin-left: 12.5%; }\n.hb-col-sm-offset-4 { margin-left: 16.66666667%; }\n.hb-col-sm-offset-5 { margin-left: 20.83333333%; }\n.hb-col-sm-offset-6 { margin-left: 25%; }\n.hb-col-sm-offset-7 { margin-left: 29.16666667%; }\n.hb-col-sm-offset-8 { margin-left: 33.33333333%; }\n.hb-col-sm-offset-9 { margin-left: 37.5%; }\n.hb-col-sm-offset-10 { margin-left: 41.66666667%; }\n.hb-col-sm-offset-11 { margin-left: 45.83333333%; }\n.hb-col-sm-offset-12 { margin-left: 50%; }\n.hb-col-sm-offset-13 { margin-left: 54.16666667%; }\n.hb-col-sm-offset-14 { margin-left: 58.33333333%; }\n.hb-col-sm-offset-15 { margin-left: 62.5%; }\n.hb-col-sm-offset-16 { margin-left: 66.66666667%; }\n.hb-col-sm-offset-17 { margin-left: 70.83333333%; }\n.hb-col-sm-offset-18 { margin-left: 75%; }\n.hb-col-sm-offset-19 { margin-left: 79.16666667%; }\n.hb-col-sm-offset-20 { margin-left: 83.33333333%; }\n.hb-col-sm-offset-21 { margin-left: 87.5%; }\n.hb-col-sm-offset-22 { margin-left: 91.66666667%; }\n.hb-col-sm-offset-23 { margin-left: 95.83333333%; }\n.hb-col-sm-offset-24 { margin-left: 100%; }\n.hb-col-sm-push-0 { left: 0; }\n.hb-col-sm-push-1 { left: 4.16666667%; }\n.hb-col-sm-push-2 { left: 8.33333333%; }\n.hb-col-sm-push-3 { left: 12.5%; }\n.hb-col-sm-push-4 { left: 16.66666667%; }\n.hb-col-sm-push-5 { left: 20.83333333%; }\n.hb-col-sm-push-6 { left: 25%; }\n.hb-col-sm-push-7 { left: 29.16666667%; }\n.hb-col-sm-push-8 { left: 33.33333333%; }\n.hb-col-sm-push-9 { left: 37.5%; }\n.hb-col-sm-push-10 { left: 41.66666667%; }\n.hb-col-sm-push-11 { left: 45.83333333%; }\n.hb-col-sm-push-12 { left: 50%; }\n.hb-col-sm-push-13 { left: 54.16666667%; }\n.hb-col-sm-push-14 { left: 58.33333333%; }\n.hb-col-sm-push-15 { left: 62.5%; }\n.hb-col-sm-push-16 { left: 66.66666667%; }\n.hb-col-sm-push-17 { left: 70.83333333%; }\n.hb-col-sm-push-18 { left: 75%; }\n.hb-col-sm-push-19 { left: 79.16666667%; }\n.hb-col-sm-push-20 { left: 83.33333333%; }\n.hb-col-sm-push-21 { left: 87.5%; }\n.hb-col-sm-push-22 { left: 91.66666667%; }\n.hb-col-sm-push-23 { left: 95.83333333%; }\n.hb-col-sm-push-24 { left: 100%; }\n.hb-col-sm-pull-0 { right: 0; }\n.hb-col-sm-pull-1 { right: 4.16666667%; }\n.hb-col-sm-pull-2 { right: 8.33333333%; }\n.hb-col-sm-pull-3 { right: 12.5%; }\n.hb-col-sm-pull-4 { right: 16.66666667%; }\n.hb-col-sm-pull-5 { right: 20.83333333%; }\n.hb-col-sm-pull-6 { right: 25%; }\n.hb-col-sm-pull-7 { right: 29.16666667%; }\n.hb-col-sm-pull-8 { right: 33.33333333%; }\n.hb-col-sm-pull-9 { right: 37.5%; }\n.hb-col-sm-pull-10 { right: 41.66666667%; }\n.hb-col-sm-pull-11 { right: 45.83333333%; }\n.hb-col-sm-pull-12 { right: 50%; }\n.hb-col-sm-pull-13 { right: 54.16666667%; }\n.hb-col-sm-pull-14 { right: 58.33333333%; }\n.hb-col-sm-pull-15 { right: 62.5%; }\n.hb-col-sm-pull-16 { right: 66.66666667%; }\n.hb-col-sm-pull-17 { right: 70.83333333%; }\n.hb-col-sm-pull-18 { right: 75%; }\n.hb-col-sm-pull-19 { right: 79.16666667%; }\n.hb-col-sm-pull-20 { right: 83.33333333%; }\n.hb-col-sm-pull-21 { right: 87.5%; }\n.hb-col-sm-pull-22 { right: 91.66666667%; }\n.hb-col-sm-pull-23 { right: 95.83333333%; }\n.hb-col-sm-pull-24 { right: 100%; }\n}\n\n@media (min-width: 768px) {\n\n.hb-col-md-0 { display: none; }\n.hb-col-md-1 { width: 4.16666667%; }\n.hb-col-md-2 { width: 8.33333333%; }\n.hb-col-md-3 { width: 12.5%; }\n.hb-col-md-4 { width: 16.66666667%; }\n.hb-col-md-5 { width: 20.83333333%; }\n.hb-col-md-6 { width: 25%; }\n.hb-col-md-7 { width: 29.16666667%; }\n.hb-col-md-8 { width: 33.33333333%; }\n.hb-col-md-9 { width: 37.5%; }\n.hb-col-md-10 { width: 41.66666667%; }\n.hb-col-md-11 { width: 45.83333333%; }\n.hb-col-md-12 { width: 50%; }\n.hb-col-md-13 { width: 54.16666667%; }\n.hb-col-md-14 { width: 58.33333333%; }\n.hb-col-md-15 { width: 62.5%; }\n.hb-col-md-16 { width: 66.66666667%; }\n.hb-col-md-17 { width: 70.83333333%; }\n.hb-col-md-18 { width: 75%; }\n.hb-col-md-19 { width: 79.16666667%; }\n.hb-col-md-20 { width: 83.33333333%; }\n.hb-col-md-21 { width: 87.5%; }\n.hb-col-md-22 { width: 91.66666667%; }\n.hb-col-md-23 { width: 95.83333333%; }\n.hb-col-md-24 { width: 100%; }\n.hb-col-md-offset-0 { margin-left: 0; }\n.hb-col-md-offset-1 { margin-left: 4.16666667%; }\n.hb-col-md-offset-2 { margin-left: 8.33333333%; }\n.hb-col-md-offset-3 { margin-left: 12.5%; }\n.hb-col-md-offset-4 { margin-left: 16.66666667%; }\n.hb-col-md-offset-5 { margin-left: 20.83333333%; }\n.hb-col-md-offset-6 { margin-left: 25%; }\n.hb-col-md-offset-7 { margin-left: 29.16666667%; }\n.hb-col-md-offset-8 { margin-left: 33.33333333%; }\n.hb-col-md-offset-9 { margin-left: 37.5%; }\n.hb-col-md-offset-10 { margin-left: 41.66666667%; }\n.hb-col-md-offset-11 { margin-left: 45.83333333%; }\n.hb-col-md-offset-12 { margin-left: 50%; }\n.hb-col-md-offset-13 { margin-left: 54.16666667%; }\n.hb-col-md-offset-14 { margin-left: 58.33333333%; }\n.hb-col-md-offset-15 { margin-left: 62.5%; }\n.hb-col-md-offset-16 { margin-left: 66.66666667%; }\n.hb-col-md-offset-17 { margin-left: 70.83333333%; }\n.hb-col-md-offset-18 { margin-left: 75%; }\n.hb-col-md-offset-19 { margin-left: 79.16666667%; }\n.hb-col-md-offset-20 { margin-left: 83.33333333%; }\n.hb-col-md-offset-21 { margin-left: 87.5%; }\n.hb-col-md-offset-22 { margin-left: 91.66666667%; }\n.hb-col-md-offset-23 { margin-left: 95.83333333%; }\n.hb-col-md-offset-24 { margin-left: 100%; }\n.hb-col-md-push-0 { left: 0; }\n.hb-col-md-push-1 { left: 4.16666667%; }\n.hb-col-md-push-2 { left: 8.33333333%; }\n.hb-col-md-push-3 { left: 12.5%; }\n.hb-col-md-push-4 { left: 16.66666667%; }\n.hb-col-md-push-5 { left: 20.83333333%; }\n.hb-col-md-push-6 { left: 25%; }\n.hb-col-md-push-7 { left: 29.16666667%; }\n.hb-col-md-push-8 { left: 33.33333333%; }\n.hb-col-md-push-9 { left: 37.5%; }\n.hb-col-md-push-10 { left: 41.66666667%; }\n.hb-col-md-push-11 { left: 45.83333333%; }\n.hb-col-md-push-12 { left: 50%; }\n.hb-col-md-push-13 { left: 54.16666667%; }\n.hb-col-md-push-14 { left: 58.33333333%; }\n.hb-col-md-push-15 { left: 62.5%; }\n.hb-col-md-push-16 { left: 66.66666667%; }\n.hb-col-md-push-17 { left: 70.83333333%; }\n.hb-col-md-push-18 { left: 75%; }\n.hb-col-md-push-19 { left: 79.16666667%; }\n.hb-col-md-push-20 { left: 83.33333333%; }\n.hb-col-md-push-21 { left: 87.5%; }\n.hb-col-md-push-22 { left: 91.66666667%; }\n.hb-col-md-push-23 { left: 95.83333333%; }\n.hb-col-md-push-24 { left: 100%; }\n.hb-col-md-pull-0 { right: 0; }\n.hb-col-md-pull-1 { right: 4.16666667%; }\n.hb-col-md-pull-2 { right: 8.33333333%; }\n.hb-col-md-pull-3 { right: 12.5%; }\n.hb-col-md-pull-4 { right: 16.66666667%; }\n.hb-col-md-pull-5 { right: 20.83333333%; }\n.hb-col-md-pull-6 { right: 25%; }\n.hb-col-md-pull-7 { right: 29.16666667%; }\n.hb-col-md-pull-8 { right: 33.33333333%; }\n.hb-col-md-pull-9 { right: 37.5%; }\n.hb-col-md-pull-10 { right: 41.66666667%; }\n.hb-col-md-pull-11 { right: 45.83333333%; }\n.hb-col-md-pull-12 { right: 50%; }\n.hb-col-md-pull-13 { right: 54.16666667%; }\n.hb-col-md-pull-14 { right: 58.33333333%; }\n.hb-col-md-pull-15 { right: 62.5%; }\n.hb-col-md-pull-16 { right: 66.66666667%; }\n.hb-col-md-pull-17 { right: 70.83333333%; }\n.hb-col-md-pull-18 { right: 75%; }\n.hb-col-md-pull-19 { right: 79.16666667%; }\n.hb-col-md-pull-20 { right: 83.33333333%; }\n.hb-col-md-pull-21 { right: 87.5%; }\n.hb-col-md-pull-22 { right: 91.66666667%; }\n.hb-col-md-pull-23 { right: 95.83333333%; }\n.hb-col-md-pull-24 { right: 100%; }\n}\n\n@media (min-width: 992px) {\n\n.hb-col-lg-0 { display: none; }\n.hb-col-lg-1 { width: 4.16666667%; }\n.hb-col-lg-2 { width: 8.33333333%; }\n.hb-col-lg-3 { width: 12.5%; }\n.hb-col-lg-4 { width: 16.66666667%; }\n.hb-col-lg-5 { width: 20.83333333%; }\n.hb-col-lg-6 { width: 25%; }\n.hb-col-lg-7 { width: 29.16666667%; }\n.hb-col-lg-8 { width: 33.33333333%; }\n.hb-col-lg-9 { width: 37.5%; }\n.hb-col-lg-10 { width: 41.66666667%; }\n.hb-col-lg-11 { width: 45.83333333%; }\n.hb-col-lg-12 { width: 50%; }\n.hb-col-lg-13 { width: 54.16666667%; }\n.hb-col-lg-14 { width: 58.33333333%; }\n.hb-col-lg-15 { width: 62.5%; }\n.hb-col-lg-16 { width: 66.66666667%; }\n.hb-col-lg-17 { width: 70.83333333%; }\n.hb-col-lg-18 { width: 75%; }\n.hb-col-lg-19 { width: 79.16666667%; }\n.hb-col-lg-20 { width: 83.33333333%; }\n.hb-col-lg-21 { width: 87.5%; }\n.hb-col-lg-22 { width: 91.66666667%; }\n.hb-col-lg-23 { width: 95.83333333%; }\n.hb-col-lg-24 { width: 100%; }\n.hb-col-lg-offset-0 { margin-left: 0; }\n.hb-col-lg-offset-1 { margin-left: 4.16666667%; }\n.hb-col-lg-offset-2 { margin-left: 8.33333333%; }\n.hb-col-lg-offset-3 { margin-left: 12.5%; }\n.hb-col-lg-offset-4 { margin-left: 16.66666667%; }\n.hb-col-lg-offset-5 { margin-left: 20.83333333%; }\n.hb-col-lg-offset-6 { margin-left: 25%; }\n.hb-col-lg-offset-7 { margin-left: 29.16666667%; }\n.hb-col-lg-offset-8 { margin-left: 33.33333333%; }\n.hb-col-lg-offset-9 { margin-left: 37.5%; }\n.hb-col-lg-offset-10 { margin-left: 41.66666667%; }\n.hb-col-lg-offset-11 { margin-left: 45.83333333%; }\n.hb-col-lg-offset-12 { margin-left: 50%; }\n.hb-col-lg-offset-13 { margin-left: 54.16666667%; }\n.hb-col-lg-offset-14 { margin-left: 58.33333333%; }\n.hb-col-lg-offset-15 { margin-left: 62.5%; }\n.hb-col-lg-offset-16 { margin-left: 66.66666667%; }\n.hb-col-lg-offset-17 { margin-left: 70.83333333%; }\n.hb-col-lg-offset-18 { margin-left: 75%; }\n.hb-col-lg-offset-19 { margin-left: 79.16666667%; }\n.hb-col-lg-offset-20 { margin-left: 83.33333333%; }\n.hb-col-lg-offset-21 { margin-left: 87.5%; }\n.hb-col-lg-offset-22 { margin-left: 91.66666667%; }\n.hb-col-lg-offset-23 { margin-left: 95.83333333%; }\n.hb-col-lg-offset-24 { margin-left: 100%; }\n.hb-col-lg-push-0 { left: 0; }\n.hb-col-lg-push-1 { left: 4.16666667%; }\n.hb-col-lg-push-2 { left: 8.33333333%; }\n.hb-col-lg-push-3 { left: 12.5%; }\n.hb-col-lg-push-4 { left: 16.66666667%; }\n.hb-col-lg-push-5 { left: 20.83333333%; }\n.hb-col-lg-push-6 { left: 25%; }\n.hb-col-lg-push-7 { left: 29.16666667%; }\n.hb-col-lg-push-8 { left: 33.33333333%; }\n.hb-col-lg-push-9 { left: 37.5%; }\n.hb-col-lg-push-10 { left: 41.66666667%; }\n.hb-col-lg-push-11 { left: 45.83333333%; }\n.hb-col-lg-push-12 { left: 50%; }\n.hb-col-lg-push-13 { left: 54.16666667%; }\n.hb-col-lg-push-14 { left: 58.33333333%; }\n.hb-col-lg-push-15 { left: 62.5%; }\n.hb-col-lg-push-16 { left: 66.66666667%; }\n.hb-col-lg-push-17 { left: 70.83333333%; }\n.hb-col-lg-push-18 { left: 75%; }\n.hb-col-lg-push-19 { left: 79.16666667%; }\n.hb-col-lg-push-20 { left: 83.33333333%; }\n.hb-col-lg-push-21 { left: 87.5%; }\n.hb-col-lg-push-22 { left: 91.66666667%; }\n.hb-col-lg-push-23 { left: 95.83333333%; }\n.hb-col-lg-push-24 { left: 100%; }\n.hb-col-lg-pull-0 { right: 0; }\n.hb-col-lg-pull-1 { right: 4.16666667%; }\n.hb-col-lg-pull-2 { right: 8.33333333%; }\n.hb-col-lg-pull-3 { right: 12.5%; }\n.hb-col-lg-pull-4 { right: 16.66666667%; }\n.hb-col-lg-pull-5 { right: 20.83333333%; }\n.hb-col-lg-pull-6 { right: 25%; }\n.hb-col-lg-pull-7 { right: 29.16666667%; }\n.hb-col-lg-pull-8 { right: 33.33333333%; }\n.hb-col-lg-pull-9 { right: 37.5%; }\n.hb-col-lg-pull-10 { right: 41.66666667%; }\n.hb-col-lg-pull-11 { right: 45.83333333%; }\n.hb-col-lg-pull-12 { right: 50%; }\n.hb-col-lg-pull-13 { right: 54.16666667%; }\n.hb-col-lg-pull-14 { right: 58.33333333%; }\n.hb-col-lg-pull-15 { right: 62.5%; }\n.hb-col-lg-pull-16 { right: 66.66666667%; }\n.hb-col-lg-pull-17 { right: 70.83333333%; }\n.hb-col-lg-pull-18 { right: 75%; }\n.hb-col-lg-pull-19 { right: 79.16666667%; }\n.hb-col-lg-pull-20 { right: 83.33333333%; }\n.hb-col-lg-pull-21 { right: 87.5%; }\n.hb-col-lg-pull-22 { right: 91.66666667%; }\n.hb-col-lg-pull-23 { right: 95.83333333%; }\n.hb-col-lg-pull-24 { right: 100%; }\n}\n\n@media (min-width: 1200px) {\n\n.hb-col-xl-0 { display: none; }\n.hb-col-xl-1 { width: 4.16666667%; }\n.hb-col-xl-2 { width: 8.33333333%; }\n.hb-col-xl-3 { width: 12.5%; }\n.hb-col-xl-4 { width: 16.66666667%; }\n.hb-col-xl-5 { width: 20.83333333%; }\n.hb-col-xl-6 { width: 25%; }\n.hb-col-xl-7 { width: 29.16666667%; }\n.hb-col-xl-8 { width: 33.33333333%; }\n.hb-col-xl-9 { width: 37.5%; }\n.hb-col-xl-10 { width: 41.66666667%; }\n.hb-col-xl-11 { width: 45.83333333%; }\n.hb-col-xl-12 { width: 50%; }\n.hb-col-xl-13 { width: 54.16666667%; }\n.hb-col-xl-14 { width: 58.33333333%; }\n.hb-col-xl-15 { width: 62.5%; }\n.hb-col-xl-16 { width: 66.66666667%; }\n.hb-col-xl-17 { width: 70.83333333%; }\n.hb-col-xl-18 { width: 75%; }\n.hb-col-xl-19 { width: 79.16666667%; }\n.hb-col-xl-20 { width: 83.33333333%; }\n.hb-col-xl-21 { width: 87.5%; }\n.hb-col-xl-22 { width: 91.66666667%; }\n.hb-col-xl-23 { width: 95.83333333%; }\n.hb-col-xl-24 { width: 100%; }\n.hb-col-xl-offset-0 { margin-left: 0; }\n.hb-col-xl-offset-1 { margin-left: 4.16666667%; }\n.hb-col-xl-offset-2 { margin-left: 8.33333333%; }\n.hb-col-xl-offset-3 { margin-left: 12.5%; }\n.hb-col-xl-offset-4 { margin-left: 16.66666667%; }\n.hb-col-xl-offset-5 { margin-left: 20.83333333%; }\n.hb-col-xl-offset-6 { margin-left: 25%; }\n.hb-col-xl-offset-7 { margin-left: 29.16666667%; }\n.hb-col-xl-offset-8 { margin-left: 33.33333333%; }\n.hb-col-xl-offset-9 { margin-left: 37.5%; }\n.hb-col-xl-offset-10 { margin-left: 41.66666667%; }\n.hb-col-xl-offset-11 { margin-left: 45.83333333%; }\n.hb-col-xl-offset-12 { margin-left: 50%; }\n.hb-col-xl-offset-13 { margin-left: 54.16666667%; }\n.hb-col-xl-offset-14 { margin-left: 58.33333333%; }\n.hb-col-xl-offset-15 { margin-left: 62.5%; }\n.hb-col-xl-offset-16 { margin-left: 66.66666667%; }\n.hb-col-xl-offset-17 { margin-left: 70.83333333%; }\n.hb-col-xl-offset-18 { margin-left: 75%; }\n.hb-col-xl-offset-19 { margin-left: 79.16666667%; }\n.hb-col-xl-offset-20 { margin-left: 83.33333333%; }\n.hb-col-xl-offset-21 { margin-left: 87.5%; }\n.hb-col-xl-offset-22 { margin-left: 91.66666667%; }\n.hb-col-xl-offset-23 { margin-left: 95.83333333%; }\n.hb-col-xl-offset-24 { margin-left: 100%; }\n.hb-col-xl-push-0 { left: 0; }\n.hb-col-xl-push-1 { left: 4.16666667%; }\n.hb-col-xl-push-2 { left: 8.33333333%; }\n.hb-col-xl-push-3 { left: 12.5%; }\n.hb-col-xl-push-4 { left: 16.66666667%; }\n.hb-col-xl-push-5 { left: 20.83333333%; }\n.hb-col-xl-push-6 { left: 25%; }\n.hb-col-xl-push-7 { left: 29.16666667%; }\n.hb-col-xl-push-8 { left: 33.33333333%; }\n.hb-col-xl-push-9 { left: 37.5%; }\n.hb-col-xl-push-10 { left: 41.66666667%; }\n.hb-col-xl-push-11 { left: 45.83333333%; }\n.hb-col-xl-push-12 { left: 50%; }\n.hb-col-xl-push-13 { left: 54.16666667%; }\n.hb-col-xl-push-14 { left: 58.33333333%; }\n.hb-col-xl-push-15 { left: 62.5%; }\n.hb-col-xl-push-16 { left: 66.66666667%; }\n.hb-col-xl-push-17 { left: 70.83333333%; }\n.hb-col-xl-push-18 { left: 75%; }\n.hb-col-xl-push-19 { left: 79.16666667%; }\n.hb-col-xl-push-20 { left: 83.33333333%; }\n.hb-col-xl-push-21 { left: 87.5%; }\n.hb-col-xl-push-22 { left: 91.66666667%; }\n.hb-col-xl-push-23 { left: 95.83333333%; }\n.hb-col-xl-push-24 { left: 100%; }\n.hb-col-xl-pull-0 { right: 0; }\n.hb-col-xl-pull-1 { right: 4.16666667%; }\n.hb-col-xl-pull-2 { right: 8.33333333%; }\n.hb-col-xl-pull-3 { right: 12.5%; }\n.hb-col-xl-pull-4 { right: 16.66666667%; }\n.hb-col-xl-pull-5 { right: 20.83333333%; }\n.hb-col-xl-pull-6 { right: 25%; }\n.hb-col-xl-pull-7 { right: 29.16666667%; }\n.hb-col-xl-pull-8 { right: 33.33333333%; }\n.hb-col-xl-pull-9 { right: 37.5%; }\n.hb-col-xl-pull-10 { right: 41.66666667%; }\n.hb-col-xl-pull-11 { right: 45.83333333%; }\n.hb-col-xl-pull-12 { right: 50%; }\n.hb-col-xl-pull-13 { right: 54.16666667%; }\n.hb-col-xl-pull-14 { right: 58.33333333%; }\n.hb-col-xl-pull-15 { right: 62.5%; }\n.hb-col-xl-pull-16 { right: 66.66666667%; }\n.hb-col-xl-pull-17 { right: 70.83333333%; }\n.hb-col-xl-pull-18 { right: 75%; }\n.hb-col-xl-pull-19 { right: 79.16666667%; }\n.hb-col-xl-pull-20 { right: 83.33333333%; }\n.hb-col-xl-pull-21 { right: 87.5%; }\n.hb-col-xl-pull-22 { right: 91.66666667%; }\n.hb-col-xl-pull-23 { right: 95.83333333%; }\n.hb-col-xl-pull-24 { right: 100%; }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/** 响应式栅格配置（对齐 antd：可传 number 或 {span,offset,push,pull}） */\nexport interface ColResponsive {\n  span?: number;\n  offset?: number;\n  push?: number;\n  pull?: number;\n}\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局。\n * 支持响应式：xs/sm/md/lg/xl 在对应断点应用各自的 span/offset/push/pull。\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | ColResponsive;\n\n  /**\n   * ≥576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | ColResponsive;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | ColResponsive;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | ColResponsive;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | ColResponsive;\n\n  /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */\n  private normalizeResponsive(value: number | ColResponsive | undefined): ColResponsive {\n    if (value === undefined || value === null) return {};\n    if (typeof value === 'number') return { span: value };\n    return value;\n  }\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n\n    // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）\n    if (this.span) classes.push(`hb-col-${this.span}`);\n    if (this.offset) classes.push(`hb-col-offset-${this.offset}`);\n    if (this.push) classes.push(`hb-col-push-${this.push}`);\n    if (this.pull) classes.push(`hb-col-pull-${this.pull}`);\n\n    // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，\n    // CSS 用 @media 在对应断点应用（覆盖基础值）。\n    const bps: Array<'xs' | 'sm' | 'md' | 'lg' | 'xl'> = ['xs', 'sm', 'md', 'lg', 'xl'];\n    for (const bp of bps) {\n      const v = this[bp];\n      if (v === undefined) continue;\n      const r = this.normalizeResponsive(v);\n      if (r.span !== undefined) classes.push(`hb-col-${bp}-${r.span}`);\n      if (r.offset !== undefined) classes.push(`hb-col-${bp}-offset-${r.offset}`);\n      if (r.push !== undefined) classes.push(`hb-col-${bp}-push-${r.push}`);\n      if (r.pull !== undefined) classes.push(`hb-col-${bp}-pull-${r.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n\n"],"mappings":"2CAAA,MAAMA,EAAY,+wvBAClB,MAAAC,EAAeD,E,MCmBFE,EAAM,M,yBAKTC,KAAe,GAMfC,OAAiB,EAMjBC,KAAe,EAMfC,KAAe,EAKfC,GAKAC,GAKAC,GAKAC,GAKAC,GAGA,mBAAAC,CAAoBC,GAC1B,GAAIA,IAAUC,WAAaD,IAAU,KAAM,MAAO,GAClD,UAAWA,IAAU,SAAU,MAAO,CAAEV,KAAMU,GAC9C,OAAOA,C,CAGD,WAAAE,GACN,MAAMC,EAAoB,CAAC,UAG3B,GAAIC,KAAKd,KAAMa,EAAQX,KAAK,UAAUY,KAAKd,QAC3C,GAAIc,KAAKb,OAAQY,EAAQX,KAAK,iBAAiBY,KAAKb,UACpD,GAAIa,KAAKZ,KAAMW,EAAQX,KAAK,eAAeY,KAAKZ,QAChD,GAAIY,KAAKX,KAAMU,EAAQX,KAAK,eAAeY,KAAKX,QAIhD,MAAMY,EAA+C,CAAC,KAAM,KAAM,KAAM,KAAM,MAC9E,IAAK,MAAMC,KAAMD,EAAK,CACpB,MAAME,EAAIH,KAAKE,GACf,GAAIC,IAAMN,UAAW,SACrB,MAAMO,EAAIJ,KAAKL,oBAAoBQ,GACnC,GAAIC,EAAElB,OAASW,UAAWE,EAAQX,KAAK,UAAUc,KAAME,EAAElB,QACzD,GAAIkB,EAAEjB,SAAWU,UAAWE,EAAQX,KAAK,UAAUc,YAAaE,EAAEjB,UAClE,GAAIiB,EAAEhB,OAASS,UAAWE,EAAQX,KAAK,UAAUc,UAAWE,EAAEhB,QAC9D,GAAIgB,EAAEf,OAASQ,UAAWE,EAAQX,KAAK,UAAUc,UAAWE,EAAEf,O,CAGhE,OAAOU,EAAQM,KAAK,I,CAGtB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAOT,KAAKF,eACfS,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["layoutCss","HbLayoutStyle0","Layout","span","offset","push","pull","xs","sm","md","lg","xl","normalizeResponsive","value","undefined","getColClass","classes","this","bps","bp","v","r","join","render","h","key","class"],"sources":["src/components/Layout/layout.css?tag=hb-layout&encapsulation=shadow","src/components/Layout/Layout.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-col {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Generate col classes for span 1-24 */\n.hb-col-1 {\n  width: 4.16666667%;\n}\n.hb-col-2 {\n  width: 8.33333333%;\n}\n.hb-col-3 {\n  width: 12.5%;\n}\n.hb-col-4 {\n  width: 16.66666667%;\n}\n.hb-col-5 {\n  width: 20.83333333%;\n}\n.hb-col-6 {\n  width: 25%;\n}\n.hb-col-7 {\n  width: 29.16666667%;\n}\n.hb-col-8 {\n  width: 33.33333333%;\n}\n.hb-col-9 {\n  width: 37.5%;\n}\n.hb-col-10 {\n  width: 41.66666667%;\n}\n.hb-col-11 {\n  width: 45.83333333%;\n}\n.hb-col-12 {\n  width: 50%;\n}\n.hb-col-13 {\n  width: 54.16666667%;\n}\n.hb-col-14 {\n  width: 58.33333333%;\n}\n.hb-col-15 {\n  width: 62.5%;\n}\n.hb-col-16 {\n  width: 66.66666667%;\n}\n.hb-col-17 {\n  width: 70.83333333%;\n}\n.hb-col-18 {\n  width: 75%;\n}\n.hb-col-19 {\n  width: 79.16666667%;\n}\n.hb-col-20 {\n  width: 83.33333333%;\n}\n.hb-col-21 {\n  width: 87.5%;\n}\n.hb-col-22 {\n  width: 91.66666667%;\n}\n.hb-col-23 {\n  width: 95.83333333%;\n}\n.hb-col-24 {\n  width: 100%;\n}\n\n/* Offset classes */\n.hb-col-offset-1 {\n  margin-left: 4.16666667%;\n}\n.hb-col-offset-2 {\n  margin-left: 8.33333333%;\n}\n.hb-col-offset-3 {\n  margin-left: 12.5%;\n}\n.hb-col-offset-4 {\n  margin-left: 16.66666667%;\n}\n.hb-col-offset-5 {\n  margin-left: 20.83333333%;\n}\n.hb-col-offset-6 {\n  margin-left: 25%;\n}\n.hb-col-offset-7 {\n  margin-left: 29.16666667%;\n}\n.hb-col-offset-8 {\n  margin-left: 33.33333333%;\n}\n.hb-col-offset-9 {\n  margin-left: 37.5%;\n}\n.hb-col-offset-10 {\n  margin-left: 41.66666667%;\n}\n.hb-col-offset-11 {\n  margin-left: 45.83333333%;\n}\n.hb-col-offset-12 {\n  margin-left: 50%;\n}\n.hb-col-offset-13 {\n  margin-left: 54.16666667%;\n}\n.hb-col-offset-14 {\n  margin-left: 58.33333333%;\n}\n.hb-col-offset-15 {\n  margin-left: 62.5%;\n}\n.hb-col-offset-16 {\n  margin-left: 66.66666667%;\n}\n.hb-col-offset-17 {\n  margin-left: 70.83333333%;\n}\n.hb-col-offset-18 {\n  margin-left: 75%;\n}\n.hb-col-offset-19 {\n  margin-left: 79.16666667%;\n}\n.hb-col-offset-20 {\n  margin-left: 83.33333333%;\n}\n.hb-col-offset-21 {\n  margin-left: 87.5%;\n}\n.hb-col-offset-22 {\n  margin-left: 91.66666667%;\n}\n.hb-col-offset-23 {\n  margin-left: 95.83333333%;\n}\n\n/* Push classes */\n.hb-col-push-1 {\n  left: 4.16666667%;\n}\n.hb-col-push-2 {\n  left: 8.33333333%;\n}\n.hb-col-push-3 {\n  left: 12.5%;\n}\n.hb-col-push-4 {\n  left: 16.66666667%;\n}\n.hb-col-push-5 {\n  left: 20.83333333%;\n}\n.hb-col-push-6 {\n  left: 25%;\n}\n.hb-col-push-7 {\n  left: 29.16666667%;\n}\n.hb-col-push-8 {\n  left: 33.33333333%;\n}\n.hb-col-push-9 {\n  left: 37.5%;\n}\n.hb-col-push-10 {\n  left: 41.66666667%;\n}\n.hb-col-push-11 {\n  left: 45.83333333%;\n}\n.hb-col-push-12 {\n  left: 50%;\n}\n\n/* Pull classes */\n.hb-col-pull-1 {\n  right: 4.16666667%;\n}\n.hb-col-pull-2 {\n  right: 8.33333333%;\n}\n.hb-col-pull-3 {\n  right: 12.5%;\n}\n.hb-col-pull-4 {\n  right: 16.66666667%;\n}\n.hb-col-pull-5 {\n  right: 20.83333333%;\n}\n.hb-col-pull-6 {\n  right: 25%;\n}\n.hb-col-pull-7 {\n  right: 29.16666667%;\n}\n.hb-col-pull-8 {\n  right: 33.33333333%;\n}\n.hb-col-pull-9 {\n  right: 37.5%;\n}\n.hb-col-pull-10 {\n  right: 41.66666667%;\n}\n.hb-col-pull-11 {\n  right: 45.83333333%;\n}\n.hb-col-pull-12 {\n  right: 50%;\n}\n\n/* ============================================================\n * 响应式栅格（xs/sm/md/lg/xl）—— 由 Layout.tsx 输出对应 class，\n * 这里按断点用 @media 应用宽度/偏移/推拉。\n * xs 无 @media（移动端默认）；sm/md/lg/xl 用 min-width 渐进增强。\n * 对齐 antd Grid 断点：576 / 768 / 992 / 1200\n * ============================================================ */\n\n.hb-col-xs-0 {\n  display: none;\n}\n.hb-col-xs-1 {\n  width: 4.16666667%;\n}\n.hb-col-xs-2 {\n  width: 8.33333333%;\n}\n.hb-col-xs-3 {\n  width: 12.5%;\n}\n.hb-col-xs-4 {\n  width: 16.66666667%;\n}\n.hb-col-xs-5 {\n  width: 20.83333333%;\n}\n.hb-col-xs-6 {\n  width: 25%;\n}\n.hb-col-xs-7 {\n  width: 29.16666667%;\n}\n.hb-col-xs-8 {\n  width: 33.33333333%;\n}\n.hb-col-xs-9 {\n  width: 37.5%;\n}\n.hb-col-xs-10 {\n  width: 41.66666667%;\n}\n.hb-col-xs-11 {\n  width: 45.83333333%;\n}\n.hb-col-xs-12 {\n  width: 50%;\n}\n.hb-col-xs-13 {\n  width: 54.16666667%;\n}\n.hb-col-xs-14 {\n  width: 58.33333333%;\n}\n.hb-col-xs-15 {\n  width: 62.5%;\n}\n.hb-col-xs-16 {\n  width: 66.66666667%;\n}\n.hb-col-xs-17 {\n  width: 70.83333333%;\n}\n.hb-col-xs-18 {\n  width: 75%;\n}\n.hb-col-xs-19 {\n  width: 79.16666667%;\n}\n.hb-col-xs-20 {\n  width: 83.33333333%;\n}\n.hb-col-xs-21 {\n  width: 87.5%;\n}\n.hb-col-xs-22 {\n  width: 91.66666667%;\n}\n.hb-col-xs-23 {\n  width: 95.83333333%;\n}\n.hb-col-xs-24 {\n  width: 100%;\n}\n.hb-col-xs-offset-0 {\n  margin-left: 0;\n}\n.hb-col-xs-offset-1 {\n  margin-left: 4.16666667%;\n}\n.hb-col-xs-offset-2 {\n  margin-left: 8.33333333%;\n}\n.hb-col-xs-offset-3 {\n  margin-left: 12.5%;\n}\n.hb-col-xs-offset-4 {\n  margin-left: 16.66666667%;\n}\n.hb-col-xs-offset-5 {\n  margin-left: 20.83333333%;\n}\n.hb-col-xs-offset-6 {\n  margin-left: 25%;\n}\n.hb-col-xs-offset-7 {\n  margin-left: 29.16666667%;\n}\n.hb-col-xs-offset-8 {\n  margin-left: 33.33333333%;\n}\n.hb-col-xs-offset-9 {\n  margin-left: 37.5%;\n}\n.hb-col-xs-offset-10 {\n  margin-left: 41.66666667%;\n}\n.hb-col-xs-offset-11 {\n  margin-left: 45.83333333%;\n}\n.hb-col-xs-offset-12 {\n  margin-left: 50%;\n}\n.hb-col-xs-offset-13 {\n  margin-left: 54.16666667%;\n}\n.hb-col-xs-offset-14 {\n  margin-left: 58.33333333%;\n}\n.hb-col-xs-offset-15 {\n  margin-left: 62.5%;\n}\n.hb-col-xs-offset-16 {\n  margin-left: 66.66666667%;\n}\n.hb-col-xs-offset-17 {\n  margin-left: 70.83333333%;\n}\n.hb-col-xs-offset-18 {\n  margin-left: 75%;\n}\n.hb-col-xs-offset-19 {\n  margin-left: 79.16666667%;\n}\n.hb-col-xs-offset-20 {\n  margin-left: 83.33333333%;\n}\n.hb-col-xs-offset-21 {\n  margin-left: 87.5%;\n}\n.hb-col-xs-offset-22 {\n  margin-left: 91.66666667%;\n}\n.hb-col-xs-offset-23 {\n  margin-left: 95.83333333%;\n}\n.hb-col-xs-offset-24 {\n  margin-left: 100%;\n}\n.hb-col-xs-push-0 {\n  left: 0;\n}\n.hb-col-xs-push-1 {\n  left: 4.16666667%;\n}\n.hb-col-xs-push-2 {\n  left: 8.33333333%;\n}\n.hb-col-xs-push-3 {\n  left: 12.5%;\n}\n.hb-col-xs-push-4 {\n  left: 16.66666667%;\n}\n.hb-col-xs-push-5 {\n  left: 20.83333333%;\n}\n.hb-col-xs-push-6 {\n  left: 25%;\n}\n.hb-col-xs-push-7 {\n  left: 29.16666667%;\n}\n.hb-col-xs-push-8 {\n  left: 33.33333333%;\n}\n.hb-col-xs-push-9 {\n  left: 37.5%;\n}\n.hb-col-xs-push-10 {\n  left: 41.66666667%;\n}\n.hb-col-xs-push-11 {\n  left: 45.83333333%;\n}\n.hb-col-xs-push-12 {\n  left: 50%;\n}\n.hb-col-xs-push-13 {\n  left: 54.16666667%;\n}\n.hb-col-xs-push-14 {\n  left: 58.33333333%;\n}\n.hb-col-xs-push-15 {\n  left: 62.5%;\n}\n.hb-col-xs-push-16 {\n  left: 66.66666667%;\n}\n.hb-col-xs-push-17 {\n  left: 70.83333333%;\n}\n.hb-col-xs-push-18 {\n  left: 75%;\n}\n.hb-col-xs-push-19 {\n  left: 79.16666667%;\n}\n.hb-col-xs-push-20 {\n  left: 83.33333333%;\n}\n.hb-col-xs-push-21 {\n  left: 87.5%;\n}\n.hb-col-xs-push-22 {\n  left: 91.66666667%;\n}\n.hb-col-xs-push-23 {\n  left: 95.83333333%;\n}\n.hb-col-xs-push-24 {\n  left: 100%;\n}\n.hb-col-xs-pull-0 {\n  right: 0;\n}\n.hb-col-xs-pull-1 {\n  right: 4.16666667%;\n}\n.hb-col-xs-pull-2 {\n  right: 8.33333333%;\n}\n.hb-col-xs-pull-3 {\n  right: 12.5%;\n}\n.hb-col-xs-pull-4 {\n  right: 16.66666667%;\n}\n.hb-col-xs-pull-5 {\n  right: 20.83333333%;\n}\n.hb-col-xs-pull-6 {\n  right: 25%;\n}\n.hb-col-xs-pull-7 {\n  right: 29.16666667%;\n}\n.hb-col-xs-pull-8 {\n  right: 33.33333333%;\n}\n.hb-col-xs-pull-9 {\n  right: 37.5%;\n}\n.hb-col-xs-pull-10 {\n  right: 41.66666667%;\n}\n.hb-col-xs-pull-11 {\n  right: 45.83333333%;\n}\n.hb-col-xs-pull-12 {\n  right: 50%;\n}\n.hb-col-xs-pull-13 {\n  right: 54.16666667%;\n}\n.hb-col-xs-pull-14 {\n  right: 58.33333333%;\n}\n.hb-col-xs-pull-15 {\n  right: 62.5%;\n}\n.hb-col-xs-pull-16 {\n  right: 66.66666667%;\n}\n.hb-col-xs-pull-17 {\n  right: 70.83333333%;\n}\n.hb-col-xs-pull-18 {\n  right: 75%;\n}\n.hb-col-xs-pull-19 {\n  right: 79.16666667%;\n}\n.hb-col-xs-pull-20 {\n  right: 83.33333333%;\n}\n.hb-col-xs-pull-21 {\n  right: 87.5%;\n}\n.hb-col-xs-pull-22 {\n  right: 91.66666667%;\n}\n.hb-col-xs-pull-23 {\n  right: 95.83333333%;\n}\n.hb-col-xs-pull-24 {\n  right: 100%;\n}\n\n@media (min-width: 576px) {\n  .hb-col-sm-0 {\n    display: none;\n  }\n  .hb-col-sm-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-sm-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-sm-3 {\n    width: 12.5%;\n  }\n  .hb-col-sm-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-sm-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-sm-6 {\n    width: 25%;\n  }\n  .hb-col-sm-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-sm-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-sm-9 {\n    width: 37.5%;\n  }\n  .hb-col-sm-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-sm-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-sm-12 {\n    width: 50%;\n  }\n  .hb-col-sm-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-sm-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-sm-15 {\n    width: 62.5%;\n  }\n  .hb-col-sm-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-sm-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-sm-18 {\n    width: 75%;\n  }\n  .hb-col-sm-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-sm-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-sm-21 {\n    width: 87.5%;\n  }\n  .hb-col-sm-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-sm-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-sm-24 {\n    width: 100%;\n  }\n  .hb-col-sm-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-sm-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-sm-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-sm-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-sm-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-sm-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-sm-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-sm-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-sm-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-sm-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-sm-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-sm-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-sm-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-sm-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-sm-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-sm-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-sm-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-sm-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-sm-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-sm-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-sm-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-sm-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-sm-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-sm-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-sm-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-sm-push-0 {\n    left: 0;\n  }\n  .hb-col-sm-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-sm-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-sm-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-sm-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-sm-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-sm-push-6 {\n    left: 25%;\n  }\n  .hb-col-sm-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-sm-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-sm-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-sm-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-sm-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-sm-push-12 {\n    left: 50%;\n  }\n  .hb-col-sm-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-sm-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-sm-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-sm-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-sm-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-sm-push-18 {\n    left: 75%;\n  }\n  .hb-col-sm-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-sm-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-sm-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-sm-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-sm-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-sm-push-24 {\n    left: 100%;\n  }\n  .hb-col-sm-pull-0 {\n    right: 0;\n  }\n  .hb-col-sm-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-sm-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-sm-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-sm-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-sm-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-sm-pull-6 {\n    right: 25%;\n  }\n  .hb-col-sm-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-sm-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-sm-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-sm-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-sm-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-sm-pull-12 {\n    right: 50%;\n  }\n  .hb-col-sm-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-sm-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-sm-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-sm-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-sm-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-sm-pull-18 {\n    right: 75%;\n  }\n  .hb-col-sm-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-sm-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-sm-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-sm-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-sm-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-sm-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 768px) {\n  .hb-col-md-0 {\n    display: none;\n  }\n  .hb-col-md-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-md-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-md-3 {\n    width: 12.5%;\n  }\n  .hb-col-md-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-md-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-md-6 {\n    width: 25%;\n  }\n  .hb-col-md-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-md-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-md-9 {\n    width: 37.5%;\n  }\n  .hb-col-md-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-md-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-md-12 {\n    width: 50%;\n  }\n  .hb-col-md-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-md-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-md-15 {\n    width: 62.5%;\n  }\n  .hb-col-md-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-md-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-md-18 {\n    width: 75%;\n  }\n  .hb-col-md-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-md-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-md-21 {\n    width: 87.5%;\n  }\n  .hb-col-md-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-md-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-md-24 {\n    width: 100%;\n  }\n  .hb-col-md-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-md-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-md-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-md-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-md-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-md-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-md-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-md-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-md-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-md-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-md-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-md-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-md-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-md-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-md-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-md-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-md-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-md-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-md-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-md-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-md-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-md-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-md-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-md-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-md-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-md-push-0 {\n    left: 0;\n  }\n  .hb-col-md-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-md-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-md-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-md-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-md-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-md-push-6 {\n    left: 25%;\n  }\n  .hb-col-md-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-md-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-md-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-md-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-md-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-md-push-12 {\n    left: 50%;\n  }\n  .hb-col-md-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-md-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-md-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-md-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-md-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-md-push-18 {\n    left: 75%;\n  }\n  .hb-col-md-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-md-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-md-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-md-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-md-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-md-push-24 {\n    left: 100%;\n  }\n  .hb-col-md-pull-0 {\n    right: 0;\n  }\n  .hb-col-md-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-md-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-md-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-md-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-md-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-md-pull-6 {\n    right: 25%;\n  }\n  .hb-col-md-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-md-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-md-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-md-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-md-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-md-pull-12 {\n    right: 50%;\n  }\n  .hb-col-md-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-md-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-md-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-md-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-md-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-md-pull-18 {\n    right: 75%;\n  }\n  .hb-col-md-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-md-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-md-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-md-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-md-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-md-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 992px) {\n  .hb-col-lg-0 {\n    display: none;\n  }\n  .hb-col-lg-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-lg-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-lg-3 {\n    width: 12.5%;\n  }\n  .hb-col-lg-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-lg-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-lg-6 {\n    width: 25%;\n  }\n  .hb-col-lg-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-lg-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-lg-9 {\n    width: 37.5%;\n  }\n  .hb-col-lg-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-lg-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-lg-12 {\n    width: 50%;\n  }\n  .hb-col-lg-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-lg-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-lg-15 {\n    width: 62.5%;\n  }\n  .hb-col-lg-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-lg-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-lg-18 {\n    width: 75%;\n  }\n  .hb-col-lg-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-lg-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-lg-21 {\n    width: 87.5%;\n  }\n  .hb-col-lg-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-lg-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-lg-24 {\n    width: 100%;\n  }\n  .hb-col-lg-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-lg-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-lg-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-lg-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-lg-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-lg-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-lg-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-lg-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-lg-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-lg-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-lg-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-lg-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-lg-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-lg-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-lg-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-lg-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-lg-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-lg-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-lg-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-lg-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-lg-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-lg-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-lg-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-lg-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-lg-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-lg-push-0 {\n    left: 0;\n  }\n  .hb-col-lg-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-lg-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-lg-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-lg-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-lg-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-lg-push-6 {\n    left: 25%;\n  }\n  .hb-col-lg-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-lg-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-lg-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-lg-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-lg-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-lg-push-12 {\n    left: 50%;\n  }\n  .hb-col-lg-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-lg-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-lg-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-lg-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-lg-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-lg-push-18 {\n    left: 75%;\n  }\n  .hb-col-lg-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-lg-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-lg-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-lg-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-lg-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-lg-push-24 {\n    left: 100%;\n  }\n  .hb-col-lg-pull-0 {\n    right: 0;\n  }\n  .hb-col-lg-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-lg-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-lg-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-lg-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-lg-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-lg-pull-6 {\n    right: 25%;\n  }\n  .hb-col-lg-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-lg-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-lg-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-lg-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-lg-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-lg-pull-12 {\n    right: 50%;\n  }\n  .hb-col-lg-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-lg-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-lg-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-lg-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-lg-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-lg-pull-18 {\n    right: 75%;\n  }\n  .hb-col-lg-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-lg-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-lg-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-lg-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-lg-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-lg-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 1200px) {\n  .hb-col-xl-0 {\n    display: none;\n  }\n  .hb-col-xl-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-xl-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-xl-3 {\n    width: 12.5%;\n  }\n  .hb-col-xl-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-xl-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-xl-6 {\n    width: 25%;\n  }\n  .hb-col-xl-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-xl-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-xl-9 {\n    width: 37.5%;\n  }\n  .hb-col-xl-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-xl-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-xl-12 {\n    width: 50%;\n  }\n  .hb-col-xl-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-xl-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-xl-15 {\n    width: 62.5%;\n  }\n  .hb-col-xl-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-xl-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-xl-18 {\n    width: 75%;\n  }\n  .hb-col-xl-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-xl-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-xl-21 {\n    width: 87.5%;\n  }\n  .hb-col-xl-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-xl-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-xl-24 {\n    width: 100%;\n  }\n  .hb-col-xl-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-xl-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-xl-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-xl-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-xl-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-xl-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-xl-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-xl-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-xl-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-xl-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-xl-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-xl-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-xl-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-xl-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-xl-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-xl-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-xl-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-xl-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-xl-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-xl-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-xl-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-xl-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-xl-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-xl-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-xl-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-xl-push-0 {\n    left: 0;\n  }\n  .hb-col-xl-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-xl-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-xl-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-xl-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-xl-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-xl-push-6 {\n    left: 25%;\n  }\n  .hb-col-xl-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-xl-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-xl-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-xl-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-xl-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-xl-push-12 {\n    left: 50%;\n  }\n  .hb-col-xl-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-xl-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-xl-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-xl-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-xl-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-xl-push-18 {\n    left: 75%;\n  }\n  .hb-col-xl-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-xl-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-xl-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-xl-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-xl-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-xl-push-24 {\n    left: 100%;\n  }\n  .hb-col-xl-pull-0 {\n    right: 0;\n  }\n  .hb-col-xl-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-xl-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-xl-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-xl-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-xl-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-xl-pull-6 {\n    right: 25%;\n  }\n  .hb-col-xl-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-xl-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-xl-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-xl-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-xl-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-xl-pull-12 {\n    right: 50%;\n  }\n  .hb-col-xl-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-xl-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-xl-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-xl-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-xl-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-xl-pull-18 {\n    right: 75%;\n  }\n  .hb-col-xl-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-xl-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-xl-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-xl-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-xl-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-xl-pull-24 {\n    right: 100%;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/** 响应式栅格配置（对齐 antd：可传 number 或 {span,offset,push,pull}） */\nexport interface ColResponsive {\n  span?: number;\n  offset?: number;\n  push?: number;\n  pull?: number;\n}\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局。\n * 支持响应式：xs/sm/md/lg/xl 在对应断点应用各自的 span/offset/push/pull。\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | ColResponsive;\n\n  /**\n   * ≥576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | ColResponsive;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | ColResponsive;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | ColResponsive;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | ColResponsive;\n\n  /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */\n  private normalizeResponsive(value: number | ColResponsive | undefined): ColResponsive {\n    if (value === undefined || value === null) return {};\n    if (typeof value === 'number') return { span: value };\n    return value;\n  }\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n\n    // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）\n    if (this.span) classes.push(`hb-col-${this.span}`);\n    if (this.offset) classes.push(`hb-col-offset-${this.offset}`);\n    if (this.push) classes.push(`hb-col-push-${this.push}`);\n    if (this.pull) classes.push(`hb-col-pull-${this.pull}`);\n\n    // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，\n    // CSS 用 @media 在对应断点应用（覆盖基础值）。\n    const bps: Array<'xs' | 'sm' | 'md' | 'lg' | 'xl'> = ['xs', 'sm', 'md', 'lg', 'xl'];\n    for (const bp of bps) {\n      const v = this[bp];\n      if (v === undefined) continue;\n      const r = this.normalizeResponsive(v);\n      if (r.span !== undefined) classes.push(`hb-col-${bp}-${r.span}`);\n      if (r.offset !== undefined) classes.push(`hb-col-${bp}-offset-${r.offset}`);\n      if (r.push !== undefined) classes.push(`hb-col-${bp}-push-${r.push}`);\n      if (r.pull !== undefined) classes.push(`hb-col-${bp}-pull-${r.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,+wvBAClB,MAAAC,EAAeD,E,MCmBFE,EAAM,M,yBAKTC,KAAe,GAMfC,OAAiB,EAMjBC,KAAe,EAMfC,KAAe,EAKfC,GAKAC,GAKAC,GAKAC,GAKAC,GAGA,mBAAAC,CAAoBC,GAC1B,GAAIA,IAAUC,WAAaD,IAAU,KAAM,MAAO,GAClD,UAAWA,IAAU,SAAU,MAAO,CAAEV,KAAMU,GAC9C,OAAOA,C,CAGD,WAAAE,GACN,MAAMC,EAAoB,CAAC,UAG3B,GAAIC,KAAKd,KAAMa,EAAQX,KAAK,UAAUY,KAAKd,QAC3C,GAAIc,KAAKb,OAAQY,EAAQX,KAAK,iBAAiBY,KAAKb,UACpD,GAAIa,KAAKZ,KAAMW,EAAQX,KAAK,eAAeY,KAAKZ,QAChD,GAAIY,KAAKX,KAAMU,EAAQX,KAAK,eAAeY,KAAKX,QAIhD,MAAMY,EAA+C,CAAC,KAAM,KAAM,KAAM,KAAM,MAC9E,IAAK,MAAMC,KAAMD,EAAK,CACpB,MAAME,EAAIH,KAAKE,GACf,GAAIC,IAAMN,UAAW,SACrB,MAAMO,EAAIJ,KAAKL,oBAAoBQ,GACnC,GAAIC,EAAElB,OAASW,UAAWE,EAAQX,KAAK,UAAUc,KAAME,EAAElB,QACzD,GAAIkB,EAAEjB,SAAWU,UAAWE,EAAQX,KAAK,UAAUc,YAAaE,EAAEjB,UAClE,GAAIiB,EAAEhB,OAASS,UAAWE,EAAQX,KAAK,UAAUc,UAAWE,EAAEhB,QAC9D,GAAIgB,EAAEf,OAASQ,UAAWE,EAAQX,KAAK,UAAUc,UAAWE,EAAEf,O,CAGhE,OAAOU,EAAQM,KAAK,I,CAGtB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAOT,KAAKF,eACfS,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-6efed295.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as i,h as a}from"./p-e42dfa95.js";import{c as r}from"./p-4ef5a884.js";import{p as o,f as n,a as s,g as l,M as d,W as c}from"./p-e0876aca.js";import{a as h}from"./p-00aa34c8.js";const p='/*! 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{.grid{display:grid}.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-date-picker-font-size:14px;--hb-date-picker-height:32px;--hb-date-picker-border-color:var(--hb-border-color,#dcdfe6);--hb-date-picker-border-color-hover:var(--hb-color-primary);--hb-date-picker-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-date-picker{display:inline-block;position:relative;width:240px}.hb-date-picker__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-date-picker__input{background-color:var(--hb-date-picker-bg-color);border:1px solid var(--hb-date-picker-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-date-picker-font-size);height:var(--hb-date-picker-height);line-height:var(--hb-date-picker-height);outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-date-picker__input:focus,.hb-date-picker__input:hover:not(:disabled){border-color:var(--hb-date-picker-border-color-hover)}.hb-date-picker__suffix{align-items:center;display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-date-picker__clear{align-items:center;color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;display:inline-flex;height:14px;justify-content:center;margin-right:8px;transition:color .2s;width:14px}.hb-date-picker__clear svg{height:100%;width:100%}.hb-date-picker__clear:hover{color:var(--hb-color-text-regular,#606266)}.hb-date-picker__icon{align-items:center;color:var(--hb-color-text-placeholder,#c0c4cc);display:inline-flex;height:14px;justify-content:center;width:14px}.hb-date-picker__icon svg{height:100%;width:100%}.hb-date-picker__dropdown{background-color:var(--hb-date-picker-bg-color);border:1px solid var(--hb-date-picker-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;min-width:280px;padding:12px;position:absolute;top:100%;z-index:1000}.hb-date-picker__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-date-picker__header-label{color:var(--hb-color-text-regular,#606266);font-size:14px;font-weight:600}.hb-date-picker__next-btn,.hb-date-picker__prev-btn{background:0 0;border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.hb-date-picker__next-btn:hover,.hb-date-picker__prev-btn:hover{color:var(--hb-color-primary)}.hb-date-picker__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-date-picker__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;font-weight:500;text-align:center}.hb-date-picker__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-date-picker__day{align-items:center;aspect-ratio:1;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s}.hb-date-picker__day:hover:not(.hb-date-picker__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-date-picker__day--today{color:var(--hb-color-primary);font-weight:600}.hb-date-picker__day--selected{background-color:var(--hb-color-primary);color:var(--hb-color-white,#fff)}.hb-date-picker__day--disabled{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:not-allowed}.hb-date-picker__day--disabled:hover{background-color:#0000}.hb-date-picker--small{width:200px}.hb-date-picker--small .hb-date-picker__input{font-size:12px;height:24px;line-height:24px;padding:0 25px 0 12px}.hb-date-picker--large{width:280px}.hb-date-picker--large .hb-date-picker__input{font-size:16px;height:40px;line-height:40px;padding:0 35px 0 18px}.hb-date-picker--disabled{cursor:not-allowed}.hb-date-picker--disabled .hb-date-picker__input{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-date-picker-border-color);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-date-picker__month-grid,.hb-date-picker__year-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:8px 12px}.hb-date-picker__month-cell,.hb-date-picker__year-cell{align-items:center;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:var(--hb-cascader-font-size,14px);height:40px;justify-content:center;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none}.hb-date-picker__month-cell:hover:not(.hb-date-picker__month-cell--disabled),.hb-date-picker__year-cell:hover:not(.hb-date-picker__year-cell--disabled){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker__month-cell--selected,.hb-date-picker__year-cell--selected{background-color:var(--hb-color-primary-bg,#e6f4ff);color:var(--hb-color-primary,#1677ff);font-weight:600}.hb-date-picker__month-cell--disabled,.hb-date-picker__year-cell--disabled{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 b=p;const f=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;format="YYYY-MM-DD";valueFormat;type="date";disabledDate;name;inputId;isOpen=false;inputValue="";selectedDate;panelViewDate=new Date;hbChange;clickOutside=r({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});componentDidLoad(){this.clickOutside=r({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});this.clickOutside.connect();this.updateInputValue()}disconnectedCallback(){this.clickOutside.disconnect()}handleValueChange(){this.updateInputValue()}updateInputValue(){const e=o(this.modelValue);if(!e){this.inputValue="";this.selectedDate=undefined;return}this.selectedDate=e;this.inputValue=n(e,this.format)}handleInputClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen;if(this.isOpen&&(this.type==="month"||this.type==="year")){this.panelViewDate=this.selectedDate?new Date(this.selectedDate):new Date}};handleClear=e=>{e.stopPropagation();this.modelValue=undefined;this.inputValue="";this.selectedDate=undefined;this.isOpen=false;this.hbChange.emit(undefined)};handleDateSelect=e=>{if(this.disabledDate&&this.disabledDate(e))return;this.selectedDate=e;this.modelValue=this.valueFormat?n(e,this.format):e;this.updateInputValue();this.isOpen=false;this.hbChange.emit(this.modelValue)};handleMonthSelect=e=>{const t=new Date(this.panelViewDate.getFullYear(),e,1);if(this.disabledDate&&this.disabledDate(t))return;this.selectedDate=t;this.panelViewDate=new Date(t);const i=`${t.getFullYear()}-${String(e+1).padStart(2,"0")}`;this.inputValue=i;this.modelValue=i;this.isOpen=false;this.hbChange.emit(i)};handleYearSelect=e=>{const t=new Date(e,0,1);if(this.disabledDate&&this.disabledDate(t))return;this.selectedDate=t;this.panelViewDate=new Date(t);const i=String(e);this.inputValue=i;this.modelValue=i;this.isOpen=false;this.hbChange.emit(i)};changeMonth(e){this.selectedDate=s(this.selectedDate||new Date,e)}changePanelView(e){const t=new Date(this.panelViewDate);if(this.type==="month")t.setFullYear(t.getFullYear()+e);else t.setFullYear(t.getFullYear()+e*12);this.panelViewDate=t}isDateDisabled=e=>!!this.disabledDate&&this.disabledDate(e);render(){const e=l(this.selectedDate||new Date,this.selectedDate);const t=this.selectedDate||new Date;const i=this.panelViewDate||t;const r=this.type==="month"?`${i.getFullYear()} 年`:this.type==="year"?`${Math.floor(i.getFullYear()/12)*12} - ${Math.floor(i.getFullYear()/12)*12+11}`:`${t.getFullYear()}年 ${d[t.getMonth()]}`;return a("div",{key:"0568629a899d16bd00cf0acdc06c8bf12a50b21d",class:{"hb-date-picker":true,"hb-date-picker--open":this.isOpen,"hb-date-picker--disabled":this.disabled,[`hb-date-picker--${this.size}`]:true,[`hb-date-picker--${this.type}`]:true}},a("div",{key:"d37d7631b2c16fb6f52c63aa96ce9752c348ceca",class:"hb-date-picker__input-wrapper",onClick:this.handleInputClick},a("input",{key:"b8c2381f26b88bce3032a58cbb74ae05fdb54b7c",type:"text",id:this.inputId,name:this.name,class:"hb-date-picker__input",placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,readonly:true,role:"combobox","aria-haspopup":"dialog","aria-expanded":this.isOpen?"true":"false","aria-label":this.placeholder}),a("span",{key:"df5059ba445476a946f9efc902da4f965c1f5eca",class:"hb-date-picker__suffix"},this.clearable&&this.modelValue&&a("span",{key:"cab3328768cab68676ccece71bf12161449e52c2",class:"hb-date-picker__clear",role:"button","aria-label":"清空",tabIndex:0,onClick:this.handleClear,onKeyDown:h},a("svg",{key:"e5970e157bf707bb49f39e800274927c73a79a82",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{key:"6fbe208a529abe7c01822d164f90d6ed80e1071d",d:"M6 6l12 12M18 6L6 18"}))),a("span",{key:"ab1db32eccdf2e0c507e29de61cc30deaf0d3b9e",class:"hb-date-picker__icon","aria-hidden":"true"},a("svg",{key:"d3439b59946891a511049d955e0d7362b2cca591",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"},a("rect",{key:"9d6037217b01ff42357346ac092f6bd197414fb7",x:"3",y:"5",width:"18",height:"16",rx:"2"}),a("path",{key:"391e0d2b637622483036325d9c16187e3f2020bd",d:"M3 9h18M8 3v4M16 3v4"}))))),this.isOpen&&a("div",{key:"b4985a01eadf9109127d599697485de875056be7",class:"hb-date-picker__dropdown",role:"dialog","aria-label":this.type==="month"?"选择月份":this.type==="year"?"选择年份":"选择日期"},a("div",{key:"369fae3c69f41c6c23e41598edb728510b41e73e",class:"hb-date-picker__header"},a("button",{key:"9369433f5827e0bfbaa36ce4b3f06e4fc6d644c0",type:"button",class:"hb-date-picker__prev-btn","aria-label":this.type==="date"?"上一月":"上一年",onClick:()=>this.type==="date"?this.changeMonth(-1):this.changePanelView(-1)},"‹"),a("span",{key:"a7f946f76e088387784a8f5e49c38c8e47938c95",class:"hb-date-picker__header-label","aria-live":"polite"},r),a("button",{key:"2f5e2aca8db2fd8b9350334d3b211f4537b60277",type:"button",class:"hb-date-picker__next-btn","aria-label":this.type==="date"?"下一月":"下一年",onClick:()=>this.type==="date"?this.changeMonth(1):this.changePanelView(1)},"›")),this.type==="date"&&a("div",{key:"a8f0c0418770fedced9596685cec4d40c66350d1",class:"hb-date-picker__body",role:"grid"},a("div",{key:"7b9c1d486b30408007024a6036a7813fcff982de",class:"hb-date-picker__weekdays",role:"row"},c.map((e=>a("div",{class:"hb-date-picker__weekday",role:"columnheader","aria-disabled":"true"},e)))),a("div",{key:"63a5f9b115f2c3b2424064843bc36fe7b79d1ca3",class:"hb-date-picker__days",role:"row"},e.map(((e,t)=>{const i=e.isCurrentMonth&&this.isDateDisabled(e.date);return a("div",{key:t,class:{"hb-date-picker__day":true,"hb-date-picker__day--other-month":!e.isCurrentMonth,"hb-date-picker__day--today":e.isToday,"hb-date-picker__day--selected":e.isSelected,"hb-date-picker__day--disabled":i},role:"gridcell","aria-selected":e.isSelected?"true":"false","aria-disabled":!e.isCurrentMonth||i?"true":undefined,"aria-label":n(e.date,this.format),onClick:()=>e.isCurrentMonth&&!i&&this.handleDateSelect(e.date)},e.date.getDate())})))),this.type==="month"&&a("div",{key:"b62f03edcdca73c71ddded45079344778e65abb6",class:"hb-date-picker__body hb-date-picker__month-grid",role:"grid"},d.map(((e,t)=>{const r=new Date(i.getFullYear(),t,1);const o=!!this.disabledDate&&this.disabledDate(r);const n=!!this.selectedDate&&this.selectedDate.getFullYear()===i.getFullYear()&&this.selectedDate.getMonth()===t;return a("div",{class:{"hb-date-picker__month-cell":true,"hb-date-picker__month-cell--selected":n,"hb-date-picker__month-cell--disabled":o},role:"gridcell","aria-selected":n?"true":"false","aria-disabled":o?"true":undefined,onClick:()=>!o&&this.handleMonthSelect(t)},e)}))),this.type==="year"&&a("div",{key:"fb01386b11594c2b1bc14b1eae38f2fd51a5e20b",class:"hb-date-picker__body hb-date-picker__year-grid",role:"grid"},(()=>{const e=Math.floor(i.getFullYear()/12)*12;const t=[];for(let i=0;i<12;i++)t.push(e+i);return t.map((e=>{const t=new Date(e,0,1);const i=!!this.disabledDate&&this.disabledDate(t);const r=!!this.selectedDate&&this.selectedDate.getFullYear()===e;return a("div",{class:{"hb-date-picker__year-cell":true,"hb-date-picker__year-cell--selected":r,"hb-date-picker__year-cell--disabled":i},role:"gridcell","aria-selected":r?"true":"false","aria-disabled":i?"true":undefined,onClick:()=>!i&&this.handleYearSelect(e)},e)}))})())))}static get watchers(){return{modelValue:["handleValueChange"]}}};f.style=b;export{f as hb_date_picker};
+//# sourceMappingURL=p-6efed295.entry.js.map

package/dist/huibo-ui/p-6efed295.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["datePickerCss","HbDatePickerStyle0","DatePicker","modelValue","placeholder","disabled","size","clearable","format","valueFormat","type","disabledDate","name","inputId","isOpen","inputValue","selectedDate","panelViewDate","Date","hbChange","clickOutside","createClickOutsideHandler","host","this","onClose","componentDidLoad","el","connect","updateInputValue","disconnectedCallback","disconnect","handleValueChange","date","parseDate","undefined","formatDate","handleInputClick","handleClear","e","stopPropagation","emit","handleDateSelect","handleMonthSelect","monthIndex","next","getFullYear","iso","String","padStart","handleYearSelect","year","changeMonth","delta","addMonths","changePanelView","setFullYear","isDateDisabled","render","days","getCalendarDays","current","panelAnchor","headerLabel","Math","floor","MONTH_NAMES","getMonth","h","key","class","onClick","id","value","readonly","role","tabIndex","onKeyDown","activationClickHandler","viewBox","fill","stroke","d","x","y","width","height","rx","WEEK_DAY_NAMES","map","day","index","dayDisabled","isCurrentMonth","isToday","isSelected","getDate","idx","probe","monthDisabled","startYear","years","i","push","yearDisabled"],"sources":["src/components/DatePicker/date-picker.css?tag=hb-date-picker&encapsulation=shadow","src/components/DatePicker/DatePicker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-date-picker-font-size: 14px;\n  --hb-date-picker-height: 32px;\n  --hb-date-picker-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-date-picker-border-color-hover: var(--hb-color-primary);\n  --hb-date-picker-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-picker {\n  display: inline-block;\n  position: relative;\n  width: 240px;\n}\n\n.hb-date-picker__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-date-picker__input {\n  display: inline-block;\n  width: 100%;\n  height: var(--hb-date-picker-height);\n  line-height: var(--hb-date-picker-height);\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-date-picker-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  background-color: var(--hb-date-picker-bg-color);\n  border: 1px solid var(--hb-date-picker-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-date-picker__input:hover:not(:disabled) {\n  border-color: var(--hb-date-picker-border-color-hover);\n}\n\n.hb-date-picker__input:focus {\n  border-color: var(--hb-date-picker-border-color-hover);\n}\n\n.hb-date-picker__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-date-picker__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  transition: color 0.2s;\n}\n\n.hb-date-picker__clear svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-date-picker__clear:hover {\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-date-picker__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-date-picker__icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-date-picker__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-date-picker-bg-color);\n  border: 1px solid var(--hb-date-picker-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: 280px;\n  padding: 12px;\n}\n\n.hb-date-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-date-picker__header-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-date-picker__prev-btn,\n.hb-date-picker__next-btn {\n  background: none;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  color: var(--hb-color-text-regular, #606266);\n  padding: 4px 8px;\n  transition: color 0.2s;\n}\n\n.hb-date-picker__prev-btn:hover,\n.hb-date-picker__next-btn:hover {\n  color: var(--hb-color-primary);\n}\n\n.hb-date-picker__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-date-picker__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-weight: 500;\n}\n\n.hb-date-picker__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-date-picker__day {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.hb-date-picker__day:hover:not(.hb-date-picker__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-picker__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-date-picker__day--today {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-date-picker__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-picker__day--disabled {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-date-picker__day--disabled:hover {\n  background-color: transparent;\n}\n\n.hb-date-picker--small {\n  width: 200px;\n}\n\n.hb-date-picker--small .hb-date-picker__input {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  padding: 0 25px 0 12px;\n}\n\n.hb-date-picker--large {\n  width: 280px;\n}\n\n.hb-date-picker--large .hb-date-picker__input {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n  padding: 0 35px 0 18px;\n}\n\n.hb-date-picker--disabled {\n  cursor: not-allowed;\n}\n\n.hb-date-picker--disabled .hb-date-picker__input {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-date-picker-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n/* ---- type=month / type=year 选择网格 ---- */\n.hb-date-picker__month-grid,\n.hb-date-picker__year-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  padding: 8px 12px;\n}\n\n.hb-date-picker__month-cell,\n.hb-date-picker__year-cell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  font-size: var(--hb-cascader-font-size, 14px);\n  color: var(--hb-color-text-regular, #606266);\n  border-radius: 4px;\n  cursor: pointer;\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n  user-select: none;\n}\n\n.hb-date-picker__month-cell:hover:not(.hb-date-picker__month-cell--disabled),\n.hb-date-picker__year-cell:hover:not(.hb-date-picker__year-cell--disabled) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-picker__month-cell--selected,\n.hb-date-picker__year-cell--selected {\n  color: var(--hb-color-primary, #1677ff);\n  font-weight: 600;\n  background-color: var(--hb-color-primary-bg, #e6f4ff);\n}\n\n.hb-date-picker__month-cell--disabled,\n.hb-date-picker__year-cell--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { getCalendarDays, formatDate, parseDate, addMonths, MONTH_NAMES, WEEK_DAY_NAMES } from '../../utils/date-helpers';\nimport { activationClickHandler } from '../../utils/a11y';\n\n/**\n * DatePicker 日期选择器组件\n * 用于选择或输入日期\n */\n@Component({\n  tag: 'hb-date-picker',\n  styleUrl: 'date-picker.css',\n  shadow: true,\n})\nexport class DatePicker {\n  @Element() el: HTMLElement;\n\n  /** 绑定值 */\n  @Prop({ mutable: true }) modelValue?: string | Date;\n\n  /** 输入框占位文本 */\n  @Prop() placeholder: string = '请选择日期';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 输入框尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否可清空 */\n  @Prop() clearable: boolean = false;\n\n  /** 日期格式 */\n  @Prop() format: string = 'YYYY-MM-DD';\n\n  /** 显示在输入框中的格式 */\n  @Prop() valueFormat?: string;\n\n  /**\n   * 日期选择器类型：\n   * - 'date'：日选择（默认）\n   * - 'month'：月选择（month 视图网格，emit YYYY-MM）\n   * - 'year'：年选择（year 视图网格，emit YYYY）\n   * 注：'datetime'/'week' 请用独立的 DateTimePicker 组件 / 后续补全。\n   */\n  @Prop() type: 'date' | 'month' | 'year' = 'date';\n\n  /**\n   * 禁用日期判定函数。返回 true 的日期在日历中不可选（加 disabled 态、不可点击、aria-disabled）。\n   * @param date 当前日期格子的 Date 对象\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /** 原生 name 属性 */\n  @Prop() name?: string;\n\n  /** 原生 id 属性 */\n  @Prop() inputId?: string;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n  @State() selectedDate?: Date;\n  /** month/year 模式的面板锚点（不随选择改变，仅导航用） */\n  @State() panelViewDate: Date = new Date();\n\n  /** 值改变事件 */\n  @Event() hbChange: EventEmitter<string | Date>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => {\n      this.isOpen = false;\n    },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => {\n        this.isOpen = false;\n      },\n    });\n    this.clickOutside.connect();\n    this.updateInputValue();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateInputValue();\n  }\n\n  private updateInputValue() {\n    const date = parseDate(this.modelValue);\n    if (!date) {\n      this.inputValue = '';\n      this.selectedDate = undefined;\n      return;\n    }\n    this.selectedDate = date;\n    this.inputValue = formatDate(date, this.format);\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    // month/year 模式打开时，从已选值或今天初始化面板锚点\n    if (this.isOpen && (this.type === 'month' || this.type === 'year')) {\n      this.panelViewDate = this.selectedDate ? new Date(this.selectedDate) : new Date();\n    }\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = undefined;\n    this.inputValue = '';\n    this.selectedDate = undefined;\n    this.isOpen = false;\n    this.hbChange.emit(undefined);\n  };\n\n  private handleDateSelect = (date: Date) => {\n    // disabledDate 返回 true 的日期不可选\n    if (this.disabledDate && this.disabledDate(date)) return;\n    this.selectedDate = date;\n    this.modelValue = this.valueFormat ? formatDate(date, this.format) : date;\n    this.updateInputValue();\n    this.isOpen = false;\n    this.hbChange.emit(this.modelValue);\n  };\n\n  /** type='month'：选某月 → 锚定到该月 1 号，emit YYYY-MM */\n  private handleMonthSelect = (monthIndex: number) => {\n    const next = new Date(this.panelViewDate.getFullYear(), monthIndex, 1);\n    if (this.disabledDate && this.disabledDate(next)) return;\n    this.selectedDate = next;\n    this.panelViewDate = new Date(next);\n    const iso = `${next.getFullYear()}-${String(monthIndex + 1).padStart(2, '0')}`;\n    this.inputValue = iso;\n    this.modelValue = iso;\n    this.isOpen = false;\n    this.hbChange.emit(iso);\n  };\n\n  /** type='year'：选某年 → 锚定到该年 1 月 1 日，emit YYYY */\n  private handleYearSelect = (year: number) => {\n    const next = new Date(year, 0, 1);\n    if (this.disabledDate && this.disabledDate(next)) return;\n    this.selectedDate = next;\n    this.panelViewDate = new Date(next);\n    const iso = String(year);\n    this.inputValue = iso;\n    this.modelValue = iso;\n    this.isOpen = false;\n    this.hbChange.emit(iso);\n  };\n\n  private changeMonth(delta: number) {\n    this.selectedDate = addMonths(this.selectedDate || new Date(), delta);\n  }\n\n  /** month/year 面板导航：month ±1 年、year ±12 年 */\n  private changePanelView(delta: number) {\n    const next = new Date(this.panelViewDate);\n    if (this.type === 'month') next.setFullYear(next.getFullYear() + delta);\n    else next.setFullYear(next.getFullYear() + delta * 12);\n    this.panelViewDate = next;\n  }\n\n  /** 判断某日期是否被 disabledDate 禁用 */\n  private isDateDisabled = (date: Date): boolean => {\n    return !!this.disabledDate && this.disabledDate(date);\n  };\n\n  render() {\n    const days = getCalendarDays(this.selectedDate || new Date(), this.selectedDate);\n    const current = this.selectedDate || new Date();\n\n    // month/year 面板锚点：默认用 panelViewDate，未打开时回退到 selectedDate/today\n    const panelAnchor = this.panelViewDate || current;\n    const headerLabel =\n      this.type === 'month'\n        ? `${panelAnchor.getFullYear()} 年`\n        : this.type === 'year'\n          ? `${Math.floor(panelAnchor.getFullYear() / 12) * 12} - ${Math.floor(panelAnchor.getFullYear() / 12) * 12 + 11}`\n          : `${current.getFullYear()}年 ${MONTH_NAMES[current.getMonth()]}`;\n\n    return (\n      <div\n        class={{\n          'hb-date-picker': true,\n          'hb-date-picker--open': this.isOpen,\n          'hb-date-picker--disabled': this.disabled,\n          [`hb-date-picker--${this.size}`]: true,\n          [`hb-date-picker--${this.type}`]: true,\n        }}\n      >\n        <div class=\"hb-date-picker__input-wrapper\" onClick={this.handleInputClick}>\n          <input\n            type=\"text\"\n            id={this.inputId}\n            name={this.name}\n            class=\"hb-date-picker__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            readonly\n            role=\"combobox\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            aria-label={this.placeholder}\n          />\n          <span class=\"hb-date-picker__suffix\">\n            {this.clearable && this.modelValue && (\n              <span class=\"hb-date-picker__clear\" role=\"button\" aria-label=\"清空\" tabIndex={0} onClick={this.handleClear} onKeyDown={activationClickHandler}>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                  <path d=\"M6 6l12 12M18 6L6 18\" />\n                </svg>\n              </span>\n            )}\n            <span class=\"hb-date-picker__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" />\n                <path d=\"M3 9h18M8 3v4M16 3v4\" />\n              </svg>\n            </span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-date-picker__dropdown\" role=\"dialog\" aria-label={this.type === 'month' ? '选择月份' : this.type === 'year' ? '选择年份' : '选择日期'}>\n            <div class=\"hb-date-picker__header\">\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__prev-btn\"\n                aria-label={this.type === 'date' ? '上一月' : '上一年'}\n                onClick={() => (this.type === 'date' ? this.changeMonth(-1) : this.changePanelView(-1))}\n              >\n                ‹\n              </button>\n              <span class=\"hb-date-picker__header-label\" aria-live=\"polite\">\n                {headerLabel}\n              </span>\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__next-btn\"\n                aria-label={this.type === 'date' ? '下一月' : '下一年'}\n                onClick={() => (this.type === 'date' ? this.changeMonth(1) : this.changePanelView(1))}\n              >\n                ›\n              </button>\n            </div>\n            {this.type === 'date' && (\n              <div class=\"hb-date-picker__body\" role=\"grid\">\n                <div class=\"hb-date-picker__weekdays\" role=\"row\">\n                  {WEEK_DAY_NAMES.map(day => (\n                    <div class=\"hb-date-picker__weekday\" role=\"columnheader\" aria-disabled=\"true\">\n                      {day}\n                    </div>\n                  ))}\n                </div>\n                <div class=\"hb-date-picker__days\" role=\"row\">\n                  {days.map((day, index) => {\n                    const dayDisabled = day.isCurrentMonth && this.isDateDisabled(day.date);\n                    return (\n                      <div\n                        key={index}\n                        class={{\n                          'hb-date-picker__day': true,\n                          'hb-date-picker__day--other-month': !day.isCurrentMonth,\n                          'hb-date-picker__day--today': day.isToday,\n                          'hb-date-picker__day--selected': day.isSelected,\n                          'hb-date-picker__day--disabled': dayDisabled,\n                        }}\n                        role=\"gridcell\"\n                        aria-selected={day.isSelected ? 'true' : 'false'}\n                        aria-disabled={!day.isCurrentMonth || dayDisabled ? 'true' : undefined}\n                        aria-label={formatDate(day.date, this.format)}\n                        onClick={() => day.isCurrentMonth && !dayDisabled && this.handleDateSelect(day.date)}\n                      >\n                        {day.date.getDate()}\n                      </div>\n                    );\n                  })}\n                </div>\n              </div>\n            )}\n            {this.type === 'month' && (\n              <div class=\"hb-date-picker__body hb-date-picker__month-grid\" role=\"grid\">\n                {MONTH_NAMES.map((name, idx) => {\n                  const probe = new Date(panelAnchor.getFullYear(), idx, 1);\n                  const monthDisabled = !!this.disabledDate && this.disabledDate(probe);\n                  const isSelected = !!this.selectedDate && this.selectedDate.getFullYear() === panelAnchor.getFullYear() && this.selectedDate.getMonth() === idx;\n                  return (\n                    <div\n                      class={{\n                        'hb-date-picker__month-cell': true,\n                        'hb-date-picker__month-cell--selected': isSelected,\n                        'hb-date-picker__month-cell--disabled': monthDisabled,\n                      }}\n                      role=\"gridcell\"\n                      aria-selected={isSelected ? 'true' : 'false'}\n                      aria-disabled={monthDisabled ? 'true' : undefined}\n                      onClick={() => !monthDisabled && this.handleMonthSelect(idx)}\n                    >\n                      {name}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n            {this.type === 'year' && (\n              <div class=\"hb-date-picker__body hb-date-picker__year-grid\" role=\"grid\">\n                {(() => {\n                  const startYear = Math.floor(panelAnchor.getFullYear() / 12) * 12;\n                  const years: number[] = [];\n                  for (let i = 0; i < 12; i++) years.push(startYear + i);\n                  return years.map(y => {\n                    const probe = new Date(y, 0, 1);\n                    const yearDisabled = !!this.disabledDate && this.disabledDate(probe);\n                    const isSelected = !!this.selectedDate && this.selectedDate.getFullYear() === y;\n                    return (\n                      <div\n                        class={{\n                          'hb-date-picker__year-cell': true,\n                          'hb-date-picker__year-cell--selected': isSelected,\n                          'hb-date-picker__year-cell--disabled': yearDisabled,\n                        }}\n                        role=\"gridcell\"\n                        aria-selected={isSelected ? 'true' : 'false'}\n                        aria-disabled={yearDisabled ? 'true' : undefined}\n                        onClick={() => !yearDisabled && this.handleYearSelect(y)}\n                      >\n                        {y}\n                      </div>\n                    );\n                  });\n                })()}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-7a38b3e2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i}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-input-number-font-size:14px;--hb-input-number-height:32px;--hb-input-number-border-color:var(--hb-border-color,#dcdfe6);--hb-input-number-border-color-hover:var(--hb-color-primary);--hb-input-number-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-input-number{display:inline-block;position:relative;width:180px}.hb-input-number,.hb-input-number__inner{line-height:var(--hb-input-number-height)}.hb-input-number__inner{-webkit-appearance:none;background-color:var(--hb-input-number-bg-color);border:1px solid var(--hb-input-number-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);display:block;font-size:inherit;height:var(--hb-input-number-height);outline:none;padding:0 50px 0 15px;text-align:left;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-input-number--without-controls .hb-input-number__inner{padding:0 15px}.hb-input-number--controls-right .hb-input-number__inner{padding:0 15px 0 50px}.hb-input-number__inner:focus,.hb-input-number__inner:hover:not(:disabled){border-color:var(--hb-input-number-border-color-hover)}.hb-input-number__inner:disabled{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-input-number-border-color);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-input-number__decrease,.hb-input-number__increase{align-items:center;background:var(--hb-fill-color-light,#f5f7fa);border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-family:inherit;font-size:13px;height:calc(100% - 2px);justify-content:center;line-height:1;padding:0;position:absolute;text-align:center;top:1px;transition:all .2s;-webkit-user-select:none;user-select:none;width:35px;z-index:1}.hb-input-number__decrease:focus-visible,.hb-input-number__increase:focus-visible{outline:2px solid var(--hb-color-primary,#409eff);outline-offset:-2px}.hb-input-number__decrease:hover:not(.hb-input-number__decrease--disabled),.hb-input-number__increase:hover:not(.hb-input-number__increase--disabled){color:var(--hb-color-primary)}.hb-input-number__decrease--disabled,.hb-input-number__increase--disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-input-number__increase{border-radius:0 4px 4px 0;right:1px}.hb-input-number__decrease,.hb-input-number__increase{border-left:1px solid var(--hb-input-number-border-color)}.hb-input-number__decrease{border-radius:0;right:36px}.hb-input-number--controls-right .hb-input-number__increase{border-radius:0 4px 4px 0;right:1px}.hb-input-number--controls-right .hb-input-number__decrease{border-radius:0;right:36px}.hb-input-number__controls{background:var(--hb-fill-color-light,#f5f7fa);border-left:1px solid var(--hb-input-number-border-color);border-radius:0 4px 4px 0;height:calc(100% - 2px);position:absolute;right:1px;top:1px;width:35px}.hb-input-number--controls-right .hb-input-number__controls{border-left:none;border-radius:4px 0 0 4px;border-right:1px solid var(--hb-input-number-border-color);left:1px;right:auto}.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__increase{border:none;border-bottom:1px solid var(--hb-input-number-border-color);border-radius:0;position:static}.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__decrease{border:none;border-radius:0 0 0 4px;position:static}.hb-input-number--small{width:150px}.hb-input-number--small .hb-input-number__inner{font-size:12px;height:24px;line-height:24px;padding:0 40px 0 12px}.hb-input-number--large{width:200px}.hb-input-number--large .hb-input-number__inner{font-size:16px;height:40px;line-height:40px;padding:0 55px 0 18px}.hb-input-number--disabled{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 n=r;const o=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbInput=t(this,"hbInput",7)}modelValue=0;size="default";disabled=false;readonly=false;min=-Infinity;max=Infinity;step=1;precision;stepStrictly=false;controls=true;controlsPosition="";name;inputId;placeholder;currentValue=0;hbChange;hbInput;componentDidLoad(){this.currentValue=this.modelValue}handleModelValueChange(){this.currentValue=this.modelValue}formatValue(e){if(this.precision!==undefined){return Number(e.toFixed(this.precision))}return e}clampValue(e){let t=Math.max(this.min,Math.min(this.max,e));if(this.stepStrictly){const e=this.step;t=Math.round(t/e)*e}return this.formatValue(t)}handleInput=e=>{const t=e.target;const i=parseFloat(t.value);if(isNaN(i)){this.currentValue=this.min}else{this.currentValue=this.clampValue(i)}this.modelValue=this.currentValue;this.hbInput.emit(this.currentValue)};handleChange=()=>{this.hbChange.emit(this.currentValue)};increase=()=>{if(this.disabled||this.readonly)return;const e=this.clampValue(this.currentValue+this.step);this.currentValue=e;this.modelValue=e;this.hbChange.emit(e)};decrease=()=>{if(this.disabled||this.readonly)return;const e=this.clampValue(this.currentValue-this.step);this.currentValue=e;this.modelValue=e;this.hbChange.emit(e)};render(){return i("div",{key:"cf809c8e0c9c722a4be473a3455626f58aab40d9",class:{"hb-input-number":true,[`hb-input-number--${this.size}`]:true,"hb-input-number--disabled":this.disabled,"hb-input-number--controls-right":this.controlsPosition==="right","hb-input-number--without-controls":!this.controls}},this.controls&&this.controlsPosition!=="right"&&i("button",{key:"b97e5a774d7747fa61ee59650517ab0f64167dda",type:"button",class:{"hb-input-number__decrease":true,"hb-input-number__decrease--disabled":this.currentValue<=this.min},"aria-label":"减少","aria-disabled":this.currentValue<=this.min||this.disabled,disabled:this.currentValue<=this.min||this.disabled,onClick:this.decrease},"−"),i("input",{key:"3b5357639f8b3676bb4de27dd67297288020a97f",type:"number",id:this.inputId,name:this.name,class:"hb-input-number__inner",value:this.currentValue,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,min:this.min,max:this.max,step:this.step,onInput:this.handleInput,onChange:this.handleChange}),this.controls&&this.controlsPosition==="right"&&i("span",{key:"00f8a845f5226999d02914ba6e62a29d24f1a26f",class:"hb-input-number__controls"},i("button",{key:"886db946083adb10bdf8312dc985194b872000c4",type:"button",class:{"hb-input-number__increase":true,"hb-input-number__increase--disabled":this.currentValue>=this.max},"aria-label":"增加","aria-disabled":this.currentValue>=this.max||this.disabled,disabled:this.currentValue>=this.max||this.disabled,onClick:this.increase},"+"),i("button",{key:"9c9b8d9fa6871e354a38bd5691d0a01b0b87cf9a",type:"button",class:{"hb-input-number__decrease":true,"hb-input-number__decrease--disabled":this.currentValue<=this.min},"aria-label":"减少","aria-disabled":this.currentValue<=this.min||this.disabled,disabled:this.currentValue<=this.min||this.disabled,onClick:this.decrease},"−")),this.controls&&this.controlsPosition!=="right"&&i("button",{key:"c32d05810f4c0d9cd660483f45aac0f0f7ac48a5",type:"button",class:{"hb-input-number__increase":true,"hb-input-number__increase--disabled":this.currentValue>=this.max},"aria-label":"增加","aria-disabled":this.currentValue>=this.max||this.disabled,disabled:this.currentValue>=this.max||this.disabled,onClick:this.increase},"+"))}static get watchers(){return{modelValue:["handleModelValueChange"]}}};o.style=n;export{o as hb_input_number};
+//# sourceMappingURL=p-7a38b3e2.entry.js.map

package/dist/huibo-ui/p-7a38b3e2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputNumberCss","HbInputNumberStyle0","InputNumber","modelValue","size","disabled","readonly","min","Infinity","max","step","precision","stepStrictly","controls","controlsPosition","name","inputId","placeholder","currentValue","hbChange","hbInput","componentDidLoad","this","handleModelValueChange","formatValue","value","undefined","Number","toFixed","clampValue","clamped","Math","round","handleInput","e","target","parseFloat","isNaN","emit","handleChange","increase","newValue","decrease","render","h","key","class","type","onClick","id","onInput","onChange"],"sources":["src/components/InputNumber/input-number.css?tag=hb-input-number&encapsulation=shadow","src/components/InputNumber/InputNumber.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-input-number-font-size: 14px;\n  --hb-input-number-height: 32px;\n  --hb-input-number-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-input-number-border-color-hover: var(--hb-color-primary);\n  --hb-input-number-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-input-number {\n  position: relative;\n  display: inline-block;\n  width: 180px;\n  line-height: var(--hb-input-number-height);\n}\n\n.hb-input-number__inner {\n  -webkit-appearance: none;\n  background-color: var(--hb-input-number-bg-color);\n  border: 1px solid var(--hb-input-number-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: var(--hb-color-text-regular, #606266);\n  display: block;\n  font-size: inherit;\n  height: var(--hb-input-number-height);\n  line-height: var(--hb-input-number-height);\n  outline: none;\n  padding: 0 50px 0 15px;\n  text-align: left;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  width: 100%;\n}\n\n.hb-input-number--without-controls .hb-input-number__inner {\n  padding: 0 15px;\n}\n\n.hb-input-number--controls-right .hb-input-number__inner {\n  padding: 0 15px 0 50px;\n}\n\n.hb-input-number__inner:hover:not(:disabled) {\n  border-color: var(--hb-input-number-border-color-hover);\n}\n\n.hb-input-number__inner:focus {\n  border-color: var(--hb-input-number-border-color-hover);\n}\n\n.hb-input-number__inner:disabled {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-input-number-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-input-number__increase,\n.hb-input-number__decrease {\n  position: absolute;\n  z-index: 1;\n  top: 1px;\n  width: 35px;\n  height: calc(100% - 2px);\n  text-align: center;\n  background: var(--hb-fill-color-light, #f5f7fa);\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  font-size: 13px;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s;\n  /* button 默认样式重置（A1：从 span 改为 button 后需要） */\n  padding: 0;\n  border: none;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.hb-input-number__increase:focus-visible,\n.hb-input-number__decrease:focus-visible {\n  outline: 2px solid var(--hb-color-primary, #409eff);\n  outline-offset: -2px;\n}\n\n.hb-input-number__increase:hover:not(.hb-input-number__increase--disabled),\n.hb-input-number__decrease:hover:not(.hb-input-number__decrease--disabled) {\n  color: var(--hb-color-primary);\n}\n\n.hb-input-number__increase--disabled,\n.hb-input-number__decrease--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-input-number__increase {\n  right: 1px;\n  border-radius: 0 4px 4px 0;\n  border-left: 1px solid var(--hb-input-number-border-color);\n}\n\n.hb-input-number__decrease {\n  right: 36px;\n  border-radius: 0;\n  border-left: 1px solid var(--hb-input-number-border-color);\n}\n\n.hb-input-number--controls-right .hb-input-number__increase {\n  right: 1px;\n  border-radius: 0 4px 4px 0;\n}\n\n.hb-input-number--controls-right .hb-input-number__decrease {\n  right: 36px;\n  border-radius: 0;\n}\n\n.hb-input-number__controls {\n  position: absolute;\n  right: 1px;\n  top: 1px;\n  width: 35px;\n  height: calc(100% - 2px);\n  border-left: 1px solid var(--hb-input-number-border-color);\n  border-radius: 0 4px 4px 0;\n  background: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-input-number--controls-right .hb-input-number__controls {\n  left: 1px;\n  right: auto;\n  border-left: none;\n  border-right: 1px solid var(--hb-input-number-border-color);\n  border-radius: 4px 0 0 4px;\n}\n\n.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__increase {\n  position: static;\n  border: none;\n  border-bottom: 1px solid var(--hb-input-number-border-color);\n  border-radius: 0;\n}\n\n.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__decrease {\n  position: static;\n  border: none;\n  border-radius: 0 0 0 4px;\n}\n\n.hb-input-number--small {\n  width: 150px;\n}\n\n.hb-input-number--small .hb-input-number__inner {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  padding: 0 40px 0 12px;\n}\n\n.hb-input-number--large {\n  width: 200px;\n}\n\n.hb-input-number--large .hb-input-number__inner {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n  padding: 0 55px 0 18px;\n}\n\n.hb-input-number--disabled {\n  cursor: not-allowed;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * InputNumber 数字输入框组件\n * 仅允许输入标准的数字值，可定义范围\n */\n@Component({\n  tag: 'hb-input-number',\n  styleUrl: 'input-number.css',\n  shadow: true,\n})\nexport class InputNumber {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number = 0;\n\n  /**\n   * 计数器尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否只读\n   * @default false\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * 最小值\n   * @default -Infinity\n   */\n  @Prop() min: number = -Infinity;\n\n  /**\n   * 最大值\n   * @default Infinity\n   */\n  @Prop() max: number = Infinity;\n\n  /**\n   * 计数器步长\n   * @default 1\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * 精度\n   */\n  @Prop() precision?: number;\n\n  /**\n   * 是否只能输入 step 的倍数\n   * @default false\n   */\n  @Prop() stepStrictly: boolean = false;\n\n  /**\n   * 是否使用控制按钮\n   * @default true\n   */\n  @Prop() controls: boolean = true;\n\n  /**\n   * 控制按钮位置\n   */\n  @Prop() controlsPosition: '' | 'right' = '';\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() inputId?: string;\n\n  /**\n   * 原生 placeholder 属性\n   */\n  @Prop() placeholder?: string;\n\n  @State() currentValue: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number>;\n\n  /**\n   * 输入事件\n   */\n  @Event() hbInput: EventEmitter<number>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n  }\n\n  /** 受控模式：外部修改 modelValue 时同步内部 currentValue，保证 UI 与值一致 */\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.currentValue = this.modelValue;\n  }\n\n  private formatValue(value: number): number {\n    if (this.precision !== undefined) {\n      return Number(value.toFixed(this.precision));\n    }\n    return value;\n  }\n\n  private clampValue(value: number): number {\n    let clamped = Math.max(this.min, Math.min(this.max, value));\n\n    if (this.stepStrictly) {\n      const step = this.step;\n      clamped = Math.round(clamped / step) * step;\n    }\n\n    return this.formatValue(clamped);\n  }\n\n  private handleInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = parseFloat(target.value);\n\n    if (isNaN(value)) {\n      this.currentValue = this.min;\n    } else {\n      this.currentValue = this.clampValue(value);\n    }\n\n    this.modelValue = this.currentValue;\n    this.hbInput.emit(this.currentValue);\n  };\n\n  private handleChange = () => {\n    this.hbChange.emit(this.currentValue);\n  };\n\n  private increase = () => {\n    if (this.disabled || this.readonly) return;\n    const newValue = this.clampValue(this.currentValue + this.step);\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  private decrease = () => {\n    if (this.disabled || this.readonly) return;\n    const newValue = this.clampValue(this.currentValue - this.step);\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-input-number': true,\n          [`hb-input-number--${this.size}`]: true,\n          'hb-input-number--disabled': this.disabled,\n          'hb-input-number--controls-right': this.controlsPosition === 'right',\n          'hb-input-number--without-controls': !this.controls,\n        }}\n      >\n        {this.controls && this.controlsPosition !== 'right' && (\n          <button\n            type=\"button\"\n            class={{\n              'hb-input-number__decrease': true,\n              'hb-input-number__decrease--disabled': this.currentValue <= this.min,\n            }}\n            aria-label=\"减少\"\n            aria-disabled={this.currentValue <= this.min || this.disabled}\n            disabled={this.currentValue <= this.min || this.disabled}\n            onClick={this.decrease}\n          >\n            −\n          </button>\n        )}\n        <input\n          type=\"number\"\n          id={this.inputId}\n          name={this.name}\n          class=\"hb-input-number__inner\"\n          value={this.currentValue}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          placeholder={this.placeholder}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          onInput={this.handleInput}\n          onChange={this.handleChange}\n        />\n        {this.controls && this.controlsPosition === 'right' && (\n          <span class=\"hb-input-number__controls\">\n            <button\n              type=\"button\"\n              class={{\n                'hb-input-number__increase': true,\n                'hb-input-number__increase--disabled': this.currentValue >= this.max,\n              }}\n              aria-label=\"增加\"\n              aria-disabled={this.currentValue >= this.max || this.disabled}\n              disabled={this.currentValue >= this.max || this.disabled}\n              onClick={this.increase}\n            >\n              +\n            </button>\n            <button\n              type=\"button\"\n              class={{\n                'hb-input-number__decrease': true,\n                'hb-input-number__decrease--disabled': this.currentValue <= this.min,\n              }}\n              aria-label=\"减少\"\n              aria-disabled={this.currentValue <= this.min || this.disabled}\n              disabled={this.currentValue <= this.min || this.disabled}\n              onClick={this.decrease}\n            >\n              −\n            </button>\n          </span>\n        )}\n        {this.controls && this.controlsPosition !== 'right' && (\n          <button\n            type=\"button\"\n            class={{\n              'hb-input-number__increase': true,\n              'hb-input-number__increase--disabled': this.currentValue >= this.max,\n            }}\n            aria-label=\"增加\"\n            aria-disabled={this.currentValue >= this.max || this.disabled}\n            disabled={this.currentValue >= this.max || this.disabled}\n            onClick={this.increase}\n          >\n            +\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/{p-cad57c2d.entry.js → p-7a682c56.entry.js}

@@ -1,2 +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:"17f9ce57cd6e0ae95a102346ab6950c0c667a763",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:"2ed9eb7a74af1098ff3eb88884a0f4793d4378be",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:"df3c4eadf10aecb92f78c0659c68470f0e0734f7",class:"hb-sub-menu__icon"},this.icon),a("span",{key:"8762056e841533e05f7191850def1d6c9be46ed9",class:"hb-sub-menu__label"},this.label),a("span",{key:"49726c00cdb1242a478c59a3a228570148900c88",class:{"hb-sub-menu__arrow":true,"hb-sub-menu__arrow--open":e}},"▶")),e&&a("ul",{key:"22ce15ebfc88cd24a97d64facf6e7a0a4942c48a",class:{"hb-sub-menu__children":true,"hb-sub-menu__children--popover":this.collapsed},role:"menu",onClick:this.handleChildrenClick},a("slot",{key:"2d79a1770fdc267e618dda2fe5c3975f80a24d78"})))}};export{i as hb_sub_menu};
-//# sourceMappingURL=p-cad57c2d.entry.js.map
+import{r as e,g as s,h as a}from"./p-e42dfa95.js";import{i as t}from"./p-00aa34c8.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:"8ffe1d7210cd000e7947b6723048e1b80bc6c8d8",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:"f5f84c08e60bd3207d1b3ef9066d4f66ba20f043",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:"a0fbdd43702b3bfd66dc77ccbca6c315f729ac6f",class:"hb-sub-menu__icon"},this.icon),a("span",{key:"ecaeed1a964217d2ee4c01713720a2e1ccc58023",class:"hb-sub-menu__label"},this.label),a("span",{key:"3a354625d91de2598dd4e69cdce41bcee470bbc5",class:{"hb-sub-menu__arrow":true,"hb-sub-menu__arrow--open":e}},"▶")),e&&a("ul",{key:"a7426f5611557c3f8a5bf27fe4a98653d4d59a74",class:{"hb-sub-menu__children":true,"hb-sub-menu__children--popover":this.collapsed},role:"menu",onClick:this.handleChildrenClick},a("slot",{key:"7a891101a285504556914763a08318d54689139e"})))}};export{i as hb_sub_menu};
+//# sourceMappingURL=p-7a682c56.entry.js.map