@douyinfe/semi-ui 2.22.3 → 2.23.0-alpha.2

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 (59) hide show
  1. package/dist/css/semi.css +60 -3
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +642 -318
  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/cascader/item.d.ts +1 -1
  8. package/lib/cjs/cascader/item.js +12 -6
  9. package/lib/cjs/form/baseForm.d.ts +4 -4
  10. package/lib/cjs/form/errorMessage.d.ts +2 -1
  11. package/lib/cjs/form/hooks/useFormState.d.ts +2 -1
  12. package/lib/cjs/form/interface.d.ts +15 -15
  13. package/lib/cjs/image/image.js +12 -0
  14. package/lib/cjs/image/interface.d.ts +1 -1
  15. package/lib/cjs/image/preview.d.ts +1 -1
  16. package/lib/cjs/image/preview.js +2 -2
  17. package/lib/cjs/image/previewImage.d.ts +1 -1
  18. package/lib/cjs/image/previewImage.js +1 -1
  19. package/lib/cjs/image/previewInner.d.ts +1 -1
  20. package/lib/cjs/image/previewInner.js +13 -5
  21. package/lib/cjs/locale/source/tr_TR.js +2 -2
  22. package/lib/cjs/navigation/Item.d.ts +3 -0
  23. package/lib/cjs/navigation/Item.js +9 -5
  24. package/lib/cjs/select/index.js +1 -1
  25. package/lib/cjs/table/Body/index.js +2 -2
  26. package/lib/cjs/table/Table.js +3 -2
  27. package/lib/cjs/tagInput/index.d.ts +1 -1
  28. package/lib/cjs/tagInput/index.js +6 -4
  29. package/lib/cjs/tooltip/index.d.ts +8 -0
  30. package/lib/cjs/tooltip/index.js +5 -1
  31. package/lib/cjs/transfer/index.d.ts +1 -0
  32. package/lib/cjs/transfer/index.js +7 -1
  33. package/lib/es/cascader/item.d.ts +1 -1
  34. package/lib/es/cascader/item.js +12 -6
  35. package/lib/es/form/baseForm.d.ts +4 -4
  36. package/lib/es/form/errorMessage.d.ts +2 -1
  37. package/lib/es/form/hooks/useFormState.d.ts +2 -1
  38. package/lib/es/form/interface.d.ts +15 -15
  39. package/lib/es/image/image.js +11 -0
  40. package/lib/es/image/interface.d.ts +1 -1
  41. package/lib/es/image/preview.d.ts +1 -1
  42. package/lib/es/image/preview.js +2 -2
  43. package/lib/es/image/previewImage.d.ts +1 -1
  44. package/lib/es/image/previewImage.js +1 -1
  45. package/lib/es/image/previewInner.d.ts +1 -1
  46. package/lib/es/image/previewInner.js +13 -5
  47. package/lib/es/locale/source/tr_TR.js +2 -2
  48. package/lib/es/navigation/Item.d.ts +3 -0
  49. package/lib/es/navigation/Item.js +9 -5
  50. package/lib/es/select/index.js +1 -1
  51. package/lib/es/table/Body/index.js +3 -3
  52. package/lib/es/table/Table.js +3 -2
  53. package/lib/es/tagInput/index.d.ts +1 -1
  54. package/lib/es/tagInput/index.js +6 -4
  55. package/lib/es/tooltip/index.d.ts +8 -0
  56. package/lib/es/tooltip/index.js +4 -1
  57. package/lib/es/transfer/index.d.ts +1 -0
  58. package/lib/es/transfer/index.js +7 -1
  59. package/package.json +7 -7
