@hostlink/nuxt-light 1.31.0 → 1.31.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.31.0",
+  "version": "1.31.1",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/l-table.vue

@@ -9,8 +9,6 @@ import { collect } from "#imports";
 import { useI18n } from "vue-i18n";
 const $q = useQuasar();
 const { t } = useI18n();
-const minimized = defineModel("minimized", { type: Boolean, ...{ default: false } });
-const maximized = defineModel("maximized", { type: Boolean, ...{ default: false } });
 const errors = ref([]);
 const props = defineProps({
   fullscreen: { type: Boolean, required: false, skipCheck: true, default: false },
@@ -95,9 +93,7 @@ const props = defineProps({
   actions: { type: Array, required: false, default: () => [] },
   sortBy: { type: null, required: false },
   modelName: { type: null, required: false },
-  searchable: { type: null, required: false, default: false },
-  maximizable: { type: Boolean, required: false, default: false },
-  minimizable: { type: Boolean, required: false, default: false },
+  searchable: { type: Boolean, required: false, default: false },
   onRequestData: { type: Function, required: false },
   addComponent: { type: Object, required: false },
   addComponentProps: { type: null, required: false }
@@ -453,16 +449,21 @@ const onAdd = () => {
 </script>
 
 <template>
-    <l-card v-bind="attrs" :maximizable="maximizable" :minimizable="minimizable" :title="title"
-        v-model:minimized="minimized" v-model:maximized="maximized">
-
-        <q-toolbar v-if="addComponent">
-            <q-btn icon="sym_o_add" :label="$t('Add')" :color="$light.color" @click="onAdd" v-if="addComponent"
-                outline />
-        </q-toolbar>
-
+    <q-table v-bind="attrs" :loading="loading" :rows="rows" ref="table" @request="onLocalRequest" :columns="columns"
+        v-model:pagination="pagination" :filter="filter" v-model:selected="localSelected" :color="$light.color">
+
+        <template #header="props">
+            <q-tr :props="props">
+                <q-td v-if="selection != 'none'" auto-width>
+                    <q-checkbox v-model="props.selected" />
+                </q-td>
+                <q-th v-if="hasRowExpand" auto-width></q-th>
+                <q-th v-if="hasActions" auto-width></q-th>
+                <q-th v-for="col in props.cols" :key="col.name" :props="props">{{ col.label }}</q-th>
+            </q-tr>
+        </template>
 
-        <template v-if="errors.length > 0">
+        <template #top v-if="errors.length > 0">
             <div class="q-mb-sm">
                 <div class="q-gutter-sm">
                     <l-alert type="negative" v-for="e in errors">{{ e }}</l-alert>
@@ -470,96 +471,86 @@ const onAdd = () => {
             </div>
         </template>
 
-        <q-table v-bind="attrs" :loading="loading" :rows="rows" ref="table" @request="onLocalRequest" :columns="columns"
-            v-model:pagination="pagination" :filter="filter" v-model:selected="localSelected" :color="$light.color">
-
-            <template #header="props">
-                <q-tr :props="props">
-                    <q-td v-if="selection != 'none'" auto-width>
-                        <q-checkbox v-model="props.selected" />
-                    </q-td>
-                    <q-th v-if="hasRowExpand" auto-width></q-th>
-                    <q-th v-if="hasActions" auto-width></q-th>
-                    <q-th v-for="col in props.cols" :key="col.name" :props="props">{{ col.label }}</q-th>
-                </q-tr>
-            </template>
 
+        <template #top-left v-if="addComponent">
+            <q-btn icon="sym_o_add" :label="$t('Add')" :color="$light.color" @click="onAdd" outline />
+        </template>
 
 
-            <template #body="props">
-                <q-tr :props="props">
-                    <q-td v-if="selection != 'none'" auto-width>
-                        <q-checkbox v-model="props.selected" />
-                    </q-td>
-                    <q-td v-if="hasRowExpand" auto-width>
-                        <q-btn :class="{ 'text-grey-8': !isDark }" flat round size="sm"
-                            :icon="props.expand ? 'sym_o_expand_more' : 'sym_o_expand_less'"
-                            @click="props.expand = !props.expand"></q-btn>
-                    </q-td>
+        <template #body="props">
+            <q-tr :props="props">
+                <q-td v-if="selection != 'none'" auto-width>
+                    <q-checkbox v-model="props.selected" />
+                </q-td>
+                <q-td v-if="hasRowExpand" auto-width>
+                    <q-btn :class="{ 'text-grey-8': !isDark }" flat round size="sm"
+                        :icon="props.expand ? 'sym_o_expand_more' : 'sym_o_expand_less'"
+                        @click="props.expand = !props.expand"></q-btn>
+                </q-td>
 
-                    <q-td v-if="hasActions" auto-width>
-                        <div :class="{ 'text-grey-8': !isDark }" v-if="primaryKey">
+                <q-td v-if="hasActions" auto-width>
+                    <div :class="{ 'text-grey-8': !isDark }" v-if="primaryKey">
 
-                            <l-view-btn v-if="actionView && props.row.canView"
-                                :to="`/${modelName}/${props.row[primaryKey]}/view`" size="sm" />
+                        <l-view-btn v-if="actionView && props.row.canView"
+                            :to="`/${modelName}/${props.row[primaryKey]}/view`" size="sm" />
 
-                            <l-edit-btn v-if="activeEdit && props.row.canUpdate"
-                                :to="`/${modelName}/${props.row[primaryKey]}/edit`" size="sm" />
+                        <l-edit-btn v-if="activeEdit && props.row.canUpdate"
+                            :to="`/${modelName}/${props.row[primaryKey]}/edit`" size="sm" />
 
-                            <l-delete-btn v-if="actionDelete && props.row.canDelete"
-                                @submit="onDelete(props.row[primaryKey])" size="sm"></l-delete-btn>
+                        <l-delete-btn v-if="actionDelete && props.row.canDelete"
+                            @submit="onDelete(props.row[primaryKey])" size="sm"></l-delete-btn>
 
-                            <slot name="actions" v-bind="props"></slot>
-                        </div>
+                        <slot name="actions" v-bind="props"></slot>
+                    </div>
 
-                    </q-td>
+                </q-td>
 
 
 
-                    <template v-for="col in props.cols">
-                        <template v-if="ss.indexOf('body-cell-' + col.name) >= 0">
-                            <slot :name="'body-cell-' + col.name" v-bind="props"></slot>
-                        </template>
-                        <template v-else>
-                            <q-td :key="col.name" :props="props" :auto-width="col.autoWidth ?? false"
-                                :style="getCellStyle(col, props.row)" :class="getCellClass(col, props.row)"><template
-                                    v-if="col.to" class="bg-primary">
-                                    <l-link :to="col.to(props.row)">{{ col.value }}</l-link>
-                                </template>
-                                <template v-else-if="col.component">
-                                    <component :is="col.component" v-model="props.row"
-                                        v-bind="col.componentProps ? col.componentProps(props.row) : null" />
-                                </template>
-                                <template v-else>
-                                    {{ col.value }}
-                                </template>
-                            </q-td>
-                        </template>
+                <template v-for="col in props.cols">
+                    <template v-if="ss.indexOf('body-cell-' + col.name) >= 0">
+                        <slot :name="'body-cell-' + col.name" v-bind="props"></slot>
                     </template>
-                </q-tr>
-                <q-tr v-show="props.expand" :props="props">
-                    <q-td colspan="100%">
-                        <slot name="row-expand" v-bind="props"></slot>
-                    </q-td>
-                </q-tr>
-            </template>
-
-
-            <template #top-right="props" v-if="searchable">
-                <q-input v-if="searchable" outlined dense debounce="300" v-model="filter" :placeholder="$t('Search')"
-                    :color="$light.color">
-                    <template v-slot:append>
-                        <q-icon name="search" />
+                    <template v-else>
+                        <q-td :key="col.name" :props="props" :auto-width="col.autoWidth ?? false"
+                            :style="getCellStyle(col, props.row)" :class="getCellClass(col, props.row)"><template
+                                v-if="col.to" class="bg-primary">
+                                <l-link :to="col.to(props.row)">{{ col.value }}</l-link>
+                            </template>
+                            <template v-else-if="col.component">
+                                <component :is="col.component" v-model="props.row"
+                                    v-bind="col.componentProps ? col.componentProps(props.row) : null" />
+                            </template>
+                            <template v-else>
+                                {{ col.value }}
+                            </template>
+                        </q-td>
                     </template>
-                </q-input>
+                </template>
+            </q-tr>
+            <q-tr v-show="props.expand" :props="props">
+                <q-td colspan="100%">
+                    <slot name="row-expand" v-bind="props"></slot>
+                </q-td>
+            </q-tr>
+        </template>
 
 
+        <template #top-right="props" v-if="searchable">
+            <q-input v-if="searchable" outlined dense debounce="300" v-model="filter" :placeholder="$t('Search')"
+                :color="$light.color">
+                <template v-slot:append>
+                    <q-icon name="search" />
+                </template>
+            </q-input>
 
 
-            </template>
 
 
-            <!-- template v-for="col in toColumns" v-slot:[col.slot_name]="props">
+        </template>
+
+
+        <!-- template v-for="col in toColumns" v-slot:[col.slot_name]="props">
             <q-td :props="props">
                 <l-link :to="col.to(props.row)">
                     {{ col.field(props.row) }}
@@ -568,49 +559,47 @@ const onAdd = () => {
         </template -->
 
 
-            <template #top-row="props" v-if="hasSearch && isServerSide">
-                <q-tr>
-                    <q-td v-if="selection != 'none'" auto-width />
-                    <q-td v-if="hasRowExpand" auto-width />
-                    <q-td v-if="hasActions" auto-width />
-                    <q-td v-for="col in props.cols">
-                        <template v-if="col.searchable">
+        <template #top-row="props" v-if="hasSearch && isServerSide">
+            <q-tr>
+                <q-td v-if="selection != 'none'" auto-width />
+                <q-td v-if="hasRowExpand" auto-width />
+                <q-td v-if="hasActions" auto-width />
+                <q-td v-for="col in props.cols">
+                    <template v-if="col.searchable">
 
-                            <template v-if="col.searchType == 'number'">
-                                <q-input style="min-width: 80px;" dense clearable filled square
-                                    v-model.number="filters[col.name]" @keydown.enter.prevent="onFilters"
-                                    @clear="onFilters" mask="##########" :enterkeyhint="$t('search')"></q-input>
-                            </template>
+                        <template v-if="col.searchType == 'number'">
+                            <q-input style="min-width: 80px;" dense clearable filled square
+                                v-model.number="filters[col.name]" @keydown.enter.prevent="onFilters" @clear="onFilters"
+                                mask="##########" :enterkeyhint="$t('search')"></q-input>
+                        </template>
 
-                            <template v-if="col.searchType == 'select'">
-                                <q-select dense clearable filled square v-model="filters[col.name]"
-                                    @update:model-value="onFilters" options-dense :options="col.searchOptions"
-                                    emit-value map-options :multiple="col.searchMultiple" :color="$light.color" />
+                        <template v-if="col.searchType == 'select'">
+                            <q-select dense clearable filled square v-model="filters[col.name]"
+                                @update:model-value="onFilters" options-dense :options="col.searchOptions" emit-value
+                                map-options :multiple="col.searchMultiple" :color="$light.color" />
 
-                            </template>
+                        </template>
 
 
-                            <template v-if="col.searchType == 'date'">
-                                <l-date-picker dense clearable filled square :outlined="false" hide-bottom-space
-                                    v-model="filters[col.name]" @update:model-value="onFilters" range
-                                    @clear="onFilters" />
-                            </template>
+                        <template v-if="col.searchType == 'date'">
+                            <l-date-picker dense clearable filled square :outlined="false" hide-bottom-space
+                                v-model="filters[col.name]" @update:model-value="onFilters" range @clear="onFilters" />
+                        </template>
 
-                            <template v-if="!col.searchType || col.searchType == 'text'">
-                                <q-input style="min-width: 80px;" dense clearable filled square
-                                    v-model="filters[col.name]" @keydown.enter.prevent="onFilters" @clear="onFilters"
-                                    :enterkeyhint="$t('search')" :color="$light.color"></q-input>
-
-                            </template>
+                        <template v-if="!col.searchType || col.searchType == 'text'">
+                            <q-input style="min-width: 80px;" dense clearable filled square v-model="filters[col.name]"
+                                @keydown.enter.prevent="onFilters" @clear="onFilters" :enterkeyhint="$t('search')"
+                                :color="$light.color"></q-input>
 
                         </template>
-                    </q-td>
-                </q-tr>
-            </template>
-
-            <template v-for="slot of ss" v-slot:[slot]="props">
-                <slot :name="slot" v-bind="props"></slot>
-            </template>
-        </q-table>
-    </l-card>
+
+                    </template>
+                </q-td>
+            </q-tr>
+        </template>
+
+        <template v-for="slot of ss" v-slot:[slot]="props">
+            <slot :name="slot" v-bind="props"></slot>
+        </template>
+    </q-table>
 </template>

package/dist/runtime/components/l-table.vue.d.ts

@@ -1,7 +1,5 @@
 import { QTable, Dialog } from 'quasar';
 import type { QTableColumn, QTableProps } from 'quasar';
-declare const minimized: import("vue").ModelRef<boolean, string, boolean, boolean>;
-declare const maximized: import("vue").ModelRef<boolean, string, boolean, boolean>;
 export interface LTableColumn extends QTableColumn {
     searchable?: boolean;
     searchType?: string;
@@ -18,16 +16,13 @@ export type LTableProps = QTableProps & {
     sortBy?: any;
     rowKey?: string;
     modelName?: any;
-    searchable?: any;
+    searchable?: boolean;
     selected?: Array<any>;
-    maximizable?: boolean;
-    minimizable?: boolean;
     onRequestData?: (request: LTableRequest) => void;
     addComponent?: Dialog;
     addComponentProps?: any;
     rows?: Array<any>;
 };
-type __VLS_Props = LTableProps;
 declare const isServerSide: boolean;
 declare const pagination: import("vue").Ref<{
     sortBy?: string | null | undefined;
@@ -107,25 +102,19 @@ declare const getCellClass: (col: any, row: any) => any;
 declare const localSelected: import("vue").WritableComputedRef<any[], any[]>;
 declare function requestServerInteraction(): void;
 declare const onAdd: () => void;
-type __VLS_PublicProps = __VLS_Props & {
-    "minimized"?: boolean;
-    "maximized"?: boolean;
-};
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_100: any, __VLS_103: string, __VLS_104: any, __VLS_126: any, __VLS_192: string, __VLS_193: any;
+declare var __VLS_91: any, __VLS_94: string, __VLS_95: any, __VLS_117: any, __VLS_183: string, __VLS_184: any;
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    [K in NonNullable<typeof __VLS_103>]?: (props: typeof __VLS_104) => any;
+    [K in NonNullable<typeof __VLS_94>]?: (props: typeof __VLS_95) => any;
 } & {
-    [K in NonNullable<typeof __VLS_192>]?: (props: typeof __VLS_193) => any;
+    [K in NonNullable<typeof __VLS_183>]?: (props: typeof __VLS_184) => any;
 } & {
-    actions?: (props: typeof __VLS_100) => any;
+    actions?: (props: typeof __VLS_91) => any;
 } & {
-    'row-expand'?: (props: typeof __VLS_126) => any;
+    'row-expand'?: (props: typeof __VLS_117) => any;
 }>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_self: import("vue").DefineComponent<LTableProps, {
     QTable: typeof QTable;
-    minimized: typeof minimized;
-    maximized: typeof maximized;
     errors: typeof errors;
     isServerSide: typeof isServerSide;
     pagination: typeof pagination;
@@ -154,14 +143,10 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
     onAdd: typeof onAdd;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (p: any) => any;
-    "update:minimized": (value: boolean) => any;
-    "update:maximized": (value: boolean) => any;
     "request-data": (p: LTableRequest) => any;
     "update:selected": (p: any[]) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<LTableProps> & Readonly<{
     onDelete?: ((p: any) => any) | undefined;
-    "onUpdate:minimized"?: ((value: boolean) => any) | undefined;
-    "onUpdate:maximized"?: ((value: boolean) => any) | undefined;
     "onRequest-data"?: ((p: LTableRequest) => any) | undefined;
     "onUpdate:selected"?: ((p: any[]) => any) | undefined;
 }>, {
@@ -170,8 +155,6 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
     dark: boolean | null;
     bordered: boolean;
     fullscreen: boolean;
-    minimizable: boolean;
-    maximizable: boolean;
     selected: any[];
     actions: Array<string>;
     pagination: {
@@ -186,20 +169,16 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
     noDataLabel: string;
     rowsPerPageOptions: readonly any[];
     rowsPerPageLabel: string;
-    searchable: any;
+    searchable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_component: import("vue").DefineComponent<LTableProps, {
     requestServerInteraction: typeof requestServerInteraction;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (p: any) => any;
-    "update:minimized": (value: boolean) => any;
-    "update:maximized": (value: boolean) => any;
     "request-data": (p: LTableRequest) => any;
     "update:selected": (p: any[]) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<LTableProps> & Readonly<{
     onDelete?: ((p: any) => any) | undefined;
-    "onUpdate:minimized"?: ((value: boolean) => any) | undefined;
-    "onUpdate:maximized"?: ((value: boolean) => any) | undefined;
     "onRequest-data"?: ((p: LTableRequest) => any) | undefined;
     "onUpdate:selected"?: ((p: any[]) => any) | undefined;
 }>, {
@@ -208,8 +187,6 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     dark: boolean | null;
     bordered: boolean;
     fullscreen: boolean;
-    minimizable: boolean;
-    maximizable: boolean;
     selected: any[];
     actions: Array<string>;
     pagination: {
@@ -224,7 +201,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     noDataLabel: string;
     rowsPerPageOptions: readonly any[];
     rowsPerPageLabel: string;
-    searchable: any;
+    searchable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.31.0",
+  "version": "1.31.1",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",