@hostlink/nuxt-light 1.1.3 → 1.1.5

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.1.3"
+  "version": "1.1.5"
 }

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

@@ -3,7 +3,6 @@ import { computed, ref } from "vue";
 import { useLight } from '#imports';
 import { type QSelectProps } from "quasar";
 import { useI18n } from "vue-i18n";
-import { normalizeOptions } from "@formkit/inputs"
 
 const emits = defineEmits(["update:modelValue"]);
 
@@ -44,7 +43,40 @@ if (props.required) {
     });
 }
 
-let select_options = ref(props.options);
+function normalizeOptions(options: any, i = { count: 1 }) {
+    if (Array.isArray(options)) {
+        return options.map(
+            (option): any => {
+                if (typeof option === 'string' || typeof option === 'number') {
+                    return {
+                        label: String(option),
+                        value: String(option),
+                    }
+                }
+                if (typeof option == 'object') {
+                    if ('group' in option) {
+                        option.options = normalizeOptions(option.options || [], i)
+                        return option as any
+                    } else if ('value' in option && typeof option.value !== 'string') {
+                        Object.assign(option, {
+                            value: option.value,
+                        })
+                    }
+                }
+                return option as any
+            }
+        ) as any
+    }
+    return Object.keys(options).map((value: string) => {
+        return {
+            label: options[value],
+            value,
+        }
+    })
+}
+
+
+const select_options = ref(props.options);
 
 const filterFn = (val, update, abort) => {
 
@@ -91,11 +123,15 @@ const attrs = computed(() => {
 
 const localValue = computed({
     get: () => props.modelValue,
-    set: (value) => emits('update:modelValue', value)
+    set: (value) => {
+        emits('update:modelValue', value)
+    }
 });
 
+
 </script>
 <template>
+    {{ select_options }}
     <q-select v-bind="attrs" v-model="localValue" :options="select_options" @filter="filterFn" :option-label="optionLabel"
         hide-bottom-space :rules="rules" :clearable="clearable" />
 </template>

package/dist/runtime/components/l-small-box.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { computed } from "vue"
+
+export interface LSmallBoxProps {
+    title: string;
+    subtitle: string;
+    icon: string;
+    color: 'red' | 'pink' | 'purple' | 'deep-purple' | 'indigo' | 'blue' | 'light-blue' | 'cyan' | 'teal' | 'green' | 'light-green' | 'lime' | 'yellow' | 'amber' | 'orange' | 'deep-orange' | 'brown' | 'grey' | 'blue-grey'
+}
+
+const props = withDefaults(defineProps<LSmallBoxProps>(), {
+    title: '',
+    subtitle: '',
+    icon: 'local_offer',
+    color: 'indigo'
+});
+
+const item_class = computed(() => {
+    return ["bg-" + props.color + "-4"]
+
+})
+
+const section_class = computed(() => {
+    return ["text-white", "bg-" + props.color]
+})
+
+
+</script>
+
+<template>
+    <q-item :class="item_class" class="no-wrap q-pa-none text-white">
+        <q-item-section class="q-pa-lg q-mr-none text-white" :class="section_class" side>
+            <q-icon :name="icon" size="2rem" />
+        </q-item-section>
+        <q-item-section class="q-pa-md q-ml-none">
+            <q-item-label class="text-h6 text-white">{{ title }}</q-item-label>
+            <q-item-label caption class="text-white">{{ subtitle }}</q-item-label>
+        </q-item-section>
+    </q-item>
+</template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",