@douyinfe/semi-ui 2.30.2 → 2.31.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 (69) hide show
  1. package/dist/css/semi.css +66 -51
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +186 -64
  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/_base/base.d.ts +3 -3
  8. package/lib/cjs/anchor/index.d.ts +1 -1
  9. package/lib/cjs/autoComplete/index.d.ts +1 -1
  10. package/lib/cjs/button/Button.d.ts +1 -1
  11. package/lib/cjs/cascader/index.js +2 -1
  12. package/lib/cjs/checkbox/checkbox.d.ts +1 -1
  13. package/lib/cjs/checkbox/checkboxGroup.d.ts +1 -1
  14. package/lib/cjs/descriptions/index.d.ts +1 -1
  15. package/lib/cjs/layout/index.d.ts +1 -1
  16. package/lib/cjs/modal/confirm.d.ts +1 -1
  17. package/lib/cjs/popover/index.d.ts +1 -0
  18. package/lib/cjs/progress/index.d.ts +3 -3
  19. package/lib/cjs/radio/radio.d.ts +1 -1
  20. package/lib/cjs/table/Body/index.js +4 -8
  21. package/lib/cjs/table/Table.js +7 -4
  22. package/lib/cjs/table/TableCell.js +30 -7
  23. package/lib/cjs/table/TableContextProvider.d.ts +1 -1
  24. package/lib/cjs/table/TableContextProvider.js +5 -3
  25. package/lib/cjs/table/TableHeaderRow.js +28 -9
  26. package/lib/cjs/table/index.d.ts +3 -0
  27. package/lib/cjs/table/index.js +11 -3
  28. package/lib/cjs/table/interface.d.ts +1 -0
  29. package/lib/cjs/table/table-context.d.ts +2 -0
  30. package/lib/cjs/tabs/interface.d.ts +1 -1
  31. package/lib/cjs/tag/index.js +4 -2
  32. package/lib/cjs/tagInput/index.d.ts +1 -1
  33. package/lib/cjs/tagInput/index.js +1 -3
  34. package/lib/cjs/tooltip/index.d.ts +4 -0
  35. package/lib/cjs/tooltip/index.js +21 -6
  36. package/lib/cjs/typography/copyable.d.ts +3 -0
  37. package/lib/cjs/typography/copyable.js +30 -9
  38. package/lib/es/_base/base.d.ts +3 -3
  39. package/lib/es/anchor/index.d.ts +1 -1
  40. package/lib/es/autoComplete/index.d.ts +1 -1
  41. package/lib/es/button/Button.d.ts +1 -1
  42. package/lib/es/cascader/index.js +2 -1
  43. package/lib/es/checkbox/checkbox.d.ts +1 -1
  44. package/lib/es/checkbox/checkboxGroup.d.ts +1 -1
  45. package/lib/es/descriptions/index.d.ts +1 -1
  46. package/lib/es/layout/index.d.ts +1 -1
  47. package/lib/es/modal/confirm.d.ts +1 -1
  48. package/lib/es/popover/index.d.ts +1 -0
  49. package/lib/es/progress/index.d.ts +3 -3
  50. package/lib/es/radio/radio.d.ts +1 -1
  51. package/lib/es/table/Body/index.js +4 -7
  52. package/lib/es/table/Table.js +7 -4
  53. package/lib/es/table/TableCell.js +31 -8
  54. package/lib/es/table/TableContextProvider.d.ts +1 -1
  55. package/lib/es/table/TableContextProvider.js +5 -3
  56. package/lib/es/table/TableHeaderRow.js +29 -10
  57. package/lib/es/table/index.d.ts +3 -0
  58. package/lib/es/table/index.js +10 -3
  59. package/lib/es/table/interface.d.ts +1 -0
  60. package/lib/es/table/table-context.d.ts +2 -0
  61. package/lib/es/tabs/interface.d.ts +1 -1
  62. package/lib/es/tag/index.js +7 -2
  63. package/lib/es/tagInput/index.d.ts +1 -1
  64. package/lib/es/tagInput/index.js +1 -3
  65. package/lib/es/tooltip/index.d.ts +4 -0
  66. package/lib/es/tooltip/index.js +21 -6
  67. package/lib/es/typography/copyable.d.ts +3 -0
  68. package/lib/es/typography/copyable.js +28 -9
  69. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -3318,6 +3318,12 @@ body {
3318
3318
  align-items: center;
3319
3319
  position: relative;
3320
3320
  }