package/dist/css/semi.css CHANGED
@@ -3381,6 +3381,18 @@ body {
3381
3381
  .semi-cascader-option-lists .semi-cascader-option-icon-active, .semi-cascader-option-lists .semi-cascader-option-icon-empty {
3382
3382
  margin-right: 8px;
3383
3383
  }
3384
+ .semi-cascader-option-lists .semi-cascader-option-icon-left {
3385
+ margin-left: 8px;
3386
+ }
3387
+ .semi-cascader-option-lists .semi-cascader-option-spin-icon {
3388
+ width: 16px;
3389
+ height: 16px;
3390
+ line-height: 0;
3391
+ }
3392
+ .semi-cascader-option-lists .semi-cascader-option-spin-icon svg {
3393
+ width: 16px;
3394
+ height: 16px;
3395
+ }
3384
3396
  .semi-cascader-option-lists .semi-cascader-option-label {
3385
3397
  display: flex;
3386
3398
  align-items: center;
@@ -5565,7 +5577,6 @@ body {
5565
5577
  }
5566
5578
  .semi-form-field-label {
5567
5579
  box-sizing: border-box;
5568
- padding-right: 16px;
5569
5580
  font-weight: 600;
5570
5581
  color: var(--semi-color-text-0);
5571
5582
  margin-bottom: 4px;
@@ -5752,7 +5763,6 @@ body {
5752
5763
  .semi-rtl .semi-form-field-label,
5753
5764
  .semi-portal-rtl .semi-form-field-label {
5754
5765
  padding-right: 0;
5755
- padding-left: 16px;
5756
5766
  }
5757
5767
  .semi-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra,
5758
5768
  .semi-portal-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra {
@@ -12550,6 +12560,12 @@ img[src=""], img:not([src]) {
12550
12560
  align-items: center;
12551
12561
  justify-content: flex-start;
12552
12562
  }
12563
+ .semi-navigation-item-has-link {
12564
+ padding: 0;
12565
+ }
12566
+ .semi-navigation-item-has-link .semi-navigation-item-link {
12567
+ padding: 8px 12px;
12568
+ }
12553
12569
  .semi-navigation-item-sub {
12554
12570
  padding: 0;
12555
12571
  }
@@ -17018,7 +17034,8 @@ img[src=""], img:not([src]) {
17018
17034
  border-right: 1px solid var(--semi-color-border);
17019
17035
  }
17020
17036
  .semi-table-placeholder {
17021
- position: relative;
17037
+ position: sticky;
17038
+ left: 0px;
17022
17039
  z-index: 1;
17023
17040
  padding: 16px 12px;
17024
17041
  color: var(--semi-color-text-2);
@@ -17309,12 +17326,52 @@ img[src=""], img:not([src]) {
17309
17326
  outline: 2px solid var(--semi-color-primary-light-active);
17310
17327
  outline-offset: -2px;
17311
17328
  }
17329
+ .semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled {
17330
+ color: var(--semi-color-disabled-text);
17331
+ background-color: transparent;
17332
+ }
17333
+ .semi-tabs-bar-collapse .semi-overflow-list > .semi-button-disabled:hover {
17334
+ color: var(--semi-color-disabled-text);
17335
+ background-color: transparent;
17336
+ }
17312
17337
  .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start {
17313
17338
  margin-right: 4px;
17314
17339
  }
17340
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button {
17341
+ color: var(--semi-color-primary);
17342
+ padding: 8px;
17343
+ border: 0px solid transparent;
17344
+ background-color: transparent;
17345
+ }
17346
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button:hover {
17347
+ background-color: var(--semi-color-fill-0);
17348
+ color: var(--semi-color-primary);
17349
+ border-color: transparent;
17350
+ }
17351
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-start > .semi-button:active {
17352
+ background-color: var(--semi-color-fill-1);
17353
+ color: var(--semi-color-primary);
17354
+ border-color: transparent;
17355
+ }
17315
17356
  .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end {
17316
17357
  margin-left: 4px;
17317
17358
  }
17359
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button {
17360
+ color: var(--semi-color-primary);
17361
+ padding: 8px;
17362
+ border: 0px solid transparent;
17363
+ background-color: transparent;
17364
+ }
17365
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button:hover {
17366
+ background-color: var(--semi-color-fill-0);
17367
+ color: var(--semi-color-primary);
17368
+ border-color: transparent;
17369
+ }
17370
+ .semi-tabs-bar-collapse .semi-tabs-bar-arrow-end > .semi-button:active {
17371
+ background-color: var(--semi-color-fill-1);
17372
+ color: var(--semi-color-primary);
17373
+ border-color: transparent;
17374
+ }
17318
17375
  .semi-tabs-bar-dropdown {
17319
17376
  max-height: 300px;
17320
17377
  overflow-y: auto;