tntd 2.8.18 → 2.8.19

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 (65) hide show
  1. package/es/tntd-virtual-tree/index.less +2 -2
  2. package/es/tntd-virtual-tree-select/index.js +4 -2
  3. package/es/tntd-virtual-tree-select/index.js.map +1 -1
  4. package/lib/tntd-virtual-tree/index.less +2 -2
  5. package/lib/tntd-virtual-tree-select/index.d.ts +2 -1
  6. package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -1
  7. package/lib/tntd-virtual-tree-select/index.js +6 -3
  8. package/lib/tntd-virtual-tree-select/index.js.map +1 -1
  9. package/package.json +1 -1
  10. package/es/alert/alert.less +0 -128
  11. package/es/cascader/cascader.less +0 -16
  12. package/es/checkbox/check.png +0 -0
  13. package/es/checkbox/checkbox.less +0 -69
  14. package/es/date-picker/index.less +0 -294
  15. package/es/input-number/inputNumber.less +0 -12
  16. package/es/modal/index.less +0 -36
  17. package/es/popconfirm/index.less +0 -32
  18. package/es/popover/index.less +0 -57
  19. package/es/progress/progress.less +0 -82
  20. package/es/query-form-backup/Field/Composition/FieldPopover.less +0 -35
  21. package/es/query-form-backup/Field/Composition/index.less +0 -114
  22. package/es/query-form-backup/index.less +0 -90
  23. package/es/radio/radio.less +0 -43
  24. package/es/spin/spin.less +0 -9
  25. package/es/steps/assets/background_left.svg +0 -12
  26. package/es/steps/assets/background_right.svg +0 -12
  27. package/es/steps/assets/horizontal_line.svg +0 -3
  28. package/es/steps/assets/vertical_line.svg +0 -3
  29. package/es/steps/stepStyle/icon.less +0 -51
  30. package/es/steps/stepStyle/progress-dot.less +0 -10
  31. package/es/steps/stepStyle/variables.less +0 -8
  32. package/es/steps/stepStyle/vertical.less +0 -41
  33. package/es/switch/index.less +0 -45
  34. package/es/tabs/tabs.less +0 -125
  35. package/es/time-picker/index.less +0 -38
  36. package/es/tntd-action/index.less +0 -59
  37. package/es/tntd-select/index.less +0 -7
  38. package/lib/alert/alert.less +0 -128
  39. package/lib/cascader/cascader.less +0 -16
  40. package/lib/checkbox/check.png +0 -0
  41. package/lib/checkbox/checkbox.less +0 -69
  42. package/lib/date-picker/index.less +0 -294
  43. package/lib/input-number/inputNumber.less +0 -12
  44. package/lib/modal/index.less +0 -36
  45. package/lib/popconfirm/index.less +0 -32
  46. package/lib/popover/index.less +0 -57
  47. package/lib/progress/progress.less +0 -82
  48. package/lib/query-form-backup/Field/Composition/FieldPopover.less +0 -35
  49. package/lib/query-form-backup/Field/Composition/index.less +0 -114
  50. package/lib/query-form-backup/index.less +0 -90
  51. package/lib/radio/radio.less +0 -43
  52. package/lib/spin/spin.less +0 -9
  53. package/lib/steps/assets/background_left.svg +0 -12
  54. package/lib/steps/assets/background_right.svg +0 -12
  55. package/lib/steps/assets/horizontal_line.svg +0 -3
  56. package/lib/steps/assets/vertical_line.svg +0 -3
  57. package/lib/steps/stepStyle/icon.less +0 -51
  58. package/lib/steps/stepStyle/progress-dot.less +0 -10
  59. package/lib/steps/stepStyle/variables.less +0 -8
  60. package/lib/steps/stepStyle/vertical.less +0 -41
  61. package/lib/switch/index.less +0 -45
  62. package/lib/tabs/tabs.less +0 -125
  63. package/lib/time-picker/index.less +0 -38
  64. package/lib/tntd-action/index.less +0 -59
  65. package/lib/tntd-select/index.less +0 -7
