@hostlink/nuxt-light 1.55.0 → 1.55.2

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

@@ -14,13 +14,13 @@ if (typeof props.value === "number") {
 </script>
 
 <template>
-    <div class="q-pa-sm">
-        <div class="row">
-            {{ title }}
-        </div>
-        <div class="text-h5 row">
-            {{ localValue }}
-        </div>
-
-    </div>
+    <div class="q-pa-sm">
+        <div class="row">
+            {{ title }}
+        </div>
+        <div class="text-h5 row">
+            {{ localValue }}
+        </div>
+
+    </div>
 </template>

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

@@ -17,14 +17,14 @@ const parent_type = instance?.parent?.type.name;
 </script>
 
 <template>
-    <template v-if="parent_type == 'QTabPanels'">
-        <q-tab-panel :name="name">
-            <slot></slot>
-        </q-tab-panel>
-    </template>
-
-    <template v-if="parent_type == 'QTabs'">
-        <q-tab v-bind="$props" :label="$t($props.label ?? '')">
-        </q-tab>
-    </template>
+    <template v-if="parent_type == 'QTabPanels'">
+        <q-tab-panel :name="name">
+            <slot></slot>
+        </q-tab-panel>
+    </template>
+
+    <template v-if="parent_type == 'QTabs'">
+        <q-tab v-bind="$props" :label="$t($props.label ?? '')">
+        </q-tab>
+    </template>
 </template>

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

@@ -70,7 +70,7 @@ export interface LTableRequest {
     }) => void;
 }
 declare function requestServerInteraction(): void;
