npm - huibo-ui - Versions diffs - 0.3.0 → 0.4.0 - Mend

huibo-ui 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (668) hide show

package/dist/esm/hb-layout.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-fdf7135e.js';
-const layoutCss = "/*! 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{.flex{display:flex}.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-col{box-sizing:border-box;position:relative;width:100%}.hb-col-1{width:4.16667%}.hb-col-2{width:8.33333%}.hb-col-3{width:12.5%}.hb-col-4{width:16.6667%}.hb-col-5{width:20.8333%}.hb-col-6{width:25%}.hb-col-7{width:29.1667%}.hb-col-8{width:33.3333%}.hb-col-9{width:37.5%}.hb-col-10{width:41.6667%}.hb-col-11{width:45.8333%}.hb-col-12{width:50%}.hb-col-13{width:54.1667%}.hb-col-14{width:58.3333%}.hb-col-15{width:62.5%}.hb-col-16{width:66.6667%}.hb-col-17{width:70.8333%}.hb-col-18{width:75%}.hb-col-19{width:79.1667%}.hb-col-20{width:83.3333%}.hb-col-21{width:87.5%}.hb-col-22{width:91.6667%}.hb-col-23{width:95.8333%}.hb-col-24{width:100%}.hb-col-offset-1{margin-left:4.16667%}.hb-col-offset-2{margin-left:8.33333%}.hb-col-offset-3{margin-left:12.5%}.hb-col-offset-4{margin-left:16.6667%}.hb-col-offset-5{margin-left:20.8333%}.hb-col-offset-6{margin-left:25%}.hb-col-offset-7{margin-left:29.1667%}.hb-col-offset-8{margin-left:33.3333%}.hb-col-offset-9{margin-left:37.5%}.hb-col-offset-10{margin-left:41.6667%}.hb-col-offset-11{margin-left:45.8333%}.hb-col-offset-12{margin-left:50%}.hb-col-offset-13{margin-left:54.1667%}.hb-col-offset-14{margin-left:58.3333%}.hb-col-offset-15{margin-left:62.5%}.hb-col-offset-16{margin-left:66.6667%}.hb-col-offset-17{margin-left:70.8333%}.hb-col-offset-18{margin-left:75%}.hb-col-offset-19{margin-left:79.1667%}.hb-col-offset-20{margin-left:83.3333%}.hb-col-offset-21{margin-left:87.5%}.hb-col-offset-22{margin-left:91.6667%}.hb-col-offset-23{margin-left:95.8333%}.hb-col-push-1{left:4.16667%}.hb-col-push-2{left:8.33333%}.hb-col-push-3{left:12.5%}.hb-col-push-4{left:16.6667%}.hb-col-push-5{left:20.8333%}.hb-col-push-6{left:25%}.hb-col-push-7{left:29.1667%}.hb-col-push-8{left:33.3333%}.hb-col-push-9{left:37.5%}.hb-col-push-10{left:41.6667%}.hb-col-push-11{left:45.8333%}.hb-col-push-12{left:50%}.hb-col-pull-1{right:4.16667%}.hb-col-pull-2{right:8.33333%}.hb-col-pull-3{right:12.5%}.hb-col-pull-4{right:16.6667%}.hb-col-pull-5{right:20.8333%}.hb-col-pull-6{right:25%}.hb-col-pull-7{right:29.1667%}.hb-col-pull-8{right:33.3333%}.hb-col-pull-9{right:37.5%}.hb-col-pull-10{right:41.6667%}.hb-col-pull-11{right:45.8333%}.hb-col-pull-12{right:50%}@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 layoutCss = "/*! 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{.flex{display:flex}.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-col{box-sizing:border-box;position:relative;width:100%}.hb-col-1{width:4.16667%}.hb-col-2{width:8.33333%}.hb-col-3{width:12.5%}.hb-col-4{width:16.6667%}.hb-col-5{width:20.8333%}.hb-col-6{width:25%}.hb-col-7{width:29.1667%}.hb-col-8{width:33.3333%}.hb-col-9{width:37.5%}.hb-col-10{width:41.6667%}.hb-col-11{width:45.8333%}.hb-col-12{width:50%}.hb-col-13{width:54.1667%}.hb-col-14{width:58.3333%}.hb-col-15{width:62.5%}.hb-col-16{width:66.6667%}.hb-col-17{width:70.8333%}.hb-col-18{width:75%}.hb-col-19{width:79.1667%}.hb-col-20{width:83.3333%}.hb-col-21{width:87.5%}.hb-col-22{width:91.6667%}.hb-col-23{width:95.8333%}.hb-col-24{width:100%}.hb-col-offset-1{margin-left:4.16667%}.hb-col-offset-2{margin-left:8.33333%}.hb-col-offset-3{margin-left:12.5%}.hb-col-offset-4{margin-left:16.6667%}.hb-col-offset-5{margin-left:20.8333%}.hb-col-offset-6{margin-left:25%}.hb-col-offset-7{margin-left:29.1667%}.hb-col-offset-8{margin-left:33.3333%}.hb-col-offset-9{margin-left:37.5%}.hb-col-offset-10{margin-left:41.6667%}.hb-col-offset-11{margin-left:45.8333%}.hb-col-offset-12{margin-left:50%}.hb-col-offset-13{margin-left:54.1667%}.hb-col-offset-14{margin-left:58.3333%}.hb-col-offset-15{margin-left:62.5%}.hb-col-offset-16{margin-left:66.6667%}.hb-col-offset-17{margin-left:70.8333%}.hb-col-offset-18{margin-left:75%}.hb-col-offset-19{margin-left:79.1667%}.hb-col-offset-20{margin-left:83.3333%}.hb-col-offset-21{margin-left:87.5%}.hb-col-offset-22{margin-left:91.6667%}.hb-col-offset-23{margin-left:95.8333%}.hb-col-push-1{left:4.16667%}.hb-col-push-2{left:8.33333%}.hb-col-push-3{left:12.5%}.hb-col-push-4{left:16.6667%}.hb-col-push-5{left:20.8333%}.hb-col-push-6{left:25%}.hb-col-push-7{left:29.1667%}.hb-col-push-8{left:33.3333%}.hb-col-push-9{left:37.5%}.hb-col-push-10{left:41.6667%}.hb-col-push-11{left:45.8333%}.hb-col-push-12{left:50%}.hb-col-pull-1{right:4.16667%}.hb-col-pull-2{right:8.33333%}.hb-col-pull-3{right:12.5%}.hb-col-pull-4{right:16.6667%}.hb-col-pull-5{right:20.8333%}.hb-col-pull-6{right:25%}.hb-col-pull-7{right:29.1667%}.hb-col-pull-8{right:33.3333%}.hb-col-pull-9{right:37.5%}.hb-col-pull-10{right:41.6667%}.hb-col-pull-11{right:45.8333%}.hb-col-pull-12{right:50%}.hb-col-xs-0{display:none}.hb-col-xs-1{width:4.16667%}.hb-col-xs-2{width:8.33333%}.hb-col-xs-3{width:12.5%}.hb-col-xs-4{width:16.6667%}.hb-col-xs-5{width:20.8333%}.hb-col-xs-6{width:25%}.hb-col-xs-7{width:29.1667%}.hb-col-xs-8{width:33.3333%}.hb-col-xs-9{width:37.5%}.hb-col-xs-10{width:41.6667%}.hb-col-xs-11{width:45.8333%}.hb-col-xs-12{width:50%}.hb-col-xs-13{width:54.1667%}.hb-col-xs-14{width:58.3333%}.hb-col-xs-15{width:62.5%}.hb-col-xs-16{width:66.6667%}.hb-col-xs-17{width:70.8333%}.hb-col-xs-18{width:75%}.hb-col-xs-19{width:79.1667%}.hb-col-xs-20{width:83.3333%}.hb-col-xs-21{width:87.5%}.hb-col-xs-22{width:91.6667%}.hb-col-xs-23{width:95.8333%}.hb-col-xs-24{width:100%}.hb-col-xs-offset-0{margin-left:0}.hb-col-xs-offset-1{margin-left:4.16667%}.hb-col-xs-offset-2{margin-left:8.33333%}.hb-col-xs-offset-3{margin-left:12.5%}.hb-col-xs-offset-4{margin-left:16.6667%}.hb-col-xs-offset-5{margin-left:20.8333%}.hb-col-xs-offset-6{margin-left:25%}.hb-col-xs-offset-7{margin-left:29.1667%}.hb-col-xs-offset-8{margin-left:33.3333%}.hb-col-xs-offset-9{margin-left:37.5%}.hb-col-xs-offset-10{margin-left:41.6667%}.hb-col-xs-offset-11{margin-left:45.8333%}.hb-col-xs-offset-12{margin-left:50%}.hb-col-xs-offset-13{margin-left:54.1667%}.hb-col-xs-offset-14{margin-left:58.3333%}.hb-col-xs-offset-15{margin-left:62.5%}.hb-col-xs-offset-16{margin-left:66.6667%}.hb-col-xs-offset-17{margin-left:70.8333%}.hb-col-xs-offset-18{margin-left:75%}.hb-col-xs-offset-19{margin-left:79.1667%}.hb-col-xs-offset-20{margin-left:83.3333%}.hb-col-xs-offset-21{margin-left:87.5%}.hb-col-xs-offset-22{margin-left:91.6667%}.hb-col-xs-offset-23{margin-left:95.8333%}.hb-col-xs-offset-24{margin-left:100%}.hb-col-xs-push-0{left:0}.hb-col-xs-push-1{left:4.16667%}.hb-col-xs-push-2{left:8.33333%}.hb-col-xs-push-3{left:12.5%}.hb-col-xs-push-4{left:16.6667%}.hb-col-xs-push-5{left:20.8333%}.hb-col-xs-push-6{left:25%}.hb-col-xs-push-7{left:29.1667%}.hb-col-xs-push-8{left:33.3333%}.hb-col-xs-push-9{left:37.5%}.hb-col-xs-push-10{left:41.6667%}.hb-col-xs-push-11{left:45.8333%}.hb-col-xs-push-12{left:50%}.hb-col-xs-push-13{left:54.1667%}.hb-col-xs-push-14{left:58.3333%}.hb-col-xs-push-15{left:62.5%}.hb-col-xs-push-16{left:66.6667%}.hb-col-xs-push-17{left:70.8333%}.hb-col-xs-push-18{left:75%}.hb-col-xs-push-19{left:79.1667%}.hb-col-xs-push-20{left:83.3333%}.hb-col-xs-push-21{left:87.5%}.hb-col-xs-push-22{left:91.6667%}.hb-col-xs-push-23{left:95.8333%}.hb-col-xs-push-24{left:100%}.hb-col-xs-pull-0{right:0}.hb-col-xs-pull-1{right:4.16667%}.hb-col-xs-pull-2{right:8.33333%}.hb-col-xs-pull-3{right:12.5%}.hb-col-xs-pull-4{right:16.6667%}.hb-col-xs-pull-5{right:20.8333%}.hb-col-xs-pull-6{right:25%}.hb-col-xs-pull-7{right:29.1667%}.hb-col-xs-pull-8{right:33.3333%}.hb-col-xs-pull-9{right:37.5%}.hb-col-xs-pull-10{right:41.6667%}.hb-col-xs-pull-11{right:45.8333%}.hb-col-xs-pull-12{right:50%}.hb-col-xs-pull-13{right:54.1667%}.hb-col-xs-pull-14{right:58.3333%}.hb-col-xs-pull-15{right:62.5%}.hb-col-xs-pull-16{right:66.6667%}.hb-col-xs-pull-17{right:70.8333%}.hb-col-xs-pull-18{right:75%}.hb-col-xs-pull-19{right:79.1667%}.hb-col-xs-pull-20{right:83.3333%}.hb-col-xs-pull-21{right:87.5%}.hb-col-xs-pull-22{right:91.6667%}.hb-col-xs-pull-23{right:95.8333%}.hb-col-xs-pull-24{right:100%}@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 (min-width:576px){.hb-col-sm-0{display:none}.hb-col-sm-1{width:4.16667%}.hb-col-sm-2{width:8.33333%}.hb-col-sm-3{width:12.5%}.hb-col-sm-4{width:16.6667%}.hb-col-sm-5{width:20.8333%}.hb-col-sm-6{width:25%}.hb-col-sm-7{width:29.1667%}.hb-col-sm-8{width:33.3333%}.hb-col-sm-9{width:37.5%}.hb-col-sm-10{width:41.6667%}.hb-col-sm-11{width:45.8333%}.hb-col-sm-12{width:50%}.hb-col-sm-13{width:54.1667%}.hb-col-sm-14{width:58.3333%}.hb-col-sm-15{width:62.5%}.hb-col-sm-16{width:66.6667%}.hb-col-sm-17{width:70.8333%}.hb-col-sm-18{width:75%}.hb-col-sm-19{width:79.1667%}.hb-col-sm-20{width:83.3333%}.hb-col-sm-21{width:87.5%}.hb-col-sm-22{width:91.6667%}.hb-col-sm-23{width:95.8333%}.hb-col-sm-24{width:100%}.hb-col-sm-offset-0{margin-left:0}.hb-col-sm-offset-1{margin-left:4.16667%}.hb-col-sm-offset-2{margin-left:8.33333%}.hb-col-sm-offset-3{margin-left:12.5%}.hb-col-sm-offset-4{margin-left:16.6667%}.hb-col-sm-offset-5{margin-left:20.8333%}.hb-col-sm-offset-6{margin-left:25%}.hb-col-sm-offset-7{margin-left:29.1667%}.hb-col-sm-offset-8{margin-left:33.3333%}.hb-col-sm-offset-9{margin-left:37.5%}.hb-col-sm-offset-10{margin-left:41.6667%}.hb-col-sm-offset-11{margin-left:45.8333%}.hb-col-sm-offset-12{margin-left:50%}.hb-col-sm-offset-13{margin-left:54.1667%}.hb-col-sm-offset-14{margin-left:58.3333%}.hb-col-sm-offset-15{margin-left:62.5%}.hb-col-sm-offset-16{margin-left:66.6667%}.hb-col-sm-offset-17{margin-left:70.8333%}.hb-col-sm-offset-18{margin-left:75%}.hb-col-sm-offset-19{margin-left:79.1667%}.hb-col-sm-offset-20{margin-left:83.3333%}.hb-col-sm-offset-21{margin-left:87.5%}.hb-col-sm-offset-22{margin-left:91.6667%}.hb-col-sm-offset-23{margin-left:95.8333%}.hb-col-sm-offset-24{margin-left:100%}.hb-col-sm-push-0{left:0}.hb-col-sm-push-1{left:4.16667%}.hb-col-sm-push-2{left:8.33333%}.hb-col-sm-push-3{left:12.5%}.hb-col-sm-push-4{left:16.6667%}.hb-col-sm-push-5{left:20.8333%}.hb-col-sm-push-6{left:25%}.hb-col-sm-push-7{left:29.1667%}.hb-col-sm-push-8{left:33.3333%}.hb-col-sm-push-9{left:37.5%}.hb-col-sm-push-10{left:41.6667%}.hb-col-sm-push-11{left:45.8333%}.hb-col-sm-push-12{left:50%}.hb-col-sm-push-13{left:54.1667%}.hb-col-sm-push-14{left:58.3333%}.hb-col-sm-push-15{left:62.5%}.hb-col-sm-push-16{left:66.6667%}.hb-col-sm-push-17{left:70.8333%}.hb-col-sm-push-18{left:75%}.hb-col-sm-push-19{left:79.1667%}.hb-col-sm-push-20{left:83.3333%}.hb-col-sm-push-21{left:87.5%}.hb-col-sm-push-22{left:91.6667%}.hb-col-sm-push-23{left:95.8333%}.hb-col-sm-push-24{left:100%}.hb-col-sm-pull-0{right:0}.hb-col-sm-pull-1{right:4.16667%}.hb-col-sm-pull-2{right:8.33333%}.hb-col-sm-pull-3{right:12.5%}.hb-col-sm-pull-4{right:16.6667%}.hb-col-sm-pull-5{right:20.8333%}.hb-col-sm-pull-6{right:25%}.hb-col-sm-pull-7{right:29.1667%}.hb-col-sm-pull-8{right:33.3333%}.hb-col-sm-pull-9{right:37.5%}.hb-col-sm-pull-10{right:41.6667%}.hb-col-sm-pull-11{right:45.8333%}.hb-col-sm-pull-12{right:50%}.hb-col-sm-pull-13{right:54.1667%}.hb-col-sm-pull-14{right:58.3333%}.hb-col-sm-pull-15{right:62.5%}.hb-col-sm-pull-16{right:66.6667%}.hb-col-sm-pull-17{right:70.8333%}.hb-col-sm-pull-18{right:75%}.hb-col-sm-pull-19{right:79.1667%}.hb-col-sm-pull-20{right:83.3333%}.hb-col-sm-pull-21{right:87.5%}.hb-col-sm-pull-22{right:91.6667%}.hb-col-sm-pull-23{right:95.8333%}.hb-col-sm-pull-24{right:100%}}@media (min-width:768px){.hb-col-md-0{display:none}.hb-col-md-1{width:4.16667%}.hb-col-md-2{width:8.33333%}.hb-col-md-3{width:12.5%}.hb-col-md-4{width:16.6667%}.hb-col-md-5{width:20.8333%}.hb-col-md-6{width:25%}.hb-col-md-7{width:29.1667%}.hb-col-md-8{width:33.3333%}.hb-col-md-9{width:37.5%}.hb-col-md-10{width:41.6667%}.hb-col-md-11{width:45.8333%}.hb-col-md-12{width:50%}.hb-col-md-13{width:54.1667%}.hb-col-md-14{width:58.3333%}.hb-col-md-15{width:62.5%}.hb-col-md-16{width:66.6667%}.hb-col-md-17{width:70.8333%}.hb-col-md-18{width:75%}.hb-col-md-19{width:79.1667%}.hb-col-md-20{width:83.3333%}.hb-col-md-21{width:87.5%}.hb-col-md-22{width:91.6667%}.hb-col-md-23{width:95.8333%}.hb-col-md-24{width:100%}.hb-col-md-offset-0{margin-left:0}.hb-col-md-offset-1{margin-left:4.16667%}.hb-col-md-offset-2{margin-left:8.33333%}.hb-col-md-offset-3{margin-left:12.5%}.hb-col-md-offset-4{margin-left:16.6667%}.hb-col-md-offset-5{margin-left:20.8333%}.hb-col-md-offset-6{margin-left:25%}.hb-col-md-offset-7{margin-left:29.1667%}.hb-col-md-offset-8{margin-left:33.3333%}.hb-col-md-offset-9{margin-left:37.5%}.hb-col-md-offset-10{margin-left:41.6667%}.hb-col-md-offset-11{margin-left:45.8333%}.hb-col-md-offset-12{margin-left:50%}.hb-col-md-offset-13{margin-left:54.1667%}.hb-col-md-offset-14{margin-left:58.3333%}.hb-col-md-offset-15{margin-left:62.5%}.hb-col-md-offset-16{margin-left:66.6667%}.hb-col-md-offset-17{margin-left:70.8333%}.hb-col-md-offset-18{margin-left:75%}.hb-col-md-offset-19{margin-left:79.1667%}.hb-col-md-offset-20{margin-left:83.3333%}.hb-col-md-offset-21{margin-left:87.5%}.hb-col-md-offset-22{margin-left:91.6667%}.hb-col-md-offset-23{margin-left:95.8333%}.hb-col-md-offset-24{margin-left:100%}.hb-col-md-push-0{left:0}.hb-col-md-push-1{left:4.16667%}.hb-col-md-push-2{left:8.33333%}.hb-col-md-push-3{left:12.5%}.hb-col-md-push-4{left:16.6667%}.hb-col-md-push-5{left:20.8333%}.hb-col-md-push-6{left:25%}.hb-col-md-push-7{left:29.1667%}.hb-col-md-push-8{left:33.3333%}.hb-col-md-push-9{left:37.5%}.hb-col-md-push-10{left:41.6667%}.hb-col-md-push-11{left:45.8333%}.hb-col-md-push-12{left:50%}.hb-col-md-push-13{left:54.1667%}.hb-col-md-push-14{left:58.3333%}.hb-col-md-push-15{left:62.5%}.hb-col-md-push-16{left:66.6667%}.hb-col-md-push-17{left:70.8333%}.hb-col-md-push-18{left:75%}.hb-col-md-push-19{left:79.1667%}.hb-col-md-push-20{left:83.3333%}.hb-col-md-push-21{left:87.5%}.hb-col-md-push-22{left:91.6667%}.hb-col-md-push-23{left:95.8333%}.hb-col-md-push-24{left:100%}.hb-col-md-pull-0{right:0}.hb-col-md-pull-1{right:4.16667%}.hb-col-md-pull-2{right:8.33333%}.hb-col-md-pull-3{right:12.5%}.hb-col-md-pull-4{right:16.6667%}.hb-col-md-pull-5{right:20.8333%}.hb-col-md-pull-6{right:25%}.hb-col-md-pull-7{right:29.1667%}.hb-col-md-pull-8{right:33.3333%}.hb-col-md-pull-9{right:37.5%}.hb-col-md-pull-10{right:41.6667%}.hb-col-md-pull-11{right:45.8333%}.hb-col-md-pull-12{right:50%}.hb-col-md-pull-13{right:54.1667%}.hb-col-md-pull-14{right:58.3333%}.hb-col-md-pull-15{right:62.5%}.hb-col-md-pull-16{right:66.6667%}.hb-col-md-pull-17{right:70.8333%}.hb-col-md-pull-18{right:75%}.hb-col-md-pull-19{right:79.1667%}.hb-col-md-pull-20{right:83.3333%}.hb-col-md-pull-21{right:87.5%}.hb-col-md-pull-22{right:91.6667%}.hb-col-md-pull-23{right:95.8333%}.hb-col-md-pull-24{right:100%}}@media (min-width:992px){.hb-col-lg-0{display:none}.hb-col-lg-1{width:4.16667%}.hb-col-lg-2{width:8.33333%}.hb-col-lg-3{width:12.5%}.hb-col-lg-4{width:16.6667%}.hb-col-lg-5{width:20.8333%}.hb-col-lg-6{width:25%}.hb-col-lg-7{width:29.1667%}.hb-col-lg-8{width:33.3333%}.hb-col-lg-9{width:37.5%}.hb-col-lg-10{width:41.6667%}.hb-col-lg-11{width:45.8333%}.hb-col-lg-12{width:50%}.hb-col-lg-13{width:54.1667%}.hb-col-lg-14{width:58.3333%}.hb-col-lg-15{width:62.5%}.hb-col-lg-16{width:66.6667%}.hb-col-lg-17{width:70.8333%}.hb-col-lg-18{width:75%}.hb-col-lg-19{width:79.1667%}.hb-col-lg-20{width:83.3333%}.hb-col-lg-21{width:87.5%}.hb-col-lg-22{width:91.6667%}.hb-col-lg-23{width:95.8333%}.hb-col-lg-24{width:100%}.hb-col-lg-offset-0{margin-left:0}.hb-col-lg-offset-1{margin-left:4.16667%}.hb-col-lg-offset-2{margin-left:8.33333%}.hb-col-lg-offset-3{margin-left:12.5%}.hb-col-lg-offset-4{margin-left:16.6667%}.hb-col-lg-offset-5{margin-left:20.8333%}.hb-col-lg-offset-6{margin-left:25%}.hb-col-lg-offset-7{margin-left:29.1667%}.hb-col-lg-offset-8{margin-left:33.3333%}.hb-col-lg-offset-9{margin-left:37.5%}.hb-col-lg-offset-10{margin-left:41.6667%}.hb-col-lg-offset-11{margin-left:45.8333%}.hb-col-lg-offset-12{margin-left:50%}.hb-col-lg-offset-13{margin-left:54.1667%}.hb-col-lg-offset-14{margin-left:58.3333%}.hb-col-lg-offset-15{margin-left:62.5%}.hb-col-lg-offset-16{margin-left:66.6667%}.hb-col-lg-offset-17{margin-left:70.8333%}.hb-col-lg-offset-18{margin-left:75%}.hb-col-lg-offset-19{margin-left:79.1667%}.hb-col-lg-offset-20{margin-left:83.3333%}.hb-col-lg-offset-21{margin-left:87.5%}.hb-col-lg-offset-22{margin-left:91.6667%}.hb-col-lg-offset-23{margin-left:95.8333%}.hb-col-lg-offset-24{margin-left:100%}.hb-col-lg-push-0{left:0}.hb-col-lg-push-1{left:4.16667%}.hb-col-lg-push-2{left:8.33333%}.hb-col-lg-push-3{left:12.5%}.hb-col-lg-push-4{left:16.6667%}.hb-col-lg-push-5{left:20.8333%}.hb-col-lg-push-6{left:25%}.hb-col-lg-push-7{left:29.1667%}.hb-col-lg-push-8{left:33.3333%}.hb-col-lg-push-9{left:37.5%}.hb-col-lg-push-10{left:41.6667%}.hb-col-lg-push-11{left:45.8333%}.hb-col-lg-push-12{left:50%}.hb-col-lg-push-13{left:54.1667%}.hb-col-lg-push-14{left:58.3333%}.hb-col-lg-push-15{left:62.5%}.hb-col-lg-push-16{left:66.6667%}.hb-col-lg-push-17{left:70.8333%}.hb-col-lg-push-18{left:75%}.hb-col-lg-push-19{left:79.1667%}.hb-col-lg-push-20{left:83.3333%}.hb-col-lg-push-21{left:87.5%}.hb-col-lg-push-22{left:91.6667%}.hb-col-lg-push-23{left:95.8333%}.hb-col-lg-push-24{left:100%}.hb-col-lg-pull-0{right:0}.hb-col-lg-pull-1{right:4.16667%}.hb-col-lg-pull-2{right:8.33333%}.hb-col-lg-pull-3{right:12.5%}.hb-col-lg-pull-4{right:16.6667%}.hb-col-lg-pull-5{right:20.8333%}.hb-col-lg-pull-6{right:25%}.hb-col-lg-pull-7{right:29.1667%}.hb-col-lg-pull-8{right:33.3333%}.hb-col-lg-pull-9{right:37.5%}.hb-col-lg-pull-10{right:41.6667%}.hb-col-lg-pull-11{right:45.8333%}.hb-col-lg-pull-12{right:50%}.hb-col-lg-pull-13{right:54.1667%}.hb-col-lg-pull-14{right:58.3333%}.hb-col-lg-pull-15{right:62.5%}.hb-col-lg-pull-16{right:66.6667%}.hb-col-lg-pull-17{right:70.8333%}.hb-col-lg-pull-18{right:75%}.hb-col-lg-pull-19{right:79.1667%}.hb-col-lg-pull-20{right:83.3333%}.hb-col-lg-pull-21{right:87.5%}.hb-col-lg-pull-22{right:91.6667%}.hb-col-lg-pull-23{right:95.8333%}.hb-col-lg-pull-24{right:100%}}@media (min-width:1200px){.hb-col-xl-0{display:none}.hb-col-xl-1{width:4.16667%}.hb-col-xl-2{width:8.33333%}.hb-col-xl-3{width:12.5%}.hb-col-xl-4{width:16.6667%}.hb-col-xl-5{width:20.8333%}.hb-col-xl-6{width:25%}.hb-col-xl-7{width:29.1667%}.hb-col-xl-8{width:33.3333%}.hb-col-xl-9{width:37.5%}.hb-col-xl-10{width:41.6667%}.hb-col-xl-11{width:45.8333%}.hb-col-xl-12{width:50%}.hb-col-xl-13{width:54.1667%}.hb-col-xl-14{width:58.3333%}.hb-col-xl-15{width:62.5%}.hb-col-xl-16{width:66.6667%}.hb-col-xl-17{width:70.8333%}.hb-col-xl-18{width:75%}.hb-col-xl-19{width:79.1667%}.hb-col-xl-20{width:83.3333%}.hb-col-xl-21{width:87.5%}.hb-col-xl-22{width:91.6667%}.hb-col-xl-23{width:95.8333%}.hb-col-xl-24{width:100%}.hb-col-xl-offset-0{margin-left:0}.hb-col-xl-offset-1{margin-left:4.16667%}.hb-col-xl-offset-2{margin-left:8.33333%}.hb-col-xl-offset-3{margin-left:12.5%}.hb-col-xl-offset-4{margin-left:16.6667%}.hb-col-xl-offset-5{margin-left:20.8333%}.hb-col-xl-offset-6{margin-left:25%}.hb-col-xl-offset-7{margin-left:29.1667%}.hb-col-xl-offset-8{margin-left:33.3333%}.hb-col-xl-offset-9{margin-left:37.5%}.hb-col-xl-offset-10{margin-left:41.6667%}.hb-col-xl-offset-11{margin-left:45.8333%}.hb-col-xl-offset-12{margin-left:50%}.hb-col-xl-offset-13{margin-left:54.1667%}.hb-col-xl-offset-14{margin-left:58.3333%}.hb-col-xl-offset-15{margin-left:62.5%}.hb-col-xl-offset-16{margin-left:66.6667%}.hb-col-xl-offset-17{margin-left:70.8333%}.hb-col-xl-offset-18{margin-left:75%}.hb-col-xl-offset-19{margin-left:79.1667%}.hb-col-xl-offset-20{margin-left:83.3333%}.hb-col-xl-offset-21{margin-left:87.5%}.hb-col-xl-offset-22{margin-left:91.6667%}.hb-col-xl-offset-23{margin-left:95.8333%}.hb-col-xl-offset-24{margin-left:100%}.hb-col-xl-push-0{left:0}.hb-col-xl-push-1{left:4.16667%}.hb-col-xl-push-2{left:8.33333%}.hb-col-xl-push-3{left:12.5%}.hb-col-xl-push-4{left:16.6667%}.hb-col-xl-push-5{left:20.8333%}.hb-col-xl-push-6{left:25%}.hb-col-xl-push-7{left:29.1667%}.hb-col-xl-push-8{left:33.3333%}.hb-col-xl-push-9{left:37.5%}.hb-col-xl-push-10{left:41.6667%}.hb-col-xl-push-11{left:45.8333%}.hb-col-xl-push-12{left:50%}.hb-col-xl-push-13{left:54.1667%}.hb-col-xl-push-14{left:58.3333%}.hb-col-xl-push-15{left:62.5%}.hb-col-xl-push-16{left:66.6667%}.hb-col-xl-push-17{left:70.8333%}.hb-col-xl-push-18{left:75%}.hb-col-xl-push-19{left:79.1667%}.hb-col-xl-push-20{left:83.3333%}.hb-col-xl-push-21{left:87.5%}.hb-col-xl-push-22{left:91.6667%}.hb-col-xl-push-23{left:95.8333%}.hb-col-xl-push-24{left:100%}.hb-col-xl-pull-0{right:0}.hb-col-xl-pull-1{right:4.16667%}.hb-col-xl-pull-2{right:8.33333%}.hb-col-xl-pull-3{right:12.5%}.hb-col-xl-pull-4{right:16.6667%}.hb-col-xl-pull-5{right:20.8333%}.hb-col-xl-pull-6{right:25%}.hb-col-xl-pull-7{right:29.1667%}.hb-col-xl-pull-8{right:33.3333%}.hb-col-xl-pull-9{right:37.5%}.hb-col-xl-pull-10{right:41.6667%}.hb-col-xl-pull-11{right:45.8333%}.hb-col-xl-pull-12{right:50%}.hb-col-xl-pull-13{right:54.1667%}.hb-col-xl-pull-14{right:58.3333%}.hb-col-xl-pull-15{right:62.5%}.hb-col-xl-pull-16{right:66.6667%}.hb-col-xl-pull-17{right:70.8333%}.hb-col-xl-pull-18{right:75%}.hb-col-xl-pull-19{right:79.1667%}.hb-col-xl-pull-20{right:83.3333%}.hb-col-xl-pull-21{right:87.5%}.hb-col-xl-pull-22{right:91.6667%}.hb-col-xl-pull-23{right:95.8333%}.hb-col-xl-pull-24{right:100%}}";
 const HbLayoutStyle0 = layoutCss;
 const Layout = class {
@@ -28,43 +28,65 @@ const Layout = class {
      */
     pull = 0;
     /**
-     * <768px 响应式栅格数或者栅格属性对象
+     * <576px 响应式栅格数或者栅格属性对象
      */
     xs;
     /**
-     * ≥768px 响应式栅格数或者栅格属性对象
+     * ≥576px 响应式栅格数或者栅格属性对象
      */
     sm;
     /**
-     * ≥992px 响应式栅格数或者栅格属性对象
+     * ≥768px 响应式栅格数或者栅格属性对象
      */
     md;
     /**
-     * ≥1200px 响应式栅格数或者栅格属性对象
+     * ≥992px 响应式栅格数或者栅格属性对象
      */
     lg;
     /**
-     * ≥1920px 响应式栅格数或者栅格属性对象
+     * ≥1200px 响应式栅格数或者栅格属性对象
      */
     xl;
