@finema/core 2.36.0 → 2.37.0

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.36.0",
+  "version": "2.37.0",
   "configKey": "core",
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -4,7 +4,7 @@ import * as lodash from 'lodash-es';
 import * as theme from '../dist/runtime/theme/index.js';
 
 const name = "@finema/core";
-const version = "2.36.0";
+const version = "2.37.0";
 
 const nuxtAppOptions = {
   head: {

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

@@ -13,6 +13,7 @@ export interface IDateTimeFieldProps extends IFieldProps {
     minTime?: ITimeOption;
     maxTime?: ITimeOption;
     isReturnISO?: boolean;
+    teleport?: boolean | string | HTMLElement;
 }
 export type IDateTimeField = IFormFieldBase<INPUT_TYPES.DATE_TIME | INPUT_TYPES.DATE, IDateTimeFieldProps, {
     change: (value: string) => void;

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

@@ -1,61 +1,61 @@
 <template>
-  <FieldWrapper v-bind="wrapperProps">
-    <Datepicker
-      :teleport="true"
-      :model-value="innerValue"
-      :disabled="wrapperProps.disabled"
-      :cancel-text="appConfig.core?.locale === 'th' ? '\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01' : 'Cancel'"
-      :select-text="appConfig.core?.locale === 'th' ? '\u0E15\u0E01\u0E25\u0E07' : 'Select'"
-      :locale="appConfig.core?.locale"
-      :enable-time-picker="!disabledTime"
-      :placeholder="wrapperProps.placeholder"
-      :format="format"
-      :min-date="minDate"
-      :max-date="maxDate"
-      :min-time="minTime"
-      :max-time="maxTime"
-      :start-time="startTime"
-      :required="required"
-      :flow="['calendar', 'time']"
-      @update:model-value="onInput"
-    >
-      <template
-        v-if="appConfig.core?.is_thai_year"
-        #year="{ value }"
-      >
-        {{ value + 543 }}
-      </template>
-      <template
-        v-if="appConfig.core?.is_thai_year"
-        #year-overlay-value="{ value }"
-      >
-        {{ value + 543 }}
-      </template>
-      <template #dp-input="{ value: innerValue }">
-        <Input
-          :trailing-icon="innerValue ? void 0 : 'i-heroicons-calendar-days'"
-          type="text"
-          :disabled="wrapperProps.disabled"
-          :model-value="innerValue"
-          :placeholder="wrapperProps.placeholder"
-          :readonly="true"
+  <FieldWrapper v-bind="wrapperProps">
+    <Datepicker
+      :model-value="innerValue"
+      :disabled="wrapperProps.disabled"
+      :cancel-text="appConfig.core?.locale === 'th' ? '\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01' : 'Cancel'"
+      :select-text="appConfig.core?.locale === 'th' ? '\u0E15\u0E01\u0E25\u0E07' : 'Select'"
+      :locale="appConfig.core?.locale"
+      :enable-time-picker="!disabledTime"
+      :placeholder="wrapperProps.placeholder"
+      :format="format"
+      :min-date="minDate"
+      :max-date="maxDate"
+      :min-time="minTime"
+      :max-time="maxTime"
+      :start-time="startTime"
+      :teleport="teleport"
+      :required="required"
+      :flow="['calendar', 'time']"
+      @update:model-value="onInput"
+    >
+      <template
+        v-if="appConfig.core?.is_thai_year"
+        #year="{ value }"
+      >
+        {{ value + 543 }}
+      </template>
+      <template
+        v-if="appConfig.core?.is_thai_year"
+        #year-overlay-value="{ value }"
+      >
+        {{ value + 543 }}
+      </template>
+      <template #dp-input="{ value: innerValue }">
+        <Input
+          :trailing-icon="innerValue ? void 0 : 'i-heroicons-calendar-days'"
+          type="text"
+          :disabled="wrapperProps.disabled"
+          :model-value="innerValue"
+          :placeholder="wrapperProps.placeholder"
+          :readonly="true"
           :ui="{
   base: 'cursor-pointer select-none',
   trailingIcon: 'cursor-pointer'
-}"
-        />
-      </template>
-      <template #clear-icon="{ clear }">
-        <Icon
-          :name="clearIcon"
+}"
+        />
+      </template>
+      <template #clear-icon="{ clear }">
+        <Icon
+          :name="clearIcon"
           :class="theme.clearIcon({
   class: [ui?.clearIcon]
-})"
-          @click.stop="clear"
-        />
-      </template>
-    </Datepicker>
-  </FieldWrapper>
+})"
+          @click.stop="clear"
+        />
+      </template>
+    </Datepicker>
+  </FieldWrapper>
 </template>
 
 <script setup>
