@hostlink/nuxt-light 1.1.0 → 1.1.2

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.1.0"
+  "version": "1.1.2"
 }

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

@@ -121,7 +121,5 @@ const newFonts = {
 </script>
 
 <template>
-    <div class="q-pa-md q-gutter-sm">
-        <q-editor v-bind="attrs" v-model="localValue" />
-    </div>
+    <q-editor v-model="localValue" v-bind="attrs" />
 </template>

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

@@ -1,10 +1,13 @@
 <script setup lang="ts">
 import { computed, ref } from "vue";
-import { useLight } from '../';
+import { useLight } from '#imports';
 import { type QSelectProps } from "quasar";
+import { useI18n } from "vue-i18n";
+import { normalizeOptions } from "@formkit/inputs"
 
 const emits = defineEmits(["update:modelValue"]);
 
+const { t } = useI18n();
 const light = useLight();
 interface LSelectProps extends QSelectProps {
     required?: boolean
@@ -18,15 +21,16 @@ const props = withDefaults(defineProps<LSelectProps>(), {
     options: () => {
         return []
     },
-    optionLabel: () => {
-        return "label"
-    },
-    emitValue: () => {
-        return true
-    },
-    mapOptions: () => {
-        return true
-    }
+    optionLabel: "label",
+    emitValue: true,
+    mapOptions: true,
+    filled: undefined,
+    outlined: undefined,
+    standout: undefined,
+    rounded: undefined,
+    dense: undefined,
+    square: undefined,
+    stackLabel: undefined,
 })
 
 
@@ -44,9 +48,11 @@ let select_options = ref(props.options);
 
 const filterFn = (val, update, abort) => {
 
+    const opts = normalizeOptions(props.options);
+
     if (val === "") {
         update(() => {
-            select_options.value = props.options
+            select_options.value = opts
         });
         return;
     }
@@ -54,7 +60,7 @@ const filterFn = (val, update, abort) => {
     update(() => {
         const needle = val.toLowerCase();
 
-        select_options.value = props.options.filter(v => v[props.optionLabel].toLowerCase().indexOf(needle) > -1);
+        select_options.value = opts.filter(v => v[props.optionLabel].toLowerCase().indexOf(needle) > -1);
     })
 }
 
@@ -63,21 +69,24 @@ const clearable = computed(() => {
 });
 
 const attrs = computed(() => {
-    return {
-        ...{
-            filled: light.getStyle("inputFilled"),
-            outlined: light.getStyle("inputOutlined"),
-            standout: light.getStyle("inputStandout"),
-            rounded: light.getStyle("inputRounded"),
-            dense: light.getStyle("inputDense"),
-            square: light.getStyle("inputSquare"),
-            stackLabel: light.getStyle("inputStackLabel")
-        },
-        ...{
-            emitValue: props.emitValue,
-            mapOptions: props.mapOptions
-        }
+    const a = {
+        ...props,
     }
+
+    if (props.fillInput === undefined) a.fillInput = light.getStyle("inputFilled")
+    if (props.outlined === undefined) a.outlined = light.getStyle("inputOutlined")
+    if (props.standout === undefined) a.standout = light.getStyle("inputStandout")
+    if (props.rounded === undefined) a.rounded = light.getStyle("inputRounded")
+    if (props.dense === undefined) a.dense = light.getStyle("inputDense")
+    if (props.square === undefined) a.square = light.getStyle("inputSquare")
+    if (props.stackLabel === undefined) a.stackLabel = light.getStyle("inputStackLabel")
+
+    if (props.label) {
+        a.label = t(props.label);
+    }
+
+    return a;
+
 });
 
 const localValue = computed({
@@ -87,6 +96,6 @@ const localValue = computed({
 
 </script>
 <template>
-    <q-select v-bind="attrs" v-model="localValue" :label="$t(props.label ?? '')" :options="select_options"
-        @filter="filterFn" :option-label="optionLabel" hide-bottom-space :rules="rules" :clearable="clearable" />
+    <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/formkit/Repeater.vue

@@ -59,12 +59,11 @@ const isAllowMoveDown = (index) => {
     return index < localValue.value.length - 1
 }
 
-
-
 </script>
 
 <template>
-    <FormKit type="list" v-model="localValue" dynamic #default="{ items, node, value }">
+    <FormKit type="list" v-model="localValue" dynamic #default="{ items, node, value }" :name="node.name">
+        
 
         <FormKit type="group" v-for="(item, index) in  items " :index="index" :key="item">
 
@@ -76,7 +75,7 @@ const isAllowMoveDown = (index) => {
                             <div class="q-mb-sm">
                                 <!-- up -->
                                 <q-btn type="button" @click="onMoveUp(index)" icon="sym_o_arrow_upward" color="primary"
-                                    dense unelevated :disable="!isAllowMoveUp(index)"/>
+                                    dense unelevated :disable="!isAllowMoveUp(index)" />
                             </div>
 
                             <div class="q-mb-sm">
@@ -88,13 +87,13 @@ const isAllowMoveDown = (index) => {
                             <div class="q-mb-sm">
                                 <!-- down -->
                                 <q-btn type="button" @click="onMoveDown(index)" icon="sym_o_arrow_downward" color="primary"
-                                    dense unelevated :disable="!isAllowMoveDown(index)"/>
+                                    dense unelevated :disable="!isAllowMoveDown(index)" />
                             </div>
 
                         </div>
 
                         <div class="col">
-                            <slot></slot>
+                            <slot v-bind="{ value: localValue[index] }"></slot>
                         </div>
                     </div>
                 </q-card-section>

package/dist/runtime/formkit/index.mjs

@@ -80,7 +80,7 @@ export const createLightPlugin = () => {
         });
       case "l-repeater":
         return node.define({
-          type: "list",
+          type: "input",
           props: ["min", "max"],
           component: RepeaterVue
         });

package/package.json

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