+    /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */
+    normalizeResponsive(value) {
+        if (value === undefined || value === null)
+            return {};
+        if (typeof value === 'number')
+            return { span: value };
+        return value;
+    }
     getColClass() {
         const classes = ['hb-col'];
-        if (this.span) {
+        // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）
+        if (this.span)
             classes.push(`hb-col-${this.span}`);
-        }
-        if (this.offset) {
+        if (this.offset)
             classes.push(`hb-col-offset-${this.offset}`);
-        }
-        if (this.push) {
+        if (this.push)
             classes.push(`hb-col-push-${this.push}`);
-        }
-        if (this.pull) {
+        if (this.pull)
             classes.push(`hb-col-pull-${this.pull}`);
+        // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，
+        // CSS 用 @media 在对应断点应用（覆盖基础值）。
+        const bps = ['xs', 'sm', 'md', 'lg', 'xl'];
+        for (const bp of bps) {
+            const v = this[bp];
+            if (v === undefined)
+                continue;
+            const r = this.normalizeResponsive(v);
+            if (r.span !== undefined)
+                classes.push(`hb-col-${bp}-${r.span}`);
+            if (r.offset !== undefined)
+                classes.push(`hb-col-${bp}-offset-${r.offset}`);
+            if (r.push !== undefined)
+                classes.push(`hb-col-${bp}-push-${r.push}`);
+            if (r.pull !== undefined)
+                classes.push(`hb-col-${bp}-pull-${r.pull}`);
         }
         return classes.join(' ');
     }
     render() {
-        return (h("div", { key: 'fc06cef5bbbcb0c108907a16b5c96fe8dc9f4f77', class: this.getColClass() }, h("slot", { key: '9ca9f6e93df8c29dc901f84a39b3eed635b953bb' })));
+        return (h("div", { key: '4a746d8ded47283a969473aa8cfbd65ad174a18f', class: this.getColClass() }, h("slot", { key: '5c6a2eacb1a2c84678e210cc75aec9a085ae902a' })));
     }
 };
 Layout.style = HbLayoutStyle0;

