@douyinfe/semi-ui 2.50.0-alpha.0 → 2.50.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 (99) hide show
  1. package/dist/css/semi.css +76 -160
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +582 -418
  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/anchor/index.d.ts +1 -1
  8. package/lib/cjs/autoComplete/index.d.ts +1 -1
  9. package/lib/cjs/button/Button.d.ts +1 -1
  10. package/lib/cjs/button/index.d.ts +1 -1
  11. package/lib/cjs/carousel/index.d.ts +1 -1
  12. package/lib/cjs/datePicker/datePicker.d.ts +1 -1
  13. package/lib/cjs/datePicker/yearAndMonth.js +1 -5
  14. package/lib/cjs/dropdown/index.d.ts +1 -1
  15. package/lib/cjs/form/baseForm.d.ts +2 -2
  16. package/lib/cjs/form/field.d.ts +2 -2
  17. package/lib/cjs/image/interface.d.ts +3 -3
  18. package/lib/cjs/image/previewFooter.js +5 -8
  19. package/lib/cjs/image/previewHeader.d.ts +2 -2
  20. package/lib/cjs/image/previewHeader.js +9 -8
  21. package/lib/cjs/image/previewImage.d.ts +1 -12
  22. package/lib/cjs/image/previewImage.js +23 -83
  23. package/lib/cjs/image/previewInner.d.ts +11 -2
  24. package/lib/cjs/image/previewInner.js +60 -42
  25. package/lib/cjs/index.d.ts +2 -0
  26. package/lib/cjs/index.js +14 -0
  27. package/lib/cjs/modal/confirm.d.ts +17 -17
  28. package/lib/cjs/notification/index.d.ts +8 -8
  29. package/lib/cjs/notification/index.js +6 -5
  30. package/lib/cjs/notification/notice.d.ts +1 -1
  31. package/lib/cjs/notification/notice.js +1 -1
  32. package/lib/cjs/popover/index.d.ts +1 -1
  33. package/lib/cjs/select/index.d.ts +2 -2
  34. package/lib/cjs/table/Table.d.ts +1 -1
  35. package/lib/cjs/timePicker/TimePicker.d.ts +3 -3
  36. package/lib/cjs/timePicker/TimeShape.d.ts +1 -1
  37. package/lib/cjs/timePicker/index.d.ts +2 -2
  38. package/lib/cjs/tooltip/index.d.ts +1 -1
  39. package/lib/cjs/tree/indent.d.ts +9 -0
  40. package/lib/cjs/tree/indent.js +37 -0
  41. package/lib/cjs/tree/index.d.ts +2 -0
  42. package/lib/cjs/tree/index.js +8 -3
  43. package/lib/cjs/tree/interface.d.ts +2 -0
  44. package/lib/cjs/tree/treeNode.d.ts +3 -0
  45. package/lib/cjs/tree/treeNode.js +34 -6
  46. package/lib/cjs/treeSelect/index.d.ts +4 -3
  47. package/lib/cjs/treeSelect/index.js +124 -31
  48. package/lib/cjs/typography/base.d.ts +1 -1
  49. package/lib/cjs/typography/numeral.d.ts +1 -1
  50. package/lib/cjs/typography/paragraph.d.ts +1 -1
  51. package/lib/cjs/typography/text.d.ts +1 -1
  52. package/lib/cjs/typography/title.d.ts +1 -1
  53. package/lib/es/anchor/index.d.ts +1 -1
  54. package/lib/es/autoComplete/index.d.ts +1 -1
  55. package/lib/es/button/Button.d.ts +1 -1
  56. package/lib/es/button/index.d.ts +1 -1
  57. package/lib/es/carousel/index.d.ts +1 -1
  58. package/lib/es/datePicker/datePicker.d.ts +1 -1
  59. package/lib/es/datePicker/yearAndMonth.js +1 -5
  60. package/lib/es/dropdown/index.d.ts +1 -1
  61. package/lib/es/form/baseForm.d.ts +2 -2
  62. package/lib/es/form/field.d.ts +2 -2
  63. package/lib/es/image/interface.d.ts +3 -3
  64. package/lib/es/image/previewFooter.js +5 -8
  65. package/lib/es/image/previewHeader.d.ts +2 -2
  66. package/lib/es/image/previewHeader.js +4 -3
  67. package/lib/es/image/previewImage.d.ts +1 -12
  68. package/lib/es/image/previewImage.js +23 -83
  69. package/lib/es/image/previewInner.d.ts +11 -2
  70. package/lib/es/image/previewInner.js +60 -42
  71. package/lib/es/index.d.ts +2 -0
  72. package/lib/es/index.js +2 -0
  73. package/lib/es/modal/confirm.d.ts +17 -17
  74. package/lib/es/notification/index.d.ts +8 -8
  75. package/lib/es/notification/index.js +6 -5
  76. package/lib/es/notification/notice.d.ts +1 -1
  77. package/lib/es/notification/notice.js +1 -1
  78. package/lib/es/popover/index.d.ts +1 -1
  79. package/lib/es/select/index.d.ts +2 -2
  80. package/lib/es/table/Table.d.ts +1 -1
  81. package/lib/es/timePicker/TimePicker.d.ts +3 -3
  82. package/lib/es/timePicker/TimeShape.d.ts +1 -1
  83. package/lib/es/timePicker/index.d.ts +2 -2
  84. package/lib/es/tooltip/index.d.ts +1 -1
  85. package/lib/es/tree/indent.d.ts +9 -0
  86. package/lib/es/tree/indent.js +27 -0
  87. package/lib/es/tree/index.d.ts +2 -0
  88. package/lib/es/tree/index.js +8 -3
  89. package/lib/es/tree/interface.d.ts +2 -0
  90. package/lib/es/tree/treeNode.d.ts +3 -0
  91. package/lib/es/tree/treeNode.js +34 -6
  92. package/lib/es/treeSelect/index.d.ts +4 -3
  93. package/lib/es/treeSelect/index.js +125 -32
  94. package/lib/es/typography/base.d.ts +1 -1
  95. package/lib/es/typography/numeral.d.ts +1 -1
  96. package/lib/es/typography/paragraph.d.ts +1 -1
  97. package/lib/es/typography/text.d.ts +1 -1
  98. package/lib/es/typography/title.d.ts +1 -1
  99. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -16499,6 +16499,9 @@ img[src=""], img:not([src]) {
16499
16499
  display: flex;
16500
16500
  flex-flow: column nowrap;
16501
16501
  }
