@hostlink/nuxt-light 1.27.8 → 1.28.1

package/dist/runtime/formkit/Form.vue

@@ -1,101 +1,80 @@
-<script setup lang="ts">
-import { type FormKitInputs } from '@formkit/inputs';
-import { useRouter, useRoute } from "vue-router";
-import { useQuasar } from "quasar";
-import { computed, model } from "#imports"
-
-const route = useRoute();
-const router = useRouter();
-const quasar = useQuasar();
-
-
-let props = defineProps({
-    context: {
-        type: Object,
-        required: true
-    }
-});
-
-let onSubmit = async () => {
-    props.context?.handlers.submit(new Event("submit"));
-}
-
-const gutter = props.context?.gutter ?? "md";
-
-//check bordered is undefined
-let bordered = true;
-if (props.context.bordered !== undefined) {
-    bordered = props.context.bordered;
-}
-
-let redirect = true;
-if (props.context.attrs.onSubmitted) {
-
-    redirect = false;
-}
-
-
-if (!props.context.onSubmit) {
-    props.context.node.props.onSubmit = async function () {
-
-        const [module, id_name] = route.name.split("-");
-
-
-        const v = {};
-        //filter out undefined value from context.value
-        for (const [key, value] of Object.entries(props.context.value)) {
-            if (value !== undefined) {
-                v[key] = value;
-            }
-        }
-
-        try {
-            if (route.params[id_name]) {//edit
-                if (await model(module).update(parseInt(route.params[id_name]), v)) {
-                    quasar.notify({
-                        message: "Updated successfully",
-                        color: "positive",
-                        icon: "sym_o_check"
-                    });
-                    if (redirect) {
-                        router.go(-1);
-                    }
-                }
-            } else {
-                if (await model(module).add(v)) {
-                    quasar.notify({
-                        message: "Added successfully",
-                        color: "positive",
-                        icon: "sym_o_check"
-                    });
-
-                    if (redirect) {
-                        router.go(-1);
-                    }
-                }
-            }
-            //emit submitted event
-            if (props.context.attrs.onSubmitted) {
-                props.context.attrs.onSubmitted(v);
-            }
-        } catch (e) {
-            quasar.dialog({
-                title: "Error",
-                message: e.message,
-                ok: "OK"
-            });
-        }
-
-    }
-
-}
-
-const isNoDirtyCheck = computed(() => {
-    return props.context.attrs["no-dirty-check"] !== undefined;
-});
-
-</script>
-<template>
+<script setup>
+import {} from "@formkit/inputs";
+import { useRouter, useRoute } from "vue-router";
+import { useQuasar } from "quasar";
+import { computed, model } from "#imports";
+const route = useRoute();
+const router = useRouter();
+const quasar = useQuasar();
+let props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+let onSubmit = async () => {
+  props.context?.handlers.submit(new Event("submit"));
+};
+const gutter = props.context?.gutter ?? "md";
+let bordered = true;
+if (props.context.bordered !== void 0) {
+  bordered = props.context.bordered;
+}
+let redirect = true;
+if (props.context.attrs.onSubmitted) {
+  redirect = false;
+}
+if (!props.context.onSubmit) {
+  props.context.node.props.onSubmit = async function() {
+    const [module, id_name] = route.name.split("-");
+    const v = {};
+    for (const [key, value] of Object.entries(props.context.value)) {
+      if (value !== void 0) {
+        v[key] = value;
+      }
+    }
+    try {
+      if (route.params[id_name]) {
+        if (await model(module).update(parseInt(route.params[id_name]), v)) {
+          quasar.notify({
+            message: "Updated successfully",
+            color: "positive",
+            icon: "sym_o_check"
+          });
+          if (redirect) {
+            router.go(-1);
+          }
+        }
+      } else {
+        if (await model(module).add(v)) {
+          quasar.notify({
+            message: "Added successfully",
+            color: "positive",
+            icon: "sym_o_check"
+          });
+          if (redirect) {
+            router.go(-1);
+          }
+        }
+      }
+      if (props.context.attrs.onSubmitted) {
+        props.context.attrs.onSubmitted(v);
+      }
+    } catch (e) {
+      quasar.dialog({
+        title: "Error",
+        message: e.message,
+        ok: "OK"
+      });
+    }
+  };
+}
+const isNoDirtyCheck = computed(() => {
+  return props.context.attrs["no-dirty-check"] !== void 0;
+});
+</script>
+
+<template>
     <form v-bind="context.attrs">
         <l-card :bordered="bordered">
             <q-card-section>
@@ -106,8 +85,8 @@ const isNoDirtyCheck = computed(() => {
 
             <q-card-actions align="right" v-if="context.actions">
                 <l-btn icon="sym_o_check" :label="context.submitLabel ?? 'Submit'" @click="onSubmit"
-                    :disabled="!isNoDirtyCheck  && !context.state.dirty" :loading="context.state.loading"></l-btn>
+                    :disabled="!isNoDirtyCheck && !context.state.dirty" :loading="context.state.loading"></l-btn>
             </q-card-actions>
         </l-card>
     </form>
-</template>
+</template>

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

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

package/dist/runtime/formkit/GroupSelect.vue

@@ -1,29 +1,23 @@
-<script setup>
-import { getErrorMessage } from 'formkit-quasar';
-import { computed } from 'vue'
-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)
-})
-
-
-let clearable = false;
-if (props.context.state.required) { //no clearable
-    clearable = false;
-} else {
-    clearable = true;
-}
-
-</script>
-<template>
+<script setup>
+import { getErrorMessage } from "formkit-quasar";
+import { computed } from "vue";
+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)
+});
+let clearable = false;
+if (props.context.state.required) {
+  clearable = false;
+} else {
+  clearable = true;
+}
+</script>
+
+<template>
     <l-group-select v-model="value" :label="context.label" v-bind="context.attrs" :error="error"
         :error-message="errorMessage"  :required="context.state.required"
         :disable="context.disabled">