package/dist/esm/hb-layout.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hb-layout.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,8xPAA8xP,CAAC;AACjzP,uBAAe,SAAS;;MCUX,MAAM;;;;;;;;IAKT,IAAI,GAAW,EAAE,CAAC;;;;;IAMlB,MAAM,GAAW,CAAC,CAAC;;;;;IAMnB,IAAI,GAAW,CAAC,CAAC;;;;;IAMjB,IAAI,GAAW,CAAC,CAAC;;;;IAKjB,EAAE,CAAmB;;;;IAKrB,EAAE,CAAmB;;;;IAKrB,EAAE,CAAmB;;;;IAKrB,EAAE,CAAmB;;;;IAKrB,EAAE,CAAmB;IAErB,WAAW;QACjB,MAAM,OAAO,GAAa,CAAC,QAAQ,CAAC,CAAC;QAErC,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SACrC;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SAC9C;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SAC1C;QACD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SAC1C;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC1B;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAC5B,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"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","import { Component, h, Prop } from '@stencil/core';\n\n/\n Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局\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 <768px 响应式栅格数或者栅格属性对象\n /\n @Prop() xs?: number \| object;\n\n /\n ≥768px 响应式栅格数或者栅格属性对象\n /\n @Prop() sm?: number \| object;\n\n /\n ≥992px 响应式栅格数或者栅格属性对象\n /\n @Prop() md?: number \| object;\n\n /\n ≥1200px 响应式栅格数或者栅格属性对象\n /\n @Prop() lg?: number \| object;\n\n /\n ≥1920px 响应式栅格数或者栅格属性对象\n */\n @Prop() xl?: number \| object;\n\n private getColClass() {\n const classes: string[] = ['hb-col'];\n \n if (this.span) {\n classes.push(`hb-col-${this.span}`);\n }\n if (this.offset) {\n classes.push(`hb-col-offset-${this.offset}`);\n }\n if (this.push) {\n classes.push(`hb-col-push-${this.push}`);\n }\n if (this.pull) {\n classes.push(`hb-col-pull-${this.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"],"version":3}
1	+ {"file":"hb-layout.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,k0vBAAk0vB,CAAC;AACr1vB,uBAAe,SAAS;;MCmBX,MAAM;;;;;;;;IAKT,IAAI,GAAW,EAAE,CAAC;;;;;IAMlB,MAAM,GAAW,CAAC,CAAC;;;;;IAMnB,IAAI,GAAW,CAAC,CAAC;;;;;IAMjB,IAAI,GAAW,CAAC,CAAC;;;;IAKjB,EAAE,CAA0B;;;;IAK5B,EAAE,CAA0B;;;;IAK5B,EAAE,CAA0B;;;;IAK5B,EAAE,CAA0B;;;;IAK5B,EAAE,CAA0B;;IAG5B,mBAAmB,CAAC,KAAyC;QACnE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO,EAAE,CAAC;QACrD,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QACtD,OAAO,KAAK,CAAC;KACd;IAEO,WAAW;QACjB,MAAM,OAAO,GAAa,CAAC,QAAQ,CAAC,CAAC;;QAGrC,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACnD,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC9D,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;;;QAIxD,MAAM,GAAG,GAA4C,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACpF,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE;YACpB,MAAM,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;YACnB,IAAI,CAAC,KAAK,SAAS;gBAAE,SAAS;YAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YACjE,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;YAC5E,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;YACtE,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;gBAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;SACvE;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC1B;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAC5B,8DAAa,CACT,EACN;KACH;;;;;;","names":[],"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"],"version":3}