@@ -1,294 +0,0 @@
1
- @import '../style/themes/index';
2
-
3
- @datepicker-prefix-cls: ~'@{ant-prefix}-date-picker';
4
- @calendar-prefix-cls: ~'@{ant-prefix}-calendar';
5
- @calendar-timepicker-prefix-cls: ~'@{ant-prefix}-calendar-time-picker';
6
-
7
- .@{calendar-prefix-cls}-picker-container{
8
- .@{calendar-prefix-cls}{
9
- // margin-top: 42px;
10
- .@{calendar-prefix-cls}-input-wrap{
11
- // display: none;
12
- }
13
- }
14
- .@{calendar-prefix-cls}-range{
15
- // margin-top: 42px;
16
- .@{calendar-prefix-cls}-input-wrap,.@{calendar-prefix-cls}-range-middle{
17
- // display: none;
18
- }
19
- .@{calendar-prefix-cls}-decade-panel,.@{calendar-prefix-cls}-year-panel,.@{calendar-prefix-cls}-month-panel{
20
- // top: 0
21
- }
22
- }
23
- .@{calendar-prefix-cls}-month-calendar,.@{calendar-prefix-cls}-week-number{
24
- // margin-top: 42px;
25
- }
26
- //.@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
27
- // background-color: @white;
28
- //}
29
- .@{calendar-prefix-cls}:not(.@{calendar-prefix-cls}-range){
30
- .@{calendar-prefix-cls}-selected-date .@{calendar-prefix-cls}-date{
31
- background-color: @blue-6;
32
- color: @white;
33
- }
34
- }
35
-
36
- }
37
- //Picker
38
- .@{calendar-prefix-cls}-picker{
39
- input,.@{calendar-prefix-cls}-picker-input{
40
- border-color: @border-color-secondary;
41
- color: @text-color;
42
- &:focus{
43
- border-color: @blue-5;
44
- }
45
- }
46
- &:has(input:not([value=''])),&:hover {
47
- .@{calendar-prefix-cls}-picker-icon{
48
- color: @text-color-secondary;
49
- }
50
- }
51
- &:has(input[disabled]){
52
- .@{calendar-prefix-cls}-picker-icon{
53
- color: @disabled-color;
54
- }
55
- }
56
- .@{calendar-prefix-cls}-picker-icon{
57
- width: auto;
58
- height: @font-size-lg;
59
- font-size: @font-size-lg;
60
- }
61
- .@{calendar-prefix-cls}-picker-clear{
62
- color: tint(@bg-color-spotilight, 50%);
63
- }
64
- }
65
- .@{datepicker-prefix-cls}{
66
- &-fill{
67
- .@{calendar-prefix-cls}-picker{
68
- &-input {
69
- &.@{ant-prefix}-input {
70
- background-color: @fill-color-quaternary;
71
- border-color: @fill-color-quaternary;
72
- &-disabled {
73
- border: none;
74
- pointer-events: none;
75
- background: @disabled-bg;
76
- }
77
- &:focus{
78
- background-color: @white;
79
- border-color: @blue-5;
80
- }
81
- }
82
- &:not([value='']):hover {
83
- background-color: @white;
84
- }
85
- }
86
- }
87
- }
88
- }
89
-
90
- //Calender
91
- .@{calendar-prefix-cls}{
92
- &-footer {
93
- &-extra {
94
- .@{ant-prefix}-tag{
95
- color: @text-color;
96
- border: none;
97
- background-color: @white;
98
- &:hover{
99
- color: @blue-6;
100
- }
101
- }
102
- }
103
- }
104
-
105
- thead tr{
106
- border-bottom: none;
107
- }
108
- table th{
109
- background-color: @white;
110
- }
111
- }
112
-
113
- //RangePicker
114
- .@{calendar-prefix-cls}-range{
115
- .@{calendar-prefix-cls}-in-range-cell,
116
- .@{calendar-prefix-cls}-selected-start-date,
117
- .@{calendar-prefix-cls}-selected-end-date {
118
- position: relative;
119
- border-radius: 0;
120
- > div {
121
- position: relative;
122
- z-index: 1;
123
- }
124
- &::before {
125
- position: absolute;
126
- top: 3px;
127
- right: 0;
128
- bottom: 3px;
129
- left: 0;
130
- display: block;
131
- background: @item-active-bg;
132
- border: 0;
133
- border-radius: 0;
134
- content: '';
135
- }
136
- }
137
- .@{calendar-prefix-cls}-selected-start-date{
138
- &::before{
139
- border-radius: @border-radius-base 0 0 @border-radius-base;
140
- }
141
- &::after {
142
- position: absolute;
143
- bottom: -2px;
144
- left: 16px;
145
- display: block;
146
- background: @blue-6;
147
- border: 0;
148
- border-radius: 50%;
149
- width: 4px;
150
- height: 4px;
151
- content: '';
152
- }
153
- }
154
- //ant-calendar-last-day-of-month
155
- //ant-calendar-last-month-cell ant-calendar-last-day-of-month
156
- .@{calendar-prefix-cls}-selected-end-date{
157
- &::before{
158
- border-radius: 0 @border-radius-base @border-radius-base 0;
159
- }
160
- }
161
- .@{calendar-prefix-cls}-selected-start-date.@{calendar-prefix-cls}-selected-end-date{
162
- &::before{
163
- border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
164
- }
165
- }
166
- tr .@{calendar-prefix-cls}-in-range-cell:first-child{
167
- &::before{
168
- border-radius: @border-radius-base 0 0 @border-radius-base;
169
- }
170
- }
171
- tr .@{calendar-prefix-cls}-selected-end-date:first-child,
172
- tr .@{calendar-prefix-cls}-selected-start-date:last-child{
173
- &::before{
174
- border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
175
- }
176
- }
177
- tr .@{calendar-prefix-cls}-in-range-cell:last-child{
178
- &::before{
179
- border-radius: 0 @border-radius-base @border-radius-base 0;
180
- }
181
- }
182
- .@{calendar-prefix-cls}-cell{
183
- height: 38px;
184
- }
185
- }
186
-
187
- //MonthPanel
188
- .@{calendar-prefix-cls}-month-panel-month {
189
- border-radius: @border-radius-base;
190
- }
191
-
192
- //WeekPicker
193
- .@{calendar-prefix-cls}-week-number {
194
- &-cell {
195
- opacity: 1;
196
- font-weight: normal;
197
- color: @text-color-tertiary !important;
198
- }
199
- .@{calendar-prefix-cls}-body tr {
200
- cursor: pointer;
201
- transition: all 0.3s;
202
- background: @white;
203
- .@{calendar-prefix-cls}-date{
204
- width: auto;
205
- border-radius: 0;
206
- font-weight: 500;
207
- }
208
- &:hover {
209
- background: @white;
210
- td:nth-child(2){
211
- .@{calendar-prefix-cls}-date{
212
- border-radius: @border-radius-base 0 0 @border-radius-base;
213
- }
214
- }
215
- td:last-child{
216
- .@{calendar-prefix-cls}-date{
217
- border-radius: 0 @border-radius-base @border-radius-base 0;
218
- }
219
- }
220
- .@{calendar-prefix-cls}-cell{
221
- &::before{
222
- top: 8px;
223
- bottom: 8px;
224
- }
225
- .@{calendar-prefix-cls}-date{
226
- background: @background-color-base;
227
- &:hover{
228
- background: @background-color-base;
229
- }
230
- }
231
- .@{calendar-prefix-cls}-selected-day{
232
- background: @background-color-base;
233
- }
234
- }
235
- .@{calendar-prefix-cls}-week-number-cell{
236
- background: @white;
237
- }
238
- }
239
- .@{calendar-prefix-cls}-selected-day .@{calendar-prefix-cls}-date,
240
- .@{calendar-prefix-cls}-selected-day:hover .@{calendar-prefix-cls}-date {
241
- color: @text-color;
242
- background: transparent;
243
- }
244
- &.@{calendar-prefix-cls}-active-week {
245
- background: transparent;
246
- td:nth-child(2){
247
- .@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
248
- border-radius: @border-radius-base 0 0 @border-radius-base;
249
- }
250
- }
251
- td:last-child{
252
- .@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
253
- border-radius: 0 @border-radius-base @border-radius-base 0;
254
- }
255
- }
256
- .@{calendar-prefix-cls}-cell{
257
- font-weight: bold;
258
- //background: @primary-color;
259
- .@{calendar-prefix-cls}-date{
260
- color: @text-color-inverse;
261
- background: @primary-color;
262
- &:hover{
263
- color: @text-color-inverse;
264
- background: @primary-color;
265
- }
266
- }
267
- .@{calendar-prefix-cls}-selected-day{
268
- background: @primary-color;
269
- }
270
- }
271
- }
272
- .@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
273
- //color: @text-color;
274
- //font-weight: normal;
275
- border-color: transparent;
276
- }
277
- }
278
- .@{calendar-prefix-cls}-cell{
279
- height: 38px;
280
- position: relative;
281
- &::before {
282
- position: absolute;
283
- top: 3px;
284
- right: 0;
285
- bottom: 3px;
286
- left: 0;
287
- display: block;
288
- border: 0;
289
- border-radius: 0;
290
- content: '';
291
- }
292
- }
293
- }
294
-
@@ -1,12 +0,0 @@
1
- @import './style/index.less';
2
-
3
- @input-prefix-cls: ~'@{ant-prefix}-input-number';
4
-
5
- .tnt-input-number,
6
- .@{input-prefix-cls} {
7
- border-color: @border-color-secondary;
8
-
9
- &.@{input-prefix-cls}-focused {
10
- .active();
11
- }
12
- }
@@ -1,36 +0,0 @@
1
- @modal-prefix-cls: ~'@{ant-prefix}-modal';
2
- @confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
3
-
4
-
5
- .@{modal-prefix-cls}{
6
- &-header{
7
- font-size: @font-size-lg;
8
- font-weight: 500;
9
- }
10
- &-close-x{
11
- font-size: 20px;
12
- }
13
-
14
- &-title{
15
- line-height: @line-height-lg;
16
- }
17
- }
18
-
19
- .@{confirm-prefix-cls}{
20
- &-body{
21
- .anticon {
22
- font-size: 22px !important;
23
- margin-top: 1px;
24
- }
25
- }
26
-
27
- &-body &-content{
28
- margin-top: @margin-xs;
29
- }
30
-
31
- .@{confirm-prefix-cls}-btns {
32
- button {
33
- border-radius: @border-radius-base;
34
- }
35
- }
36
- }
@@ -1,32 +0,0 @@
1
- @popover-prefix-cls: ~'@{ant-prefix}-popover';
2
-
3
- .@{popover-prefix-cls} {
4
- &-inner-content {
5
- padding: @padding-base;
6
- }
7
-
8
- &-message {
9
- padding: 0 0 @padding-xs;
10
-
11
- &>.anticon {
12
- font-size: @font-size-lg;
13
- top: 7px;
14
- }
15
- }
16
-
17
- &-message-title {
18
- padding-top: @padding-xxs;
19
- padding-bottom: @padding-xxs;
20
- line-height: @line-height-base;
21
- }
22
-
23
- &-buttons {
24
- margin-bottom: 0;
25
- }
26
- }
27
-
28
- .@{popover-prefix-cls}-arrow-hidden {
29
- .@{popover-prefix-cls}-arrow {
30
- display: none;
31
- }
32
- }
@@ -1,57 +0,0 @@
1
- @popover-prefix-cls: ~'@{ant-prefix}-popover';
2
-
3
- // Base class
4
- .tnt-popover.@{popover-prefix-cls} {
5
-
6
- &-dark,
7
- &-light {
8
- .@{popover-prefix-cls}-title {
9
- border-bottom: 0px !important;
10
- padding: 10px 12px 4px !important;
11
- border-bottom: 0px !important;
12
-
13
- }
14
-
15
- .@{popover-prefix-cls}-inner {
16
- &-content {
17
- padding: 0px 12px 12px 12px;
18
- }
19
- }
20
- }
21
-
22
- &-dark {
23
- .@{popover-prefix-cls}-title {
24
- color: @popover-color-dark;
25
- }
26
-
27
- .@{popover-prefix-cls}-inner {
28
- background-color: @popover-bg-dark;
29
-
30
- &-content {
31
- color: @popover-color-dark;
32
- }
33
- }
34
-
35
- .@{popover-prefix-cls}-arrow {
36
- border-color: @popover-arrow-color-dark !important;
37
-
38
- &::before {
39
- background-color: @popover-bg-dark;
40
-
41
- }
42
- }
43
- }
44
-
45
-
46
- // Arrows
47
- &-arrow {
48
- border-radius: 1px;
49
- }
50
- }
51
-
52
-
53
- .@{popover-prefix-cls}-arrow-hidden {
54
- .@{popover-prefix-cls}-arrow {
55
- display: none;
56
- }
57
- }
@@ -1,82 +0,0 @@
1
- @import '../style/themes/index.less';
2
- @import '../style/mixins/index';
3
- @progress-prefix-cls: ~'@{ant-prefix}-progress';
4
- .tnt-progress.@{progress-prefix-cls} {
5
- .ant-progress-text{
6
- // font-family: PingFang SC;
7
- font-weight: 500;
8
- }
9
- .ant-progress-cus-format-label{
10
- .ant-progress-cus-format-label{
11
- padding-bottom: 4px;
12
- }
13
- }
14
- &-percent-bottom{
15
- .ant-progress-outer{
16
- padding-right: 0;
17
- }
18
- .ant-progress-text{
19
- width: 100%;
20
- display: block;
21
- text-align: right;
22
- margin-left: 0;
23
- }
24
- }
25
- &-circle-progress{
26
- .@{progress-prefix-cls}-cus-format{
27
- height: 100%;
28
- display: flex;
29
- flex-direction: column;
30
- justify-content: center;
31
- align-items: center;
32
- }
33
- }
34
- &-small-circle{
35
- .ant-progress-text{
36
- height: 100%;
37
- }
38
- .ant-progress-inner{
39
- overflow:visible;
40
- }
41
- .tntd-ellipsis{
42
- position: absolute;
43
- bottom: -1.8em;
44
- font-size: 0.75em;
45
- // margin-bottom: 2px;
46
- // color: #8B919E;
47
- color:tint(@text-color, 50%);
48
- font-family: Inter;
49
- font-weight: 500;
50
- text-align: center;
51
- }
52
- }
53
- &-large-circle{
54
- .ant-progress-text{
55
- height: 100%;
56
- }
57
- .tntd-ellipsis{
58
- font-size: 0.55em;
59
- // margin-bottom: 2px;
60
- color:tint(@text-color, 50%);
61
- font-family: Inter;
62
- font-weight: 500;
63
- text-align: center;
64
- }
65
- }
66
- &-small-half-circle{
67
- .ant-progress-text{
68
- height: 40%;
69
- }
70
- .tntd-ellipsis{
71
- bottom: -1.5em;
72
- }
73
- }
74
- &-large-half-circle{
75
- .ant-progress-inner{
76
- .ant-progress-text{
77
- top: 42%
78
- }
79
- }
80
- }
81
- }
82
-
@@ -1,35 +0,0 @@
1
- .tnt-queryform-field-popover {
2
- min-width: 280px;
3
- .ant-popover-inner-content {
4
- padding: @padding-sm 0;
5
- }
6
- .ant-calendar-picker {
7
- margin: @margin-xxs 0;
8
- }
9
- label {
10
- color: tint(@text-color, 50%);
11
- margin-bottom: @margin-xs;
12
- display: block;
13
- padding: 0 @padding-sm;
14
- }
15
- .ant-select-dropdown-menu {
16
- &-item {
17
- padding: @padding-xxs @padding-sm;
18
- &:hover {
19
- background-color: @bg-color-quaternary;
20
- }
21
- }
22
- }
23
- &-content {
24
- padding: @padding-xxs @padding-sm;
25
- }
26
- .ant-select-selected-icon {
27
- position: absolute;
28
- right: @margin-base;
29
- top: @margin-xs;
30
- color: @blue-6;
31
- }
32
- .tnt-highlight {
33
- color: @blue-6;
34
- }
35
- }
@@ -1,114 +0,0 @@
1
- @import '../../../style/themes/index';
2
- @import '../../../style/mixins/index';
3
- @import '../../../input/style/mixin';
4
-
5
- .tnt-queryform-composition-input {
6
- // width: 100%;
7
- max-height: 162px;
8
- overflow-x: hidden;
9
- cursor: text;
10
- padding: 2px @padding-xl;
11
- position: relative;
12
- box-sizing: border-box;
13
- background-color: @select-background;
14
- border: @border-width-base @border-style-base @select-border-color;
15
- border-top-width: calc(@border-width-base + 0.02px);
16
- border-radius: @border-radius-base;
17
- outline: none;
18
- transition: all 0.3s @ease-in-out;
19
- user-select: none;
20
- margin-bottom: @margin-sm;
21
-
22
- &-prefix {
23
- position: absolute;
24
- left: @padding-sm;
25
- top: 50%;
26
- transform: translateY(-50%);
27
- i.anticon {
28
- color: tint(@bg-color-spotilight, 50%);
29
- }
30
- }
31
-
32
- &-width {
33
- height: 0;
34
- opacity: 0;
35
- width: auto;
36
- position: absolute;
37
- max-width: 100%;
38
- }
39
-
40
- &-items {
41
- float: left;
42
- padding: 0;
43
- list-style: none;
44
- margin: 0;
45
- width: 100%;
46
- &-item {
47
- padding: 3px 0;
48
- }
49
- li {
50
- float: left;
51
- line-height: 1;
52
- }
53
- &-input {
54
- .inputClass {
55
- background: none;
56
- border: none !important;
57
- outline: none;
58
- box-shadow: none !important;
59
- width: 150px !important;
60
- height: 26px;
61
- line-height: 26px;
62
- padding: 0;
63
- input {
64
- border: none !important;
65
- outline: none !important;
66
- box-shadow: none !important;
67
- height: 26px;
68
- line-height: 26px;
69
- padding: 0;
70
- }
71
- textarea {
72
- padding: 0;
73
- }
74
- }
75
- .inputClass-with-placeholder {
76
- min-width: 398px !important;
77
- }
78
- }
79
- }
80
- &-clear {
81
- position: absolute;
82
- right: @margin-sm;
83
- top: 50%;
84
- transform: translateY(-50%);
85
- display: none;
86
- i.anticon {
87
- color: tint(@bg-color-spotilight, 50%);
88
- }
89
- &:hover {
90
- .anticon {
91
- color: @text-color-secondary !important;
92
- }
93
- }
94
- }
95
- &:hover {
96
- border-color: @blue-6;
97
- outline: 0;
98
- .tnt-queryform-composition-input-clear {
99
- display: block;
100
- }
101
- // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
102
- }
103
- &:focus,
104
- &:active {
105
- border-color: @blue-5;
106
- outline: 0;
107
- // box-shadow: 0 0 0 2px rgb(18 107 251 / 20%);
108
- }
109
- .ant-tag {
110
- padding: 0 @padding-xs;
111
- border: none;
112
- background: @fill-color-tertiary;
113
- }
114
- }