-declare var __VLS_123: any, __VLS_126: string, __VLS_127: any, __VLS_159: any, __VLS_162: any, __VLS_336: string, __VLS_337: any;
+declare var __VLS_123: any, __VLS_126: any, __VLS_127: any, __VLS_159: any, __VLS_162: any, __VLS_336: any, __VLS_337: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_126>]?: (props: typeof __VLS_127) => any;
 } & {

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

@@ -520,200 +520,186 @@ const hasFilters = computed(() => {
 </script>
 
 <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">
-        <template #header="props">
-            <q-tr :props="props">
-                <q-th v-if="selection != 'none'" auto-width>
-                    <q-checkbox v-model="props.selected" :dense="table?.dense" />
-                </q-th>
-                <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 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>
-                </div>
-            </div>
-        </template>
-
-
-
-        <template #top-left v-if="addComponent">
-            <q-btn icon="sym_o_add" :label="$t('Add')" color="primary" @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" :dense="table?.dense" />
-                </q-td>
-                <q-td v-if="hasRowExpand" auto-width>
-                    <q-btn 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">
-
-                        <l-action-btn v-if="actionView && props.row.canView"
-                            :to="`/${modelName}/${props.row[primaryKey]}/view`" icon="sym_o_search" />
-
-                        <l-action-btn v-if="activeEdit && props.row.canUpdate"
-                            :to="`/${modelName}/${props.row[primaryKey]}/edit`" icon="sym_o_edit" />
-
-                        <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>
-
-                </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)"><template v-if="col.to" class="bg-primary">
-                                <l-link :to="col.to(props.row)" v-if="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>
-            </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="showTopRight">
-            <slot name="top-right" v-bind="props"></slot>
-
-            <q-btn v-if="$props.name" :disable="!hasFilters" dense flat icon="sym_o_filter_alt_off" color="primary"
+    <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">
+        <template #header="props">
+            <q-tr :props="props">
+                <q-th v-if="selection != 'none'" auto-width>
+                    <q-checkbox v-model="props.selected" :dense="table?.dense" />
+                </q-th>
+                <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 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>
+                </div>
+            </div>
+        </template>
+
+        <template #top-left v-if="addComponent">
+            <q-btn icon="sym_o_add" :label="$t('Add')" color="primary" @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" :dense="table?.dense" />
+                </q-td>
+                <q-td v-if="hasRowExpand" auto-width>
+                    <q-btn 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">
+
+                        <l-action-btn v-if="actionView && props.row.canView"
+                            :to="`/${modelName}/${props.row[primaryKey]}/view`" icon="sym_o_search" />
+
+                        <l-action-btn v-if="activeEdit && props.row.canUpdate"
+                            :to="`/${modelName}/${props.row[primaryKey]}/edit`" icon="sym_o_edit" />
+
+                        <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>
+
+                </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)"><template v-if="col.to" class="bg-primary">
+                                <l-link :to="col.to(props.row)" v-if="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>
+            </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="showTopRight">
+            <slot name="top-right" v-bind="props"></slot>
+
+            <q-btn v-if="$props.name" :disable="!hasFilters" dense flat icon="sym_o_filter_alt_off" color="primary"
                 @click="filters = {};
-  tempFilters = {}">
-                <q-tooltip>{{ $t("Clear Filters") }}</q-tooltip>
-            </q-btn>
-
-
-            <q-input outlined dense debounce="300" v-model="filter" :placeholder="$t('Search')" v-if="searchable">
-                <template v-slot:append>
-                    <q-icon name="search" />
-                </template>
-            </q-input>
-
-            <q-btn icon="sym_o_settings" flat dense color="primary" v-if="$props.name">
-                <q-popup-proxy>
-                    <q-card>
-                        <q-card-section>
-                            <q-checkbox label="Save filters" v-model="saveFilters" />
-                        </q-card-section>
-                    </q-card>
-                </q-popup-proxy>
-            </q-btn>
-
-            <q-btn icon="sym_o_view_column" flat dense color="primary" v-if="$props.name">
-                <q-popup-proxy>
-                    <q-card>
-                        <q-card-section>
-                            <q-option-group type="checkbox" v-model="visibleColumns" :options="hidableColumns"
-                                option-value="name">
-                            </q-option-group>
-                        </q-card-section>
-                    </q-card>
-                </q-popup-proxy>
-            </q-btn>
-
-
-            <q-btn icon="sym_o_refresh" flat dense color="primary" @click="requestServerInteraction()">
-                <q-tooltip>{{ $t("Refresh") }}</q-tooltip>
-            </q-btn>
-        </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) }}
-                </l-link>
-            </q-td>
-        </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 v-if="col.searchType == 'number'">
-                            <q-input style="min-width: 80px;" dense clearable filled square
-                                v-model.number="tempFilters[col.name]"
-                                @keydown.enter.prevent="filters[col.name] = tempFilters[col.name]"
-                                @clear="delete filters[col.name]" mask="##########" :enterkeyhint="$t('search')"
-                                :style="col.searchStyle"></q-input>
-                        </template>
-
-                        <template v-if="col.searchType == 'select'">
-                            <q-select dense clearable filled square v-model="filters[col.name]" options-dense
-                                :options="localSearchOptions[col.name]" emit-value map-options
+  tempFilters = {}">
+                <q-tooltip>{{ $t("Clear Filters") }}</q-tooltip>
+            </q-btn>
+
+            <q-input outlined dense debounce="300" v-model="filter" :placeholder="$t('Search')" v-if="searchable">
+                <template v-slot:append>
+                    <q-icon name="search" />
+                </template>
+            </q-input>
+
+            <q-btn icon="sym_o_settings" flat dense color="primary" v-if="$props.name">
+                <q-popup-proxy>
+                    <q-card>
+                        <q-card-section>
+                            <q-checkbox label="Save filters" v-model="saveFilters" />
+                        </q-card-section>
+                    </q-card>
+                </q-popup-proxy>
+            </q-btn>
+
+            <q-btn icon="sym_o_view_column" flat dense color="primary" v-if="$props.name">
+                <q-popup-proxy>
+                    <q-card>
+                        <q-card-section>
+                            <q-option-group type="checkbox" v-model="visibleColumns" :options="hidableColumns"
+                                option-value="name">
+                            </q-option-group>
+                        </q-card-section>
+                    </q-card>
+                </q-popup-proxy>
+            </q-btn>
+
+            <q-btn icon="sym_o_refresh" flat dense color="primary" @click="requestServerInteraction()">
+                <q-tooltip>{{ $t("Refresh") }}</q-tooltip>
+            </q-btn>
+        </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) }}
+                </l-link>
+            </q-td>
+        </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 v-if="col.searchType == 'number'">
+                            <q-input style="min-width: 80px;" dense clearable filled square
+                                v-model.number="tempFilters[col.name]"
+                                @keydown.enter.prevent="filters[col.name] = tempFilters[col.name]"
+                                @clear="delete filters[col.name]" mask="##########" :enterkeyhint="$t('search')"
+                                :style="col.searchStyle"></q-input>
+                        </template>
+
+                        <template v-if="col.searchType == 'select'">
+                            <q-select dense clearable filled square v-model="filters[col.name]" options-dense
+                                :options="localSearchOptions[col.name]" emit-value map-options
                                 :multiple="col.searchMultiple" use-input input-debounce="0" @filter="(val, update) => {
   searchSelectFilter(val, update, col.name);