package/dist/esm/hb-link.entry.js CHANGED Viewed

@@ -48,12 +48,12 @@ const Link = class {
     };
     render() {
         const Tag = this.href ? 'a' : 'span';
-        return (h(Tag, { key: 'f4aac8cc7a366ae0c9b4b24fa0d3ee80f79da58b', class: {
+        return (h(Tag, { key: '7903426ed8f9d0553bfabf22068e8e74f4bc6232', class: {
                 'hb-link': true,
                 [`hb-link--${this.type}`]: true,
                 'hb-link--underline': this.underline,
                 'hb-link--disabled': this.disabled,
-            }, href: this.disabled ? undefined : this.href, target: this.target, onClick: this.handleClick }, this.icon && h("i", { key: '4b2675a1daf216c9ee79ea12bcab5ed24fd858ca', class: this.icon }), h("slot", { key: '948264261fa279325d939820adb2c67ae7aaf465' })));
+            }, href: this.disabled ? undefined : this.href, target: this.target, onClick: this.handleClick }, this.icon && h("i", { key: '1945af3c95d3d9a29a2bbed159d48b10230f8901', class: this.icon }), h("slot", { key: '2499cb000e716f05f55c230a8c8ad72f15ce215a' })));
     }
 };
 Link.style = HbLinkStyle0;

package/dist/esm/hb-loading.entry.js CHANGED Viewed

