@douyinfe/semi-ui 2.12.1-alpha.1 → 2.13.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 (221) hide show
  1. package/autoComplete/_story/autoComplete.stories.js +0 -1
  2. package/autoComplete/index.tsx +1 -1
  3. package/avatar/index.tsx +2 -2
  4. package/backtop/index.tsx +7 -11
  5. package/badge/index.tsx +1 -1
  6. package/banner/index.tsx +5 -5
  7. package/breadcrumb/index.tsx +3 -5
  8. package/button/Button.tsx +8 -10
  9. package/card/index.tsx +41 -43
  10. package/carousel/CarouselArrow.tsx +0 -2
  11. package/carousel/index.tsx +0 -1
  12. package/cascader/index.tsx +126 -102
  13. package/cascader/item.tsx +1 -1
  14. package/checkbox/checkbox.tsx +28 -20
  15. package/checkbox/checkboxInner.tsx +11 -1
  16. package/collapsible/index.tsx +1 -8
  17. package/datePicker/dateInput.tsx +0 -1
  18. package/datePicker/datePicker.tsx +5 -13
  19. package/dist/css/semi.css +31 -1
  20. package/dist/css/semi.min.css +1 -1
  21. package/dist/umd/semi-ui.js +5321 -3696
  22. package/dist/umd/semi-ui.js.map +1 -1
  23. package/dist/umd/semi-ui.min.js +1 -1
  24. package/dist/umd/semi-ui.min.js.map +1 -1
  25. package/divider/index.tsx +4 -8
  26. package/dropdown/index.tsx +1 -1
  27. package/empty/index.tsx +5 -13
  28. package/form/hoc/withField.tsx +1 -1
  29. package/form/label.tsx +1 -1
  30. package/grid/col.tsx +1 -1
  31. package/grid/row.tsx +1 -1
  32. package/gulpfile.js +5 -5
  33. package/iconButton/index.tsx +1 -2
  34. package/input/index.tsx +11 -38
  35. package/inputNumber/__test__/inputNumber.test.js +2 -3
  36. package/inputNumber/_story/inputNumber.stories.js +53 -0
  37. package/inputNumber/index.tsx +0 -4
  38. package/lib/cjs/_base/base.css +22 -0
  39. package/lib/cjs/autoComplete/index.js +1 -1
  40. package/lib/cjs/avatar/index.js +2 -4
  41. package/lib/cjs/backtop/index.js +1 -2
  42. package/lib/cjs/badge/index.js +1 -2
  43. package/lib/cjs/banner/index.js +4 -9
  44. package/lib/cjs/breadcrumb/index.js +3 -4
  45. package/lib/cjs/button/Button.js +3 -13
  46. package/lib/cjs/card/index.js +5 -10
  47. package/lib/cjs/carousel/CarouselArrow.js +2 -6
  48. package/lib/cjs/carousel/CarouselIndicator.d.ts +1 -1
  49. package/lib/cjs/carousel/index.d.ts +1 -1
  50. package/lib/cjs/carousel/index.js +1 -2
  51. package/lib/cjs/cascader/index.js +10 -11
  52. package/lib/cjs/cascader/item.js +1 -2
  53. package/lib/cjs/checkbox/checkbox.d.ts +3 -2
  54. package/lib/cjs/checkbox/checkbox.js +33 -15
  55. package/lib/cjs/checkbox/checkboxInner.d.ts +6 -0
  56. package/lib/cjs/checkbox/checkboxInner.js +14 -4
  57. package/lib/cjs/collapsible/index.js +1 -2
  58. package/lib/cjs/datePicker/dateInput.d.ts +1 -1
  59. package/lib/cjs/datePicker/dateInput.js +1 -2
  60. package/lib/cjs/datePicker/datePicker.d.ts +1 -1
  61. package/lib/cjs/datePicker/datePicker.js +2 -4
  62. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  63. package/lib/cjs/divider/index.js +1 -2
  64. package/lib/cjs/dropdown/index.js +1 -2
  65. package/lib/cjs/empty/index.js +4 -8
  66. package/lib/cjs/form/baseForm.d.ts +1 -1
  67. package/lib/cjs/form/field.d.ts +1 -1
  68. package/lib/cjs/form/hoc/withField.js +1 -2
  69. package/lib/cjs/form/label.js +1 -2
  70. package/lib/cjs/grid/col.js +1 -2
  71. package/lib/cjs/grid/row.js +1 -2
  72. package/lib/cjs/iconButton/index.js +1 -3
  73. package/lib/cjs/input/index.js +5 -9
  74. package/lib/cjs/inputNumber/index.js +0 -4
  75. package/lib/cjs/list/index.js +3 -6
  76. package/lib/cjs/modal/ConfirmModal.js +1 -2
  77. package/lib/cjs/modal/Modal.js +2 -6
  78. package/lib/cjs/modal/ModalContent.js +6 -13
  79. package/lib/cjs/notification/notice.js +3 -6
  80. package/lib/cjs/pagination/index.js +2 -4
  81. package/lib/cjs/popconfirm/index.js +3 -6
  82. package/lib/cjs/popover/index.d.ts +1 -0
  83. package/lib/cjs/radio/radio.d.ts +1 -1
  84. package/lib/cjs/radio/radio.js +2 -4
  85. package/lib/cjs/radio/radioGroup.d.ts +1 -1
  86. package/lib/cjs/rating/item.js +1 -2
  87. package/lib/cjs/scrollList/index.js +3 -6
  88. package/lib/cjs/select/index.js +4 -8
  89. package/lib/cjs/select/option.js +1 -2
  90. package/lib/cjs/sideSheet/SideSheetContent.js +3 -6
  91. package/lib/cjs/skeleton/index.js +1 -3
  92. package/lib/cjs/space/index.js +1 -2
  93. package/lib/cjs/spin/index.js +3 -7
  94. package/lib/cjs/switch/index.js +4 -6
  95. package/lib/cjs/table/Table.js +3 -6
  96. package/lib/cjs/tabs/TabBar.js +1 -2
  97. package/lib/cjs/tabs/TabPane.js +2 -5
  98. package/lib/cjs/tagInput/index.d.ts +6 -1
  99. package/lib/cjs/tagInput/index.js +50 -17
  100. package/lib/cjs/timePicker/Combobox.js +1 -3
  101. package/lib/cjs/timePicker/TimePicker.d.ts +2 -2
  102. package/lib/cjs/timePicker/TimeShape.d.ts +1 -1
  103. package/lib/cjs/timePicker/index.d.ts +2 -2
  104. package/lib/cjs/toast/toast.js +3 -6
  105. package/lib/cjs/transfer/index.js +1 -2
  106. package/lib/cjs/tree/treeNode.js +1 -2
  107. package/lib/cjs/treeSelect/index.js +3 -6
  108. package/lib/cjs/typography/base.js +1 -2
  109. package/lib/cjs/typography/title.d.ts +1 -1
  110. package/lib/cjs/upload/index.d.ts +2 -2
  111. package/lib/cjs/upload/index.js +6 -13
  112. package/lib/es/_base/base.css +22 -0
  113. package/lib/es/autoComplete/index.js +1 -1
  114. package/lib/es/avatar/index.js +2 -4
  115. package/lib/es/backtop/index.js +1 -2
  116. package/lib/es/badge/index.js +1 -2
  117. package/lib/es/banner/index.js +4 -9
  118. package/lib/es/breadcrumb/index.js +3 -4
  119. package/lib/es/button/Button.js +3 -11
  120. package/lib/es/card/index.js +5 -10
  121. package/lib/es/carousel/CarouselArrow.js +2 -6
  122. package/lib/es/carousel/CarouselIndicator.d.ts +1 -1
  123. package/lib/es/carousel/index.d.ts +1 -1
  124. package/lib/es/carousel/index.js +1 -2
  125. package/lib/es/cascader/index.js +10 -11
  126. package/lib/es/cascader/item.js +1 -2
  127. package/lib/es/checkbox/checkbox.d.ts +3 -2
  128. package/lib/es/checkbox/checkbox.js +33 -15
  129. package/lib/es/checkbox/checkboxInner.d.ts +6 -0
  130. package/lib/es/checkbox/checkboxInner.js +14 -4
  131. package/lib/es/collapsible/index.js +1 -2
  132. package/lib/es/datePicker/dateInput.d.ts +1 -1
  133. package/lib/es/datePicker/dateInput.js +1 -2
  134. package/lib/es/datePicker/datePicker.d.ts +1 -1
  135. package/lib/es/datePicker/datePicker.js +2 -4
  136. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  137. package/lib/es/divider/index.js +1 -2
  138. package/lib/es/dropdown/index.js +1 -2
  139. package/lib/es/empty/index.js +4 -8
  140. package/lib/es/form/baseForm.d.ts +1 -1
  141. package/lib/es/form/field.d.ts +1 -1
  142. package/lib/es/form/hoc/withField.js +1 -2
  143. package/lib/es/form/label.js +1 -2
  144. package/lib/es/grid/col.js +1 -2
  145. package/lib/es/grid/row.js +1 -2
  146. package/lib/es/iconButton/index.js +1 -3
  147. package/lib/es/input/index.js +5 -9
  148. package/lib/es/inputNumber/index.js +0 -4
  149. package/lib/es/list/index.js +3 -6
  150. package/lib/es/modal/ConfirmModal.js +1 -2
  151. package/lib/es/modal/Modal.js +2 -6
  152. package/lib/es/modal/ModalContent.js +6 -13
  153. package/lib/es/notification/notice.js +3 -6
  154. package/lib/es/pagination/index.js +2 -4
  155. package/lib/es/popconfirm/index.js +3 -6
  156. package/lib/es/popover/index.d.ts +1 -0
  157. package/lib/es/radio/radio.d.ts +1 -1
  158. package/lib/es/radio/radio.js +2 -4
  159. package/lib/es/radio/radioGroup.d.ts +1 -1
  160. package/lib/es/rating/item.js +1 -2
  161. package/lib/es/scrollList/index.js +3 -6
  162. package/lib/es/select/index.js +4 -8
  163. package/lib/es/select/option.js +1 -2
  164. package/lib/es/sideSheet/SideSheetContent.js +3 -6
  165. package/lib/es/skeleton/index.js +1 -3
  166. package/lib/es/space/index.js +1 -2
  167. package/lib/es/spin/index.js +3 -7
  168. package/lib/es/switch/index.js +4 -6
  169. package/lib/es/table/Table.js +3 -6
  170. package/lib/es/tabs/TabBar.js +1 -2
  171. package/lib/es/tabs/TabPane.js +2 -5
  172. package/lib/es/tagInput/index.d.ts +6 -1
  173. package/lib/es/tagInput/index.js +47 -17
  174. package/lib/es/timePicker/Combobox.js +1 -3
  175. package/lib/es/timePicker/TimePicker.d.ts +2 -2
  176. package/lib/es/timePicker/TimeShape.d.ts +1 -1
  177. package/lib/es/timePicker/index.d.ts +2 -2
  178. package/lib/es/toast/toast.js +3 -6
  179. package/lib/es/transfer/index.js +1 -2
  180. package/lib/es/tree/treeNode.js +1 -2
  181. package/lib/es/treeSelect/index.js +3 -6
  182. package/lib/es/typography/base.js +1 -2
  183. package/lib/es/typography/title.d.ts +1 -1
  184. package/lib/es/upload/index.d.ts +2 -2
  185. package/lib/es/upload/index.js +6 -13
  186. package/list/index.tsx +4 -16
  187. package/modal/ConfirmModal.tsx +1 -1
  188. package/modal/Modal.tsx +0 -2
  189. package/modal/ModalContent.tsx +14 -27
  190. package/notification/notice.tsx +4 -16
  191. package/package.json +9 -9
  192. package/pagination/index.tsx +2 -16
  193. package/popconfirm/index.tsx +3 -11
  194. package/popover/index.tsx +1 -1
  195. package/radio/radio.tsx +2 -10
  196. package/rating/item.tsx +1 -1
  197. package/scrollList/index.tsx +3 -19
  198. package/select/_story/select.stories.js +11 -0
  199. package/select/index.tsx +4 -12
  200. package/select/option.tsx +1 -5
  201. package/sideSheet/SideSheetContent.tsx +3 -3
  202. package/skeleton/index.tsx +1 -1
  203. package/space/index.tsx +1 -1
  204. package/spin/index.tsx +9 -15
  205. package/switch/index.tsx +14 -9
  206. package/table/Table.tsx +3 -5
  207. package/table/_story/v2/FixedOnHeaderRow/index.jsx +3 -0
  208. package/tabs/TabBar.tsx +1 -1
  209. package/tabs/TabPane.tsx +4 -9
  210. package/tabs/_story/tabs.stories.js +36 -0
  211. package/tag/_story/tag.stories.js +1 -1
  212. package/tagInput/index.tsx +47 -22
  213. package/timePicker/Combobox.tsx +1 -6
  214. package/toast/toast.tsx +3 -3
  215. package/transfer/index.tsx +0 -1
  216. package/tree/treeNode.tsx +1 -1
  217. package/treeSelect/index.tsx +3 -15
  218. package/typography/base.tsx +1 -1
  219. package/upload/_story/upload.stories.js +152 -0
  220. package/upload/index.tsx +38 -107
  221. package/yarn-error.log +0 -26235
