tntd 2.8.53 → 2.8.54

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 (125) hide show
  1. package/es/alert/alert.js +59 -0
  2. package/es/alert/alert.js.map +1 -0
  3. package/es/alert/alert.less +128 -0
  4. package/es/cascader/cascader.js +27 -0
  5. package/es/cascader/cascader.js.map +1 -0
  6. package/es/cascader/cascader.less +16 -0
  7. package/es/checkbox/check.png +0 -0
  8. package/es/checkbox/checkbox.js +36 -0
  9. package/es/checkbox/checkbox.js.map +1 -0
  10. package/es/checkbox/checkbox.less +69 -0
  11. package/es/date-picker/DatePicker.js +53 -0
  12. package/es/date-picker/DatePicker.js.map +1 -0
  13. package/es/date-picker/index.less +294 -0
  14. package/es/input-number/inputNumber.js +29 -0
  15. package/es/input-number/inputNumber.js.map +1 -0
  16. package/es/input-number/inputNumber.less +12 -0
  17. package/es/modal/index.less +36 -0
  18. package/es/page-loading/loading.gif +0 -0
  19. package/es/popconfirm/index.less +32 -0
  20. package/es/popconfirm/popconfirm.js +31 -0
  21. package/es/popconfirm/popconfirm.js.map +1 -0
  22. package/es/popover/index.less +57 -0
  23. package/es/popover/popover.js +28 -0
  24. package/es/popover/popover.js.map +1 -0
  25. package/es/progress/progress.js +88 -0
  26. package/es/progress/progress.js.map +1 -0
  27. package/es/progress/progress.less +82 -0
  28. package/es/query-form-backup/Field/Composition/FieldPopover.less +35 -0
  29. package/es/query-form-backup/Field/Composition/index.less +114 -0
  30. package/es/query-form-backup/index.less +90 -0
  31. package/es/radio/radio.js +45 -0
  32. package/es/radio/radio.js.map +1 -0
  33. package/es/radio/radio.less +43 -0
  34. package/es/spin/spin.js +31 -0
  35. package/es/spin/spin.js.map +1 -0
  36. package/es/spin/spin.less +9 -0
  37. package/es/steps/assets/background_left.svg +12 -0
  38. package/es/steps/assets/background_right.svg +12 -0
  39. package/es/steps/assets/horizontal_line.svg +3 -0
  40. package/es/steps/assets/vertical_line.svg +3 -0
  41. package/es/steps/stepStyle/icon.less +51 -0
  42. package/es/steps/stepStyle/progress-dot.less +10 -0
  43. package/es/steps/stepStyle/variables.less +8 -0
  44. package/es/steps/stepStyle/vertical.less +41 -0
  45. package/es/switch/index.less +45 -0
  46. package/es/tabs/tabs.less +125 -0
  47. package/es/time-picker/TimePicker.js +28 -0
  48. package/es/time-picker/TimePicker.js.map +1 -0
  49. package/es/time-picker/index.less +38 -0
  50. package/es/tntd-action/index.less +114 -0
  51. package/es/tntd-select/index.less +7 -0
  52. package/lib/alert/alert.d.ts +12 -0
  53. package/lib/alert/alert.d.ts.map +1 -0
  54. package/lib/alert/alert.js +91 -0
  55. package/lib/alert/alert.js.map +1 -0
  56. package/lib/alert/alert.less +128 -0
  57. package/lib/cascader/cascader.d.ts +10 -0
  58. package/lib/cascader/cascader.d.ts.map +1 -0
  59. package/lib/cascader/cascader.js +58 -0
  60. package/lib/cascader/cascader.js.map +1 -0
  61. package/lib/cascader/cascader.less +16 -0
  62. package/lib/checkbox/check.png +0 -0
  63. package/lib/checkbox/checkbox.d.ts +16 -0
  64. package/lib/checkbox/checkbox.d.ts.map +1 -0
  65. package/lib/checkbox/checkbox.js +67 -0
  66. package/lib/checkbox/checkbox.js.map +1 -0
  67. package/lib/checkbox/checkbox.less +69 -0
  68. package/lib/date-picker/DatePicker.d.ts +21 -0
  69. package/lib/date-picker/DatePicker.d.ts.map +1 -0
  70. package/lib/date-picker/DatePicker.js +77 -0
  71. package/lib/date-picker/DatePicker.js.map +1 -0
  72. package/lib/date-picker/index.less +294 -0
  73. package/lib/input-number/inputNumber.d.ts +10 -0
  74. package/lib/input-number/inputNumber.d.ts.map +1 -0
  75. package/lib/input-number/inputNumber.js +60 -0
  76. package/lib/input-number/inputNumber.js.map +1 -0
  77. package/lib/input-number/inputNumber.less +12 -0
  78. package/lib/modal/index.less +36 -0
  79. package/lib/page-loading/loading.gif +0 -0
  80. package/lib/popconfirm/index.less +32 -0
  81. package/lib/popconfirm/popconfirm.d.ts +8 -0
  82. package/lib/popconfirm/popconfirm.d.ts.map +1 -0
  83. package/lib/popconfirm/popconfirm.js +50 -0
  84. package/lib/popconfirm/popconfirm.js.map +1 -0
  85. package/lib/popover/index.less +57 -0
  86. package/lib/popover/popover.d.ts +14 -0
  87. package/lib/popover/popover.d.ts.map +1 -0
  88. package/lib/popover/popover.js +47 -0
  89. package/lib/popover/popover.js.map +1 -0
  90. package/lib/progress/progress.d.ts +12 -0
  91. package/lib/progress/progress.d.ts.map +1 -0
  92. package/lib/progress/progress.js +107 -0
  93. package/lib/progress/progress.js.map +1 -0
  94. package/lib/progress/progress.less +82 -0
  95. package/lib/query-form-backup/Field/Composition/FieldPopover.less +35 -0
  96. package/lib/query-form-backup/Field/Composition/index.less +114 -0
  97. package/lib/query-form-backup/index.less +90 -0
  98. package/lib/radio/radio.d.ts +17 -0
  99. package/lib/radio/radio.d.ts.map +1 -0
  100. package/lib/radio/radio.js +76 -0
  101. package/lib/radio/radio.js.map +1 -0
  102. package/lib/radio/radio.less +43 -0
  103. package/lib/spin/spin.d.ts +9 -0
  104. package/lib/spin/spin.d.ts.map +1 -0
  105. package/lib/spin/spin.js +60 -0
  106. package/lib/spin/spin.js.map +1 -0
  107. package/lib/spin/spin.less +9 -0
  108. package/lib/steps/assets/background_left.svg +12 -0
  109. package/lib/steps/assets/background_right.svg +12 -0
  110. package/lib/steps/assets/horizontal_line.svg +3 -0
  111. package/lib/steps/assets/vertical_line.svg +3 -0
  112. package/lib/steps/stepStyle/icon.less +51 -0
  113. package/lib/steps/stepStyle/progress-dot.less +10 -0
  114. package/lib/steps/stepStyle/variables.less +8 -0
  115. package/lib/steps/stepStyle/vertical.less +41 -0
  116. package/lib/switch/index.less +45 -0
  117. package/lib/tabs/tabs.less +125 -0
  118. package/lib/time-picker/TimePicker.d.ts +9 -0
  119. package/lib/time-picker/TimePicker.d.ts.map +1 -0
  120. package/lib/time-picker/TimePicker.js +47 -0
  121. package/lib/time-picker/TimePicker.js.map +1 -0
  122. package/lib/time-picker/index.less +38 -0
  123. package/lib/tntd-action/index.less +114 -0
  124. package/lib/tntd-select/index.less +7 -0
  125. package/package.json +1 -1