@@ -14,11 +14,11 @@ const Loading = class {
     /** 是否全屏显示 */
     fullscreen = false;
     render() {
-        return (h("div", { key: 'a29b2a7301ecd1ea3d4cc775b3eb842f591be4c3', class: {
+        return (h("div", { key: 'd8e3b21dac5f910d9a927180425753b0245550ee', class: {
                 'hb-loading': true,
                 'hb-loading--fullscreen': this.fullscreen,
                 [`hb-loading--${this.size}`]: true,
-            } }, h("div", { key: 'c429099b5e4c3d5ac229cd2d4befb58f9baff269', class: "hb-loading__spinner" }, h("div", { key: '36e30057b133e3d1f0874da7d2be3d933292fc26', class: "hb-loading__circle" }), this.text && h("div", { key: 'a13830edf63e082e26f14d9d120763cf3e7a8003', class: "hb-loading__text" }, this.text))));
+            } }, h("div", { key: '1aa9028b7e6c3ac550c0d8f6fd2e36ffd8a6b10a', class: "hb-loading__spinner" }, h("div", { key: 'ee52c55b1d98b7b48eac202d4c58e699b5df32e6', class: "hb-loading__circle" }), this.text && h("div", { key: 'e9221d649116747f720afb8d380c4a5caf6192d9', class: "hb-loading__text" }, this.text))));
     }
 };
 Loading.style = HbLoadingStyle0;

package/dist/esm/hb-main.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const Main = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("main", { key: 'd326db7b0e9de0ff411ca3af99f2399a5e760557', class: "hb-main" }, h("slot", { key: 'cea61788b327d41f6307be518c368eca41a254b2' })));
+        return (h("main", { key: '98dd998acef2d0cf91173425d84b5e14cd86c104', class: "hb-main" }, h("slot", { key: 'e508104800157f61bec0b0754371c83a4a76dabe' })));
     }
 };
 Main.style = HbMainStyle0;

package/dist/esm/hb-menu-item.entry.js CHANGED Viewed

@@ -33,11 +33,11 @@ const MenuItem = class {
         }
     };
     render() {
-        return (h("li", { key: '34b8ae3ee2a580757cd0c01261772e6de97bf332', class: {
+        return (h("li", { key: '73a414a55166b598c78b6a3d0471cae5559a6aa6', class: {
                 'hb-menu-item': true,
                 'hb-menu-item--active': this.active,
                 'hb-menu-item--disabled': this.disabled,
-            }, role: "menuitem", tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "aria-current": this.active ? 'page' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown }, this.icon && h("span", { key: 'a0b70a81ce4f8ed1cef7bd37c5b194a02554bc22', class: "hb-menu-item__icon" }, this.icon), h("span", { key: '8ef65eda6376d1e16ed614fa30e7cef532abc2ad', class: "hb-menu-item__text" }, h("slot", { key: '716cf4bc2cd4cd6d992010759d55f2924662cd9a' }))));
+            }, role: "menuitem", tabindex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? 'true' : undefined, "aria-current": this.active ? 'page' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown }, this.icon && h("span", { key: '375938585e3f0b1550912723c93fe2f391f4e407', class: "hb-menu-item__icon" }, this.icon), h("span", { key: '6db5289368546e0695d386826700805d53660c68', class: "hb-menu-item__text" }, h("slot", { key: '1d2fc9baece71764747c07148de07de612b2f4b1' }))));
     }
 };

