@kne/form-info 0.1.7 → 0.1.10

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 (12) hide show
  1. package/README.md +210 -111
  2. package/dist/en-US.d.ts +9 -9
  3. package/dist/index.css +290 -59
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.ts +2 -0
  6. package/dist/index.js +250 -207
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.modern.js +147 -54
  9. package/dist/index.modern.js.map +1 -1
  10. package/dist/package-manifest.json +5 -0
  11. package/dist/zh-CN.d.ts +9 -9
  12. package/package.json +4 -2
package/dist/index.css CHANGED
@@ -1,194 +1,406 @@
1
- ._ZQNNL .multi-field-delete-label {
1
+ .kne-form-info_gh14z {
2
+ position: relative;
3
+ }
4
+
5
+ .kne-form-info_Kfn6L {
6
+ overflow: auto;
7
+ }
8
+
9
+ :root {
10
+ --kne-viewport-width: 100vw;
11
+ --kne-viewport-height: 100vh;
12
+ --kne-viewport-inline-size: 100vw;
13
+ --kne-viewport-block-size: 100vh;
14
+ }
15
+
16
+ .kne-form-info_gh14z {
17
+ --kne-viewport-width: 100vw;
18
+ --kne-viewport-height: 100vh;
19
+ --kne-viewport-inline-size: 100vw;
20
+ --kne-viewport-block-size: 100vh;
21
+ }
22
+
23
+ .kne-form-info_ZQNNL .multi-field-delete-label {
2
24
  display: none;
3
25
  }
4
- ._ZQNNL.react-form--inner .react-form__field-label.is-req:before {
26
+ .kne-form-info_ZQNNL.react-form--inner .react-form__field-label.is-req:before {
5
27
  position: static;
6
28
  transform: translateX(0);
7
29
  margin-right: 6px;
8
30
  }
9
- ._ZQNNL.react-form--inner .multi-field-delete-label {
31
+ .kne-form-info_ZQNNL.react-form--inner .multi-field-delete-label {
10
32
  display: block;
11
33
  }
12
- ._ZQNNL .react-form__field {
34
+ .kne-form-info_ZQNNL .react-form__field {
13
35
  color: var(--font-color);
14
36
  }
15
- ._ZQNNL .react-form__field input {
37
+ .kne-form-info_ZQNNL .react-form__field input {
16
38
  color: var(--font-color);
17
39
  }
18
- ._ZQNNL .react-form__field input::placeholder {
40
+ .kne-form-info_ZQNNL .react-form__field input::placeholder {
19
41
  color: var(--font-color-grey-2);
20
42
  }
21
- ._ZQNNL .react-form__field-label {
43
+ .kne-form-info_ZQNNL .react-form__field-label {
22
44
  color: var(--font-color-grey);
23
45
  font-size: 14px;
24
46
  line-height: 20px;
25
47
  margin-bottom: 8px;
26
48
  font-weight: normal !important;
27
49
  }
28
- ._ZQNNL .react-form__field-label.is-req:before {
50
+ .kne-form-info_ZQNNL .react-form__field-label.is-req:before {
29
51
  color: var(--color-warning);
30
52
  display: inline-block;
31
53
  font-weight: bold;
32
54
  }
33
- ._ZQNNL .react-form__field-error {
55
+ .kne-form-info_ZQNNL .react-form__field-error {
34
56
  line-height: 14px;
35
57
  }
36
- ._ZQNNL .ant-input-number,
37
- ._ZQNNL .ant-input-number-group-wrapper {
58
+ .kne-form-info_ZQNNL .ant-input-number,
59
+ .kne-form-info_ZQNNL .ant-input-number-group-wrapper {
38
60
  width: 100%;
39
61
  }
40
- ._ZQNNL .ant-picker.react-form__field-component,
41
- ._ZQNNL .data_range_picker {
62
+ .kne-form-info_ZQNNL .ant-picker.react-form__field-component,
63
+ .kne-form-info_ZQNNL .data_range_picker {
42
64
  flex: 1;
43
65
  width: 100%;
44
66
  }
45
- ._ZQNNL .ant-input-number-group-addon,
46
- ._ZQNNL .ant-input-group-addon {
67
+ .kne-form-info_ZQNNL .ant-input-number-group-addon,
68
+ .kne-form-info_ZQNNL .ant-input-group-addon {
47
69
  background: #ffffff;
48
70
  color: var(--font-color);
49
71
  }
72
+ @container kne-responsive (max-width: 768px) {
73
+ .kne-form-info_ZQNNL .ant-input,
74
+ .kne-form-info_ZQNNL .ant-input-affix-wrapper,
75
+ .kne-form-info_ZQNNL .ant-input-number,
76
+ .kne-form-info_ZQNNL .ant-input-number-input,
77
+ .kne-form-info_ZQNNL .ant-input-textarea textarea,
78
+ .kne-form-info_ZQNNL textarea.ant-input,
79
+ .kne-form-info_ZQNNL .ant-select-selector,
80
+ .kne-form-info_ZQNNL .ant-select-selection-search-input,
81
+ .kne-form-info_ZQNNL .ant-picker,
82
+ .kne-form-info_ZQNNL .ant-picker-input > input,
83
+ .kne-form-info_ZQNNL .ant-mentions,
84
+ .kne-form-info_ZQNNL .ant-mentions textarea,
85
+ .kne-form-info_ZQNNL .react-form__field input,
86
+ .kne-form-info_ZQNNL .react-form__field textarea {
87
+ font-size: 16px !important;
88
+ }
89
+ .kne-form-info_ZQNNL .ant-row {
90
+ row-gap: 12px !important;
91
+ }
92
+ .kne-form-info_ZQNNL .react-form__field-label {
93
+ margin-bottom: 6px;
94
+ }
95
+ }
50
96
 
51
- ._GW4Xx > .ant-card-head .part-title {
97
+ .kne-form-info_GW4Xx > .ant-card-head .part-title {
52
98
  font-size: var(--font-size-large);
53
99
  }
100
+ @container kne-responsive (max-width: 768px) {
101
+ .kne-form-info_GW4Xx.ant-card > .ant-card-head {
102
+ padding-inline: 0;
103
+ margin-bottom: 4px;
104
+ }
105
+ .kne-form-info_GW4Xx.ant-card > .ant-card-body {
106
+ padding: 12px 0 0;
107
+ }
108
+ }
54
109
 
55
- ._eY4qR.ant-btn {
110
+ .kne-form-info_eY4qR.ant-btn {
56
111
  border-radius: var(--radius-default, 2px);
57
112
  border: 1px solid var(--font-color-grey-2);
58
113
  padding: 6px 12px;
59
114
  }
60
115
 
61
- ._SL3dC > .ant-card-head .part-title {
116
+ .kne-form-info_SL3dC > .ant-card-head .part-title {
62
117
  font-size: var(--font-size-large);
63
118
  }
64
- ._SL3dC ._SL3dC ._eY4qR {
119
+ .kne-form-info_SL3dC .kne-form-info_SL3dC .kne-form-info_eY4qR {
65
120
  padding: 0;
66
121
  border: none;
67
122
  min-width: 0;
68
123
  }
69
- ._SL3dC.ant-card .ant-card-body {
124
+ .kne-form-info_SL3dC.ant-card .ant-card-body {
70
125
  padding: 16px 0 0;
71
126
  border-radius: 0;
72
127
  }
128
+ @container kne-responsive (max-width: 768px) {
129
+ .kne-form-info_SL3dC.ant-card {
130
+ border: none !important;
131
+ box-shadow: none !important;
132
+ background: transparent;
133
+ }
134
+ .kne-form-info_SL3dC.ant-card > .ant-card-head {
135
+ padding: 0 0 4px;
136
+ min-height: auto;
137
+ background: transparent;
138
+ border-bottom: none;
139
+ }
140
+ .kne-form-info_SL3dC.ant-card > .ant-card-body {
141
+ padding: 12px 0 0;
142
+ }
143
+ .kne-form-info_SL3dC .kne-form-info_PNnMa {
144
+ margin-bottom: 0;
145
+ }
146
+ .kne-form-info_SL3dC .kne-form-info_PNnMa:not(:last-child) {
147
+ margin-bottom: 16px;
148
+ padding-bottom: 16px;
149
+ border-bottom: 1px dashed var(--font-color-grey-4, #f0f0f0);
150
+ }
151
+ .kne-form-info_SL3dC .kne-form-info_PNnMa .kne-form-info_HiB5Q {
152
+ border: none !important;
153
+ box-shadow: none !important;
154
+ background: transparent;
155
+ }
156
+ .kne-form-info_SL3dC .kne-form-info_PNnMa .kne-form-info_HiB5Q.ant-card .ant-card-head {
157
+ height: auto;
158
+ min-height: auto;
159
+ line-height: 1.5;
160
+ padding: 0 0 8px;
161
+ margin-bottom: 0;
162
+ background: transparent;
163
+ border-bottom: none;
164
+ }
165
+ .kne-form-info_SL3dC .kne-form-info_PNnMa .kne-form-info_HiB5Q.ant-card .ant-card-body {
166
+ padding: 4px 0 0;
167
+ }
168
+ .kne-form-info_SL3dC .kne-form-info_PNnMa .kne-form-info_HiB5Q.ant-card .ant-row {
169
+ row-gap: 12px !important;
170
+ }
171
+ .kne-form-info_SL3dC .kne-form-info_PNnMa .kne-form-info_HiB5Q.ant-card .ant-col {
172
+ padding-bottom: 4px;
173
+ }
174
+ .kne-form-info_SL3dC .kne-form-info_PNnMa.kne-form-info_Xkp38 > .kne-form-info_HiB5Q {
175
+ border: none !important;
176
+ }
177
+ .kne-form-info_SL3dC .kne-form-info_PNnMa.kne-form-info_Xkp38 > .kne-form-info_HiB5Q.ant-card > .ant-card-head {
178
+ background: transparent;
179
+ padding: 0 0 8px;
180
+ }
181
+ .kne-form-info_SL3dC .kne-form-info_PNnMa.kne-form-info_Xkp38 > .kne-form-info_HiB5Q.ant-card > .ant-card-head .part-title {
182
+ display: inline-block;
183
+ padding: 4px 10px;
184
+ border-radius: 12px;
185
+ background: var(--primary-color-06);
186
+ color: var(--primary-color);
187
+ font-size: var(--font-size-small, 12px);
188
+ line-height: 16px;
189
+ }
190
+ .kne-form-info_SL3dC .kne-form-info_SL3dC {
191
+ margin: 12px 0 0;
192
+ padding: 12px 12px 12px 14px !important;
193
+ border: none !important;
194
+ box-shadow: none !important;
195
+ border-radius: 8px;
196
+ background: var(--bg-color-grey-1, #fafafa);
197
+ border-left: 3px solid var(--primary-color-2, var(--primary-color)) !important;
198
+ box-sizing: border-box;
199
+ }
200
+ .kne-form-info_SL3dC .kne-form-info_SL3dC.ant-card > .ant-card-head {
201
+ padding: 0 0 8px;
202
+ background: transparent;
203
+ border-bottom: none;
204
+ }
205
+ .kne-form-info_SL3dC .kne-form-info_SL3dC.ant-card > .ant-card-head .part-title {
206
+ font-size: var(--font-size-default, 14px);
207
+ }
208
+ .kne-form-info_SL3dC .kne-form-info_SL3dC.ant-card > .ant-card-body {
209
+ padding: 4px 0 0;
210
+ }
211
+ .kne-form-info_SL3dC .kne-form-info_SL3dC .kne-form-info_PNnMa:not(:last-child) {
212
+ margin-bottom: 12px;
213
+ padding-bottom: 12px;
214
+ }
215
+ .kne-form-info_SL3dC .kne-form-info_SL3dC .kne-form-info_HiB5Q {
216
+ border: none !important;
217
+ background: transparent;
218
+ }
219
+ .kne-form-info_SL3dC .kne-form-info_SL3dC .kne-form-info_HiB5Q.ant-card .ant-card-head,
220
+ .kne-form-info_SL3dC .kne-form-info_SL3dC .kne-form-info_HiB5Q.ant-card .ant-card-body {
221
+ padding-left: 0;
222
+ padding-right: 0;
223
+ }
224
+ .kne-form-info_SL3dC .kne-form-info_SL3dC .kne-form-info_SL3dC {
225
+ margin-top: 8px;
226
+ padding: 10px 10px 10px 12px !important;
227
+ background: rgba(0, 0, 0, 0.02);
228
+ border-left-color: var(--font-color-grey-3, #d9d9d9) !important;
229
+ }
230
+ }
73
231
 
74
- ._PNnMa._Xkp38 > ._HiB5Q.ant-card > .ant-card-head {
232
+ .kne-form-info_PNnMa.kne-form-info_Xkp38 > .kne-form-info_HiB5Q.ant-card > .ant-card-head {
75
233
  background: var(--primary-color-06);
76
234
  }
77
- ._PNnMa._Xkp38 > ._HiB5Q.ant-card > .ant-card-head .ant-card-head-title .part-title {
235
+ .kne-form-info_PNnMa.kne-form-info_Xkp38 > .kne-form-info_HiB5Q.ant-card > .ant-card-head .ant-card-head-title .part-title {
78
236
  color: var(--primary-color);
79
237
  }
80
- ._PNnMa._Xkp38 ._HiB5Q.ant-card .ant-card-head-title .part-title {
238
+ .kne-form-info_PNnMa.kne-form-info_Xkp38 .kne-form-info_HiB5Q.ant-card .ant-card-head-title .part-title {
81
239
  font-weight: 500;
82
240
  }
83
- ._PNnMa._Xkp38 > ._HiB5Q.ant-card ._SL3dC.ant-card > .ant-card-head {
241
+ .kne-form-info_PNnMa.kne-form-info_Xkp38 > .kne-form-info_HiB5Q.ant-card .kne-form-info_SL3dC.ant-card > .ant-card-head {
84
242
  background: transparent;
85
243
  padding: 0;
86
244
  border: none;
87
245
  line-height: 1;
88
246
  }
89
- ._PNnMa._Xkp38 > ._HiB5Q.ant-card ._SL3dC.ant-card > .ant-card-head .part-title {
247
+ .kne-form-info_PNnMa.kne-form-info_Xkp38 > .kne-form-info_HiB5Q.ant-card .kne-form-info_SL3dC.ant-card > .ant-card-head .part-title {
90
248
  background: var(--primary-color-06);
91
249
  color: var(--primary-color);
92
250
  font-size: var(--font-size-small);
93
251
  font-weight: bold;
94
252
  }
95
- ._PNnMa._Xkp38 > ._HiB5Q.ant-card ._SL3dC.ant-card > .ant-card-body {
253
+ .kne-form-info_PNnMa.kne-form-info_Xkp38 > .kne-form-info_HiB5Q.ant-card .kne-form-info_SL3dC.ant-card > .ant-card-body {
96
254
  padding: 16px 0;
97
255
  }
98
- ._PNnMa._Xkp38 > ._HiB5Q {
256
+ .kne-form-info_PNnMa.kne-form-info_Xkp38 > .kne-form-info_HiB5Q {
99
257
  border-color: var(--primary-color-5);
100
258
  }
101
- ._PNnMa._Xkp38 ._Uw-3T {
259
+ .kne-form-info_PNnMa.kne-form-info_Xkp38 .kne-form-info_Uw-3T {
102
260
  border: none;
103
261
  }
104
- ._PNnMa ._HiB5Q.ant-card .ant-card-head {
262
+ .kne-form-info_PNnMa .kne-form-info_HiB5Q {
263
+ padding: 0;
264
+ }
265
+ .kne-form-info_PNnMa .kne-form-info_HiB5Q.ant-card .ant-card-head {
105
266
  background: #f8f8f8;
106
267
  border-bottom: 1px solid var(--font-color-grey-4);
107
268
  line-height: 36px;
108
269
  height: 36px;
109
270
  padding: 0 16px;
110
271
  }
111
- ._PNnMa ._HiB5Q.ant-card .ant-card-head ._eY4qR {
272
+ .kne-form-info_PNnMa .kne-form-info_HiB5Q.ant-card .ant-card-head .kne-form-info_eY4qR {
112
273
  min-width: auto !important;
113
274
  border: none !important;
114
275
  padding: 0 !important;
115
276
  background: transparent !important;
116
277
  }
117
- ._PNnMa ._HiB5Q.ant-card .ant-card-head-title .part-title {
278
+ .kne-form-info_PNnMa .kne-form-info_HiB5Q.ant-card .ant-card-head-title .part-title {
118
279
  background: transparent;
119
280
  font-weight: normal;
120
281
  font-size: 14px;
121
282
  color: var(--font-color);
122
283
  }
123
- ._PNnMa ._HiB5Q.ant-card .ant-card-body {
284
+ .kne-form-info_PNnMa .kne-form-info_HiB5Q.ant-card .ant-card-body {
124
285
  padding: 16px;
125
286
  }
126
- ._PNnMa .ant-divider {
287
+ .kne-form-info_PNnMa .ant-divider {
127
288
  border-top-color: var(--font-color-grey-2);
128
289
  }
129
- ._PNnMa .ant-divider {
290
+ .kne-form-info_PNnMa .ant-divider {
130
291
  display: none;
131
292
  }
132
- ._PNnMa:not(:last-child) {
293
+ .kne-form-info_PNnMa:not(:last-child) {
133
294
  margin-bottom: 16px;
134
295
  }
135
296
 
136
- ._HiB5Q {
297
+ .kne-form-info_HiB5Q {
137
298
  border: 1px solid var(--font-color-grey-4);
138
299
  }
139
300
 
140
- ._uogqr {
301
+ .kne-form-info_uogqr {
141
302
  display: flex;
142
303
  flex-wrap: nowrap;
143
304
  gap: 8px;
144
305
  }
145
- ._uogqr:not(:first-child) .react-form__field-label {
306
+ .kne-form-info_uogqr:not(:first-child) .react-form__field-label {
146
307
  display: none;
147
308
  }
148
- ._uogqr ._UGjS9 {
309
+ .kne-form-info_uogqr .kne-form-info_UGjS9 {
149
310
  color: var(--font-color-grey);
150
311
  font-size: 14px;
151
312
  line-height: 20px;
152
313
  height: 20px;
153
314
  margin-bottom: 8px;
154
315
  }
155
- ._uogqr .react-form__field {
316
+ .kne-form-info_uogqr .react-form__field {
156
317
  flex: 1;
157
318
  }
158
319
 
159
- ._rjVPh {
320
+ .kne-form-info_rjVPh {
160
321
  margin-bottom: 16px;
161
322
  }
162
323
 
163
- ._r8-bn ._PNnMa {
324
+ .kne-form-info_ZD9zd {
325
+ border: none !important;
326
+ border-radius: 0 !important;
327
+ background: transparent !important;
328
+ overflow: visible;
329
+ }
330
+
331
+ .kne-form-info_r8-bn .kne-form-info_PNnMa {
164
332
  margin-bottom: 0 !important;
165
333
  }
166
- ._r8-bn .react-form__field-label {
334
+ .kne-form-info_r8-bn .react-form__field-label {
167
335
  display: none;
168
336
  }
169
- ._r8-bn .ant-row:not(:last-child) {
337
+ .kne-form-info_r8-bn .ant-row:not(:last-child) {
170
338
  border-bottom: solid 1px var(--bg-color-grey-3);
171
339
  }
172
- ._r8-bn .ant-row:hover {
340
+ .kne-form-info_r8-bn .ant-row:hover {
173
341
  background: var(--bg-color-grey-1) !important;
174
342
  }
175
- ._r8-bn .ant-col {
343
+ .kne-form-info_r8-bn .ant-col {
176
344
  padding: 16px;
177
345
  width: var(--col-width);
178
346
  }
347
+ .kne-form-info_r8-bn.kne-form-info_LtgJz .react-form__field-label {
348
+ display: block;
349
+ }
350
+
351
+ .kne-form-info_5uGUh {
352
+ display: flex;
353
+ flex-direction: column;
354
+ gap: 16px;
355
+ }
356
+
357
+ .kne-form-info_H8TZT {
358
+ display: flex;
359
+ flex-direction: column;
360
+ align-items: stretch;
361
+ gap: 12px;
362
+ padding: 16px;
363
+ background: #fff;
364
+ border: 1px solid var(--font-color-grey-4, #f0f0f0);
365
+ border-radius: 8px;
366
+ box-sizing: border-box;
367
+ }
368
+
369
+ .kne-form-info_3Mhy7 {
370
+ flex: 1;
371
+ min-width: 0;
372
+ display: flex;
373
+ flex-direction: column;
374
+ gap: 12px;
375
+ }
376
+
377
+ .kne-form-info_-e-f1 {
378
+ width: 100%;
379
+ min-width: 0;
380
+ }
381
+
382
+ .kne-form-info_FVPV7 {
383
+ display: flex;
384
+ align-items: center;
385
+ justify-content: center;
386
+ width: 100%;
387
+ padding-top: 8px;
388
+ margin-top: 4px;
389
+ border-top: 1px solid var(--font-color-grey-4, #f0f0f0);
390
+ }
179
391
 
180
- ._Uw-3T {
392
+ .kne-form-info_Uw-3T {
181
393
  border: solid 1px var(--bg-color-grey-3);
182
394
  }
183
395
 
184
- ._Qkutm.ant-col {
396
+ .kne-form-info_Qkutm.ant-col {
185
397
  padding-bottom: 0;
186
398
  }
187
399
 
188
- ._9WdfD {
400
+ .kne-form-info_9WdfD {
189
401
  background: var(--bg-color-grey-1);
190
402
  }
191
- ._9WdfD ._CsPaL:before {
403
+ .kne-form-info_9WdfD .kne-form-info_CsPaL:before {
192
404
  color: var(--color-warning);
193
405
  content: "*";
194
406
  position: static;
@@ -197,39 +409,58 @@
197
409
  margin-right: 6px;
198
410
  font-weight: bold;
199
411
  }
200
- ._9WdfD .ant-col {
412
+ .kne-form-info_9WdfD .ant-col {
201
413
  padding: 8px 16px;
202
414
  }
203
415
 
204
- ._8smwK {
416
+ .kne-form-info_8smwK {
205
417
  flex-basis: 100px;
206
418
  text-align: right;
207
419
  }
208
420
 
209
- ._IOdkE {
421
+ .kne-form-info_IOdkE {
210
422
  justify-content: center;
211
423
  width: auto;
212
424
  }
213
- ._IOdkE .ant-steps-item {
425
+ .kne-form-info_IOdkE .ant-steps-item {
214
426
  max-width: 450px;
215
427
  }
216
- ._IOdkE .ant-steps-item-content {
428
+ .kne-form-info_IOdkE .ant-steps-item-content {
217
429
  text-wrap: nowrap;
218
430
  }
219
431
 
220
- ._uc1HZ {
432
+ .kne-form-info_03aHQ {
433
+ width: 100%;
434
+ justify-content: flex-start;
435
+ }
436
+ .kne-form-info_03aHQ .ant-steps-item {
437
+ max-width: none;
438
+ }
439
+ .kne-form-info_03aHQ .ant-steps-item-content {
440
+ text-wrap: wrap;
441
+ }
442
+
443
+ .kne-form-info_uc1HZ {
221
444
  width: 100%;
222
445
  }
223
446
 
224
- ._vWPQO ._IOdkE {
447
+ .kne-form-info_vWPQO .kne-form-info_IOdkE {
225
448
  padding: 0 100px;
226
449
  }
450
+ @container kne-responsive (max-width: 768px) {
451
+ .kne-form-info_vWPQO .kne-form-info_IOdkE {
452
+ padding: 0;
453
+ }
454
+ }
455
+ .kne-form-info_vWPQO .kne-form-info_IOdkE.kne-form-info_03aHQ {
456
+ padding: 0;
457
+ }
227
458
 
228
- ._DXskv {
459
+ .kne-form-info_DXskv {
229
460
  padding: 16px;
230
461
  }
231
462
 
232
- ._wU-w4 {
463
+ .kne-form-info_wU-w4 {
233
464
  min-height: 32px;
234
465
  }
235
466
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["style.module.scss"],"names":[],"mappings":"AAAA;EACE,aAAa;AACf;AACA;EACE,gBAAgB;EAChB,wBAAwB;EACxB,iBAAiB;AACnB;AACA;EACE,cAAc;AAChB;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,+BAA+B;AACjC;AACA;EACE,6BAA6B;EAC7B,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,8BAA8B;AAChC;AACA;EACE,2BAA2B;EAC3B,qBAAqB;EACrB,iBAAiB;AACnB;AACA;EACE,iBAAiB;AACnB;AACA;;EAEE,WAAW;AACb;AACA;;EAEE,OAAO;EACP,WAAW;AACb;AACA;;EAEE,mBAAmB;EACnB,wBAAwB;AAC1B;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,yCAAyC;EACzC,0CAA0C;EAC1C,iBAAiB;AACnB;;AAEA;EACE,iCAAiC;AACnC;AACA;EACE,UAAU;EACV,YAAY;EACZ,YAAY;AACd;AACA;EACE,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;AACrC;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,gBAAgB;AAClB;AACA;EACE,uBAAuB;EACvB,UAAU;EACV,YAAY;EACZ,cAAc;AAChB;AACA;EACE,mCAAmC;EACnC,2BAA2B;EAC3B,iCAAiC;EACjC,iBAAiB;AACnB;AACA;EACE,eAAe;AACjB;AACA;EACE,oCAAoC;AACtC;AACA;EACE,YAAY;AACd;AACA;EACE,mBAAmB;EACnB,iDAAiD;EACjD,iBAAiB;EACjB,YAAY;EACZ,eAAe;AACjB;AACA;EACE,0BAA0B;EAC1B,uBAAuB;EACvB,qBAAqB;EACrB,kCAAkC;AACpC;AACA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,wBAAwB;AAC1B;AACA;EACE,aAAa;AACf;AACA;EACE,0CAA0C;AAC5C;AACA;EACE,aAAa;AACf;AACA;EACE,mBAAmB;AACrB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,QAAQ;AACV;AACA;EACE,aAAa;AACf;AACA;EACE,6BAA6B;EAC7B,eAAe;EACf,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;AACpB;AACA;EACE,OAAO;AACT;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;AAC7B;AACA;EACE,aAAa;AACf;AACA;EACE,+CAA+C;AACjD;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,aAAa;EACb,uBAAuB;AACzB;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,kCAAkC;AACpC;AACA;EACE,2BAA2B;EAC3B,YAAY;EACZ,gBAAgB;EAChB,qBAAqB;EACrB,wBAAwB;EACxB,iBAAiB;EACjB,iBAAiB;AACnB;AACA;EACE,iBAAiB;AACnB;;AAEA;EACE,iBAAiB;EACjB,iBAAiB;AACnB;;AAEA;EACE,uBAAuB;EACvB,WAAW;AACb;AACA;EACE,gBAAgB;AAClB;AACA;EACE,iBAAiB;AACnB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB","file":"index.css","sourcesContent":[".form-outer :global(.multi-field-delete-label) {\n display: none;\n}\n.form-outer:global(.react-form--inner) :global(.react-form__field-label.is-req:before) {\n position: static;\n transform: translateX(0);\n margin-right: 6px;\n}\n.form-outer:global(.react-form--inner) :global(.multi-field-delete-label) {\n display: block;\n}\n.form-outer :global .react-form__field {\n color: var(--font-color);\n}\n.form-outer :global .react-form__field input {\n color: var(--font-color);\n}\n.form-outer :global .react-form__field input::placeholder {\n color: var(--font-color-grey-2);\n}\n.form-outer :global .react-form__field-label {\n color: var(--font-color-grey);\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 8px;\n font-weight: normal !important;\n}\n.form-outer :global .react-form__field-label.is-req:before {\n color: var(--color-warning);\n display: inline-block;\n font-weight: bold;\n}\n.form-outer :global .react-form__field-error {\n line-height: 14px;\n}\n.form-outer :global .ant-input-number,\n.form-outer :global .ant-input-number-group-wrapper {\n width: 100%;\n}\n.form-outer :global .ant-picker.react-form__field-component,\n.form-outer :global .data_range_picker {\n flex: 1;\n width: 100%;\n}\n.form-outer :global .ant-input-number-group-addon,\n.form-outer :global .ant-input-group-addon {\n background: #ffffff;\n color: var(--font-color);\n}\n\n.form-info > :global(.ant-card-head .part-title) {\n font-size: var(--font-size-large);\n}\n\n.extra-btn:global(.ant-btn) {\n border-radius: var(--radius-default, 2px);\n border: 1px solid var(--font-color-grey-2);\n padding: 6px 12px;\n}\n\n.list-part > :global(.ant-card-head .part-title) {\n font-size: var(--font-size-large);\n}\n.list-part .list-part .extra-btn {\n padding: 0;\n border: none;\n min-width: 0;\n}\n.list-part:global.ant-card .ant-card-body {\n padding: 16px 0 0;\n border-radius: 0;\n}\n\n.list-item.is-important > .list-item-part:global(.ant-card > .ant-card-head) {\n background: var(--primary-color-06);\n}\n.list-item.is-important > .list-item-part:global(.ant-card > .ant-card-head .ant-card-head-title .part-title) {\n color: var(--primary-color);\n}\n.list-item.is-important .list-item-part:global(.ant-card .ant-card-head-title .part-title) {\n font-weight: 500;\n}\n.list-item.is-important > .list-item-part:global(.ant-card) .list-part:global(.ant-card > .ant-card-head) {\n background: transparent;\n padding: 0;\n border: none;\n line-height: 1;\n}\n.list-item.is-important > .list-item-part:global(.ant-card) .list-part:global(.ant-card > .ant-card-head) :global(.part-title) {\n background: var(--primary-color-06);\n color: var(--primary-color);\n font-size: var(--font-size-small);\n font-weight: bold;\n}\n.list-item.is-important > .list-item-part:global(.ant-card) .list-part:global(.ant-card > .ant-card-body) {\n padding: 16px 0;\n}\n.list-item.is-important > .list-item-part {\n border-color: var(--primary-color-5);\n}\n.list-item.is-important .table-list-inner {\n border: none;\n}\n.list-item .list-item-part:global(.ant-card) :global(.ant-card-head) {\n background: #f8f8f8;\n border-bottom: 1px solid var(--font-color-grey-4);\n line-height: 36px;\n height: 36px;\n padding: 0 16px;\n}\n.list-item .list-item-part:global(.ant-card) :global(.ant-card-head) .extra-btn {\n min-width: auto !important;\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n}\n.list-item .list-item-part:global(.ant-card) :global(.ant-card-head-title) :global(.part-title) {\n background: transparent;\n font-weight: normal;\n font-size: 14px;\n color: var(--font-color);\n}\n.list-item .list-item-part:global(.ant-card) :global(.ant-card-body) {\n padding: 16px;\n}\n.list-item :global(.ant-divider) {\n border-top-color: var(--font-color-grey-2);\n}\n.list-item :global(.ant-divider) {\n display: none;\n}\n.list-item:not(:last-child) {\n margin-bottom: 16px;\n}\n\n.list-item-part {\n border: 1px solid var(--font-color-grey-4);\n}\n\n.multi-field-item {\n display: flex;\n flex-wrap: nowrap;\n gap: 8px;\n}\n.multi-field-item:not(:first-child) :global .react-form__field-label {\n display: none;\n}\n.multi-field-item .react-form__field-label {\n color: var(--font-color-grey);\n font-size: 14px;\n line-height: 20px;\n height: 20px;\n margin-bottom: 8px;\n}\n.multi-field-item :global .react-form__field {\n flex: 1;\n}\n\n.multi-field-add-btn {\n margin-bottom: 16px;\n}\n\n.table-list .list-item {\n margin-bottom: 0 !important;\n}\n.table-list :global .react-form__field-label {\n display: none;\n}\n.table-list :global .ant-row:not(:last-child) {\n border-bottom: solid 1px var(--bg-color-grey-3);\n}\n.table-list :global .ant-row:hover {\n background: var(--bg-color-grey-1) !important;\n}\n.table-list :global .ant-col {\n padding: 16px;\n width: var(--col-width);\n}\n\n.table-list-inner {\n border: solid 1px var(--bg-color-grey-3);\n}\n\n.table-list-field:global(.ant-col) {\n padding-bottom: 0;\n}\n\n.table-list-header {\n background: var(--bg-color-grey-1);\n}\n.table-list-header .is-req:before {\n color: var(--color-warning);\n content: \"*\";\n position: static;\n display: inline-block;\n transform: translateX(0);\n margin-right: 6px;\n font-weight: bold;\n}\n.table-list-header :global .ant-col {\n padding: 8px 16px;\n}\n\n.table-options {\n flex-basis: 100px;\n text-align: right;\n}\n\n.steps {\n justify-content: center;\n width: auto;\n}\n.steps :global(.ant-steps-item) {\n max-width: 450px;\n}\n.steps :global(.ant-steps-item-content) {\n text-wrap: nowrap;\n}\n\n.steps-form-inner {\n width: 100%;\n}\n\n.steps-modal .steps {\n padding: 0 100px;\n}\n\n.table-list-empty {\n padding: 16px;\n}\n\n.extra-container {\n min-height: 32px;\n}"]}
1
+ {"version":3,"sources":["style.module.scss"],"names":[],"mappings":"AAAA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,iCAAiC;EACjC,gCAAgC;AAClC;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,iCAAiC;EACjC,gCAAgC;AAClC;;AAEA;EACE,aAAa;AACf;AACA;EACE,gBAAgB;EAChB,wBAAwB;EACxB,iBAAiB;AACnB;AACA;EACE,cAAc;AAChB;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,+BAA+B;AACjC;AACA;EACE,6BAA6B;EAC7B,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,8BAA8B;AAChC;AACA;EACE,2BAA2B;EAC3B,qBAAqB;EACrB,iBAAiB;AACnB;AACA;EACE,iBAAiB;AACnB;AACA;;EAEE,WAAW;AACb;AACA;;EAEE,OAAO;EACP,WAAW;AACb;AACA;;EAEE,mBAAmB;EACnB,wBAAwB;AAC1B;AACA;EACE;;;;;;;;;;;;;;IAcE,0BAA0B;EAC5B;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,kBAAkB;EACpB;AACF;;AAEA;EACE,iCAAiC;AACnC;AACA;EACE;IACE,iBAAiB;IACjB,kBAAkB;EACpB;EACA;IACE,iBAAiB;EACnB;AACF;;AAEA;EACE,yCAAyC;EACzC,0CAA0C;EAC1C,iBAAiB;AACnB;;AAEA;EACE,iCAAiC;AACnC;AACA;EACE,UAAU;EACV,YAAY;EACZ,YAAY;AACd;AACA;EACE,iBAAiB;EACjB,gBAAgB;AAClB;AACA;EACE;IACE,uBAAuB;IACvB,2BAA2B;IAC3B,uBAAuB;EACzB;EACA;IACE,gBAAgB;IAChB,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;EACrB;EACA;IACE,iBAAiB;EACnB;EACA;IACE,gBAAgB;EAClB;EACA;IACE,mBAAmB;IACnB,oBAAoB;IACpB,2DAA2D;EAC7D;EACA;IACE,uBAAuB;IACvB,2BAA2B;IAC3B,uBAAuB;EACzB;EACA;IACE,YAAY;IACZ,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;EACrB;EACA;IACE,gBAAgB;EAClB;EACA;IACE,wBAAwB;EAC1B;EACA;IACE,mBAAmB;EACrB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,uBAAuB;IACvB,gBAAgB;EAClB;EACA;IACE,qBAAqB;IACrB,iBAAiB;IACjB,mBAAmB;IACnB,mCAAmC;IACnC,2BAA2B;IAC3B,uCAAuC;IACvC,iBAAiB;EACnB;EACA;IACE,gBAAgB;IAChB,uCAAuC;IACvC,uBAAuB;IACvB,2BAA2B;IAC3B,kBAAkB;IAClB,2CAA2C;IAC3C,8EAA8E;IAC9E,sBAAsB;EACxB;EACA;IACE,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;EACrB;EACA;IACE,yCAAyC;EAC3C;EACA;IACE,gBAAgB;EAClB;EACA;IACE,mBAAmB;IACnB,oBAAoB;EACtB;EACA;IACE,uBAAuB;IACvB,uBAAuB;EACzB;EACA;;IAEE,eAAe;IACf,gBAAgB;EAClB;EACA;IACE,eAAe;IACf,uCAAuC;IACvC,+BAA+B;IAC/B,+DAA+D;EACjE;AACF;;AAEA;EACE,mCAAmC;AACrC;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,gBAAgB;AAClB;AACA;EACE,uBAAuB;EACvB,UAAU;EACV,YAAY;EACZ,cAAc;AAChB;AACA;EACE,mCAAmC;EACnC,2BAA2B;EAC3B,iCAAiC;EACjC,iBAAiB;AACnB;AACA;EACE,eAAe;AACjB;AACA;EACE,oCAAoC;AACtC;AACA;EACE,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,mBAAmB;EACnB,iDAAiD;EACjD,iBAAiB;EACjB,YAAY;EACZ,eAAe;AACjB;AACA;EACE,0BAA0B;EAC1B,uBAAuB;EACvB,qBAAqB;EACrB,kCAAkC;AACpC;AACA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,wBAAwB;AAC1B;AACA;EACE,aAAa;AACf;AACA;EACE,0CAA0C;AAC5C;AACA;EACE,aAAa;AACf;AACA;EACE,mBAAmB;AACrB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,aAAa;EACb,iBAAiB;EACjB,QAAQ;AACV;AACA;EACE,aAAa;AACf;AACA;EACE,6BAA6B;EAC7B,eAAe;EACf,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;AACpB;AACA;EACE,OAAO;AACT;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,uBAAuB;EACvB,2BAA2B;EAC3B,kCAAkC;EAClC,iBAAiB;AACnB;;AAEA;EACE,2BAA2B;AAC7B;AACA;EACE,aAAa;AACf;AACA;EACE,+CAA+C;AACjD;AACA;EACE,6CAA6C;AAC/C;AACA;EACE,aAAa;EACb,uBAAuB;AACzB;AACA;EACE,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;AACX;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,oBAAoB;EACpB,SAAS;EACT,aAAa;EACb,gBAAgB;EAChB,mDAAmD;EACnD,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,OAAO;EACP,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,SAAS;AACX;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,gBAAgB;EAChB,eAAe;EACf,uDAAuD;AACzD;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,kCAAkC;AACpC;AACA;EACE,2BAA2B;EAC3B,YAAY;EACZ,gBAAgB;EAChB,qBAAqB;EACrB,wBAAwB;EACxB,iBAAiB;EACjB,iBAAiB;AACnB;AACA;EACE,iBAAiB;AACnB;;AAEA;EACE,iBAAiB;EACjB,iBAAiB;AACnB;;AAEA;EACE,uBAAuB;EACvB,WAAW;AACb;AACA;EACE,gBAAgB;AAClB;AACA;EACE,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,2BAA2B;AAC7B;AACA;EACE,eAAe;AACjB;AACA;EACE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;AACA;EACE;IACE,UAAU;EACZ;AACF;AACA;EACE,UAAU;AACZ;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB","file":"index.css","sourcesContent":[".kne-responsive-boundary {\n position: relative;\n}\n\n.kne-responsive-scroll {\n overflow: auto;\n}\n\n:root {\n --kne-viewport-width: 100vw;\n --kne-viewport-height: 100vh;\n --kne-viewport-inline-size: 100vw;\n --kne-viewport-block-size: 100vh;\n}\n\n.kne-responsive-boundary {\n --kne-viewport-width: 100vw;\n --kne-viewport-height: 100vh;\n --kne-viewport-inline-size: 100vw;\n --kne-viewport-block-size: 100vh;\n}\n\n.form-outer :global(.multi-field-delete-label) {\n display: none;\n}\n.form-outer:global(.react-form--inner) :global(.react-form__field-label.is-req:before) {\n position: static;\n transform: translateX(0);\n margin-right: 6px;\n}\n.form-outer:global(.react-form--inner) :global(.multi-field-delete-label) {\n display: block;\n}\n.form-outer :global .react-form__field {\n color: var(--font-color);\n}\n.form-outer :global .react-form__field input {\n color: var(--font-color);\n}\n.form-outer :global .react-form__field input::placeholder {\n color: var(--font-color-grey-2);\n}\n.form-outer :global .react-form__field-label {\n color: var(--font-color-grey);\n font-size: 14px;\n line-height: 20px;\n margin-bottom: 8px;\n font-weight: normal !important;\n}\n.form-outer :global .react-form__field-label.is-req:before {\n color: var(--color-warning);\n display: inline-block;\n font-weight: bold;\n}\n.form-outer :global .react-form__field-error {\n line-height: 14px;\n}\n.form-outer :global .ant-input-number,\n.form-outer :global .ant-input-number-group-wrapper {\n width: 100%;\n}\n.form-outer :global .ant-picker.react-form__field-component,\n.form-outer :global .data_range_picker {\n flex: 1;\n width: 100%;\n}\n.form-outer :global .ant-input-number-group-addon,\n.form-outer :global .ant-input-group-addon {\n background: #ffffff;\n color: var(--font-color);\n}\n@container kne-responsive (max-width: 768px) {\n .form-outer :global .ant-input,\n .form-outer :global .ant-input-affix-wrapper,\n .form-outer :global .ant-input-number,\n .form-outer :global .ant-input-number-input,\n .form-outer :global .ant-input-textarea textarea,\n .form-outer :global textarea.ant-input,\n .form-outer :global .ant-select-selector,\n .form-outer :global .ant-select-selection-search-input,\n .form-outer :global .ant-picker,\n .form-outer :global .ant-picker-input > input,\n .form-outer :global .ant-mentions,\n .form-outer :global .ant-mentions textarea,\n .form-outer :global .react-form__field input,\n .form-outer :global .react-form__field textarea {\n font-size: 16px !important;\n }\n .form-outer :global .ant-row {\n row-gap: 12px !important;\n }\n .form-outer :global .react-form__field-label {\n margin-bottom: 6px;\n }\n}\n\n.form-info > :global(.ant-card-head .part-title) {\n font-size: var(--font-size-large);\n}\n@container kne-responsive (max-width: 768px) {\n .form-info:global(.ant-card) > :global(.ant-card-head) {\n padding-inline: 0;\n margin-bottom: 4px;\n }\n .form-info:global(.ant-card) > :global(.ant-card-body) {\n padding: 12px 0 0;\n }\n}\n\n.extra-btn:global(.ant-btn) {\n border-radius: var(--radius-default, 2px);\n border: 1px solid var(--font-color-grey-2);\n padding: 6px 12px;\n}\n\n.list-part > :global(.ant-card-head .part-title) {\n font-size: var(--font-size-large);\n}\n.list-part .list-part .extra-btn {\n padding: 0;\n border: none;\n min-width: 0;\n}\n.list-part:global.ant-card .ant-card-body {\n padding: 16px 0 0;\n border-radius: 0;\n}\n@container kne-responsive (max-width: 768px) {\n .list-part:global(.ant-card) {\n border: none !important;\n box-shadow: none !important;\n background: transparent;\n }\n .list-part:global(.ant-card) > :global(.ant-card-head) {\n padding: 0 0 4px;\n min-height: auto;\n background: transparent;\n border-bottom: none;\n }\n .list-part:global(.ant-card) > :global(.ant-card-body) {\n padding: 12px 0 0;\n }\n .list-part .list-item {\n margin-bottom: 0;\n }\n .list-part .list-item:not(:last-child) {\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px dashed var(--font-color-grey-4, #f0f0f0);\n }\n .list-part .list-item .list-item-part {\n border: none !important;\n box-shadow: none !important;\n background: transparent;\n }\n .list-part .list-item .list-item-part:global(.ant-card) :global(.ant-card-head) {\n height: auto;\n min-height: auto;\n line-height: 1.5;\n padding: 0 0 8px;\n margin-bottom: 0;\n background: transparent;\n border-bottom: none;\n }\n .list-part .list-item .list-item-part:global(.ant-card) :global(.ant-card-body) {\n padding: 4px 0 0;\n }\n .list-part .list-item .list-item-part:global(.ant-card) :global(.ant-row) {\n row-gap: 12px !important;\n }\n .list-part .list-item .list-item-part:global(.ant-card) :global(.ant-col) {\n padding-bottom: 4px;\n }\n .list-part .list-item.is-important > .list-item-part {\n border: none !important;\n }\n .list-part .list-item.is-important > .list-item-part:global(.ant-card > .ant-card-head) {\n background: transparent;\n padding: 0 0 8px;\n }\n .list-part .list-item.is-important > .list-item-part:global(.ant-card > .ant-card-head) :global(.part-title) {\n display: inline-block;\n padding: 4px 10px;\n border-radius: 12px;\n background: var(--primary-color-06);\n color: var(--primary-color);\n font-size: var(--font-size-small, 12px);\n line-height: 16px;\n }\n .list-part .list-part {\n margin: 12px 0 0;\n padding: 12px 12px 12px 14px !important;\n border: none !important;\n box-shadow: none !important;\n border-radius: 8px;\n background: var(--bg-color-grey-1, #fafafa);\n border-left: 3px solid var(--primary-color-2, var(--primary-color)) !important;\n box-sizing: border-box;\n }\n .list-part .list-part:global(.ant-card) > :global(.ant-card-head) {\n padding: 0 0 8px;\n background: transparent;\n border-bottom: none;\n }\n .list-part .list-part:global(.ant-card) > :global(.ant-card-head) :global(.part-title) {\n font-size: var(--font-size-default, 14px);\n }\n .list-part .list-part:global(.ant-card) > :global(.ant-card-body) {\n padding: 4px 0 0;\n }\n .list-part .list-part .list-item:not(:last-child) {\n margin-bottom: 12px;\n padding-bottom: 12px;\n }\n .list-part .list-part .list-item-part {\n border: none !important;\n background: transparent;\n }\n .list-part .list-part .list-item-part:global(.ant-card) :global(.ant-card-head),\n .list-part .list-part .list-item-part:global(.ant-card) :global(.ant-card-body) {\n padding-left: 0;\n padding-right: 0;\n }\n .list-part .list-part .list-part {\n margin-top: 8px;\n padding: 10px 10px 10px 12px !important;\n background: rgba(0, 0, 0, 0.02);\n border-left-color: var(--font-color-grey-3, #d9d9d9) !important;\n }\n}\n\n.list-item.is-important > .list-item-part:global(.ant-card > .ant-card-head) {\n background: var(--primary-color-06);\n}\n.list-item.is-important > .list-item-part:global(.ant-card > .ant-card-head .ant-card-head-title .part-title) {\n color: var(--primary-color);\n}\n.list-item.is-important .list-item-part:global(.ant-card .ant-card-head-title .part-title) {\n font-weight: 500;\n}\n.list-item.is-important > .list-item-part:global(.ant-card) .list-part:global(.ant-card > .ant-card-head) {\n background: transparent;\n padding: 0;\n border: none;\n line-height: 1;\n}\n.list-item.is-important > .list-item-part:global(.ant-card) .list-part:global(.ant-card > .ant-card-head) :global(.part-title) {\n background: var(--primary-color-06);\n color: var(--primary-color);\n font-size: var(--font-size-small);\n font-weight: bold;\n}\n.list-item.is-important > .list-item-part:global(.ant-card) .list-part:global(.ant-card > .ant-card-body) {\n padding: 16px 0;\n}\n.list-item.is-important > .list-item-part {\n border-color: var(--primary-color-5);\n}\n.list-item.is-important .table-list-inner {\n border: none;\n}\n.list-item .list-item-part {\n padding: 0;\n}\n.list-item .list-item-part:global(.ant-card) :global(.ant-card-head) {\n background: #f8f8f8;\n border-bottom: 1px solid var(--font-color-grey-4);\n line-height: 36px;\n height: 36px;\n padding: 0 16px;\n}\n.list-item .list-item-part:global(.ant-card) :global(.ant-card-head) .extra-btn {\n min-width: auto !important;\n border: none !important;\n padding: 0 !important;\n background: transparent !important;\n}\n.list-item .list-item-part:global(.ant-card) :global(.ant-card-head-title) :global(.part-title) {\n background: transparent;\n font-weight: normal;\n font-size: 14px;\n color: var(--font-color);\n}\n.list-item .list-item-part:global(.ant-card) :global(.ant-card-body) {\n padding: 16px;\n}\n.list-item :global(.ant-divider) {\n border-top-color: var(--font-color-grey-2);\n}\n.list-item :global(.ant-divider) {\n display: none;\n}\n.list-item:not(:last-child) {\n margin-bottom: 16px;\n}\n\n.list-item-part {\n border: 1px solid var(--font-color-grey-4);\n}\n\n.multi-field-item {\n display: flex;\n flex-wrap: nowrap;\n gap: 8px;\n}\n.multi-field-item:not(:first-child) :global .react-form__field-label {\n display: none;\n}\n.multi-field-item .react-form__field-label {\n color: var(--font-color-grey);\n font-size: 14px;\n line-height: 20px;\n height: 20px;\n margin-bottom: 8px;\n}\n.multi-field-item :global .react-form__field {\n flex: 1;\n}\n\n.multi-field-add-btn {\n margin-bottom: 16px;\n}\n\n.table-list-view {\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: visible;\n}\n\n.table-list .list-item {\n margin-bottom: 0 !important;\n}\n.table-list :global .react-form__field-label {\n display: none;\n}\n.table-list :global .ant-row:not(:last-child) {\n border-bottom: solid 1px var(--bg-color-grey-3);\n}\n.table-list :global .ant-row:hover {\n background: var(--bg-color-grey-1) !important;\n}\n.table-list :global .ant-col {\n padding: 16px;\n width: var(--col-width);\n}\n.table-list.is-mobile :global .react-form__field-label {\n display: block;\n}\n\n.table-list-mobile-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.table-list-mobile-card {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 12px;\n padding: 16px;\n background: #fff;\n border: 1px solid var(--font-color-grey-4, #f0f0f0);\n border-radius: 8px;\n box-sizing: border-box;\n}\n\n.table-list-mobile-card-body {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.table-list-mobile-field {\n width: 100%;\n min-width: 0;\n}\n\n.table-list-mobile-actions {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding-top: 8px;\n margin-top: 4px;\n border-top: 1px solid var(--font-color-grey-4, #f0f0f0);\n}\n\n.table-list-inner {\n border: solid 1px var(--bg-color-grey-3);\n}\n\n.table-list-field:global(.ant-col) {\n padding-bottom: 0;\n}\n\n.table-list-header {\n background: var(--bg-color-grey-1);\n}\n.table-list-header .is-req:before {\n color: var(--color-warning);\n content: \"*\";\n position: static;\n display: inline-block;\n transform: translateX(0);\n margin-right: 6px;\n font-weight: bold;\n}\n.table-list-header :global .ant-col {\n padding: 8px 16px;\n}\n\n.table-options {\n flex-basis: 100px;\n text-align: right;\n}\n\n.steps {\n justify-content: center;\n width: auto;\n}\n.steps :global(.ant-steps-item) {\n max-width: 450px;\n}\n.steps :global(.ant-steps-item-content) {\n text-wrap: nowrap;\n}\n\n.steps-vertical {\n width: 100%;\n justify-content: flex-start;\n}\n.steps-vertical :global(.ant-steps-item) {\n max-width: none;\n}\n.steps-vertical :global(.ant-steps-item-content) {\n text-wrap: wrap;\n}\n\n.steps-form-inner {\n width: 100%;\n}\n\n.steps-modal .steps {\n padding: 0 100px;\n}\n@container kne-responsive (max-width: 768px) {\n .steps-modal .steps {\n padding: 0;\n }\n}\n.steps-modal .steps.steps-vertical {\n padding: 0;\n}\n\n.table-list-empty {\n padding: 16px;\n}\n\n.extra-container {\n min-height: 32px;\n}"]}
package/dist/index.d.ts CHANGED
@@ -104,6 +104,8 @@ export interface TableListProps {
104
104
  list?: ReactNode[];
105
105
  empty?: ReactNode;
106
106
  itemTitle?: ({ index }: { index: number }) => string;
107
+ /** 移动端适配，同 @kne/table-view：true 默认卡片、function 自定义、string 走 preset */
108
+ renderMobile?: boolean | string | ((props: any) => ReactNode);
107
109
  }
108
110
 
109
111
  export interface MultiFieldProps {