@steedos-widgets/amis-object 3.6.2-beta.7 → 3.6.2-beta.8

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.
@@ -78,37 +78,7 @@ export declare const AmisGlobalHeader: (props: any) => Promise<{
78
78
  label: string;
79
79
  className: string;
80
80
  logoutScript: string;
81
- customButtons: ({
82
- type: string;
83
- className: string;
84
- visibleOn: string;
85
- onEvent: {
86
- click: {
87
- actions: {
88
- actionType: string;
89
- script: string;
90
- }[];
91
- };
92
- };
93
- body: {
94
- type: string;
95
- category: string;
96
- name: string;
97
- colorVariant: string;
98
- id: string;
99
- className: string;
100
- }[];
101
- showAppName?: undefined;
102
- appId?: undefined;
103
- } | {
104
- type: string;
105
- showAppName: boolean;
106
- appId: string;
107
- visibleOn: string;
108
- className?: undefined;
109
- onEvent?: undefined;
110
- body?: undefined;
111
- })[];
81
+ customButtons: any;
112
82
  onEvent?: undefined;
113
83
  body?: undefined;
114
84
  })[];
@@ -3,6 +3,7 @@ export declare const AmisRecordDetail: (props: any) => Promise<{
3
3
  body: ({
4
4
  type: string;
5
5
  className: string;
6
+ contentClassName: string;
6
7
  tabs: {
7
8
  title: string;
8
9
  className: string;
@@ -10,14 +10,17 @@
10
10
  --Table-borderColor: #e5e7eb;
11
11
  --Table-borderWidth: 1px;
12
12
  --Table-fontSize: 13px;
13
+ --Table-fixedRight-boxShadow: none;
13
14
  --Table-thead-borderColor: rgb(209 213 219);
14
15
  --Table-thead-fontSize: 13px;
15
16
  --Table-thead-bg: rgb(243 244 246);
17
+ --Table-thead-borderColor: var(--Table-borderColor);
16
18
  --Table-toolbar-marginY: 0;
19
+ --Table-thead-borderWidth: 1px;
20
+ --Table-bg: white;
17
21
  --TableCell-paddingY: 0.3rem;
18
22
  --TableCell-paddingX: 0.5rem;
19
23
  --TableCell--edge-paddingX: 0.5rem;
20
- --Table-thead-borderWidth: 1px;
21
24
  --text--muted-color: #d9dcde;
22
25
  --Collapse-content-fontSize: 14px;
23
26
  --Collapse-border: 0;
@@ -26,6 +29,7 @@
26
29
  --Collapse-header-onHover-bg: #EEEEEE;
27
30
  --Collapse-header-padding: 4px;
28
31
  --Collapse-content-padding: 4px;
32
+ --collapse-default-bg-color: unset;
29
33
  --Button-height: 2rem;
30
34
  --Button-paddingX: 16px;
31
35
  --button-size-default-top-right-border-radius: 0.25rem;
@@ -49,6 +53,8 @@
49
53
  --DropDown-caret-marginLeft: 0;
50
54
  --Tabs--vertical-width: 180px;
51
55
  --Tabs-link-maxWidth: 180px;
56
+ --Tabs-content-bg: unset;
57
+ --drawer-content-paddingTop: 0;
52
58
  }
53
59
 
54
60
  .steedos-header-container .antd-Nav-Menu {
@@ -340,6 +346,13 @@ fieldset.antd-Collapse > legend{
340
346
  }
341
347
  /* === end === */
342
348
 
349
+ .steedos-record-related-crud {
350
+ --Table-thead-bg: white;
351
+ }
352
+
353
+ .steedos-record-related-crud .antd-Table-table > thead > tr > th:not(:last-child) {
354
+ border-right: 0px;
355
+ }
343
356
 
344
357
  .ant-dropdown-menu {
345
358
  border: 1px solid #e5e5e5;
@@ -449,6 +462,21 @@ fieldset.antd-Collapse > legend{
449
462
  max-width: 1536px
450
463
  }
451
464
  }
465
+ @media (min-width: 1600px) {
466
+ .container {
467
+ max-width: 1600px
468
+ }
469
+ }
470
+ @media (min-width: 1800px) {
471
+ .container {
472
+ max-width: 1800px
473
+ }
474
+ }
475
+ @media (min-width: 2000px) {
476
+ .container {
477
+ max-width: 2000px
478
+ }
479
+ }
452
480
  .visible {
453
481
  visibility: visible
454
482
  }
@@ -491,21 +519,18 @@ fieldset.antd-Collapse > legend{
491
519
  .z-20 {
492
520
  z-index: 20
493
521
  }
494
- .z-10 {
495
- z-index: 10
496
- }
497
522
  .z-40 {
498
523
  z-index: 40
499
524
  }
525
+ .z-10 {
526
+ z-index: 10
527
+ }
500
528
  .col-span-2 {
501
529
  grid-column: span 2 / span 2
502
530
  }
503
531
  .m-0 {
504
532
  margin: 0px
505
533
  }
506
- .m-1 {
507
- margin: 0.25rem
508
- }
509
534
  .m-2 {
510
535
  margin: 0.5rem
511
536
  }
@@ -522,8 +547,8 @@ fieldset.antd-Collapse > legend{
522
547
  .mr-1 {
523
548
  margin-right: 0.25rem
524
549
  }
525
- .-mt-2 {
526
- margin-top: -0.5rem
550
+ .mt-2 {
551
+ margin-top: 0.5rem
527
552
  }
528
553
  .mb-3 {
529
554
  margin-bottom: 0.75rem
@@ -534,15 +559,15 @@ fieldset.antd-Collapse > legend{
534
559
  .mb-2 {
535
560
  margin-bottom: 0.5rem
536
561
  }
537
- .mt-2 {
538
- margin-top: 0.5rem
539
- }
540
562
  .-mb-4 {
541
563
  margin-bottom: -1rem
542
564
  }
543
565
  .mr-4 {
544
566
  margin-right: 1rem
545
567
  }
568
+ .mb-0 {
569
+ margin-bottom: 0px
570
+ }
546
571
  .mr-2 {
547
572
  margin-right: 0.5rem
548
573
  }
@@ -642,6 +667,9 @@ fieldset.antd-Collapse > legend{
642
667
  .h-8 {
643
668
  height: 2rem
644
669
  }
670
+ .max-h-12 {
671
+ max-height: 3rem
672
+ }
645
673
  .max-h-96 {
646
674
  max-height: 24rem
647
675
  }
@@ -751,6 +779,9 @@ fieldset.antd-Collapse > legend{
751
779
  .animate-spin {
752
780
  animation: spin 1s linear infinite
753
781
  }
782
+ .grid-cols-1 {
783
+ grid-template-columns: repeat(1, minmax(0, 1fr))
784
+ }
754
785
  .flex-row {
755
786
  flex-direction: row
756
787
  }
@@ -832,9 +863,6 @@ fieldset.antd-Collapse > legend{
832
863
  border-top-width: 1px;
833
864
  border-bottom-width: 1px
834
865
  }
835
- .border-t {
836
- border-top-width: 1px
837
- }
838
866
  .border-b {
839
867
  border-bottom-width: 1px
840
868
  }
@@ -915,14 +943,14 @@ fieldset.antd-Collapse > legend{
915
943
  padding-top: 1rem;
916
944
  padding-bottom: 1rem
917
945
  }
918
- .px-4 {
919
- padding-left: 1rem;
920
- padding-right: 1rem
921
- }
922
946
  .py-2 {
923
947
  padding-top: 0.5rem;
924
948
  padding-bottom: 0.5rem
925
949
  }
950
+ .px-4 {
951
+ padding-left: 1rem;
952
+ padding-right: 1rem
953
+ }
926
954
  .px-2 {
927
955
  padding-left: 0.5rem;
928
956
  padding-right: 0.5rem
@@ -935,12 +963,6 @@ fieldset.antd-Collapse > legend{
935
963
  padding-top: 0.625rem;
936
964
  padding-bottom: 0.625rem
937
965
  }
938
- .pt-4 {
939
- padding-top: 1rem
940
- }
941
- .pb-2 {
942
- padding-bottom: 0.5rem
943
- }
944
966
  .pl-4 {
945
967
  padding-left: 1rem
946
968
  }
@@ -965,6 +987,9 @@ fieldset.antd-Collapse > legend{
965
987
  .pb-0 {
966
988
  padding-bottom: 0px
967
989
  }
990
+ .pt-4 {
991
+ padding-top: 1rem
992
+ }
968
993
  .pb-16 {
969
994
  padding-bottom: 4rem
970
995
  }
@@ -1121,8 +1146,8 @@ fieldset.antd-Collapse > legend{
1121
1146
  .first\:pt-0:first-child {
1122
1147
  padding-top: 0px
1123
1148
  }
1124
- .last\:border-0:last-child {
1125
- border-width: 0px
1149
+ .last\:border-b-0:last-child {
1150
+ border-bottom-width: 0px
1126
1151
  }
1127
1152
  .hover\:bg-sky-50:hover {
1128
1153
  --tw-bg-opacity: 1;
@@ -1157,6 +1182,9 @@ fieldset.antd-Collapse > legend{
1157
1182
  .sm\:grid-cols-4 {
1158
1183
  grid-template-columns: repeat(4, minmax(0, 1fr))
1159
1184
  }
1185
+ .sm\:grid-cols-2 {
1186
+ grid-template-columns: repeat(2, minmax(0, 1fr))
1187
+ }
1160
1188
  .sm\:gap-2 {
1161
1189
  gap: 0.5rem
1162
1190
  }
@@ -1195,6 +1223,11 @@ fieldset.antd-Collapse > legend{
1195
1223
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1196
1224
  }
1197
1225
  }
1226
+ @media (min-width: 768px) {
1227
+ .md\:grid-cols-3 {
1228
+ grid-template-columns: repeat(3, minmax(0, 1fr))
1229
+ }
1230
+ }
1198
1231
  @media (min-width: 1024px) {
1199
1232
  .lg\:z-50 {
1200
1233
  z-index: 50
@@ -1208,10 +1241,38 @@ fieldset.antd-Collapse > legend{
1208
1241
  .lg\:flex {
1209
1242
  display: flex
1210
1243
  }
1244
+ .lg\:grid-cols-4 {
1245
+ grid-template-columns: repeat(4, minmax(0, 1fr))
1246
+ }
1211
1247
  .lg\:flex-col {
1212
1248
  flex-direction: column
1213
1249
  }
1214
1250
  }
1251
+ @media (min-width: 1280px) {
1252
+ .xl\:grid-cols-5 {
1253
+ grid-template-columns: repeat(5, minmax(0, 1fr))
1254
+ }
1255
+ }
1256
+ @media (min-width: 1536px) {
1257
+ .\32xl\:grid-cols-5 {
1258
+ grid-template-columns: repeat(5, minmax(0, 1fr))
1259
+ }
1260
+ }
1261
+ @media (min-width: 1600px) {
1262
+ .\33xl\:grid-cols-8 {
1263
+ grid-template-columns: repeat(8, minmax(0, 1fr))
1264
+ }
1265
+ }
1266
+ @media (min-width: 1800px) {
1267
+ .\34xl\:grid-cols-8 {
1268
+ grid-template-columns: repeat(8, minmax(0, 1fr))
1269
+ }
1270
+ }
1271
+ @media (min-width: 2000px) {
1272
+ .\35xl\:grid-cols-10 {
1273
+ grid-template-columns: repeat(10, minmax(0, 1fr))
1274
+ }
1275
+ }
1215
1276
 
1216
1277
  .ant-dropdown-menu {
1217
1278
  border: 1px solid #e5e5e5;
@@ -1673,16 +1734,13 @@ body.steedos {
1673
1734
  .steedos-amis-form .antd-Form--horizontal .antd-Tabs .antd-Tabs-content .antd-Tabs-pane .form-content {
1674
1735
  display: grid;
1675
1736
  grid-template-columns: repeat(2, minmax(0, 1fr));
1676
- row-gap: 0rem;
1737
+ row-gap: 0.5rem;
1677
1738
  -moz-column-gap: 1rem;
1678
1739
  column-gap: 1rem;
1679
1740
  }
1680
1741
  .steedos-amis-form .antd-Collapse .antd-Form--quickEdit {
1681
1742
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
1682
1743
  }
1683
- .steedos-amis-form.antd-Form .antd-Collapse-content {
1684
- padding: 0.5rem;
1685
- }
1686
1744
  .steedos-object-form .antd-ComboControl .antd-Combo .antd-Form-row {
1687
1745
  display: grid;
1688
1746
  grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -1696,7 +1754,7 @@ body.steedos {
1696
1754
  .steedos-object-form .antd-Tabs-pane.is-active {
1697
1755
  display: grid;
1698
1756
  grid-template-columns: repeat(2, minmax(0, 1fr));
1699
- row-gap: 0rem;
1757
+ row-gap: 0.25rem;
1700
1758
  -moz-column-gap: 1rem;
1701
1759
  column-gap: 1rem;
1702
1760
  }
@@ -1934,8 +1992,7 @@ body.steedos {
1934
1992
  min-width: 0.5px !important;
1935
1993
  }
1936
1994
  .steedos-object-table tbody td.antd-Field--quickEditable .antd-Field-quickEditBtn {
1937
- padding-top: 3px;
1938
- float: right;
1995
+ padding-right: 13px;
1939
1996
  }
1940
1997
  .steedos-object-table tbody td.antd-Field--quickEditable .antd-Field-quickEditBtn svg {
1941
1998
  display: none;
@@ -2067,7 +2124,6 @@ body.steedos {
2067
2124
 
2068
2125
  .compact-layouts {
2069
2126
  display: grid;
2070
- grid-template-columns: repeat(5, minmax(0, 1fr));
2071
2127
  row-gap: 0rem;
2072
2128
  -moz-column-gap: 1rem;
2073
2129
  column-gap: 1rem;
@@ -2108,8 +2164,10 @@ body.steedos {
2108
2164
  display: block;
2109
2165
  }
2110
2166
  .steedos-record-detail-popover .compact-layouts {
2111
- display: grid;
2112
- grid-template-columns: repeat(2, minmax(0, 1fr));
2167
+ display: block;
2168
+ }
2169
+ .steedos-record-detail-popover .compact-layouts .grid {
2170
+ grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
2113
2171
  }
2114
2172
  .steedos-record-detail-popover .compact-layouts .antd-Form-item {
2115
2173
  padding: 0px;