package/dist/css/semi.css CHANGED
@@ -3443,7 +3443,9 @@ body[theme-mode=dark], body .semi-always-dark {
3443
3443
  font-size: 16px;
3444
3444
  }
3445
3445
  .semi-checkbox-inner-pureCardType {
3446
- display: none;
3446
+ opacity: 0;
3447
+ width: 0;
3448
+ margin-right: 0 !important;
3447
3449
  }
3448
3450
  .semi-checkbox-inner-checked .semi-checkbox-inner-display {
3449
3451
  background: var(--semi-color-primary);
@@ -3622,6 +3624,12 @@ body[theme-mode=dark], body .semi-always-dark {
3622
3624
  color: var(--semi-color-text-2);
3623
3625
  margin-top: 4px;
3624
3626
  }
3627
+ .semi-checkbox-focus {
3628
+ outline: 2px solid var(--semi-color-primary-light-active);
3629
+ }
3630
+ .semi-checkbox-focus-border {
3631
+ box-shadow: inset 0 0 0 1px var(--semi-color-focus-border);
3632
+ }
3625
3633
 
3626
3634
  .semi-checkboxGroup {
3627
3635
  font-size: 14px;
@@ -12515,6 +12523,7 @@ body[theme-mode=dark], body .semi-always-dark {
12515
12523
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
12516
12524
  position: relative;
12517
12525
  margin: 80px auto;
12526
+ color: var(--semi-color-text-0);
12518
12527
  }
12519
12528
  .semi-modal-mask {
12520
12529
  position: fixed;
@@ -17471,6 +17480,7 @@ body[theme-mode=dark], body .semi-always-dark {
17471
17480
  .semi-tabs-pane {
17472
17481
  width: 100%;
17473
17482
  overflow: hidden;
17483
+ color: var(--semi-color-text-0);
17474
17484
  }
17475
17485
  .semi-tabs-pane:focus-visible {
17476
17486
  outline: 2px solid var(--semi-color-primary-light-active);
@@ -18224,6 +18234,12 @@ body[theme-mode=dark], body .semi-always-dark {
18224
18234
  border: 1px solid rgba(0, 0, 0, 0.1);
18225
18235
  border-radius: var(--semi-border-radius-medium);
18226
18236
  }
18237
+ .semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:first-of-type {
18238
+ border-radius: var(--semi-border-radius-medium) 0 0 var(--semi-border-radius-medium);
18239
+ }
18240
+ .semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:last-of-type {
18241
+ border-radius: 0 var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0;
18242
+ }
18227
18243
  .semi-timepicker-range-panel .semi-timepicker-lists > .semi-scrolllist:not(:last-child) .semi-scrolllist-body {
18228
18244
  border-right: 2px solid var(--semi-color-border);
18229
18245
  }
@@ -20382,12 +20398,26 @@ p.semi-typography-extended,
20382
20398
  line-height: 20px;
20383
20399
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
20384
20400
  margin-bottom: 4px;
20401
+ color: var(--semi-color-text-0);
20402
+ }
20403
+ .semi-upload-drag-area-main-text:hover {
20404
+ color: var(--semi-color-text-0);
20405
+ }
20406
+ .semi-upload-drag-area-main-text:active {
20407
+ color: var(--semi-color-text-0);
20385
20408
  }
20386
20409
  .semi-upload-drag-area-sub-text {
20387
20410
  cursor: pointer;
20388
20411
  font-size: 12px;
20389
20412
  line-height: 16px;
20390
20413
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
20414
+ color: var(--semi-color-text-0);
20415
+ }
20416
+ .semi-upload-drag-area-sub-text:hover {
20417
+ color: var(--semi-color-text-0);
20418
+ }
20419
+ .semi-upload-drag-area-sub-text:active {
20420
+ color: var(--semi-color-text-0);
20391
20421
  }
20392
20422
  .semi-upload-drag-area-tips {
20393
20423
  font-size: 12px;