@univerjs/preset-sheets-advanced 1.0.0-alpha.2 → 1.0.0-alpha.4

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/lib/cjs/index.js CHANGED
@@ -14,6 +14,7 @@ let _univerjs_pro_sheets_shape = require("@univerjs-pro/sheets-shape");
14
14
  let _univerjs_pro_sheets_shape_ui = require("@univerjs-pro/sheets-shape-ui");
15
15
  let _univerjs_pro_sheets_sparkline = require("@univerjs-pro/sheets-sparkline");
16
16
  let _univerjs_pro_sheets_sparkline_ui = require("@univerjs-pro/sheets-sparkline-ui");
17
+ require("@univerjs-pro/engine-shape/facade");
17
18
  require("@univerjs-pro/exchange-client/facade");
18
19
  require("@univerjs-pro/sheets-pivot/facade");
19
20
  require("@univerjs-pro/engine-formula/facade");
package/lib/es/index.js CHANGED
@@ -13,6 +13,7 @@ import { UniverSheetsShapePlugin } from "@univerjs-pro/sheets-shape";
13
13
  import { UniverSheetsShapeUIPlugin } from "@univerjs-pro/sheets-shape-ui";
14
14
  import { UniverSheetSparklinePlugin } from "@univerjs-pro/sheets-sparkline";
15
15
  import { UniverSheetSparklineUIPlugin } from "@univerjs-pro/sheets-sparkline-ui";
16
+ import "@univerjs-pro/engine-shape/facade";
16
17
  import "@univerjs-pro/exchange-client/facade";
17
18
  import "@univerjs-pro/sheets-pivot/facade";
18
19
  import "@univerjs-pro/engine-formula/facade";
package/lib/index.css CHANGED
@@ -254,10 +254,6 @@
254
254
  font-weight: 600;
255
255
  }
256
256
 
257
- .univer-leading-6 {
258
- line-height: 1.5rem;
259
- }
260
-
261
257
  .univer-text-blue-500 {
262
258
  color: var(--univer-blue-500);
263
259
  }
@@ -392,11 +388,6 @@
392
388
  margin-right: auto;
393
389
  }
394
390
 
395
- .univer-my-1 {
396
- margin-top: .25rem;
397
- margin-bottom: .25rem;
398
- }
399
-
400
391
  .univer-mb-1 {
401
392
  margin-bottom: .25rem;
402
393
  }
@@ -405,6 +396,10 @@
405
396
  margin-bottom: .5rem;
406
397
  }
407
398
 
399
+ .univer-ml-auto {
400
+ margin-left: auto;
401
+ }
402
+
408
403
  .univer-mr-5 {
409
404
  margin-right: 1.25rem;
410
405
  }
@@ -450,6 +445,11 @@
450
445
  height: 1rem;
451
446
  }
452
447
 
448
+ .univer-size-5 {
449
+ width: 1.25rem;
450
+ height: 1.25rem;
451
+ }
452
+
453
453
  .univer-size-full {
454
454
  width: 100%;
455
455
  height: 100%;
@@ -503,10 +503,6 @@
503
503
  height: 100px;
504
504
  }
505
505
 
506
- .univer-h-px {
507
- height: 1px;
508
- }
509
-
510
506
  .univer-max-h-\[75vh\] {
511
507
  max-height: 75vh;
512
508
  }
@@ -555,6 +551,10 @@
555
551
  width: 1rem;
556
552
  }
557
553
 
554
+ .univer-w-40 {
555
+ width: 10rem;
556
+ }
557
+
558
558
  .univer-w-6 {
559
559
  width: 1.5rem;
560
560
  }
@@ -575,6 +575,10 @@
575
575
  width: 168px;
576
576
  }
577
577
 
578
+ .univer-w-\[244px\] {
579
+ width: 244px;
580
+ }
581
+
578
582
  .univer-w-\[260px\] {
579
583
  width: 260px;
580
584
  }
@@ -595,10 +599,6 @@
595
599
  width: 100%;
596
600
  }
597
601
 
598
- .univer-w-px {
599
- width: 1px;
600
- }
601
-
602
602
  .\!univer-min-w-0 {
603
603
  min-width: 0 !important;
604
604
  }
@@ -611,6 +611,10 @@
611
611
  min-width: 8rem;
612
612
  }
613
613
 
614
+ .univer-min-w-40 {
615
+ min-width: 10rem;
616
+ }
617
+
614
618
  .univer-min-w-44 {
615
619
  min-width: 11rem;
616
620
  }
@@ -627,8 +631,12 @@
627
631
  min-width: 2.25rem;
628
632
  }
629
633
 