@@ -73,6 +73,7 @@ const props = defineProps({
   minTime: { type: Object, required: false },
   maxTime: { type: Object, required: false },
   isReturnISO: { type: Boolean, required: false },
+  teleport: { type: [Boolean, String], required: false, skipCheck: true, default: false },
   form: { type: Object, required: false },
   name: { type: String, required: true },
   errorMessage: { type: String, required: false },

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

@@ -2,5 +2,6 @@ import '@vuepic/vue-datepicker/dist/main.css';
 import type { IDateTimeFieldProps } from '#core/components/Form/InputDateTime/date_time_field.types';
 declare const _default: import("vue").DefineComponent<IDateTimeFieldProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IDateTimeFieldProps> & Readonly<{}>, {
     clearIcon: string;
+    teleport: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -11,6 +11,7 @@ export interface IDateTimeRangeResponse {
 }
 export interface IDateTimeRangeFieldProps extends IDateTimeFieldProps {
     isDisabledMultiCalendar?: boolean;
+    teleport?: boolean | string | HTMLElement;
 }
 export type IDateTimeRangeField = IFormFieldBase<INPUT_TYPES.DATE_RANGE | INPUT_TYPES.DATE_TIME_RANGE, IDateTimeRangeFieldProps, {
     change: (value: IDateTimeRangeResponse) => void;

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

@@ -1,64 +1,64 @@
 <template>
-  <FieldWrapper v-bind="wrapperProps">
-    <Datepicker
-      ref="datepicker"
-      v-model="innerValueRef"
-      :teleport="true"
-      :disabled="wrapperProps.disabled"
-      :cancel-text="appConfig.core?.locale === 'th' ? '\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01' : 'Cancel'"
-      :select-text="appConfig.core?.locale === 'th' ? '\u0E15\u0E01\u0E25\u0E07' : 'Select'"
-      :locale="appConfig.core?.locale"
-      :format="format"
-      :enable-time-picker="!disabledTime"
-      :placeholder="wrapperProps.placeholder"
-      :min-date="minDate"
-      :max-date="maxDate"
-      :min-time="minTime"
-      :max-time="maxTime"
-      :start-time="startTime"
-      :multi-calendars="!isDisabledMultiCalendar"
-      :required="required"
-      time-picker-inline
-      range
-      :flow="['calendar', 'time']"
-      @update:model-value="onInput"
-    >
-      <template
-        v-if="appConfig.core?.is_thai_year"
-        #year="{ value }"
-      >
-        {{ value + 543 }}
-      </template>
-      <template
-        v-if="appConfig.core?.is_thai_year"
-        #year-overlay-value="{ value }"
-      >
-        {{ value + 543 }}
-      </template>
-      <template #dp-input="{ value: innerValue }">
-        <Input
-          :trailing-icon="innerValue ? void 0 : 'i-heroicons-calendar-days'"
-          type="text"
-          :model-value="innerValue"
-          :placeholder="wrapperProps.placeholder"
-          :readonly="true"
+  <FieldWrapper v-bind="wrapperProps">
+    <Datepicker
+      ref="datepicker"
+      v-model="innerValueRef"
+      :teleport="teleport"
+      :disabled="wrapperProps.disabled"
+      :cancel-text="appConfig.core?.locale === 'th' ? '\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01' : 'Cancel'"
+      :select-text="appConfig.core?.locale === 'th' ? '\u0E15\u0E01\u0E25\u0E07' : 'Select'"
+      :locale="appConfig.core?.locale"
+      :format="format"
+      :enable-time-picker="!disabledTime"
+      :placeholder="wrapperProps.placeholder"
+      :min-date="minDate"
+      :max-date="maxDate"
+      :min-time="minTime"
+      :max-time="maxTime"
+      :start-time="startTime"
+      :multi-calendars="!isDisabledMultiCalendar"
+      :required="required"
+      time-picker-inline
+      range
+      :flow="['calendar', 'time']"
+      @update:model-value="onInput"
+    >
+      <template
+        v-if="appConfig.core?.is_thai_year"
+        #year="{ value }"
+      >
+        {{ value + 543 }}
+      </template>
+      <template
+        v-if="appConfig.core?.is_thai_year"
+        #year-overlay-value="{ value }"
+      >
+        {{ value + 543 }}
+      </template>
+      <template #dp-input="{ value: innerValue }">
+        <Input
+          :trailing-icon="innerValue ? void 0 : 'i-heroicons-calendar-days'"
+          type="text"
+          :model-value="innerValue"
+          :placeholder="wrapperProps.placeholder"
+          :readonly="true"
           :ui="{
   base: 'cursor-pointer select-none',
   trailingIcon: 'cursor-pointer'
-}"
-        />
-      </template>
-      <template #clear-icon="{ clear }">
-        <Icon
-          :name="clearIcon"
+}"
+        />
+      </template>
+      <template #clear-icon="{ clear }">
+        <Icon
+          :name="clearIcon"
           :class="theme.clearIcon({
   class: [ui?.clearIcon]
-})"
-          @click.stop="clear"
-        />
-      </template>
-    </Datepicker>
-  </FieldWrapper>
+})"
+          @click.stop="clear"
+        />
+      </template>
+    </Datepicker>
+  </FieldWrapper>
 </template>
 
 <script setup>
