form-driver 0.4.21 → 0.4.23
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/m3.css +116 -8
- package/dist/m3.js +1 -1
- package/es/m3.css +116 -8
- package/es/m3.js +486 -474
- package/lib/m3.css +116 -8
- package/lib/m3.js +485 -473
- package/package.json +4 -1
- package/src/ui/editor/basic/ARangePicker.tsx +15 -3
- package/src/ui/widget/EnhancedSortDrag.less +61 -0
- package/src/ui/widget/EnhancedSortDrag.tsx +294 -284
- package/src/ui/widget/SortDrag.less +78 -13
- package/src/ui/widget/SortDrag.tsx +119 -103
- package/types/ui/widget/EnhancedSortDrag.d.ts +3 -1
package/dist/m3.css
CHANGED
|
@@ -317,6 +317,10 @@ table.M3_table tr:last-child td {
|
|
|
317
317
|
border-radius: 6px;
|
|
318
318
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
|
|
319
319
|
transition: all 0.3s ease;
|
|
320
|
+
-moz-user-select: none;
|
|
321
|
+
-ms-user-select: none;
|
|
322
|
+
user-select: none;
|
|
323
|
+
-webkit-user-select: none;
|
|
320
324
|
}
|
|
321
325
|
.enhanced-dragItem.direction-horizontal {
|
|
322
326
|
flex: 0 0 auto;
|
|
@@ -380,6 +384,26 @@ table.M3_table tr:last-child td {
|
|
|
380
384
|
flex: 1;
|
|
381
385
|
transition: all 0.3s ease;
|
|
382
386
|
}
|
|
387
|
+
.enhanced-dragItem .enhanced-dragHandleWrapper {
|
|
388
|
+
display: flex;
|
|
389
|
+
align-items: center;
|
|
390
|
+
justify-content: center;
|
|
391
|
+
min-width: 44px;
|
|
392
|
+
min-height: 44px;
|
|
393
|
+
cursor: -webkit-grab;
|
|
394
|
+
cursor: grab;
|
|
395
|
+
margin-left: 4px;
|
|
396
|
+
touch-action: none;
|
|
397
|
+
-webkit-touch-callout: none;
|
|
398
|
+
}
|
|
399
|
+
.enhanced-dragItem .enhanced-dragHandleWrapper:active .enhanced-dragHandleIcon {
|
|
400
|
+
color: #1890ff;
|
|
401
|
+
}
|
|
402
|
+
.enhanced-dragItem .enhanced-dragHandleIcon {
|
|
403
|
+
font-size: 20px;
|
|
404
|
+
color: #999;
|
|
405
|
+
transition: color 0.2s;
|
|
406
|
+
}
|
|
383
407
|
@-webkit-keyframes pulse {
|
|
384
408
|
0% {
|
|
385
409
|
opacity: 0.4;
|
|
@@ -423,6 +447,31 @@ table.M3_table tr:last-child td {
|
|
|
423
447
|
min-width: 100px;
|
|
424
448
|
}
|
|
425
449
|
}
|
|
450
|
+
.enhanced-sortDrag-overlay {
|
|
451
|
+
background: #ffffff;
|
|
452
|
+
border-radius: 8px;
|
|
453
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.12);
|
|
454
|
+
border: 1px solid rgba(0, 0, 0, 0.06);
|
|
455
|
+
}
|
|
456
|
+
.enhanced-sortDrag-overlay .enhanced-sortDrag-overlay-content {
|
|
457
|
+
padding: 10px 16px;
|
|
458
|
+
}
|
|
459
|
+
.enhanced-sortDrag-overlay .enhanced-sortDrag-overlay-content .enhanced-sortDrag-overlay-body {
|
|
460
|
+
font-size: 14px;
|
|
461
|
+
color: #262626;
|
|
462
|
+
}
|
|
463
|
+
.enhanced-sortDrag-overlay .enhanced-sortDrag-overlay-row {
|
|
464
|
+
display: flex;
|
|
465
|
+
align-items: center;
|
|
466
|
+
padding: 10px 16px;
|
|
467
|
+
grid-gap: 8px;
|
|
468
|
+
gap: 8px;
|
|
469
|
+
}
|
|
470
|
+
.enhanced-sortDrag-overlay .enhanced-sortDrag-overlay-row .enhanced-sortDrag-overlay-label {
|
|
471
|
+
font-size: 14px;
|
|
472
|
+
color: #262626;
|
|
473
|
+
font-weight: 500;
|
|
474
|
+
}
|
|
426
475
|
|
|
427
476
|
.ACnAddress_p div {
|
|
428
477
|
width: 50%;
|
|
@@ -481,26 +530,85 @@ table.M3_table tr:last-child td {
|
|
|
481
530
|
|
|
482
531
|
.sortDrag .dragItem {
|
|
483
532
|
display: flex;
|
|
533
|
+
align-items: center;
|
|
484
534
|
justify-content: space-between;
|
|
485
|
-
padding: 4px
|
|
535
|
+
padding: 0 4px;
|
|
486
536
|
background: #fff;
|
|
487
537
|
font-size: 14px;
|
|
488
|
-
transition: background 0.
|
|
538
|
+
transition: background 0.15s ease, box-shadow 0.15s ease;
|
|
539
|
+
cursor: default;
|
|
540
|
+
-moz-user-select: none;
|
|
541
|
+
-ms-user-select: none;
|
|
542
|
+
user-select: none;
|
|
543
|
+
-webkit-user-select: none;
|
|
544
|
+
}
|
|
545
|
+
.sortDrag .dragItem.dragging {
|
|
546
|
+
background: #fafafa;
|
|
547
|
+
}
|
|
548
|
+
.sortDrag .dragHandleWrapper {
|
|
549
|
+
display: flex;
|
|
550
|
+
align-items: center;
|
|
551
|
+
justify-content: center;
|
|
552
|
+
min-width: 36px;
|
|
553
|
+
min-height: 36px;
|
|
489
554
|
cursor: -webkit-grab;
|
|
490
555
|
cursor: grab;
|
|
556
|
+
margin-left: 2px;
|
|
557
|
+
border-radius: 4px;
|
|
558
|
+
touch-action: none;
|
|
559
|
+
-webkit-touch-callout: none;
|
|
560
|
+
transition: background 0.15s ease;
|
|
491
561
|
}
|
|
492
|
-
.sortDrag .
|
|
493
|
-
background: #
|
|
494
|
-
|
|
562
|
+
.sortDrag .dragHandleWrapper:hover {
|
|
563
|
+
background: #f5f5f5;
|
|
564
|
+
}
|
|
565
|
+
.sortDrag .dragHandleWrapper:active {
|
|
566
|
+
cursor: -webkit-grabbing;
|
|
567
|
+
cursor: grabbing;
|
|
568
|
+
background: #e8e8e8;
|
|
569
|
+
}
|
|
570
|
+
.sortDrag .dragHandleWrapper:active .dragHandleIcon {
|
|
571
|
+
color: #1890ff;
|
|
495
572
|
}
|
|
496
|
-
.sortDrag .
|
|
497
|
-
|
|
573
|
+
.sortDrag .dragHandleIcon {
|
|
574
|
+
font-size: 16px;
|
|
575
|
+
color: #bfbfbf;
|
|
576
|
+
transition: color 0.15s ease;
|
|
498
577
|
}
|
|
499
578
|
.sortDrag .dragBody {
|
|
500
579
|
flex: 1;
|
|
580
|
+
min-height: 0;
|
|
501
581
|
}
|
|
502
582
|
.sortDrag .dragHandle {
|
|
503
|
-
width:
|
|
583
|
+
width: 36px;
|
|
584
|
+
}
|
|
585
|
+
.sortDrag-overlay .sortDrag-overlay-inner {
|
|
586
|
+
display: flex;
|
|
587
|
+
align-items: center;
|
|
588
|
+
justify-content: space-between;
|
|
589
|
+
padding: 4px 8px;
|
|
590
|
+
background: #ffffff;
|
|
591
|
+
border-radius: 8px;
|
|
592
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.12);
|
|
593
|
+
border: 1px solid rgba(0, 0, 0, 0.06);
|
|
594
|
+
}
|
|
595
|
+
.sortDrag-overlay .sortDrag-overlay-inner .dragBody {
|
|
596
|
+
flex: 1;
|
|
597
|
+
}
|
|
598
|
+
.sortDrag-overlay .sortDrag-overlay-handle {
|
|
599
|
+
display: flex;
|
|
600
|
+
align-items: center;
|
|
601
|
+
justify-content: center;
|
|
602
|
+
width: 28px;
|
|
603
|
+
height: 28px;
|
|
604
|
+
border-radius: 4px;
|
|
605
|
+
background: #f0f0f0;
|
|
606
|
+
margin-left: 6px;
|
|
607
|
+
flex-shrink: 0;
|
|
608
|
+
}
|
|
609
|
+
.sortDrag-overlay .sortDrag-overlay-handleIcon {
|
|
610
|
+
font-size: 14px;
|
|
611
|
+
color: #8c8c8c;
|
|
504
612
|
}
|
|
505
613
|
|
|
506
614
|
/**
|