@xihan-ui/styles 1.0.0-alpha.1 → 1.0.0-alpha.3

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 (129) hide show
  1. package/CHANGELOG.md +527 -0
  2. package/README.md +1 -1
  3. package/css/accordion.css +61 -5
  4. package/css/affix.css +5 -0
  5. package/css/alert.css +35 -5
  6. package/css/anchor.css +12 -7
  7. package/css/avatar-group.css +8 -3
  8. package/css/avatar.css +8 -3
  9. package/css/back-top.css +21 -1
  10. package/css/badge.css +21 -2
  11. package/css/breadcrumb.css +29 -4
  12. package/css/button-group.css +19 -13
  13. package/css/button.css +57 -11
  14. package/css/calendar.css +124 -2
  15. package/css/card.css +10 -5
  16. package/css/carousel.css +41 -5
  17. package/css/cascader.css +188 -102
  18. package/css/checkbox-group.css +46 -19
  19. package/css/checkbox.css +59 -8
  20. package/css/clipboard.css +7 -1
  21. package/css/code-block.css +17 -7
  22. package/css/collapsible.css +47 -2
  23. package/css/color-picker.css +117 -46
  24. package/css/combobox.css +132 -52
  25. package/css/composer.css +10 -3
  26. package/css/context-menu.css +101 -75
  27. package/css/countdown.css +5 -0
  28. package/css/date-field.css +96 -14
  29. package/css/date-picker.css +281 -65
  30. package/css/descriptions.css +7 -2
  31. package/css/dialog.css +109 -22
  32. package/css/download-trigger.css +76 -0
  33. package/css/drawer.css +75 -23
  34. package/css/dynamic-input.css +73 -17
  35. package/css/editable.css +17 -10
  36. package/css/ellipsis.css +6 -1
  37. package/css/empty-state.css +12 -7
  38. package/css/field.css +14 -6
  39. package/css/fieldset.css +69 -0
  40. package/css/file-upload.css +50 -7
  41. package/css/flex.css +5 -0
  42. package/css/float-button.css +21 -1
  43. package/css/floating-panel.css +310 -0
  44. package/css/form.css +10 -5
  45. package/css/gradient-text.css +5 -0
  46. package/css/grid.css +5 -0
  47. package/css/heatmap.css +410 -0
  48. package/css/highlight.css +6 -1
  49. package/css/hotkeys.css +90 -0
  50. package/css/hover-card.css +58 -50
  51. package/css/icon-wrapper.css +5 -0
  52. package/css/icon.css +5 -0
  53. package/css/image-cropper.css +231 -0
  54. package/css/image-viewer.css +167 -22
  55. package/css/image.css +7 -2
  56. package/css/infinite-scroll.css +6 -1
  57. package/css/json-viewer.css +241 -0
  58. package/css/layout.css +11 -10
  59. package/css/list.css +13 -8
  60. package/css/listbox.css +25 -4
  61. package/css/loading-bar.css +12 -1
  62. package/css/log.css +6 -1
  63. package/css/marquee.css +14 -0
  64. package/css/masonry.css +63 -0
  65. package/css/mention.css +105 -32
  66. package/css/menu.css +131 -46
  67. package/css/menubar.css +150 -66
  68. package/css/navigation-menu.css +59 -29
  69. package/css/number-animation.css +8 -3
  70. package/css/number-field.css +178 -16
  71. package/css/overlay-arrow.css +51 -0
  72. package/css/page-header.css +10 -5
  73. package/css/pagination.css +18 -13
  74. package/css/password-input.css +356 -0
  75. package/css/pin-input.css +18 -10
  76. package/css/popconfirm.css +73 -16
  77. package/css/popover.css +88 -44
  78. package/css/popselect.css +201 -52
  79. package/css/progress.css +52 -7
  80. package/css/qr-code.css +6 -1
  81. package/css/radio-group.css +19 -8
  82. package/css/rating.css +7 -2
  83. package/css/reset.css +17 -0
  84. package/css/result.css +11 -6
  85. package/css/scroll-area.css +65 -94
  86. package/css/scrollbar.css +167 -0
  87. package/css/segmented.css +215 -0
  88. package/css/select.css +292 -124
  89. package/css/separator.css +7 -2
  90. package/css/side-nav.css +116 -19
  91. package/css/signature-pad.css +144 -0
  92. package/css/skeleton.css +12 -1
  93. package/css/slider.css +15 -10
  94. package/css/space.css +117 -0
  95. package/css/spinner.css +31 -11
  96. package/css/splitter.css +5 -0
  97. package/css/statistic.css +14 -9
  98. package/css/steps.css +30 -8
  99. package/css/switch.css +62 -13
  100. package/css/table.css +136 -37
  101. package/css/tabs.css +9 -4
  102. package/css/tag.css +177 -0
  103. package/css/tags-input.css +83 -40
  104. package/css/text-field.css +154 -36
  105. package/css/thread.css +6 -1
  106. package/css/time-field.css +102 -16
  107. package/css/time-picker.css +264 -69
  108. package/css/time.css +5 -0
  109. package/css/timeline.css +15 -10
  110. package/css/timer.css +119 -0
  111. package/css/toast.css +46 -21
  112. package/css/toaster.css +6 -1
  113. package/css/toggle-group.css +5 -0
  114. package/css/toggle.css +11 -6
  115. package/css/tone.css +10 -5
  116. package/css/toolbar.css +6 -1
  117. package/css/tooltip.css +54 -38
  118. package/css/tour.css +128 -63
  119. package/css/transfer.css +73 -17
  120. package/css/tree-select.css +203 -83
  121. package/css/tree.css +90 -1
  122. package/css/typography.css +9 -4
  123. package/css/undefined.css +11 -1
  124. package/css/virtualizer.css +8 -1
  125. package/css/watermark.css +6 -2
  126. package/index.css +17 -1
  127. package/index.unlayered.css +9394 -2883
  128. package/package.json +19 -4
  129. package/css/motion.css +0 -58
