@hostlink/nuxt-light 1.27.8 → 1.28.1

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

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

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

@@ -1,18 +1,36 @@
-<script setup lang="ts">
-import type { QTabsProps } from 'quasar';
-import { useSlots } from '#imports';
-const model = defineModel<string | number | null | undefined>()
-export interface LTabsProps extends QTabsProps {
-}
-defineProps<LTabsProps>();
-const slots = useSlots()
-
-if (model.value === undefined) {
-    model.value = slots.default?.()[0]?.props?.name
-}
-</script>
-
-<template>
+<script setup>
+import { useSlots } from "#imports";
+const model = defineModel({ type: [String, Number, null, Unknown] });
+defineProps({
+  modelValue: { type: null, required: false },
+  vertical: { type: Boolean, required: false, skipCheck: true },
+  outsideArrows: { type: Boolean, required: false, skipCheck: true },
+  mobileArrows: { type: Boolean, required: false, skipCheck: true },
+  align: { type: null, required: false },
+  breakpoint: { type: null, required: false },
+  activeColor: { type: null, required: false },
+  activeBgColor: { type: null, required: false },
+  indicatorColor: { type: null, required: false },
+  contentClass: { type: null, required: false },
+  activeClass: { type: null, required: false },
+  leftIcon: { type: null, required: false },
+  rightIcon: { type: null, required: false },
+  stretch: { type: Boolean, required: false, skipCheck: true },
+  shrink: { type: Boolean, required: false, skipCheck: true },
+  switchIndicator: { type: Boolean, required: false, skipCheck: true },
+  narrowIndicator: { type: Boolean, required: false, skipCheck: true },
+  inlineLabel: { type: Boolean, required: false, skipCheck: true },
+  noCaps: { type: Boolean, required: false, skipCheck: true },
+  dense: { type: Boolean, required: false, skipCheck: true },
+  "onUpdate:modelValue": { type: Function, required: false }
+});
+const slots = useSlots();
+if (model.value === void 0) {
+  model.value = slots.default?.()[0]?.props?.name;
+}
+</script>
+
+<template>
     <l-card>
         <q-tabs class="text-grey" :active-color="$light.color" :indicator-color="$light.color" align="justify"
             v-model="model">
