@hostlink/nuxt-light 1.48.8 → 1.48.9

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.48.8",
+  "version": "1.48.9",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -1,5 +1,5 @@
-import type { QDateProps, QInputProps } from "quasar";
-export type LDatePickerProps = QDateProps & QInputProps;
+import { type QDateProps, type QInputProps } from "quasar";
+export type LDatePickerProps = Omit<QDateProps, "modelValue"> & Omit<QInputProps, "modelValue">;
 type __VLS_Props = LDatePickerProps;
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: any;

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

@@ -1,7 +1,11 @@
 <script setup>
 import { ref, computed, watch } from "vue";
 import { useLight } from "#imports";
-const modelValue = defineModel({ type: null });
+import { QInput } from "quasar";
+const modelValue = defineModel({ type: null, ...{
+  type: [String, Object, null],
+  default: null
+} });
 const props = defineProps({
   name: { type: String, required: false },
   landscape: { type: Boolean, required: false, skipCheck: true },
@@ -16,7 +20,6 @@ const props = defineProps({
   bordered: { type: Boolean, required: false, skipCheck: true },
   readonly: { type: Boolean, required: false },
   disable: { type: Boolean, required: false, default: false },
-  modelValue: { type: [String, Array, null, Number], required: true },
   title: { type: null, required: false },
   subtitle: { type: null, required: false },
   defaultYearMonth: { type: null, required: false },
@@ -86,12 +89,10 @@ const props = defineProps({
 const light = useLight();
 const popup = ref(null);
 watch(modelValue, (newVal) => {
-  console.log("modelValue changed", newVal);
   popup.value.hide();
 });
 const localValue = computed({
   get: () => {
-    console.log("getting localValue", modelValue.value);
     if (!modelValue.value) {
       return modelValue.value;
     }
@@ -102,7 +103,6 @@ const localValue = computed({
       }
       return s;
     }
-    console.log("getting localValue", modelValue.value);
     return modelValue.value;
   },
   set: (val) => {
@@ -116,7 +116,6 @@ const localValue = computed({
         const from = parts[0];
         const to = parts[1];
         if (from.match(/^\d{4}-\d{2}-\d{2}$/) && to.match(/^\d{4}-\d{2}-\d{2}$/)) {
-          console.log("setting range", from, to);
           modelValue.value = { from, to };
           return;
         }
@@ -152,17 +151,46 @@ const inputProps = computed(() => {
   return rest;
 });
 const dateProps = computed(() => {
-  const { filled, outlined, standout, rounded, dense, square, stackLabel, color, mask, ...rest } = props;
+  const {
+    filled,
+    outlined,
+    standout,
+    rounded,
+    dense,
+    square,
+    stackLabel,
+    color,
+    mask,
+    rules,
+    hint,
+    hideHint,
+    prefix,
+    suffix,
+    loading,
+    clearable,
+    clearIcon,
+    hideBottomSpace,
+    counter,
+    maxlength,
+    disable,
+    readonly,
+    autofocus,
+    inputClass,
+    inputStyle,
+    type,
+    debounce,
+    ...rest
+  } = props;
   return rest;
 });
 </script>
 
 <template>
-    <q-input v-model="localValue" v-bind="inputProps" :mask="inputMask" :rules="inputRules">
+    <q-input v-model="localValue" :mask="inputMask" :rules="inputRules" v-bind="inputProps">
         <template v-slot:prepend>
             <q-icon name="sym_o_event" class="cursor-pointer">
                 <q-popup-proxy cover transition-show="scale" transition-hide="scale" ref="popup">
-                    <q-date :color="color ?? $light.color" mask="YYYY-MM-DD" v-bind="dateProps">
+                    <q-date :color="color ?? $light.color" mask="YYYY-MM-DD" v-model="modelValue" v-bind="dateProps">
                         <div class="row items-center justify-end">
                             <q-btn v-close-popup :label="$t('Close')" :color="color ?? $light.color" flat />
                         </div>

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

@@ -1,5 +1,5 @@
-import type { QDateProps, QInputProps } from "quasar";
-export type LDatePickerProps = QDateProps & QInputProps;
+import { type QDateProps, type QInputProps } from "quasar";
+export type LDatePickerProps = Omit<QDateProps, "modelValue"> & Omit<QInputProps, "modelValue">;
 type __VLS_Props = LDatePickerProps;
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: any;

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

@@ -70,11 +70,11 @@ export interface LTableRequest {
     }) => void;
 }
 declare function requestServerInteraction(): void;
-declare var __VLS_91: any, __VLS_94: string, __VLS_95: any, __VLS_117: any, __VLS_204: string, __VLS_205: any;
+declare var __VLS_91: any, __VLS_94: string, __VLS_95: any, __VLS_117: any, __VLS_203: string, __VLS_204: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_94>]?: (props: typeof __VLS_95) => any;
 } & {
-    [K in NonNullable<typeof __VLS_204>]?: (props: typeof __VLS_205) => any;
+    [K in NonNullable<typeof __VLS_203>]?: (props: typeof __VLS_204) => any;
 } & {
     actions?: (props: typeof __VLS_91) => any;
 } & {

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

@@ -479,6 +479,9 @@ const simpleRouteName = computed(() => {
   return "";
 });
 const visibleColumns = props.name ? useStorage("l-table-visible-columns-" + simpleRouteName.value + "-" + props.name, hidableColumns.value.map((c) => c.name)) : ref(hidableColumns.value.map((c) => c.name));
+watch(filters, () => {
+  onFilters();
+}, { deep: true });
 </script>
 
 <template>
@@ -626,7 +629,7 @@ const visibleColumns = props.name ? useStorage("l-table-visible-columns-" + simp
 
                         <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"
+                                v-model="filters[col.name]" range @clear="onFilters"
                                 :style="col.searchStyle" />
                         </template>
 

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

@@ -70,11 +70,11 @@ export interface LTableRequest {
     }) => void;
 }
 declare function requestServerInteraction(): void;
-declare var __VLS_91: any, __VLS_94: string, __VLS_95: any, __VLS_117: any, __VLS_204: string, __VLS_205: any;
+declare var __VLS_91: any, __VLS_94: string, __VLS_95: any, __VLS_117: any, __VLS_203: string, __VLS_204: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_94>]?: (props: typeof __VLS_95) => any;
 } & {
-    [K in NonNullable<typeof __VLS_204>]?: (props: typeof __VLS_205) => any;
+    [K in NonNullable<typeof __VLS_203>]?: (props: typeof __VLS_204) => any;
 } & {
     actions?: (props: typeof __VLS_91) => any;
 } & {

package/package.json

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