quasar-factory-lib 0.1.4 → 0.1.6
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/components/SkeletonCardList/SkeletonCardList.vue.d.ts +2 -0
- package/dist/components/Table/Table.vue.d.ts +11 -1
- package/dist/layouts/PdaLayout.vue.d.ts +1955 -0
- package/dist/pages/TablePage.vue.d.ts +11 -1
- package/dist/quasar-factory-lib.js +157 -161
- package/dist/quasar-factory-lib.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/SkeletonCardList/SkeletonCardList.vue +39 -0
- package/src/components/Table/Table.vue +9 -12
- package/src/components/Table/css/table.css +0 -3
- package/src/layouts/PdaLayout.vue +1 -0
- package/src/router/routes.ts +1 -1
- package/dist/layouts/PdaLayoutVueCompositionApi.vue.d.ts +0 -1681
package/package.json
CHANGED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
<template lang="">
|
|
2
|
+
<div>
|
|
3
|
+
<q-card>
|
|
4
|
+
<q-item>
|
|
5
|
+
<q-item-section>
|
|
6
|
+
<q-item-label>
|
|
7
|
+
<q-skeleton type="text" />
|
|
8
|
+
</q-item-label>
|
|
9
|
+
<q-item-label caption>
|
|
10
|
+
<q-skeleton type="text" />
|
|
11
|
+
</q-item-label>
|
|
12
|
+
</q-item-section>
|
|
13
|
+
<q-item-section avatar>
|
|
14
|
+
<q-skeleton type="QAvatar" />
|
|
15
|
+
</q-item-section>
|
|
16
|
+
</q-item>
|
|
17
|
+
|
|
18
|
+
<q-item>
|
|
19
|
+
<q-skeleton type="QBadge" />
|
|
20
|
+
</q-item>
|
|
21
|
+
|
|
22
|
+
<q-item-label>
|
|
23
|
+
<q-skeleton type="text" v-for="n in 3" :key="n"/>
|
|
24
|
+
</q-item-label>
|
|
25
|
+
|
|
26
|
+
<q-card-actions>
|
|
27
|
+
<q-skeleton size="25px" type="QBtn" class="q-mr-sm" v-for="n in 4" :key="n"/>
|
|
28
|
+
</q-card-actions>
|
|
29
|
+
</q-card>
|
|
30
|
+
</div>
|
|
31
|
+
</template>
|
|
32
|
+
<script>
|
|
33
|
+
export default {
|
|
34
|
+
name: 'SkeletonCardTaskList'
|
|
35
|
+
}
|
|
36
|
+
</script>
|
|
37
|
+
<style>
|
|
38
|
+
|
|
39
|
+
</style>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<template lang="">
|
|
2
2
|
<div>
|
|
3
|
+
{{rowsPerPageOptions}}
|
|
3
4
|
<q-table
|
|
4
5
|
v-show="!showSkeleton"
|
|
5
6
|
ref="myTable"
|
|
@@ -13,7 +14,7 @@
|
|
|
13
14
|
:rows="rowsData"
|
|
14
15
|
:columns="columns"
|
|
15
16
|
:row-key="rowKey"
|
|
16
|
-
:rows-per-page-options="
|
|
17
|
+
:rows-per-page-options="rowsPerPageOptions"
|
|
17
18
|
:selection="selectionType"
|
|
18
19
|
:visible-columns="visibleColumns"
|
|
19
20
|
table-class="text-grey-9"
|
|
@@ -209,6 +210,11 @@ export default defineComponent({
|
|
|
209
210
|
showIconAdvancedFilter: {
|
|
210
211
|
type: Boolean,
|
|
211
212
|
default: false
|
|
213
|
+
},
|
|
214
|
+
rowsPerPageOptions: {
|
|
215
|
+
type: Array,
|
|
216
|
+
default: () => [0]
|
|
217
|
+
|
|
212
218
|
}
|
|
213
219
|
},
|
|
214
220
|
emits: [
|
|
@@ -235,7 +241,8 @@ export default defineComponent({
|
|
|
235
241
|
'onDragStart',
|
|
236
242
|
'onDragUpdate',
|
|
237
243
|
'onDragEnd',
|
|
238
|
-
'modifyPriorityOrder'
|
|
244
|
+
'modifyPriorityOrder',
|
|
245
|
+
'onClickRowBtnPrintOP'
|
|
239
246
|
],
|
|
240
247
|
data () {
|
|
241
248
|
return {
|
|
@@ -308,16 +315,6 @@ export default defineComponent({
|
|
|
308
315
|
this.dragAndDropDelay = 0
|
|
309
316
|
}
|
|
310
317
|
},
|
|
311
|
-
/* showSkeleton (val: boolean): void {
|
|
312
|
-
if (!val) {
|
|
313
|
-
this.handleInfiniteScrollTableCompositionAPi()
|
|
314
|
-
}
|
|
315
|
-
},
|
|
316
|
-
'$q.screen.width' (): void {
|
|
317
|
-
setTimeout(() => {
|
|
318
|
-
this.handleInfiniteScrollTableCompositionAPi()
|
|
319
|
-
}, 500)
|
|
320
|
-
} */
|
|
321
318
|
},
|
|
322
319
|
mounted () {
|
|
323
320
|
this.getAdvancedFilterColumns()
|