@douyinfe/semi-ui 2.41.3 → 2.42.0-beta.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 +27 -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;
@@ -19316,13 +19316,29 @@ img[src=""], img:not([src]) {
19316
19316
  pointer-events: none;
19317
19317
  }
19318
19318
  .semi-toast-wrapper {
19319
- pointer-events: none;
19320
19319
  position: fixed;
19320
+ height: 0;
19321
19321
  top: 0;
19322
19322
  width: 100%;
19323
- text-align: center;
19323
+ display: flex;
19324
+ justify-content: center;
19324
19325
  z-index: 1010;
19325
19326
  }
19327
+ .semi-toast-wrapper .semi-toast-innerWrapper {
19328
+ width: fit-content;
19329
+ height: fit-content;
19330
+ }
19331
+ .semi-toast-wrapper .semi-toast-innerWrapper-hover .semi-toast-zero-height-wrapper {
19332
+ perspective: unset;
19333
+ perspective-origin: center center;
19334
+ }
19335
+ .semi-toast-zero-height-wrapper {
19336
+ transition: all 300ms cubic-bezier(0.22, 0.57, 0.02, 1.2);
19337
+ perspective-origin: center 280px;
19338
+ perspective: 280px;
19339
+ height: 0;
19340
+ overflow: visible;
19341
+ }
19326
19342
  .semi-toast-content {
19327
19343
  pointer-events: all;
19328
19344
  box-shadow: var(--semi-shadow-elevated);
@@ -19948,9 +19964,7 @@ img[src=""], img:not([src]) {
19948
19964
  .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
19949
19965
  transform: rotate(270deg);
19950
19966
  }
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 {
19967
+ .semi-tree-option-list .semi-tree-option-highlight {
19954
19968
  font-weight: 600;
19955
19969
  color: var(--semi-color-primary);
19956
19970
  }
@@ -21374,6 +21388,12 @@ p.semi-typography-extended,
21374
21388
  left: 50%;
21375
21389
  transform: translate3D(-50%, -50%, 0);
21376
21390
  }
21391
+ .semi-upload-picture-file-card-preview-fallback {
21392
+ background-color: var(--semi-color-fill-0);
21393
+ border: 2px var(--semi-color-border);
21394
+ color: var(--semi-color-tertiary);
21395
+ border-radius: var(--semi-border-radius-small);
21396
+ }
21377
21397
  .semi-upload-picture-file-card-pic-info {
21378
21398
  display: inline-flex;
21379
21399
  box-sizing: border-box;