huibo-ui 0.4.0 → 0.5.0

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

@@ -1 +1 @@
-{"file":"hb-layout.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}
+{"file":"hb-layout.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 {\n  width: 4.16666667%;\n}\n.hb-col-2 {\n  width: 8.33333333%;\n}\n.hb-col-3 {\n  width: 12.5%;\n}\n.hb-col-4 {\n  width: 16.66666667%;\n}\n.hb-col-5 {\n  width: 20.83333333%;\n}\n.hb-col-6 {\n  width: 25%;\n}\n.hb-col-7 {\n  width: 29.16666667%;\n}\n.hb-col-8 {\n  width: 33.33333333%;\n}\n.hb-col-9 {\n  width: 37.5%;\n}\n.hb-col-10 {\n  width: 41.66666667%;\n}\n.hb-col-11 {\n  width: 45.83333333%;\n}\n.hb-col-12 {\n  width: 50%;\n}\n.hb-col-13 {\n  width: 54.16666667%;\n}\n.hb-col-14 {\n  width: 58.33333333%;\n}\n.hb-col-15 {\n  width: 62.5%;\n}\n.hb-col-16 {\n  width: 66.66666667%;\n}\n.hb-col-17 {\n  width: 70.83333333%;\n}\n.hb-col-18 {\n  width: 75%;\n}\n.hb-col-19 {\n  width: 79.16666667%;\n}\n.hb-col-20 {\n  width: 83.33333333%;\n}\n.hb-col-21 {\n  width: 87.5%;\n}\n.hb-col-22 {\n  width: 91.66666667%;\n}\n.hb-col-23 {\n  width: 95.83333333%;\n}\n.hb-col-24 {\n  width: 100%;\n}\n\n/* Offset classes */\n.hb-col-offset-1 {\n  margin-left: 4.16666667%;\n}\n.hb-col-offset-2 {\n  margin-left: 8.33333333%;\n}\n.hb-col-offset-3 {\n  margin-left: 12.5%;\n}\n.hb-col-offset-4 {\n  margin-left: 16.66666667%;\n}\n.hb-col-offset-5 {\n  margin-left: 20.83333333%;\n}\n.hb-col-offset-6 {\n  margin-left: 25%;\n}\n.hb-col-offset-7 {\n  margin-left: 29.16666667%;\n}\n.hb-col-offset-8 {\n  margin-left: 33.33333333%;\n}\n.hb-col-offset-9 {\n  margin-left: 37.5%;\n}\n.hb-col-offset-10 {\n  margin-left: 41.66666667%;\n}\n.hb-col-offset-11 {\n  margin-left: 45.83333333%;\n}\n.hb-col-offset-12 {\n  margin-left: 50%;\n}\n.hb-col-offset-13 {\n  margin-left: 54.16666667%;\n}\n.hb-col-offset-14 {\n  margin-left: 58.33333333%;\n}\n.hb-col-offset-15 {\n  margin-left: 62.5%;\n}\n.hb-col-offset-16 {\n  margin-left: 66.66666667%;\n}\n.hb-col-offset-17 {\n  margin-left: 70.83333333%;\n}\n.hb-col-offset-18 {\n  margin-left: 75%;\n}\n.hb-col-offset-19 {\n  margin-left: 79.16666667%;\n}\n.hb-col-offset-20 {\n  margin-left: 83.33333333%;\n}\n.hb-col-offset-21 {\n  margin-left: 87.5%;\n}\n.hb-col-offset-22 {\n  margin-left: 91.66666667%;\n}\n.hb-col-offset-23 {\n  margin-left: 95.83333333%;\n}\n\n/* Push classes */\n.hb-col-push-1 {\n  left: 4.16666667%;\n}\n.hb-col-push-2 {\n  left: 8.33333333%;\n}\n.hb-col-push-3 {\n  left: 12.5%;\n}\n.hb-col-push-4 {\n  left: 16.66666667%;\n}\n.hb-col-push-5 {\n  left: 20.83333333%;\n}\n.hb-col-push-6 {\n  left: 25%;\n}\n.hb-col-push-7 {\n  left: 29.16666667%;\n}\n.hb-col-push-8 {\n  left: 33.33333333%;\n}\n.hb-col-push-9 {\n  left: 37.5%;\n}\n.hb-col-push-10 {\n  left: 41.66666667%;\n}\n.hb-col-push-11 {\n  left: 45.83333333%;\n}\n.hb-col-push-12 {\n  left: 50%;\n}\n\n/* Pull classes */\n.hb-col-pull-1 {\n  right: 4.16666667%;\n}\n.hb-col-pull-2 {\n  right: 8.33333333%;\n}\n.hb-col-pull-3 {\n  right: 12.5%;\n}\n.hb-col-pull-4 {\n  right: 16.66666667%;\n}\n.hb-col-pull-5 {\n  right: 20.83333333%;\n}\n.hb-col-pull-6 {\n  right: 25%;\n}\n.hb-col-pull-7 {\n  right: 29.16666667%;\n}\n.hb-col-pull-8 {\n  right: 33.33333333%;\n}\n.hb-col-pull-9 {\n  right: 37.5%;\n}\n.hb-col-pull-10 {\n  right: 41.66666667%;\n}\n.hb-col-pull-11 {\n  right: 45.83333333%;\n}\n.hb-col-pull-12 {\n  right: 50%;\n}\n\n/* ============================================================\n * 响应式栅格（xs/sm/md/lg/xl）—— 由 Layout.tsx 输出对应 class，\n * 这里按断点用 @media 应用宽度/偏移/推拉。\n * xs 无 @media（移动端默认）；sm/md/lg/xl 用 min-width 渐进增强。\n * 对齐 antd Grid 断点：576 / 768 / 992 / 1200\n * ============================================================ */\n\n.hb-col-xs-0 {\n  display: none;\n}\n.hb-col-xs-1 {\n  width: 4.16666667%;\n}\n.hb-col-xs-2 {\n  width: 8.33333333%;\n}\n.hb-col-xs-3 {\n  width: 12.5%;\n}\n.hb-col-xs-4 {\n  width: 16.66666667%;\n}\n.hb-col-xs-5 {\n  width: 20.83333333%;\n}\n.hb-col-xs-6 {\n  width: 25%;\n}\n.hb-col-xs-7 {\n  width: 29.16666667%;\n}\n.hb-col-xs-8 {\n  width: 33.33333333%;\n}\n.hb-col-xs-9 {\n  width: 37.5%;\n}\n.hb-col-xs-10 {\n  width: 41.66666667%;\n}\n.hb-col-xs-11 {\n  width: 45.83333333%;\n}\n.hb-col-xs-12 {\n  width: 50%;\n}\n.hb-col-xs-13 {\n  width: 54.16666667%;\n}\n.hb-col-xs-14 {\n  width: 58.33333333%;\n}\n.hb-col-xs-15 {\n  width: 62.5%;\n}\n.hb-col-xs-16 {\n  width: 66.66666667%;\n}\n.hb-col-xs-17 {\n  width: 70.83333333%;\n}\n.hb-col-xs-18 {\n  width: 75%;\n}\n.hb-col-xs-19 {\n  width: 79.16666667%;\n}\n.hb-col-xs-20 {\n  width: 83.33333333%;\n}\n.hb-col-xs-21 {\n  width: 87.5%;\n}\n.hb-col-xs-22 {\n  width: 91.66666667%;\n}\n.hb-col-xs-23 {\n  width: 95.83333333%;\n}\n.hb-col-xs-24 {\n  width: 100%;\n}\n.hb-col-xs-offset-0 {\n  margin-left: 0;\n}\n.hb-col-xs-offset-1 {\n  margin-left: 4.16666667%;\n}\n.hb-col-xs-offset-2 {\n  margin-left: 8.33333333%;\n}\n.hb-col-xs-offset-3 {\n  margin-left: 12.5%;\n}\n.hb-col-xs-offset-4 {\n  margin-left: 16.66666667%;\n}\n.hb-col-xs-offset-5 {\n  margin-left: 20.83333333%;\n}\n.hb-col-xs-offset-6 {\n  margin-left: 25%;\n}\n.hb-col-xs-offset-7 {\n  margin-left: 29.16666667%;\n}\n.hb-col-xs-offset-8 {\n  margin-left: 33.33333333%;\n}\n.hb-col-xs-offset-9 {\n  margin-left: 37.5%;\n}\n.hb-col-xs-offset-10 {\n  margin-left: 41.66666667%;\n}\n.hb-col-xs-offset-11 {\n  margin-left: 45.83333333%;\n}\n.hb-col-xs-offset-12 {\n  margin-left: 50%;\n}\n.hb-col-xs-offset-13 {\n  margin-left: 54.16666667%;\n}\n.hb-col-xs-offset-14 {\n  margin-left: 58.33333333%;\n}\n.hb-col-xs-offset-15 {\n  margin-left: 62.5%;\n}\n.hb-col-xs-offset-16 {\n  margin-left: 66.66666667%;\n}\n.hb-col-xs-offset-17 {\n  margin-left: 70.83333333%;\n}\n.hb-col-xs-offset-18 {\n  margin-left: 75%;\n}\n.hb-col-xs-offset-19 {\n  margin-left: 79.16666667%;\n}\n.hb-col-xs-offset-20 {\n  margin-left: 83.33333333%;\n}\n.hb-col-xs-offset-21 {\n  margin-left: 87.5%;\n}\n.hb-col-xs-offset-22 {\n  margin-left: 91.66666667%;\n}\n.hb-col-xs-offset-23 {\n  margin-left: 95.83333333%;\n}\n.hb-col-xs-offset-24 {\n  margin-left: 100%;\n}\n.hb-col-xs-push-0 {\n  left: 0;\n}\n.hb-col-xs-push-1 {\n  left: 4.16666667%;\n}\n.hb-col-xs-push-2 {\n  left: 8.33333333%;\n}\n.hb-col-xs-push-3 {\n  left: 12.5%;\n}\n.hb-col-xs-push-4 {\n  left: 16.66666667%;\n}\n.hb-col-xs-push-5 {\n  left: 20.83333333%;\n}\n.hb-col-xs-push-6 {\n  left: 25%;\n}\n.hb-col-xs-push-7 {\n  left: 29.16666667%;\n}\n.hb-col-xs-push-8 {\n  left: 33.33333333%;\n}\n.hb-col-xs-push-9 {\n  left: 37.5%;\n}\n.hb-col-xs-push-10 {\n  left: 41.66666667%;\n}\n.hb-col-xs-push-11 {\n  left: 45.83333333%;\n}\n.hb-col-xs-push-12 {\n  left: 50%;\n}\n.hb-col-xs-push-13 {\n  left: 54.16666667%;\n}\n.hb-col-xs-push-14 {\n  left: 58.33333333%;\n}\n.hb-col-xs-push-15 {\n  left: 62.5%;\n}\n.hb-col-xs-push-16 {\n  left: 66.66666667%;\n}\n.hb-col-xs-push-17 {\n  left: 70.83333333%;\n}\n.hb-col-xs-push-18 {\n  left: 75%;\n}\n.hb-col-xs-push-19 {\n  left: 79.16666667%;\n}\n.hb-col-xs-push-20 {\n  left: 83.33333333%;\n}\n.hb-col-xs-push-21 {\n  left: 87.5%;\n}\n.hb-col-xs-push-22 {\n  left: 91.66666667%;\n}\n.hb-col-xs-push-23 {\n  left: 95.83333333%;\n}\n.hb-col-xs-push-24 {\n  left: 100%;\n}\n.hb-col-xs-pull-0 {\n  right: 0;\n}\n.hb-col-xs-pull-1 {\n  right: 4.16666667%;\n}\n.hb-col-xs-pull-2 {\n  right: 8.33333333%;\n}\n.hb-col-xs-pull-3 {\n  right: 12.5%;\n}\n.hb-col-xs-pull-4 {\n  right: 16.66666667%;\n}\n.hb-col-xs-pull-5 {\n  right: 20.83333333%;\n}\n.hb-col-xs-pull-6 {\n  right: 25%;\n}\n.hb-col-xs-pull-7 {\n  right: 29.16666667%;\n}\n.hb-col-xs-pull-8 {\n  right: 33.33333333%;\n}\n.hb-col-xs-pull-9 {\n  right: 37.5%;\n}\n.hb-col-xs-pull-10 {\n  right: 41.66666667%;\n}\n.hb-col-xs-pull-11 {\n  right: 45.83333333%;\n}\n.hb-col-xs-pull-12 {\n  right: 50%;\n}\n.hb-col-xs-pull-13 {\n  right: 54.16666667%;\n}\n.hb-col-xs-pull-14 {\n  right: 58.33333333%;\n}\n.hb-col-xs-pull-15 {\n  right: 62.5%;\n}\n.hb-col-xs-pull-16 {\n  right: 66.66666667%;\n}\n.hb-col-xs-pull-17 {\n  right: 70.83333333%;\n}\n.hb-col-xs-pull-18 {\n  right: 75%;\n}\n.hb-col-xs-pull-19 {\n  right: 79.16666667%;\n}\n.hb-col-xs-pull-20 {\n  right: 83.33333333%;\n}\n.hb-col-xs-pull-21 {\n  right: 87.5%;\n}\n.hb-col-xs-pull-22 {\n  right: 91.66666667%;\n}\n.hb-col-xs-pull-23 {\n  right: 95.83333333%;\n}\n.hb-col-xs-pull-24 {\n  right: 100%;\n}\n\n@media (min-width: 576px) {\n  .hb-col-sm-0 {\n    display: none;\n  }\n  .hb-col-sm-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-sm-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-sm-3 {\n    width: 12.5%;\n  }\n  .hb-col-sm-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-sm-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-sm-6 {\n    width: 25%;\n  }\n  .hb-col-sm-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-sm-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-sm-9 {\n    width: 37.5%;\n  }\n  .hb-col-sm-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-sm-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-sm-12 {\n    width: 50%;\n  }\n  .hb-col-sm-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-sm-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-sm-15 {\n    width: 62.5%;\n  }\n  .hb-col-sm-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-sm-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-sm-18 {\n    width: 75%;\n  }\n  .hb-col-sm-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-sm-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-sm-21 {\n    width: 87.5%;\n  }\n  .hb-col-sm-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-sm-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-sm-24 {\n    width: 100%;\n  }\n  .hb-col-sm-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-sm-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-sm-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-sm-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-sm-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-sm-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-sm-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-sm-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-sm-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-sm-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-sm-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-sm-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-sm-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-sm-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-sm-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-sm-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-sm-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-sm-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-sm-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-sm-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-sm-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-sm-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-sm-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-sm-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-sm-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-sm-push-0 {\n    left: 0;\n  }\n  .hb-col-sm-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-sm-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-sm-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-sm-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-sm-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-sm-push-6 {\n    left: 25%;\n  }\n  .hb-col-sm-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-sm-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-sm-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-sm-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-sm-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-sm-push-12 {\n    left: 50%;\n  }\n  .hb-col-sm-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-sm-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-sm-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-sm-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-sm-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-sm-push-18 {\n    left: 75%;\n  }\n  .hb-col-sm-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-sm-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-sm-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-sm-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-sm-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-sm-push-24 {\n    left: 100%;\n  }\n  .hb-col-sm-pull-0 {\n    right: 0;\n  }\n  .hb-col-sm-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-sm-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-sm-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-sm-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-sm-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-sm-pull-6 {\n    right: 25%;\n  }\n  .hb-col-sm-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-sm-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-sm-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-sm-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-sm-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-sm-pull-12 {\n    right: 50%;\n  }\n  .hb-col-sm-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-sm-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-sm-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-sm-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-sm-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-sm-pull-18 {\n    right: 75%;\n  }\n  .hb-col-sm-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-sm-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-sm-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-sm-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-sm-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-sm-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 768px) {\n  .hb-col-md-0 {\n    display: none;\n  }\n  .hb-col-md-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-md-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-md-3 {\n    width: 12.5%;\n  }\n  .hb-col-md-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-md-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-md-6 {\n    width: 25%;\n  }\n  .hb-col-md-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-md-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-md-9 {\n    width: 37.5%;\n  }\n  .hb-col-md-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-md-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-md-12 {\n    width: 50%;\n  }\n  .hb-col-md-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-md-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-md-15 {\n    width: 62.5%;\n  }\n  .hb-col-md-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-md-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-md-18 {\n    width: 75%;\n  }\n  .hb-col-md-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-md-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-md-21 {\n    width: 87.5%;\n  }\n  .hb-col-md-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-md-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-md-24 {\n    width: 100%;\n  }\n  .hb-col-md-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-md-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-md-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-md-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-md-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-md-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-md-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-md-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-md-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-md-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-md-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-md-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-md-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-md-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-md-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-md-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-md-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-md-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-md-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-md-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-md-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-md-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-md-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-md-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-md-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-md-push-0 {\n    left: 0;\n  }\n  .hb-col-md-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-md-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-md-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-md-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-md-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-md-push-6 {\n    left: 25%;\n  }\n  .hb-col-md-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-md-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-md-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-md-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-md-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-md-push-12 {\n    left: 50%;\n  }\n  .hb-col-md-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-md-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-md-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-md-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-md-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-md-push-18 {\n    left: 75%;\n  }\n  .hb-col-md-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-md-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-md-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-md-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-md-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-md-push-24 {\n    left: 100%;\n  }\n  .hb-col-md-pull-0 {\n    right: 0;\n  }\n  .hb-col-md-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-md-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-md-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-md-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-md-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-md-pull-6 {\n    right: 25%;\n  }\n  .hb-col-md-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-md-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-md-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-md-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-md-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-md-pull-12 {\n    right: 50%;\n  }\n  .hb-col-md-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-md-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-md-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-md-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-md-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-md-pull-18 {\n    right: 75%;\n  }\n  .hb-col-md-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-md-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-md-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-md-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-md-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-md-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 992px) {\n  .hb-col-lg-0 {\n    display: none;\n  }\n  .hb-col-lg-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-lg-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-lg-3 {\n    width: 12.5%;\n  }\n  .hb-col-lg-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-lg-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-lg-6 {\n    width: 25%;\n  }\n  .hb-col-lg-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-lg-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-lg-9 {\n    width: 37.5%;\n  }\n  .hb-col-lg-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-lg-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-lg-12 {\n    width: 50%;\n  }\n  .hb-col-lg-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-lg-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-lg-15 {\n    width: 62.5%;\n  }\n  .hb-col-lg-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-lg-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-lg-18 {\n    width: 75%;\n  }\n  .hb-col-lg-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-lg-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-lg-21 {\n    width: 87.5%;\n  }\n  .hb-col-lg-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-lg-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-lg-24 {\n    width: 100%;\n  }\n  .hb-col-lg-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-lg-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-lg-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-lg-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-lg-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-lg-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-lg-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-lg-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-lg-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-lg-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-lg-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-lg-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-lg-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-lg-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-lg-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-lg-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-lg-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-lg-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-lg-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-lg-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-lg-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-lg-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-lg-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-lg-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-lg-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-lg-push-0 {\n    left: 0;\n  }\n  .hb-col-lg-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-lg-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-lg-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-lg-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-lg-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-lg-push-6 {\n    left: 25%;\n  }\n  .hb-col-lg-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-lg-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-lg-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-lg-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-lg-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-lg-push-12 {\n    left: 50%;\n  }\n  .hb-col-lg-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-lg-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-lg-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-lg-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-lg-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-lg-push-18 {\n    left: 75%;\n  }\n  .hb-col-lg-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-lg-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-lg-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-lg-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-lg-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-lg-push-24 {\n    left: 100%;\n  }\n  .hb-col-lg-pull-0 {\n    right: 0;\n  }\n  .hb-col-lg-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-lg-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-lg-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-lg-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-lg-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-lg-pull-6 {\n    right: 25%;\n  }\n  .hb-col-lg-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-lg-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-lg-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-lg-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-lg-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-lg-pull-12 {\n    right: 50%;\n  }\n  .hb-col-lg-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-lg-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-lg-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-lg-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-lg-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-lg-pull-18 {\n    right: 75%;\n  }\n  .hb-col-lg-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-lg-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-lg-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-lg-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-lg-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-lg-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 1200px) {\n  .hb-col-xl-0 {\n    display: none;\n  }\n  .hb-col-xl-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-xl-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-xl-3 {\n    width: 12.5%;\n  }\n  .hb-col-xl-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-xl-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-xl-6 {\n    width: 25%;\n  }\n  .hb-col-xl-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-xl-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-xl-9 {\n    width: 37.5%;\n  }\n  .hb-col-xl-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-xl-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-xl-12 {\n    width: 50%;\n  }\n  .hb-col-xl-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-xl-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-xl-15 {\n    width: 62.5%;\n  }\n  .hb-col-xl-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-xl-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-xl-18 {\n    width: 75%;\n  }\n  .hb-col-xl-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-xl-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-xl-21 {\n    width: 87.5%;\n  }\n  .hb-col-xl-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-xl-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-xl-24 {\n    width: 100%;\n  }\n  .hb-col-xl-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-xl-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-xl-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-xl-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-xl-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-xl-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-xl-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-xl-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-xl-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-xl-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-xl-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-xl-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-xl-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-xl-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-xl-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-xl-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-xl-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-xl-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-xl-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-xl-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-xl-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-xl-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-xl-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-xl-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-xl-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-xl-push-0 {\n    left: 0;\n  }\n  .hb-col-xl-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-xl-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-xl-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-xl-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-xl-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-xl-push-6 {\n    left: 25%;\n  }\n  .hb-col-xl-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-xl-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-xl-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-xl-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-xl-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-xl-push-12 {\n    left: 50%;\n  }\n  .hb-col-xl-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-xl-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-xl-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-xl-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-xl-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-xl-push-18 {\n    left: 75%;\n  }\n  .hb-col-xl-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-xl-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-xl-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-xl-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-xl-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-xl-push-24 {\n    left: 100%;\n  }\n  .hb-col-xl-pull-0 {\n    right: 0;\n  }\n  .hb-col-xl-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-xl-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-xl-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-xl-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-xl-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-xl-pull-6 {\n    right: 25%;\n  }\n  .hb-col-xl-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-xl-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-xl-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-xl-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-xl-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-xl-pull-12 {\n    right: 50%;\n  }\n  .hb-col-xl-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-xl-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-xl-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-xl-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-xl-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-xl-pull-18 {\n    right: 75%;\n  }\n  .hb-col-xl-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-xl-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-xl-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-xl-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-xl-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-xl-pull-24 {\n    right: 100%;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/** 响应式栅格配置（对齐 antd：可传 number 或 {span,offset,push,pull}） */\nexport interface ColResponsive {\n  span?: number;\n  offset?: number;\n  push?: number;\n  pull?: number;\n}\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局。\n * 支持响应式：xs/sm/md/lg/xl 在对应断点应用各自的 span/offset/push/pull。\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | ColResponsive;\n\n  /**\n   * ≥576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | ColResponsive;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | ColResponsive;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | ColResponsive;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | ColResponsive;\n\n  /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */\n  private normalizeResponsive(value: number | ColResponsive | undefined): ColResponsive {\n    if (value === undefined || value === null) return {};\n    if (typeof value === 'number') return { span: value };\n    return value;\n  }\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n\n    // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）\n    if (this.span) classes.push(`hb-col-${this.span}`);\n    if (this.offset) classes.push(`hb-col-offset-${this.offset}`);\n    if (this.push) classes.push(`hb-col-push-${this.push}`);\n    if (this.pull) classes.push(`hb-col-pull-${this.pull}`);\n\n    // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，\n    // CSS 用 @media 在对应断点应用（覆盖基础值）。\n    const bps: Array<'xs' | 'sm' | 'md' | 'lg' | 'xl'> = ['xs', 'sm', 'md', 'lg', 'xl'];\n    for (const bp of bps) {\n      const v = this[bp];\n      if (v === undefined) continue;\n      const r = this.normalizeResponsive(v);\n      if (r.span !== undefined) classes.push(`hb-col-${bp}-${r.span}`);\n      if (r.offset !== undefined) classes.push(`hb-col-${bp}-offset-${r.offset}`);\n      if (r.push !== undefined) classes.push(`hb-col-${bp}-push-${r.push}`);\n      if (r.pull !== undefined) classes.push(`hb-col-${bp}-pull-${r.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-link.js

@@ -50,12 +50,12 @@ const Link = /*@__PURE__*/ proxyCustomElement(class Link extends H {
     };
     render() {
         const Tag = this.href ? 'a' : 'span';
-        return (h(Tag, { key: '7903426ed8f9d0553bfabf22068e8e74f4bc6232', class: {
+        return (h(Tag, { key: 'adc292c63a29c892aad0a7fbc8731daab5cb274f', 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: '1945af3c95d3d9a29a2bbed159d48b10230f8901', class: this.icon }), h("slot", { key: '2499cb000e716f05f55c230a8c8ad72f15ce215a' })));
+            }, href: this.disabled ? undefined : this.href, target: this.target, onClick: this.handleClick }, this.icon && h("i", { key: '8647d19079e91743aa0cb73e170f1a017caed895', class: this.icon }), h("slot", { key: '852517194c30de3092746039dfa1d294dc5fd243' })));
     }
     static get style() { return HbLinkStyle0; }
 }, [1, "hb-link", {

package/dist/components/hb-loading.js

@@ -16,11 +16,11 @@ const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends H {
     /** 是否全屏显示 */
     fullscreen = false;
     render() {
-        return (h("div", { key: 'd8e3b21dac5f910d9a927180425753b0245550ee', class: {
+        return (h("div", { key: 'd4d4a02e79e76f293ec86320163cb69ff73b41ac', class: {
                 'hb-loading': true,
                 'hb-loading--fullscreen': this.fullscreen,
                 [`hb-loading--${this.size}`]: true,
-            } }, 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))));
+            } }, h("div", { key: 'c31b2e33a1d5a789dfd5eff3ae460b01f960627a', class: "hb-loading__spinner" }, h("div", { key: 'd02a2a05dbfe2b1185512375b64a157d2ebd16a0', class: "hb-loading__circle" }), this.text && h("div", { key: 'd224855e42c1448d2471262c52e14e812cc50d9a', class: "hb-loading__text" }, this.text))));
     }
     static get style() { return HbLoadingStyle0; }
 }, [1, "hb-loading", {

package/dist/components/hb-menu-item.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-1407a5e8.js';
-import { i as isActivationKey } from './p-cc0aeb50.js';
+import { i as isActivationKey } from './p-00aa34c8.js';
 
 const MenuItem = /*@__PURE__*/ proxyCustomElement(class MenuItem extends H {
     constructor() {
@@ -8,8 +8,17 @@ const MenuItem = /*@__PURE__*/ proxyCustomElement(class MenuItem extends H {
         this.__attachShadow();
     }
     get el() { return this; }
-    /** 唯一标识 */
+    /**
+     * 唯一标识。
+     * O3：推荐用 itemKey。保留 key 作为向后兼容别名（key 是 Stencil/React 保留 prop，
+     * 通过 JSX 设置时可能被 vdom 拦截；HTML 属性 key="..." 仍可工作）。
+     */
+    itemKey = '';
     key = '';
+    /** 解析出的有效 key：itemKey 优先，回退到 key */
+    get effectiveKey() {
+        return this.itemKey || this.key;
+    }
     /** 是否禁用 */
     disabled = false;
     /** 图标 */
@@ -23,7 +32,7 @@ const MenuItem = /*@__PURE__*/ proxyCustomElement(class MenuItem extends H {
         if (menu) {
             // 使用内部事件名 hbMenuItemSelect，与 Menu 向外发射的公开事件 hbSelect 区分，
             // 否则 Menu 的 @Listen('hbSelect') 会被自身 emit 的事件再次触发，导致无限递归。
-            menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.key, bubbles: true }));
+            menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.effectiveKey, bubbles: true }));
         }
     };
     handleKeydown = (e) => {
@@ -35,13 +44,14 @@ const MenuItem = /*@__PURE__*/ proxyCustomElement(class MenuItem extends H {
         }
     };
     render() {
-        return (h("li", { key: '73a414a55166b598c78b6a3d0471cae5559a6aa6', class: {
+        return (h("li", { key: '67ecfc7c68603c1264237d73a4d5cfa3803835df', 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: '375938585e3f0b1550912723c93fe2f391f4e407', class: "hb-menu-item__icon" }, this.icon), h("span", { key: '6db5289368546e0695d386826700805d53660c68', class: "hb-menu-item__text" }, h("slot", { key: '1d2fc9baece71764747c07148de07de612b2f4b1' }))));
+            }, 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: 'c1327820c95c2d16241194dad04143f8a05ee9ce', class: "hb-menu-item__icon" }, this.icon), h("span", { key: '01b93549cd0431e05f61ddcaddcfcf3ed71de866', class: "hb-menu-item__text" }, h("slot", { key: 'e7051746681ca4e78581494bb52bd0ed26afef21' }))));
     }
 }, [1, "hb-menu-item", {
+        "itemKey": [1, "item-key"],
         "key": [1],
         "disabled": [4],
         "icon": [1],

package/dist/components/hb-menu-item.js.map

@@ -1 +1 @@
-{"file":"hb-menu-item.js","mappings":";;;MAUa,QAAQ;;;;;;;;IAIX,GAAG,GAAW,EAAE,CAAC;;IAGjB,QAAQ,GAAY,KAAK,CAAC;;IAG1B,IAAI,CAAU;;IAGd,MAAM,GAAY,KAAK,CAAC;IAExB,WAAW,GAAG;QACpB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACxC,IAAI,IAAI,EAAE;;;YAGR,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SAC9F;KACF,CAAC;IAEM,aAAa,GAAG,CAAC,CAAgB;QACvC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;KACF,CAAC;IAEF,MAAM;QACJ,QACE,2DACE,KAAK,EAAE;gBACL,cAAc,EAAE,IAAI;gBACpB,sBAAsB,EAAE,IAAI,CAAC,MAAM;gBACnC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;aACxC,EACD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,mBACjB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,kBACnC,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,EAC9C,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,aAAa,IAE5B,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,IAAI,CAAQ,EACjE,6DAAM,KAAK,EAAC,oBAAoB,IAAC,8DAAQ,CAAO,CAC7C,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Menu/MenuItem.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n/**\n * MenuItem 菜单项\n */\n@Component({\n  tag: 'hb-menu-item',\n  shadow: true,\n})\nexport class MenuItem {\n  @Element() el: HTMLElement;\n\n  /** 唯一标识 */\n  @Prop() key: string = '';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 图标 */\n  @Prop() icon?: string;\n\n  /** 是否激活（由父级 Menu 设置） */\n  @Prop() active: boolean = false;\n\n  private handleClick = () => {\n    if (this.disabled) return;\n    const menu = this.el.closest('hb-menu');\n    if (menu) {\n      // 使用内部事件名 hbMenuItemSelect，与 Menu 向外发射的公开事件 hbSelect 区分，\n      // 否则 Menu 的 @Listen('hbSelect') 会被自身 emit 的事件再次触发，导致无限递归。\n      menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.key, bubbles: true }));\n    }\n  };\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.handleClick();\n    }\n  };\n\n  render() {\n    return (\n      <li\n        class={{\n          'hb-menu-item': true,\n          'hb-menu-item--active': this.active,\n          'hb-menu-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        tabindex={this.disabled ? -1 : 0}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        aria-current={this.active ? 'page' : undefined}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeydown}\n      >\n        {this.icon && <span class=\"hb-menu-item__icon\">{this.icon}</span>}\n        <span class=\"hb-menu-item__text\"><slot /></span>\n      </li>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-menu-item.js","mappings":";;;MAUa,QAAQ;;;;;;;;;;;;IAQX,OAAO,GAAW,EAAE,CAAC;IACrB,GAAG,GAAW,EAAE,CAAC;;IAGzB,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC;KACjC;;IAGO,QAAQ,GAAY,KAAK,CAAC;;IAG1B,IAAI,CAAU;;IAGd,MAAM,GAAY,KAAK,CAAC;IAExB,WAAW,GAAG;QACpB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACxC,IAAI,IAAI,EAAE;;;YAGR,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;SACvG;KACF,CAAC;IAEM,aAAa,GAAG,CAAC,CAAgB;QACvC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;KACF,CAAC;IAEF,MAAM;QACJ,QACE,2DACE,KAAK,EAAE;gBACL,cAAc,EAAE,IAAI;gBACpB,sBAAsB,EAAE,IAAI,CAAC,MAAM;gBACnC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;aACxC,EACD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,mBACjB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,kBACnC,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,EAC9C,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,aAAa,IAE5B,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,IAAI,CAAQ,EACjE,6DAAM,KAAK,EAAC,oBAAoB,IAC9B,8DAAQ,CACH,CACJ,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Menu/MenuItem.tsx"],"sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n/**\n * MenuItem 菜单项\n */\n@Component({\n  tag: 'hb-menu-item',\n  shadow: true,\n})\nexport class MenuItem {\n  @Element() el: HTMLElement;\n\n  /**\n   * 唯一标识。\n   * O3：推荐用 itemKey。保留 key 作为向后兼容别名（key 是 Stencil/React 保留 prop，\n   * 通过 JSX 设置时可能被 vdom 拦截；HTML 属性 key=\"...\" 仍可工作）。\n   */\n  @Prop() itemKey: string = '';\n  @Prop() key: string = '';\n\n  /** 解析出的有效 key：itemKey 优先，回退到 key */\n  private get effectiveKey(): string {\n    return this.itemKey || this.key;\n  }\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 图标 */\n  @Prop() icon?: string;\n\n  /** 是否激活（由父级 Menu 设置） */\n  @Prop() active: boolean = false;\n\n  private handleClick = () => {\n    if (this.disabled) return;\n    const menu = this.el.closest('hb-menu');\n    if (menu) {\n      // 使用内部事件名 hbMenuItemSelect，与 Menu 向外发射的公开事件 hbSelect 区分，\n      // 否则 Menu 的 @Listen('hbSelect') 会被自身 emit 的事件再次触发，导致无限递归。\n      menu.dispatchEvent(new CustomEvent('hbMenuItemSelect', { detail: this.effectiveKey, bubbles: true }));\n    }\n  };\n\n  private handleKeydown = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (isActivationKey(e.key)) {\n      e.preventDefault();\n      this.handleClick();\n    }\n  };\n\n  render() {\n    return (\n      <li\n        class={{\n          'hb-menu-item': true,\n          'hb-menu-item--active': this.active,\n          'hb-menu-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        tabindex={this.disabled ? -1 : 0}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        aria-current={this.active ? 'page' : undefined}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeydown}\n      >\n        {this.icon && <span class=\"hb-menu-item__icon\">{this.icon}</span>}\n        <span class=\"hb-menu-item__text\">\n          <slot />\n        </span>\n      </li>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-menu.js

@@ -67,11 +67,11 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends H {
             style['--hb-menu-color'] = this.textColor;
         if (this.activeTextColor)
             style['--hb-menu-active-color'] = this.activeTextColor;
-        return (h("ul", { key: '8ed9611af410b2d453c01b9e026efb787c62cea6', class: {
+        return (h("ul", { key: 'afca5c6b17206341e12c66c5948c328396ceeccf', class: {
                 'hb-menu': true,
                 [`hb-menu--${this.mode}`]: true,
                 'hb-menu--collapsed': this.collapsed,
-            }, style: style, role: "menu" }, h("slot", { key: '7eb6d2b0fdd4ab9b3a0866ff4ba7c2c23bfdd6dd' })));
+            }, style: style, role: "menu" }, h("slot", { key: '3de1ef4c434bacb9fea50b46a275ab8854df65c6' })));
     }
     static get watchers() { return {
         "defaultActive": ["handleDefaultActiveChange"],

package/dist/components/hb-message.js

@@ -23,21 +23,30 @@ const Message = /*@__PURE__*/ proxyCustomElement(class Message extends H {
     /** 显示时间（毫秒），0 为不自动关闭 */
     duration = 3000;
     visible = true;
+    // L3：存储 timer id 以便 disconnectedCallback 清理（修复前未存、卸载后仍触发 detached 实例）
+    autoCloseTimer;
+    removeTimer;
     componentDidLoad() {
         if (this.duration > 0) {
-            setTimeout(() => this.close(), this.duration);
+            this.autoCloseTimer = setTimeout(() => this.close(), this.duration);
         }
     }
     close = () => {
         this.visible = false;
-        setTimeout(() => this.el.remove(), 300);
+        this.removeTimer = setTimeout(() => this.el.remove(), 300);
     };
+    disconnectedCallback() {
+        if (this.autoCloseTimer)
+            clearTimeout(this.autoCloseTimer);
+        if (this.removeTimer)
+            clearTimeout(this.removeTimer);
+    }
     render() {
-        return (h("div", { key: '903b6bef78fb6ba813556bf847b7e6e03de46c3d', class: {
+        return (h("div", { key: '8502f9c4c0877fb5cebe6db6fcc838ce9de92c97', class: {
                 'hb-message': true,
                 [`hb-message--${this.type}`]: true,
                 'hb-message--visible': this.visible,
-            }, 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"))));
+            }, role: "alert" }, h("span", { key: 'fa00c1a8f6fbc9c4be3cb3809a739eb1f08035b2', class: "hb-message__icon" }, ICON_MAP[this.type]), h("span", { key: '870991d67ff662ba9c15d3df820394258d5eef3e', class: "hb-message__text" }, this.message), this.closable && (h("span", { key: '5f10b7332a0125841384238b2048572e7ee8558b', class: "hb-message__close", onClick: this.close }, "\u00D7"))));
     }
 }, [1, "hb-message", {
         "message": [1],

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

@@ -1 +1 @@
-{"file":"hb-message.js","mappings":";;AAIA,MAAM,QAAQ,GAAgC;IAC5C,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;CACb,CAAC;MAUW,OAAO;;;;;;;;IAIV,OAAO,GAAW,EAAE,CAAC;;IAGrB,IAAI,GAAgB,MAAM,CAAC;;IAG3B,QAAQ,GAAY,KAAK,CAAC;;IAG1B,QAAQ,GAAW,IAAI,CAAC;IAEvB,OAAO,GAAY,IAAI,CAAC;IAEjC,gBAAgB;QACd,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE;YACrB,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC/C;KACF;IAEO,KAAK,GAAG;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,UAAU,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC;KACzC,CAAC;IAEF,MAAM;QACJ,QACE,4DACE,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI;gBAClB,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAClC,qBAAqB,EAAE,IAAI,CAAC,OAAO;aACpC,EACD,IAAI,EAAC,OAAO,IAEZ,6DAAM,KAAK,EAAC,kBAAkB,IAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ,EAC3D,6DAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,OAAO,CAAQ,EACnD,IAAI,CAAC,QAAQ,KACZ,6DAAM,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,aAAU,CAC9D,CACG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Message/Message.tsx"],"sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\n\nexport type MessageType = 'success' | 'warning' | 'info' | 'error' | 'loading';\n\nconst ICON_MAP: Record<MessageType, string> = {\n  success: '✓',\n  warning: '⚠',\n  info: 'ℹ',\n  error: '✕',\n  loading: '⏳',\n};\n\n/**\n * Message 消息提示组件\n * 常用于主动操作后的反馈提示\n */\n@Component({\n  tag: 'hb-message',\n  shadow: true,\n})\nexport class Message {\n  @Element() el: HTMLElement;\n\n  /** 消息文字 */\n  @Prop() message: string = '';\n\n  /** 消息类型 */\n  @Prop() type: MessageType = 'info';\n\n  /** 是否显示关闭按钮 */\n  @Prop() closable: boolean = false;\n\n  /** 显示时间（毫秒），0 为不自动关闭 */\n  @Prop() duration: number = 3000;\n\n  @State() visible: boolean = true;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      setTimeout(() => this.close(), this.duration);\n    }\n  }\n\n  private close = () => {\n    this.visible = false;\n    setTimeout(() => this.el.remove(), 300);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-message': true,\n          [`hb-message--${this.type}`]: true,\n          'hb-message--visible': this.visible,\n        }}\n        role=\"alert\"\n      >\n        <span class=\"hb-message__icon\">{ICON_MAP[this.type]}</span>\n        <span class=\"hb-message__text\">{this.message}</span>\n        {this.closable && (\n          <span class=\"hb-message__close\" onClick={this.close}>×</span>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"hb-message.js","mappings":";;AAIA,MAAM,QAAQ,GAAgC;IAC5C,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,GAAG;IACZ,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,GAAG;CACb,CAAC;MAUW,OAAO;;;;;;;;IAIV,OAAO,GAAW,EAAE,CAAC;;IAGrB,IAAI,GAAgB,MAAM,CAAC;;IAG3B,QAAQ,GAAY,KAAK,CAAC;;IAG1B,QAAQ,GAAW,IAAI,CAAC;IAEvB,OAAO,GAAY,IAAI,CAAC;;IAGzB,cAAc,CAAiC;IAC/C,WAAW,CAAiC;IAEpD,gBAAgB;QACd,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE;YACrB,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACrE;KACF;IAEO,KAAK,GAAG;QACd,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC;KAC5D,CAAC;IAEF,oBAAoB;QAClB,IAAI,IAAI,CAAC,cAAc;YAAE,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3D,IAAI,IAAI,CAAC,WAAW;YAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KACtD;IAED,MAAM;QACJ,QACE,4DACE,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI;gBAClB,CAAC,eAAe,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;gBAClC,qBAAqB,EAAE,IAAI,CAAC,OAAO;aACpC,EACD,IAAI,EAAC,OAAO,IAEZ,6DAAM,KAAK,EAAC,kBAAkB,IAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAQ,EAC3D,6DAAM,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,OAAO,CAAQ,EACnD,IAAI,CAAC,QAAQ,KACZ,6DAAM,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,aAE5C,CACR,CACG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/Message/Message.tsx"],"sourcesContent":["import { Component, h, Prop, State, Element } from '@stencil/core';\n\nexport type MessageType = 'success' | 'warning' | 'info' | 'error' | 'loading';\n\nconst ICON_MAP: Record<MessageType, string> = {\n  success: '✓',\n  warning: '⚠',\n  info: 'ℹ',\n  error: '✕',\n  loading: '⏳',\n};\n\n/**\n * Message 消息提示组件\n * 常用于主动操作后的反馈提示\n */\n@Component({\n  tag: 'hb-message',\n  shadow: true,\n})\nexport class Message {\n  @Element() el: HTMLElement;\n\n  /** 消息文字 */\n  @Prop() message: string = '';\n\n  /** 消息类型 */\n  @Prop() type: MessageType = 'info';\n\n  /** 是否显示关闭按钮 */\n  @Prop() closable: boolean = false;\n\n  /** 显示时间（毫秒），0 为不自动关闭 */\n  @Prop() duration: number = 3000;\n\n  @State() visible: boolean = true;\n\n  // L3：存储 timer id 以便 disconnectedCallback 清理（修复前未存、卸载后仍触发 detached 实例）\n  private autoCloseTimer?: ReturnType<typeof setTimeout>;\n  private removeTimer?: ReturnType<typeof setTimeout>;\n\n  componentDidLoad() {\n    if (this.duration > 0) {\n      this.autoCloseTimer = setTimeout(() => this.close(), this.duration);\n    }\n  }\n\n  private close = () => {\n    this.visible = false;\n    this.removeTimer = setTimeout(() => this.el.remove(), 300);\n  };\n\n  disconnectedCallback() {\n    if (this.autoCloseTimer) clearTimeout(this.autoCloseTimer);\n    if (this.removeTimer) clearTimeout(this.removeTimer);\n  }\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-message': true,\n          [`hb-message--${this.type}`]: true,\n          'hb-message--visible': this.visible,\n        }}\n        role=\"alert\"\n      >\n        <span class=\"hb-message__icon\">{ICON_MAP[this.type]}</span>\n        <span class=\"hb-message__text\">{this.message}</span>\n        {this.closable && (\n          <span class=\"hb-message__close\" onClick={this.close}>\n            ×\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/hb-page-header.js

@@ -25,7 +25,7 @@ const PageHeader = /*@__PURE__*/ proxyCustomElement(class PageHeader extends H {
         this.hbBack.emit();
     };
     render() {
-        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' }))));
+        return (h("div", { key: 'ecfe4d352c4696133f30f9cb130a484c9512872f', class: { 'hb-page-header': true, 'hb-page-header--ghost': this.ghost } }, h("div", { key: 'b8972b2af8caf2c16dfa336434112d53dbced99e', class: "hb-page-header__main" }, this.back && (h("button", { key: '175834ac887d6079cc4518e2e454e3b19b574e49', type: "button", class: "hb-page-header__back", onClick: this.handleBack, "aria-label": "\u8FD4\u56DE" }, h("span", { key: '2effefb7b2e1846992b549def041226f9076ae8c', class: "hb-page-header__back-arrow" }, "\u2190"))), h("div", { key: '2bd0014a9b6788bd9202f330b36808f74d3feecc', class: "hb-page-header__titles" }, this.title && h("span", { key: 'a1538b4e5a6e1eb611c7cfa3eaaefbd802d71911', class: "hb-page-header__title" }, this.title), this.subtitle && h("span", { key: 'ff730fda5ba94da9482a513262b6f31749f712ad', class: "hb-page-header__subtitle" }, this.subtitle))), h("div", { key: '5b062f4656eed561e52f1aacb26c32ac8f638fb9', class: "hb-page-header__extra" }, h("slot", { key: 'd5cb18262a07f8b4962704f0d661ec3265275b35' }))));
     }
     static get style() { return HbPageHeaderStyle0; }
 }, [1, "hb-page-header", {

package/dist/components/hb-pagination.js

@@ -57,14 +57,17 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
     handleSizeChange(e) {
         const target = e.target;
         const size = parseInt(target.value, 10);
-        // 切 pageSize 后立即重算 totalPages，并防止 currentPage 越界
+        // 切 pageSize 后立即重算 totalPages，并防止 currentPage 越界。
+        // 注意：先记下旧页码再赋值，否则「safePage !== internalCurrent」恒为 false（B2 回归）。
         this.internalPageSize = size;
         const newTotal = Math.max(1, Math.ceil(this.total / size));
-        const safePage = Math.min(this.internalCurrent, newTotal);
+        const oldCurrent = this.internalCurrent;
+        const safePage = Math.min(oldCurrent, newTotal);
         this.hbSizeChange.emit(size);
         this.internalCurrent = safePage;
         this.currentPage = safePage;
-        if (safePage !== this.internalCurrent) {
+        // 仅当页码真的被钳位时才 emit，避免切 pageSize 但页码未变时多余回调
+        if (safePage !== oldCurrent) {
             this.hbCurrentChange.emit(safePage);
         }
     }
@@ -101,10 +104,10 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
     }
     render() {
         const pages = this.getPages();
-        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: {
+        return (h("nav", { key: '9879e0e196ad17034b61a53919db135b70e829c7', class: { 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }, role: "navigation", "aria-label": "\u5206\u9875" }, this.showTotal && (h("span", { key: '4cdc7fb2bbd5a05306b8256083e226fe326c6d3e', class: "hb-pagination__total", "aria-live": "polite" }, "\u5171 ", this.total, " \u6761")), this.showPageSize && (h("select", { key: '0d9630a2193aba460d576d126dcc54db34c8061c', 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: '01e783d289673b1594101be14c2656ad4916edd8', 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), "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")));
+            }, disabled: this.disabled, onClick: () => this.handlePageClick(page), "aria-label": `第 ${page} 页`, "aria-current": page === this.internalCurrent ? 'page' : undefined }, page))), h("button", { key: '946f06b2333376cd02dd6309377d691b5f5e6039', type: "button", class: "hb-pagination__btn hb-pagination__next", disabled: this.disabled || this.internalCurrent >= this.totalPages, onClick: () => this.handlePageClick(this.internalCurrent + 1), "aria-label": "\u4E0B\u4E00\u9875" }, "\u203A")));
     }
     static get watchers() { return {
         "currentPage": ["handleCurrentPageChange"],

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

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

package/dist/components/hb-popconfirm.js

@@ -1,8 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-1407a5e8.js';
 import { c as computePosition, g as getNextZIndex } from './p-ecce2b5e.js';
-import { i as isActivationKey } from './p-cc0aeb50.js';
+import { i as isActivationKey } from './p-00aa34c8.js';
+import { c as createLeaveScheduler } from './p-fad66d69.js';
 
-const popconfirmCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block}.hb-popconfirm__trigger{cursor:pointer;display:inline-block}.hb-popconfirm__popup{animation:hb-popconfirm-fade .15s ease-out;background:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);min-width:200px;padding:var(--hb-spacing-md);pointer-events:auto;position:fixed}.hb-popconfirm__main{align-items:flex-start;display:flex;gap:var(--hb-spacing-xs);margin-bottom:var(--hb-spacing-sm)}.hb-popconfirm__icon{color:var(--hb-color-warning);flex-shrink:0;font-size:16px}.hb-popconfirm__title{color:var(--hb-color-text);font-size:var(--hb-font-size-sm);line-height:1.5}.hb-popconfirm__action{display:flex;gap:var(--hb-spacing-xs);justify-content:flex-end}.hb-popconfirm__btn{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);cursor:pointer;font-size:var(--hb-font-size-xs);padding:4px 12px;transition:all var(--hb-transition-duration)}.hb-popconfirm__btn--cancel:hover{border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-popconfirm__btn--confirm{background:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-popconfirm__btn--confirm:hover{background:var(--hb-color-primary-hover)}@keyframes hb-popconfirm-fade{0%{opacity:0}to{opacity:1}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+const popconfirmCss = "/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:inline-block}.hb-popconfirm__trigger{cursor:pointer;display:inline-block}.hb-popconfirm__popup{animation:hb-popconfirm-fade .15s ease-out;background:var(--hb-color-bg-elevated);border-radius:var(--hb-border-radius-base);box-shadow:var(--hb-box-shadow);min-width:200px;padding:var(--hb-spacing-md);pointer-events:auto;position:fixed}.hb-popconfirm__main{align-items:flex-start;display:flex;gap:var(--hb-spacing-xs);margin-bottom:var(--hb-spacing-sm)}.hb-popconfirm__icon{color:var(--hb-color-warning);flex-shrink:0;font-size:16px}.hb-popconfirm__title{color:var(--hb-color-text);font-size:var(--hb-font-size-sm);line-height:1.5}.hb-popconfirm__action{display:flex;gap:var(--hb-spacing-xs);justify-content:flex-end}.hb-popconfirm__btn{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);cursor:pointer;font-size:var(--hb-font-size-xs);padding:4px 12px;transition:all var(--hb-transition-duration)}.hb-popconfirm__btn--cancel:hover{border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-popconfirm__btn--confirm{background:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-popconfirm__btn--confirm:hover{background:var(--hb-color-primary-hover)}@keyframes hb-popconfirm-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hb-popconfirm__popup--leaving{animation:hb-popconfirm-fade-out .2s ease-in forwards}@keyframes hb-popconfirm-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@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 HbPopconfirmStyle0 = popconfirmCss;
 
 const Popconfirm = /*@__PURE__*/ proxyCustomElement(class Popconfirm extends H {
@@ -19,29 +20,35 @@ const Popconfirm = /*@__PURE__*/ proxyCustomElement(class Popconfirm extends H {
     disabled = false;
     icon = '⚠';
     visible = false;
+    leaving = false;
     popupStyle = {};
     triggerRef;
     popupRef;
     confirmBtnRef;
+    leave = createLeaveScheduler(() => this.leaving, v => (this.leaving = v), 200);
     show = () => {
         if (this.disabled)
             return;
+        this.leave.cancel();
         this.visible = true;
         requestAnimationFrame(() => {
             this.updatePosition();
-            // 打开后自动聚焦确认按钮（对齐 antd：Enter 直接确认）
             this.confirmBtnRef?.focus();
         });
     };
-    hide = () => { this.visible = false; };
-    /** 键盘：Esc 取消关闭（Enter 由聚焦的确认按钮原生处理） */
+    hide = () => {
+        this.visible = false;
+        this.leave.start();
+    };
+    disconnectedCallback() {
+        this.leave.dispose();
+    }
     handleKeydown = (e) => {
-        if (e.key === 'Escape' && this.visible) {
+        if (e.key === 'Escape' && (this.visible || this.leaving)) {
             e.preventDefault();
             this.handleCancel(e);
         }
     };
-    /** 触发器键盘：Enter/Space 打开 */
     handleTriggerKeydown = (e) => {
         if (this.disabled)
             return;
@@ -68,8 +75,20 @@ const Popconfirm = /*@__PURE__*/ proxyCustomElement(class Popconfirm extends H {
         this.hide();
         this.el.dispatchEvent(new CustomEvent('hbCancel', { bubbles: true }));
     };
+    get shouldRender() {
+        return this.visible || this.leaving;
+    }
     render() {
-        return (h("div", { key: 'a3610b2320192960baa690acf9f0127fb36d206f', class: "hb-popconfirm", onClick: this.show, onKeyDown: this.handleKeydown }, h("div", { key: '7164d998c2d989ed702d7dac318ef4e354e74dba', ref: (el) => { this.triggerRef = el; }, class: "hb-popconfirm__trigger", role: "button", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.visible ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onKeyDown: this.handleTriggerKeydown }, h("slot", { key: '0c62f0d5fe58d4aec55aa22c64b7f7f66aa7780d' })), this.visible && (h("div", { key: '450446dc51b40f62b3496bea2717e95b6807a7ca', ref: (el) => { this.popupRef = el; }, class: "hb-popconfirm__popup", style: this.popupStyle, role: "dialog", "aria-live": "polite", "aria-labelledby": "hb-popconfirm__title" }, h("div", { key: '4fb63a0a1c89c0866b30acadcfeea20d6936f39a', class: "hb-popconfirm__main" }, h("span", { key: '9cb5583abfc8822f0217a43b809ca9766c35b63e', class: "hb-popconfirm__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '75419c7cecb35e91134f62d9d0cfb71331813e0a', id: "hb-popconfirm__title", class: "hb-popconfirm__title" }, this.title)), h("div", { key: '6cf55c098e1926b418869ce9015ae2f25e4b41c0', class: "hb-popconfirm__action" }, h("button", { key: '07334e3915c17333808c5341e902ac5609f3ee2c', type: "button", class: "hb-popconfirm__btn hb-popconfirm__btn--cancel", onClick: this.handleCancel }, this.cancelButtonText), h("button", { key: 'ca133eab1ef2e8a043cf546bd57277df89d73616', type: "button", ref: (el) => { this.confirmBtnRef = el; }, class: "hb-popconfirm__btn hb-popconfirm__btn--confirm", onClick: this.handleConfirm }, this.confirmButtonText))))));
+        return (h("div", { key: '226619c96a2db6ccaebb74ad82945fa412a12ac1', class: "hb-popconfirm", onClick: this.show, onKeyDown: this.handleKeydown }, h("div", { key: 'fa33a01af716ef727ab4e1bb5ab936e6a9831baa', ref: (el) => {
+                this.triggerRef = el;
+            }, class: "hb-popconfirm__trigger", role: "button", tabindex: this.disabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.visible ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onKeyDown: this.handleTriggerKeydown }, h("slot", { key: 'bb7ce2a124bcfdb45138d62e548954af35115f44' })), this.shouldRender && (h("div", { key: '706762852f8cfdcbc4afdb33ef7ea33263cb5e5f', ref: (el) => {
+                this.popupRef = el;
+            }, class: {
+                'hb-popconfirm__popup': true,
+                'hb-popconfirm__popup--leaving': this.leaving,
+            }, style: this.popupStyle, role: "dialog", "aria-live": "polite", "aria-labelledby": "hb-popconfirm__title" }, h("div", { key: '543120f1621f1d1d48c11d9c0981def93f48d052', class: "hb-popconfirm__main" }, h("span", { key: 'fb9289e719296fb6dd41180f9f04fbfcd00cb308', class: "hb-popconfirm__icon", "aria-hidden": "true" }, this.icon), h("span", { key: '337236e625fa0153dede32b2806e3bab936e322c', id: "hb-popconfirm__title", class: "hb-popconfirm__title" }, this.title)), h("div", { key: '00ec4666bbc3b3d313af8a02a0da73609eed5584', class: "hb-popconfirm__action" }, h("button", { key: 'ee50356e14f2c81f8aeab193f99530b77bc15f6c', type: "button", class: "hb-popconfirm__btn hb-popconfirm__btn--cancel", onClick: this.handleCancel }, this.cancelButtonText), h("button", { key: '719717991db63b57000c9d93ba2e254e8bf7045f', type: "button", ref: (el) => {
+                this.confirmBtnRef = el;
+            }, class: "hb-popconfirm__btn hb-popconfirm__btn--confirm", onClick: this.handleConfirm }, this.confirmButtonText))))));
     }
     static get style() { return HbPopconfirmStyle0; }
 }, [1, "hb-popconfirm", {
@@ -80,6 +99,7 @@ const Popconfirm = /*@__PURE__*/ proxyCustomElement(class Popconfirm extends H {
         "disabled": [4],
         "icon": [1],
         "visible": [32],
+        "leaving": [32],
         "popupStyle": [32]
     }]);
 function defineCustomElement$1() {