@mixd-id/web-scaffold 0.1.230406012 → 0.1.230406013
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/package.json +1 -1
- package/src/components/ListPage1.vue +19 -11
package/package.json
CHANGED
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
</div>
|
|
61
61
|
</div>
|
|
62
62
|
|
|
63
|
-
<div class="
|
|
64
|
-
<VirtualTable v-if="!hideDetails" ref="table1" :
|
|
63
|
+
<div :class="$style.contentArea" v-if="!hideDetails">
|
|
64
|
+
<VirtualTable v-if="!hideDetails" ref="table1" :columns="presetColumns" :items="items"
|
|
65
65
|
:appearances="presetAppearances" @scroll-end="loadNext" :pinned="pinned">
|
|
66
66
|
<template v-for="column in presetColumns" #[colOf(column.key)]="{}">
|
|
67
67
|
<div :class="getHeader(column)" @click="openColumnOptions(column.key, $event.target.closest('.' + $style.header))">
|
|
@@ -101,9 +101,10 @@
|
|
|
101
101
|
<slot name="mobileItem" :item="item"></slot>
|
|
102
102
|
</template>
|
|
103
103
|
</VirtualScroll>
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
</div>
|
|
105
|
+
|
|
106
|
+
<div v-if="isLoading" :class="$style.overlay">
|
|
107
|
+
<svg class="animate-spin aspect-square w-[48px] h-[48px] text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>
|
|
107
108
|
</div>
|
|
108
109
|
|
|
109
110
|
<ContextMenu ref="columnMenu" :dismiss="false">
|
|
@@ -1345,6 +1346,13 @@ export default{
|
|
|
1345
1346
|
@apply flex flex-row gap-3 items-center;
|
|
1346
1347
|
}
|
|
1347
1348
|
|
|
1349
|
+
.contentArea{
|
|
1350
|
+
@apply flex-1 relative flex;
|
|
1351
|
+
}
|
|
1352
|
+
.contentArea>*:last-child{
|
|
1353
|
+
@apply hidden
|
|
1354
|
+
}
|
|
1355
|
+
|
|
1348
1356
|
.overlay{
|
|
1349
1357
|
@apply absolute top-0 right-0 bottom-0 left-0 flex items-center justify-center;
|
|
1350
1358
|
background-color: rgba(var(--base-500), .7);
|
|
@@ -1368,18 +1376,18 @@ export default{
|
|
|
1368
1376
|
@apply px-6 py-4;
|
|
1369
1377
|
}
|
|
1370
1378
|
|
|
1371
|
-
.
|
|
1372
|
-
@apply hidden
|
|
1379
|
+
.contentArea>*:first-child{
|
|
1380
|
+
@apply hidden
|
|
1381
|
+
}
|
|
1382
|
+
.contentArea>*:last-child{
|
|
1383
|
+
@apply flex
|
|
1373
1384
|
}
|
|
1374
1385
|
|
|
1375
1386
|
.vscroll{
|
|
1376
1387
|
@apply flex-1 flex border-t-[1px] border-b-[1px] border-text-50;
|
|
1377
1388
|
}
|
|
1378
|
-
.vscroll>*{
|
|
1379
|
-
@apply divide-y divide-text-50;
|
|
1380
|
-
}
|
|
1381
1389
|
.vscroll>*>*{
|
|
1382
|
-
@apply bg-base-500;
|
|
1390
|
+
@apply bg-base-500 divide-y divide-text-50;
|
|
1383
1391
|
}
|
|
1384
1392
|
|
|
1385
1393
|
.optArea{
|