630
- .univer-max-w-\[760px\] {
631
- max-width: 760px;
634
+ .univer-min-w-\[240px\] {
635
+ min-width: 240px;
636
+ }
637
+
638
+ .univer-max-w-\[min\(760px\,calc\(100vw-32px\)\)\] {
639
+ max-width: min(760px, 100vw - 32px);
632
640
  }
633
641
 
634
642
  .univer-flex-1 {
@@ -651,7 +659,7 @@
651
659
  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
652
660
  }
653
661
 
654
- .-univer-rotate-90 {
662
+ .-univer-rotate-90, .univer--rotate-90 {
655
663
  --univer-tw-rotate: -90deg;
656
664
  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(-90deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
657
665
  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
@@ -677,6 +685,10 @@
677
685
  cursor: pointer;
678
686
  }
679
687
 
688
+ .univer-select-none {
689
+ user-select: none;
690
+ }
691
+
680
692
  .univer-appearance-none {
681
693
  -webkit-appearance: none;
682
694
  appearance: none;
@@ -686,6 +698,14 @@
686
698
  grid-template-columns: repeat(10, minmax(0, 1fr));
687
699
  }
688
700
 
701
+ .univer-grid-cols-2 {
702
+ grid-template-columns: repeat(2, minmax(0, 1fr));
703
+ }
704
+
705
+ .univer-grid-cols-3 {
706
+ grid-template-columns: repeat(3, minmax(0, 1fr));
707
+ }
708
+
689
709
  .univer-grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_76px\] {
690
710
  grid-template-columns: repeat(3, minmax(0, 1fr)) 76px;
691
711
  }
@@ -734,8 +754,8 @@
734
754
  gap: 1rem;
735
755
  }
736
756
 
737
- .univer-self-center {
738
- align-self: center;
757
+ .univer-gap-8 {
758
+ gap: 2rem;
739
759
  }
740
760
 
741
761
  .univer-overflow-auto {
@@ -754,6 +774,10 @@
754
774
  overflow-y: auto;
755
775
  }
756
776
 
777
+ .univer-whitespace-nowrap {
778
+ white-space: nowrap;
779
+ }
780
+
757
781
  .\!univer-rounded-md {
758
782
  border-radius: .375rem !important;
759
783
  }
@@ -815,10 +839,6 @@
815
839
  border-bottom-width: 0;
816
840
  }
817
841
 
818
- .univer-border-l {
819
- border-left-width: 1px;
820
- }
821
-
822
842
  .univer-border-l-2 {
823
843
  border-left-width: 2px;
824
844
  }
@@ -900,6 +920,10 @@
900
920
  object-fit: cover;
901
921
  }
902
922
 
923
+ .\!univer-p-1 {
924
+ padding: .25rem !important;
925
+ }
926
+
903
927
  .univer-p-0 {
904
928
  padding: 0;
905
929
  }
@@ -961,10 +985,6 @@
961
985
  padding-bottom: 1rem;
962
986
  }
963
987
 
964
- .univer-pb-2 {
965
- padding-bottom: .5rem;
966
- }
967
-
968
988
  .univer-pb-2\.5 {
969
989
  padding-bottom: .625rem;
970
990
  }
@@ -1017,10 +1037,18 @@
1017
1037
  font-weight: 600;
1018
1038
  }
1019
1039
 
1040
+ .univer-leading-none {
1041
+ line-height: 1;
1042
+ }
1043
+
1020
1044
  .\!univer-text-primary-300 {
1021
1045
  color: var(--univer-primary-300) !important;
1022
1046
  }
1023
1047
 
1048
+ .univer-text-gray-400 {
1049
+ color: var(--univer-gray-400);
1050
+ }
1051
+
1024
1052
  .univer-text-gray-500 {
1025
1053
  color: var(--univer-gray-500);
1026
1054
  }
@@ -1037,6 +1065,10 @@
1037
1065
  color: var(--univer-gray-800);
1038
1066
  }
1039
1067
 
1068
+ .univer-text-gray-900 {
1069
+ color: var(--univer-gray-900);
1070
+ }
1071
+
1040
1072
  .univer-text-primary-600 {
1041
1073
  color: var(--univer-primary-600);
1042
1074
  }
@@ -1045,6 +1077,13 @@
1045
1077
  opacity: .6;
1046
1078
  }
1047
1079
 
1080
+ .\!univer-shadow-none {
1081
+ --univer-tw-shadow: 0 0 #0000 !important;
1082
+ --univer-tw-shadow-colored: 0 0 #0000 !important;
1083
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
1084
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow) !important;
1085
+ }
1086
+
1048
1087
  .univer-shadow-lg {
1049
1088
  --univer-tw-shadow: 0px 4px 6px 0px #1e284d0d, 0px 10px 15px -3px #1e284d1a;
1050
1089
  --univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);
