@hostlink/nuxt-light 1.34.0 → 1.36.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.34.0",
+  "version": "1.36.0",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

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

@@ -4,7 +4,7 @@ export interface LItemProps extends QItemProps {
     name?: string;
     top?: boolean;
     labelTop?: boolean;
-    alignItems?: 'flex-start' | 'center' | 'flex-end';
+    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch';
 }
 declare var __VLS_10: {}, __VLS_24: {}, __VLS_30: {};
 type __VLS_Slots = {} & {
@@ -15,7 +15,7 @@ type __VLS_Slots = {} & {
     end?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<LItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LItemProps> & Readonly<{}>, {
-    alignItems: "flex-start" | "center" | "flex-end";
+    alignItems: "flex-start" | "center" | "flex-end" | "stretch";
     top: boolean;
     labelTop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -15,6 +15,8 @@ export interface LightModelField {
     component?: Component;
     componentProps?: any;
     format?: (value: any) => any;
+    style?: any;
+    align?: "left" | "center" | "right";
 }
 export interface LightModelFields {
     [key: string]: LightModelField;

package/dist/runtime/formkit/Textarea.vue

@@ -0,0 +1,47 @@
+<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) => {
+    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="textarea"
+        :error-message="errorMessage" @blur="onBlur" :disable="context.disabled">
+
+        <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
+            <slot :name="name" v-bind="props ?? {}"></slot>
+        </template>
+
+        <template v-if="context.help" #hint>
+            {{ context.help }}
+        </template>
+    </l-input>
+</template>

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

@@ -0,0 +1,22 @@
+declare var __VLS_11: string | number, __VLS_12: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/formkit/index.js

@@ -15,6 +15,7 @@ import FileUploadVue from "./FileUpload.vue";
 import EditorVue from "./Editor.vue";
 import ToggleVue from "./Toggle.vue";
 import GroupSelect from "./GroupSelect.vue";
+import TextareaVue from "./Textarea.vue";
 export const createLightPlugin = () => {
   return (node) => {
     let type = node.props.type + "";
@@ -75,6 +76,11 @@ export const createLightPlugin = () => {
           props: ["inputType", "number"],
           component: Input
         });
+      case "l-textarea":
+        return node.define({
+          type: "input",
+          component: TextareaVue
+        });
       case "l-select":
         return node.define({
           type: "input",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.34.0",
+  "version": "1.36.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -32,7 +32,7 @@
   "dependencies": {
     "@azure/msal-browser": "^3.26.1",
     "@formkit/drag-and-drop": "^0.5.3",
-    "@hostlink/light": "^2.7.2",
+    "@hostlink/light": "^2.8.0",
     "@nuxt/module-builder": "^1.0.1",
     "@quasar/extras": "^1.16.11",
     "@quasar/quasar-ui-qmarkdown": "^2.0.5",