@@ -0,0 +1,294 @@
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
+
@@ -0,0 +1,29 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React, { forwardRef } from 'react';
13
+ import { ConfigConsumer } from '../config-provider';
14
+ import { default as AntdInputNumber } from 'antd/es/input-number';
15
+ import { connectReadonlyComponent } from '../connect';
16
+ import PreviewText from '../preview-text';
17
+ import classNames from 'classnames';
18
+ import { getLanguage, getText } from '../prev-locale';
19
+ export * from 'antd/es/input-number';
20
+ const defaultPlaceholder = getText('enter', getLanguage());
21
+ const tntPrefixCls = 'tnt-input-number';
22
+ const TntInputNumber = forwardRef((_a, ref) => {
23
+ var { className, placeholder = defaultPlaceholder } = _a, props = __rest(_a, ["className", "placeholder"]);
24
+ return (React.createElement(ConfigConsumer, null, () => {
25
+ return (React.createElement(AntdInputNumber, Object.assign({ placeholder: placeholder }, props, { ref: ref, className: classNames(className, tntPrefixCls) })));
26
+ }));
27
+ });
28
+ export default connectReadonlyComponent(TntInputNumber, PreviewText.Input);
29
+ //# sourceMappingURL=inputNumber.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inputNumber.js","sourceRoot":"","sources":["../../src/input-number/inputNumber.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACrD,cAAc,sBAAsB,CAAA;AAEpC,MAAM,kBAAkB,GAAG,OAAO,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAA;AAM1D,MAAM,YAAY,GAAG,kBAAkB,CAAA;AAEvC,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,SAAS,EAAE,WAAW,GAAG,kBAAkB,OAAY,EAAP,KAAK,cAAvD,4BAAyD,CAAF;IACtD,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,eAAe,kBACd,WAAW,EAAE,WAAW,IACpB,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,CAAC,IAC9C,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,wBAAwB,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { ConfigConsumer } from '../config-provider'\nimport { default as AntdInputNumber } from 'antd/es/input-number'\nimport type { InputNumberProps as AntdInputNumberProps } from 'antd/es/input-number'\nimport { connectReadonlyComponent } from '../connect'\nimport PreviewText from '../preview-text'\nimport classNames from 'classnames'\nimport { getLanguage, getText } from '../prev-locale'\nexport * from 'antd/es/input-number'\n\nconst defaultPlaceholder = getText('enter', getLanguage())\n\nexport type InputNumberProps = AntdInputNumberProps & {\n readonly?: boolean\n}\n\nconst tntPrefixCls = 'tnt-input-number'\n\nconst TntInputNumber = forwardRef<AntdInputNumber, AntdInputNumberProps>(\n ({ className, placeholder = defaultPlaceholder, ...props }, ref) => {\n return (\n <ConfigConsumer>\n {() => {\n return (\n <AntdInputNumber\n placeholder={placeholder}\n {...props}\n ref={ref}\n className={classNames(className, tntPrefixCls)}\n />\n )\n }}\n </ConfigConsumer>\n )\n }\n)\n\nexport default connectReadonlyComponent(TntInputNumber, PreviewText.Input)\n"]}
@@ -0,0 +1,12 @@
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
+ }
@@ -0,0 +1,36 @@
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
+ }
Binary file
@@ -0,0 +1,32 @@
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
+ }
@@ -0,0 +1,31 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React from 'react';
13
+ import { ConfigConsumer } from 'antd/es/config-provider';
14
+ import AntdPopconfirm from 'antd/es/popconfirm';
15
+ import classNames from 'classnames';
16
+ export * from 'antd/es/popconfirm';
17
+ const Popconfirm = (_a) => {
18
+ var { cancelButtonProps, okButtonProps, hiddenArrow } = _a, props = __rest(_a, ["cancelButtonProps", "okButtonProps", "hiddenArrow"]);
19
+ return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
20
+ const prefixCls = getPrefixCls('popover');
21
+ return (React.createElement(AntdPopconfirm, Object.assign({ cancelButtonProps: Object.assign({ type: 'tertiary', className: classNames('tnt-btn', {
22
+ 'tnt-btn-tertiary': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type) === 'tertiary' || !(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.type),
23
+ 'tnt-btn-mini': (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.size) === 'mini',
24
+ }) }, cancelButtonProps), okButtonProps: Object.assign({ className: classNames('tnt-btn', {
25
+ 'tnt-btn-tertiary': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.type) === 'tertiary',
26
+ 'tnt-btn-mini': (okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.size) === 'mini',
27
+ }) }, okButtonProps), overlayClassName: classNames(hiddenArrow ? prefixCls + '-arrow-hidden' : '') }, props)));
28
+ }));
29
+ };
30
+ export default Popconfirm;
31
+ //# sourceMappingURL=popconfirm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popconfirm.js","sourceRoot":"","sources":["../../src/popconfirm/popconfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,cAAc,MAAM,oBAAoB,CAAA;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,oBAAoB,CAAA;AAElC,MAAM,UAAU,GAA0D,CAAC,EAK1E,EAAE,EAAE;QALsE,EACzE,iBAAiB,EACjB,aAAa,EACb,WAAW,OAEZ,EADI,KAAK,cAJiE,qDAK1E,CADS;IAER,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QACzC,OAAO,CACL,oBAAC,cAAc,kBACb,iBAAiB,EACf,gBACE,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;oBAC/B,kBAAkB,EAChB,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,UAAU,IAAI,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAA;oBAChF,cAAc,EAAE,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAe,MAAK,MAAM;iBAC/D,CAAC,IACC,iBAAiB,CACA,EAExB,aAAa,kBACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;oBAC/B,kBAAkB,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,UAAU;oBAClE,cAAc,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAe,MAAK,MAAM;iBAC3D,CAAC,IACC,aAAa,GAElB,gBAAgB,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,IACxE,KAAK,EACT,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA","sourcesContent":["import React from 'react'\nimport type { PopconfirmProps } from 'antd/es/popconfirm'\nimport type { NativeButtonProps } from 'antd/es/button/button'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdPopconfirm from 'antd/es/popconfirm'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/popconfirm'\n\nconst Popconfirm: React.FC<PopconfirmProps & { hiddenArrow?: boolean }> = ({\n cancelButtonProps,\n okButtonProps,\n hiddenArrow,\n ...props\n}) => {\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('popover')\n return (\n <AntdPopconfirm\n cancelButtonProps={\n {\n type: 'tertiary',\n className: classNames('tnt-btn', {\n 'tnt-btn-tertiary':\n (cancelButtonProps?.type as string) === 'tertiary' || !cancelButtonProps?.type,\n 'tnt-btn-mini': (cancelButtonProps?.size as string) === 'mini',\n }),\n ...cancelButtonProps,\n } as NativeButtonProps\n }\n okButtonProps={{\n className: classNames('tnt-btn', {\n 'tnt-btn-tertiary': (okButtonProps?.type as string) === 'tertiary',\n 'tnt-btn-mini': (okButtonProps?.size as string) === 'mini',\n }),\n ...okButtonProps,\n }}\n overlayClassName={classNames(hiddenArrow ? prefixCls + '-arrow-hidden' : '')}\n {...props}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Popconfirm\n"]}
@@ -0,0 +1,57 @@
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
+ }
@@ -0,0 +1,28 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React from 'react';
13
+ import { ConfigConsumer } from 'antd/es/config-provider';
14
+ import AntdPopover from 'antd/es/popover';
15
+ import classNames from 'classnames';
16
+ export * from 'antd/es/popover';
17
+ const themeMap = (prefixCls, themeColor) => {
18
+ return `${prefixCls}-${themeColor}`;
19
+ };
20
+ const Popover = (props) => {
21
+ const { overlayClassName, theme = '', titleDivider = false, hiddenArrow = false } = props, restProps = __rest(props, ["overlayClassName", "theme", "titleDivider", "hiddenArrow"]);
22
+ return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
23
+ const prefixCls = getPrefixCls('popover');
24
+ return (React.createElement(AntdPopover, Object.assign({ overlayClassName: classNames(prefixCls, 'tnt-popover', themeMap(prefixCls, theme), hiddenArrow ? prefixCls + '-arrow-hidden' : '', overlayClassName) }, restProps)));
25
+ }));
26
+ };
27
+ export default Popover;
28
+ //# sourceMappingURL=popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/popover/popover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,iBAAiB,CAAA;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAmB,EAAE,EAAE;IAC1D,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAMD,MAAM,OAAO,GAET,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EACJ,gBAAgB,EAChB,KAAK,GAAG,EAAE,EACV,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,KAAK,KAEjB,KAAK,EADJ,SAAS,UACV,KAAK,EANH,4DAML,CAAQ,CAAA;IAET,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,oBAAC,WAAW,kBACV,gBAAgB,EAAE,UAAU,CAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { PopoverProps } from 'antd/es/popover'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdPopover from 'antd/es/popover'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/popover'\nconst themeMap = (prefixCls: string, themeColor?: string) => {\n return `${prefixCls}-${themeColor}`\n}\ninterface CurProps extends PopoverProps {\n theme?: string\n titleDivider?: boolean\n}\n\nconst Popover: React.FC<\n CurProps & { theme?: string; titleDivider?: boolean; hiddenArrow?: boolean }\n> = (props) => {\n const {\n overlayClassName,\n theme = '',\n titleDivider = false,\n hiddenArrow = false,\n ...restProps\n } = props\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('popover')\n\n return (\n <AntdPopover\n overlayClassName={classNames(\n prefixCls,\n 'tnt-popover',\n themeMap(prefixCls, theme),\n hiddenArrow ? prefixCls + '-arrow-hidden' : '',\n overlayClassName\n )}\n {...restProps}\n />\n )\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Popover\n"]}
@@ -0,0 +1,88 @@
1
+ import React from 'react';
2
+ import { ConfigConsumer } from 'antd/es/config-provider';
3
+ import AntdProgress from 'antd/es/progress';
4
+ import classNames from 'classnames';
5
+ import Ellipsis from '../ellipsis';
6
+ import Icon from '../icon';
7
+ import './progress.less';
8
+ export * from 'antd/es/tooltip';
9
+ const iconMap = {
10
+ line: {
11
+ success: 'check-circle',
12
+ exception: 'close-circle',
13
+ },
14
+ circle: {
15
+ success: 'check',
16
+ exception: 'close',
17
+ },
18
+ };
19
+ const ifPercentBottom = (type, percentPosition) => {
20
+ return type === 'line' && percentPosition === 'bottom';
21
+ };
22
+ const percentTransform = (percent) => {
23
+ return percent >= 100 ? 100 : percent <= 0 ? 0 : percent;
24
+ };
25
+ const themeStrokeColor = (status, strokeColor, percent) => {
26
+ return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100
27
+ ? 'var(--blue-5)'
28
+ : '';
29
+ };
30
+ const Progress = (props) => {
31
+ const { className, type = 'line', percentPosition = 'right', percent = 0, format, size, label, width = 132, status, halfCircle, gapDegree = props.halfCircle ? 135 : props.gapDegree, strokeColor, strokeWidth = 7, } = props;
32
+ const _percent = percentTransform(percent);
33
+ const _strokeColor = themeStrokeColor(status, strokeColor, _percent);
34
+ return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
35
+ const prefixCls = getPrefixCls('progress');
36
+ const CusLabelOrPercent = (props) => {
37
+ const { type, theme } = props;
38
+ const labelPercentClassName = classNames(`${prefixCls}-percent-bottom`, {
39
+ [`${prefixCls}-percent-bottom-${size}`]: size === 'small',
40
+ [`${prefixCls}-percent-bottom-${type}`]: type === 'line',
41
+ });
42
+ const showIcon = (status) => (React.createElement(Icon, { type: `${iconMap[type][status]}`, theme: theme, className: classNames({
43
+ [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]: type === 'line',
44
+ }) }));
45
+ const showPercent = (React.createElement("div", { className: labelPercentClassName }, format ? format === null || format === void 0 ? void 0 : format(_percent) : _percent + '%'));
46
+ let displayContent;
47
+ if (status === 'success' || status === 'exception') {
48
+ displayContent = showIcon(status);
49
+ }
50
+ else if (status === 'normal' || status === 'active') {
51
+ displayContent = showPercent;
52
+ }
53
+ else {
54
+ // 如果状态为空
55
+ displayContent = _percent === 100 ? showIcon('success') : showPercent;
56
+ }
57
+ return displayContent;
58
+ };
59
+ const CusCircleAndDashboardFormat = (props) => {
60
+ const { widthNum } = props;
61
+ return (React.createElement("div", { className: `${prefixCls}-cus-format` },
62
+ !!label && (React.createElement(Ellipsis, { className: `${prefixCls}-cus-format-label`, title: label, widthLimit: widthNum <= 64 ? widthNum : 'calc(100% - 50px)', placement: widthNum <= 64 ? 'bottom' : 'top' })),
63
+ React.createElement(CusLabelOrPercent, { type: "circle", theme: "outlined" })));
64
+ };
65
+ //line
66
+ const LineProgress = () => (React.createElement(AntdProgress, Object.assign({ strokeColor: _strokeColor }, props, { className: classNames('tnt-progress', className, {
67
+ [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom',
68
+ }) })));
69
+ //circle,dashboard (额外新增label和半圆选项)
70
+ const CircleAndDashboardProgress = () => {
71
+ const widthNum = Number(String(width).split('px').shift());
72
+ return (React.createElement(AntdProgress, Object.assign({ gapDegree: gapDegree, strokeColor: _strokeColor, strokeWidth: strokeWidth }, props, { type: halfCircle ? 'dashboard' : type, className: classNames('tnt-progress', `${prefixCls}-circle-progress`, className, {
73
+ [`${prefixCls}-small-circle`]: widthNum <= 64 && label,
74
+ [`${prefixCls}-large-circle`]: widthNum > 64 && label,
75
+ [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,
76
+ [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label,
77
+ }), format: () => React.createElement(CusCircleAndDashboardFormat, { widthNum: widthNum }) })));
78
+ };
79
+ const progressMap = {
80
+ line: React.createElement(LineProgress, null),
81
+ circle: React.createElement(CircleAndDashboardProgress, null),
82
+ dashboard: React.createElement(CircleAndDashboardProgress, null),
83
+ };
84
+ return progressMap[type];
85
+ }));
86
+ };
87
+ export default Progress;
88
+ //# sourceMappingURL=progress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/progress/progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport type { ProgressProps } from 'antd/es/progress'\nimport type { ThemeType } from 'antd/es/icon'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdProgress from 'antd/es/progress'\nimport classNames from 'classnames'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\nimport './progress.less'\nexport * from 'antd/es/tooltip'\n\ninterface ExtendsProgress {\n percentPosition?: 'bottom' | 'right'\n label?: React.ReactNode\n halfCircle?: boolean\n}\nconst iconMap = {\n line: {\n success: 'check-circle',\n exception: 'close-circle',\n },\n circle: {\n success: 'check',\n exception: 'close',\n },\n}\nconst ifPercentBottom = (type: string, percentPosition: string) => {\n return type === 'line' && percentPosition === 'bottom'\n}\nconst percentTransform = (percent: number) => {\n return percent >= 100 ? 100 : percent <= 0 ? 0 : percent\n}\n\nconst themeStrokeColor = (status?: string, strokeColor?: string | object, percent?: number) => {\n return status !== 'success' && status !== 'exception' && !strokeColor && percent !== 100\n ? 'var(--blue-5)'\n : ''\n}\n\nconst Progress: React.FC<ProgressProps & ExtendsProgress> = (props) => {\n const {\n className,\n type = 'line',\n percentPosition = 'right',\n percent = 0,\n format,\n size,\n label,\n width = 132,\n status,\n halfCircle,\n gapDegree = props.halfCircle ? 135 : props.gapDegree,\n strokeColor,\n strokeWidth = 7,\n } = props\n const _percent = percentTransform(percent)\n const _strokeColor = themeStrokeColor(status, strokeColor, _percent)\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('progress')\n\n const CusLabelOrPercent = (props: { type: 'line' | 'circle'; theme?: ThemeType }) => {\n const { type, theme } = props\n const labelPercentClassName = classNames(`${prefixCls}-percent-bottom`, {\n [`${prefixCls}-percent-bottom-${size}`]: size === 'small',\n [`${prefixCls}-percent-bottom-${type}`]: type === 'line',\n })\n\n const showIcon = (status: 'success' | 'exception') => (\n <Icon\n type={`${iconMap[type][status]}`}\n theme={theme}\n className={classNames({\n [`${labelPercentClassName} ${labelPercentClassName}-${status || 'success'}`]:\n type === 'line',\n })}\n />\n )\n const showPercent = (\n <div className={labelPercentClassName}>\n {format ? format?.(_percent) : _percent + '%'}\n </div>\n )\n\n let displayContent\n if (status === 'success' || status === 'exception') {\n displayContent = showIcon(status)\n } else if (status === 'normal' || status === 'active') {\n displayContent = showPercent\n } else {\n // 如果状态为空\n displayContent = _percent === 100 ? showIcon('success') : showPercent\n }\n return displayContent\n }\n\n const CusCircleAndDashboardFormat = (props: { widthNum: number }) => {\n const { widthNum } = props\n return (\n <div className={`${prefixCls}-cus-format`}>\n {!!label && (\n <Ellipsis\n className={`${prefixCls}-cus-format-label`}\n title={label}\n widthLimit={widthNum <= 64 ? widthNum : 'calc(100% - 50px)'}\n placement={widthNum <= 64 ? 'bottom' : 'top'}\n />\n )}\n <CusLabelOrPercent type=\"circle\" theme=\"outlined\" />\n </div>\n )\n }\n\n //line\n const LineProgress: React.FC = () => (\n <AntdProgress\n strokeColor={_strokeColor}\n {...props}\n className={classNames('tnt-progress', className, {\n [`${prefixCls}-percent-bottom`]: percentPosition === 'bottom',\n })}\n />\n )\n\n //circle,dashboard (额外新增label和半圆选项)\n const CircleAndDashboardProgress: React.FC = () => {\n const widthNum = Number(String(width).split('px').shift())\n return (\n <AntdProgress\n gapDegree={gapDegree}\n strokeColor={_strokeColor}\n strokeWidth={strokeWidth}\n {...props}\n type={halfCircle ? 'dashboard' : type}\n className={classNames('tnt-progress', `${prefixCls}-circle-progress`, className, {\n [`${prefixCls}-small-circle`]: widthNum <= 64 && label,\n [`${prefixCls}-large-circle`]: widthNum > 64 && label,\n [`${prefixCls}-small-half-circle`]: halfCircle && widthNum <= 64 && label,\n [`${prefixCls}-large-half-circle`]: halfCircle && widthNum > 64 && label,\n })}\n format={() => <CusCircleAndDashboardFormat widthNum={widthNum} />}\n />\n )\n }\n\n const progressMap = {\n line: <LineProgress />,\n circle: <CircleAndDashboardProgress />,\n dashboard: <CircleAndDashboardProgress />,\n }\n return progressMap[type]\n }}\n </ConfigConsumer>\n )\n}\n\nexport default Progress\n"]}