@hostlink/nuxt-light 1.48.6 → 1.48.8

package/dist/module.json

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

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

@@ -1,20 +1,5 @@
-export interface LDatePickerProps {
-    label?: string;
-    required?: boolean;
-    hideBottomSpace?: boolean;
-    filled?: boolean;
-    outlined?: boolean;
-    standout?: boolean;
-    rounded?: boolean;
-    dense?: boolean;
-    square?: boolean;
-    stackLabel?: boolean;
-    rules?: any[];
-    range?: boolean;
-    mask?: string;
-    disable?: boolean;
-    color?: string;
-}
+import type { QDateProps, QInputProps } from "quasar";
+export type LDatePickerProps = QDateProps & QInputProps;
 type __VLS_Props = LDatePickerProps;
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: any;
@@ -32,13 +17,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     rounded: boolean;
     square: boolean;
     disable: boolean;
-    mask: string;
-    hideBottomSpace: boolean;
+    todayBtn: boolean;
+    range: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
-    standout: boolean;
-    stackLabel: boolean;
-    range: boolean;
+    standout: string | boolean;
+    hideBottomSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,114 +1,174 @@
 <script setup>
-import { ref, computed } from "vue";
+import { ref, computed, watch } from "vue";
 import { useLight } from "#imports";
-import { date } from "quasar";
-import { useI18n } from "vue-i18n";
-const { t } = useI18n();
 const modelValue = defineModel({ type: null });
 const props = defineProps({
-  label: { type: String, required: false },
-  required: { type: Boolean, required: false },
-  hideBottomSpace: { type: Boolean, required: false, default: true },
-  filled: { type: Boolean, required: false, default: void 0 },
-  outlined: { type: Boolean, required: false, default: void 0 },
-  standout: { type: Boolean, required: false, default: void 0 },
-  rounded: { type: Boolean, required: false, default: void 0 },
-  dense: { type: Boolean, required: false, default: void 0 },
+  name: { type: String, required: false },
+  landscape: { type: Boolean, required: false, skipCheck: true },
+  mask: { type: String, required: false },
+  locale: { type: null, required: false },
+  calendar: { type: null, required: false },
+  color: { type: Object, required: false },
+  textColor: { type: null, required: false },
+  dark: { type: [Boolean, null], required: false },
   square: { type: Boolean, required: false, default: void 0 },
-  stackLabel: { type: Boolean, required: false, default: void 0 },
-  rules: { type: Array, required: false },
-  range: { type: Boolean, required: false, default: false },
-  mask: { type: String, required: false, default: "YYYY-MM-DD" },
+  flat: { type: Boolean, required: false, skipCheck: true },
+  bordered: { type: Boolean, required: false, skipCheck: true },
+  readonly: { type: Boolean, required: false },
   disable: { type: Boolean, required: false, default: false },
-  color: { type: String, required: false }
+  modelValue: { type: [String, Array, null, Number], required: true },
+  title: { type: null, required: false },
+  subtitle: { type: null, required: false },
+  defaultYearMonth: { type: null, required: false },
+  defaultView: { type: null, required: false },
+  yearsInMonthView: { type: Boolean, required: false, skipCheck: true },
+  events: { type: [Array, Function], required: false, skipCheck: true },
+  eventColor: { type: [String, Function], required: false, skipCheck: true },
+  options: { type: [Array, Function], required: false, skipCheck: true },
+  navigationMinYearMonth: { type: null, required: false },
+  navigationMaxYearMonth: { type: null, required: false },
+  noUnset: { type: Boolean, required: false, skipCheck: true },
+  firstDayOfWeek: { type: null, required: false },
+  todayBtn: { type: Boolean, required: false, skipCheck: true, default: true },
+  minimal: { type: Boolean, required: false, skipCheck: true },
+  multiple: { type: Boolean, required: false, skipCheck: true },
+  range: { type: Boolean, required: false, skipCheck: true, default: false },
+  emitImmediately: { type: Boolean, required: false, skipCheck: true },
+  "onUpdate:modelValue": { type: Function, required: false },
+  onNavigation: { type: Function, required: false },
+  onRangeStart: { type: Function, required: false },
+  onRangeEnd: { type: Function, required: false },
+  fillMask: { type: [Boolean, String], required: false, skipCheck: true },
+  reverseFillMask: { type: Boolean, required: false, skipCheck: true },
+  unmaskedValue: { type: Boolean, required: false, skipCheck: true },
+  maskTokens: { type: null, required: false },
+  error: { type: [Boolean, null], required: false, skipCheck: true },
+  errorMessage: { type: null, required: false },
+  noErrorIcon: { type: Boolean, required: false, skipCheck: true },
+  rules: { type: null, required: false },
+  reactiveRules: { type: Boolean, required: false, skipCheck: true },
+  lazyRules: { type: [Boolean, String], required: false, skipCheck: true },
+  label: { type: null, required: false },
+  stackLabel: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  hint: { type: null, required: false },
+  hideHint: { type: Boolean, required: false, skipCheck: true },
+  prefix: { type: null, required: false },
+  suffix: { type: null, required: false },
+  labelColor: { type: null, required: false },
+  bgColor: { type: null, required: false },
+  loading: { type: Boolean, required: false, skipCheck: true },
+  clearable: { type: Boolean, required: false, skipCheck: true },
+  clearIcon: { type: null, required: false },
+  filled: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  outlined: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  borderless: { type: Boolean, required: false, skipCheck: true },
+  standout: { type: [Boolean, String], required: false, skipCheck: true, default: void 0 },
+  labelSlot: { type: Boolean, required: false, skipCheck: true },
+  bottomSlots: { type: Boolean, required: false, skipCheck: true },
+  hideBottomSpace: { type: Boolean, required: false, skipCheck: true, default: true },
+  counter: { type: Boolean, required: false, skipCheck: true },
+  rounded: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  dense: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  itemAligned: { type: Boolean, required: false, skipCheck: true },
+  autofocus: { type: Boolean, required: false, skipCheck: true },
+  for: { type: null, required: false },
+  shadowText: { type: null, required: false },
+  type: { type: null, required: false },
+  debounce: { type: null, required: false },
+  maxlength: { type: null, required: false },
+  autogrow: { type: Boolean, required: false, skipCheck: true },
+  inputClass: { type: null, required: false },
+  inputStyle: { type: null, required: false },
+  onFocus: { type: Function, required: false },
+  onBlur: { type: Function, required: false },
+  onClear: { type: Function, required: false }
 });
 const light = useLight();
 const popup = ref(null);