3321
+ .semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper-small {
3322
+ height: 22px;
3323
+ }
3324
+ .semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper-large {
3325
+ height: 38px;
3326
+ }
3321
3327
  .semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input-wrapper {
3322
3328
  position: absolute;
3323
3329
  top: 0;
@@ -16823,6 +16829,12 @@ img[src=""], img:not([src]) {
16823
16829
  .semi-table-wrapper[data-column-fixed=true] {
16824
16830
  z-index: 1;
16825
16831
  }
16832
+ .semi-table-wrapper-ltr {
16833
+ direction: ltr;
16834
+ }
16835
+ .semi-table-wrapper-ltr .semi-spin {
16836
+ direction: ltr;
16837
+ }
16826
16838
  .semi-table-middle .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
16827
16839
  padding-top: 12px;
16828
16840
  padding-bottom: 12px;
@@ -17230,115 +17242,90 @@ img[src=""], img:not([src]) {
17230
17242
  transform: rotate(0deg);
17231
17243
  }
17232
17244
 
17233
- .semi-rtl .semi-table,
17234
- .semi-portal-rtl .semi-table {
17245
+ .semi-table-wrapper-rtl .semi-table {
17235
17246
  direction: rtl;
17236
17247
  text-align: right;
17237
17248
  }
17238
- .semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head,
17239
- .semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head {
17249
+ .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head {
17240
17250
  text-align: right;
17241
17251
  }
17242
- .semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last,
17243
- .semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
17252
+ .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
17244
17253
  border-right: 0;
17245
17254
  border-left: 1px solid var(--semi-color-border);
17246
17255
  }
17247
- .semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing,
17248
- .semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
17256
+ .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
17249
17257
  border-left: 2px solid var(--semi-color-primary);
17250
17258
  }
17251
- .semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first,
17252
- .semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first {
17259
+ .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first {
17253
17260
  border-left: 0;
17254
17261
  border-right: 1px solid var(--semi-color-border);
17255
17262
  }
17256
- .semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing,
17257
- .semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
17263
+ .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
17258
17264
  border-left: 2px solid var(--semi-color-primary);
17259
17265
  }
17260
- .semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar],
17261
- .semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
17266
+ .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
17262
17267
  box-shadow: none;
17263
17268
  border-right: transparent;
17264
17269
  }
