@finema/core 1.3.11 → 1.3.12

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.11",
+  "version": "1.3.12",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import { merge } from 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.3.11";
+const version = "1.3.12";
 
 const colors = {
   black: "#20243E",

package/dist/runtime/components/Form/Fields.vue

@@ -28,6 +28,12 @@
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
+        <FormInputTextarea
+          v-if="option.type === INPUT_TYPES.TEXTAREA"
+          :form="form"
+          v-bind="option.props"
+          v-on="option.on ?? {}"
+        />
         <FormInputToggle
           v-if="option.type === INPUT_TYPES.TOGGLE"
           :form="form"

package/dist/runtime/components/Form/InputSelect/index.vue

@@ -16,7 +16,13 @@
       :size="size"
       :ui="ui"
       :ui-menu="uiMenu"
-    />
+    >
+      <template #label>
+        <span v-if="value" class="truncate">
+          {{ options.find((item) => item.value === value)?.label || value }}
+        </span>
+      </template>
+    </USelectMenu>
   </FieldWrapper>
 </template>
 

package/dist/runtime/components/Form/InputTextarea/index.vue

@@ -0,0 +1,29 @@
+<template>
+  <FieldWrapper v-bind="wrapperProps">
+    <UTextarea
+      v-model="value"
+      :disabled="disabled"
+      :name="name"
+      :resize="resize"
+      :placeholder="placeholder ?? props.label"
+      :autofocus="!!autoFocus"
+      :autoresize="autoresize"
+      :rows="rows"
+      :color="color"
+      :ui="ui"
+    />
+  </FieldWrapper>
+</template>
+<script lang="ts" setup>
+import { useFieldHOC } from '#core/composables/useForm'
+import FieldWrapper from '#core/components/Form/FieldWrapper.vue'
+import { type ITextareaFieldProps } from '#core/components/Form/InputTextarea/types'
+
+const props = withDefaults(defineProps<ITextareaFieldProps>(), {})
+const emits = defineEmits<{
+  (event: 'change', value: string): void
+  (event: 'blur', value: string): void
+}>()
+
+const { value, wrapperProps, disabled, handleChange } = useFieldHOC<string>(props)
+</script>

package/dist/runtime/components/Form/InputTextarea/types.d.ts

@@ -0,0 +1,12 @@
+import { type IFieldProps, type IFormFieldBase, type INPUT_TYPES } from '#core/components/Form/types';
+export interface ITextareaFieldProps extends IFieldProps {
+    autoresize?: boolean;
+    resize?: boolean;
+    rows?: number;
+    color?: string;
+    ui?: object | any;
+}
+export type ITextareaField = IFormFieldBase<INPUT_TYPES.TEXTAREA, ITextareaFieldProps, {
+    change?: (value: string) => void;
+    blur?: (value: string) => void;
+}>;

package/dist/runtime/components/Form/types.d.ts

@@ -6,8 +6,10 @@ import { type ICheckboxField } from '#core/components/Form/InputCheckbox/types';
 import { type IRadioField } from '#core/components/Form/InputRadio/types';
 import { type ISelectField } from '#core/components/Form/InputSelect/types';
 import { type IToggleField } from '#core/components/Form/InputToggle/types';
+import { type ITextareaField } from '#core/components/Form/InputTextarea/types';
 export declare const enum INPUT_TYPES {
     TEXT = "TEXT",
+    TEXTAREA = "TEXTAREA",
     PASSWORD = "PASSWORD",
     EMAIL = "EMAIL",
     STATIC = "STATIC",
@@ -51,4 +53,4 @@ export interface IFormFieldBase<I extends INPUT_TYPES, P extends object = never,
     props: IFieldProps & P;
     on?: O;
 }
-export type IFormField = ITextField | IStaticField | ICheckboxField | IRadioField | ISelectField | IToggleField;
+export type IFormField = ITextField | IStaticField | ICheckboxField | IRadioField | ISelectField | IToggleField | ITextareaField;

package/dist/runtime/components/Form/types.mjs

@@ -1,5 +1,6 @@
 export var INPUT_TYPES = /* @__PURE__ */ ((INPUT_TYPES2) => {
   INPUT_TYPES2["TEXT"] = "TEXT";
+  INPUT_TYPES2["TEXTAREA"] = "TEXTAREA";
   INPUT_TYPES2["PASSWORD"] = "PASSWORD";
   INPUT_TYPES2["EMAIL"] = "EMAIL";
   INPUT_TYPES2["STATIC"] = "STATIC";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.11",
+  "version": "1.3.12",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Development Team",