package/dist/esm/hb-menu.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, g as getElement, h } from './index-fdf7135e.js';
-const menuCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-menu{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border-right:1px solid var(--hb-color-border-secondary);box-sizing:border-box;color:var(--hb-menu-color,var(--hb-color-text));font-size:var(--hb-font-size-sm);list-style:none;margin:0;padding:4px 0}.hb-menu--horizontal{border-bottom:1px solid var(--hb-color-border-secondary);border-right:none;display:flex}.hb-menu--collapsed{width:64px}.hb-menu--collapsed .hb-menu-item__text,.hb-menu--collapsed .hb-sub-menu__arrow,.hb-menu--collapsed .hb-sub-menu__label{display:none}.hb-sub-menu--collapsed{position:relative}.hb-sub-menu--collapsed .hb-sub-menu__title{justify-content:center;padding:0}.hb-sub-menu__children--popover{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-radius-sm,4px);box-shadow:0 2px 8px #0000001f;left:100%;margin-left:4px;min-width:160px;padding:4px 0;position:absolute;top:0;white-space:nowrap;z-index:1000}.hb-sub-menu__children--popover .hb-menu-item{padding-left:var(--hb-spacing-md)}::slotted(hb-menu-item){display:block}.hb-menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);list-style:none;padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)var(--hb-transition-function);white-space:nowrap}.hb-menu-item:hover:not(.hb-menu-item--disabled){background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-menu-item--active{background-color:var(--hb-menu-item-active-bg,var(--hb-color-primary-bg));color:var(--hb-menu-active-color,var(--hb-color-primary))}.hb-menu-item--disabled{cursor:not-allowed;opacity:.5}.hb-menu-item__icon{display:inline-flex;width:16px}.hb-sub-menu{list-style:none}.hb-sub-menu__title{align-items:center;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)}.hb-sub-menu__title:hover{background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-sub-menu__label{flex:1}.hb-sub-menu__arrow{font-size:10px;transition:transform var(--hb-transition-duration)}.hb-sub-menu__arrow--open{transform:rotate(90deg)}.hb-sub-menu__children{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));list-style:none;margin:0;padding:0}.hb-sub-menu__children .hb-menu-item{padding-left:calc(var(--hb-spacing-md) + var(--hb-spacing-lg))}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const menuCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-menu{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border-right:1px solid var(--hb-color-border-secondary);box-sizing:border-box;color:var(--hb-menu-color,var(--hb-color-text));font-size:var(--hb-font-size-sm);list-style:none;margin:0;padding:4px 0}.hb-menu--horizontal{border-bottom:1px solid var(--hb-color-border-secondary);border-right:none;display:flex}.hb-menu--collapsed{width:64px}.hb-menu--collapsed .hb-menu-item__text,.hb-menu--collapsed .hb-sub-menu__arrow,.hb-menu--collapsed .hb-sub-menu__label{display:none}.hb-sub-menu--collapsed{position:relative}.hb-sub-menu--collapsed .hb-sub-menu__title{justify-content:center;padding:0}.hb-sub-menu__children--popover{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));border:1px solid var(--hb-color-border-secondary);border-radius:var(--hb-radius-sm,4px);box-shadow:0 2px 8px #0000001f;left:100%;margin-left:4px;min-width:160px;padding:4px 0;position:absolute;top:0;white-space:nowrap;z-index:1000}.hb-sub-menu__children--popover .hb-menu-item{padding-left:var(--hb-spacing-md)}::slotted(hb-menu-item){display:block}.hb-menu-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);list-style:none;padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)var(--hb-transition-function);white-space:nowrap}.hb-menu-item:hover:not(.hb-menu-item--disabled){background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-menu-item--active{background-color:var(--hb-menu-item-active-bg,var(--hb-color-primary-bg));color:var(--hb-menu-active-color,var(--hb-color-primary))}.hb-menu-item--disabled{cursor:not-allowed;opacity:.5}.hb-menu-item__icon{display:inline-flex;width:16px}.hb-sub-menu{list-style:none}.hb-sub-menu__title{align-items:center;cursor:pointer;display:flex;gap:var(--hb-spacing-xs);height:var(--hb-size-default);line-height:var(--hb-size-default);padding:0 var(--hb-spacing-md);transition:all var(--hb-transition-duration)}.hb-sub-menu__title:hover{background-color:var(--hb-menu-item-hover-bg,var(--hb-color-fill-tertiary))}.hb-sub-menu__label{flex:1}.hb-sub-menu__arrow{font-size:10px;transition:transform var(--hb-transition-duration)}.hb-sub-menu__arrow--open{transform:rotate(90deg)}.hb-sub-menu__children{background-color:var(--hb-menu-bg,var(--hb-color-bg-container));list-style:none;margin:0;padding:0}.hb-sub-menu__children .hb-menu-item{padding-left:calc(var(--hb-spacing-md) + var(--hb-spacing-lg))}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@media (max-width:575.98px){.hb-menu--horizontal{align-items:stretch;flex-direction:column;gap:2px}.hb-menu--horizontal .hb-menu-item,.hb-menu--horizontal .hb-sub-menu{padding:10px 12px}:host .hb-menu-item__text,:host .hb-sub-menu__label{display:inline}}";
 const HbMenuStyle0 = menuCss;
 const Menu = class {
@@ -65,11 +65,11 @@ const Menu = class {
             style['--hb-menu-color'] = this.textColor;
         if (this.activeTextColor)
             style['--hb-menu-active-color'] = this.activeTextColor;
-        return (h("ul", { key: '0352bda3d62d4a280681612a7bf301f16459bcc0', class: {
+        return (h("ul", { key: '8ed9611af410b2d453c01b9e026efb787c62cea6', class: {
                 'hb-menu': true,
                 [`hb-menu--${this.mode}`]: true,
                 'hb-menu--collapsed': this.collapsed,
-            }, style: style, role: "menu" }, h("slot", { key: '142fea193616a6e311b854f6bd893e0646950b29' })));
+            }, style: style, role: "menu" }, h("slot", { key: '7eb6d2b0fdd4ab9b3a0866ff4ba7c2c23bfdd6dd' })));
     }
     static get watchers() { return {
         "defaultActive": ["handleDefaultActiveChange"],

package/dist/esm/hb-menu.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"hb-menu.entry.js","mappings":";;AAAA,MAAM,OAAO,GAAG,~~2nQAA2nQ~~,CAAC;~~AAC5oQ~~,qBAAe,OAAO;;MCUT,IAAI;;;;;;;IAIP,IAAI,GAA8B,UAAU,CAAC;;IAG5B,aAAa,GAAW,EAAE,CAAC;;IAG5C,SAAS,GAAY,KAAK,CAAC;;IAG3B,eAAe,CAAU;;IAGzB,SAAS,CAAU;;IAGnB,eAAe,CAAU;IAExB,UAAU,GAAW,EAAE,CAAC;;IAGxB,QAAQ,CAAuB;IAExC,gBAAgB;QACd,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;;QAErC,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;IAGD,yBAAyB;QACvB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;KACtC;IAGD,qBAAqB;QACnB,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;;;;;IAMO,uBAAuB;QAC7B,IAAI,CAAC,IAAI,CAAC,EAAE;YAAE,OAAO;QACrB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;YAClD,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;SAClE,CAAC,CAAC;KACJ;;IAID,YAAY,CAAC,KAA0B;QACrC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;QAExB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;YACpD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;SAClF,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,MAAM,KAAK,GAA2B,EAAE,CAAC;QACzC,IAAI,IAAI,CAAC,eAAe;YAAE,KAAK,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QACvE,IAAI,IAAI,CAAC,SAAS;YAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9D,IAAI,IAAI,CAAC,eAAe;YAAE,KAAK,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAEjF,QACE,2DACE,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,CAAC,YAAY,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAC/B,oBAAoB,EAAE,IAAI,CAAC,SAAS;aACrC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,IAEX,8DAAQ,CACL,EACL;KACH;;;;;;;;;;","names":[],"sources":["src/components/Menu/menu.css?tag=hb-menu&encapsulation=shadow","src/components/Menu/Menu.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hb-menu {\n list-style: none;\n margin: 0;\n padding: 4px 0;\n background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n color: var(--hb-menu-color, var(--hb-color-text));\n font-size: var(--hb-font-size-sm);\n border-right: 1px solid var(--hb-color-border-secondary);\n box-sizing: border-box;\n}\n\n/* ---- 水平模式 ---- /\n.hb-menu--horizontal {\n display: flex;\n border-right: none;\n border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n\n/ ---- 折叠 ---- /\n.hb-menu--collapsed {\n width: 64px;\n}\n.hb-menu--collapsed .hb-menu-item__text,\n.hb-menu--collapsed .hb-sub-menu__label,\n.hb-menu--collapsed .hb-sub-menu__arrow {\n display: none;\n}\n\n/ 折叠态 SubMenu：图标条布局（仅显示 icon），不再就地展开 /\n.hb-sub-menu--collapsed {\n position: relative;\n}\n.hb-sub-menu--collapsed .hb-sub-menu__title {\n justify-content: center;\n padding: 0;\n}\n\n/ 折叠态浮层：绝对定位弹出在右侧 /\n.hb-sub-menu__children--popover {\n position: absolute;\n left: 100%;\n top: 0;\n margin-left: 4px;\n min-width: 160px;\n padding: 4px 0;\n background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n border: 1px solid var(--hb-color-border-secondary);\n border-radius: var(--hb-radius-sm, 4px);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n z-index: 1000;\n white-space: nowrap;\n}\n\n/ 折叠态浮层内的 MenuItem 取消就地展开时的缩进 /\n.hb-sub-menu__children--popover .hb-menu-item {\n padding-left: var(--hb-spacing-md);\n}\n\n/ ---- MenuItem ---- /\n::slotted(hb-menu-item) {\n display: block;\n}\n\n.hb-menu-item {\n display: flex;\n align-items: center;\n gap: var(--hb-spacing-xs);\n padding: 0 var(--hb-spacing-md);\n height: var(--hb-size-default);\n line-height: var(--hb-size-default);\n cursor: pointer;\n transition: all var(--hb-transition-duration) var(--hb-transition-function);\n white-space: nowrap;\n list-style: none;\n box-sizing: border-box;\n}\n\n.hb-menu-item:hover:not(.hb-menu-item--disabled) {\n background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-menu-item--active {\n color: var(--hb-menu-active-color, var(--hb-color-primary));\n background-color: var(--hb-menu-item-active-bg, var(--hb-color-primary-bg));\n}\n\n.hb-menu-item--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.hb-menu-item__icon {\n display: inline-flex;\n width: 16px;\n}\n\n/ ---- SubMenu ---- /\n.hb-sub-menu {\n list-style: none;\n}\n\n.hb-sub-menu__title {\n display: flex;\n align-items: center;\n gap: var(--hb-spacing-xs);\n padding: 0 var(--hb-spacing-md);\n height: var(--hb-size-default);\n line-height: var(--hb-size-default);\n cursor: pointer;\n transition: all var(--hb-transition-duration);\n}\n\n.hb-sub-menu__title:hover {\n background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-sub-menu__label {\n flex: 1;\n}\n\n.hb-sub-menu__arrow {\n font-size: 10px;\n transition: transform var(--hb-transition-duration);\n}\n\n.hb-sub-menu__arrow--open {\n transform: rotate(90deg);\n}\n\n.hb-sub-menu__children {\n list-style: none;\n margin: 0;\n padding: 0;\n background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n}\n\n.hb-sub-menu__children .hb-menu-item {\n padding-left: calc(var(--hb-spacing-md) + var(--hb-spacing-lg));\n}\n","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter, Listen } from '@stencil/core';\n\n/\n Menu 导航菜单组件\n * 为页面和功能提供导航的菜单\n /\n@Component({\n tag: 'hb-menu',\n styleUrl: 'menu.css',\n shadow: true,\n})\nexport class Menu {\n @Element() el: HTMLElement;\n\n /* 模式 /\n @Prop() mode: 'horizontal' \| 'vertical' = 'vertical';\n\n /* 当前激活菜单项 /\n @Prop({ mutable: true }) defaultActive: string = '';\n\n /* 是否折叠（仅垂直模式） /\n @Prop() collapsed: boolean = false;\n\n /* 背景色 /\n @Prop() backgroundColor?: string;\n\n /* 文字颜色 /\n @Prop() textColor?: string;\n\n /* 激活项文字颜色 /\n @Prop() activeTextColor?: string;\n\n @State() activeItem: string = '';\n\n /* 选中事件 /\n @Event() hbSelect: EventEmitter<string>;\n\n componentDidLoad() {\n this.activeItem = this.defaultActive;\n // 折叠态透传给子 hb-sub-menu（子组件无法继承 prop，需在 host 属性层面同步）\n this.syncCollapsedToChildren();\n }\n\n @Watch('defaultActive')\n handleDefaultActiveChange() {\n this.activeItem = this.defaultActive;\n }\n\n @Watch('collapsed')\n handleCollapsedChange() {\n this.syncCollapsedToChildren();\n }\n\n /\n 把 collapsed 状态同步到所有直连与嵌套的 hb-sub-menu 子节点。\n * querySelectorAll 递归匹配，因此 hb-sub-menu > hb-sub-menu（多级）也会被覆盖。\n /\n private syncCollapsedToChildren() {\n if (!this.el) return;\n this.el.querySelectorAll('hb-sub-menu').forEach((sub) => {\n sub.setAttribute('collapsed', this.collapsed ? 'true' : 'false');\n });\n }\n\n /* 监听子 hb-menu-item 派发的内部选中事件，更新激活态并向外发射公开的 hbSelect */\n @Listen('hbMenuItemSelect')\n handleSelect(event: CustomEvent<string>) {\n const key = event.detail;\n this.activeItem = key;\n this.defaultActive = key;\n this.hbSelect.emit(key);\n // 通知子组件（含嵌套在 hb-sub-menu 内的 hb-menu-item）\n this.el.querySelectorAll('hb-menu-item').forEach((item) => {\n item.setAttribute('active', item.getAttribute('key') === key ? 'true' : 'false');\n });\n }\n\n render() {\n const style: Record<string, string> = {};\n if (this.backgroundColor) style['--hb-menu-bg'] = this.backgroundColor;\n if (this.textColor) style['--hb-menu-color'] = this.textColor;\n if (this.activeTextColor) style['--hb-menu-active-color'] = this.activeTextColor;\n\n return (\n <ul\n class={{\n 'hb-menu': true,\n [`hb-menu--${this.mode}`]: true,\n 'hb-menu--collapsed': this.collapsed,\n }}\n style={style}\n role=\"menu\"\n >\n <slot />\n </ul>\n );\n }\n}\n"],"version":3}
1	+ {"file":"hb-menu.entry.js","mappings":";;AAAA,MAAM,OAAO,GAAG,y3QAAy3Q,CAAC;AAC14Q,qBAAe,OAAO;;MCUT,IAAI;;;;;;;IAIP,IAAI,GAA8B,UAAU,CAAC;;IAG5B,aAAa,GAAW,EAAE,CAAC;;IAG5C,SAAS,GAAY,KAAK,CAAC;;IAG3B,eAAe,CAAU;;IAGzB,SAAS,CAAU;;IAGnB,eAAe,CAAU;IAExB,UAAU,GAAW,EAAE,CAAC;;IAGxB,QAAQ,CAAuB;IAExC,gBAAgB;QACd,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;;QAErC,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;IAGD,yBAAyB;QACvB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;KACtC;IAGD,qBAAqB;QACnB,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;;;;;IAMO,uBAAuB;QAC7B,IAAI,CAAC,IAAI,CAAC,EAAE;YAAE,OAAO;QACrB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG;YAClD,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;SAClE,CAAC,CAAC;KACJ;;IAID,YAAY,CAAC,KAA0B;QACrC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;QAExB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;YACpD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;SAClF,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,MAAM,KAAK,GAA2B,EAAE,CAAC;QACzC,IAAI,IAAI,CAAC,eAAe;YAAE,KAAK,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QACvE,IAAI,IAAI,CAAC,SAAS;YAAE,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9D,IAAI,IAAI,CAAC,eAAe;YAAE,KAAK,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QAEjF,QACE,2DACE,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,CAAC,YAAY,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAC/B,oBAAoB,EAAE,IAAI,CAAC,SAAS;aACrC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,IAEX,8DAAQ,CACL,EACL;KACH;;;;;;;;;;","names":[],"sources":["src/components/Menu/menu.css?tag=hb-menu&encapsulation=shadow","src/components/Menu/Menu.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.hb-menu {\n list-style: none;\n margin: 0;\n padding: 4px 0;\n background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n color: var(--hb-menu-color, var(--hb-color-text));\n font-size: var(--hb-font-size-sm);\n border-right: 1px solid var(--hb-color-border-secondary);\n box-sizing: border-box;\n}\n\n/* ---- 水平模式 ---- /\n.hb-menu--horizontal {\n display: flex;\n border-right: none;\n border-bottom: 1px solid var(--hb-color-border-secondary);\n}\n\n/ ---- 折叠 ---- /\n.hb-menu--collapsed {\n width: 64px;\n}\n.hb-menu--collapsed .hb-menu-item__text,\n.hb-menu--collapsed .hb-sub-menu__label,\n.hb-menu--collapsed .hb-sub-menu__arrow {\n display: none;\n}\n\n/ 折叠态 SubMenu：图标条布局（仅显示 icon），不再就地展开 /\n.hb-sub-menu--collapsed {\n position: relative;\n}\n.hb-sub-menu--collapsed .hb-sub-menu__title {\n justify-content: center;\n padding: 0;\n}\n\n/ 折叠态浮层：绝对定位弹出在右侧 /\n.hb-sub-menu__children--popover {\n position: absolute;\n left: 100%;\n top: 0;\n margin-left: 4px;\n min-width: 160px;\n padding: 4px 0;\n background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n border: 1px solid var(--hb-color-border-secondary);\n border-radius: var(--hb-radius-sm, 4px);\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n z-index: 1000;\n white-space: nowrap;\n}\n\n/ 折叠态浮层内的 MenuItem 取消就地展开时的缩进 /\n.hb-sub-menu__children--popover .hb-menu-item {\n padding-left: var(--hb-spacing-md);\n}\n\n/ ---- MenuItem ---- /\n::slotted(hb-menu-item) {\n display: block;\n}\n\n.hb-menu-item {\n display: flex;\n align-items: center;\n gap: var(--hb-spacing-xs);\n padding: 0 var(--hb-spacing-md);\n height: var(--hb-size-default);\n line-height: var(--hb-size-default);\n cursor: pointer;\n transition: all var(--hb-transition-duration) var(--hb-transition-function);\n white-space: nowrap;\n list-style: none;\n box-sizing: border-box;\n}\n\n.hb-menu-item:hover:not(.hb-menu-item--disabled) {\n background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-menu-item--active {\n color: var(--hb-menu-active-color, var(--hb-color-primary));\n background-color: var(--hb-menu-item-active-bg, var(--hb-color-primary-bg));\n}\n\n.hb-menu-item--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.hb-menu-item__icon {\n display: inline-flex;\n width: 16px;\n}\n\n/ ---- SubMenu ---- /\n.hb-sub-menu {\n list-style: none;\n}\n\n.hb-sub-menu__title {\n display: flex;\n align-items: center;\n gap: var(--hb-spacing-xs);\n padding: 0 var(--hb-spacing-md);\n height: var(--hb-size-default);\n line-height: var(--hb-size-default);\n cursor: pointer;\n transition: all var(--hb-transition-duration);\n}\n\n.hb-sub-menu__title:hover {\n background-color: var(--hb-menu-item-hover-bg, var(--hb-color-fill-tertiary));\n}\n\n.hb-sub-menu__label {\n flex: 1;\n}\n\n.hb-sub-menu__arrow {\n font-size: 10px;\n transition: transform var(--hb-transition-duration);\n}\n\n.hb-sub-menu__arrow--open {\n transform: rotate(90deg);\n}\n\n.hb-sub-menu__children {\n list-style: none;\n margin: 0;\n padding: 0;\n background-color: var(--hb-menu-bg, var(--hb-color-bg-container));\n}\n\n.hb-sub-menu__children .hb-menu-item {\n padding-left: calc(var(--hb-spacing-md) + var(--hb-spacing-lg));\n}\n\n/ ============================================================\n * 响应式（移动端）：小屏水平菜单改为纵向折叠，\n * 子菜单展开为内联列表（避免横向溢出）。对齐 antd 移动端行为。\n * ============================================================ /\n@media (max-width: 575.98px) {\n / 水平菜单在小屏改为垂直堆叠 /\n .hb-menu--horizontal {\n flex-direction: column;\n align-items: stretch;\n gap: 2px;\n }\n\n / 收窄的内边距 /\n .hb-menu--horizontal .hb-menu-item,\n .hb-menu--horizontal .hb-sub-menu {\n padding: 10px 12px;\n }\n\n / 让所有菜单项文字始终显示（即便桌面端折叠态隐藏文字，移动端不适用） /\n :host .hb-menu-item__text,\n :host .hb-sub-menu__label {\n display: inline;\n }\n}\n","import { Component, h, Prop, State, Element, Watch, Event, EventEmitter, Listen } from '@stencil/core';\n\n/\n Menu 导航菜单组件\n * 为页面和功能提供导航的菜单\n /\n@Component({\n tag: 'hb-menu',\n styleUrl: 'menu.css',\n shadow: true,\n})\nexport class Menu {\n @Element() el: HTMLElement;\n\n /* 模式 /\n @Prop() mode: 'horizontal' \| 'vertical' = 'vertical';\n\n /* 当前激活菜单项 /\n @Prop({ mutable: true }) defaultActive: string = '';\n\n /* 是否折叠（仅垂直模式） /\n @Prop() collapsed: boolean = false;\n\n /* 背景色 /\n @Prop() backgroundColor?: string;\n\n /* 文字颜色 /\n @Prop() textColor?: string;\n\n /* 激活项文字颜色 /\n @Prop() activeTextColor?: string;\n\n @State() activeItem: string = '';\n\n /* 选中事件 /\n @Event() hbSelect: EventEmitter<string>;\n\n componentDidLoad() {\n this.activeItem = this.defaultActive;\n // 折叠态透传给子 hb-sub-menu（子组件无法继承 prop，需在 host 属性层面同步）\n this.syncCollapsedToChildren();\n }\n\n @Watch('defaultActive')\n handleDefaultActiveChange() {\n this.activeItem = this.defaultActive;\n }\n\n @Watch('collapsed')\n handleCollapsedChange() {\n this.syncCollapsedToChildren();\n }\n\n /\n 把 collapsed 状态同步到所有直连与嵌套的 hb-sub-menu 子节点。\n * querySelectorAll 递归匹配，因此 hb-sub-menu > hb-sub-menu（多级）也会被覆盖。\n /\n private syncCollapsedToChildren() {\n if (!this.el) return;\n this.el.querySelectorAll('hb-sub-menu').forEach((sub) => {\n sub.setAttribute('collapsed', this.collapsed ? 'true' : 'false');\n });\n }\n\n /* 监听子 hb-menu-item 派发的内部选中事件，更新激活态并向外发射公开的 hbSelect */\n @Listen('hbMenuItemSelect')\n handleSelect(event: CustomEvent<string>) {\n const key = event.detail;\n this.activeItem = key;\n this.defaultActive = key;\n this.hbSelect.emit(key);\n // 通知子组件（含嵌套在 hb-sub-menu 内的 hb-menu-item）\n this.el.querySelectorAll('hb-menu-item').forEach((item) => {\n item.setAttribute('active', item.getAttribute('key') === key ? 'true' : 'false');\n });\n }\n\n render() {\n const style: Record<string, string> = {};\n if (this.backgroundColor) style['--hb-menu-bg'] = this.backgroundColor;\n if (this.textColor) style['--hb-menu-color'] = this.textColor;\n if (this.activeTextColor) style['--hb-menu-active-color'] = this.activeTextColor;\n\n return (\n <ul\n class={{\n 'hb-menu': true,\n [`hb-menu--${this.mode}`]: true,\n 'hb-menu--collapsed': this.collapsed,\n }}\n style={style}\n role=\"menu\"\n >\n <slot />\n </ul>\n );\n }\n}\n"],"version":3}

package/dist/esm/hb-message.entry.js CHANGED Viewed

@@ -31,11 +31,11 @@ const Message = class {
         setTimeout(() => this.el.remove(), 300);
     };
     render() {
-        return (h("div", { key: '51069b8f2a5079fcfd64bb24168907bbcfbfd869', class: {
+        return (h("div", { key: '903b6bef78fb6ba813556bf847b7e6e03de46c3d', class: {
                 'hb-message': true,
                 [`hb-message--${this.type}`]: true,
                 'hb-message--visible': this.visible,
-            }, role: "alert" }, h("span", { key: 'ad3123ae0c4eb9b8010c446bf0016d54af7b8a3a', class: "hb-message__icon" }, ICON_MAP[this.type]), h("span", { key: '557ea0f92544ab58079a498b8f90dc774746c0a2', class: "hb-message__text" }, this.message), this.closable && (h("span", { key: 'e90e3380ba2b9a473d5f839983b959584948fd2a', class: "hb-message__close", onClick: this.close }, "\u00D7"))));
+            }, role: "alert" }, h("span", { key: 'b29a9043e502cf7d3a96089b9fed6214a3d43bd4', class: "hb-message__icon" }, ICON_MAP[this.type]), h("span", { key: 'cc926f41bd0b721c203f687629019bb095134dbe', class: "hb-message__text" }, this.message), this.closable && (h("span", { key: 'f6d6743646b47e8ef5e83264c69c94d5398eb69b', class: "hb-message__close", onClick: this.close }, "\u00D7"))));
     }
 };

package/dist/esm/hb-notification.entry.js CHANGED Viewed

@@ -48,12 +48,12 @@ const Notification = class {
         this.hbClose.emit(this.id);
     };
     render() {
-        return (h("div", { key: '9848b6a924f89df2fa9996742f06986ad8c33da5', class: {
+        return (h("div", { key: '9be96a5baeb818da2c93a36e47c25aaa64bc5cfa', class: {
                 'hb-notification': true,
                 [`hb-notification--${this.type}`]: true,
                 [`hb-notification--${this.position}`]: true,
                 'hb-notification--visible': this.visible,
-            }, role: "alert" }, h("div", { key: 'a15adaf1401116e0dd462fa2a9abf56595052069', class: "hb-notification__icon", "aria-hidden": "true" }, h("span", { key: '7d56d7ce4760963f1bd7c214c5d19c9003e302ee', class: `hb-notification__icon-sign hb-notification__icon-sign--${this.type}` })), h("div", { key: '881c23e049f6870a4f2a4db347fdfaedc331708e', class: "hb-notification__content" }, this.title && h("div", { key: '034c55a3d5b0b4bbb27657db8f2f35bf917caf91', class: "hb-notification__title" }, this.title), this.message && h("div", { key: '0d49cebbf4e1db0baa953691c7519a2a8469563d', class: "hb-notification__message" }, this.message)), this.showClose && (h("button", { key: '180dc1d07aa4993a25ef97e92eb8ab4700e6c120', type: "button", class: "hb-notification__close", onClick: this.close, "aria-label": "\u5173\u95ED" }, "\u00D7"))));
+            }, role: "alert" }, h("div", { key: '81e28521a930f9dfabe4c5cdc821bf25fe15fc6a', class: "hb-notification__icon", "aria-hidden": "true" }, h("span", { key: '5023ecaabb4a12ecc2c7dbc1ce0f5ff9d979ced9', class: `hb-notification__icon-sign hb-notification__icon-sign--${this.type}` })), h("div", { key: '525ed80909f70b304eb4460bd2ad70e1ee969a8e', class: "hb-notification__content" }, this.title && h("div", { key: '5c7ff54e7c91a0df0e476db31f6df33262cf15ec', class: "hb-notification__title" }, this.title), this.message && h("div", { key: '25b34f64119a5ac609deab1633b8876036fd73df', class: "hb-notification__message" }, this.message)), this.showClose && (h("button", { key: '5999ff418c3e232e74257be4ea3d8cfe619cb401', type: "button", class: "hb-notification__close", onClick: this.close, "aria-label": "\u5173\u95ED" }, "\u00D7"))));
     }
 };
 Notification.style = HbNotificationStyle0;

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

