@cyberpunk-vue/theme-chalk 1.14.0 → 1.14.2

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 (47) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.css.map +1 -1
  3. package/package.json +1 -1
  4. package/src/common/var.scss +247 -247
  5. package/src/components/avatar-group.scss +113 -113
  6. package/src/components/avatar.scss +123 -123
  7. package/src/components/badge.scss +210 -210
  8. package/src/components/breadcrumb.scss +203 -203
  9. package/src/components/button.scss +975 -975
  10. package/src/components/card.scss +699 -696
  11. package/src/components/checkbox-group.scss +22 -22
  12. package/src/components/checkbox.scss +320 -320
  13. package/src/components/col.scss +43 -43
  14. package/src/components/dialog.scss +360 -360
  15. package/src/components/divider.scss +250 -250
  16. package/src/components/empty.scss +99 -99
  17. package/src/components/form-item.scss +189 -189
  18. package/src/components/form.scss +59 -59
  19. package/src/components/icon.scss +83 -83
  20. package/src/components/image-preview.scss +147 -147
  21. package/src/components/image.scss +351 -351
  22. package/src/components/input-number.scss +129 -129
  23. package/src/components/input.scss +362 -362
  24. package/src/components/loading.scss +64 -64
  25. package/src/components/notification.scss +348 -348
  26. package/src/components/pagination.scss +287 -280
  27. package/src/components/pattern-background.scss +18 -18
  28. package/src/components/popover.scss +438 -438
  29. package/src/components/progress.scss +438 -438
  30. package/src/components/radio-group.scss +22 -22
  31. package/src/components/radio.scss +286 -286
  32. package/src/components/row.scss +12 -12
  33. package/src/components/scrollbar.scss +40 -40
  34. package/src/components/segmented.scss +566 -566
  35. package/src/components/select.scss +15 -1
  36. package/src/components/slider.scss +421 -421
  37. package/src/components/status-indicator.scss +206 -206
  38. package/src/components/switch.scss +405 -405
  39. package/src/components/table.scss +474 -474
  40. package/src/components/tag.scss +416 -416
  41. package/src/components/text.scss +310 -271
  42. package/src/components/textarea.scss +106 -104
  43. package/src/components/timeline.scss +379 -379
  44. package/src/components/tree.scss +397 -397
  45. package/src/components/upload.scss +509 -509
  46. package/src/index.scss +60 -60
  47. package/src/mixins/mixins.scss +156 -156
package/src/components/loading.scss CHANGED
@@ -1,17 +1,17 @@
1
- // CpLoading 组件样式
2
- // Google Material Design 风格圆形加载器
3
- // 弧线伸缩 + 旋转双重动画
4
-
5
- @use '../common/var' as *;
6
- @use '../mixins/mixins' as *;
7
-
8
- // 尺寸映射
9
- $loading-sizes: (
10
- sm: 24px,
11
- md: 40px,
12
- lg: 56px,
13
- );
14
-
1
+ // CpLoading 组件样式
2
+ // Google Material Design 风格圆形加载器
3
+ // 弧线伸缩 + 旋转双重动画
4
+
5
+ @use '../common/var' as *;
6
+ @use '../mixins/mixins' as *;
7
+
8
+ // 尺寸映射
9
+ $loading-sizes: (
10
+ sm: 24px,
11
+ md: 40px,
12
+ lg: 56px,
13
+ );
14
+
15
15
  @include b(loading) {
16
16
  display: inline-flex;
17
17
  align-items: center;
@@ -20,21 +20,21 @@ $loading-sizes: (
20
20
  flex-shrink: 0;
21
21
  transform-origin: center center;
22
22
  will-change: transform;
23
-
24
- // ===== 尺寸 =====
25
- @each $name, $size in $loading-sizes {
26
- @include m($name) {
27
- width: $size;
28
- height: $size;
29
- }
30
- }
31
-
32
- // 自定义尺寸支持
33
- @include when(custom-size) {
34
- width: var(--cp-loading-size);
35
- height: var(--cp-loading-size);
36
- }
37
-
23
+
24
+ // ===== 尺寸 =====
25
+ @each $name, $size in $loading-sizes {
26
+ @include m($name) {
27
+ width: $size;
28
+ height: $size;
29
+ }
30
+ }
31
+
32
+ // 自定义尺寸支持
33
+ @include when(custom-size) {
34
+ width: var(--cp-loading-size);
35
+ height: var(--cp-loading-size);
36
+ }
37
+
38
38
  // ===== 布局稳定化 =====
39
39
  vertical-align: middle;
40
40
  line-height: 0; // 消除行内基线间隙
@@ -66,41 +66,41 @@ $loading-sizes: (
66
66
  // MUI 参考：1.4s ease-in-out 弧线伸缩动画
67
67
  animation: cp-loading-circular-dash 1.4s ease-in-out infinite;
68
68
  }
69
-
70
- // ===== 颜色类型 =====
71
- @include m(primary) {
72
- color: var(--cp-color-primary);
73
- }
74
-
75
- @include m(success) {
76
- color: var(--cp-color-success);
77
- }
78
-
79
- @include m(warning) {
80
- color: var(--cp-color-warning);
81
- }
82
-
83
- @include m(error) {
84
- color: var(--cp-color-error);
85
- }
86
-
87
- @include m(info) {
88
- color: var(--cp-color-info);
89
- }
90
-
91
- @include m(default) {
92
- color: inherit;
93
- }
94
-
95
-
96
- // ===== 自定义颜色 =====
97
- @include when(custom-color) {
98
- color: var(--cp-loading-color);
99
- }
100
- }
101
-
102
- // ===== 动画 =====
103
-
69
+
70
+ // ===== 颜色类型 =====
71
+ @include m(primary) {
72
+ color: var(--cp-color-primary);
73
+ }
74
+
75
+ @include m(success) {
76
+ color: var(--cp-color-success);
77
+ }
78
+
79
+ @include m(warning) {
80
+ color: var(--cp-color-warning);
81
+ }
82
+
83
+ @include m(error) {
84
+ color: var(--cp-color-error);
85
+ }
86
+
87
+ @include m(info) {
88
+ color: var(--cp-color-info);
89
+ }
90
+
91
+ @include m(default) {
92
+ color: inherit;
93
+ }
94
+
95
+
96
+ // ===== 自定义颜色 =====
97
+ @include when(custom-color) {
98
+ color: var(--cp-loading-color);
99
+ }
100
+ }
101
+
102
+ // ===== 动画 =====
103
+
104
104
  // 旋转动画 - 容器整体旋转
105
105
  @keyframes cp-loading-rotate {
106
106
  100% {