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

huibo-ui 0.3.0 → 0.4.0

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

Files changed (668) hide show

package/dist/collection/components/Layout/layout.css CHANGED Viewed

@@ -87,3 +87,527 @@
 .hb-col-pull-11 { right: 45.83333333%; }
 .hb-col-pull-12 { right: 50%; }
+/* ============================================================
+ * 响应式栅格（xs/sm/md/lg/xl）—— 由 Layout.tsx 输出对应 class，
+ * 这里按断点用 @media 应用宽度/偏移/推拉。
+ * xs 无 @media（移动端默认）；sm/md/lg/xl 用 min-width 渐进增强。
+ * 对齐 antd Grid 断点：576 / 768 / 992 / 1200
+ * ============================================================ */
+.hb-col-xs-0 { display: none; }
+.hb-col-xs-1 { width: 4.16666667%; }
+.hb-col-xs-2 { width: 8.33333333%; }
+.hb-col-xs-3 { width: 12.5%; }
+.hb-col-xs-4 { width: 16.66666667%; }
+.hb-col-xs-5 { width: 20.83333333%; }
+.hb-col-xs-6 { width: 25%; }
+.hb-col-xs-7 { width: 29.16666667%; }
+.hb-col-xs-8 { width: 33.33333333%; }
+.hb-col-xs-9 { width: 37.5%; }
+.hb-col-xs-10 { width: 41.66666667%; }
+.hb-col-xs-11 { width: 45.83333333%; }
+.hb-col-xs-12 { width: 50%; }
+.hb-col-xs-13 { width: 54.16666667%; }
+.hb-col-xs-14 { width: 58.33333333%; }
+.hb-col-xs-15 { width: 62.5%; }
+.hb-col-xs-16 { width: 66.66666667%; }
+.hb-col-xs-17 { width: 70.83333333%; }
+.hb-col-xs-18 { width: 75%; }
+.hb-col-xs-19 { width: 79.16666667%; }
+.hb-col-xs-20 { width: 83.33333333%; }
+.hb-col-xs-21 { width: 87.5%; }
+.hb-col-xs-22 { width: 91.66666667%; }
+.hb-col-xs-23 { width: 95.83333333%; }
+.hb-col-xs-24 { width: 100%; }
+.hb-col-xs-offset-0 { margin-left: 0; }
+.hb-col-xs-offset-1 { margin-left: 4.16666667%; }
+.hb-col-xs-offset-2 { margin-left: 8.33333333%; }
+.hb-col-xs-offset-3 { margin-left: 12.5%; }
+.hb-col-xs-offset-4 { margin-left: 16.66666667%; }
+.hb-col-xs-offset-5 { margin-left: 20.83333333%; }
+.hb-col-xs-offset-6 { margin-left: 25%; }
+.hb-col-xs-offset-7 { margin-left: 29.16666667%; }
+.hb-col-xs-offset-8 { margin-left: 33.33333333%; }
+.hb-col-xs-offset-9 { margin-left: 37.5%; }
+.hb-col-xs-offset-10 { margin-left: 41.66666667%; }
+.hb-col-xs-offset-11 { margin-left: 45.83333333%; }
+.hb-col-xs-offset-12 { margin-left: 50%; }
+.hb-col-xs-offset-13 { margin-left: 54.16666667%; }
+.hb-col-xs-offset-14 { margin-left: 58.33333333%; }
+.hb-col-xs-offset-15 { margin-left: 62.5%; }
+.hb-col-xs-offset-16 { margin-left: 66.66666667%; }
+.hb-col-xs-offset-17 { margin-left: 70.83333333%; }
+.hb-col-xs-offset-18 { margin-left: 75%; }
+.hb-col-xs-offset-19 { margin-left: 79.16666667%; }
+.hb-col-xs-offset-20 { margin-left: 83.33333333%; }
+.hb-col-xs-offset-21 { margin-left: 87.5%; }
+.hb-col-xs-offset-22 { margin-left: 91.66666667%; }
+.hb-col-xs-offset-23 { margin-left: 95.83333333%; }
+.hb-col-xs-offset-24 { margin-left: 100%; }
+.hb-col-xs-push-0 { left: 0; }
+.hb-col-xs-push-1 { left: 4.16666667%; }
+.hb-col-xs-push-2 { left: 8.33333333%; }
+.hb-col-xs-push-3 { left: 12.5%; }
+.hb-col-xs-push-4 { left: 16.66666667%; }
+.hb-col-xs-push-5 { left: 20.83333333%; }
+.hb-col-xs-push-6 { left: 25%; }
+.hb-col-xs-push-7 { left: 29.16666667%; }
+.hb-col-xs-push-8 { left: 33.33333333%; }
+.hb-col-xs-push-9 { left: 37.5%; }
+.hb-col-xs-push-10 { left: 41.66666667%; }
+.hb-col-xs-push-11 { left: 45.83333333%; }
+.hb-col-xs-push-12 { left: 50%; }
+.hb-col-xs-push-13 { left: 54.16666667%; }
+.hb-col-xs-push-14 { left: 58.33333333%; }
+.hb-col-xs-push-15 { left: 62.5%; }
+.hb-col-xs-push-16 { left: 66.66666667%; }
+.hb-col-xs-push-17 { left: 70.83333333%; }
+.hb-col-xs-push-18 { left: 75%; }
+.hb-col-xs-push-19 { left: 79.16666667%; }
+.hb-col-xs-push-20 { left: 83.33333333%; }
+.hb-col-xs-push-21 { left: 87.5%; }
+.hb-col-xs-push-22 { left: 91.66666667%; }
+.hb-col-xs-push-23 { left: 95.83333333%; }
+.hb-col-xs-push-24 { left: 100%; }
+.hb-col-xs-pull-0 { right: 0; }
+.hb-col-xs-pull-1 { right: 4.16666667%; }
+.hb-col-xs-pull-2 { right: 8.33333333%; }
+.hb-col-xs-pull-3 { right: 12.5%; }
+.hb-col-xs-pull-4 { right: 16.66666667%; }
+.hb-col-xs-pull-5 { right: 20.83333333%; }
+.hb-col-xs-pull-6 { right: 25%; }
+.hb-col-xs-pull-7 { right: 29.16666667%; }
+.hb-col-xs-pull-8 { right: 33.33333333%; }
+.hb-col-xs-pull-9 { right: 37.5%; }
+.hb-col-xs-pull-10 { right: 41.66666667%; }
+.hb-col-xs-pull-11 { right: 45.83333333%; }
+.hb-col-xs-pull-12 { right: 50%; }
+.hb-col-xs-pull-13 { right: 54.16666667%; }
+.hb-col-xs-pull-14 { right: 58.33333333%; }
+.hb-col-xs-pull-15 { right: 62.5%; }
+.hb-col-xs-pull-16 { right: 66.66666667%; }
+.hb-col-xs-pull-17 { right: 70.83333333%; }
+.hb-col-xs-pull-18 { right: 75%; }
+.hb-col-xs-pull-19 { right: 79.16666667%; }
+.hb-col-xs-pull-20 { right: 83.33333333%; }
+.hb-col-xs-pull-21 { right: 87.5%; }
+.hb-col-xs-pull-22 { right: 91.66666667%; }
+.hb-col-xs-pull-23 { right: 95.83333333%; }
+.hb-col-xs-pull-24 { right: 100%; }
+@media (min-width: 576px) {
+.hb-col-sm-0 { display: none; }
+.hb-col-sm-1 { width: 4.16666667%; }
+.hb-col-sm-2 { width: 8.33333333%; }
+.hb-col-sm-3 { width: 12.5%; }
+.hb-col-sm-4 { width: 16.66666667%; }
+.hb-col-sm-5 { width: 20.83333333%; }
+.hb-col-sm-6 { width: 25%; }
+.hb-col-sm-7 { width: 29.16666667%; }
+.hb-col-sm-8 { width: 33.33333333%; }
+.hb-col-sm-9 { width: 37.5%; }
+.hb-col-sm-10 { width: 41.66666667%; }
+.hb-col-sm-11 { width: 45.83333333%; }
+.hb-col-sm-12 { width: 50%; }
+.hb-col-sm-13 { width: 54.16666667%; }
+.hb-col-sm-14 { width: 58.33333333%; }
+.hb-col-sm-15 { width: 62.5%; }
+.hb-col-sm-16 { width: 66.66666667%; }
+.hb-col-sm-17 { width: 70.83333333%; }
+.hb-col-sm-18 { width: 75%; }
+.hb-col-sm-19 { width: 79.16666667%; }
+.hb-col-sm-20 { width: 83.33333333%; }
+.hb-col-sm-21 { width: 87.5%; }
+.hb-col-sm-22 { width: 91.66666667%; }
+.hb-col-sm-23 { width: 95.83333333%; }
+.hb-col-sm-24 { width: 100%; }
+.hb-col-sm-offset-0 { margin-left: 0; }
+.hb-col-sm-offset-1 { margin-left: 4.16666667%; }
+.hb-col-sm-offset-2 { margin-left: 8.33333333%; }
+.hb-col-sm-offset-3 { margin-left: 12.5%; }
+.hb-col-sm-offset-4 { margin-left: 16.66666667%; }
+.hb-col-sm-offset-5 { margin-left: 20.83333333%; }
+.hb-col-sm-offset-6 { margin-left: 25%; }
+.hb-col-sm-offset-7 { margin-left: 29.16666667%; }
+.hb-col-sm-offset-8 { margin-left: 33.33333333%; }
+.hb-col-sm-offset-9 { margin-left: 37.5%; }
+.hb-col-sm-offset-10 { margin-left: 41.66666667%; }
+.hb-col-sm-offset-11 { margin-left: 45.83333333%; }
+.hb-col-sm-offset-12 { margin-left: 50%; }
+.hb-col-sm-offset-13 { margin-left: 54.16666667%; }
+.hb-col-sm-offset-14 { margin-left: 58.33333333%; }
+.hb-col-sm-offset-15 { margin-left: 62.5%; }
+.hb-col-sm-offset-16 { margin-left: 66.66666667%; }
+.hb-col-sm-offset-17 { margin-left: 70.83333333%; }
+.hb-col-sm-offset-18 { margin-left: 75%; }
+.hb-col-sm-offset-19 { margin-left: 79.16666667%; }
+.hb-col-sm-offset-20 { margin-left: 83.33333333%; }
+.hb-col-sm-offset-21 { margin-left: 87.5%; }
+.hb-col-sm-offset-22 { margin-left: 91.66666667%; }
+.hb-col-sm-offset-23 { margin-left: 95.83333333%; }
+.hb-col-sm-offset-24 { margin-left: 100%; }
+.hb-col-sm-push-0 { left: 0; }
+.hb-col-sm-push-1 { left: 4.16666667%; }
+.hb-col-sm-push-2 { left: 8.33333333%; }
+.hb-col-sm-push-3 { left: 12.5%; }
+.hb-col-sm-push-4 { left: 16.66666667%; }
+.hb-col-sm-push-5 { left: 20.83333333%; }
+.hb-col-sm-push-6 { left: 25%; }
+.hb-col-sm-push-7 { left: 29.16666667%; }
+.hb-col-sm-push-8 { left: 33.33333333%; }
+.hb-col-sm-push-9 { left: 37.5%; }
+.hb-col-sm-push-10 { left: 41.66666667%; }
+.hb-col-sm-push-11 { left: 45.83333333%; }
+.hb-col-sm-push-12 { left: 50%; }
+.hb-col-sm-push-13 { left: 54.16666667%; }
+.hb-col-sm-push-14 { left: 58.33333333%; }
+.hb-col-sm-push-15 { left: 62.5%; }
+.hb-col-sm-push-16 { left: 66.66666667%; }
+.hb-col-sm-push-17 { left: 70.83333333%; }
+.hb-col-sm-push-18 { left: 75%; }
+.hb-col-sm-push-19 { left: 79.16666667%; }
+.hb-col-sm-push-20 { left: 83.33333333%; }
+.hb-col-sm-push-21 { left: 87.5%; }
+.hb-col-sm-push-22 { left: 91.66666667%; }
+.hb-col-sm-push-23 { left: 95.83333333%; }
+.hb-col-sm-push-24 { left: 100%; }
+.hb-col-sm-pull-0 { right: 0; }
+.hb-col-sm-pull-1 { right: 4.16666667%; }
+.hb-col-sm-pull-2 { right: 8.33333333%; }
+.hb-col-sm-pull-3 { right: 12.5%; }
+.hb-col-sm-pull-4 { right: 16.66666667%; }
+.hb-col-sm-pull-5 { right: 20.83333333%; }
+.hb-col-sm-pull-6 { right: 25%; }
+.hb-col-sm-pull-7 { right: 29.16666667%; }
+.hb-col-sm-pull-8 { right: 33.33333333%; }
+.hb-col-sm-pull-9 { right: 37.5%; }
+.hb-col-sm-pull-10 { right: 41.66666667%; }
+.hb-col-sm-pull-11 { right: 45.83333333%; }
+.hb-col-sm-pull-12 { right: 50%; }
+.hb-col-sm-pull-13 { right: 54.16666667%; }
+.hb-col-sm-pull-14 { right: 58.33333333%; }
+.hb-col-sm-pull-15 { right: 62.5%; }
+.hb-col-sm-pull-16 { right: 66.66666667%; }
+.hb-col-sm-pull-17 { right: 70.83333333%; }
+.hb-col-sm-pull-18 { right: 75%; }
+.hb-col-sm-pull-19 { right: 79.16666667%; }
+.hb-col-sm-pull-20 { right: 83.33333333%; }
+.hb-col-sm-pull-21 { right: 87.5%; }
+.hb-col-sm-pull-22 { right: 91.66666667%; }
+.hb-col-sm-pull-23 { right: 95.83333333%; }
+.hb-col-sm-pull-24 { right: 100%; }
+}
+@media (min-width: 768px) {
+.hb-col-md-0 { display: none; }
+.hb-col-md-1 { width: 4.16666667%; }
+.hb-col-md-2 { width: 8.33333333%; }
+.hb-col-md-3 { width: 12.5%; }
+.hb-col-md-4 { width: 16.66666667%; }
+.hb-col-md-5 { width: 20.83333333%; }
+.hb-col-md-6 { width: 25%; }
+.hb-col-md-7 { width: 29.16666667%; }
+.hb-col-md-8 { width: 33.33333333%; }
+.hb-col-md-9 { width: 37.5%; }
+.hb-col-md-10 { width: 41.66666667%; }
+.hb-col-md-11 { width: 45.83333333%; }
+.hb-col-md-12 { width: 50%; }
+.hb-col-md-13 { width: 54.16666667%; }
+.hb-col-md-14 { width: 58.33333333%; }
+.hb-col-md-15 { width: 62.5%; }
+.hb-col-md-16 { width: 66.66666667%; }
+.hb-col-md-17 { width: 70.83333333%; }
+.hb-col-md-18 { width: 75%; }
+.hb-col-md-19 { width: 79.16666667%; }
+.hb-col-md-20 { width: 83.33333333%; }
+.hb-col-md-21 { width: 87.5%; }
+.hb-col-md-22 { width: 91.66666667%; }
+.hb-col-md-23 { width: 95.83333333%; }
+.hb-col-md-24 { width: 100%; }
+.hb-col-md-offset-0 { margin-left: 0; }
+.hb-col-md-offset-1 { margin-left: 4.16666667%; }
+.hb-col-md-offset-2 { margin-left: 8.33333333%; }
+.hb-col-md-offset-3 { margin-left: 12.5%; }
+.hb-col-md-offset-4 { margin-left: 16.66666667%; }
+.hb-col-md-offset-5 { margin-left: 20.83333333%; }
+.hb-col-md-offset-6 { margin-left: 25%; }
+.hb-col-md-offset-7 { margin-left: 29.16666667%; }
+.hb-col-md-offset-8 { margin-left: 33.33333333%; }
+.hb-col-md-offset-9 { margin-left: 37.5%; }
+.hb-col-md-offset-10 { margin-left: 41.66666667%; }
+.hb-col-md-offset-11 { margin-left: 45.83333333%; }
+.hb-col-md-offset-12 { margin-left: 50%; }
+.hb-col-md-offset-13 { margin-left: 54.16666667%; }
+.hb-col-md-offset-14 { margin-left: 58.33333333%; }
+.hb-col-md-offset-15 { margin-left: 62.5%; }
+.hb-col-md-offset-16 { margin-left: 66.66666667%; }
+.hb-col-md-offset-17 { margin-left: 70.83333333%; }
+.hb-col-md-offset-18 { margin-left: 75%; }
+.hb-col-md-offset-19 { margin-left: 79.16666667%; }
+.hb-col-md-offset-20 { margin-left: 83.33333333%; }
+.hb-col-md-offset-21 { margin-left: 87.5%; }
+.hb-col-md-offset-22 { margin-left: 91.66666667%; }
+.hb-col-md-offset-23 { margin-left: 95.83333333%; }
+.hb-col-md-offset-24 { margin-left: 100%; }
+.hb-col-md-push-0 { left: 0; }
+.hb-col-md-push-1 { left: 4.16666667%; }
+.hb-col-md-push-2 { left: 8.33333333%; }
+.hb-col-md-push-3 { left: 12.5%; }
+.hb-col-md-push-4 { left: 16.66666667%; }
+.hb-col-md-push-5 { left: 20.83333333%; }
+.hb-col-md-push-6 { left: 25%; }
+.hb-col-md-push-7 { left: 29.16666667%; }
+.hb-col-md-push-8 { left: 33.33333333%; }
+.hb-col-md-push-9 { left: 37.5%; }
+.hb-col-md-push-10 { left: 41.66666667%; }
+.hb-col-md-push-11 { left: 45.83333333%; }
+.hb-col-md-push-12 { left: 50%; }
+.hb-col-md-push-13 { left: 54.16666667%; }
+.hb-col-md-push-14 { left: 58.33333333%; }
+.hb-col-md-push-15 { left: 62.5%; }
+.hb-col-md-push-16 { left: 66.66666667%; }
+.hb-col-md-push-17 { left: 70.83333333%; }
+.hb-col-md-push-18 { left: 75%; }
+.hb-col-md-push-19 { left: 79.16666667%; }
+.hb-col-md-push-20 { left: 83.33333333%; }
+.hb-col-md-push-21 { left: 87.5%; }
+.hb-col-md-push-22 { left: 91.66666667%; }
+.hb-col-md-push-23 { left: 95.83333333%; }
+.hb-col-md-push-24 { left: 100%; }
+.hb-col-md-pull-0 { right: 0; }
+.hb-col-md-pull-1 { right: 4.16666667%; }
+.hb-col-md-pull-2 { right: 8.33333333%; }
+.hb-col-md-pull-3 { right: 12.5%; }
+.hb-col-md-pull-4 { right: 16.66666667%; }
+.hb-col-md-pull-5 { right: 20.83333333%; }
+.hb-col-md-pull-6 { right: 25%; }
+.hb-col-md-pull-7 { right: 29.16666667%; }
+.hb-col-md-pull-8 { right: 33.33333333%; }
+.hb-col-md-pull-9 { right: 37.5%; }
+.hb-col-md-pull-10 { right: 41.66666667%; }
+.hb-col-md-pull-11 { right: 45.83333333%; }
+.hb-col-md-pull-12 { right: 50%; }
+.hb-col-md-pull-13 { right: 54.16666667%; }
+.hb-col-md-pull-14 { right: 58.33333333%; }
+.hb-col-md-pull-15 { right: 62.5%; }
+.hb-col-md-pull-16 { right: 66.66666667%; }
+.hb-col-md-pull-17 { right: 70.83333333%; }
+.hb-col-md-pull-18 { right: 75%; }
+.hb-col-md-pull-19 { right: 79.16666667%; }
+.hb-col-md-pull-20 { right: 83.33333333%; }
+.hb-col-md-pull-21 { right: 87.5%; }
+.hb-col-md-pull-22 { right: 91.66666667%; }
+.hb-col-md-pull-23 { right: 95.83333333%; }
+.hb-col-md-pull-24 { right: 100%; }
+}
+@media (min-width: 992px) {
+.hb-col-lg-0 { display: none; }
+.hb-col-lg-1 { width: 4.16666667%; }
+.hb-col-lg-2 { width: 8.33333333%; }
+.hb-col-lg-3 { width: 12.5%; }
+.hb-col-lg-4 { width: 16.66666667%; }
+.hb-col-lg-5 { width: 20.83333333%; }
+.hb-col-lg-6 { width: 25%; }
+.hb-col-lg-7 { width: 29.16666667%; }
+.hb-col-lg-8 { width: 33.33333333%; }
+.hb-col-lg-9 { width: 37.5%; }
+.hb-col-lg-10 { width: 41.66666667%; }
+.hb-col-lg-11 { width: 45.83333333%; }
+.hb-col-lg-12 { width: 50%; }
+.hb-col-lg-13 { width: 54.16666667%; }
+.hb-col-lg-14 { width: 58.33333333%; }
+.hb-col-lg-15 { width: 62.5%; }
+.hb-col-lg-16 { width: 66.66666667%; }
+.hb-col-lg-17 { width: 70.83333333%; }
+.hb-col-lg-18 { width: 75%; }
+.hb-col-lg-19 { width: 79.16666667%; }
+.hb-col-lg-20 { width: 83.33333333%; }
+.hb-col-lg-21 { width: 87.5%; }
+.hb-col-lg-22 { width: 91.66666667%; }
+.hb-col-lg-23 { width: 95.83333333%; }
+.hb-col-lg-24 { width: 100%; }
+.hb-col-lg-offset-0 { margin-left: 0; }
+.hb-col-lg-offset-1 { margin-left: 4.16666667%; }
+.hb-col-lg-offset-2 { margin-left: 8.33333333%; }
+.hb-col-lg-offset-3 { margin-left: 12.5%; }
+.hb-col-lg-offset-4 { margin-left: 16.66666667%; }
+.hb-col-lg-offset-5 { margin-left: 20.83333333%; }
+.hb-col-lg-offset-6 { margin-left: 25%; }
+.hb-col-lg-offset-7 { margin-left: 29.16666667%; }
+.hb-col-lg-offset-8 { margin-left: 33.33333333%; }
+.hb-col-lg-offset-9 { margin-left: 37.5%; }
+.hb-col-lg-offset-10 { margin-left: 41.66666667%; }
+.hb-col-lg-offset-11 { margin-left: 45.83333333%; }
+.hb-col-lg-offset-12 { margin-left: 50%; }
+.hb-col-lg-offset-13 { margin-left: 54.16666667%; }
+.hb-col-lg-offset-14 { margin-left: 58.33333333%; }
+.hb-col-lg-offset-15 { margin-left: 62.5%; }
+.hb-col-lg-offset-16 { margin-left: 66.66666667%; }
+.hb-col-lg-offset-17 { margin-left: 70.83333333%; }
+.hb-col-lg-offset-18 { margin-left: 75%; }
+.hb-col-lg-offset-19 { margin-left: 79.16666667%; }
+.hb-col-lg-offset-20 { margin-left: 83.33333333%; }
+.hb-col-lg-offset-21 { margin-left: 87.5%; }
+.hb-col-lg-offset-22 { margin-left: 91.66666667%; }
+.hb-col-lg-offset-23 { margin-left: 95.83333333%; }
+.hb-col-lg-offset-24 { margin-left: 100%; }
+.hb-col-lg-push-0 { left: 0; }
+.hb-col-lg-push-1 { left: 4.16666667%; }
+.hb-col-lg-push-2 { left: 8.33333333%; }
+.hb-col-lg-push-3 { left: 12.5%; }
+.hb-col-lg-push-4 { left: 16.66666667%; }
+.hb-col-lg-push-5 { left: 20.83333333%; }
+.hb-col-lg-push-6 { left: 25%; }
+.hb-col-lg-push-7 { left: 29.16666667%; }
+.hb-col-lg-push-8 { left: 33.33333333%; }
+.hb-col-lg-push-9 { left: 37.5%; }
+.hb-col-lg-push-10 { left: 41.66666667%; }
+.hb-col-lg-push-11 { left: 45.83333333%; }
+.hb-col-lg-push-12 { left: 50%; }
+.hb-col-lg-push-13 { left: 54.16666667%; }
+.hb-col-lg-push-14 { left: 58.33333333%; }
+.hb-col-lg-push-15 { left: 62.5%; }
+.hb-col-lg-push-16 { left: 66.66666667%; }
+.hb-col-lg-push-17 { left: 70.83333333%; }
+.hb-col-lg-push-18 { left: 75%; }
+.hb-col-lg-push-19 { left: 79.16666667%; }
+.hb-col-lg-push-20 { left: 83.33333333%; }
+.hb-col-lg-push-21 { left: 87.5%; }
+.hb-col-lg-push-22 { left: 91.66666667%; }
+.hb-col-lg-push-23 { left: 95.83333333%; }
+.hb-col-lg-push-24 { left: 100%; }
+.hb-col-lg-pull-0 { right: 0; }
+.hb-col-lg-pull-1 { right: 4.16666667%; }
+.hb-col-lg-pull-2 { right: 8.33333333%; }
+.hb-col-lg-pull-3 { right: 12.5%; }
+.hb-col-lg-pull-4 { right: 16.66666667%; }
+.hb-col-lg-pull-5 { right: 20.83333333%; }
+.hb-col-lg-pull-6 { right: 25%; }
+.hb-col-lg-pull-7 { right: 29.16666667%; }
+.hb-col-lg-pull-8 { right: 33.33333333%; }
+.hb-col-lg-pull-9 { right: 37.5%; }
+.hb-col-lg-pull-10 { right: 41.66666667%; }
+.hb-col-lg-pull-11 { right: 45.83333333%; }
+.hb-col-lg-pull-12 { right: 50%; }
+.hb-col-lg-pull-13 { right: 54.16666667%; }
+.hb-col-lg-pull-14 { right: 58.33333333%; }
+.hb-col-lg-pull-15 { right: 62.5%; }
+.hb-col-lg-pull-16 { right: 66.66666667%; }
+.hb-col-lg-pull-17 { right: 70.83333333%; }
+.hb-col-lg-pull-18 { right: 75%; }
+.hb-col-lg-pull-19 { right: 79.16666667%; }
+.hb-col-lg-pull-20 { right: 83.33333333%; }
+.hb-col-lg-pull-21 { right: 87.5%; }
+.hb-col-lg-pull-22 { right: 91.66666667%; }
+.hb-col-lg-pull-23 { right: 95.83333333%; }
+.hb-col-lg-pull-24 { right: 100%; }
+}
+@media (min-width: 1200px) {
+.hb-col-xl-0 { display: none; }
+.hb-col-xl-1 { width: 4.16666667%; }
+.hb-col-xl-2 { width: 8.33333333%; }
+.hb-col-xl-3 { width: 12.5%; }
+.hb-col-xl-4 { width: 16.66666667%; }
+.hb-col-xl-5 { width: 20.83333333%; }
+.hb-col-xl-6 { width: 25%; }
+.hb-col-xl-7 { width: 29.16666667%; }
+.hb-col-xl-8 { width: 33.33333333%; }
+.hb-col-xl-9 { width: 37.5%; }
+.hb-col-xl-10 { width: 41.66666667%; }
+.hb-col-xl-11 { width: 45.83333333%; }
+.hb-col-xl-12 { width: 50%; }
+.hb-col-xl-13 { width: 54.16666667%; }
+.hb-col-xl-14 { width: 58.33333333%; }
+.hb-col-xl-15 { width: 62.5%; }
+.hb-col-xl-16 { width: 66.66666667%; }
+.hb-col-xl-17 { width: 70.83333333%; }
+.hb-col-xl-18 { width: 75%; }
+.hb-col-xl-19 { width: 79.16666667%; }
+.hb-col-xl-20 { width: 83.33333333%; }
+.hb-col-xl-21 { width: 87.5%; }
+.hb-col-xl-22 { width: 91.66666667%; }
+.hb-col-xl-23 { width: 95.83333333%; }
+.hb-col-xl-24 { width: 100%; }
+.hb-col-xl-offset-0 { margin-left: 0; }
+.hb-col-xl-offset-1 { margin-left: 4.16666667%; }
+.hb-col-xl-offset-2 { margin-left: 8.33333333%; }
+.hb-col-xl-offset-3 { margin-left: 12.5%; }
+.hb-col-xl-offset-4 { margin-left: 16.66666667%; }
+.hb-col-xl-offset-5 { margin-left: 20.83333333%; }
+.hb-col-xl-offset-6 { margin-left: 25%; }
+.hb-col-xl-offset-7 { margin-left: 29.16666667%; }
+.hb-col-xl-offset-8 { margin-left: 33.33333333%; }
+.hb-col-xl-offset-9 { margin-left: 37.5%; }
+.hb-col-xl-offset-10 { margin-left: 41.66666667%; }
+.hb-col-xl-offset-11 { margin-left: 45.83333333%; }
+.hb-col-xl-offset-12 { margin-left: 50%; }
+.hb-col-xl-offset-13 { margin-left: 54.16666667%; }
+.hb-col-xl-offset-14 { margin-left: 58.33333333%; }
+.hb-col-xl-offset-15 { margin-left: 62.5%; }
+.hb-col-xl-offset-16 { margin-left: 66.66666667%; }
+.hb-col-xl-offset-17 { margin-left: 70.83333333%; }
+.hb-col-xl-offset-18 { margin-left: 75%; }
+.hb-col-xl-offset-19 { margin-left: 79.16666667%; }
+.hb-col-xl-offset-20 { margin-left: 83.33333333%; }
+.hb-col-xl-offset-21 { margin-left: 87.5%; }
+.hb-col-xl-offset-22 { margin-left: 91.66666667%; }
+.hb-col-xl-offset-23 { margin-left: 95.83333333%; }
+.hb-col-xl-offset-24 { margin-left: 100%; }
+.hb-col-xl-push-0 { left: 0; }
+.hb-col-xl-push-1 { left: 4.16666667%; }
+.hb-col-xl-push-2 { left: 8.33333333%; }
+.hb-col-xl-push-3 { left: 12.5%; }
+.hb-col-xl-push-4 { left: 16.66666667%; }
+.hb-col-xl-push-5 { left: 20.83333333%; }
+.hb-col-xl-push-6 { left: 25%; }
+.hb-col-xl-push-7 { left: 29.16666667%; }
+.hb-col-xl-push-8 { left: 33.33333333%; }
+.hb-col-xl-push-9 { left: 37.5%; }
+.hb-col-xl-push-10 { left: 41.66666667%; }
+.hb-col-xl-push-11 { left: 45.83333333%; }
+.hb-col-xl-push-12 { left: 50%; }
+.hb-col-xl-push-13 { left: 54.16666667%; }
+.hb-col-xl-push-14 { left: 58.33333333%; }
+.hb-col-xl-push-15 { left: 62.5%; }
+.hb-col-xl-push-16 { left: 66.66666667%; }
+.hb-col-xl-push-17 { left: 70.83333333%; }
+.hb-col-xl-push-18 { left: 75%; }
+.hb-col-xl-push-19 { left: 79.16666667%; }
+.hb-col-xl-push-20 { left: 83.33333333%; }
+.hb-col-xl-push-21 { left: 87.5%; }
+.hb-col-xl-push-22 { left: 91.66666667%; }
+.hb-col-xl-push-23 { left: 95.83333333%; }
+.hb-col-xl-push-24 { left: 100%; }
+.hb-col-xl-pull-0 { right: 0; }
+.hb-col-xl-pull-1 { right: 4.16666667%; }
+.hb-col-xl-pull-2 { right: 8.33333333%; }
+.hb-col-xl-pull-3 { right: 12.5%; }
+.hb-col-xl-pull-4 { right: 16.66666667%; }
+.hb-col-xl-pull-5 { right: 20.83333333%; }
+.hb-col-xl-pull-6 { right: 25%; }
+.hb-col-xl-pull-7 { right: 29.16666667%; }
+.hb-col-xl-pull-8 { right: 33.33333333%; }
+.hb-col-xl-pull-9 { right: 37.5%; }
+.hb-col-xl-pull-10 { right: 41.66666667%; }
+.hb-col-xl-pull-11 { right: 45.83333333%; }
+.hb-col-xl-pull-12 { right: 50%; }
+.hb-col-xl-pull-13 { right: 54.16666667%; }
+.hb-col-xl-pull-14 { right: 58.33333333%; }
+.hb-col-xl-pull-15 { right: 62.5%; }
+.hb-col-xl-pull-16 { right: 66.66666667%; }
+.hb-col-xl-pull-17 { right: 70.83333333%; }
+.hb-col-xl-pull-18 { right: 75%; }
+.hb-col-xl-pull-19 { right: 79.16666667%; }
+.hb-col-xl-pull-20 { right: 83.33333333%; }
+.hb-col-xl-pull-21 { right: 87.5%; }
+.hb-col-xl-pull-22 { right: 91.66666667%; }
+.hb-col-xl-pull-23 { right: 95.83333333%; }
+.hb-col-xl-pull-24 { right: 100%; }
+}

