@douyinfe/semi-ui 2.41.3 → 2.42.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 (63) hide show
  1. package/dist/css/semi.css +28 -7
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +1245 -1496
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/button/splitButtonGroup.d.ts +2 -0
  8. package/lib/cjs/button/splitButtonGroup.js +14 -0
  9. package/lib/cjs/collapse/item.d.ts +2 -1
  10. package/lib/cjs/collapse/item.js +4 -1
  11. package/lib/cjs/form/baseForm.d.ts +12 -10
  12. package/lib/cjs/form/baseForm.js +17 -13
  13. package/lib/cjs/form/hoc/withField.js +13 -11
  14. package/lib/cjs/form/interface.d.ts +5 -3
  15. package/lib/cjs/inputNumber/index.js +1 -1
  16. package/lib/cjs/modal/confirm.d.ts +1 -1
  17. package/lib/cjs/table/ResizableHeaderCell.d.ts +2 -0
  18. package/lib/cjs/table/ResizableHeaderCell.js +6 -4
  19. package/lib/cjs/table/TableHeader.d.ts +2 -2
  20. package/lib/cjs/table/TableHeaderRow.d.ts +2 -1
  21. package/lib/cjs/table/TableHeaderRow.js +3 -0
  22. package/lib/cjs/table/interface.d.ts +2 -1
  23. package/lib/cjs/toast/index.d.ts +18 -0
  24. package/lib/cjs/toast/index.js +49 -4
  25. package/lib/cjs/toast/toast.d.ts +11 -0
  26. package/lib/cjs/toast/toast.js +22 -2
  27. package/lib/cjs/tooltip/index.d.ts +1 -1
  28. package/lib/cjs/tooltip/index.js +2 -1
  29. package/lib/cjs/tree/treeNode.js +1 -2
  30. package/lib/cjs/typography/base.js +1 -3
  31. package/lib/cjs/upload/fileCard.d.ts +13 -2
  32. package/lib/cjs/upload/fileCard.js +52 -11
  33. package/lib/cjs/upload/index.d.ts +4 -0
  34. package/lib/cjs/upload/index.js +16 -4
  35. package/lib/es/button/splitButtonGroup.d.ts +2 -0
  36. package/lib/es/button/splitButtonGroup.js +14 -0
  37. package/lib/es/collapse/item.d.ts +2 -1
  38. package/lib/es/collapse/item.js +4 -1
  39. package/lib/es/form/baseForm.d.ts +12 -10
  40. package/lib/es/form/baseForm.js +17 -13
  41. package/lib/es/form/hoc/withField.js +14 -12
  42. package/lib/es/form/interface.d.ts +5 -3
  43. package/lib/es/inputNumber/index.js +1 -1
  44. package/lib/es/modal/confirm.d.ts +1 -1
  45. package/lib/es/table/ResizableHeaderCell.d.ts +2 -0
  46. package/lib/es/table/ResizableHeaderCell.js +6 -4
  47. package/lib/es/table/TableHeader.d.ts +2 -2
  48. package/lib/es/table/TableHeaderRow.d.ts +2 -1
  49. package/lib/es/table/TableHeaderRow.js +3 -0
  50. package/lib/es/table/interface.d.ts +2 -1
  51. package/lib/es/toast/index.d.ts +18 -0
  52. package/lib/es/toast/index.js +49 -4
  53. package/lib/es/toast/toast.d.ts +11 -0
  54. package/lib/es/toast/toast.js +22 -2
  55. package/lib/es/tooltip/index.d.ts +1 -1
  56. package/lib/es/tooltip/index.js +2 -1
  57. package/lib/es/tree/treeNode.js +1 -2
  58. package/lib/es/typography/base.js +1 -3
  59. package/lib/es/upload/fileCard.d.ts +13 -2
  60. package/lib/es/upload/fileCard.js +52 -9
  61. package/lib/es/upload/index.d.ts +4 -0
  62. package/lib/es/upload/index.js +16 -4
  63. package/package.json +2 -2