@@ -69,6 +69,7 @@ import "@vuepic/vue-datepicker/dist/main.css";
 import { dateTimeTheme } from "#core/theme/dateTime";
 const props = defineProps({
   isDisabledMultiCalendar: { type: Boolean, required: false },
+  teleport: { type: [Boolean, String], required: false, skipCheck: true, default: false },
   clearIcon: { type: String, required: false, default: "ph:x-circle-fill" },
   disabledTime: { type: Boolean, required: false },
   minDate: { type: [Date, String], required: false },

package/dist/runtime/components/Form/InputDateTimeRange/index.vue.d.ts

@@ -2,5 +2,6 @@ import '@vuepic/vue-datepicker/dist/main.css';
 import type { IDateTimeRangeFieldProps } from './date_range_time_field.types.js';
 declare const _default: import("vue").DefineComponent<IDateTimeRangeFieldProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IDateTimeRangeFieldProps> & Readonly<{}>, {
     clearIcon: string;
+    teleport: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,59 +1,59 @@
 <template>
-  <FieldWrapper v-bind="wrapperProps">
-    <Datepicker
-      v-model="value"
-      :teleport="true"
-      :disabled="wrapperProps.disabled"
-      :cancel-text="appConfig.core?.locale === 'th' ? '\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01' : 'Cancel'"
-      :select-text="appConfig.core?.locale === 'th' ? '\u0E15\u0E01\u0E25\u0E07' : 'Select'"
-      :locale="appConfig.core?.locale"
-      :format="appConfig.core?.month_format"
-      month-picker
-      :placeholder="wrapperProps.placeholder"
-      :min-date="minDate"
-      :max-date="maxDate"
-      :required="wrapperProps.required"
-      :clearable="true"
-      :always-clearable="true"
-    >
-      <template
-        v-if="appConfig.core?.is_thai_year"
-        #year="{ year }"
-      >
-        {{ year + 543 }}
-      </template>
-      <template
-        v-if="appConfig.core?.is_thai_year"
-        #year-overlay-value="{ value }"
-      >
-        {{ value + 543 }}
-      </template>
-      <template #dp-input>
-        <Input
-          :trailing-icon="!wrapperProps.required && value ? void 0 : 'i-heroicons-calendar-days'"
-          type="text"
-          :disabled="wrapperProps.disabled"
-          :model-value="formatDisplay(value)"
-          :placeholder="wrapperProps.placeholder"
-          :readonly="true"
+  <FieldWrapper v-bind="wrapperProps">
+    <Datepicker
+      v-model="value"
+      :teleport="teleport"
+      :disabled="wrapperProps.disabled"
+      :cancel-text="appConfig.core?.locale === 'th' ? '\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01' : 'Cancel'"
+      :select-text="appConfig.core?.locale === 'th' ? '\u0E15\u0E01\u0E25\u0E07' : 'Select'"
+      :locale="appConfig.core?.locale"
+      :format="appConfig.core?.month_format"
+      month-picker
+      :placeholder="wrapperProps.placeholder"
+      :min-date="minDate"
+      :max-date="maxDate"
+      :required="wrapperProps.required"
+      :clearable="true"
+      :always-clearable="true"
+    >
+      <template
+        v-if="appConfig.core?.is_thai_year"
+        #year="{ year }"
+      >
+        {{ year + 543 }}
+      </template>
+      <template
+        v-if="appConfig.core?.is_thai_year"
+        #year-overlay-value="{ value }"
+      >
+        {{ value + 543 }}
+      </template>
+      <template #dp-input>
+        <Input
+          :trailing-icon="!wrapperProps.required && value ? void 0 : 'i-heroicons-calendar-days'"
+          type="text"
+          :disabled="wrapperProps.disabled"
+          :model-value="formatDisplay(value)"
+          :placeholder="wrapperProps.placeholder"
+          :readonly="true"
           :ui="{
   base: 'cursor-pointer select-none',
   trailingIcon: 'cursor-pointer'
-}"
-        />
-      </template>
-      <template #clear-icon="{ clear }">
-        <Icon
-          v-if="value && !wrapperProps.disabled && !wrapperProps.required"
-          :name="clearIcon"
+}"
+        />
+      </template>
+      <template #clear-icon="{ clear }">
+        <Icon
+          v-if="value && !wrapperProps.disabled && !wrapperProps.required"
+          :name="clearIcon"
           :class="theme.clearIcon({
   class: [ui?.clearIcon]
-})"
-          @click.stop="clear"
-        />
-      </template>
-    </Datepicker>
-  </FieldWrapper>
+})"
+          @click.stop="clear"
+        />
+      </template>
+    </Datepicker>
+  </FieldWrapper>
 </template>
 
 <script setup>