package/dist/collection/components/Link/Link.js CHANGED Viewed

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

package/dist/collection/components/Loading/Loading.js CHANGED Viewed

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

package/dist/collection/components/Menu/Menu.js CHANGED Viewed

@@ -61,11 +61,11 @@ export class Menu {
             style['--hb-menu-color'] = this.textColor;
         if (this.activeTextColor)
             style['--hb-menu-active-color'] = this.activeTextColor;
-        return (h("ul", { key: '0352bda3d62d4a280681612a7bf301f16459bcc0', class: {
+        return (h("ul", { key: '8ed9611af410b2d453c01b9e026efb787c62cea6', class: {
                 'hb-menu': true,
                 [`hb-menu--${this.mode}`]: true,
                 'hb-menu--collapsed': this.collapsed,
-            }, style: style, role: "menu" }, h("slot", { key: '142fea193616a6e311b854f6bd893e0646950b29' })));
+            }, style: style, role: "menu" }, h("slot", { key: '7eb6d2b0fdd4ab9b3a0866ff4ba7c2c23bfdd6dd' })));
     }
     static get is() { return "hb-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Menu/MenuItem.js CHANGED Viewed

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

package/dist/collection/components/Menu/SubMenu.js CHANGED Viewed

@@ -53,16 +53,16 @@ export class SubMenu {
     render() {
         // 折叠态：浮层是否显示由 hover 决定；非折叠态：就地展开由 isOpen 决定
         const showChildren = this.collapsed ? this.isHover : this.isOpen;
-        return (h("li", { key: '2158b7ce59919c89c5f86a1218e1f2c16fb7cc11', class: {
+        return (h("li", { key: '17f9ce57cd6e0ae95a102346ab6950c0c667a763', class: {
                 'hb-sub-menu': true,
                 'hb-sub-menu--open': this.isOpen,
                 'hb-sub-menu--collapsed': this.collapsed,
-            }, role: "menuitem", "aria-haspopup": "menu", "aria-expanded": showChildren ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'ed1b49c0417a21673d8eac14dfb15e31db722917', class: "hb-sub-menu__title", role: "button", tabindex: 0, "aria-expanded": showChildren ? 'true' : 'false',
+            }, role: "menuitem", "aria-haspopup": "menu", "aria-expanded": showChildren ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '2ed9eb7a74af1098ff3eb88884a0f4793d4378be', class: "hb-sub-menu__title", role: "button", tabindex: 0, "aria-expanded": showChildren ? 'true' : 'false',
             // 折叠态用原生 title 提供文字提示（图标条场景）
-            title: this.collapsed ? this.label : undefined, onClick: this.toggle, onKeyDown: this.handleTitleKeydown }, this.icon && h("span", { key: '488430d18a0a4c2fd81f38d621988b3a06ef874a', class: "hb-sub-menu__icon" }, this.icon), h("span", { key: 'ba16d8aaddeba6ec00a9b19ac4069802a1cc503b', class: "hb-sub-menu__label" }, this.label), h("span", { key: 'cf3b32672f9f36d4ffbe570f7dbad1e2755afe3c', class: { 'hb-sub-menu__arrow': true, 'hb-sub-menu__arrow--open': showChildren } }, "\u25B6")), showChildren && (h("ul", { key: '6f0404f6e5b89ae0c59b47630f8d17620800b46f', class: {
+            title: this.collapsed ? this.label : undefined, onClick: this.toggle, onKeyDown: this.handleTitleKeydown }, this.icon && h("span", { key: 'df3c4eadf10aecb92f78c0659c68470f0e0734f7', class: "hb-sub-menu__icon" }, this.icon), h("span", { key: '8762056e841533e05f7191850def1d6c9be46ed9', class: "hb-sub-menu__label" }, this.label), h("span", { key: '49726c00cdb1242a478c59a3a228570148900c88', class: { 'hb-sub-menu__arrow': true, 'hb-sub-menu__arrow--open': showChildren } }, "\u25B6")), showChildren && (h("ul", { key: '22ce15ebfc88cd24a97d64facf6e7a0a4942c48a', class: {
                 'hb-sub-menu__children': true,
                 'hb-sub-menu__children--popover': this.collapsed,
-            }, role: "menu", onClick: this.handleChildrenClick }, h("slot", { key: '795f95cc807e590339faff8745eb6c36c326f9f2' })))));
+            }, role: "menu", onClick: this.handleChildrenClick }, h("slot", { key: '2d79a1770fdc267e618dda2fe5c3975f80a24d78' })))));
     }
     static get is() { return "hb-sub-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/Menu/menu.css CHANGED Viewed

@@ -141,3 +141,28 @@
 .hb-sub-menu__children .hb-menu-item {
   padding-left: calc(var(--hb-spacing-md) + var(--hb-spacing-lg));
 }
+/* ============================================================
+ * 响应式（移动端）：小屏水平菜单改为纵向折叠，
+ * 子菜单展开为内联列表（避免横向溢出）。对齐 antd 移动端行为。
+ * ============================================================ */
+@media (max-width: 575.98px) {
+  /* 水平菜单在小屏改为垂直堆叠 */
+  .hb-menu--horizontal {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 2px;
+  }
+  /* 收窄的内边距 */
+  .hb-menu--horizontal .hb-menu-item,
+  .hb-menu--horizontal .hb-sub-menu {
+    padding: 10px 12px;
+  }
+  /* 让所有菜单项文字始终显示（即便桌面端折叠态隐藏文字，移动端不适用） */
+  :host .hb-menu-item__text,
+  :host .hb-sub-menu__label {
+    display: inline;
+  }
+}

package/dist/collection/components/Message/Message.js CHANGED Viewed

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