-}" :style="col.searchStyle" />
-                        </template>
-
-                        <template v-if="col.searchType == 'date'">
-                            <l-date-picker dense clearable filled square :outlined="false" hide-bottom-space
-                                v-model="filters[col.name]" range :style="col.searchStyle" />
-                        </template>
-
-
-                        <template v-if="col.searchType == 'boolean'">
+}" :style="col.searchStyle" />
+                        </template>
+
+                        <template v-if="col.searchType == 'date'">
+                            <l-date-picker dense clearable filled square :outlined="false" hide-bottom-space
+                                v-model="filters[col.name]" range :style="col.searchStyle" />
+                        </template>
+
+                        <template v-if="col.searchType == 'boolean'">
                             <q-select dense clearable filled square v-model="filters[col.name]" :options="[
   { label: $t('Yes'), value: true },
   { label: $t('No'), value: false }
-]" :style="col.searchStyle" emit-value map-options options-dense />
-
-
-                        </template>
-
-                        <template v-if="!col.searchType || col.searchType == 'text'">
-                            <q-input style="min-width: 80px;" dense clearable filled square
-                                v-model="tempFilters[col.name]" @keydown.enter.prevent="filters[col.name] = tempFilters[col.name]" @clear="delete filters[col.name]" :enterkeyhint="$t('search')" :style="col.searchStyle"></q-input>
-
-                        </template>
-
-                    </template>
-                </q-td>
-            </q-tr>
-        </template>
-
-        <template v-for="slot of Object.keys($slots)" v-slot:[slot]="props">
-            <slot :name="slot" v-bind="props"></slot>
-        </template>
-
-
-
-
-    </q-table>
+]" :style="col.searchStyle" emit-value map-options options-dense />
+
+                        </template>
+
+                        <template v-if="!col.searchType || col.searchType == 'text'">
+                            <q-input style="min-width: 80px;" dense clearable filled square
+                                v-model="tempFilters[col.name]" @keydown.enter.prevent="filters[col.name] = tempFilters[col.name]" @clear="delete filters[col.name]" :enterkeyhint="$t('search')" :style="col.searchStyle"></q-input>
+
+                        </template>
+
+                    </template>
+                </q-td>
+            </q-tr>
+        </template>
+
+        <template v-for="slot of Object.keys($slots)" v-slot:[slot]="props">
+            <slot :name="slot" v-bind="props"></slot>
+        </template>
+
+    </q-table>
 </template>

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

@@ -70,7 +70,7 @@ export interface LTableRequest {
     }) => void;
 }
 declare function requestServerInteraction(): void;