@@ -1059,6 +1098,13 @@
1059
1098
  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1060
1099
  }
1061
1100
 
1101
+ .univer-shadow-none {
1102
+ --univer-tw-shadow: 0 0 #0000;
1103
+ --univer-tw-shadow-colored: 0 0 #0000;
1104
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
1105
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1106
+ }
1107
+
1062
1108
  .univer-shadow-sm {
1063
1109
  --univer-tw-shadow: 0px 1px 2px 0px #1e284d14;
1064
1110
  --univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);
@@ -1118,6 +1164,38 @@
1118
1164
  opacity: .5;
1119
1165
  }
1120
1166
 
1167
+ .rtl\:univer-ml-0:where([dir="rtl"], [dir="rtl"] *) {
1168
+ margin-left: 0;
1169
+ }
1170
+
1171
+ .rtl\:univer-mr-auto:where([dir="rtl"], [dir="rtl"] *) {
1172
+ margin-right: auto;
1173
+ }
1174
+
1175
+ .rtl\:univer-rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
1176
+ border-top-left-radius: .375rem;
1177
+ border-bottom-left-radius: .375rem;
1178
+ }
1179
+
1180
+ .rtl\:univer-rounded-l-none:where([dir="rtl"], [dir="rtl"] *) {
1181
+ border-top-left-radius: 0;
1182
+ border-bottom-left-radius: 0;
1183
+ }
1184
+
1185
+ .rtl\:univer-rounded-r-md:where([dir="rtl"], [dir="rtl"] *) {
1186
+ border-top-right-radius: .375rem;
1187
+ border-bottom-right-radius: .375rem;
1188
+ }
1189
+
1190
+ .rtl\:univer-rounded-r-none:where([dir="rtl"], [dir="rtl"] *) {
1191
+ border-top-right-radius: 0;
1192
+ border-bottom-right-radius: 0;
1193
+ }
1194
+
1195
+ .rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
1196
+ text-align: right;
1197
+ }
1198
+
1121
1199
  .dark\:\!univer-border-gray-300:where(.univer-dark, .univer-dark *) {
1122
1200
  border-color: var(--univer-gray-300) !important;
1123
1201
  }
@@ -1162,6 +1240,14 @@
1162
1240
  color: var(--univer-gray-300) !important;
1163
1241
  }
1164
1242
 
1243
+ .dark\:\!univer-text-gray-400:where(.univer-dark, .univer-dark *) {
1244
+ color: var(--univer-gray-400) !important;
1245
+ }
1246
+
1247
+ .dark\:\!univer-text-gray-500:where(.univer-dark, .univer-dark *) {
1248
+ color: var(--univer-gray-500) !important;
1249
+ }
1250
+
1165
1251
  .dark\:\!univer-text-primary-300:where(.univer-dark, .univer-dark *) {
1166
1252
  color: var(--univer-primary-300) !important;
1167
1253
  }
@@ -1198,6 +1284,14 @@
1198
1284
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #1e284d14;
1199
1285
  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1200
1286
  }
1287
+
1288
+ .\[\&\>label\]\:univer-grid > label {
1289
+ display: grid;
1290
+ }
1291
+
1292
+ .\[\&\>label\]\:univer-gap-1 > label {
1293
+ gap: .25rem;
1294
+ }
1201
1295
  .univer-absolute {
1202
1296
  position: absolute;
1203
1297
  }
@@ -1214,9 +1308,9 @@
1214
1308
  top: .5rem;
1215
1309
  }
1216
1310
 
1217
- .univer-mx-auto {
1218
- margin-left: auto;
1219
- margin-right: auto;
1311
+ .-univer-mx-4 {
1312
+ margin-left: -1rem;
1313
+ margin-right: -1rem;
1220
1314
  }
1221
1315
 
1222
1316
  .univer-my-2 {
@@ -1232,10 +1326,6 @@
1232
1326
  margin-bottom: 1rem;
1233
1327
  }
1234
1328
 
1235
- .univer-ml-1 {
1236
- margin-left: .25rem;
1237
- }
1238
-
1239
1329
  .univer-ml-2 {
1240
1330
  margin-left: .5rem;
1241
1331
  }
@@ -1248,10 +1338,6 @@
1248
1338
  margin-right: .5rem;
1249
1339
  }
1250
1340
 
1251
- .univer-mr-5 {
1252
- margin-right: 1.25rem;
1253
- }
1254
-
1255
1341
  .univer-mt-1\.5 {
1256
1342
  margin-top: .375rem;
1257
1343
  }