@@ -23,7 +23,7 @@ const PageHeader = class {
         this.hbBack.emit();
     };
     render() {
-        return (h("div", { key: '1b030e60e77df9e97b6d60f704e521c05ae7af51', class: { 'hb-page-header': true, 'hb-page-header--ghost': this.ghost } }, h("div", { key: '2ee91ddf333fe5e771c9cbb0a62b14b03a3b1663', class: "hb-page-header__main" }, this.back && (h("button", { key: '225309da83f36a22e5e75200344399bcb94a3391', type: "button", class: "hb-page-header__back", onClick: this.handleBack, "aria-label": "\u8FD4\u56DE" }, h("span", { key: '1f67010455c9c682df8cefbb2dd81b1a41a73457', class: "hb-page-header__back-arrow" }, "\u2190"))), h("div", { key: '50ec1439869c987330e4536fe6f12e62416b1527', class: "hb-page-header__titles" }, this.title && h("span", { key: 'cdfde7eb8f6b643ea01327c87cab94db474b0825', class: "hb-page-header__title" }, this.title), this.subtitle && h("span", { key: '21756140f35d3fb19cea52d6c5a9e759641c0118', class: "hb-page-header__subtitle" }, this.subtitle))), h("div", { key: '59b5e1c8a71f17e9bb647394048ffe9484a85a5a', class: "hb-page-header__extra" }, h("slot", { key: '2c0543b118ac038e47b0aad6b389b996bf4f163c' }))));
+        return (h("div", { key: 'd0a12aabf3367b79a6b772519747bf8a1bc4b6a6', class: { 'hb-page-header': true, 'hb-page-header--ghost': this.ghost } }, h("div", { key: 'a1b06d2e308104ac47c6ef8fea494d50f11491ba', class: "hb-page-header__main" }, this.back && (h("button", { key: '9bff3ddc9271167a63b1abca030299a09fa92281', type: "button", class: "hb-page-header__back", onClick: this.handleBack, "aria-label": "\u8FD4\u56DE" }, h("span", { key: '099fa0f3b3c5aa3da46e72b1341589f90406ac85', class: "hb-page-header__back-arrow" }, "\u2190"))), h("div", { key: '17ab5366d4b9e0ccc5a3ed593a2564afdf7a333b', class: "hb-page-header__titles" }, this.title && h("span", { key: '587984784445116a7a20485d405fb8e8920fd631', class: "hb-page-header__title" }, this.title), this.subtitle && h("span", { key: '36d2e8452515ae043d87fb8371b5d6c3f7fd5121', class: "hb-page-header__subtitle" }, this.subtitle))), h("div", { key: '1cda5981edc21edafe737c1b8b4c922a14676787', class: "hb-page-header__extra" }, h("slot", { key: '67e7fa41c6467e676e7e46a11a2d3fe6bf7db413' }))));
     }
 };
 PageHeader.style = HbPageHeaderStyle0;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-fdf7135e.js';