16502
+ .semi-steps-basic.semi-steps-vertical .semi-steps-item-icon {
16503
+ box-sizing: content-box;
16504
+ }
16502
16505
  .semi-steps-basic.semi-steps-vertical.semi-steps-small .semi-steps-item .semi-steps-item-content {
16503
16506
  min-height: 40px;
16504
16507
  }
@@ -19989,6 +19992,7 @@ img[src=""], img:not([src]) {
19989
19992
  box-sizing: border-box;
19990
19993
  padding-top: 4px;
19991
19994
  padding-bottom: 4px;
19995
+ padding-left: 8px;
19992
19996
  }
19993
19997
  .semi-tree-option-list li > .semi-tree-option-label {
19994
19998
  list-style-type: none;
@@ -20087,7 +20091,6 @@ img[src=""], img:not([src]) {
20087
20091
  .semi-tree-option-list .semi-tree-option-draggable {
20088
20092
  box-sizing: border-box;
20089
20093
  border-left: 2px solid transparent;
20090
- margin-top: -2px;
20091
20094
  }
20092
20095
  .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-label {
20093
20096
  border-top: 2px transparent solid;
@@ -20099,6 +20102,17 @@ img[src=""], img:not([src]) {
20099
20102
  .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-bottom {
20100
20103
  border-bottom: 2px var(--semi-color-primary) solid;
20101
20104
  }
20105
+ .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-indent .semi-tree-option-indent-unit:before {
20106
+ top: 0px;
20107
+ bottom: 0px;
20108
+ }
20109
+ .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-switcher-leaf-line::before {
20110
+ top: 0px;
20111
+ bottom: 0px;
20112
+ }
20113
+ .semi-tree-option-list .semi-tree-option-draggable.semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line::before {
20114
+ height: 50%;
20115
+ }
20102
20116
  .semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-top {
20103
20117
  border-top: 2px var(--semi-color-primary) solid;
20104
20118
  }
@@ -20121,78 +20135,80 @@ img[src=""], img:not([src]) {
20121
20135
  right: -1px;
20122
20136
  border-top: 2px solid var(--semi-color-primary);
20123
20137
  }
20124
- .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
20125
- padding-top: 0px;
20126
- padding-bottom: 0px;
20127
- }
20128
- .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-label {
20129
- padding: 3px 0;
20130
- }
20131
- .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected {
20132
- background-color: transparent;
20133
- }
20134
- .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
20135
- background-color: transparent;
20136
- }
20137
- .semi-tree-option-list .semi-tree-option-level-1 {
20138
- padding-left: 8px;
20139
- }
20140
- .semi-tree-option-list .semi-tree-option-level-2 {
20141
- padding-left: 28px;
20142
- }
20143
- .semi-tree-option-list .semi-tree-option-level-3 {
20144
- padding-left: 48px;
20145
- }
20146
- .semi-tree-option-list .semi-tree-option-level-4 {
20147
- padding-left: 68px;
20148
- }
20149
- .semi-tree-option-list .semi-tree-option-level-5 {
20150
- padding-left: 88px;
20151
- }
20152
- .semi-tree-option-list .semi-tree-option-level-6 {
20153
- padding-left: 108px;
20154
- }
20155
- .semi-tree-option-list .semi-tree-option-level-7 {
20156
- padding-left: 128px;
20138
+ .semi-tree-option-list .semi-tree-option-indent {
20139
+ align-self: stretch;
20140
+ white-space: nowrap;
20141
+ user-select: none;
20157
20142
  }
20158
- .semi-tree-option-list .semi-tree-option-level-8 {
20159
- padding-left: 148px;
20143
+ .semi-tree-option-list .semi-tree-option-indent-unit {
20144
+ display: inline-block;
20145
+ width: 20px;
20160
20146
  }
20161
- .semi-tree-option-list .semi-tree-option-level-9 {
20162
- padding-left: 168px;
20147
+ .semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit {
20148
+ position: relative;
20149
+ height: 100%;
20163
20150
  }
20164
- .semi-tree-option-list .semi-tree-option-level-10 {
20165
- padding-left: 188px;
20151
+ .semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit::before {
20152
+ position: absolute;
20153
+ top: -4px;
20154
+ inset-inline-start: 6px;
20155
+ bottom: -4px;
20156
+ border-inline-end: 1px solid var(--semi-color-text-3);
20157
+ content: "";
20166
20158
  }
20167
- .semi-tree-option-list .semi-tree-option-level-11 {
20168
- padding-left: 208px;
20159
+ .semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit-end::before {
20160
+ display: none;
20169
20161
  }
20170
- .semi-tree-option-list .semi-tree-option-level-12 {
20171
- padding-left: 228px;
20162
+ .semi-tree-option-list .semi-tree-option-switcher {
20163
+ position: relative;
20164
+ flex: none;
20165
+ align-self: stretch;
20166
+ width: 12px;
20167
+ margin: 0;
20168
+ text-align: center;
20169
+ cursor: pointer;
20170
+ user-select: none;
20171
+ margin-right: 8px;
20172
20172
  }
20173
- .semi-tree-option-list .semi-tree-option-level-13 {
20174
- padding-left: 248px;
20173
+ .semi-tree-option-list .semi-tree-option-switcher-leaf-line {
20174
+ z-index: 1;
20175
+ position: relative;
20176
+ display: inline-block;
20177
+ width: 100%;
20178
+ height: 100%;
20175
20179
  }
20176
- .semi-tree-option-list .semi-tree-option-level-14 {
20177
- padding-left: 268px;
20180
+ .semi-tree-option-list .semi-tree-option-switcher-leaf-line::before {
20181
+ position: absolute;
20182
+ top: -4px;
20183
+ inset-inline-start: 6px;
20184
+ bottom: -4px;
20185
+ border-inline-end: 1px solid var(--semi-color-text-3);
20186
+ content: "";
20178
20187
  }
20179
- .semi-tree-option-list .semi-tree-option-level-15 {
20180
- padding-left: 288px;
20188
+ .semi-tree-option-list .semi-tree-option-switcher-leaf-line::after {
20189
+ box-sizing: border-box;
20190
+ position: absolute;
20191
+ width: 8px;
20192
+ height: 50%;
20193
+ border-bottom: 1px solid var(--semi-color-text-3);
20194
+ content: "";
20195
+ margin-inline-start: 1px;
20181
20196
  }
20182
- .semi-tree-option-list .semi-tree-option-level-16 {
20183
- padding-left: 308px;
20197
+ .semi-tree-option-list .semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line::before {
20198
+ height: calc(50% + 4px);
20184
20199
  }
20185
- .semi-tree-option-list .semi-tree-option-level-17 {
20186
- padding-left: 328px;
20200
+ .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
20201
+ padding-top: 0px;
20202
+ padding-bottom: 0px;
20187
20203
  }
20188
- .semi-tree-option-list .semi-tree-option-level-18 {
20189
- padding-left: 348px;
20204
+ .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-label {
20205
+ padding: 2px 0;
20190
20206
  }
20191
- .semi-tree-option-list .semi-tree-option-level-19 {
20192
- padding-left: 368px;
20207
+ .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected {
20208
+ background-color: transparent;
20193
20209
  }
20194
- .semi-tree-option-list .semi-tree-option-level-20 {
20195
- padding-left: 388px;
20210
+ .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
20211
+ background-color: transparent;
20196
20212
  }
20197
20213
  .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
20198
20214
  background-color: transparent;
@@ -20313,106 +20329,6 @@ img[src=""], img:not([src]) {
20313
20329
  .semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
20314
20330
  transform: rotate(90deg);
20315
20331
  }
20316
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-1,
20317
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-1 {
20318
- padding-left: 0;
20319
- padding-right: 8px;
20320
- }
20321
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-2,
20322
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-2 {
20323
- padding-left: 0;
20324
- padding-right: 28px;
20325
- }
20326
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-3,
20327
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-3 {
20328
- padding-left: 0;
20329
- padding-right: 48px;
20330
- }
20331
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-4,
20332
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-4 {
20333
- padding-left: 0;
20334
- padding-right: 68px;
20335
- }
20336
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-5,
20337
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-5 {
20338
- padding-left: 0;
20339
- padding-right: 88px;
20340
- }
20341
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-6,
20342
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-6 {
20343
- padding-left: 0;
20344
- padding-right: 108px;
20345
- }
20346
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-7,
20347
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-7 {
20348
- padding-left: 0;
20349
- padding-right: 128px;
20350
- }
20351
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-8,
20352
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-8 {
20353
- padding-left: 0;
20354
- padding-right: 148px;
20355
- }
20356
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-9,
20357
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-9 {
20358
- padding-left: 0;
20359
- padding-right: 168px;
20360
- }
20361
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-10,
20362
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-10 {
20363
- padding-left: 0;
20364
- padding-right: 188px;
20365
- }
20366
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-11,
20367
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-11 {
20368
- padding-left: 0;
20369
- padding-right: 208px;
20370
- }
20371
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-12,
20372
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-12 {
20373
- padding-left: 0;
20374
- padding-right: 228px;
20375
- }
20376
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-13,
20377
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-13 {
20378
- padding-left: 0;
20379
- padding-right: 248px;
20380
- }
20381
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-14,
20382
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-14 {
20383
- padding-left: 0;
20384
- padding-right: 268px;
20385
- }
20386
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-15,
20387
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-15 {
20388
- padding-left: 0;
20389
- padding-right: 288px;
20390
- }
20391
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-16,
20392
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-16 {
20393
- padding-left: 0;
20394
- padding-right: 308px;
20395
- }
20396
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-17,
20397
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-17 {
20398
- padding-left: 0;
20399
- padding-right: 328px;
20400
- }
20401
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-18,
20402
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-18 {
20403
- padding-left: 0;
20404
- padding-right: 348px;
20405
- }
20406
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-19,
20407
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-19 {
20408
- padding-left: 0;
20409
- padding-right: 368px;
20410
- }
20411
- .semi-rtl .semi-tree-option-list .semi-tree-option-level-20,
20412
- .semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-20 {
20413
- padding-left: 0;
20414
- padding-right: 388px;
20415
- }
20416
20332
  .semi-rtl .semi-tree-option-list .semi-tree-option-label-empty,
20417
20333
  .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty {
20418
20334
  padding-left: auto;