@@ -1293,11 +1379,6 @@
1293
1379
  height: 1rem;
1294
1380
  }
1295
1381
 
1296
- .univer-size-5 {
1297
- width: 1.25rem;
1298
- height: 1.25rem;
1299
- }
1300
-
1301
1382
  .univer-size-6 {
1302
1383
  width: 1.5rem;
1303
1384
  height: 1.5rem;
@@ -1308,10 +1389,6 @@
1308
1389
  height: 100%;
1309
1390
  }
1310
1391
 
1311
- .univer-h-1 {
1312
- height: .25rem;
1313
- }
1314
-
1315
1392
  .univer-h-4 {
1316
1393
  height: 1rem;
1317
1394
  }
@@ -1336,10 +1413,6 @@
1336
1413
  height: 26px;
1337
1414
  }
1338
1415
 
1339
- .univer-w-1\/2 {
1340
- width: 50%;
1341
- }
1342
-
1343
1416
  .univer-w-\[--radix-popper-anchor-width\] {
1344
1417
  width: var(--radix-popper-anchor-width);
1345
1418
  }
@@ -1356,10 +1429,6 @@
1356
1429
  width: 290px;
1357
1430
  }
1358
1431
 
1359
- .univer-w-fit {
1360
- width: fit-content;
1361
- }
1362
-
1363
1432
  .univer-w-full {
1364
1433
  width: 100%;
1365
1434
  }
@@ -1380,16 +1449,6 @@
1380
1449
  flex-grow: 1;
1381
1450
  }
1382
1451
 
1383
- .univer-rotate-180 {
1384
- --univer-tw-rotate: 180deg;
1385
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
1386
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
1387
- }
1388
-
1389
- .univer-cursor-default {
1390
- cursor: default;
1391
- }
1392
-
1393
1452
  .univer-cursor-pointer {
1394
1453
  cursor: pointer;
1395
1454
  }
@@ -1438,10 +1497,6 @@
1438
1497
  gap: .625rem;
1439
1498
  }
1440
1499
 
1441
- .univer-gap-3 {
1442
- gap: .75rem;
1443
- }
1444
-
1445
1500
  .univer-gap-4 {
1446
1501
  gap: 1rem;
1447
1502
  }
@@ -1454,12 +1509,6 @@
1454
1509
  overflow: auto;
1455
1510
  }
1456
1511
 
1457
- .univer-truncate {
1458
- text-overflow: ellipsis;
1459
- white-space: nowrap;
1460
- overflow: hidden;
1461
- }
1462
-
1463
1512
  .univer-rounded-lg {
1464
1513
  border-radius: .5rem;
1465
1514
  }
@@ -1480,10 +1529,6 @@
1480
1529
  border-width: 1px;
1481
1530
  }
1482
1531
 
1483
- .univer-border-b {
1484
- border-bottom-width: 1px;
1485
- }
1486
-
1487
1532
  .univer-border-solid {
1488
1533
  border-style: solid;
1489
1534
  }
@@ -1500,18 +1545,6 @@
1500
1545
  background-color: var(--univer-gray-100);
1501
1546
  }
1502
1547
 
1503
- .univer-bg-gray-50 {
1504
- background-color: var(--univer-gray-50);
1505
- }
1506
-
1507
- .univer-bg-primary-600 {
1508
- background-color: var(--univer-primary-600);
1509
- }
1510
-
1511
- .univer-bg-transparent {
1512
- background-color: #0000;
1513
- }
1514
-
1515
1548
  .univer-bg-white {
1516
1549
  background-color: var(--univer-white);
1517
1550
  }
@@ -1520,10 +1553,6 @@
1520
1553
  padding: 0;
1521
1554
  }
1522
1555
 
1523
- .univer-p-1\.5 {
1524
- padding: .375rem;
1525
- }
1526
-
1527
1556
  .univer-p-2 {
1528
1557
  padding: .5rem;
1529
1558
  }
@@ -1537,53 +1566,20 @@
1537
1566
  padding-right: .25rem;
1538
1567
  }
1539
1568
 
1540
- .univer-px-1\.5 {
1541
- padding-left: .375rem;
1542
- padding-right: .375rem;
1543
- }
1544
-
1545
1569
  .univer-px-2 {
1546
1570
  padding-left: .5rem;
1547
1571
  padding-right: .5rem;
1548
1572
  }
1549
1573
 
