@mythpe/quasar-ui-qui 0.4.54 → 0.4.55
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
CHANGED
|
@@ -73,7 +73,6 @@ type Props = {
|
|
|
73
73
|
manageColumns?: MDatatableProps['manageColumns'];
|
|
74
74
|
manageColumnsInline?: MDatatableProps['manageColumnsInline'];
|
|
75
75
|
visibleColumns?: MDatatableProps['visibleColumns'];
|
|
76
|
-
// searchColumns?: MDatatableProps['searchColumns'];
|
|
77
76
|
addTopBtn?: boolean;
|
|
78
77
|
addListBtn?: boolean;
|
|
79
78
|
addFabBtn?: boolean;
|
|
@@ -518,7 +517,7 @@ const showIfContext = (contextBtn: GenericMDtBtn): boolean => {
|
|
|
518
517
|
}
|
|
519
518
|
return !1
|
|
520
519
|
}
|
|
521
|
-
const tooSmallComputed = computed(() => props.tooSmall === 0 ? false : ($q.screen.height < (props.tooSmall ||
|
|
520
|
+
const tooSmallComputed = computed(() => props.tooSmall === 0 ? false : ($q.screen.height < (props.tooSmall || 400)))
|
|
522
521
|
const searchByColumns = computed(() => [
|
|
523
522
|
{
|
|
524
523
|
name: 'all',
|
|
@@ -823,9 +822,10 @@ defineExpose({
|
|
|
823
822
|
<q-btn
|
|
824
823
|
v-if="!noBackBtn && !hideTitle"
|
|
825
824
|
:icon="backIcon || `ion-ios-arrow-${$q.lang.rtl ? 'forward' : 'back'}`"
|
|
826
|
-
class="m-datatable__table-back-btn
|
|
825
|
+
class="m-datatable__table-back-btn"
|
|
827
826
|
dense
|
|
828
|
-
|
|
827
|
+
style="min-width: 50px"
|
|
828
|
+
unelevated
|
|
829
829
|
@click="$router.back()"
|
|
830
830
|
/>
|
|
831
831
|
<!--Table Title-->
|
|
@@ -881,6 +881,10 @@ defineExpose({
|
|
|
881
881
|
no-caps
|
|
882
882
|
@click="openCreateDialog()"
|
|
883
883
|
/>
|
|
884
|
+
<div class="flex-break" />
|
|
885
|
+
<div class="full-width">
|
|
886
|
+
<q-separator spaced />
|
|
887
|
+
</div>
|
|
884
888
|
</MRow>
|
|
885
889
|
</MCol>
|
|
886
890
|
</slot>
|
|
@@ -953,8 +957,9 @@ defineExpose({
|
|
|
953
957
|
/>
|
|
954
958
|
</MRow>
|
|
955
959
|
</MCol>
|
|
960
|
+
<!--<q-space v-if="$q.screen.gt.sm" />-->
|
|
956
961
|
<!--Buttons-->
|
|
957
|
-
<MCol
|
|
962
|
+
<MCol auto>
|
|
958
963
|
<MRow
|
|
959
964
|
class="items-center m-datatable__table-top-buttons"
|
|
960
965
|
gutter="xs"
|
|
@@ -1017,7 +1022,10 @@ defineExpose({
|
|
|
1017
1022
|
<MBtn
|
|
1018
1023
|
v-close-popup
|
|
1019
1024
|
:label="__('myth.datatable.filter.cancel')"
|
|
1025
|
+
color="on-primary"
|
|
1026
|
+
outline
|
|
1020
1027
|
style="min-width: 100px"
|
|
1028
|
+
text-color="primary"
|
|
1021
1029
|
v-bind="pluginOptions.dt?.dialogButtonsProps as any"
|
|
1022
1030
|
@click="closeFilterDialog"
|
|
1023
1031
|
/>
|
|
@@ -1120,7 +1128,6 @@ defineExpose({
|
|
|
1120
1128
|
>
|
|
1121
1129
|
<q-checkbox
|
|
1122
1130
|
v-model="visibleHeaders"
|
|
1123
|
-
:disable="visibleHeaders.length < 2 && visibleHeaders.indexOf(h.name) !== -1"
|
|
1124
1131
|
:label="h.label"
|
|
1125
1132
|
:val="h.name"
|
|
1126
1133
|
/>
|
|
@@ -1129,32 +1136,38 @@ defineExpose({
|
|
|
1129
1136
|
</q-card-section>
|
|
1130
1137
|
<q-separator />
|
|
1131
1138
|
<q-card-section>
|
|
1132
|
-
<
|
|
1133
|
-
:
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1139
|
+
<MRow
|
|
1140
|
+
:gutter="!$q.screen.xs"
|
|
1141
|
+
class="justify-between items-center"
|
|
1142
|
+
>
|
|
1143
|
+
<MBtn
|
|
1144
|
+
v-if="$q.screen.gt.xs"
|
|
1145
|
+
v-close-popup
|
|
1146
|
+
:class="['',{'q-mr-sm': !$q.screen.xs}]"
|
|
1147
|
+
color="primary"
|
|
1148
|
+
label="labels.done"
|
|
1149
|
+
no-caps
|
|
1150
|
+
style="min-width: 100px"
|
|
1151
|
+
text-color="on-primary"
|
|
1152
|
+
/>
|
|
1153
|
+
<MBtn
|
|
1154
|
+
:class="{'full-width': $q.screen.xs}"
|
|
1155
|
+
:label="__(`labels.${visibleHeaders.length === getHeaders.length ? 'unselect':'select'}_all`)"
|
|
1156
|
+
color="on-primary"
|
|
1157
|
+
no-caps
|
|
1158
|
+
outline
|
|
1159
|
+
style="min-width: 100px"
|
|
1160
|
+
text-color="primary"
|
|
1161
|
+
@click="onManageColumnsClick()"
|
|
1162
|
+
/>
|
|
1163
|
+
</MRow>
|
|
1151
1164
|
</q-card-section>
|
|
1152
1165
|
</q-card>
|
|
1153
1166
|
</MModalMenu>
|
|
1154
1167
|
</MDtBtn>
|
|
1155
1168
|
<!-- Wrap Btn -->
|
|
1156
1169
|
<MDtBtn
|
|
1157
|
-
v-if="!computedNoWrapBtn"
|
|
1170
|
+
v-if="!computedNoWrapBtn && !isGrid"
|
|
1158
1171
|
:icon="`ion-ios-${wrapCellsRef ? 'code' : 'code-working'}`"
|
|
1159
1172
|
flat
|
|
1160
1173
|
tooltip="myth.datatable.wrapBtn"
|
|
@@ -1258,7 +1271,6 @@ defineExpose({
|
|
|
1258
1271
|
>
|
|
1259
1272
|
<q-checkbox
|
|
1260
1273
|
v-model="visibleHeaders"
|
|
1261
|
-
:disable="visibleHeaders.length < 2 && visibleHeaders.indexOf(h.name) !== -1"
|
|
1262
1274
|
:label="h.label"
|
|
1263
1275
|
:val="h.name"
|
|
1264
1276
|
/>
|
|
@@ -155,7 +155,8 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>, emit?:
|
|
|
155
155
|
})
|
|
156
156
|
const visibleHeaders = ref<string[]>([])
|
|
157
157
|
const onManageColumnsClick = () => {
|
|
158
|
-
visibleHeaders.value = visibleHeaders.value.length === getHeaders.value.length ? [getHeaders.value[0].name] : getHeaders.value.map(e => e.name)
|
|
158
|
+
// visibleHeaders.value = visibleHeaders.value.length === getHeaders.value.length ? [getHeaders.value[0].name] : getHeaders.value.map(e => e.name)
|
|
159
|
+
visibleHeaders.value = visibleHeaders.value.length === getHeaders.value.length ? [] : getHeaders.value.slice().map(e => e.name)
|
|
159
160
|
}
|
|
160
161
|
|
|
161
162
|
const contextmenu = ref(!1)
|