-const paginationCss = "/*! 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}";
+const paginationCss = "/*! 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 HbPaginationStyle0 = paginationCss;
 const Pagination = class {
@@ -26,6 +26,8 @@ const Pagination = class {
     /** 是否显示每页条数选择器 */
     showPageSize = false;
     internalCurrent = 1;
+    /** 内部每页条数：pageSize 变更时同步；size 切换后立即生效重算 totalPages */
+    internalPageSize = 10;
     /** 当前页改变事件 */
     hbCurrentChange;
     /** 每页条数改变事件 */
@@ -33,11 +35,15 @@ const Pagination = class {
     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.pageSize));
+        return Math.max(1, Math.ceil(this.total / this.internalPageSize));
     }
     handlePageClick(page) {
         if (this.disabled || page === this.internalCurrent || page < 1 || page > this.totalPages)
@@ -49,10 +55,16 @@ const Pagination = class {
     handleSizeChange(e) {
         const target = e.target;
         const size = parseInt(target.value, 10);
+        // 切 pageSize 后立即重算 totalPages，并防止 currentPage 越界
+        this.internalPageSize = size;
+        const newTotal = Math.max(1, Math.ceil(this.total / size));
+        const safePage = Math.min(this.internalCurrent, newTotal);
         this.hbSizeChange.emit(size);
-        this.internalCurrent = 1;
-        this.currentPage = 1;
-        this.hbCurrentChange.emit(1);
+        this.internalCurrent = safePage;
+        this.currentPage = safePage;
+        if (safePage !== this.internalCurrent) {
+            this.hbCurrentChange.emit(safePage);
+        }
     }
     getPages() {
         const pages = [];
@@ -87,13 +99,14 @@ const Pagination = class {
     }
     render() {
         const pages = this.getPages();
-        return (h("div", { key: '889d6db49b4a7af7ad353fcc36de1aed8499708a', class: { 'hb-pagination': true, 'hb-pagination--disabled': this.disabled } }, this.showTotal && (h("span", { key: 'f914032da52a9919a81087d627a67e68456dc89d', class: "hb-pagination__total" }, "\u5171 ", this.total, " \u6761")), this.showPageSize && (h("select", { key: '30b748ffd520e94a1a1c512e49393c3065f89216', class: "hb-pagination__sizes", onChange: this.handleSizeChange, disabled: this.disabled }, this.pageSizes.map(size => (h("option", { value: size, selected: size === this.pageSize }, size, " \u6761/\u9875"))))), h("button", { key: '2a7ba780e83f94d476b340d2d47b20e772132dd4', type: "button", class: "hb-pagination__btn hb-pagination__prev", disabled: this.disabled || this.internalCurrent <= 1, onClick: () => this.handlePageClick(this.internalCurrent - 1) }, "\u2039"), pages.map(page => page === '...' ? (h("span", { class: "hb-pagination__ellipsis" }, "...")) : (h("button", { type: "button", class: {
+        return (h("nav", { key: '1ad5e15f959e5d71db7c55ad58407ace19a2ceb6', class: { 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }, role: "navigation", "aria-label": "\u5206\u9875" }, this.showTotal && (h("span", { key: '182f0f2e1c1b5f76a1d3f9bd3c2273c7344d2caf', class: "hb-pagination__total", "aria-live": "polite" }, "\u5171 ", this.total, " \u6761")), this.showPageSize && (h("select", { key: 'ecec24301264fbdc4b60c21bd16ba95c02b918b3', class: "hb-pagination__sizes", onChange: this.handleSizeChange, disabled: this.disabled, "aria-label": "\u6BCF\u9875\u6761\u6570" }, this.pageSizes.map(size => (h("option", { value: size, selected: size === this.internalPageSize }, size, " \u6761/\u9875"))))), h("button", { key: '59241c75873ddfa529e868d5660d3d00ad83009b', type: "button", class: "hb-pagination__btn hb-pagination__prev", disabled: this.disabled || this.internalCurrent <= 1, onClick: () => this.handlePageClick(this.internalCurrent - 1), "aria-label": "\u4E0A\u4E00\u9875" }, "\u2039"), pages.map(page => page === '...' ? (h("span", { class: "hb-pagination__ellipsis", "aria-hidden": "true" }, "...")) : (h("button", { type: "button", class: {
                 'hb-pagination__btn': true,
                 'hb-pagination__btn--active': page === this.internalCurrent,
-            }, disabled: this.disabled, onClick: () => this.handlePageClick(page) }, page))), h("button", { key: '7a5e6cd5eb1c3db595708687cebe52b5e0e0d88a', type: "button", class: "hb-pagination__btn hb-pagination__next", disabled: this.disabled || this.internalCurrent >= this.totalPages, onClick: () => this.handlePageClick(this.internalCurrent + 1) }, "\u203A")));
+            }, disabled: this.disabled, onClick: () => this.handlePageClick(page), "aria-label": `第 ${page} 页`, "aria-current": page === this.internalCurrent ? 'page' : undefined }, page))), h("button", { key: 'c9009112a278b270b164ea7ac805a8f2903d2d55', type: "button", class: "hb-pagination__btn hb-pagination__next", disabled: this.disabled || this.internalCurrent >= this.totalPages, onClick: () => this.handlePageClick(this.internalCurrent + 1), "aria-label": "\u4E0B\u4E00\u9875" }, "\u203A")));
     }
     static get watchers() { return {
-        "currentPage": ["handleCurrentPageChange"]
+        "currentPage": ["handleCurrentPageChange"],
+        "pageSize": ["handlePageSizeChange"]
     }; }
 };
 Pagination.style = HbPaginationStyle0;