1550
- .univer-px-3 {
1551
- padding-left: .75rem;
1552
- padding-right: .75rem;
1553
- }
1554
-
1555
- .univer-px-4 {
1556
- padding-left: 1rem;
1557
- padding-right: 1rem;
1558
- }
1559
-
1560
- .univer-py-0\.5 {
1561
- padding-top: .125rem;
1562
- padding-bottom: .125rem;
1563
- }
1564
-
1565
1574
  .univer-py-1 {
1566
1575
  padding-top: .25rem;
1567
1576
  padding-bottom: .25rem;
1568
1577
  }
1569
1578
 
1570
- .univer-py-4 {
1571
- padding-top: 1rem;
1572
- padding-bottom: 1rem;
1573
- }
1574
-
1575
1579
  .univer-pb-2\.5 {
1576
1580
  padding-bottom: .625rem;
1577
1581
  }
1578
1582
 
1579
- .univer-pb-3 {
1580
- padding-bottom: .75rem;
1581
- }
1582
-
1583
- .univer-text-center {
1584
- text-align: center;
1585
- }
1586
-
1587
1583
  .univer-text-2xl {
1588
1584
  font-size: 1.5rem;
1589
1585
  line-height: 2rem;
@@ -1608,10 +1604,6 @@
1608
1604
  font-weight: 500;
1609
1605
  }
1610
1606
 
1611
- .univer-font-semibold {
1612
- font-weight: 600;
1613
- }
1614
-
1615
1607
  .univer-leading-4 {
1616
1608
  line-height: 1rem;
1617
1609
  }
@@ -1620,18 +1612,6 @@
1620
1612
  line-height: 1.25rem;
1621
1613
  }
1622
1614
 
1623
- .univer-leading-6 {
1624
- line-height: 1.5rem;
1625
- }
1626
-
1627
- .univer-leading-tight {
1628
- line-height: 1.25;
1629
- }
1630
-
1631
- .univer-text-gray-500 {
1632
- color: var(--univer-gray-500);
1633
- }
1634
-
1635
1615
  .univer-text-gray-600 {
1636
1616
  color: var(--univer-gray-600);
1637
1617
  }
@@ -1661,20 +1641,10 @@
1661
1641
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1662
1642
  }
1663
1643
 
1664
- .univer-transition-transform {
1665
- transition-property: transform;
1666
- transition-duration: .15s;
1667
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1668
- }
1669
-
1670
1644
  .univer-duration-200 {
1671
1645
  transition-duration: .2s;
1672
1646
  }
1673
1647
 
1674
- .univer-duration-300 {
1675
- transition-duration: .3s;
1676
- }
1677
-
1678
1648
  .placeholder\:univer-text-gray-400::placeholder {
1679
1649
  color: var(--univer-gray-400);
1680
1650
  }
@@ -1715,10 +1685,6 @@
1715
1685
  background-color: var(--univer-gray-700) !important;
1716
1686
  }
1717
1687
 
1718
- .dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
1719
- background-color: var(--univer-gray-900) !important;
1720
- }
1721
-
1722
1688
  .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
1723
1689
  color: var(--univer-gray-100) !important;
1724
1690
  }
@@ -2354,6 +2320,10 @@
2354
2320
  margin-right: .75rem;
2355
2321
  }
2356
2322
 
2323
+ .rtl\:univer-flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
2324
+ flex-direction: row-reverse;
2325
+ }
2326
+
2357
2327
  .rtl\:univer-rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
2358
2328
  border-top-left-radius: .375rem;
2359
2329
  border-bottom-left-radius: .375rem;
@@ -2890,6 +2860,23 @@
2890
2860
  box-sizing: border-box;
2891
2861
  }
2892
2862
 
2863
+ .univer-flex {
2864
+ display: flex;
2865
+ }
2866
+
2867
+ .univer-size-full {
2868
+ width: 100%;
2869
+ height: 100%;
2870
+ }
2871
+
2872
+ .univer-items-center {
2873
+ align-items: center;
2874
+ }
2875
+
2876
+ .univer-justify-center {
2877
+ justify-content: center;
2878
+ }
2879
+
2893
2880
  .univer-px-4 {
2894
2881
  padding-left: 1rem;
2895
2882
  padding-right: 1rem;
@@ -2899,6 +2886,10 @@
2899
2886
  font-size: .875rem;
2900
2887
  line-height: 1.25rem;
2901
2888
  }
2889
+
2890
+ .univer-text-gray-500 {
2891
+ color: var(--univer-gray-500);
2892
+ }
2902
2893
  .univer-absolute {
2903
2894
  position: absolute;
2904
2895
  }
@@ -2942,10 +2933,6 @@
2942
2933
  margin-bottom: 1.25rem;
2943
2934
  }
2944
2935
 