17265
- .semi-rtl .semi-table-thead > .semi-table-row .resizing,
17266
- .semi-portal-rtl .semi-table-thead > .semi-table-row .resizing {
17270
+ .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row .resizing {
17267
17271
  border-left: 2px solid var(--semi-color-primary);
17268
17272
  }
17269
- .semi-rtl .semi-table-thead > .semi-table-row .react-resizable-handle,
17270
- .semi-portal-rtl .semi-table-thead > .semi-table-row .react-resizable-handle {
17273
+ .semi-table-wrapper-rtl .semi-table-thead > .semi-table-row .react-resizable-handle {
17271
17274
  right: auto;
17272
17275
  left: -1px;
17273
17276
  }
17274
- .semi-rtl .semi-table-tbody,
17275
- .semi-portal-rtl .semi-table-tbody {
17277
+ .semi-table-wrapper-rtl .semi-table-tbody {
17276
17278
  display: table-row-group;
17277
17279
  }
17278
- .semi-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing,
17279
- .semi-portal-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
17280
+ .semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
17280
17281
  border-right: 0;
17281
17282
  border-left: 2px solid var(--semi-color-primary);
17282
17283
  }
17283
- .semi-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last,
17284
- .semi-portal-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last {
17284
+ .semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last {
17285
17285
  border-right: 0;
17286
17286
  border-left: 1px solid var(--semi-color-border);
17287
17287
  }
17288
- .semi-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first,
17289
- .semi-portal-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first {
17288
+ .semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first {
17290
17289
  border-left: 0;
17291
17290
  border-right: 1px solid var(--semi-color-border);
17292
17291
  }
17293
- .semi-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon,
17294
- .semi-portal-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
17292
+ .semi-table-wrapper-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
17295
17293
  left: auto;
17296
17294
  right: 0;
17297
17295
  }
17298
- .semi-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon,
17299
- .semi-portal-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon {
17296
+ .semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon {
17300
17297
  transform: scaleX(-1) translateY(2px);
17301
17298
  }
17302
- .semi-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child,
17303
- .semi-portal-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
17299
+ .semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
17304
17300
  margin-right: auto;
17305
17301
  margin-left: 0;
17306
17302
  }
17307
- .semi-rtl .semi-table .semi-table-column-sorter,
17308
- .semi-portal-rtl .semi-table .semi-table-column-sorter {
17303
+ .semi-table-wrapper-rtl .semi-table .semi-table-column-sorter {
17309
17304
  margin-left: auto;
17310
17305
  margin-right: 4px;
17311
17306
  }
17312
- .semi-rtl .semi-table .semi-table-column-filter,
17313
- .semi-portal-rtl .semi-table .semi-table-column-filter {
17307
+ .semi-table-wrapper-rtl .semi-table .semi-table-column-filter {
17314
17308
  margin-left: auto;
17315
17309
  margin-right: 4px;
17316
17310
  }
17317
- .semi-rtl .semi-table-bordered .semi-table-container,
17318
- .semi-portal-rtl .semi-table-bordered .semi-table-container {
17311
+ .semi-table-wrapper-rtl .semi-table-bordered .semi-table-container {
17319
17312
  border-left: 0;
17320
17313
  border-right: 1px solid var(--semi-color-border);
17321
17314
  }
17322
- .semi-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
17323
- .semi-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell,
17324
- .semi-portal-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
17325
- .semi-portal-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
17315
+ .semi-table-wrapper-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
17316
+ .semi-table-wrapper-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
17326
17317
  border-right: 0;
17327
17318
  border-left: 1px solid var(--semi-color-border);
17328
17319
  }
17329
- .semi-rtl .semi-table-bordered .semi-table-placeholder,
17330
- .semi-portal-rtl .semi-table-bordered .semi-table-placeholder {
17320
+ .semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder {
17331
17321
  border-left: 1px solid var(--semi-color-border);
17332
17322
  border-right: 0;
17333
17323
  }
17334
- .semi-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar,
17335
- .semi-portal-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
17324
+ .semi-table-wrapper-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
17336
17325
  border-right: 0;
17337
17326
  border-left: 1px solid var(--semi-color-border);
17338
17327
  }
17339
- .semi-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner,
17340
- .semi-portal-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner,
17341
- .semi-portal-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
17328
+ .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
17342
17329
  left: auto;
17343
17330
  right: 0;
17344
17331
  margin-right: -16px;
@@ -17346,12 +17333,30 @@ img[src=""], img:not([src]) {
17346
17333
  padding-right: 16px;
17347
17334
  padding-left: 16px;
17348
17335
  }
17349
- .semi-rtl .semi-table-expand-icon,
17350
- .semi-portal-rtl .semi-table-expand-icon {
17336
+ .semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last,
17337
+ .semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-left-last {
17338
+ box-shadow: 3px 0 0 0 var(--semi-color-shadow);
17339
+ }
17340
+ .semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first,
17341
+ .semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-right-first {
17342
+ box-shadow: none;
17343
+ }
17344
+ .semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last,
17345
+ .semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-left-last {
17346
+ box-shadow: none;
17347
+ }
17348
+ .semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first,
17349
+ .semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-right-first {
17350
+ box-shadow: -3px 0 0 0 var(--semi-color-shadow);
17351
+ }
17352
+ .semi-table-wrapper-rtl .semi-table-expand-icon {
17351
17353
  margin-right: auto;
17352
17354
  margin-left: 8px;
17353
17355
  transform: scaleX(-1) translateY(2px);
17354
17356
  }
17357
+ .semi-table-wrapper-rtl .semi-spin {
17358
+ direction: rtl;
17359
+ }
17355
17360
 
17356
17361
  .semi-tabs {
17357
17362
  box-sizing: border-box;
@@ -18096,10 +18101,20 @@ img[src=""], img:not([src]) {
18096
18101
  }
18097
18102
  .semi-tag-content {
18098
18103
  flex: 1;
18104
+ }
18105
+ .semi-tag-content-ellipsis {
18099
18106
  overflow: hidden;
18100
18107
  white-space: nowrap;
18101
18108
  text-overflow: ellipsis;
18102
18109
  }
18110
+ .semi-tag-content-center {
18111
+ display: flex;
18112
+ display: flex;
18113
+ justify-content: center;
18114
+ align-items: center;
18115
+ height: 100%;
18116
+ min-width: 0;
18117
+ }
18103
18118
  .semi-tag-close {
18104
18119
  display: flex;
18105
18120
  justify-content: center;