@hostlink/nuxt-light 1.65.0 → 1.66.2

package/dist/runtime/components/L/Fieldset.vue

@@ -1,15 +1,9 @@
 <script setup>
 import { useI18n } from "vue-i18n";
-const i18n = useI18n();
+const { t } = useI18n();
 const props = defineProps({
-  gutter: {
-    type: String,
-    default: "none"
-  },
-  label: {
-    type: String,
-    default: null
-  }
+  gutter: { type: String, required: false, default: "none" },
+  label: { type: String, required: false }
 });
 </script>
 
@@ -19,7 +13,7 @@ body.body--dark fieldset{border-color:hsla(0,0%,100%,.6)}fieldset{border:1px sol
 
 <template>
     <fieldset>
-        <legend v-if="props.label">{{ i18n.t(props.label) }}</legend>
+        <legend v-if="props.label">{{ t(props.label) }}</legend>
 
         <div :class="`q-gutter-${props.gutter}`">
             <slot></slot>

package/dist/runtime/components/L/Fieldset.vue.d.ts

@@ -1,31 +1,19 @@
+type __VLS_Props = {
+    gutter?: string;
+    label?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gutter: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-type __VLS_WithSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    gutter: {
-        type: StringConstructor;
-        default: string;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-    label: {
-        type: StringConstructor;
-        default: null;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    gutter: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-        default: null;
-    };
-}>> & Readonly<{}>, {
-    label: string;
-    gutter: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-type __VLS_Slots = {
-    default?: ((props: {}) => any) | undefined;
 };

package/dist/runtime/components/{l-file-manager.vue → L/FileManager.vue}

@@ -2,7 +2,7 @@
 import { useI18n } from "vue-i18n";
 import { ref, watch, computed } from "vue";
 import { useQuasar, format, date } from "quasar";
-import { q, m, useLight, showUploadFilesDialog } from "#imports";
+import { q, useLight, showUploadFilesDialog, showDocumentDialog } from "#imports";
 import { getGrantedRights } from "@hostlink/light";
 import { fs } from "@hostlink/light";
 const { humanStorageSize } = format;
@@ -347,18 +347,10 @@ const getFilePublicUrl = async (location) => {
   return file.publicUrl;
 };
 const onPreview = async (node) => {
-  showPreviewImgDialog.value = true;
-  previewImg.value = await getFilePublicUrl(node.location);
-};
-const onPreviewPDF = async (node) => {
-  const height = window.innerHeight - 200;
-  $q.dialog({
-    autoClose: true,
-    fullWidth: true,
-    fullHeight: true,
-    title: "Preview PDF",
-    message: "<iframe src='" + await getFilePublicUrl(node.location) + "' width='100%' height='" + height + "px'></iframe>",
-    html: true
+  showDocumentDialog({
+    url: await getFilePublicUrl(node.location),
+    mimeType: node.mimeType,
+    title: node.name
   });
 };
 const onClickInfo = async (row) => {
@@ -376,7 +368,7 @@ const canPreview = (file) => {
   if (!file.mimeType) {
     return false;
   }
-  return file.mimeType.startsWith("image/");
+  return file.mimeType.startsWith("image/") || file.mimeType === "text/plain" || file.mimeType === "application/pdf" || file.mimeType.startsWith("video/") || file.mimeType.startsWith("audio/");
 };
 const onCheckTotalSize = async (folder) => {
   const d = $q.dialog({
@@ -407,10 +399,7 @@ const onCheckTotalSize = async (folder) => {
 };
 const onDuplicateFile = async (file) => {
   try {
-    const newPath = await m("lightDriveDuplicateFile", {
-      index: file.driveIndex,
-      path: file.path
-    });
+    const newPath = await fs.duplicateFile(file.location);
     $q.notify({
       type: "positive",
       message: "File duplicated to " + newPath
@@ -562,8 +551,9 @@ const getFileIcon = (file) => {
         <q-toolbar>
           <l-file-manager-breadcrumbs v-model="selectedLocation" />
           <q-space></q-space>
-          <q-btn flat round icon="sym_o_drive_file_move" v-if="selected.length > 0">
-            <l-file-manager-move @selected="moveToFolder($event)" :current_location="selectedLocation"
+          <q-btn flat round icon="sym_o_drive_file_move" v-if="selected.length > 0 && selectedLocation">
+            <l-file-manager-move @selected="moveToFolder($event)"
+              :current_location="selectedLocation"
               :allow_cross_fs="selected.every(item => item.__typename == 'File')" />
             <q-tooltip>
               {{ $t('Move to') }}
@@ -624,7 +614,10 @@ const getFileIcon = (file) => {
                     </q-item-section>
                   </q-item>
 
-                  <q-img v-if="canPreview(props.row)" :src="props.row.url"></q-img>
+                  <l-document-viewer :url="props.row.publicUrl"
+                  height="100px"
+                  
+                    :mime-type="props.row.mimeType" :title="props.row.name" v-if="props.row.mimeType.startsWith('image/')"  />
 
                 </q-card>
               </div>
@@ -636,7 +629,7 @@ const getFileIcon = (file) => {
           <q-table flat :columns="columns" :rows="items" @row-dblclick="onDblclickRow" @row-click="onClickRow"
             :pagination="pagination" row-key="location" selection="multiple" v-model:selected="selected" dense
             :loading="loading" :loading-label="$t('Loading...')" :no-data-label="$t('No data available')"
-            separator="horizontal" :rows-per-page-options="[0]" color="primary">
+            separator="horizontal" :rows-per-page-options="[0]" color="primary" square>
             <template #body-cell-icon="props">
               <q-td auto-width>
                 <q-icon name="sym_o_folder" v-if="props.row.__typename == 'Folder'" size="sm" />
@@ -695,14 +688,6 @@ const getFileIcon = (file) => {
                         <q-item-section>{{ $t('Preview') }}</q-item-section>
                       </q-item>
 
-                      <q-item clickable v-close-popup v-if="props.row.mimeType == 'application/pdf'"
-                        @click="onPreviewPDF(props.row)">
-                        <q-item-section avatar>
-                          <q-icon name="sym_o_preview"></q-icon>
-                        </q-item-section>
-                        <q-item-section>{{ $t('Preview') }}</q-item-section>
-                      </q-item>
-
                       <q-item clickable v-close-popup @click="onClickInfo(props.row)" class="lt-lg">
                         <q-item-section avatar>
                           <q-icon name="sym_o_info"></q-icon>

package/dist/runtime/components/{l-input-xlsx.d.vue.ts → L/FileManagerLabels.d.vue.ts}

@@ -1,11 +1,10 @@
-declare const modelValue: import("vue").ModelRef<unknown[], string, unknown[], unknown[]>;
-type __VLS_ModelProps = {
-    modelValue?: typeof modelValue['value'];
-};
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: unknown[]) => any;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};

package/dist/runtime/components/{l-input-xlsx.vue.d.ts → L/FileManagerLabels.vue.d.ts}

@@ -1,11 +1,10 @@
-declare const modelValue: import("vue").ModelRef<unknown[], string, unknown[], unknown[]>;
-type __VLS_ModelProps = {
-    modelValue?: typeof modelValue['value'];
-};
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: unknown[]) => any;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};

package/dist/runtime/components/{l-file-manager-preview.vue → L/FileManagerPreview.vue}

@@ -1,8 +1,7 @@
 <script setup>
 import { format, useQuasar, date } from "quasar";
 import { computed } from "vue";
-import { getApiClient, query } from "@hostlink/light";
-const api = getApiClient();
+import { query } from "@hostlink/light";
 const { humanStorageSize } = format;
 const quasar = useQuasar();
 const props = defineProps({
@@ -60,27 +59,29 @@ const isVideo = computed(() => {
 </script>
 
 <template>
-  <q-img :src="file.publicUrl" v-if="isImage"></q-img>
-  <q-video :src="file.publicUrl" v-else-if="isVideo"></q-video>
+  <div>
+    <q-img :src="file.publicUrl" v-if="isImage"></q-img>
+    <q-video :src="file.publicUrl" v-else-if="isVideo"></q-video>
 
-  <q-list dense>
-    <l-item label="Name">{{ file.name }}</l-item>
-    <l-item label="Size">{{ size }} ({{ file.size }})</l-item>
-    <l-item label="Location">{{ file.path }}</l-item>
-    <l-item label="Last modified">{{ lastModifiedHuman }}</l-item>
-    <l-item label="MIME type">{{ file.mimeType }}</l-item>
+    <q-list dense>
+      <l-item label="Name">{{ file.name }}</l-item>
+      <l-item label="Size">{{ size }} ({{ file.size }})</l-item>
+      <l-item label="Location">{{ file.path }}</l-item>
+      <l-item label="Last modified">{{ lastModifiedHuman }}</l-item>
+      <l-item label="MIME type">{{ file.mimeType }}</l-item>
 
-    <q-item>
-      <q-item-section side>
-        <q-item-label>URL</q-item-label>
-      </q-item-section>
-      <q-item-section style="align-items: flex-end;">
-        <q-item-label lines="1">{{ file.publicUrl }}</q-item-label>
-      </q-item-section>
+      <q-item>
+        <q-item-section side>
+          <q-item-label>URL</q-item-label>
+        </q-item-section>
+        <q-item-section style="align-items: flex-end;">
+          <q-item-label lines="1">{{ file.publicUrl }}</q-item-label>
+        </q-item-section>
 
-      <q-item-section side>
-        <q-btn size="md" flat dense round icon="sym_o_content_copy" @click="copyToClipboard(file.publicUrl)"></q-btn>
-      </q-item-section>
-    </q-item>
-  </q-list>
+        <q-item-section side>
+          <q-btn size="md" flat dense round icon="sym_o_content_copy" @click="copyToClipboard(file.publicUrl)"></q-btn>
+        </q-item-section>
+      </q-item>
+    </q-list>
+  </div>
 </template>

package/dist/runtime/components/{l-icon-picker.vue → L/IconPicker.vue}

@@ -3237,33 +3237,34 @@ const icons = [
   "sym_o_nest_gale_wifi"
 ];
 const scroll = ref(null);
+const search = ref("");
+const scroll_index = ref(0);
 const filteredIcons = computed(() => {
-  if (!search.value) {
-    return icons;
-  }
-  return icons.filter((icon) => {
-    return icon.includes(search.value);
-  });
+  const q = search.value.trim();
+  if (!q) return icons;
+  return icons.filter((icon) => icon.includes(q));
 });
-const scroll_index = ref(0);
 const onLoad = (index, done) => {
   scroll_index.value = index;
   done();
 };
-const search = ref("");
-watch(search, (val) => {
-  scroll.value.reset();
-  scroll.value.poll();
+watch(search, () => {
   scroll_index.value = 0;
+  scroll.value?.reset();
+  scroll.value?.poll();
 });
 const displayIcons = computed(() => {
   return filteredIcons.value.slice(0, 100 * scroll_index.value + 100);
 });
+const onMenuHide = () => {
+  search.value = "";
+  scroll_index.value = 0;
+};
 </script>
 
 <template>
     <q-btn v-bind="$props" :icon="modelValue ?? 'sym_o_link'">
-        <q-menu :offset="[0, 8]">
+        <q-menu :offset="[0, 8]" @hide="onMenuHide">
 
             <q-item-label header>
                 <q-input v-model="search" label="Search" outlined dense>
@@ -3288,7 +3289,6 @@ const displayIcons = computed(() => {
 
                     <template v-slot:loading>
                         <div class="text-center q-my-md">
-
                             <q-spinner-dots size="40px" />
                         </div>
                     </template>

package/dist/runtime/components/{l-input.d.vue.ts → L/Input.d.vue.ts}

@@ -9,11 +9,15 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_43: string, __VLS_44: any;
+declare var __VLS_44: string, __VLS_45: any;
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_43>]?: (props: typeof __VLS_44) => any;
+    [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    validate: () => any;
+    focus: () => any;
+    reset: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;

package/dist/runtime/components/{l-input.vue → L/Input.vue}

@@ -1,7 +1,10 @@
 <script setup>
 import { computed, ref, useAttrs } from "vue";
 import { useI18n } from "vue-i18n";
-import tc2sc from "../composables/tc2sc";
+import tc2sc from "../../composables/tc2sc";
+import useLight from "../../composables/useLight";
+import { useLightInputDefaults } from "../../composables/useLightProps";
+defineOptions({ inheritAttrs: false });
 const { t } = useI18n();
 const props = defineProps({
   showPassword: { type: Boolean, required: false },
@@ -62,91 +65,68 @@ const props = defineProps({
   onClear: { type: Function, required: false }
 });
 const modelValue = defineModel({ type: null });
-const new_rules = Array.isArray(props.rules) ? [...props.rules] : [];
-if (props.required) {
-  new_rules.push((val) => !!val || t("input_required", [t(props.label ?? "")]));
-}
-if (props.type == "email") {
-  new_rules.push((val) => {
-    if (val && !val.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
-      return t("Invalid email format");
-    }
-  });
-}
-const stringRules = new_rules.filter((r) => typeof r === "string");
-if (stringRules.includes("containUpper")) {
-  new_rules.push((val) => {
-    if (val && !val.match(/[A-Z]/)) {
-      return t("Must contain at least one uppercase letter");
-    }
-  });
-}
-if (stringRules.includes("containLower")) {
-  new_rules.push((val) => {
-    if (val && !val.match(/[a-z]/)) {
-      return t("Must contain at least one lowercase letter");
-    }
-  });
-}
-if (stringRules.includes("containNumber")) {
-  new_rules.push((val) => {
-    if (val && !val.match(/[0-9]/)) {
-      return t("Must contain at least one number");
-    }
-  });
-}
-if (stringRules.includes("containSpecial")) {
-  new_rules.push((val) => {
-    if (val && !val.match(/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/)) {
-      return t("Must contain at least one symbol");
-    }
-  });
-}
-const minLength = new_rules.find((rule) => {
-  if (typeof rule != "string") return false;
-  return rule.startsWith("minLength:");
+const attrs = useAttrs();
+const L_KEYS = ["showPassword", "translate", "required"];
+const computedRules = computed(() => {
+  const rules = Array.isArray(props.rules) ? [...props.rules] : [];
+  if (props.required) {
+    rules.push((val) => !!val || t("input_required", [t(props.label ?? "")]));
+  }
+  if (props.type === "email") {
+    rules.push((val) => {
+      if (val && !val.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/))
+        return t("Invalid email format");
+    });
+  }
+  const stringRules = rules.filter((r) => typeof r === "string");
+  if (stringRules.includes("containUpper"))
+    rules.push((val) => val && !val.match(/[A-Z]/) ? t("Must contain at least one uppercase letter") : void 0);
+  if (stringRules.includes("containLower"))
+    rules.push((val) => val && !val.match(/[a-z]/) ? t("Must contain at least one lowercase letter") : void 0);
+  if (stringRules.includes("containNumber"))
+    rules.push((val) => val && !val.match(/[0-9]/) ? t("Must contain at least one number") : void 0);
+  if (stringRules.includes("containSpecial"))
+    rules.push((val) => val && !val.match(/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/) ? t("Must contain at least one symbol") : void 0);
+  const minLengthRule = rules.find((r) => typeof r === "string" && r.startsWith("minLength:"));
+  if (minLengthRule) {
+    const min = parseInt(minLengthRule.replace("minLength:", ""));
+    rules.push((val) => val && val.length < min ? t("input_min", [min]) : void 0);
+  }
+  return rules.filter((r) => typeof r !== "string");
 });
-if (minLength) {
-  const min = parseInt(minLength.replace("minLength:", ""));
-  new_rules.push((val) => {
-    if (val && val.length < min) {
-      return t("input_min", [min]);
-    }
-  });
-}
 const isShowPassword = ref(false);
 const localType = computed(() => {
-  if (props.type == "password" && isShowPassword.value) {
-    return "text";
-  }
+  if (props.type === "password" && isShowPassword.value) return "text";
   return props.type;
 });
-const localShowPassword = computed(() => {
-  if (props.type != "password") {
-    return false;
-  }
-  if (!props.showPassword) {
-    return false;
-  }
-  if (!modelValue.value) {
-    return false;
-  }
-  return true;
-});
+const localShowPassword = computed(
+  () => props.type === "password" && !!props.showPassword && !!modelValue.value
+);
 const onClickTc2Sc = () => {
   modelValue.value = tc2sc(modelValue.value ?? "");
 };
-const attrs = useAttrs();
-const localClass = computed(() => {
-  if (attrs.class) {
-    return attrs.class;
-  }
-  return "col-12";
+const base = useLightInputDefaults(props, attrs, L_KEYS);
+const inputProps = computed(() => {
+  const result = {
+    ...base.value,
+    // label/hint already translated by composable
+    rules: computedRules.value,
+    type: localType.value
+  };
+  if (props.required && result.label)
+    result.label = "* " + result.label;
+  return result;
+});
+const inputRef = ref();
+defineExpose({
+  validate: () => inputRef.value?.validate(),
+  focus: () => inputRef.value?.focus(),
+  reset: () => inputRef.value?.reset()
 });
 </script>
 
 <template>
-    <q-input v-bind="$light.getInputProps($props)" :rules="new_rules" :type="localType" :class="localClass">
+    <q-input ref="inputRef" v-model="modelValue" v-bind="inputProps">
         <template v-if="translate" #prepend>
             <q-btn icon="sym_o_translate" flat dense rounded>
                 <q-menu dense>
@@ -158,15 +138,14 @@ const localClass = computed(() => {
                 </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 v-for="(_, name) in $slots" #[name]="slotProps" :key="name">
+            <slot :name="name" v-bind="slotProps ?? {}" />
         </template>
 
-        <template v-if="localShowPassword" v-slot:append>
-            <q-icon name="sym_o_visibility" class="cursor-pointer" @click="isShowPassword = false"
-                v-if="isShowPassword" />
+        <template v-if="localShowPassword" #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 → L/Input.vue.d.ts}

@@ -9,11 +9,15 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_43: string, __VLS_44: any;
+declare var __VLS_44: string, __VLS_45: any;
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_43>]?: (props: typeof __VLS_44) => any;
+    [K in NonNullable<typeof __VLS_44>]?: (props: typeof __VLS_45) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    validate: () => any;
+    focus: () => any;
+    reset: () => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;

package/dist/runtime/components/{l-input-select.d.vue.ts → L/InputSelect.d.vue.ts}

@@ -1,14 +1,15 @@
 import type { QSelectProps } from 'quasar';
 export interface LInputSelectProps extends QSelectProps {
+    required?: boolean;
 }
 type __VLS_Props = LInputSelectProps;
 type __VLS_ModelProps = {
     modelValue?: string | null;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_11: {};
+declare var __VLS_13: string, __VLS_14: any;
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null | undefined) => any;

package/dist/runtime/components/{l-input-select.vue → L/InputSelect.vue}

@@ -1,6 +1,9 @@
 <script setup>
-import { ref } from "vue";
+import { ref, useAttrs, computed, watch } from "vue";
+import { useLightInputDefaults } from "../../composables/useLightProps";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({
+  required: { type: Boolean, required: false },
   name: { type: null, required: false },
   virtualScrollHorizontal: { type: Boolean, required: false, skipCheck: true },
   virtualScrollSliceSize: { type: null, required: false },
@@ -101,21 +104,36 @@ const props = defineProps({
   onPopupHide: { type: Function, required: false }
 });
 const model = defineModel({ type: [String, null] });
-const setModel = (val) => {
-  model.value = val;
+const attrs = useAttrs();
+const L_KEYS = ["required"];
+const toStringOptions = (opts) => {
+  if (!opts || !Array.isArray(opts)) return [];
+  return opts.map((v) => typeof v === "string" ? v : String(v));
 };
-const localOptions = ref(props.options || []);
-const filterFn = (val, update, abort) => {
+const localOptions = ref(toStringOptions(props.options));
+watch(() => props.options, (opts) => {
+  localOptions.value = toStringOptions(opts);
+});
+const filterFn = (val, update) => {
   update(() => {
     const needle = val.toLocaleLowerCase();
-    localOptions.value = props.options?.filter((v) => v.toLocaleLowerCase().indexOf(needle) > -1) || [];
+    localOptions.value = toStringOptions(props.options).filter((v) => v.toLocaleLowerCase().includes(needle));
   });
 };
+const base = useLightInputDefaults(props, attrs, L_KEYS);
+const selectProps = computed(() => ({
+  ...base.value,
+  options: localOptions.value
+}));
 </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 v-model="model" v-bind="selectProps"
+        use-input fill-input hide-selected
+        @filter="filterFn"
+        @input-value="(val) => model = val">
+        <template v-for="(_, name) in $slots" #[name]="slotProps" :key="name">
+            <slot :name="name" v-bind="slotProps ?? {}" />
+        </template>
     </q-select>
 </template>

package/dist/runtime/components/{l-input-select.vue.d.ts → L/InputSelect.vue.d.ts}

@@ -1,14 +1,15 @@
 import type { QSelectProps } from 'quasar';
 export interface LInputSelectProps extends QSelectProps {
+    required?: boolean;
 }
 type __VLS_Props = LInputSelectProps;
 type __VLS_ModelProps = {
     modelValue?: string | null;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_11: {};
+declare var __VLS_13: string, __VLS_14: any;
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null | undefined) => any;