2945
- .univer-ml-2 {
2946
- margin-left: .5rem;
2947
- }
2948
-
2949
2936
  .univer-ml-3 {
2950
2937
  margin-left: .75rem;
2951
2938
  }
@@ -3016,10 +3003,6 @@
3016
3003
  height: 1.75rem;
3017
3004
  }
3018
3005
 
3019
- .univer-h-8 {
3020
- height: 2rem;
3021
- }
3022
-
3023
3006
  .univer-h-full {
3024
3007
  height: 100%;
3025
3008
  }
@@ -3040,6 +3023,10 @@
3040
3023
  width: 100%;
3041
3024
  }
3042
3025
 
3026
+ .\!univer-min-w-0 {
3027
+ min-width: 0 !important;
3028
+ }
3029
+
3043
3030
  .univer-max-w-\[290px\] {
3044
3031
  max-width: 290px;
3045
3032
  }
@@ -3048,14 +3035,8 @@
3048
3035
  flex: 1;
3049
3036
  }
3050
3037
 
3051
- .univer-rotate-180 {
3052
- --univer-tw-rotate: 180deg;
3053
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
3054
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
3055
- }
3056
-
3057
- .univer-cursor-default {
3058
- cursor: default;
3038
+ .univer-flex-shrink-0 {
3039
+ flex-shrink: 0;
3059
3040
  }
3060
3041
 
3061
3042
  .univer-cursor-not-allowed {
@@ -3112,42 +3093,22 @@
3112
3093
  overflow: hidden;
3113
3094
  }
3114
3095
 
3115
- .univer-rounded-lg {
3116
- border-radius: .5rem;
3117
- }
3118
-
3119
3096
  .univer-rounded-sm {
3120
3097
  border-radius: .125rem;
3121
3098
  }
3122
3099
 
3123
- .\!univer-bg-gray-50 {
3124
- background-color: var(--univer-gray-50) !important;
3125
- }
3126
-
3127
- .\!univer-bg-gray-700 {
3128
- background-color: var(--univer-gray-700) !important;
3100
+ .univer-border-primary-600 {
3101
+ border-color: var(--univer-primary-600);
3129
3102
  }
3130
3103
 
3131
3104
  .univer-bg-blue-200 {
3132
3105
  background-color: var(--univer-blue-200);
3133
3106
  }
3134
3107
 
3135
- .univer-bg-gray-100 {
3136
- background-color: var(--univer-gray-100);
3137
- }
3138
-
3139
- .univer-bg-gray-50 {
3140
- background-color: var(--univer-gray-50);
3141
- }
3142
-
3143
3108
  .univer-bg-primary-600 {
3144
3109
  background-color: var(--univer-primary-600);
3145
3110
  }
3146
3111
 
3147
- .univer-p-0 {
3148
- padding: 0;
3149
- }
3150
-
3151
3112
  .univer-p-0\.5 {
3152
3113
  padding: .125rem;
3153
3114
  }
@@ -3213,10 +3174,6 @@
3213
3174
  line-height: 1.75rem;
3214
3175
  }
3215
3176
 
3216
- .univer-leading-tight {
3217
- line-height: 1.25;
3218
- }
3219
-
3220
3177
  .univer-text-gray-200 {
3221
3178
  color: var(--univer-gray-200);
3222
3179
  }
@@ -3245,6 +3202,26 @@
3245
3202
  color: var(--univer-white);
3246
3203
  }
3247
3204
 
3205
+ .univer-outline-none {
3206
+ outline-offset: 2px;
3207
+ outline: 2px solid #0000;
3208
+ }
3209
+
3210
+ .univer-ring-2 {
3211
+ --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
3212
+ --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
3213
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
3214
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
3215
+ }
3216
+
3217
+ .\!univer-ring-primary-900 {
3218
+ --univer-tw-ring-color: var(--univer-primary-900) !important;
3219
+ }
3220
+
3221
+ .univer-ring-primary-50 {
3222
+ --univer-tw-ring-color: var(--univer-primary-50);
3223
+ }
3224
+
3248
3225
  .univer-transition-transform {
3249
3226
  transition-property: transform;
3250
3227
  transition-duration: .15s;
@@ -3263,20 +3240,12 @@
3263
3240
  --scrollbar-corner: var(--univer-primary-600) !important;
3264
3241
  }
3265
3242
 
3266
- .hover\:univer-bg-gray-200:hover {
3267
- background-color: var(--univer-gray-200);
3268
- }
3269
-
3270
- .dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
3271
- background-color: var(--univer-gray-700) !important;
3272
- }
3273
-
3274
- .dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
3275
- background-color: var(--univer-gray-800) !important;
3243
+ .hover\:univer-border-primary-600:hover {
3244
+ border-color: var(--univer-primary-600);
3276
3245
  }