package/dist/css/semi.css CHANGED
@@ -1614,11 +1614,11 @@ body {
1614
1614
  border-radius: 0;
1615
1615
  margin-right: 1px;
1616
1616
  }
1617
- .semi-button-split :first-child {
1617
+ .semi-button-split .semi-button-first {
1618
1618
  border-top-left-radius: var(--semi-border-radius-small);
1619
1619
  border-bottom-left-radius: var(--semi-border-radius-small);
1620
1620
  }
1621
- .semi-button-split :last-child {
1621
+ .semi-button-split .semi-button-last {
1622
1622
  border-top-right-radius: var(--semi-border-radius-small);
1623
1623
  border-bottom-right-radius: var(--semi-border-radius-small);
1624
1624
  margin-right: unset;
@@ -4694,6 +4694,7 @@ body {
4694
4694
  font-weight: 600;
4695
4695
  font-size: 14px;
4696
4696
  line-height: 20px;
4697
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
4697
4698
  white-space: nowrap;
4698
4699
  color: var(--semi-color-text-2);
4699
4700
  }
@@ -19316,13 +19317,29 @@ img[src=""], img:not([src]) {
19316
19317
  pointer-events: none;
19317
19318
  }
19318
19319
  .semi-toast-wrapper {
19319
- pointer-events: none;
19320
19320
  position: fixed;
19321
+ height: 0;
19321
19322
  top: 0;
19322
19323
  width: 100%;
19323
- text-align: center;
19324
+ display: flex;
19325
+ justify-content: center;
19324
19326
  z-index: 1010;
19325
19327
  }
19328
+ .semi-toast-wrapper .semi-toast-innerWrapper {
19329
+ width: fit-content;
19330
+ height: fit-content;
19331
+ }
19332
+ .semi-toast-wrapper .semi-toast-innerWrapper-hover .semi-toast-zero-height-wrapper {
19333
+ perspective: unset;
19334
+ perspective-origin: center center;
19335
+ }
19336
+ .semi-toast-zero-height-wrapper {
19337
+ transition: all 300ms cubic-bezier(0.22, 0.57, 0.02, 1.2);
19338
+ perspective-origin: center 280px;
19339
+ perspective: 280px;
19340
+ height: 0;
19341
+ overflow: visible;
19342
+ }
19326
19343
  .semi-toast-content {
19327
19344
  pointer-events: all;
19328
19345
  box-shadow: var(--semi-shadow-elevated);
@@ -19948,9 +19965,7 @@ img[src=""], img:not([src]) {
19948
19965
  .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
19949
19966
  transform: rotate(270deg);
19950
19967
  }
19951
- .semi-tree-option-list .semi-tree-option-highlight,
19952
- .semi-tree-option-list .semi-tree-option-highlight .semi-checkbox-addon, .semi-tree-option-list .semi-tree-option-filtered,
19953
- .semi-tree-option-list .semi-tree-option-filtered .semi-checkbox-addon {
19968
+ .semi-tree-option-list .semi-tree-option-highlight {
19954
19969
  font-weight: 600;
19955
19970
  color: var(--semi-color-primary);
19956
19971
  }
@@ -21374,6 +21389,12 @@ p.semi-typography-extended,
21374
21389
  left: 50%;
21375
21390
  transform: translate3D(-50%, -50%, 0);
21376
21391
  }
21392
+ .semi-upload-picture-file-card-preview-fallback {
21393
+ background-color: var(--semi-color-fill-0);
21394
+ border: 2px var(--semi-color-border);
21395
+ color: var(--semi-color-tertiary);
21396
+ border-radius: var(--semi-border-radius-small);
21397
+ }
21377
21398
  .semi-upload-picture-file-card-pic-info {
21378
21399
  display: inline-flex;
21379
21400
  box-sizing: border-box;