@@ -31,4 +25,4 @@ if (props.context.state.required) { //no clearable
             <slot :name="name" v-bind="props ?? {}"></slot>
         </template>
     </l-group-select>
-</template>
+</template>

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

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

package/dist/runtime/formkit/Input.vue

@@ -1,63 +1,55 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { getErrorMessage } from 'formkit-quasar';
-import { useI18n } from 'vue-i18n';
-
-const props = defineProps({
-    context: {
-        type: Object,
-        required: true
-    }
-});
-
-const { t } = useI18n()
-
-const { error, errorMessage } = getErrorMessage(props.context.node);
-const value = computed({
-    get: () => props.context?.value,
-    set: (val) => {
-        if (props.context.number !== undefined) {
-            if (val === "") {
-                props.context?.node.input(0)
-                return
-            }
-
-            let tryprase = parseInt(val)
-            if (isNaN(tryprase)) {
-                props.context.node.input(val)
-                return
-            }
-
-            if (props.context.number === "integer") {
-                props.context.node.input(parseInt(val))
-                return
-            }
-
-            props.context.node.input(parseFloat(val))
-        } else {
-            props.context.node.input(val)
-        }
-    }
-})
-
-const onBlur = () => {
-    if (errorMessage.value) {
-        error.value = true
-    } else {
-        error.value = false
-    }
-}
-
-const label = computed(() => {
-    let l = t(props.context.label);
-    if (props.context.state.required) {
-        l = "* " + l
-    }
-    return l
-})
-
-</script>
-<template>
+<script setup>
+import { computed } from "vue";
+import { getErrorMessage } from "formkit-quasar";
+import { useI18n } from "vue-i18n";
+const props = defineProps({
+  context: {
+    type: Object,
+    required: true
+  }
+});
+const { t } = useI18n();
+const { error, errorMessage } = getErrorMessage(props.context.node);
+const value = computed({
+  get: () => props.context?.value,
+  set: (val) => {
+    if (props.context.number !== void 0) {
+      if (val === "") {
+        props.context?.node.input(0);
+        return;
+      }
+      let tryprase = parseInt(val);
+      if (isNaN(tryprase)) {
+        props.context.node.input(val);
+        return;
+      }
+      if (props.context.number === "integer") {
+        props.context.node.input(parseInt(val));
+        return;
+      }
+      props.context.node.input(parseFloat(val));
+    } else {
+      props.context.node.input(val);
+    }
+  }
+});
+const onBlur = () => {
+  if (errorMessage.value) {
+    error.value = true;
+  } else {
+    error.value = false;
+  }
+};
+const label = computed(() => {
+  let l = t(props.context.label);
+  if (props.context.state.required) {
+    l = "* " + l;
+  }
+  return l;
+});
+</script>
+
+<template>
     <l-input v-model="value" v-bind="context?.attrs" :label="label" :error="error" :type="context?.inputType"
         :error-message="errorMessage" @blur="onBlur" :disable="context.disabled">
 
@@ -69,4 +61,4 @@ const label = computed(() => {
             {{ context.help }}
         </template>
     </l-input>
-</template>
+</template>

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

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

package/dist/runtime/formkit/InputXlsx.vue

@@ -1,22 +1,19 @@
-<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-input-xlsx v-model="value" :label="context.label" v-bind="context.attrs" :error="error" :type="context.inputType"
         :error-message="errorMessage">
         <slot></slot>
     </l-input-xlsx>
-</template>
+</template>

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

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

package/dist/runtime/formkit/OptionGroup.vue

@@ -1,32 +1,26 @@
-<script setup>
-import { useLight } from '#imports';
-import { computed } from 'vue'
-import { getErrorMessage } from 'formkit-quasar';
-
-const light = useLight();
-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 outlined = computed(() => {
-    return props.context.attrs.outlined != undefined ? props.context.attrs.outlined : light.styles.input.outlined;
-
-})
-
-
-</script>
-<template>
+<script setup>
+import { useLight } from "#imports";
+import { computed } from "vue";
+import { getErrorMessage } from "formkit-quasar";
+const light = useLight();
+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 outlined = computed(() => {
+  return props.context.attrs.outlined != void 0 ? props.context.attrs.outlined : light.styles.input.outlined;
+});
+</script>
+
+<template>
     <l-field stack-label :label="context.label" :error="error" :error-message="errorMessage" :outlined="outlined"
         hide-bottom-space>
         <q-option-group type="checkbox" :options="context.options" v-model="value" inline v-bind="context.attrs"
             :color="$light.color">
         </q-option-group>
     </l-field>
-</template>
+</template>

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

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

package/dist/runtime/formkit/Radio.vue

@@ -1,22 +1,19 @@
-<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>
     <q-radio v-model="value" :label="context.label" v-bind="context.attrs" :error="error" :type="context.inputType"
         :error-message="errorMessage">
         <slot></slot>
     </q-radio>
-</template>
+</template>

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

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