3277
3246
 
3278
- .dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
3279
- background-color: var(--univer-gray-900) !important;
3247
+ .hover\:univer-bg-gray-200:hover {
3248
+ background-color: var(--univer-gray-200);
3280
3249
  }
3281
3250
 
3282
3251
  .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
@@ -3286,3 +3255,7 @@
3286
3255
  .dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
3287
3256
  color: var(--univer-white) !important;
3288
3257
  }
3258
+
3259
+ .dark\:\!univer-ring-primary-900:where(.univer-dark, .univer-dark *) {
3260
+ --univer-tw-ring-color: var(--univer-primary-900) !important;
3261
+ }
package/lib/index.js CHANGED
@@ -13,6 +13,7 @@ import { UniverSheetsShapePlugin } from "@univerjs-pro/sheets-shape";
13
13
  import { UniverSheetsShapeUIPlugin } from "@univerjs-pro/sheets-shape-ui";
14
14
  import { UniverSheetSparklinePlugin } from "@univerjs-pro/sheets-sparkline";
15
15
  import { UniverSheetSparklineUIPlugin } from "@univerjs-pro/sheets-sparkline-ui";
16
+ import "@univerjs-pro/engine-shape/facade";
16
17
  import "@univerjs-pro/exchange-client/facade";
17
18
  import "@univerjs-pro/sheets-pivot/facade";
18
19
  import "@univerjs-pro/engine-formula/facade";
@@ -1,12 +1,12 @@
1
1
  export * from './preset';
2
2
  export * from '@univerjs-pro/engine-chart';
3
+ export type { ChartLegendSpec, ChartSeriesSelector, ChartTitleSpec, ChartTypeString, DeepPartial, IChartAggregationSpec, IChartAppearanceSpec, IChartAxesSpec, IChartAxisSpec, IChartMappingSpec, IChartParetoSpec, IChartPieSpec, IChartRadarSpec, IChartSeriesDescription, IChartSeriesPatch, IChartWordCloudDescription, IChartWordCloudSpec, } from '@univerjs-pro/engine-chart';
3
4
  export * from '@univerjs-pro/engine-formula';
4
5
  export * from '@univerjs-pro/engine-shape';
5
6
  export * from '@univerjs-pro/exchange-client';
6
7
  export * from '@univerjs-pro/license';
7
8
  export * from '@univerjs-pro/sheets-chart';
8
9
  export * from '@univerjs-pro/sheets-chart-ui';
9
- export type { DeepPartial } from '@univerjs-pro/sheets-chart/facade';
10
10
  export * from '@univerjs-pro/sheets-exchange-client';
11
11
  export * from '@univerjs-pro/sheets-graphics';
12
12
  export * from '@univerjs-pro/sheets-outline';
@@ -3,6 +3,7 @@ import type { IUniverExchangeClientOptions } from '@univerjs-pro/exchange-client
3
3
  import type { IUniverSheetsPivotConfig } from '@univerjs-pro/sheets-pivot';
4
4
  import type { IUniverSheetsPrintConfig } from '@univerjs-pro/sheets-print';
5
5
  import type { IPreset } from '@univerjs/presets';
6
+ import '@univerjs-pro/engine-shape/facade';
6
7
  import '@univerjs-pro/exchange-client/facade';
7
8
  import '@univerjs-pro/sheets-pivot/facade';
8
9
  import '@univerjs-pro/engine-formula/facade';
@@ -12,6 +13,7 @@ import '@univerjs-pro/sheets-outline/facade';
12
13
  import '@univerjs-pro/sheets-shape/facade';
13
14
  import '@univerjs-pro/sheets-sparkline/facade';
14
15
  export type * from '@univerjs-pro/engine-formula/facade';
16
+ export type * from '@univerjs-pro/engine-shape/facade';
15
17
  export type * from '@univerjs-pro/exchange-client/facade';
16
18
  export type * from '@univerjs-pro/sheets-chart/facade';
17
19
  export type * from '@univerjs-pro/sheets-outline/facade';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/preset-sheets-advanced",
3
- "version": "1.0.0-alpha.2",
3
+ "version": "1.0.0-alpha.4",
4
4
  "private": false,
5
5
  "description": "Preset for advanced Univer Sheets with charts, pivot tables, and print capabilities.",
6
6
  "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -61,37 +61,37 @@
61
61
  "rxjs": ">=7.0.0"
62
62
  },