package/css/watermark.css CHANGED
@@ -1,4 +1,9 @@
1
1
  @layer xihan.components {
2
+ /* 皮肤在场的标记:开发模式下按 scope 探一次,取不到就说明这份皮肤没被引入。 */
3
+ [data-scope='watermark'] {
4
+ --xh-watermark-skin: 1;
5
+ }
6
+
2
7
  /*
3
8
  * 盖水印的那块地。层叠上下文就地隔离,印子只压在这块地里,不会盖到组件外面去。
4
9
  */
@@ -7,10 +12,9 @@
7
12
  isolation: isolate;
8
13
  }
9
14
 
10
- /* 被盖住的内容排在印子下面 */
15
+ /* 被盖住的内容排在印子下面;这层不自建层叠上下文,里面展开的浮层按自己的层号压过印子 */
11
16
  [data-scope='watermark'][data-part='content'] {
12
17
  position: relative;
13
- z-index: 0;
14
18
  }
15
19
 
16
20
  /*
package/index.css CHANGED
@@ -12,31 +12,44 @@
12
12
  @import './css/button-group.css';
13
13
  @import './css/countdown.css';
14
14
  @import './css/descriptions.css';
15
+ @import './css/download-trigger.css';
15
16
  @import './css/dynamic-input.css';
16
17
  @import './css/ellipsis.css';
18
+ @import './css/fieldset.css';
17
19
  @import './css/flex.css';
18
20
  @import './css/float-button.css';
21
+ @import './css/floating-panel.css';
19
22
  @import './css/gradient-text.css';
20
23
  @import './css/grid.css';
24
+ @import './css/heatmap.css';
21
25
  @import './css/highlight.css';
26
+ @import './css/hotkeys.css';
22
27
  @import './css/icon-wrapper.css';
28
+ @import './css/image-cropper.css';
23
29
  @import './css/infinite-scroll.css';
30
+ @import './css/json-viewer.css';
24
31
  @import './css/layout.css';
25
32
  @import './css/list.css';
26
33
  @import './css/log.css';
27
34
  @import './css/marquee.css';
35
+ @import './css/masonry.css';
28
36
  @import './css/mention.css';
29
37
  @import './css/number-animation.css';
30
38
  @import './css/page-header.css';
39
+ @import './css/password-input.css';
31
40
  @import './css/popconfirm.css';
32
41
  @import './css/popselect.css';
33
42
  @import './css/qr-code.css';
34
43
  @import './css/reset.css';
35
- @import './css/motion.css';
36
44
  @import './css/result.css';
45
+ @import './css/segmented.css';
46
+ @import './css/signature-pad.css';
47
+ @import './css/space.css';
37
48
  @import './css/statistic.css';
49
+ @import './css/tag.css';
38
50
  @import './css/time.css';
39
51
  @import './css/timeline.css';
52
+ @import './css/timer.css';
40
53
  @import './css/typography.css';
41
54
  @import './css/undefined.css';
42
55
  @import './css/visually-hidden.css';
@@ -89,6 +102,7 @@
89
102
  @import './css/radio-group.css';
90
103
  @import './css/rating.css';
91
104
  @import './css/scroll-area.css';
105
+ @import './css/scrollbar.css';
92
106
  @import './css/select.css';
93
107
  @import './css/separator.css';
94
108
  @import './css/side-nav.css';
@@ -110,6 +124,8 @@
110
124
  @import './css/toolbar.css';
111
125
  @import './css/tooltip.css';
112
126
  @import './css/tour.css';
127
+ /* 排在六份浮层皮肤之后:箭头几何里摘边框那几条要压过它们的 border 简写 */
128
+ @import './css/overlay-arrow.css';
113
129
  @import './css/transfer.css';
114
130
  @import './css/tree.css';
115
131
  @import './css/tree-select.css';