tdesign-react 0.42.7-alpha.1 → 0.42.7-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 (176) hide show
  1. package/cjs/_chunks/dep-6a672006.js +515 -0
  2. package/cjs/_chunks/dep-6a672006.js.map +1 -0
  3. package/cjs/_chunks/dep-b5df8873.js +198 -0
  4. package/cjs/_chunks/dep-b5df8873.js.map +1 -0
  5. package/cjs/avatar/AvararGroup.js +1 -1
  6. package/cjs/avatar/Avatar.js +1 -1
  7. package/cjs/avatar/index.js +1 -1
  8. package/cjs/form/Form.js +1 -1
  9. package/cjs/form/FormItem.js +1 -1
  10. package/cjs/form/index.js +1 -1
  11. package/cjs/form/useInitialData.js +1 -1
  12. package/cjs/image-viewer/ImageViewer.js +1 -1
  13. package/cjs/image-viewer/ImageViewerMini.js +1 -1
  14. package/cjs/image-viewer/ImageViewerModel.js +1 -1
  15. package/cjs/image-viewer/index.js +1 -1
  16. package/cjs/index-lib.js +2 -2
  17. package/cjs/index.js +2 -2
  18. package/cjs/popup/hooks/useTrigger.js +3 -29
  19. package/cjs/popup/hooks/useTrigger.js.map +1 -1
  20. package/cjs/upload/index.js +1 -1
  21. package/cjs/upload/themes/DraggerFile.js +1 -1
  22. package/cjs/upload/themes/ImageCard.js +1 -1
  23. package/cjs/upload/themes/MultipleFlowList.js +1 -1
  24. package/cjs/upload/upload.js +1 -1
  25. package/dist/tdesign.css +317 -301
  26. package/dist/tdesign.css.map +1 -1
  27. package/dist/tdesign.js +3 -5
  28. package/dist/tdesign.js.map +1 -1
  29. package/dist/tdesign.min.css +1 -1
  30. package/dist/tdesign.min.css.map +1 -1
  31. package/dist/tdesign.min.js +1 -1
  32. package/dist/tdesign.min.js.map +1 -1
  33. package/es/_chunks/{dep-51336096.js → dep-26aef3c9.js} +1 -1
  34. package/{lib/_chunks/dep-db75b5b6.js.map → es/_chunks/dep-26aef3c9.js.map} +1 -1
  35. package/{esm/_chunks/dep-8e115ca7.js → es/_chunks/dep-5e0eb6ae.js} +1 -1
  36. package/{esm/_chunks/dep-8e115ca7.js.map → es/_chunks/dep-5e0eb6ae.js.map} +1 -1
  37. package/es/alert/style/index.css +26 -14
  38. package/es/anchor/style/index.css +5 -12
  39. package/es/avatar/AvararGroup.js +1 -1
  40. package/es/avatar/Avatar.js +1 -1
  41. package/es/avatar/index.js +1 -1
  42. package/es/breadcrumb/style/index.css +4 -4
  43. package/es/button/style/index.css +10 -10
  44. package/es/dialog/style/index.css +4 -4
  45. package/es/divider/style/index.css +2 -2
  46. package/es/drawer/style/index.css +16 -11
  47. package/es/dropdown/style/index.css +11 -10
  48. package/es/form/Form.js +1 -1
  49. package/es/form/FormItem.js +1 -1
  50. package/es/form/index.js +1 -1
  51. package/es/form/style/index.css +2 -2
  52. package/es/form/useInitialData.js +1 -1
  53. package/es/guide/style/index.css +9 -9
  54. package/es/image-viewer/ImageViewer.js +1 -1
  55. package/es/image-viewer/ImageViewerMini.js +1 -1
  56. package/es/image-viewer/ImageViewerModel.js +1 -1
  57. package/es/image-viewer/index.js +1 -1
  58. package/es/index.js +2 -2
  59. package/es/input/style/index.css +1 -1
  60. package/es/layout/style/index.css +3 -3
  61. package/es/link/style/index.css +6 -6
  62. package/es/list/style/index.css +1 -1
  63. package/es/menu/style/index.css +26 -26
  64. package/es/message/style/index.css +6 -6
  65. package/es/notification/style/index.css +8 -13
  66. package/es/pagination/style/index.css +23 -23
  67. package/es/popconfirm/style/index.css +7 -7
  68. package/es/popup/hooks/useTrigger.js +3 -33
  69. package/es/popup/hooks/useTrigger.js.map +1 -1
  70. package/es/popup/style/index.css +1 -1
  71. package/es/radio/style/index.css +16 -1
  72. package/es/rate/style/index.css +5 -4
  73. package/es/steps/style/index.css +34 -43
  74. package/es/style/index.css +4 -3
  75. package/es/swiper/style/index.css +42 -42
  76. package/es/tabs/style/index.css +12 -12
  77. package/es/tag-input/style/index.css +7 -7
  78. package/es/tree/style/index.css +26 -24
  79. package/es/upload/index.js +1 -1
  80. package/es/upload/themes/DraggerFile.js +1 -1
  81. package/es/upload/themes/ImageCard.js +1 -1
  82. package/es/upload/themes/MultipleFlowList.js +1 -1
  83. package/es/upload/upload.js +1 -1
  84. package/{es/_chunks/dep-8e115ca7.js → esm/_chunks/dep-5e0eb6ae.js} +1 -1
  85. package/{es/_chunks/dep-8e115ca7.js.map → esm/_chunks/dep-5e0eb6ae.js.map} +1 -1
  86. package/esm/_chunks/{dep-fad7989c.js → dep-72461c3f.js} +1 -1
  87. package/{es/_chunks/dep-51336096.js.map → esm/_chunks/dep-72461c3f.js.map} +1 -1
  88. package/esm/_common/style/web/_variables.less +7 -6
  89. package/esm/_common/style/web/components/alert/_index.less +12 -6
  90. package/esm/_common/style/web/components/alert/_var.less +19 -10
  91. package/esm/_common/style/web/components/anchor/_index.less +4 -10
  92. package/esm/_common/style/web/components/anchor/_var.less +9 -23
  93. package/esm/_common/style/web/components/breadcrumb/_index.less +4 -4
  94. package/esm/_common/style/web/components/breadcrumb/_var.less +2 -2
  95. package/esm/_common/style/web/components/button/_var.less +2 -2
  96. package/esm/_common/style/web/components/dialog/_var.less +2 -2
  97. package/esm/_common/style/web/components/divider/_var.less +2 -2
  98. package/esm/_common/style/web/components/drawer/_index.less +2 -1
  99. package/esm/_common/style/web/components/drawer/_var.less +9 -10
  100. package/esm/_common/style/web/components/dropdown-new/_index.less +7 -6
  101. package/esm/_common/style/web/components/dropdown-new/_var.less +8 -4
  102. package/esm/_common/style/web/components/form/_index.less +1 -1
  103. package/esm/_common/style/web/components/guide/_index.less +8 -8
  104. package/esm/_common/style/web/components/guide/_var.less +10 -0
  105. package/esm/_common/style/web/components/layout/_var.less +2 -5
  106. package/esm/_common/style/web/components/link/_var.less +5 -5
  107. package/esm/_common/style/web/components/menu/_index-v2.less +26 -26
  108. package/esm/_common/style/web/components/menu/_index.less +25 -25
  109. package/esm/_common/style/web/components/menu/_var.less +1 -7
  110. package/esm/_common/style/web/components/message/_index.less +1 -1
  111. package/esm/_common/style/web/components/message/_var.less +7 -10
  112. package/esm/_common/style/web/components/notification/_index.less +0 -5
  113. package/esm/_common/style/web/components/notification/_var.less +9 -11
  114. package/esm/_common/style/web/components/pagination/_index.less +1 -1
  115. package/esm/_common/style/web/components/pagination/_var.less +8 -8
  116. package/esm/_common/style/web/components/popconfirm/_index.less +3 -3
  117. package/esm/_common/style/web/components/popconfirm/_var.less +12 -11
  118. package/esm/_common/style/web/components/radio/_index.less +26 -0
  119. package/esm/_common/style/web/components/radio/_var.less +4 -1
  120. package/esm/_common/style/web/components/rate/_index.less +2 -3
  121. package/esm/_common/style/web/components/rate/_var.less +2 -8
  122. package/esm/_common/style/web/components/steps/_index.less +1 -7
  123. package/esm/_common/style/web/components/steps/_mixin.less +10 -11
  124. package/esm/_common/style/web/components/steps/_var.less +14 -17
  125. package/esm/_common/style/web/components/swiper/_mixin.less +1 -1
  126. package/esm/_common/style/web/components/tabs/_var.less +2 -2
  127. package/esm/_common/style/web/components/tag-input/_index.less +5 -4
  128. package/esm/_common/style/web/components/tree/_index.less +8 -8
  129. package/esm/_common/style/web/components/tree/_var.less +17 -13
  130. package/esm/_common/style/web/theme/_size.less +4 -3
  131. package/esm/avatar/AvararGroup.js +1 -1
  132. package/esm/avatar/Avatar.js +1 -1
  133. package/esm/avatar/index.js +1 -1
  134. package/esm/form/Form.js +1 -1
  135. package/esm/form/FormItem.js +1 -1
  136. package/esm/form/index.js +1 -1
  137. package/esm/form/useInitialData.js +1 -1
  138. package/esm/image-viewer/ImageViewer.js +1 -1
  139. package/esm/image-viewer/ImageViewerMini.js +1 -1
  140. package/esm/image-viewer/ImageViewerModel.js +1 -1
  141. package/esm/image-viewer/index.js +1 -1
  142. package/esm/index.js +2 -2
  143. package/esm/popup/hooks/useTrigger.js +3 -33
  144. package/esm/popup/hooks/useTrigger.js.map +1 -1
  145. package/esm/upload/index.js +1 -1
  146. package/esm/upload/themes/DraggerFile.js +1 -1
  147. package/esm/upload/themes/ImageCard.js +1 -1
  148. package/esm/upload/themes/MultipleFlowList.js +1 -1
  149. package/esm/upload/upload.js +1 -1
  150. package/lib/_chunks/{dep-db75b5b6.js → dep-1b32736a.js} +1 -1
  151. package/{esm/_chunks/dep-fad7989c.js.map → lib/_chunks/dep-1b32736a.js.map} +1 -1
  152. package/lib/_chunks/{dep-75db5f2e.js → dep-61f02037.js} +1 -1
  153. package/lib/_chunks/{dep-75db5f2e.js.map → dep-61f02037.js.map} +1 -1
  154. package/lib/avatar/AvararGroup.js +1 -1
  155. package/lib/avatar/Avatar.js +1 -1
  156. package/lib/avatar/index.js +1 -1
  157. package/lib/form/Form.js +1 -1
  158. package/lib/form/FormItem.js +1 -1
  159. package/lib/form/index.js +1 -1
  160. package/lib/form/useInitialData.js +1 -1
  161. package/lib/image-viewer/ImageViewer.js +1 -1
  162. package/lib/image-viewer/ImageViewerMini.js +1 -1
  163. package/lib/image-viewer/ImageViewerModel.js +1 -1
  164. package/lib/image-viewer/index.js +1 -1
  165. package/lib/index.js +2 -2
  166. package/lib/popup/hooks/useTrigger.js +3 -29
  167. package/lib/popup/hooks/useTrigger.js.map +1 -1
  168. package/lib/upload/index.js +1 -1
  169. package/lib/upload/themes/DraggerFile.js +1 -1
  170. package/lib/upload/themes/ImageCard.js +1 -1
  171. package/lib/upload/themes/MultipleFlowList.js +1 -1
  172. package/lib/upload/upload.js +1 -1
  173. package/package.json +1 -1
  174. package/esm/_common/style/web/components/dropdown/_index.less +0 -99
  175. package/esm/_common/style/web/components/dropdown/_mixin.less +0 -0
  176. package/esm/_common/style/web/components/dropdown/_var.less +0 -22