63
63
  "dependencies": {
64
- "@univerjs-pro/collaboration": "1.0.0-alpha.2",
65
- "@univerjs-pro/engine-shape": "1.0.0-alpha.2",
66
- "@univerjs-pro/engine-formula": "1.0.0-alpha.2",
67
- "@univerjs-pro/exchange-client": "1.0.0-alpha.2",
68
- "@univerjs-pro/license": "1.0.0-alpha.2",
69
- "@univerjs-pro/print": "1.0.0-alpha.2",
70
- "@univerjs-pro/engine-pivot": "1.0.0-alpha.2",
71
- "@univerjs-pro/sheets-chart-ui": "1.0.0-alpha.2",
72
- "@univerjs-pro/sheets-chart": "1.0.0-alpha.2",
73
- "@univerjs-pro/sheets-exchange-client": "1.0.0-alpha.2",
74
- "@univerjs-pro/sheets-graphics": "1.0.0-alpha.2",
75
- "@univerjs-pro/engine-chart": "1.0.0-alpha.2",
76
- "@univerjs-pro/shape-editor-ui": "1.0.0-alpha.2",
77
- "@univerjs-pro/sheets-outline": "1.0.0-alpha.2",
78
- "@univerjs-pro/sheets-outline-ui": "1.0.0-alpha.2",
79
- "@univerjs-pro/sheets-pivot": "1.0.0-alpha.2",
80
- "@univerjs-pro/sheets-pivot-ui": "1.0.0-alpha.2",
81
- "@univerjs-pro/sheets-shape": "1.0.0-alpha.2",
82
- "@univerjs-pro/sheets-shape-ui": "1.0.0-alpha.2",
83
- "@univerjs-pro/sheets-print": "1.0.0-alpha.2",
84
- "@univerjs-pro/sheets-sparkline": "1.0.0-alpha.2",
85
- "@univerjs-pro/sheets-sparkline-ui": "1.0.0-alpha.2"
64
+ "@univerjs-pro/collaboration": "1.0.0-alpha.4",
65
+ "@univerjs-pro/engine-formula": "1.0.0-alpha.4",
66
+ "@univerjs-pro/engine-chart": "1.0.0-alpha.4",
67
+ "@univerjs-pro/engine-shape": "1.0.0-alpha.4",
68
+ "@univerjs-pro/exchange-client": "1.0.0-alpha.4",
69
+ "@univerjs-pro/license": "1.0.0-alpha.4",
70
+ "@univerjs-pro/print": "1.0.0-alpha.4",
71
+ "@univerjs-pro/shape-editor-ui": "1.0.0-alpha.4",
72
+ "@univerjs-pro/sheets-chart": "1.0.0-alpha.4",
73
+ "@univerjs-pro/engine-pivot": "1.0.0-alpha.4",
74
+ "@univerjs-pro/sheets-chart-ui": "1.0.0-alpha.4",
75
+ "@univerjs-pro/sheets-graphics": "1.0.0-alpha.4",
76
+ "@univerjs-pro/sheets-outline": "1.0.0-alpha.4",
77
+ "@univerjs-pro/sheets-outline-ui": "1.0.0-alpha.4",
78
+ "@univerjs-pro/sheets-exchange-client": "1.0.0-alpha.4",
79
+ "@univerjs-pro/sheets-pivot-ui": "1.0.0-alpha.4",
80
+ "@univerjs-pro/sheets-print": "1.0.0-alpha.4",
81
+ "@univerjs-pro/sheets-shape-ui": "1.0.0-alpha.4",
82
+ "@univerjs-pro/sheets-sparkline": "1.0.0-alpha.4",
83
+ "@univerjs-pro/sheets-pivot": "1.0.0-alpha.4",
84
+ "@univerjs-pro/sheets-sparkline-ui": "1.0.0-alpha.4",
85
+ "@univerjs-pro/sheets-shape": "1.0.0-alpha.4"
86
86
  },
87
87
  "devDependencies": {
88
88
  "react": "18.3.1",
89
89
  "react-dom": "18.3.1",
90
90
  "rxjs": "^7.8.2",
91
91
  "typescript": "^6.0.3",
92
- "@univerjs-infra/shared": "1.0.0-alpha.2",
93
- "@univerjs/presets": "1.0.0-alpha.2",
94
- "@univerjs/core": "1.0.0-alpha.2"
92
+ "@univerjs-infra/shared": "1.0.0-alpha.4",
93
+ "@univerjs/core": "1.0.0-alpha.4",
94
+ "@univerjs/presets": "1.0.0-alpha.4"
95
95
  },
96
96
  "scripts": {
97
97
  "build:bundle": "univer-cli preset build --cleanup",