+watch(modelValue, (newVal) => {
+  console.log("modelValue changed", newVal);
+  popup.value.hide();
+});
 const localValue = computed({
   get: () => {
-    if (modelValue.value) {
-      if (typeof modelValue.value == "object") {
-        return modelValue.value.from + " - " + modelValue.value.to;
+    console.log("getting localValue", modelValue.value);
+    if (!modelValue.value) {
+      return modelValue.value;
+    }
+    if (typeof modelValue.value === "object") {
+      let s = modelValue.value.from;
+      if (modelValue.value.to) {
+        s += " to " + modelValue.value.to;
       }
+      return s;
     }
+    console.log("getting localValue", modelValue.value);
     return modelValue.value;
   },
-  set: (value) => {
+  set: (val) => {
     if (props.range) {
-      if (typeof value == "object") {
-        modelValue.value = value;
+      if (val == null || val == "") {
+        modelValue.value = null;
         return;
       }
-      const parts = value.split(" - ");
+      const parts = val.split(" to ");
       if (parts.length == 2) {
         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;
         }
       }
-    }
-    if (value.match(/^\d{4}-\d{2}-\d{2}$/)) {
-      modelValue.value = value;
+      modelValue.value = null;
       return;
     }
-    modelValue.value = null;
+    modelValue.value = val;
   }
 });
-const dateValue = computed({
-  get: () => {
-    return modelValue;
-  },
-  set: (value) => {
-    if (popup.value) {
-      popup.value.hide();
-    }
-    localValue.value = value;
-    modelValue.value = value;
+const inputMask = computed(() => {
+  if (!props.range) {
+    return "####-##-##";
   }
+  return "";
 });
-const rules = [];
-if (props.required) {
-  rules.push((val) => {
-    if (!val) {
-      return "Required";
-    }
-  });
-}
-if (!props.range) {
-  rules.push((val) => {
-    if (val) {
-      if (!val.match(/^\d{4}-\d{2}-\d{2}$/)) {
-        return "Invalid date format";
+const inputRules = computed(() => {
+  const rules = [];
+  if (!props.range) {
+    rules.push((val) => {
+      if (val) {
+        if (!val.match(/^\d{4}-\d{2}-\d{2}$/)) {
+          return "Invalid date format";
+        }
       }
-    }
-  });
-}
-const input_attrs = computed(() => {
-  const a = light.getInputProps(props);
-  a.rules = rules;
-  a.mask = props.range ? "####-##-## - ####-##-##" : "####-##-##";
-  return a;
+    });
+    return rules;
+  }
+  return null;
+});
+const inputProps = computed(() => {
+  const { mask, locale, calendar, modelValue: modelValue2, defautYearMonth, defaultView, events, ...rest } = light.getInputProps(props);
+  return rest;
 });
-const date_attrs = computed(() => {
-  const { label, rules: rules2, hideBottomSpace, filled, outlined, standout, rounded, dense, square, stackLabel, ...rest } = props;
+const dateProps = computed(() => {
+  const { filled, outlined, standout, rounded, dense, square, stackLabel, color, mask, ...rest } = props;
   return rest;
 });
 </script>
 
 <template>
-    <q-input v-bind="input_attrs" v-model="localValue">
+    <q-input v-model="localValue" v-bind="inputProps" :mask="inputMask" :rules="inputRules">
         <template v-slot:prepend>
-            <q-btn icon="sym_o_event" round dense flat>
+            <q-icon name="sym_o_event" class="cursor-pointer">
                 <q-popup-proxy cover transition-show="scale" transition-hide="scale" ref="popup">
-                    <q-date v-bind="date_attrs" v-model="dateValue" :color="color ?? $light.color" today-btn :title="label">
+                    <q-date :color="color ?? $light.color" mask="YYYY-MM-DD" v-bind="dateProps">
                         <div class="row items-center justify-end">
                             <q-btn v-close-popup :label="$t('Close')" :color="color ?? $light.color" flat />
                         </div>
                     </q-date>
                 </q-popup-proxy>
-            </q-btn>
+            </q-icon>
         </template>
 
         <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">

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

@@ -1,20 +1,5 @@
-export interface LDatePickerProps {
-    label?: string;
-    required?: boolean;
-    hideBottomSpace?: boolean;
-    filled?: boolean;
-    outlined?: boolean;
-    standout?: boolean;
-    rounded?: boolean;
-    dense?: boolean;
-    square?: boolean;
-    stackLabel?: boolean;
-    rules?: any[];
-    range?: boolean;
-    mask?: string;
-    disable?: boolean;
-    color?: string;
-}
+import type { QDateProps, QInputProps } from "quasar";
+export type LDatePickerProps = QDateProps & QInputProps;
 type __VLS_Props = LDatePickerProps;
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: any;
@@ -32,13 +17,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     rounded: boolean;
     square: boolean;
     disable: boolean;
-    mask: string;
-    hideBottomSpace: boolean;
+    todayBtn: boolean;
+    range: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
-    standout: boolean;
-    stackLabel: boolean;
-    range: boolean;
+    standout: string | boolean;
+    hideBottomSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -8,11 +8,11 @@ declare const __VLS_component: import("vue").DefineComponent<QFieldProps, {}, {}
     dark: boolean | null;
     rounded: boolean;
     square: boolean;
-    hideBottomSpace: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: string | boolean;
-    stackLabel: boolean;
+    hideBottomSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -8,11 +8,11 @@ declare const __VLS_component: import("vue").DefineComponent<QFieldProps, {}, {}
     dark: boolean | null;
     rounded: boolean;
     square: boolean;
-    hideBottomSpace: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: string | boolean;
-    stackLabel: boolean;
+    hideBottomSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -2,15 +2,15 @@ declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "close" | "input", ...args: any[]) => void;
     base: string;
     closeable: boolean;
+    multiple: boolean;
     height: string;
     defaultAction: string;
-    multiple: boolean;
     $props: {
         readonly base?: string | undefined;
         readonly closeable?: boolean | undefined;
+        readonly multiple?: boolean | undefined;
         readonly height?: string | undefined;
         readonly defaultAction?: string | undefined;
-        readonly multiple?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -2,15 +2,15 @@ declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "close" | "input", ...args: any[]) => void;
     base: string;
     closeable: boolean;
+    multiple: boolean;
     height: string;
     defaultAction: string;
-    multiple: boolean;
     $props: {
         readonly base?: string | undefined;
         readonly closeable?: boolean | undefined;
+        readonly multiple?: boolean | undefined;
         readonly height?: string | undefined;
         readonly defaultAction?: string | undefined;
-        readonly multiple?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -29,10 +29,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     dense: boolean;
     rounded: boolean;
     square: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: boolean;
-    stackLabel: boolean;
     driveIndex: number;
     accept: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -29,10 +29,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     dense: boolean;
     rounded: boolean;
     square: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: boolean;
-    stackLabel: boolean;
     driveIndex: number;
     accept: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -17,9 +17,9 @@ declare const _default: import("vue").DefineComponent<LFileProps, {}, {}, {}, {}
     dense: boolean;
     rounded: boolean;
     square: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: boolean;
-    stackLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -17,9 +17,9 @@ declare const _default: import("vue").DefineComponent<LFileProps, {}, {}, {}, {}
     dense: boolean;
     rounded: boolean;
     square: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: boolean;
-    stackLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -21,11 +21,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     dark: boolean | null;
     rounded: boolean;
     square: boolean;
-    hideBottomSpace: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: string | boolean;
-    stackLabel: boolean;
+    hideBottomSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -21,11 +21,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     dark: boolean | null;
     rounded: boolean;
     square: boolean;
-    hideBottomSpace: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: string | boolean;
-    stackLabel: boolean;
+    hideBottomSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -4,11 +4,11 @@ declare const _default: import("vue").DefineComponent<QSelectProps, {}, {}, {},
     dark: boolean | null;
     rounded: boolean;
     square: boolean;
-    hideBottomSpace: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: string | boolean;
-    stackLabel: boolean;
+    hideBottomSpace: boolean;
     emitValue: boolean;
     mapOptions: boolean;
     optionValue: string | ((option: string | any) => any);

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

@@ -4,11 +4,11 @@ declare const _default: import("vue").DefineComponent<QSelectProps, {}, {}, {},
     dark: boolean | null;
     rounded: boolean;
     square: boolean;
-    hideBottomSpace: boolean;
+    stackLabel: boolean;
     filled: boolean;
     outlined: boolean;
     standout: string | boolean;
-    stackLabel: boolean;
+    hideBottomSpace: boolean;
     emitValue: boolean;
     mapOptions: boolean;
     optionValue: string | ((option: string | any) => any);

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

@@ -9,7 +9,7 @@ export type LTableColumn = QTableColumn & {
     searchIndex?: string;
     component?: Component;
     componentProps?: any;
-    to: (row: any) => string | null;
+    to?: (row: any) => string | null;
     gql?: Record<string, any>;
     /**
      * @deprecated use gql instead

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

@@ -316,6 +316,8 @@ const getFilterValue = () => {
             f[k] = {
               between: [filters[col.name].from, filters[col.name].to]
             };
+          } else {
+            f[k] = filters[k];
           }
         } else if (col.searchType == "select") {
           f[k] = filters[col.name];

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

@@ -9,7 +9,7 @@ export type LTableColumn = QTableColumn & {
     searchIndex?: string;
     component?: Component;
     componentProps?: any;
-    to: (row: any) => string | null;
+    to?: (row: any) => string | null;
     gql?: Record<string, any>;
     /**
      * @deprecated use gql instead

package/dist/runtime/composables/useLight.d.ts

@@ -272,8 +272,8 @@ declare const light: {
                 hr: string;
                 center: string;
                 bold: string;
-                fontSize: string;
                 url: string;
+                fontSize: string;
                 italic: string;
                 strikethrough: string;
                 underline: string;
@@ -878,8 +878,8 @@ declare const _default: () => {
                 hr: string;
                 center: string;
                 bold: string;
-                fontSize: string;
                 url: string;
+                fontSize: string;
                 italic: string;
                 strikethrough: string;
                 underline: string;

package/dist/runtime/pages/User/index.vue

@@ -1,8 +1,15 @@
 <script setup>
 import { ref } from "vue";
+const status = ref("active");
 import { model } from "#imports";
 const onRequest = async (request) => {
-  request.loadObjects("User", { status: status.value });
+  const filters = {};
+  if (status.value === "active") {
+    filters["status"] = 0;
+  } else if (status.value === "inactive") {
+    filters["status"] = 1;
+  }
+  request.loadObjects("User", filters);
 };
 const columns = model("User").columns({
   username: true,
@@ -19,14 +26,14 @@ const columns = model("User").columns({
 
 <template>
     <l-page>
-        <l-tabs route>
+        <l-tabs route v-model="status">
             <l-tab label="Active" name="active">
                 <l-table ref="table" row-key="user_id" @request-data="onRequest" :columns="columns"
-                    :actions="['view', 'edit', 'delete']" name="active"></l-table>
+                    :actions="['view', 'update', 'delete']"></l-table>
             </l-tab>
             <l-tab label="Inactive" name="inactive">
                 <l-table row-key="user_id" @request-data="onRequest" :columns="columns"
-                    :actions="['view', 'edit', 'delete']">
+                    :actions="['view', 'update', 'delete']">
                 </l-table>
             </l-tab>
         </l-tabs>

package/package.json

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