@hostlink/nuxt-light 1.27.8 → 1.28.1

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,111 +1,82 @@
-<script setup lang="ts">
-import { ref, computed } from "vue";
-import { useLight, m, q } from '#imports';
-import { useQuasar } from "quasar";
-import { useI18n } from "vue-i18n";
-import { format } from 'quasar'
-const { humanStorageSize } = format
-const light = useLight();
-const i18n = useI18n();
-const $q = useQuasar();
-const modelValue = defineModel()
-
-const { system } = await q({
-    system: {
-        maxUploadSize: true
-    }
-})
-
-export interface LFileProps {
-    label?: string;
-    filled?: boolean;
-    outlined?: boolean;
-    standout?: boolean;
-    rounded?: boolean;
-    dense?: boolean;
-    square?: boolean;
-    stackLabel?: boolean;
-    path?: string;
-    accept?: string;
-    driveIndex?: number;
-    color?: string;
-}
-
-const props = withDefaults(defineProps<LFileProps>(), {
-    filled: undefined,
-    outlined: undefined,
-    standout: undefined,
-    rounded: undefined,
-    dense: undefined,
-    square: undefined,
-    stackLabel: undefined,
-    path: "",
-    accept: "*",
-    driveIndex: 0
-});
-
-const show = ref(false);
-
-const attrs = computed(() => {
-    return { ...light.styles.input, ...JSON.parse(JSON.stringify(props)) };
-});
-
-const uploadFile = ref<File | null>(null);
-const rename = ref(true);
-
-const onUploadFile = async () => {
-
-    if (!uploadFile.value) {
-        $q.dialog({
-            title: "Error",
-            message: i18n.t("Please select a file"),
-            color: "negative"
-        });
-        return;
-    }
-
-    //check file size
-    if (uploadFile.value.size > system.maxUploadSize) {
-        $q.dialog({
-            title: "Error",
-            message: "File size is too big. Max size is " + humanStorageSize(system.maxUploadSize),
-            color: "negative"
-        });
-        return;
-    }
-
-    $q.loading.show({
-        message: i18n.t("Uploading file..."),
-    });
-
-    try {
-        let v = await m("lightDriveUploadFile", {
-            index: props.driveIndex,
-            path: props.path,
-            file: uploadFile.value,
-            rename: rename.value
-        });
-
-        //remove first slash if exists
-        if (v.startsWith("/")) v = v.substr(1);
-
-        modelValue.value = v;
-        show.value = false;
-        uploadFile.value = null;
-    } catch (e: any) {
-        $q.loading.hide();
-
-        $q.dialog({
-            title: i18n.t("Error"),
-            message: e.message,
-        });
-    }
-    $q.loading.hide();
-
-}
-
-</script>
-<template>
+<script setup>
+import { ref, computed } from "vue";
+import { useLight, m, q } from "#imports";
+import { useQuasar } from "quasar";
+import { useI18n } from "vue-i18n";
+import { format } from "quasar";
+const { humanStorageSize } = format;
+const light = useLight();
+const i18n = useI18n();
+const $q = useQuasar();
+const modelValue = defineModel();
+const { system } = await q({
+  system: {
+    maxUploadSize: true
+  }
+});
+const props = defineProps({
+  label: { type: String, required: false },
+  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 },
+  square: { type: Boolean, required: false, default: void 0 },
+  stackLabel: { type: Boolean, required: false, default: void 0 },
+  path: { type: String, required: false, default: "" },
+  accept: { type: String, required: false, default: "*" },
+  driveIndex: { type: Number, required: false, default: 0 },
+  color: { type: String, required: false }
+});
+const show = ref(false);
+const attrs = computed(() => {
+  return { ...light.styles.input, ...JSON.parse(JSON.stringify(props)) };
+});
+const uploadFile = ref(null);
+const rename = ref(true);
+const onUploadFile = async () => {
+  if (!uploadFile.value) {
+    $q.dialog({
+      title: "Error",
+      message: i18n.t("Please select a file"),
+      color: "negative"
+    });
+    return;
+  }
+  if (uploadFile.value.size > system.maxUploadSize) {
+    $q.dialog({
+      title: "Error",
+      message: "File size is too big. Max size is " + humanStorageSize(system.maxUploadSize),
+      color: "negative"
+    });
+    return;
+  }
+  $q.loading.show({
+    message: i18n.t("Uploading file...")
+  });
+  try {
+    let v = await m("lightDriveUploadFile", {
+      index: props.driveIndex,
+      path: props.path,
+      file: uploadFile.value,
+      rename: rename.value
+    });
+    if (v.startsWith("/")) v = v.substr(1);
+    modelValue.value = v;
+    show.value = false;
+    uploadFile.value = null;
+  } catch (e) {
+    $q.loading.hide();
+    $q.dialog({
+      title: i18n.t("Error"),
+      message: e.message
+    });
+  }
+  $q.loading.hide();
+};
+</script>
+
+<template>
     <q-input v-bind="attrs" v-model="modelValue" hide-bottom-space>
         <q-dialog v-model="show" persistent transition-show="scale" transition-hide="scale">
             <l-card style="width:300px">
