atom-nuxt 1.4.18 → 1.4.19
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/module.json
CHANGED
|
@@ -7,9 +7,11 @@ import CrudFilterList from "./CrudFilterList.vue";
|
|
|
7
7
|
import { computed, ref, watch, onMounted, onBeforeUnmount, toRaw, nextTick } from "vue";
|
|
8
8
|
import { useDebounceFn } from "@vueuse/core";
|
|
9
9
|
import { useListenerService } from "../composables/useListenerService";
|
|
10
|
+
import { useDisplay } from "vuetify";
|
|
10
11
|
import CrudFormDialog from "./CrudFormDialog.vue";
|
|
11
12
|
import CrudErrorDisplay from "./CrudErrorDisplay.vue";
|
|
12
13
|
const { parseQuery, stringifyQuery, cloneDeep } = useCrudConverters();
|
|
14
|
+
const { mdAndUp } = useDisplay();
|
|
13
15
|
const props = defineProps({
|
|
14
16
|
filtersTitle: {
|
|
15
17
|
type: String,
|
|
@@ -147,6 +149,12 @@ const props = defineProps({
|
|
|
147
149
|
required: false,
|
|
148
150
|
default: ""
|
|
149
151
|
},
|
|
152
|
+
filtersWidth: {
|
|
153
|
+
type: Number,
|
|
154
|
+
required: false,
|
|
155
|
+
default: 250,
|
|
156
|
+
validator: (value) => value > 0
|
|
157
|
+
},
|
|
150
158
|
dialogStyle: {
|
|
151
159
|
type: String,
|
|
152
160
|
required: false,
|
|
@@ -505,7 +513,15 @@ const exportAction = async () => {
|
|
|
505
513
|
</slot>
|
|
506
514
|
<div :class="contentClasses">
|
|
507
515
|
<v-row>
|
|
508
|
-
<v-col
|
|
516
|
+
<v-col
|
|
517
|
+
v-if="!hideFilters && (filters.length > 0 || isInitialLoad)"
|
|
518
|
+
cols="12"
|
|
519
|
+
:style="{
|
|
520
|
+
width: mdAndUp ? `${filtersWidth}px` : undefined,
|
|
521
|
+
maxWidth: mdAndUp ? `${filtersWidth}px` : undefined,
|
|
522
|
+
flex: mdAndUp ? '0 0 auto' : undefined
|
|
523
|
+
}"
|
|
524
|
+
>
|
|
509
525
|
<div>
|
|
510
526
|
<Transition name="fade" mode="out-in">
|
|
511
527
|
<div v-if="isInitialLoad" key="skeleton">
|
|
@@ -527,7 +543,12 @@ const exportAction = async () => {
|
|
|
527
543
|
</Transition>
|
|
528
544
|
</div>
|
|
529
545
|
</v-col>
|
|
530
|
-
<v-col
|
|
546
|
+
<v-col
|
|
547
|
+
cols="12"
|
|
548
|
+
:style="{
|
|
549
|
+
flex: mdAndUp ? '1 1 auto' : undefined
|
|
550
|
+
}"
|
|
551
|
+
>
|
|
531
552
|
<v-progress-linear :active="listPending && !isInitialLoad" indeterminate color="primary"></v-progress-linear>
|
|
532
553
|
<div class="">
|
|
533
554
|
<Transition name="fade" mode="out-in">
|
|
@@ -29,6 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
|
|
|
29
29
|
resultClasses: string;
|
|
30
30
|
fullScreenDialog: boolean;
|
|
31
31
|
contentClasses: string;
|
|
32
|
+
filtersWidth: number;
|
|
32
33
|
title?: string | undefined;
|
|
33
34
|
loaderKey?: string | undefined;
|
|
34
35
|
initialItem?: Record<string, any> | undefined;
|