-declare var __VLS_123: any, __VLS_126: string, __VLS_127: any, __VLS_159: any, __VLS_162: any, __VLS_336: string, __VLS_337: any;
+declare var __VLS_123: any, __VLS_126: any, __VLS_127: any, __VLS_159: any, __VLS_162: any, __VLS_336: any, __VLS_337: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_126>]?: (props: typeof __VLS_127) => any;
 } & {

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

@@ -54,13 +54,13 @@ watch(() => props.name ? route.query[props.name] : null, (newTab) => {
 </script>
 
 <template>
-    <l-card>
-        <q-tabs v-bind="$props" class="text-grey" active-color="primary" indicator-color="primary"
-            v-model="modelValue">
-            <slot></slot>
-        </q-tabs>
-        <q-tab-panels v-model="modelValue">
-            <slot></slot>
-        </q-tab-panels>
-    </l-card>
+    <l-card>
+        <q-tabs v-bind="$props" class="text-grey" active-color="primary" indicator-color="primary"
+            v-model="modelValue">
+            <slot></slot>
+        </q-tabs>
+        <q-tab-panels v-model="modelValue">
+            <slot></slot>
+        </q-tab-panels>
+    </l-card>
 </template>

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

@@ -7,7 +7,7 @@ const save = async (data, node) => {
 </script>
 
 <template>
-    <l-form-dialog title="Add User" :save="save">
-        <form-kit type="l-input" name="name" label="Name" dense validation="required" />
-    </l-form-dialog>
+    <l-form-dialog title="Add User" :save="save">
+        <form-kit type="l-input" name="name" label="Name" dense validation="required" />
+    </l-form-dialog>
 </template>

package/dist/runtime/components/l-time-picker.d.vue.ts

@@ -15,7 +15,7 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_37: string | number, __VLS_38: any;
+declare var __VLS_37: any, __VLS_38: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_37>]?: (props: typeof __VLS_38) => any;
 };

package/dist/runtime/components/l-time-picker.vue

@@ -50,22 +50,22 @@ rules.push((v) => {
 </script>
 
 <template>
-    <q-input v-bind="$light.getInputProps(props)" v-model="localValue" :rules="rules"
-        :hide-bottom-space="hideBottomSpace">
-        <template v-slot:prepend>
-            <q-btn icon="sym_o_access_time" round dense flat>
-                <q-popup-proxy cover transition-show="scale" transition-hide="scale" ref="popup">
-                    <q-time v-model="localValue" :format24h="format24h" :now-btn="nowBtn" :with-seconds="withSeconds">
-                        <div class="row items-center justify-end">
-                            <q-btn v-close-popup label="Close" flat />
-                        </div>
-                    </q-time>
-                </q-popup-proxy>
-            </q-btn>
-        </template>
-
-        <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
-            <slot :name="name" v-bind="props ?? {}"></slot>
-        </template>
-    </q-input>
+    <q-input v-bind="$light.getInputProps(props)" v-model="localValue" :rules="rules"
+        :hide-bottom-space="hideBottomSpace">
+        <template v-slot:prepend>
+            <q-btn icon="sym_o_access_time" round dense flat>
+                <q-popup-proxy cover transition-show="scale" transition-hide="scale" ref="popup">
+                    <q-time v-model="localValue" :format24h="format24h" :now-btn="nowBtn" :with-seconds="withSeconds">
+                        <div class="row items-center justify-end">
+                            <q-btn v-close-popup label="Close" flat />
+                        </div>
+                    </q-time>
+                </q-popup-proxy>
+            </q-btn>
+        </template>
+
+        <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
+            <slot :name="name" v-bind="props ?? {}"></slot>
+        </template>
+    </q-input>
 </template>

package/dist/runtime/components/l-time-picker.vue.d.ts

@@ -15,7 +15,7 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_37: string | number, __VLS_38: any;
+declare var __VLS_37: any, __VLS_38: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_37>]?: (props: typeof __VLS_38) => any;
 };

package/dist/runtime/components/l-view-btn.vue

@@ -1,3 +1,3 @@
-<template>
-    <q-btn flat round icon="sym_o_search" />
+<template>
+    <q-btn flat round icon="sym_o_search" />
 </template>

package/dist/runtime/components/user-list.vue

@@ -22,7 +22,7 @@ const columns = model("User").columns({
 </script>
 
 <template>
-    <l-table ref="table" row-key="user_id" @request-data="onRequest" :columns="columns"
-        :actions="['view', 'update', 'delete']">
-    </l-table>
+    <l-table ref="table" row-key="user_id" @request-data="onRequest" :columns="columns"
+        :actions="['view', 'update', 'delete']">
+    </l-table>
 </template>

package/dist/runtime/composables/mytest.js

@@ -1,3 +1,3 @@
-export default () => {
-    return "Hello World!"
+export default () => {
+    return "Hello World!"
 }