@@ -131,4 +102,4 @@ const onUploadFile = async () => {
             <slot :name="name" v-bind="props ?? {}"></slot>
         </template>
     </q-input>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,63 +1,39 @@
-<script setup lang="ts">
-import { ref, computed, useAttrs } from "vue";
-import { useLight } from '#imports';
-
-const light = useLight();
-
-export interface LFileProps {
-    modelValue?: string;
-    label?: string;
-    filled?: boolean;
-    outlined?: boolean;
-    standout?: boolean;
-    rounded?: boolean;
-    dense?: boolean;
-    square?: boolean;
-    stackLabel?: boolean;
-
-}
-
-const props = withDefaults(defineProps<LFileProps>(), {
-    filled: undefined,
-    outlined: undefined,
-    standout: undefined,
-    rounded: undefined,
-    dense: undefined,
-    square: undefined,
-    stackLabel: undefined,
-});
-
-const emit = defineEmits(["update:modelValue"]);
-
-const show = ref(false);
-
-const onInput = (value: string) => {
-    localValue.value = value;
-    show.value = false;
-
-};
-
-const localValue = computed({
-    get: () => props.modelValue,
-    set: (value) => emit("update:modelValue", value),
-})
-
-
-
-const attrs = computed(() => {
-    const a = {
-        ...light.styles.input,
-        ...useAttrs,
-        ...JSON.parse(JSON.stringify(props))
-    };
-
-    return a;
-});
-
-
-
-</script>
-<template>
+<script setup>
+import { ref, computed, useAttrs } from "vue";
+import { useLight } from "#imports";
+const light = useLight();
+const props = defineProps({
+  modelValue: { type: String, required: false },
+  label: { type: String, required: false },
+  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 },
+  square: { type: Boolean, required: false, default: void 0 },
+  stackLabel: { type: Boolean, required: false, default: void 0 }
+});
+const emit = defineEmits(["update:modelValue"]);
+const show = ref(false);
+const onInput = (value) => {
+  localValue.value = value;
+  show.value = false;
+};
+const localValue = computed({
+  get: () => props.modelValue,
+  set: (value) => emit("update:modelValue", value)
+});
+const attrs = computed(() => {
+  const a = {
+    ...light.styles.input,
+    ...useAttrs,
+    ...JSON.parse(JSON.stringify(props))
+  };
+  return a;
+});
+</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>
@@ -66,4 +42,4 @@ const attrs = computed(() => {
             <q-btn dense flat round icon="sym_o_folder" @click="show = true"></q-btn>
         </template>
     </l-input>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,85 +1,73 @@
-<script setup>
-import { useDialogPluginComponent } from 'quasar'
-import { ref } from 'vue'
-
-const props = defineProps({
-    title: {
-        type: String,
-        default: null
-    },
-    width: {
-        type: String,
-        default: '500px'
-    },
-    save: {
-        type: Function,
-        default: null
-    },
-    cancel: {
-        type: Function,
-        default: null
-    },
-    value: {
-        type: Object,
-        default: () => {
-            return {}
-        }
-    },
-    showNotification: {
-        type: Boolean,
-        default: true
-    }
-
-})
-
-const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent()
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
-
-const loading = ref(false)
-
-
-const emits = defineEmits(['submit'])
-
-const onSubmit = async (data, node) => {
-    emits('submit', data)
-
-    if (props.save) {
-        loading.value = true
-        try {
-            await props.save(data)
-            if (props.showNotification) {
-                $q.notify({
-                    type: 'positive',
-                    message: 'Data saved successfully'
-                })
-            }
-            onDialogOK(data)
-        } catch (error) {
-
-            $q.dialog({
-                title: 'Error',
-                message: error.message
-            })
-
-        } finally {
-            loading.value = false
-        }
-    } else {
-        onDialogOK(data)
-    }
-}
-
-const onCancel = async () => {
-
-    if (props.cancel) {
-        await props.cancel()
-    }
-    onDialogCancel()
-}
-
-</script>
-<template>
+<script setup>
+import { useDialogPluginComponent } from "quasar";
+import { ref } from "vue";
+const props = defineProps({
+  title: {
+    type: String,
+    default: null
+  },
+  width: {
+    type: String,
+    default: "500px"
+  },
+  save: {
+    type: Function,
+    default: null
+  },
+  cancel: {
+    type: Function,
+    default: null
+  },
+  value: {
+    type: Object,
+    default: () => {
+      return {};
+    }
+  },
+  showNotification: {
+    type: Boolean,
+    default: true
+  }
+});
+const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent();
+import { useQuasar } from "quasar";
+const $q = useQuasar();
+const loading = ref(false);
+const emits = defineEmits(["submit"]);
+const onSubmit = async (data, node) => {
+  emits("submit", data);
+  if (props.save) {
+    loading.value = true;
+    try {
+      await props.save(data);
+      if (props.showNotification) {
+        $q.notify({
+          type: "positive",
+          message: "Data saved successfully"
+        });
+      }
+      onDialogOK(data);
+    } catch (error) {
+      $q.dialog({
+        title: "Error",
+        message: error.message
+      });
+    } finally {
+      loading.value = false;
+    }
+  } else {
+    onDialogOK(data);
+  }
+};
+const onCancel = async () => {
+  if (props.cancel) {
+    await props.cancel();
+  }
+  onDialogCancel();
+};
+</script>
+
+<template>
     <q-dialog ref="dialogRef">
 
         <q-card :style="{ width }" :loading="loading" class="q-dialog-plugin">
@@ -107,4 +95,4 @@ const onCancel = async () => {
             <q-inner-loading :showing="loading"></q-inner-loading>
         </q-card>
     </q-dialog>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,98 +1,84 @@
-<script setup lang="ts">
-import { ref } from "vue";
-import { useRouter, useRoute } from "vue-router";
-import { useQuasar } from "quasar";
-import { model } from "#imports";
-
-const route = useRoute();
-const router = useRouter();
-const quasar = useQuasar();
-
-const form = ref(null);
-const props = defineProps({
-    modelValue: {
-        type: Object
-    },
-    bordered: {
-        type: Boolean,
-        default: true
-    },
-    gutter: {
-        type: String,
-        default: "md"
-    },
-    submitLabel: {
-        type: String,
-        default: "Save"
-    },
-    submitIcon: {
-        type: String,
-        default: "sym_o_save"
-    },
-    noRedirect: {
-        type: Boolean,
-        default: false
-    }
-
-});
-
-const loading = ref(false)
-
-const emit = defineEmits(["save", "submit", "submitted"]);
-const save = async () => {
-
-    let valid = await form.value.validate();
-    if (!valid) return;
-    if (valid) {
-        loading.value = true;
-        emit("save");
-        emit('submit');
-    }
-
-    if (props.modelValue) {
-        const [module, id_name] = route.name.split("-");
-
-        try {
-            if (route.params[id_name]) {//edit
-                if (await model(module).update(parseInt(route.params[id_name]), props.modelValue)) {
-
-                    if (!props.noRedirect) {
-                        router.push(`/${module}`);
-                    }
-
-                    emit('submitted');
-
-                    return;
-                }
-            } else {
-                if (await model(module).add(props.modelValue)) {
-
-                    if (!props.noRedirect) {
-                        router.push(`/${module}`);
-                    }
-
-                    emit('submitted');
-                    return;
-                }
-            }
-        } catch (e) {
-            quasar.dialog({
-                title: "Error",
-                message: e.message,
-                ok: "OK"
-            });
-        }
-    }
-
-    loading.value = false
-}
-const onSubmit = (e) => {
-    e.preventDefault();
-    save();
-}
-
-</script>
-<template>
+<script setup>
+import { ref } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import { useQuasar } from "quasar";
+import { model } from "#imports";
+const route = useRoute();
+const router = useRouter();
+const quasar = useQuasar();
+const form = ref(null);
+const props = defineProps({
+  modelValue: {
+    type: Object
+  },
+  bordered: {
+    type: Boolean,
+    default: true
+  },
+  gutter: {
+    type: String,
+    default: "md"
+  },
+  submitLabel: {
+    type: String,
+    default: "Save"
+  },
+  submitIcon: {
+    type: String,
+    default: "sym_o_save"
+  },
+  noRedirect: {
+    type: Boolean,
+    default: false
+  }
+});
+const loading = ref(false);
+const emit = defineEmits(["save", "submit", "submitted"]);
+const save = async () => {
+  let valid = await form.value.validate();
+  if (!valid) return;
+  if (valid) {
+    loading.value = true;
+    emit("save");
+    emit("submit");
+  }
+  if (props.modelValue) {
+    const [module, id_name] = route.name.split("-");
+    try {
+      if (route.params[id_name]) {
+        if (await model(module).update(parseInt(route.params[id_name]), props.modelValue)) {
+          if (!props.noRedirect) {
+            router.push(`/${module}`);
+          }
+          emit("submitted");
+          return;
+        }
+      } else {
+        if (await model(module).add(props.modelValue)) {
+          if (!props.noRedirect) {
+            router.push(`/${module}`);
+          }
+          emit("submitted");
+          return;
+        }
+      }
+    } catch (e) {
+      quasar.dialog({
+        title: "Error",
+        message: e.message,
+        ok: "OK"
+      });
+    }
+  }
+  loading.value = false;
+};
+const onSubmit = (e) => {
+  e.preventDefault();
+  save();
+};
+</script>
+
+<template>
     <q-form ref="form" @submit="onSubmit">
         <l-card :bordered="bordered">
             <q-card-section>
@@ -107,4 +93,4 @@ const onSubmit = (e) => {
             </q-card-actions>
         </l-card>
     </q-form>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;