@finema/core 1.4.2 → 1.4.3

package/dist/module.json

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

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.4.2";
+const version = "1.4.3";
 
 const colors = {
   black: "#20243E",
@@ -181,6 +181,44 @@ const button = {
 
 const buttonGroup = {};
 
+const formGroup = {
+  default: {
+    size: "lg"
+  }
+};
+
+const checkbox = {};
+
+const input = {
+  default: {
+    size: "lg"
+  }
+};
+
+const select = {
+  default: {
+    size: "lg"
+  }
+};
+
+const selectMenu = {
+  default: {
+    size: "lg"
+  }
+};
+
+const textarea = {
+  default: {
+    size: "lg"
+  }
+};
+
+const toggle = {
+  default: {
+    size: "lg"
+  }
+};
+
 const colorModeOptions = {
   preference: "light"
 };
@@ -317,7 +355,14 @@ const module = defineNuxtModule({
         pagination,
         alert,
         button,
-        buttonGroup
+        buttonGroup,
+        formGroup,
+        checkbox,
+        input,
+        select,
+        selectMenu,
+        textarea,
+        toggle
       },
       nuxt.options.appConfig.ui
     );

package/dist/runtime/components/Core.vue

@@ -1,4 +1,11 @@
 <template>
+  <NuxtLoadingIndicator :color="color" />
   <Dialog />
 </template>
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+defineProps({
+  color: {
+    type: String,
+  },
+})
+</script>

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

@@ -7,12 +7,23 @@
       select-text="เลือก"
       locale="th"
       :enable-time-picker="!disabledTime"
-      :placeholder="placeholder || 'เลือกวันที่'"
+      :placeholder="wrapperProps.placeholder"
       :format="format"
       :min-date="minDate"
       :max-date="maxDate"
       :required="isRequired"
-    />
+    >
+      <template #dp-input="{ value }">
+        <UInput
+          icon="i-heroicons-calendar-days"
+          type="text"
+          :value="value"
+          :placeholder="wrapperProps.placeholder"
+          :readonly="true"
+          input-class="cursor-pointer select-none"
+        />
+      </template>
+    </Datepicker>
   </FieldWrapper>
 </template>
 <script lang="ts" setup>

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

@@ -4,10 +4,11 @@
       v-model="value"
       :disabled="wrapperProps.isDisabled"
       :name="name"
-      :placeholder="placeholder ?? props.label"
+      :placeholder="wrapperProps.placeholder"
       :type="isShowPassword ? 'text' : props.type || 'text'"
       :autofocus="!!autoFocus"
       :icon="icon"
+      :readonly="isReadonly"
       :ui="ui"
     />
   </FieldWrapper>

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

@@ -5,10 +5,11 @@
       :disabled="wrapperProps.isDisabled"
       :name="name"
       :resize="resize"
-      :placeholder="placeholder ?? props.label"
+      :placeholder="wrapperProps.placeholder"
       :autofocus="!!autoFocus"
       :autoresize="autoresize"
       :rows="rows"
+      :readonly="isReadonly"
       :ui="ui"
     />
   </FieldWrapper>

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

@@ -35,6 +35,7 @@ export interface IFieldProps {
     classInner?: any;
     placeholder?: string;
     isDisabled?: boolean;
+    isReadonly?: boolean;
     isRequired?: boolean;
     help?: string;
     ui?: object | any;

package/dist/runtime/composables/useForm.mjs

@@ -10,6 +10,7 @@ export const useFieldHOC = (newFormProps, opts) => {
     ...field,
     wrapperProps: computed(() => ({
       ...newFormProps,
+      placeholder: newFormProps.placeholder || newFormProps.label,
       errorMessage: field.errorMessage.value
     }))
   };

package/dist/runtime/types/config.d.ts

@@ -1 +1 @@
-export type UIComponentList = 'modal' | 'slideover' | 'dropdown' | 'icon' | 'button' | 'buttonGroup' | 'tabs' | 'card' | 'breadcrumb' | 'badge';
+export type UIComponentList = 'modal' | 'slideover' | 'dropdown' | 'icon' | 'button' | 'buttonGroup' | 'tabs' | 'card' | 'breadcrumb' | 'badge' | 'input';

package/dist/runtime/ui.config/checkbox.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const checkbox: DeepPartial<(typeof config)['checkbox']>;

package/dist/runtime/ui.config/checkbox.mjs

@@ -0,0 +1 @@
+export const checkbox = {};

package/dist/runtime/ui.config/formGroup.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const formGroup: DeepPartial<(typeof config)['formGroup']>;

package/dist/runtime/ui.config/formGroup.mjs

@@ -0,0 +1,5 @@
+export const formGroup = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/input.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const input: DeepPartial<(typeof config)['input']>;

package/dist/runtime/ui.config/input.mjs

@@ -0,0 +1,5 @@
+export const input = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/select.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const select: DeepPartial<(typeof config)['select']>;

package/dist/runtime/ui.config/select.mjs

@@ -0,0 +1,5 @@
+export const select = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/selectMenu.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const selectMenu: DeepPartial<(typeof config)['selectMenu']>;

package/dist/runtime/ui.config/selectMenu.mjs

@@ -0,0 +1,5 @@
+export const selectMenu = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/textarea.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const textarea: DeepPartial<(typeof config)['textarea']>;

package/dist/runtime/ui.config/textarea.mjs

@@ -0,0 +1,5 @@
+export const textarea = {
+  default: {
+    size: "lg"
+  }
+};

package/dist/runtime/ui.config/toggle.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const toggle: DeepPartial<(typeof config)['toggle']>;

package/dist/runtime/ui.config/toggle.mjs

@@ -0,0 +1,5 @@
+export const toggle = {
+  default: {
+    size: "lg"
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",