@@ -22,4 +40,4 @@ if (model.value === undefined) {
             <slot></slot>
         </q-tab-panels>
     </l-card>
-</template>
+</template>

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

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

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

@@ -1,12 +1,13 @@
-<script setup>
-import { ref } from 'vue'
-const form = ref(null)
-const save = async (data, node) => {
-    await new Promise(resolve => setTimeout(resolve, 1000))
-}
-</script>
-<template>
+<script setup>
+import { ref } from "vue";
+const form = ref(null);
+const save = async (data, node) => {
+  await new Promise((resolve) => setTimeout(resolve, 1e3));
+};
+</script>
+
+<template>
     <l-form-dialog title="Add User" :save="save">
         <form-kit type="l-input" name="name" label="Name" dense validation="required" />
     </l-form-dialog>
-</template>
+</template>

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

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

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

@@ -1,70 +1,55 @@
-<script setup lang="ts">
-import { computed, ref, useAttrs } from "vue";
-import { useLight } from '#imports';
-import type { ValidationRule, QInputProps } from "quasar";
-import { useI18n } from "vue-i18n";
-const light = useLight();
-const { t } = useI18n();
-const modelValue = defineModel<string | null | undefined>();
-
-export interface LTimePickerProps {
-    modelValue?: string | null | undefined
-    required?: boolean
-    label?: string
-    hint?: string
-    nowBtn?: boolean
-    withSeconds?: boolean
-    format24h?: boolean
-    mask?: string
-    hideBottomSpace?: boolean,
-    color?: string
-}
-
-const props = withDefaults(defineProps<LTimePickerProps>(), {
-    required: false,
-    format24h: true,
-    mask: "time",
-    hideBottomSpace: true
-})
-
-const popup = ref(null);
-const localValue = computed<string | null | undefined>({
-    get: (): string | null | undefined => {
-        return modelValue.value;
-    },
-    set: (value: string | null | undefined) => {
-        modelValue.value = value;
-    }
-});
-
-const rules: ValidationRule[] = [];
-//const rules = [];
-if (props.required) {
-    rules.push((v: any) => !!v || t("This field is required"));
-}
-
-//check time format
-rules.push((v: any) => {
-    if (v) {
-        const time = v.split(":");
-        if (time.length == 2) {
-            if (time[0] >= 0 && time[0] <= 23 && time[1] >= 0 && time[1] <= 59) {
-                return true;
-            }
-        }
-        if (time.length == 3) {
-            if (time[0] >= 0 && time[0] <= 23 && time[1] >= 0 && time[1] <= 59 && time[2] >= 0 && time[2] <= 59) {
-                return true;
-            }
-        }
-        return t("Invalid time format");
-    }
-    return true;
-});
-
-
-</script>
-<template>
+<script setup>
+import { computed, ref, useAttrs } from "vue";
+import { useLight } from "#imports";
+import { useI18n } from "vue-i18n";
+const light = useLight();
+const { t } = useI18n();
+const modelValue = defineModel({ type: [String, null, Unknown] });
+const props = defineProps({
+  modelValue: { type: null, required: false },
+  required: { type: Boolean, required: false, default: false },
+  label: { type: String, required: false },
+  hint: { type: String, required: false },
+  nowBtn: { type: Boolean, required: false },
+  withSeconds: { type: Boolean, required: false },
+  format24h: { type: Boolean, required: false, default: true },
+  mask: { type: String, required: false, default: "time" },
+  hideBottomSpace: { type: Boolean, required: false, default: true },
+  color: { type: String, required: false }
+});
+const popup = ref(null);
+const localValue = computed({
+  get: () => {
+    return modelValue.value;
+  },
+  set: (value) => {
+    modelValue.value = value;
+  }
+});
+const rules = [];
+if (props.required) {
+  rules.push((v) => !!v || t("This field is required"));
+}
+rules.push((v) => {
+  if (v) {
+    const time = v.split(":");
+    if (time.length == 2) {
+      if (time[0] >= 0 && time[0] <= 23 && time[1] >= 0 && time[1] <= 59) {
+        return true;
+      }
+    }
+    if (time.length == 3) {
+      if (time[0] >= 0 && time[0] <= 23 && time[1] >= 0 && time[1] <= 59 && time[2] >= 0 && time[2] <= 59) {
+        return true;
+      }
+    }
+    return t("Invalid time format");
+  }
+  return true;
+});
+</script>
+
+<template>
     <q-input v-bind="$light.getInputProps(props)" v-model="localValue" :rules="rules" :color="$light.color"
         :hide-bottom-space="hideBottomSpace">
         <template v-slot:prepend>
@@ -84,4 +69,4 @@ rules.push((v: any) => {
             <slot :name="name" v-bind="props ?? {}"></slot>
         </template>
     </q-input>
-</template>
+</template>

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

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

package/dist/runtime/components/l-view-btn.vue.d.ts

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

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

@@ -0,0 +1,2 @@
+declare function _default(): string;
+export default _default;

package/dist/runtime/composables/mytest.js

@@ -0,0 +1,3 @@
+export default () => {
+    return "Hello World!"
+}

package/dist/runtime/formkit/Checkbox.vue

@@ -1,24 +1,21 @@
-<script setup>
-import { getErrorMessage } from 'formkit-quasar';
-import { computed } from 'vue'
-const props = defineProps({
-    context: Object
-});
-
-const value = computed({
-    get: () => props.context.value,
-    set: (val) => props.context.node.input(val)
-})
-
-const { error, errorMessage } = getErrorMessage(props.context.node);
-
-</script>
-<template>
-
+<script setup>
+import { getErrorMessage } from "formkit-quasar";
+import { computed } from "vue";
+const props = defineProps({
+  context: Object
+});
+const value = computed({
+  get: () => props.context.value,
+  set: (val) => props.context.node.input(val)
+});
+const { error, errorMessage } = getErrorMessage(props.context.node);
+</script>
+
+<template>
     <l-checkbox v-model="value" :error="error" :error-message="errorMessage" :disable="context.disabled"
         v-bind="context.attrs" :label="context.label">
         <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
             <slot :name="name" v-bind="props ?? {}"></slot>
         </template>
     </l-checkbox>
-</template>
+</template>

package/dist/runtime/formkit/Checkbox.vue.d.ts

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

package/dist/runtime/formkit/DatePicker.vue

@@ -1,20 +1,17 @@
-<script setup>
-import { computed } from 'vue'
-import { getErrorMessage } from 'formkit-quasar';
-
-const props = defineProps({
-    context: Object
-});
-
-const { error, errorMessage } = getErrorMessage(props.context.node);
-
-const value = computed({
-    get: () => props.context.value,
-    set: (val) => props.context.node.input(val)
-})
-
-</script>
-<template>
+<script setup>
+import { computed } from "vue";
+import { getErrorMessage } from "formkit-quasar";
+const props = defineProps({
+  context: Object
+});
+const { error, errorMessage } = getErrorMessage(props.context.node);
+const value = computed({
+  get: () => props.context.value,
+  set: (val) => props.context.node.input(val)
+});
+</script>
+
+<template>
     <l-date-picker v-model="value" v-bind="context.attrs" :label="context.label" :error="error"
         :type="context.inputType" :error-message="errorMessage" :disable="context.disabled"
         :required="context.state.required">
@@ -26,4 +23,4 @@ const value = computed({
             {{ context.help }}
         </template>
     </l-date-picker>
-</template>
+</template>

package/dist/runtime/formkit/DatePicker.vue.d.ts

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

package/dist/runtime/formkit/Editor.vue

@@ -1,20 +1,17 @@
-<script setup>
-import { computed } from 'vue'
-import { getErrorMessage } from 'formkit-quasar';
-
-const props = defineProps({
-    context: Object
-});
-
-const { error, errorMessage } = getErrorMessage(props.context.node);
-
-const value = computed({
-    get: () => props.context.value,
-    set: (val) => props.context.node.input(val)
-})
-
-</script>
-<template>
+<script setup>
+import { computed } from "vue";
+import { getErrorMessage } from "formkit-quasar";
+const props = defineProps({
+  context: Object
+});
+const { error, errorMessage } = getErrorMessage(props.context.node);
+const value = computed({
+  get: () => props.context.value,
+  set: (val) => props.context.node.input(val)
+});
+</script>
+
+<template>
     <l-editor v-model="value" :label="context.label" v-bind="context.attrs" :error="error" :type="context.inputType"
         :error-message="errorMessage">
         <slot></slot>
@@ -22,4 +19,4 @@ const value = computed({
             <slot :name="name" v-bind="props ?? {}"></slot>
         </template> -->
     </l-editor>
-</template>
+</template>

package/dist/runtime/formkit/Editor.vue.d.ts

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

package/dist/runtime/formkit/File.vue

@@ -1,43 +1,36 @@
-<script setup>
-import { computed } from 'vue'
-import { getErrorMessage } from 'formkit-quasar';
-import { useLight } from '#imports';
-
-
-const props = defineProps({
-    context: Object
-});
-
-const { error, errorMessage } = getErrorMessage(props.context.node);
-
-const value = computed({
-    get: () => props.context.value,
-    set: (val) => props.context.node.input(val)
-})
-
-const onBlur = () => {
-    if (errorMessage.value) {
-        error.value = true
-    } else {
-        error.value = false
-    }
-}
-
-const light = useLight();
-
-const attrs = computed(() => {
-    return {
-        ...light.styles.input,
-        ...JSON.parse(JSON.stringify(props.context.attrs))
-    }
-})
-
-</script>
-<template>
+<script setup>
+import { computed } from "vue";
+import { getErrorMessage } from "formkit-quasar";
+import { useLight } from "#imports";
+const props = defineProps({
+  context: Object
+});
+const { error, errorMessage } = getErrorMessage(props.context.node);
+const value = computed({
+  get: () => props.context.value,
+  set: (val) => props.context.node.input(val)
+});
+const onBlur = () => {
+  if (errorMessage.value) {
+    error.value = true;
+  } else {
+    error.value = false;
+  }
+};
+const light = useLight();
+const attrs = computed(() => {
+  return {
+    ...light.styles.input,
+    ...JSON.parse(JSON.stringify(props.context.attrs))
+  };
+});
+</script>
+
+<template>
     <q-file v-model="value" :label="context.label" v-bind="attrs" :error="error" :error-message="errorMessage"
         @blur="onBlur" hide-bottom-space :color="$light.color">
         <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
             <slot :name="name" v-bind="props ?? {}"></slot>
         </template>
     </q-file>
-</template>
+</template>

package/dist/runtime/formkit/File.vue.d.ts

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

package/dist/runtime/formkit/FilePicker.vue

@@ -1,31 +1,28 @@
-<script setup>
-import { computed } from 'vue'
-import { getErrorMessage } from 'formkit-quasar';
-
-const props = defineProps({
-    context: Object
-});
-
-const { error, errorMessage } = getErrorMessage(props.context.node);
-
-const value = computed({
-    get: () => props.context.value,
-    set: (val) => props.context.node.input(val)
-})
-
-const onBlur = () => {
-    if (errorMessage.value) {
-        error.value = true
-    } else {
-        error.value = false
-    }
-}
-</script>
-<template>
+<script setup>
+import { computed } from "vue";
+import { getErrorMessage } from "formkit-quasar";
+const props = defineProps({
+  context: Object
+});
+const { error, errorMessage } = getErrorMessage(props.context.node);
+const value = computed({
+  get: () => props.context.value,
+  set: (val) => props.context.node.input(val)
+});
+const onBlur = () => {
+  if (errorMessage.value) {
+    error.value = true;
+  } else {
+    error.value = false;
+  }
+};
+</script>
+
+<template>
     <l-file v-model="value" :label="context.label" v-bind="context.attrs" :error="error" :type="context.inputType"
         :error-message="errorMessage" @blur="onBlur">
         <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
             <slot :name="name" v-bind="props ?? {}"></slot>
         </template>
     </l-file>
-</template>
+</template>

package/dist/runtime/formkit/FilePicker.vue.d.ts

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

package/dist/runtime/formkit/FileUpload.vue

@@ -1,31 +1,28 @@
-<script setup>
-import { computed } from 'vue'
-import { getErrorMessage } from 'formkit-quasar';
-
-const props = defineProps({
-    context: Object
-});
-
-const { error, errorMessage } = getErrorMessage(props.context.node);
-
-const value = computed({
-    get: () => props.context.value,
-    set: (val) => props.context.node.input(val)
-})
-
-const onBlur = () => {
-    if (errorMessage.value) {
-        error.value = true
-    } else {
-        error.value = false
-    }
-}
-</script>
-<template>
+<script setup>
+import { computed } from "vue";
+import { getErrorMessage } from "formkit-quasar";
+const props = defineProps({
+  context: Object
+});
+const { error, errorMessage } = getErrorMessage(props.context.node);
+const value = computed({
+  get: () => props.context.value,
+  set: (val) => props.context.node.input(val)
+});
+const onBlur = () => {
+  if (errorMessage.value) {
+    error.value = true;
+  } else {
+    error.value = false;
+  }
+};
+</script>
+
+<template>
     <l-file-upload v-bind="context.attrs" v-model="value" :label="context.label" :error="error" :type="context.inputType"
         :error-message="errorMessage" @blur="onBlur">
         <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
             <slot :name="name" v-bind="props ?? {}"></slot>
         </template>
     </l-file-upload>
-</template>
+</template>

package/dist/runtime/formkit/FileUpload.vue.d.ts

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