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.
- package/cjs/_chunks/dep-6a672006.js +515 -0
- package/cjs/_chunks/dep-6a672006.js.map +1 -0
- package/cjs/_chunks/dep-b5df8873.js +198 -0
- package/cjs/_chunks/dep-b5df8873.js.map +1 -0
- package/cjs/avatar/AvararGroup.js +1 -1
- package/cjs/avatar/Avatar.js +1 -1
- package/cjs/avatar/index.js +1 -1
- package/cjs/form/Form.js +1 -1
- package/cjs/form/FormItem.js +1 -1
- package/cjs/form/index.js +1 -1
- package/cjs/form/useInitialData.js +1 -1
- package/cjs/image-viewer/ImageViewer.js +1 -1
- package/cjs/image-viewer/ImageViewerMini.js +1 -1
- package/cjs/image-viewer/ImageViewerModel.js +1 -1
- package/cjs/image-viewer/index.js +1 -1
- package/cjs/index-lib.js +2 -2
- package/cjs/index.js +2 -2
- package/cjs/popup/hooks/useTrigger.js +3 -29
- package/cjs/popup/hooks/useTrigger.js.map +1 -1
- package/cjs/upload/index.js +1 -1
- package/cjs/upload/themes/DraggerFile.js +1 -1
- package/cjs/upload/themes/ImageCard.js +1 -1
- package/cjs/upload/themes/MultipleFlowList.js +1 -1
- package/cjs/upload/upload.js +1 -1
- package/dist/tdesign.css +317 -301
- package/dist/tdesign.css.map +1 -1
- package/dist/tdesign.js +3 -5
- package/dist/tdesign.js.map +1 -1
- package/dist/tdesign.min.css +1 -1
- package/dist/tdesign.min.css.map +1 -1
- package/dist/tdesign.min.js +1 -1
- package/dist/tdesign.min.js.map +1 -1
- package/es/_chunks/{dep-51336096.js → dep-26aef3c9.js} +1 -1
- package/{lib/_chunks/dep-db75b5b6.js.map → es/_chunks/dep-26aef3c9.js.map} +1 -1
- package/{esm/_chunks/dep-8e115ca7.js → es/_chunks/dep-5e0eb6ae.js} +1 -1
- package/{esm/_chunks/dep-8e115ca7.js.map → es/_chunks/dep-5e0eb6ae.js.map} +1 -1
- package/es/alert/style/index.css +26 -14
- package/es/anchor/style/index.css +5 -12
- package/es/avatar/AvararGroup.js +1 -1
- package/es/avatar/Avatar.js +1 -1
- package/es/avatar/index.js +1 -1
- package/es/breadcrumb/style/index.css +4 -4
- package/es/button/style/index.css +10 -10
- package/es/dialog/style/index.css +4 -4
- package/es/divider/style/index.css +2 -2
- package/es/drawer/style/index.css +16 -11
- package/es/dropdown/style/index.css +11 -10
- package/es/form/Form.js +1 -1
- package/es/form/FormItem.js +1 -1
- package/es/form/index.js +1 -1
- package/es/form/style/index.css +2 -2
- package/es/form/useInitialData.js +1 -1
- package/es/guide/style/index.css +9 -9
- package/es/image-viewer/ImageViewer.js +1 -1
- package/es/image-viewer/ImageViewerMini.js +1 -1
- package/es/image-viewer/ImageViewerModel.js +1 -1
- package/es/image-viewer/index.js +1 -1
- package/es/index.js +2 -2
- package/es/input/style/index.css +1 -1
- package/es/layout/style/index.css +3 -3
- package/es/link/style/index.css +6 -6
- package/es/list/style/index.css +1 -1
- package/es/menu/style/index.css +26 -26
- package/es/message/style/index.css +6 -6
- package/es/notification/style/index.css +8 -13
- package/es/pagination/style/index.css +23 -23
- package/es/popconfirm/style/index.css +7 -7
- package/es/popup/hooks/useTrigger.js +3 -33
- package/es/popup/hooks/useTrigger.js.map +1 -1
- package/es/popup/style/index.css +1 -1
- package/es/radio/style/index.css +16 -1
- package/es/rate/style/index.css +5 -4
- package/es/steps/style/index.css +34 -43
- package/es/style/index.css +4 -3
- package/es/swiper/style/index.css +42 -42
- package/es/tabs/style/index.css +12 -12
- package/es/tag-input/style/index.css +7 -7
- package/es/tree/style/index.css +26 -24
- package/es/upload/index.js +1 -1
- package/es/upload/themes/DraggerFile.js +1 -1
- package/es/upload/themes/ImageCard.js +1 -1
- package/es/upload/themes/MultipleFlowList.js +1 -1
- package/es/upload/upload.js +1 -1
- package/{es/_chunks/dep-8e115ca7.js → esm/_chunks/dep-5e0eb6ae.js} +1 -1
- package/{es/_chunks/dep-8e115ca7.js.map → esm/_chunks/dep-5e0eb6ae.js.map} +1 -1
- package/esm/_chunks/{dep-fad7989c.js → dep-72461c3f.js} +1 -1
- package/{es/_chunks/dep-51336096.js.map → esm/_chunks/dep-72461c3f.js.map} +1 -1
- package/esm/_common/style/web/_variables.less +7 -6
- package/esm/_common/style/web/components/alert/_index.less +12 -6
- package/esm/_common/style/web/components/alert/_var.less +19 -10
- package/esm/_common/style/web/components/anchor/_index.less +4 -10
- package/esm/_common/style/web/components/anchor/_var.less +9 -23
- package/esm/_common/style/web/components/breadcrumb/_index.less +4 -4
- package/esm/_common/style/web/components/breadcrumb/_var.less +2 -2
- package/esm/_common/style/web/components/button/_var.less +2 -2
- package/esm/_common/style/web/components/dialog/_var.less +2 -2
- package/esm/_common/style/web/components/divider/_var.less +2 -2
- package/esm/_common/style/web/components/drawer/_index.less +2 -1
- package/esm/_common/style/web/components/drawer/_var.less +9 -10
- package/esm/_common/style/web/components/dropdown-new/_index.less +7 -6
- package/esm/_common/style/web/components/dropdown-new/_var.less +8 -4
- package/esm/_common/style/web/components/form/_index.less +1 -1
- package/esm/_common/style/web/components/guide/_index.less +8 -8
- package/esm/_common/style/web/components/guide/_var.less +10 -0
- package/esm/_common/style/web/components/layout/_var.less +2 -5
- package/esm/_common/style/web/components/link/_var.less +5 -5
- package/esm/_common/style/web/components/menu/_index-v2.less +26 -26
- package/esm/_common/style/web/components/menu/_index.less +25 -25
- package/esm/_common/style/web/components/menu/_var.less +1 -7
- package/esm/_common/style/web/components/message/_index.less +1 -1
- package/esm/_common/style/web/components/message/_var.less +7 -10
- package/esm/_common/style/web/components/notification/_index.less +0 -5
- package/esm/_common/style/web/components/notification/_var.less +9 -11
- package/esm/_common/style/web/components/pagination/_index.less +1 -1
- package/esm/_common/style/web/components/pagination/_var.less +8 -8
- package/esm/_common/style/web/components/popconfirm/_index.less +3 -3
- package/esm/_common/style/web/components/popconfirm/_var.less +12 -11
- package/esm/_common/style/web/components/radio/_index.less +26 -0
- package/esm/_common/style/web/components/radio/_var.less +4 -1
- package/esm/_common/style/web/components/rate/_index.less +2 -3
- package/esm/_common/style/web/components/rate/_var.less +2 -8
- package/esm/_common/style/web/components/steps/_index.less +1 -7
- package/esm/_common/style/web/components/steps/_mixin.less +10 -11
- package/esm/_common/style/web/components/steps/_var.less +14 -17
- package/esm/_common/style/web/components/swiper/_mixin.less +1 -1
- package/esm/_common/style/web/components/tabs/_var.less +2 -2
- package/esm/_common/style/web/components/tag-input/_index.less +5 -4
- package/esm/_common/style/web/components/tree/_index.less +8 -8
- package/esm/_common/style/web/components/tree/_var.less +17 -13
- package/esm/_common/style/web/theme/_size.less +4 -3
- package/esm/avatar/AvararGroup.js +1 -1
- package/esm/avatar/Avatar.js +1 -1
- package/esm/avatar/index.js +1 -1
- package/esm/form/Form.js +1 -1
- package/esm/form/FormItem.js +1 -1
- package/esm/form/index.js +1 -1
- package/esm/form/useInitialData.js +1 -1
- package/esm/image-viewer/ImageViewer.js +1 -1
- package/esm/image-viewer/ImageViewerMini.js +1 -1
- package/esm/image-viewer/ImageViewerModel.js +1 -1
- package/esm/image-viewer/index.js +1 -1
- package/esm/index.js +2 -2
- package/esm/popup/hooks/useTrigger.js +3 -33
- package/esm/popup/hooks/useTrigger.js.map +1 -1
- package/esm/upload/index.js +1 -1
- package/esm/upload/themes/DraggerFile.js +1 -1
- package/esm/upload/themes/ImageCard.js +1 -1
- package/esm/upload/themes/MultipleFlowList.js +1 -1
- package/esm/upload/upload.js +1 -1
- package/lib/_chunks/{dep-db75b5b6.js → dep-1b32736a.js} +1 -1
- package/{esm/_chunks/dep-fad7989c.js.map → lib/_chunks/dep-1b32736a.js.map} +1 -1
- package/lib/_chunks/{dep-75db5f2e.js → dep-61f02037.js} +1 -1
- package/lib/_chunks/{dep-75db5f2e.js.map → dep-61f02037.js.map} +1 -1
- package/lib/avatar/AvararGroup.js +1 -1
- package/lib/avatar/Avatar.js +1 -1
- package/lib/avatar/index.js +1 -1
- package/lib/form/Form.js +1 -1
- package/lib/form/FormItem.js +1 -1
- package/lib/form/index.js +1 -1
- package/lib/form/useInitialData.js +1 -1
- package/lib/image-viewer/ImageViewer.js +1 -1
- package/lib/image-viewer/ImageViewerMini.js +1 -1
- package/lib/image-viewer/ImageViewerModel.js +1 -1
- package/lib/image-viewer/index.js +1 -1
- package/lib/index.js +2 -2
- package/lib/popup/hooks/useTrigger.js +3 -29
- package/lib/popup/hooks/useTrigger.js.map +1 -1
- package/lib/upload/index.js +1 -1
- package/lib/upload/themes/DraggerFile.js +1 -1
- package/lib/upload/themes/ImageCard.js +1 -1
- package/lib/upload/themes/MultipleFlowList.js +1 -1
- package/lib/upload/upload.js +1 -1
- package/package.json +1 -1
- package/esm/_common/style/web/components/dropdown/_index.less +0 -99
- package/esm/_common/style/web/components/dropdown/_mixin.less +0 -0
- 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:
|
|
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: @
|
|
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: @
|
|
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:
|
|
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:
|
|
32
|
-
@popconfirm-button-margin:
|
|
28
|
+
@popconfirm-buttons-margin-top: @comp-margin-l;
|
|
29
|
+
@popconfirm-button-margin: @popconfirm-spacer;
|
|
33
30
|
|
|
34
31
|
// 小三角
|
|
35
|
-
@popconfirm-arrow-margin: @
|
|
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:
|
|
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-
|
|
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
|
|
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
|
|
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-
|
|
19
|
-
|
|
20
|
-
// 字重
|
|
21
|
-
@rate-text-font-weight: 700;
|
|
18
|
+
@rate-text-font: @font-mark-medium;
|
|
22
19
|
|
|
23
20
|
// margin
|
|
24
|
-
@rate-text-before:
|
|
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: @
|
|
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% -
|
|
282
|
+
height: calc(100% - 24px);
|
|
284
283
|
position: absolute;
|
|
285
|
-
top:
|
|
286
|
-
left:
|
|
284
|
+
top: 24px;
|
|
285
|
+
left: 6px;
|
|
287
286
|
display: flex;
|
|
288
287
|
align-items: center;
|
|
289
|
-
font-size: @
|
|
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: @
|
|
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: @
|
|
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% -
|
|
435
|
+
height: calc(100% - 4px);
|
|
437
436
|
position: absolute;
|
|
438
|
-
top:
|
|
437
|
+
top: 8px;
|
|
439
438
|
left: 0;
|
|
440
439
|
display: flex;
|
|
441
440
|
align-items: center;
|
|
442
|
-
font-size:
|
|
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:
|
|
16
|
-
@steps-circle-width:
|
|
17
|
-
@steps-item-title-margin-bottom:
|
|
18
|
-
@steps-item-description-margin:
|
|
19
|
-
@steps-item-content-margin-top:
|
|
20
|
-
@steps-item-content-margin-top-vertical:
|
|
21
|
-
@steps-item-margin-right: @
|
|
22
|
-
@steps-item-icon-margin-right: @
|
|
23
|
-
@steps-
|
|
24
|
-
@steps-
|
|
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: @
|
|
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% -
|
|
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:
|
|
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
|
|
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;
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
@tab-card-stroke: @component-stroke;
|
|
46
46
|
|
|
47
47
|
// 其他
|
|
48
|
-
@tab-height-middle:
|
|
49
|
-
@tab-height-large:
|
|
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
|
|
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
|
-
|
|
62
|
+
display: block;
|
|
62
63
|
padding-right: @spacer-3;
|
|
63
64
|
|
|
64
65
|
&.@{prefix}-input--prefix > .@{prefix}-input__prefix {
|
|
65
|
-
display: inline
|
|
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:
|
|
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: @
|
|
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:
|
|
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:
|
|
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:
|
|
236
|
-
margin-left:
|
|
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: @
|
|
31
|
-
@tree-node-item-padding-left: calc(@tree-node-padding-basic * var(--level)
|
|
32
|
-
@tree-
|
|
33
|
-
@tree-line-position-
|
|
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:
|
|
38
|
-
@tree-node-icon-size:
|
|
39
|
-
@tree-
|
|
40
|
-
@tree-
|
|
41
|
-
@tree-line-
|
|
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:
|
|
53
|
-
@tree-node-drag-bg-highlight:
|
|
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-
|
|
22
|
-
--td-comp-size-
|
|
23
|
-
--td-comp-size-
|
|
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-
|
|
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';
|
package/esm/avatar/Avatar.js
CHANGED
|
@@ -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-
|
|
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';
|
package/esm/avatar/index.js
CHANGED
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-
|
|
151
|
+
import '../_chunks/dep-72461c3f.js';
|
|
152
152
|
import '../tooltip/index.js';
|
|
153
153
|
import '../tooltip/Tooltip.js';
|
|
154
154
|
import '../popup/index.js';
|
package/esm/form/FormItem.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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';
|