@@ -31,13 +31,14 @@
31
31
 
32
32
  > .t-icon {
33
33
  display: inline-block;
34
- margin: @popconfirm-icon-margin;
34
+ margin-right: @popconfirm-icon-margin-right;
35
+ padding: @popconfirm-icon-padding;
35
36
  font-size: @popconfirm-icon-size;
36
37
  }
37
38
  }
38
39
 
39
40
  &__confirm {
40
- margin-left: 8px;
41
+ margin-left: @popconfirm-confirm-margin-right;
41
42
  }
42
43
 
43
44
  &__inner {
@@ -46,7 +47,6 @@
46
47
  max-width: @popconfirm-max-width;
47
48
  font: @font-title-small;
48
49
  color: @text-color-primary;
49
- margin-right: @popconfirm-title-margin-right;
50
50
  }
51
51
 
52
52
  &__icon--warning {
@@ -13,26 +13,23 @@
13
13
 
14
14
  @popconfirm-cls: ~"@{prefix}-popconfirm";
15
15
 
16
- @popconfirm-spacer: @spacer;
16
+ @popconfirm-spacer: @comp-margin-s;
17
17
 
18
18
  // popconfirm
19
19
  @popconfirm-shadow1: 0 10px 10px -5px rgba(0, 0, 0, .04);
20
20
  @popconfirm-shadow2: 0 12px 26px 5px rgba(0, 0, 0, .1);
21
- @popconfirm-padding: @spacer-2;
21
+ @popconfirm-padding: @comp-paddingTB-l @comp-paddingLR-l;
22
22
  @popconfirm-position: relative; // TODO: position 最后应该是absolute
23
23
 
24
24
  // TODO: 建议设置最大宽度
25
- @popconfirm-max-width: 300px;
26
-
27
- // popconfirm title
28
- @popconfirm-title-margin-right: @popconfirm-spacer;
25
+ @popconfirm-max-width: 320px;
29
26
 
30
27
  // popconfirm buttons
31
- @popconfirm-buttons-margin-top: 16px;
32
- @popconfirm-button-margin: 8px;
28
+ @popconfirm-buttons-margin-top: @comp-margin-l;
29
+ @popconfirm-button-margin: @popconfirm-spacer;
33
30
 
34
31
  // 小三角
35
- @popconfirm-arrow-margin: @spacer-3;
32
+ @popconfirm-arrow-margin: @comp-margin-xxl;
36
33
  @popconfirm-arrow-absolute-offset: -4px;
37
34
  @popconfirm-arrow-border-width: 4px;
38
35
  @popconfirm-arrow-size: (@popconfirm-arrow-border-width * 2);
@@ -47,9 +44,13 @@
47
44
  @popconfirm-arrow-right-shadow: -2px 2px 5px rgba(0, 0, 0, .06);
48
45
 
49
46
  // 间距
50
- @popconfirm-icon-margin: 1px @spacer 1px 0;
47
+ @popconfirm-icon-margin-right: @comp-margin-s;
48
+ @popconfirm-icon-padding: calc((@text-line-height-base - @popconfirm-icon-size) / 2) 0;
49
+ @popconfirm-confirm-margin-right: @comp-margin-s;
50
+
51
51
  // 尺寸
52
- @popconfirm-icon-size: @font-size-xl;
52
+ @popconfirm-icon-size: calc(@font-size-base + 6px);
53
+
53
54
  // 圆角
54
55
  @popconfirm-border-radius: @border-radius-medium;
55
56
 
@@ -31,7 +31,33 @@
31
31
  flex-wrap: wrap;
32
32
  row-gap: @spacer-s;
33
33
 
34
+ &.@{prefix}-size-s {
35
+ .@{radio-button--cls} {
36
+ height: @radio-outline-height-small;
37
+ }
38
+ }
39
+
40
+ &.@{prefix}-size-m {
41
+ .@{radio-button--cls} {
42
+ height: @radio-outline-height-medium;
43
+ }
44
+ }
45
+
46
+ &.@{prefix}-size-l {
47
+ .@{radio-button--cls} {
48
+ height: @radio-outline-height-large;
49
+ }
50
+ }
51
+
34
52
  .@{radio-button--cls} {
53
+ &:first-child {
54
+ border-radius: @border-radius-default 0 0 @border-radius-default;
55
+ }
56
+
57
+ &:last-child {
58
+ border-radius: 0 @border-radius-default @border-radius-default 0;
59
+ }
60
+
35
61
  &.@{prefix}-is-checked {
36
62
  color: @radio-button-color-outline-checked;
37
63
  }
@@ -52,6 +52,9 @@
52
52
  @radio-dot-size: (@radio-size / 2);
53
53
  @radio-margin-right: (@spacer * 3);
54
54
  @radio-button-border-radius: @border-radius-small;
55
+ @radio-outline-height-small: 24px;
56
+ @radio-outline-height-medium: 32px;
57
+ @radio-outline-height-large: 40px;
55
58
  @radio-height-small: 20px;
56
59
  @radio-height-medium: 28px;
57
60
  @radio-height-large: 36px;
@@ -65,7 +68,7 @@
65
68
 
66
69
  // padding
67
70
  @radio-input-label-spacer: @spacer;
68
- @radio-button-padding-small: 0px @spacer-s;
71
+ @radio-button-padding-small: 0px @spacer;
69
72
  @radio-button-padding-medium: @spacer-s @spacer-2;
70
73
  @radio-button-padding-large: @spacer @spacer-3;
71
74
  @radio-button-before-left: 0px;
@@ -8,6 +8,7 @@
8
8
 
9
9
  .@{rate-cls} {
10
10
  display: flex;
11
+ align-items: center;
11
12
 
12
13
  .@{rate-cls}__star-top {
13
14
  position: absolute;
@@ -54,9 +55,7 @@
54
55
 
55
56
  &__text {
56
57
  color: @rate-text-primary;
57
- font-size: @rate-text-font;
58
+ font: @rate-text-font;
58
59
  margin-left: @rate-text-before;
59
- font-weight: @rate-text-font-weight;
60
- line-height: @rate-text-line-height;
61
60
  }
62
61
  }
@@ -15,16 +15,10 @@
15
15
  @rate-cls: ~"@{prefix}-rate";
16
16
 
17
17
  // 字号
18
- @rate-text-font: @font-size-base;
19
-
20
- // 字重
21
- @rate-text-font-weight: 700;
18
+ @rate-text-font: @font-mark-medium;
22
19
 
23
20
  // margin
24
- @rate-text-before: 16px;
25
-
26
- // 行高
27
- @rate-text-line-height: 22px;
21
+ @rate-text-before: @comp-margin-l;
28
22
 
29
23
  // 动画
30
24
  @rate-hover-transform: scale(1.33);
@@ -37,10 +37,6 @@
37
37
  // 默认锚点
38
38
  &.@{prefix}-steps--default-anchor {
39
39
 
40
- .@{prefix}-steps-item__content {
41
- margin-top: @steps-item-content-margin-top;
42
- }
43
-
44
40
  .@{prefix}-steps-item__title {
45
41
  width: fit-content;
46
42
  margin-bottom: @steps-item-title-margin-bottom;
@@ -48,14 +44,12 @@
48
44
 
49
45
  .@{prefix}-steps-item__icon {
50
46
  &__number {
51
- width: steps-circle-width;
47
+ width: @steps-circle-width;
52
48
  height: @steps-circle-height;
53
- margin-top: @steps-item-icon-number-margin-top;
54
49
  }
55
50
 
56
51
  & > .t-icon {
57
52
  font-size: @steps-item-t-icon-font-size-default;
58
- margin-top: 4px;
59
53
  }
60
54
  }
61
55
 
@@ -86,7 +86,6 @@
86
86
  height: @steps-circle-height;
87
87
  text-align: center;
88
88
  border-radius: @border-radius-circle;
89
- margin-top: @steps-item-default-icon-margin-top;
90
89
  font-size: @steps-default-step-icon-font-size;
91
90
  }
92
91
 
@@ -234,7 +233,7 @@
234
233
  justify-content: center;
235
234
  align-items: flex-end;
236
235
  border: 0;
237
- font-size: @spacer-2;
236
+ font-size: @font-size-l;
238
237
  color: @steps-line-bg-color-horizontal-default;
239
238
  }
240
239
 
@@ -280,13 +279,13 @@
280
279
  .@{prefix}-steps-item:not(:last-child)::before {
281
280
  content: "^";
282
281
  border: 0;
283
- height: calc(100% - @spacer-3);
282
+ height: calc(100% - 24px);
284
283
  position: absolute;
285
- top: @spacer-3;
286
- left: @spacer-m;
284
+ top: 24px;
285
+ left: 6px;
287
286
  display: flex;
288
287
  align-items: center;
289
- font-size: @spacer-2;
288
+ font-size: @font-size-l;
290
289
  transform: rotateZ(180deg);
291
290
  color: @steps-line-bg-color-vertical-default;
292
291
  }
@@ -298,7 +297,7 @@
298
297
  & when(@isReverse = true) {
299
298
  .@{prefix}-steps-item:not(:last-child)::before {
300
299
  transform: rotateZ(0);
301
- margin-top: @spacer-s;
300
+ margin-top: @comp-margin-xs;
302
301
  }
303
302
 
304
303
  .@{prefix}-steps-item--process:not(:last-child)::before,
@@ -372,7 +371,7 @@
372
371
  justify-content: center;
373
372
  align-items: flex-start;
374
373
  border: 0;
375
- font-size: @spacer-2;
374
+ font-size: @font-size-l;
376
375
  transform: rotateZ(90deg);
377
376
  color: @steps-line-bg-color-horizontal-default;
378
377
  }
@@ -433,13 +432,13 @@
433
432
  .@{prefix}-steps-item:not(:last-child)::before {
434
433
  content: "^";
435
434
  border: 0;
436
- height: calc(100% - @spacer-s);
435
+ height: calc(100% - 4px);
437
436
  position: absolute;
438
- top: @spacer;
437
+ top: 8px;
439
438
  left: 0;
440
439
  display: flex;
441
440
  align-items: center;
442
- font-size: 14px;
441
+ font-size: @font-size-base;
443
442
  color: @steps-line-bg-color-vertical-default;
444
443
  }
445
444
 
@@ -12,24 +12,23 @@
12
12
  // 如:@button-line-height-s
13
13
 
14
14
  // 点状步骤条相关
15
- @steps-circle-height: 24px;
16
- @steps-circle-width: 24px;
17
- @steps-item-title-margin-bottom: 4px;
18
- @steps-item-description-margin: 4px;
19
- @steps-item-content-margin-top: 4px;
20
- @steps-item-content-margin-top-vertical: 2px;
21
- @steps-item-margin-right: @spacer;
22
- @steps-item-icon-margin-right: @spacer;
23
- @steps-item-default-icon-margin-top: 3px;
24
- @steps-title-padding-right: @spacer;
25
- @steps-dot-item-icon-margin-bottom: 4px;
15
+ @steps-circle-height: 22px;
16
+ @steps-circle-width: 22px;
17
+ @steps-item-title-margin-bottom: @comp-margin-xs;
18
+ @steps-item-description-margin: @comp-margin-xs;
19
+ @steps-item-content-margin-top: @comp-margin-xs;
20
+ @steps-item-content-margin-top-vertical: @comp-margin-xxs;
21
+ @steps-item-margin-right: @comp-margin-s;
22
+ @steps-item-icon-margin-right: @comp-margin-s;
23
+ @steps-title-padding-right: @comp-margin-s;
24
+ @steps-dot-item-icon-margin-bottom: @comp-margin-xs;
26
25
  @steps-item-content-margin-left-vertical: 0px;
27
- @steps-item-padding-bottom-vertical: @spacer-3;
26
+ @steps-item-padding-bottom-vertical: @comp-margin-xxl;
28
27
  @steps-item-margin-bottom-vertical: 5px;
29
28
  @steps-item-icon-number-line-height: 1px;
30
29
  @steps-item-icon-number-line-width: 1px;
31
30
  @steps-item-icon-number-line-top: 35px;
32
- @steps-item-connector-line-width: calc(100% - @spacer-2);
31
+ @steps-item-connector-line-width: calc(100% - 16px);
33
32
  @steps-title-line-height: 24px;
34
33
  @steps-description-line-height: 22px;
35
34
  @steps-dot-item-icon-height: 8px;
@@ -42,7 +41,6 @@
42
41
  @steps-dot-connector-position-top-vertical: 17px;
43
42
  @steps-dot-connector-position-left-vertical: 3.5px;
44
43
  @steps-dot-connector-position-left-vertical-reverse: 3.5px;
45
- @steps-item-icon-number-margin-top: 4px;
46
44
 
47
45
  // 描边宽度
48
46
  @step-stroke-width: 1px;
@@ -52,9 +50,8 @@
52
50
  @steps-title-font-weight: normal; //add
53
51
 
54
52
  //字体
55
- @steps-item-t-icon-font-size: 35px;
56
53
  @steps-item-icon-font-size: @font-size-base;
57
- @steps-item-t-icon-font-size-default: 24px;
54
+ @steps-item-t-icon-font-size-default: calc(@font-size-base + 10px);
58
55
  @steps-title-font-size-anchor: @font-size-l;
59
56
  @steps-description-font-size: @font-size-base;
60
57
  @steps-default-step-icon-font-size: @font-size-l;
@@ -79,7 +76,7 @@
79
76
  @steps-item-icon-color: @text-color-placeholder;
80
77
  @steps-item-icon-border-color-default: @text-color-placeholder;
81
78
  @steps-item-icon-border-color-finish: @brand-color;
82
- @steps-item-icon-border-color-error: @error-color-6;
79
+ @steps-item-icon-border-color-error: @error-color;
83
80
 
84
81
  // item-icon anchor 状态
85
82
  @steps-item-icon-anchor-number-color-error: @error-color;
@@ -100,7 +100,7 @@
100
100
 
101
101
  top: auto;
102
102
  right: auto;
103
- bottom: -@@fractionLineHeight - 12;
103
+ bottom: calc(0px - calc(@@fractionLineHeight + 12px));
104
104
  height: @@fractionLineHeight;
105
105
  line-height: @@fractionLineHeight;
106
106
 
@@ -45,8 +45,8 @@
45
45
  @tab-card-stroke: @component-stroke;
46
46
 
47
47
  // 其他
48
- @tab-height-middle: 48px;
49
- @tab-height-large: 64px;
48
+ @tab-height-middle: @comp-size-xxl;
49
+ @tab-height-large: @comp-size-xxxxl;
50
50
  @tab-btn-width: 40px;
51
51
  @tab-nav-item-margin-left: 8px;
52
52
  @tab-nav-item-margin-right: 8px;
@@ -19,12 +19,13 @@
19
19
  }
20
20
 
21
21
  .@{prefix}-input {
22
- padding-left: @spacer-s;
23
22
  overflow: hidden;
24
23
  min-height: @tag-input-height-default;
24
+ padding: @spacer-s;
25
+ height: fit-content;
25
26
 
26
27
  &.@{prefix}-size-s {
27
- padding-left: @spacer-s * .5;
28
+ padding: @spacer-s * .5;
28
29
  min-height: @tag-input-height-s;
29
30
  }
30
31
 
@@ -58,11 +59,11 @@
58
59
  .@{prefix}-tag-input--break-line {
59
60
 
60
61
  .@{prefix}-input {
61
- flex-wrap: nowrap;
62
+ display: block;
62
63
  padding-right: @spacer-3;
63
64
 
64
65
  &.@{prefix}-input--prefix > .@{prefix}-input__prefix {
65
- display: inline-flex;
66
+ display: inline;
66
67
  text-align: left;
67
68
  }
68
69
 
@@ -60,19 +60,18 @@
60
60
  position: relative;
61
61
  display: flex;
62
62
  flex-wrap: nowrap;
63
- padding: 4px 0 4px @tree-node-item-padding-left;
63
+ padding: @tree-node-item-padding;
64
64
  cursor: default;
65
65
  transform: translateZ(0); // 开启硬件加速
66
66
  backface-visibility: hidden; // 防止Chrome、Safari中,使用 transforms/animations,可能造成的页面闪烁
67
67
  perspective: 1000; // 防止Chrome、Safari中,使用 transforms/animations,可能造成的页面闪烁
68
- line-height: @tree-node-item-line-height;
69
68
 
70
69
  .t-icon,
71
70
  .@{prefix}-loading {
72
71
  display: inline-block;
73
72
  position: relative;
74
73
  z-index: 2;
75
- font-size: @font-size-l;
74
+ font-size: @tree-node-icon-size;
76
75
  }
77
76
 
78
77
  .t-icon {
@@ -197,7 +196,7 @@
197
196
  align-items: center;
198
197
  // 图标居中
199
198
  text-align: center;
200
- width: 16px;
199
+ width: @tree-node-icon-size;
201
200
  // 当子元素只有一个且为image类型时,会有隐藏占位,因此将font-size设0
202
201
  font-size: 0;
203
202
  user-select: none;
@@ -210,16 +209,17 @@
210
209
  content: "";
211
210
  display: block;
212
211
  position: absolute;
213
- left: 0;
214
- top: 5px;
212
+ left: calc((@tree-node-icon-size - @tree-node-icon-svg-size) / 2);
215
213
  width: @tree-node-icon-svg-size;
216
214
  height: @tree-node-icon-svg-size;
217
215
  border-radius: @border-radius-default;
216
+ transition: @anim-duration-base linear;
218
217
  }
219
218
 
220
219
  // 仅在有图标时呈现背景
221
220
  &__icon:not(:empty):hover::after {
222
221
  background-color: @tree-node-bg-hover-color;
222
+ transition: @anim-duration-base linear;
223
223
  }
224
224
 
225
225
  // 没有图标是不呈现指针
@@ -232,8 +232,8 @@
232
232
 
233
233
  flex-wrap: nowrap;
234
234
  flex: 0 0 auto;
235
- padding: 2px 4px;
236
- margin-left: 4px;
235
+ padding: @tree-label-padding;
236
+ margin-left: @tree-label-margin-left;
237
237
  border-radius: @border-radius-default;
238
238
  cursor: pointer;
239
239
  transition: background-color @anim-duration-moderate @anim-time-fn-easing;
@@ -25,23 +25,27 @@
25
25
 
26
26
  //字体
27
27
  @tree-font: @font-body-medium;
28
+ @tree-font-size: @font-size-base;
29
+ @tree-font-line-height: @text-line-height-base;
28
30
 
29
31
  // 间距
30
- @tree-node-padding-basic: @spacer-3;
31
- @tree-node-item-padding-left: calc(@tree-node-padding-basic * var(--level) + 8px);
32
- @tree-line-position-bottom: 17px;
33
- @tree-line-position-left: calc(@tree-node-padding-basic * var(--level) - 8px);
32
+ @tree-node-padding-basic: @comp-margin-xxl;
33
+ @tree-node-item-padding-left: calc(@tree-node-padding-basic * var(--level));
34
+ @tree-node-item-padding: @comp-paddingTB-xs 0 @comp-paddingTB-xs @tree-node-item-padding-left;
35
+ @tree-line-position-bottom: @comp-margin-l;
36
+ @tree-line-position-left: calc(@tree-node-padding-basic * var(--level) - @comp-margin-l);
37
+ @tree-label-margin-left: @comp-margin-xs;
38
+ @tree-label-padding: @comp-paddingTB-xxs @comp-paddingLR-xs;
34
39
 
35
40
  //尺寸
36
41
  @tree-line-width: 1px;
37
- @tree-node-item-height: 34px;
38
- @tree-node-icon-size: 28px;
39
- @tree-node-icon-svg-size: @icon-default;
40
- @tree-node-item-line-height: 22px;
41
- @tree-line-before-width: 12px;
42
- @tree-line-leaf-width: 12px;
43
- @tree-line-first-height: 22px;
42
+ @tree-node-item-height: 100%;
43
+ @tree-node-icon-svg-size: calc(@tree-font-size + 6px);
44
+ @tree-line-before-width: @comp-margin-m;
45
+ @tree-line-leaf-width: @comp-margin-m;
46
+ @tree-line-first-height: @tree-font-line-height;
44
47
  @tree-node-item-origin-height: calc(@tree-node-item-height * var(--hscale) + 0px);
48
+ @tree-node-icon-size: calc(@tree-font-size + 2px);
45
49
 
46
50
  // 动画
47
51
  @tree-node-animation-time: 300ms;
@@ -49,5 +53,5 @@
49
53
 
50
54
  // 拖拽
51
55
  @tree-node-drag-tip-height: 2px;
52
- @tree-node-drag-tip-bg: var(--td-brand-color-6);
53
- @tree-node-drag-bg-highlight: var(--td-brand-color-light);
56
+ @tree-node-drag-tip-bg: @brand-color;
57
+ @tree-node-drag-bg-highlight: @brand-color-light;
@@ -18,9 +18,10 @@
18
18
  --td-size-16: 72px;
19
19
 
20
20
  //全局 component 组件尺寸高度相关 token
21
- --td-comp-size-xxs: var(--td-size-6);
22
- --td-comp-size-xs: var(--td-size-7);
23
- --td-comp-size-s: var(--td-size-8);
21
+ --td-comp-size-xxxs: var(--td-size-6);
22
+ --td-comp-size-xxs: var(--td-size-7);
23
+ --td-comp-size-xs: var(--td-size-8);
24
+ --td-comp-size-s: var(--td-size-9);
24
25
  --td-comp-size-m: var(--td-size-10);
25
26
  --td-comp-size-l: var(--td-size-11);
26
27
  --td-comp-size-xl: var(--td-size-12);
@@ -8,7 +8,7 @@ import '../_chunks/dep-415453d0.js';
8
8
  import '../_chunks/dep-fe647e5e.js';
9
9
  import 'react';
10
10
  import 'classnames';
11
- export { A as default } from '../_chunks/dep-8e115ca7.js';
11
+ export { A as default } from '../_chunks/dep-5e0eb6ae.js';
12
12
  import '../popup/Popup.js';
13
13
  import '../hooks/useConfig.js';
14
14
  import './AvatarContext.js';
@@ -15,7 +15,7 @@ import '../_util/forwardRefWithStatics.js';
15
15
  import '../_util/useCommonClassName.js';
16
16
  import '../_util/composeRefs.js';
17
17
  import './AvatarContext.js';
18
- export { _ as default } from '../_chunks/dep-8e115ca7.js';
18
+ export { _ as default } from '../_chunks/dep-5e0eb6ae.js';
19
19
  import './defaultProps.js';
20
20
  import '../_chunks/dep-b64f1d5d.js';
21
21
  import '../config-provider/ConfigContext.js';
@@ -4,7 +4,7 @@
4
4
  * @license MIT
5
5
  */
6
6
 
7
- import { _ as _Avatar } from '../_chunks/dep-8e115ca7.js';
7
+ import { _ as _Avatar } from '../_chunks/dep-5e0eb6ae.js';
8
8
  import './style/index.js';
9
9
  import './type.js';
10
10
  import '../_chunks/dep-415453d0.js';
package/esm/form/Form.js CHANGED
@@ -148,7 +148,7 @@ import '../hooks/useCommonClassName.js';
148
148
  import '../upload/hooks/useDrag.js';
149
149
  import '../image-viewer/index.js';
150
150
  import '../image-viewer/ImageViewer.js';
151
- import '../_chunks/dep-fad7989c.js';
151
+ import '../_chunks/dep-72461c3f.js';
152
152
  import '../tooltip/index.js';
153
153
  import '../tooltip/Tooltip.js';
154
154
  import '../popup/index.js';
@@ -144,7 +144,7 @@ import '../hooks/useCommonClassName.js';
144
144
  import '../upload/hooks/useDrag.js';
145
145
  import '../image-viewer/index.js';
146
146
  import '../image-viewer/ImageViewer.js';
147
- import '../_chunks/dep-fad7989c.js';
147
+ import '../_chunks/dep-72461c3f.js';
148
148
  import '../tooltip/index.js';
149
149
  import '../tooltip/Tooltip.js';
150
150
  import '../popup/index.js';
package/esm/form/index.js CHANGED
@@ -150,7 +150,7 @@ import '../hooks/useCommonClassName.js';
150
150
  import '../upload/hooks/useDrag.js';
151
151
  import '../image-viewer/index.js';
152
152
  import '../image-viewer/ImageViewer.js';
153
- import '../_chunks/dep-fad7989c.js';
153
+ import '../_chunks/dep-72461c3f.js';
154
154
  import '../tooltip/index.js';
155
155
  import '../tooltip/Tooltip.js';
156
156
  import '../popup/index.js';
@@ -140,7 +140,7 @@ import '../hooks/useCommonClassName.js';
140
140
  import '../upload/hooks/useDrag.js';
141
141
  import '../image-viewer/index.js';
142
142
  import '../image-viewer/ImageViewer.js';
143
- import '../_chunks/dep-fad7989c.js';
143
+ import '../_chunks/dep-72461c3f.js';
144
144
  import '../tooltip/index.js';
145
145
  import '../tooltip/Tooltip.js';
146
146
  import '../popup/index.js';
@@ -8,7 +8,7 @@ import { _ as _slicedToArray } from '../_chunks/dep-1e7c37d1.js';
8
8
  import React, { useState } from 'react';
9
9
  import { createPortal } from 'react-dom';
10
10
  import { i as isFunction_1 } from '../_chunks/dep-f04f14fc.js';
11
- import { I as ImageModal } from '../_chunks/dep-fad7989c.js';
11
+ import { I as ImageModal } from '../_chunks/dep-72461c3f.js';
12
12
  import { imageViewerDefaultProps } from './defaultProps.js';
13
13
  import useImageScale from './hooks/useImageScale.js';
14
14
  import useList from './hooks/useList.js';
@@ -8,7 +8,7 @@ import '../_chunks/dep-415453d0.js';
8
8
  import 'react';
9
9
  import 'tdesign-icons-react';
10
10
  import '../dialog/index.js';
11
- export { b as ImageModelMini, a as ImageModelMiniContent } from '../_chunks/dep-fad7989c.js';
11
+ export { b as ImageModelMini, a as ImageModelMiniContent } from '../_chunks/dep-72461c3f.js';
12
12
  import '../hooks/useConfig.js';
13
13
  import '../hooks/useGlobalIcon.js';
14
14
  import '../dialog/Dialog.js';
@@ -15,7 +15,7 @@ import 'classnames';
15
15
  import '../tooltip/index.js';
16
16
  import '../hooks/useConfig.js';
17
17
  import './utils.js';
18
- export { I as ImageModal, c as ImageModelItem, d as ImageViewerUtils } from '../_chunks/dep-fad7989c.js';
18
+ export { I as ImageModal, c as ImageModelItem, d as ImageViewerUtils } from '../_chunks/dep-72461c3f.js';
19
19
  import './hooks/useMirror.js';
20
20
  import './hooks/usePosition.js';
21
21
  import './hooks/useIndex.js';
@@ -16,7 +16,7 @@ import '../_chunks/dep-c9bc823c.js';
16
16
  import '../_chunks/dep-0b4df973.js';
17
17
  import '../_chunks/dep-65de5ea7.js';
18
18
  import '../_chunks/dep-51533589.js';
19
- import '../_chunks/dep-fad7989c.js';
19
+ import '../_chunks/dep-72461c3f.js';
20
20
  import '../_chunks/dep-fe647e5e.js';
21
21
  import '../_chunks/dep-415453d0.js';
22
22
  import '../_chunks/dep-c3ce514a.js';
package/esm/index.js CHANGED
@@ -561,7 +561,7 @@ import './comment/style/index.js';
561
561
  import './comment/type.js';
562
562
  import './transfer/style/index.js';
563
563
  import './transfer/type.js';
564
- import './_chunks/dep-8e115ca7.js';
564
+ import './_chunks/dep-5e0eb6ae.js';
565
565
  import 'use-resize-observer';
566
566
  import './avatar/AvatarContext.js';
567
567
  import './avatar/defaultProps.js';
@@ -615,7 +615,7 @@ import './_common/js/utils/injectStyle.js';
615
615
  import './watermark/defaultProps.js';
616
616
  import './watermark/type.js';
617
617
  import './image-viewer/ImageViewer.js';
618
- import './_chunks/dep-fad7989c.js';
618
+ import './_chunks/dep-72461c3f.js';
619
619
  import './image-viewer/utils.js';
620
620
  import './image-viewer/hooks/useMirror.js';
621
621
  import './image-viewer/hooks/usePosition.js';