@xfe-repo/web-components 1.5.1 → 1.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* src/Loading/index.module.less */
2
- .index_module_loading {
2
+ .index_module_loading2 {
3
3
  display: block;
4
4
  }
5
5
 
@@ -52,3 +52,548 @@
52
52
  display: none;
53
53
  }
54
54
  }
55
+
56
+ /* src/RichTextEditor/index.module.less */
57
+ .index_module_richTextEditor {
58
+ background-color: #fff;
59
+ border: 1px solid #ebeef5;
60
+ border-radius: 8px;
61
+ color: #000;
62
+ flex-grow: 1;
63
+ padding: 30px 20px;
64
+ outline: 0;
65
+ }
66
+ .index_module_richTextEditor ::selection {
67
+ background: rgba(0, 0, 0, 0.1) !important;
68
+ color: unset !important;
69
+ }
70
+ .index_module_richTextEditor .index_module_is-active {
71
+ background-color: purple;
72
+ }
73
+ .index_module_richTextEditor :first-child {
74
+ margin-top: 0;
75
+ }
76
+ .index_module_richTextEditor ul,
77
+ .index_module_richTextEditor ol {
78
+ padding: 0 1rem;
79
+ margin: 1.25rem 1rem 1.25rem 0.4rem;
80
+ }
81
+ .index_module_richTextEditor ul li p,
82
+ .index_module_richTextEditor ol li p {
83
+ margin-top: 0.25em;
84
+ margin-bottom: 0.25em;
85
+ }
86
+ .index_module_richTextEditor h1,
87
+ .index_module_richTextEditor h2,
88
+ .index_module_richTextEditor h3,
89
+ .index_module_richTextEditor h4,
90
+ .index_module_richTextEditor h5,
91
+ .index_module_richTextEditor h6 {
92
+ line-height: 1.1;
93
+ margin-top: 2.5rem;
94
+ text-wrap: pretty;
95
+ }
96
+ .index_module_richTextEditor h1,
97
+ .index_module_richTextEditor h2 {
98
+ margin-top: 3.5rem;
99
+ margin-bottom: 1.5rem;
100
+ }
101
+ .index_module_richTextEditor h1 {
102
+ font-size: 1.4rem;
103
+ }
104
+ .index_module_richTextEditor h2 {
105
+ font-size: 1.2rem;
106
+ }
107
+ .index_module_richTextEditor h3 {
108
+ font-size: 1.1rem;
109
+ }
110
+ .index_module_richTextEditor h4,
111
+ .index_module_richTextEditor h5,
112
+ .index_module_richTextEditor h6 {
113
+ font-size: 1rem;
114
+ }
115
+ .index_module_richTextEditor code {
116
+ background-color: var(--purple-light);
117
+ border-radius: 0.4rem;
118
+ color: var(--black);
119
+ font-size: 0.85rem;
120
+ padding: 0.25em 0.3em;
121
+ }
122
+ .index_module_richTextEditor pre {
123
+ background: var(--black);
124
+ border-radius: 0.5rem;
125
+ color: var(--white);
126
+ font-family: "JetBrainsMono", monospace;
127
+ margin: 1.5rem 0;
128
+ padding: 0.75rem 1rem;
129
+ }
130
+ .index_module_richTextEditor pre code {
131
+ background: none;
132
+ color: inherit;
133
+ font-size: 0.8rem;
134
+ padding: 0;
135
+ }
136
+ .index_module_richTextEditor blockquote {
137
+ border-left: 3px solid var(--gray-3);
138
+ margin: 1.5rem 0;
139
+ padding-left: 1rem;
140
+ }
141
+ .index_module_richTextEditor hr {
142
+ border: none;
143
+ border-top: 1px solid var(--gray-2);
144
+ margin: 2rem 0;
145
+ }
146
+ .index_module_richTextEditor .index_module_tiptap-editor__placeholder.index_module_tiptap-editor--empty:first-child::before {
147
+ color: #c0c4cc;
148
+ content: attr(data-placeholder);
149
+ float: left;
150
+ height: 0;
151
+ pointer-events: none;
152
+ }
153
+ .index_module_menuBar {
154
+ margin-bottom: 10px;
155
+ }
156
+ .index_module_menuBar .index_module_menuBtnGroup {
157
+ display: flex;
158
+ flex-wrap: wrap;
159
+ gap: 10px;
160
+ }
161
+ .index_module_menuBar .index_module_menuBtnGroup .ant-btn {
162
+ border-radius: 10px;
163
+ }
164
+ .index_module_menuBar .index_module_isActive {
165
+ color: white;
166
+ background-color: purple;
167
+ }
168
+ .index_module_disabled {
169
+ pointer-events: none;
170
+ }
171
+ .index_module_footer {
172
+ display: flex;
173
+ justify-content: flex-end;
174
+ margin-top: 10px;
175
+ margin-right: 10px;
176
+ border-top: #c0c4cc;
177
+ color: #c0c4cc;
178
+ }
179
+
180
+ /* src/RichTextEditor/ColorPicker.module.less */
181
+ .ColorPicker_module_color_picker_default_children {
182
+ border-inline-end-width: 1px;
183
+ border-color: #1677ff;
184
+ box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
185
+ outline: 0;
186
+ min-width: 20px;
187
+ height: 20px;
188
+ border-radius: 6px;
189
+ border: 1px solid #d9d9d9;
190
+ cursor: pointer;
191
+ display: inline-flex;
192
+ align-items: center;
193
+ justify-content: center;
194
+ transition: all 0.2s;
195
+ background: #ffffff;
196
+ padding: 2px;
197
+ }
198
+ .ColorPicker_module_color_picker_default_children .ColorPicker_module_color_picker_default_children_color {
199
+ width: 100%;
200
+ height: 100%;
201
+ border-radius: 6px;
202
+ }
203
+
204
+ /* src/EffectCategoryCascade/index.module.less */
205
+ .index_module_select {
206
+ width: 100%;
207
+ }
208
+
209
+ /* src/SearchForm/index.module.less */
210
+ .index_module_table_header_form {
211
+ width: 100%;
212
+ gap: 16px 18px;
213
+ margin-bottom: 16px;
214
+ overflow: auto;
215
+ }
216
+ .index_module_table_header_form .ant-form-item {
217
+ margin: 0 !important;
218
+ }
219
+ .index_module_table_header_form .ant-form-item .ant-form-item-label {
220
+ width: 100px;
221
+ overflow: hidden;
222
+ text-align: right;
223
+ }
224
+ @media (min-width: 1600px) {
225
+ .index_module_table_header_form .ant-form-item-control-input,
226
+ .table_header_form .ant-input-number,
227
+ .table_header_form .ant-picker-range {
228
+ width: 234px;
229
+ }
230
+ }
231
+ @media (min-width: 480px) and (max-width: 1600px) {
232
+ .index_module_table_header_form .ant-form-item-control-input,
233
+ .table_header_form .ant-input-number,
234
+ .table_header_form .ant-picker-range {
235
+ width: 210px;
236
+ }
237
+ }
238
+ @media (max-width: 480px) {
239
+ .index_module_table_header_form .ant-form-item-control-input,
240
+ .table_header_form .ant-input-number,
241
+ .table_header_form .ant-picker-range {
242
+ width: 150px;
243
+ }
244
+ }
245
+ .index_module_table_header_actions {
246
+ margin-left: 100px;
247
+ }
248
+
249
+ /* src/SearchList/index.module.less */
250
+ .index_module_search_list {
251
+ display: flex;
252
+ flex-wrap: wrap;
253
+ }
254
+ .index_module_search_action {
255
+ display: flex;
256
+ flex-wrap: nowrap;
257
+ justify-content: flex-end;
258
+ margin-left: 20px;
259
+ }
260
+ .index_module_search_action button:not(:first-of-type) {
261
+ margin-left: 15px;
262
+ }
263
+
264
+ /* src/FileUpload/index.module.less */
265
+ .index_module_upload_btn {
266
+ position: relative;
267
+ display: flex;
268
+ align-items: center;
269
+ justify-content: center;
270
+ flex-direction: column;
271
+ width: 100%;
272
+ height: 100%;
273
+ }
274
+ .index_module_upload_btn .index_module_text {
275
+ margin-top: 4px;
276
+ font-size: 12px;
277
+ }
278
+ .index_module_upload_btn .index_module_button {
279
+ width: calc(100% + 2px);
280
+ position: absolute;
281
+ bottom: -1px;
282
+ left: 50%;
283
+ transform: translateX(-50%);
284
+ }
285
+ .index_module_remote .ant-popover-inner-content {
286
+ padding: 5px;
287
+ width: 200px;
288
+ height: 200px;
289
+ }
290
+ .index_module_upload_mask {
291
+ position: fixed;
292
+ top: 0;
293
+ right: 0;
294
+ bottom: 0;
295
+ left: 0;
296
+ background: rgba(0, 0, 0, 0.5);
297
+ display: flex;
298
+ justify-content: center;
299
+ align-items: center;
300
+ z-index: 9999;
301
+ }
302
+
303
+ /* src/QRCode/index.module.less */
304
+ .index_module_qrcode {
305
+ position: relative;
306
+ width: 100%;
307
+ height: 100%;
308
+ max-width: 200px;
309
+ max-height: 200px;
310
+ }
311
+ .index_module_qrcode .index_module_img {
312
+ width: 100%;
313
+ height: 100%;
314
+ }
315
+ .index_module_qrcode .index_module_mask,
316
+ .index_module_qrcode .index_module_loading {
317
+ position: absolute;
318
+ top: 0;
319
+ right: 0;
320
+ width: 100%;
321
+ height: 100%;
322
+ display: flex;
323
+ justify-content: center;
324
+ align-items: center;
325
+ flex-direction: column;
326
+ }
327
+ .index_module_qrcode .index_module_mask {
328
+ background-color: rgba(255, 255, 255, 0.9);
329
+ font-weight: bold;
330
+ color: var(--ant-primary-color);
331
+ }
332
+ .index_module_qrcode .index_module_loading {
333
+ pointer-events: none;
334
+ }
335
+
336
+ /* src/WithPanel/index.module.less */
337
+ .index_module_drawer_footer {
338
+ width: 100%;
339
+ }
340
+
341
+ /* src/EffectBrandTransfer/index.module.less */
342
+ .index_module_input {
343
+ min-width: 120px;
344
+ }
345
+
346
+ /* src/EffectSkuTable/index.module.less */
347
+ .index_module_input2 {
348
+ min-width: 120px;
349
+ }
350
+
351
+ /* src/EffectBrandSelect/index.module.less */
352
+ .index_module_input3 {
353
+ width: 100%;
354
+ }
355
+ .index_module_select2 {
356
+ width: auto;
357
+ }
358
+
359
+ /* src/EffectSkuSelect/index.module.less */
360
+ .index_module_input4 {
361
+ width: 100%;
362
+ }
363
+ .index_module_image {
364
+ position: relative;
365
+ }
366
+ .index_module_image .index_module_preview {
367
+ position: absolute;
368
+ right: 15px;
369
+ top: 5px;
370
+ z-index: 1000;
371
+ padding: 0 4px;
372
+ display: flex;
373
+ align-items: center;
374
+ background-color: rgba(0, 0, 0, 0.5);
375
+ color: #fff;
376
+ transition: opacity ease-in-out 0.3s;
377
+ opacity: 0;
378
+ }
379
+ .index_module_image .index_module_preview .index_module_icon {
380
+ display: block;
381
+ font-size: 14px;
382
+ margin-right: 4px;
383
+ }
384
+ .index_module_image .ant-image img {
385
+ width: 100px;
386
+ height: 100px;
387
+ object-fit: contain;
388
+ }
389
+ .index_module_image .ant-image-mask {
390
+ display: none;
391
+ }
392
+ .index_module_select_dropdown {
393
+ width: auto;
394
+ height: auto;
395
+ max-height: 270px;
396
+ overflow-y: auto;
397
+ }
398
+ .index_module_select_dropdown .index_module_options {
399
+ display: grid;
400
+ grid-template-columns: repeat(4, 1fr);
401
+ margin-bottom: 10px;
402
+ }
403
+ .index_module_select_dropdown .index_module_option {
404
+ position: relative;
405
+ padding: 5px;
406
+ text-align: center;
407
+ color: rgba(0, 0, 0, 0.85);
408
+ cursor: pointer;
409
+ transition: background 0.3s ease;
410
+ }
411
+ .index_module_select_dropdown .index_module_option .index_module_label {
412
+ width: 120px;
413
+ margin-top: 3px;
414
+ word-break: break-all;
415
+ font-size: 14px;
416
+ }
417
+ .index_module_select_dropdown .index_module_option:hover {
418
+ background-color: #f5f5f5;
419
+ }
420
+ .index_module_select_dropdown .index_module_option:hover .index_module_select_image .index_module_preview {
421
+ opacity: 1;
422
+ }
423
+ .index_module_select_dropdown .index_module_option.index_module_active {
424
+ color: rgba(0, 0, 0, 0.85);
425
+ background-color: var(--ant-primary-1);
426
+ }
427
+ .index_module_select_dropdown .index_module_option.index_module_active:hover {
428
+ background-color: var(--ant-primary-1);
429
+ }
430
+
431
+ /* src/EffectSeriesSelect/index.module.less */
432
+ .index_module_input5 {
433
+ width: 100%;
434
+ }
435
+ .index_module_hover {
436
+ color: rgba(0, 0, 0, 0.85);
437
+ cursor: pointer;
438
+ transition: background 0.3s ease;
439
+ }
440
+ .index_module_hover:hover {
441
+ background-color: #f5f5f5;
442
+ }
443
+ .index_module_dropdown {
444
+ width: auto;
445
+ height: auto;
446
+ max-height: 270px;
447
+ overflow-y: auto;
448
+ }
449
+ .index_module_dropdown .index_module_img_opt {
450
+ display: grid;
451
+ grid-template-columns: repeat(4, 1fr);
452
+ margin-bottom: 10px;
453
+ }
454
+ .index_module_dropdown .index_module_img_opt .index_module_item {
455
+ position: relative;
456
+ padding: 5px;
457
+ text-align: center;
458
+ color: rgba(0, 0, 0, 0.85);
459
+ cursor: pointer;
460
+ transition: background 0.3s ease;
461
+ }
462
+ .index_module_dropdown .index_module_img_opt .index_module_item:hover {
463
+ background-color: #f5f5f5;
464
+ }
465
+ .index_module_dropdown .index_module_img_opt .index_module_item:hover .index_module_icon_preview {
466
+ opacity: 1;
467
+ }
468
+ .index_module_dropdown .index_module_img_opt .index_module_item .index_module_icon_preview {
469
+ position: absolute;
470
+ right: 15px;
471
+ top: 5px;
472
+ z-index: 1000;
473
+ background-color: rgba(0, 0, 0, 0.5);
474
+ padding: 0 4px;
475
+ opacity: 0;
476
+ transition: opacity ease-in-out 0.3s;
477
+ display: flex;
478
+ align-items: center;
479
+ color: #fff;
480
+ font-size: 14px;
481
+ }
482
+ .index_module_dropdown .index_module_img_opt .index_module_item .index_module_icon_preview .index_module_icon_eye {
483
+ display: block;
484
+ font-size: 14px;
485
+ margin-right: 4px;
486
+ }
487
+ .index_module_dropdown .index_module_img_opt .index_module_item_img {
488
+ width: 100px;
489
+ height: 100px;
490
+ object-fit: contain;
491
+ }
492
+ .index_module_dropdown .index_module_img_opt .index_module_item_mask_img {
493
+ bottom: auto;
494
+ left: auto;
495
+ }
496
+ .index_module_dropdown .index_module_img_opt .index_module_item_label {
497
+ width: 120px;
498
+ word-break: break-all;
499
+ }
500
+ .index_module_dropdown .index_module_txt_opt {
501
+ display: flex;
502
+ flex-direction: column;
503
+ }
504
+ .index_module_dropdown .index_module_txt_opt .index_module_item {
505
+ display: block;
506
+ padding: 5px 12px;
507
+ font-size: 14px;
508
+ line-height: 22px;
509
+ color: rgba(0, 0, 0, 0.85);
510
+ cursor: pointer;
511
+ transition: background 0.3s ease;
512
+ }
513
+ .index_module_dropdown .index_module_txt_opt .index_module_item:hover {
514
+ background-color: #f5f5f5;
515
+ }
516
+ .index_module_active2 {
517
+ color: rgba(0, 0, 0, 0.85);
518
+ background-color: var(--ant-primary-1);
519
+ }
520
+ .index_module_active2:hover {
521
+ background-color: var(--ant-primary-1) !important;
522
+ }
523
+
524
+ /* src/EffectSpuSelect/index.module.less */
525
+ .index_module_input6 {
526
+ width: 100%;
527
+ }
528
+ .index_module_select3 {
529
+ width: auto;
530
+ }
531
+
532
+ /* src/EffectWithFilePanel/index.module.less */
533
+ .index_module_accept {
534
+ margin-bottom: 20px;
535
+ }
536
+ .index_module_accept span {
537
+ color: var(--ant-primary-color);
538
+ }
539
+
540
+ /* src/EffectSkuRecognize/index.module.less */
541
+ .index_module_maring_top {
542
+ margin-top: 20px;
543
+ }
544
+
545
+ /* src/EffectMerchantSelect/index.module.less */
546
+ .index_module_merchant_select_wrap {
547
+ display: flex;
548
+ }
549
+ .index_module_addon_before {
550
+ width: 85px !important;
551
+ margin-right: -1px;
552
+ }
553
+ .index_module_addon_before .ant-select-selector {
554
+ border-top-right-radius: 0;
555
+ border-bottom-right-radius: 0;
556
+ }
557
+ .index_module_selector {
558
+ flex: 1;
559
+ width: 100%;
560
+ }
561
+ .index_module_selector .ant-select-selector {
562
+ border-top-left-radius: 0;
563
+ border-bottom-left-radius: 0;
564
+ }
565
+
566
+ /* src/EffectStaffSelect/index.module.less */
567
+ .index_module_select4 {
568
+ width: auto;
569
+ }
570
+
571
+ /* src/EffectWarehouseSelect/index.module.less */
572
+ .index_module_select5 {
573
+ min-width: 200px;
574
+ }
575
+
576
+ /* src/EffectAddressCascade/index.module.less */
577
+ .index_module_input7 {
578
+ width: 100%;
579
+ }
580
+ .index_module_select6 {
581
+ width: auto;
582
+ }
583
+
584
+ /* src/EffectLabelSelect/index.module.less */
585
+ .index_module_input8 {
586
+ width: 100%;
587
+ }
588
+ .index_module_select_wrap {
589
+ display: flex;
590
+ }
591
+ .index_module_select_wrap .index_module_select_label {
592
+ width: 85px !important;
593
+ }
594
+ .index_module_select_wrap .index_module_select_label .ant-select-selector {
595
+ border-right: none !important;
596
+ }
597
+ .index_module_select7 {
598
+ width: auto;
599
+ }