@@ -69,6 +69,7 @@ const props = defineProps({
   clearIcon: { type: String, required: false, default: "ph:x-circle-fill" },
   minDate: { type: [Date, String], required: false },
   maxDate: { type: [Date, String], required: false },
+  teleport: { type: [Boolean, String], required: false, skipCheck: true, default: false },
   form: { type: Object, required: false },
   name: { type: String, required: true },
   errorMessage: { type: String, required: false },

package/dist/runtime/components/Form/InputMonth/index.vue.d.ts

@@ -2,5 +2,6 @@ import '@vuepic/vue-datepicker/dist/main.css';
 import type { IMonthFieldProps } from '#core/components/Form/InputMonth/types';
 declare const _default: import("vue").DefineComponent<IMonthFieldProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IMonthFieldProps> & Readonly<{}>, {
     clearIcon: string;
+    teleport: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -3,6 +3,7 @@ export interface IMonthFieldProps extends IFieldProps {
     clearIcon?: string;
     minDate?: Date | string;
     maxDate?: Date | string;
+    teleport?: boolean | string | HTMLElement;
 }
 export type IMonthField = IFormFieldBase<INPUT_TYPES.MONTH, IMonthFieldProps, {
     change: (value: string) => void;

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

@@ -2,10 +2,11 @@
   <FieldWrapper v-bind="wrapperProps">
     <Datepicker
       v-model="innerValue"
+      :teleport="teleport"
       :disabled="wrapperProps.disabled"
-      cancel-text="ยกเลิก"
-      select-text="เลือก"
-      locale="th"
+      :cancel-text="appConfig.core?.locale === 'th' ? '\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01' : 'Cancel'"
+      :select-text="appConfig.core?.locale === 'th' ? '\u0E15\u0E01\u0E25\u0E07' : 'Select'"
+      :locale="appConfig.core?.locale"
       time-picker
       :placeholder="wrapperProps.placeholder"
       :format="format"
@@ -46,7 +47,7 @@
 <script setup>
 import Datepicker from "@vuepic/vue-datepicker";
 import FieldWrapper from "#core/components/Form/FieldWrapper.vue";
-import { computed, ref, useFieldHOC, useUiConfig, watch } from "#imports";
+import { computed, ref, useFieldHOC, useUiConfig, watch, useAppConfig } from "#imports";
 import "@vuepic/vue-datepicker/dist/main.css";
 import { dateTimeTheme } from "#core/theme/dateTime";
 const emits = defineEmits(["change"]);
@@ -57,6 +58,7 @@ const props = defineProps({
   startTime: { type: Object, required: false },
   format: { type: String, required: false },
   enableSeconds: { type: Boolean, required: false, default: false },
+  teleport: { type: [Boolean, String], required: false, skipCheck: true, default: false },
   form: { type: Object, required: false },
   name: { type: String, required: true },
   errorMessage: { type: String, required: false },
@@ -72,6 +74,7 @@ const props = defineProps({
   help: { type: String, required: false },
   ui: { type: null, required: false }
 });
+const appConfig = useAppConfig();
 const innerValue = ref(void 0);
 const theme = computed(() => useUiConfig(dateTimeTheme, "dateTime")());
 const {

package/dist/runtime/components/Form/InputTime/index.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<ITimeFieldProps, void, {},
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     clearIcon: string;
+    teleport: boolean | string | HTMLElement;
     enableSeconds: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -11,6 +11,7 @@ export interface ITimeFieldProps extends IFieldProps {
     startTime?: ITimeOption;
     format?: string;
     enableSeconds?: boolean;
+    teleport?: boolean | string | HTMLElement;
 }
 export type ITimeField = IFormFieldBase<INPUT_TYPES.TIME, ITimeFieldProps, {
     change: (value: string) => void;

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

@@ -1,54 +1,54 @@
 <template>
-  <FieldWrapper v-bind="wrapperProps">
-    <div
-      ref="dropzoneRef"
-      :class="theme.base()"
-    >
-      <div :class="theme.wrapper()">
-        <!-- Empty State -->
-        <EmptyState
-          v-if="uploadState.isEmpty.value"
-          :theme="theme"
-          :select-file-label="selectFileLabel"
-          :select-file-sub-label="selectFileSubLabel"
-          :placeholder="placeholder"
-          @open-file="uploadState.handleOpenFile"
-        />
-
-        <!-- Loading State -->
-        <LoadingState
-          v-if="uploadState.isUploading.value"
-          :theme="theme"
-          :selected-file="uploadState.selectedFile.value"
-          :percent="uploadState.percent.value"
-          :uploading-label="uploadingLabel"
-        />
-
-        <!-- Success State -->
-        <SuccessState
-          v-if="uploadState.isSuccess.value"
-          :theme="theme"
-          :value="value"
-          :disabled="wrapperProps.disabled"
-          :readonly="wrapperProps.readonly"
-          @preview="uploadState.handlePreview"
-          @download="handleDownloadFile"
-          @delete="uploadState.handleDeleteFile"
-        />
-
-        <!-- Failed State -->
-        <FailedState
-          v-if="uploadState.isError.value"
-          :theme="theme"
-          :selected-file="uploadState.selectedFile.value"
-          :upload-failed-label="uploadFailedLabel"
-          :retry-label="retryLabel"
-          @retry="uploadState.handleRetryUpload"
-          @delete="uploadState.handleDeleteFile"
-        />
-      </div>
-    </div>
-  </FieldWrapper>
+  <FieldWrapper v-bind="wrapperProps">
+    <div
+      ref="dropzoneRef"
+      :class="theme.base()"
+    >
+      <div :class="theme.wrapper()">
+        <!-- Empty State -->
+        <EmptyState
+          v-if="uploadState.isEmpty.value"
+          :theme="theme"
+          :select-file-label="selectFileLabel"
+          :select-file-sub-label="selectFileSubLabel"
+          :placeholder="placeholder"
+          @open-file="uploadState.handleOpenFile"
+        />
+
+        <!-- Loading State -->
+        <LoadingState
+          v-if="uploadState.isUploading.value"
+          :theme="theme"
+          :selected-file="uploadState.selectedFile.value"
+          :percent="uploadState.percent.value"
+          :uploading-label="uploadingLabel"
+        />
+
+        <!-- Success State -->
+        <SuccessState
+          v-if="uploadState.isSuccess.value"
+          :theme="theme"
+          :value="value"
+          :disabled="wrapperProps.disabled"
+          :readonly="wrapperProps.readonly"
+          @preview="uploadState.handlePreview"
+          @download="handleDownloadFile"
+          @delete="uploadState.handleDeleteFile"
+        />
+
+        <!-- Failed State -->
+        <FailedState
+          v-if="uploadState.isError.value"
+          :theme="theme"
+          :selected-file="uploadState.selectedFile.value"
+          :upload-failed-label="uploadFailedLabel"
+          :retry-label="retryLabel"
+          @retry="uploadState.handleRetryUpload"
+          @delete="uploadState.handleDeleteFile"
+        />
+      </div>
+    </div>
+  </FieldWrapper>
 </template>
 
 <script setup>
@@ -71,6 +71,7 @@ const props = defineProps({
   responsePath: { type: String, required: false, default: "path" },
   responseName: { type: String, required: false, default: "name" },
   responseSize: { type: String, required: false, default: "size" },
+  responseID: { type: String, required: false, default: "id" },
   accept: { type: [Array, String], required: false },
   maxSize: { type: Number, required: false },
   selectFileLabel: { type: String, required: false, default: "\u0E04\u0E25\u0E34\u0E01\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E44\u0E1F\u0E25\u0E4C" },

package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.vue.d.ts

@@ -19,5 +19,6 @@ declare const _default: import("vue").DefineComponent<IUploadDropzoneAutoProps,
     responsePath: string;
     responseName: string;
     responseSize: string;
+    responseID: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -10,6 +10,7 @@ export interface IUploadDropzoneAutoProps extends IFieldProps {
     responsePath?: string;
     responseName?: string;
     responseSize?: string;
+    responseID?: string;
     accept?: string[] | string;
     maxSize?: number;
     selectFileLabel?: string;

package/dist/runtime/components/Form/fileState/useUploadState.js

@@ -150,7 +150,8 @@ export const useUploadState = (props, emits, onChange, setErrors, value, accepte
           url: _get(upload.data.value, props.responseURL),
           path: _get(upload.data.value, props.responsePath),
           name: _get(upload.data.value, props.responseName) || selectedFile.value?.name,
-          size: Number(_get(upload.data.value, props.responseSize) || selectedFile.value?.size)
+          size: Number(_get(upload.data.value, props.responseSize) || selectedFile.value?.size),
+          id: _get(upload.data.value, props.responseID)
         };
         value.value = fileValue;
         emits("success", fileValue);

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

@@ -79,4 +79,5 @@ export interface IFileValue {
     path?: string;
     name?: string;
     size?: number;
+    id?: string;
 }

package/package.json

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