@finema/core 1.3.11 → 1.3.13

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.3.11",
+  "version": "1.3.13",
   "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.13";
 
 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",
@@ -35,7 +37,7 @@ export interface IFieldProps {
     classInputInner?: any;
     placeholder?: string;
     isDisabled?: boolean;
-    isReadOnly?: boolean;
+    isRequired?: boolean;
     isLoading?: boolean;
     help?: string;
     isHideLabel?: boolean;
@@ -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/dist/runtime/composables/useForm.d.ts

@@ -13,10 +13,10 @@ export interface IFieldWrapperProps {
     name: string;
 }
 interface IFieldContext<TValue> extends FieldContext<TValue> {
-    isRequired: ComputedRef<boolean>;
+    isRequired: boolean;
     onChange: (e: InputEvent) => void;
     fieldClassName: ComputedRef<any[]>;
-    disabled: ComputedRef<boolean>;
+    disabled: boolean;
     wrapperProps: ComputedRef<IFieldWrapperProps>;
 }
 export declare const useFieldHOC: <TValue = unknown>(newFormProps: IFieldProps, opts?: Partial<FieldOptions<TValue>> | undefined) => IFieldContext<TValue>;

package/dist/runtime/composables/useForm.mjs

@@ -6,7 +6,6 @@ export const useFieldHOC = (newFormProps, opts) => {
     form: newFormProps.form,
     ...opts
   });
-  const isRequired = computed(() => false);
   const onChange = (e) => {
     const target = e.target;
     const newValue = newFormProps.transform ? newFormProps.transform(target.value, field.value, e) : target.value;
@@ -24,17 +23,17 @@ export const useFieldHOC = (newFormProps, opts) => {
   });
   return {
     ...field,
-    isRequired,
+    isRequired: !!newFormProps.isRequired,
     onChange,
     fieldClassName,
-    disabled: computed(() => newFormProps.isDisabled ?? newFormProps.isReadOnly ?? false),
+    disabled: !!newFormProps.isDisabled,
     wrapperProps: computed(() => ({
       label: newFormProps.label,
       errorMessage: field.errorMessage.value,
       className: newFormProps.class,
       classInner: newFormProps.classInner,
       classInputInner: newFormProps.classInputInner,
-      isRequired: isRequired.value,
+      isRequired: newFormProps.isRequired,
       isHideLabel: newFormProps.isHideLabel,
       customErrorMessage: newFormProps.customErrorMessage,
       name: newFormProps.name

package/package.json

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