@hostlink/nuxt-light 1.55.0 → 1.56.0

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

@@ -34,12 +34,12 @@ const attrs = computed(() => {
 </script>
 
 <template>
-    <l-input v-bind="attrs" v-model="localValue" hide-bottom-space>
-        <q-dialog v-model="show" full-height full-width>
-            <l-file-manager closable @close="show = false" @input="onInput"></l-file-manager>
-        </q-dialog>
-        <template v-slot:prepend>
-            <q-btn dense flat round icon="sym_o_folder" @click="show = true"></q-btn>
-        </template>
-    </l-input>
+    <l-input v-bind="attrs" v-model="localValue" hide-bottom-space>
+        <q-dialog v-model="show" full-height full-width>
+            <l-file-manager closable @close="show = false" @input="onInput"></l-file-manager>
+        </q-dialog>
+        <template v-slot:prepend>
+            <q-btn dense flat round icon="sym_o_folder" @click="show = true"></q-btn>
+        </template>
+    </l-input>
 </template>

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

@@ -9,10 +9,6 @@ export interface LFileProps {
     square?: boolean;
     stackLabel?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<LFileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<LFileProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<LFileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/l-form-dialog.vue

@@ -68,31 +68,31 @@ const onCancel = async () => {
 </script>
 
 <template>
-    <q-dialog ref="dialogRef">
-
-        <q-card :style="{ width }" :loading="loading" class="q-dialog-plugin">
-            <q-toolbar>
-                <q-toolbar-title v-if="title">
-                    {{ title }}
-                </q-toolbar-title>
-                <q-space />
-                <q-btn icon="sym_o_close" flat round dense v-close-popup />
-            </q-toolbar>
-
-            <form-kit type="form" :bordered="false" :actions="false" :value="value" #default="context"
-                @submit="onSubmit">
-
-                <q-card-section>
-                    <slot name="default" v-bind="context"></slot>
-                </q-card-section>
-                <q-card-actions align="right">
-                    <q-btn icon="sym_o_close" :label="$t('Cancel')" @click="onCancel" unelevated />
-                    <q-btn icon="sym_o_check" :label="$t('Save')" type="submit" color="primary" unelevated
-                        :disabled="!context.state.valid" />
-                </q-card-actions>
-            </form-kit>
-
-            <q-inner-loading :showing="loading"></q-inner-loading>
-        </q-card>
-    </q-dialog>
+    <q-dialog ref="dialogRef">
+
+        <q-card :style="{ width }" :loading="loading" class="q-dialog-plugin">
+            <q-toolbar>
+                <q-toolbar-title v-if="title">
+                    {{ title }}
+                </q-toolbar-title>
+                <q-space />
+                <q-btn icon="sym_o_close" flat round dense v-close-popup />
+            </q-toolbar>
+
+            <form-kit type="form" :bordered="false" :actions="false" :value="value" #default="context"
+                @submit="onSubmit">
+
+                <q-card-section>
+                    <slot name="default" v-bind="context"></slot>
+                </q-card-section>
+                <q-card-actions align="right">
+                    <q-btn icon="sym_o_close" :label="$t('Cancel')" @click="onCancel" unelevated />
+                    <q-btn icon="sym_o_check" :label="$t('Save')" type="submit" color="primary" unelevated
+                        :disabled="!context.state.valid" />
+                </q-card-actions>
+            </form-kit>
+
+            <q-inner-loading :showing="loading"></q-inner-loading>
+        </q-card>
+    </q-dialog>
 </template>

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

@@ -26,39 +26,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-    save: (...args: any[]) => void;
-    submitted: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: ObjectConstructor;
-    };
-    bordered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    gutter: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    noRedirect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-    onSave?: ((...args: any[]) => any) | undefined;
-    onSubmitted?: ((...args: any[]) => any) | undefined;
-}>, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     bordered: boolean;
     gutter: string;
     submitLabel: string;

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

@@ -86,15 +86,15 @@ const localClass = computed(() => {
 </script>
 
 <template>
-    <q-form ref="form" @submit="onSubmit">
-        <l-card :bordered="bordered">
-            <q-card-section :class="localClass">
-                <slot></slot>
-            </q-card-section>
-
-            <q-card-actions align="right">
-                <l-btn :icon="submitIcon" :label="submitLabel" @click="save" :loading="loading" type="submit" />
-            </q-card-actions>
-        </l-card>
-    </q-form>
+    <q-form ref="form" @submit="onSubmit">
+        <l-card :bordered="bordered">
+            <q-card-section :class="localClass">
+                <slot></slot>
+            </q-card-section>
+
+            <q-card-actions align="right">
+                <l-btn :icon="submitIcon" :label="submitLabel" @click="save" :loading="loading" type="submit" />
+            </q-card-actions>
+        </l-card>
+    </q-form>
 </template>

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

@@ -26,39 +26,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (...args: any[]) => void;
-    save: (...args: any[]) => void;
-    submitted: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: ObjectConstructor;
-    };
-    bordered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    gutter: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    submitIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    noRedirect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onSubmit?: ((...args: any[]) => any) | undefined;
-    onSave?: ((...args: any[]) => any) | undefined;
-    onSubmitted?: ((...args: any[]) => any) | undefined;
-}>, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     bordered: boolean;
     gutter: string;
     submitLabel: string;

package/dist/runtime/components/l-group-select.vue

@@ -56,26 +56,26 @@ const filterFn = (val, update, abort) => {
 </script>
 
 <template>
-    <q-select v-model="model" v-bind="$light.getInputProps($props)" :options="items"
-        @update:model-value="handleItemUniqueByGroup" input-debounce="0" @filter="filterFn" :style="$light.styles.input"
-        :emit-value="emitValue" :map-options="mapOptions">
-        <template v-slot:option="scope">
-            <q-item v-if="scope.opt.is_group" v-bind="{ ...scope.itemProps }" class="text-xs bg-grey-4"
-                :key="scope.opt.label">
-                <q-item-section class="!cursor-default">
-                    {{ scope.opt.label || "Ungroup" }}
-                </q-item-section>
-            </q-item>
-            <q-item v-else v-bind="{ ...scope.itemProps }" :key="scope.opt.value">
-                <q-item-section class="q-pl-md">{{ scope.opt.label }}</q-item-section>
-            </q-item>
-        </template>
-        <template v-slot:no-option>
-            <q-item>
-                <q-item-section class="text-grey">
-                    No results
-                </q-item-section>
-            </q-item>
-        </template>
-    </q-select>
+    <q-select v-model="model" v-bind="$light.getInputProps($props)" :options="items"
+        @update:model-value="handleItemUniqueByGroup" input-debounce="0" @filter="filterFn" :style="$light.styles.input"
+        :emit-value="emitValue" :map-options="mapOptions">
+        <template v-slot:option="scope">
+            <q-item v-if="scope.opt.is_group" v-bind="{ ...scope.itemProps }" class="text-xs bg-grey-4"
+                :key="scope.opt.label">
+                <q-item-section class="!cursor-default">
+                    {{ scope.opt.label || "Ungroup" }}
+                </q-item-section>
+            </q-item>
+            <q-item v-else v-bind="{ ...scope.itemProps }" :key="scope.opt.value">
+                <q-item-section class="q-pl-md">{{ scope.opt.label }}</q-item-section>
+            </q-item>
+        </template>
+        <template v-slot:no-option>
+            <q-item>
+                <q-item-section class="text-grey">
+                    No results
+                </q-item-section>
+            </q-item>
+        </template>
+    </q-select>
 </template>

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

@@ -3262,42 +3262,39 @@ const displayIcons = computed(() => {
 </script>
 
 <template>
-    <q-btn v-bind="$props" :icon="modelValue ?? 'sym_o_link'">
-        <q-menu :offset="[0, 8]">
-
-            <q-item-label header>
-                <q-input v-model="search" label="Search" outlined dense>
-                    <template v-slot:prepend>
-                        <q-icon name="sym_o_search" dense />
-                    </template>
-                </q-input>
-            </q-item-label>
-
-            <q-separator />
-
-            <q-list class="scroll" style="max-height: 250px;max-width: 450px;">
-                <q-infinite-scroll @load="onLoad" :offset="250" ref="scroll">
-
-                    <div class="row">
-                        <div class="col-3 q-pa-xs text-center" v-for="icon in displayIcons" :name="icon" :key="icon">
-                            <q-btn :icon="icon" round flat @click="modelValue = icon" v-close-popup>
-                                <q-tooltip>{{ icon }}</q-tooltip>
-                            </q-btn>
-                        </div>
-                    </div>
-
-                    <template v-slot:loading>
-                        <div class="text-center q-my-md">
-
-                            <q-spinner-dots size="40px" />
-                        </div>
-                    </template>
-                </q-infinite-scroll>
-            </q-list>
-
-
-
-
-        </q-menu>
-    </q-btn>
+    <q-btn v-bind="$props" :icon="modelValue ?? 'sym_o_link'">
+        <q-menu :offset="[0, 8]">
+
+            <q-item-label header>
+                <q-input v-model="search" label="Search" outlined dense>
+                    <template v-slot:prepend>
+                        <q-icon name="sym_o_search" dense />
+                    </template>
+                </q-input>
+            </q-item-label>
+
+            <q-separator />
+
+            <q-list class="scroll" style="max-height: 250px;max-width: 450px;">
+                <q-infinite-scroll @load="onLoad" :offset="250" ref="scroll">
+
+                    <div class="row">
+                        <div class="col-3 q-pa-xs text-center" v-for="icon in displayIcons" :name="icon" :key="icon">
+                            <q-btn :icon="icon" round flat @click="modelValue = icon" v-close-popup>
+                                <q-tooltip>{{ icon }}</q-tooltip>
+                            </q-btn>
+                        </div>
+                    </div>
+
+                    <template v-slot:loading>
+                        <div class="text-center q-my-md">
+
+                            <q-spinner-dots size="40px" />
+                        </div>
+                    </template>
+                </q-infinite-scroll>
+            </q-list>
+
+        </q-menu>
+    </q-btn>
 </template>

package/dist/runtime/components/l-input-select.vue

@@ -114,8 +114,8 @@ const filterFn = (val, update, abort) => {
 </script>
 
 <template>
-    <q-select v-model="model" v-bind="$light.getInputProps($props)" :options="localOptions" use-input fill-input
-        hide-selected @filter="filterFn" @input-value="setModel">
-        <slot></slot>
-    </q-select>
+    <q-select v-model="model" v-bind="$light.getInputProps($props)" :options="localOptions" use-input fill-input
+        hide-selected @filter="filterFn" @input-value="setModel">
+        <slot></slot>
+    </q-select>
 </template>

package/dist/runtime/components/l-input-xlsx.vue

@@ -27,35 +27,34 @@ const showView = ref(false);
 </script>
 
 <template>
-    <q-field v-bind="{ ...$light.styles.input, ...$attrs }" :loading="loading" :model-value="localData"
-        @update:model-value="onClear">
-        <template v-slot:control>
-            <template v-if="!hasFile">
-                <input type="file" accept=".xlsx" @change="onChange" ref="file" />
-            </template>
-
-            <template v-else>
-                {{ modelValue.length }} records
-            </template>
-
-        </template>
-
-        <template v-slot:prepend v-if="hasFile">
-            <q-icon name="sym_o_table_view" @click="showView = true" class="cursor-pointer" />
-        </template>
-
-
-        <template v-slot:append v-if="hasFile">
-            <q-icon name="cancel" @click="onClear" class="cursor-pointer" />
-        </template>
-
-        <q-dialog v-model="showView" full-width>
-            <q-card>
-                <q-card-section>
-                    <q-table :rows="modelValue" dense separator="cell" flat bordered></q-table>
-                </q-card-section>
-            </q-card>
-        </q-dialog>
-
-    </q-field>
+    <q-field v-bind="{ ...$light.styles.input, ...$attrs }" :loading="loading" :model-value="localData"
+        @update:model-value="onClear">
+        <template v-slot:control>
+            <template v-if="!hasFile">
+                <input type="file" accept=".xlsx" @change="onChange" ref="file" />
+            </template>
+
+            <template v-else>
+                {{ modelValue.length }} records
+            </template>
+
+        </template>
+
+        <template v-slot:prepend v-if="hasFile">
+            <q-icon name="sym_o_table_view" @click="showView = true" class="cursor-pointer" />
+        </template>
+
+        <template v-slot:append v-if="hasFile">
+            <q-icon name="cancel" @click="onClear" class="cursor-pointer" />
+        </template>
+
+        <q-dialog v-model="showView" full-width>
+            <q-card>
+                <q-card-section>
+                    <q-table :rows="modelValue" dense separator="cell" flat bordered></q-table>
+                </q-card-section>
+            </q-card>
+        </q-dialog>
+
+    </q-field>
 </template>

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

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

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

@@ -146,27 +146,27 @@ const localClass = computed(() => {
 </script>
 
 <template>
-    <q-input v-bind="$light.getInputProps($props)" :rules="new_rules" :type="localType" :class="localClass">
-        <template v-if="translate" #prepend>
-            <q-btn icon="sym_o_translate" flat dense rounded>
-                <q-menu dense>
-                    <q-list>
-                        <q-item clickable v-close-popup @click="onClickTc2Sc">
-                            <q-item-section>繁轉簡</q-item-section>
-                        </q-item>
-                    </q-list>
-                </q-menu>
-            </q-btn>
-        </template>
-        <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
-            <slot :name="name" v-bind="props ?? {}"></slot>
-        </template>
-
-        <template v-if="localShowPassword" v-slot:append>
-            <q-icon name="sym_o_visibility" class="cursor-pointer" @click="isShowPassword = false"
-                v-if="isShowPassword" />
-            <q-icon name="sym_o_visibility_off" class="cursor-pointer" @click="isShowPassword = true" v-else />
-        </template>
-
-    </q-input>
+    <q-input v-bind="$light.getInputProps($props)" :rules="new_rules" :type="localType" :class="localClass">
+        <template v-if="translate" #prepend>
+            <q-btn icon="sym_o_translate" flat dense rounded>
+                <q-menu dense>
+                    <q-list>
+                        <q-item clickable v-close-popup @click="onClickTc2Sc">
+                            <q-item-section>繁轉簡</q-item-section>
+                        </q-item>
+                    </q-list>
+                </q-menu>
+            </q-btn>
+        </template>
+        <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
+            <slot :name="name" v-bind="props ?? {}"></slot>
+        </template>
+
+        <template v-if="localShowPassword" v-slot:append>
+            <q-icon name="sym_o_visibility" class="cursor-pointer" @click="isShowPassword = false"
+                v-if="isShowPassword" />
+            <q-icon name="sym_o_visibility_off" class="cursor-pointer" @click="isShowPassword = true" v-else />
+        </template>
+
+    </q-input>
 </template>

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

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

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

@@ -27,22 +27,22 @@ defineProps({
 </script>
 
 <template>
-    <q-item v-bind="$props">
-        <q-item-section side v-if=$slots.avatar>
-            <slot name="avatar"></slot>
-        </q-item-section>
-
-        <q-item-section side v-if="label" :top="labelTop">
-            <q-item-label>{{ $t(label) }}</q-item-label>
-        </q-item-section>
-
-        <q-item-section :style="{ alignItems }">
-            <slot></slot>
-        </q-item-section>
-
-        <q-item-section side v-if=$slots.end>
-            <slot name="end"></slot>
-        </q-item-section>
-
-    </q-item>
+    <q-item v-bind="$props">
+        <q-item-section side v-if=$slots.avatar>
+            <slot name="avatar"></slot>
+        </q-item-section>
+
+        <q-item-section side v-if="label" :top="labelTop">
+            <q-item-label>{{ $t(label) }}</q-item-label>
+        </q-item-section>
+
+        <q-item-section :style="{ alignItems }">
+            <slot></slot>
+        </q-item-section>
+
+        <q-item-section side v-if=$slots.end>
+            <slot name="end"></slot>
+        </q-item-section>
+
+    </q-item>
 </template>

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

@@ -16,7 +16,7 @@ const props = defineProps({
 </script>
 
 <template>
-    <router-link :to="props.to" style="text-decoration: underline;" class="text-primary">
-        <slot />
-    </router-link>
+    <router-link :to="props.to" style="text-decoration: underline;" class="text-primary">
+        <slot />
+    </router-link>
 </template>

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

@@ -34,16 +34,16 @@ const getFieldValue = (field) => {
 </script>
 
 <template>
-    <q-list v-bind="$props">
-        <template v-if="fields">
-            <l-item v-for="field in fields" :label="field.label" :to="getTo(field)">
-                {{ getFieldValue(field) }}
-            </l-item>
-
-        </template>
-        <template v-else>
-            <slot></slot>
-        </template>
-
-    </q-list>
+    <q-list v-bind="$props">
+        <template v-if="fields">
+            <l-item v-for="field in fields" :label="field.label" :to="getTo(field)">
+                {{ getFieldValue(field) }}
+            </l-item>
+
+        </template>
+        <template v-else>
+            <slot></slot>
+        </template>
+
+    </q-list>
 </template>

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

@@ -9,10 +9,6 @@ export interface LLoginProps {
     microsoftTenantId?: string;
     facebookAppId?: string;
 }
-declare const __VLS_export: import("vue").DefineComponent<LLoginProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    login: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<LLoginProps> & Readonly<{
-    onLogin?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<LLoginProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;