@finema/core 2.52.6 → 2.53.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module.json +2 -2
- package/dist/module.mjs +2 -2
- package/dist/runtime/components/App.d.vue.ts +17 -0
- package/dist/runtime/components/App.vue.d.ts +3 -2
- package/dist/runtime/components/DevToolsWindow/index.d.vue.ts +3 -0
- package/dist/runtime/components/DevToolsWindow/index.vue.d.ts +2 -1
- package/dist/runtime/components/Dialog/index.d.vue.ts +11 -0
- package/dist/runtime/components/Dialog/index.vue.d.ts +2 -1
- package/dist/runtime/components/Empty.d.vue.ts +13 -0
- package/dist/runtime/components/Empty.vue.d.ts +2 -1
- package/dist/runtime/components/FlexDeck/index.d.vue.ts +46 -0
- package/dist/runtime/components/FlexDeck/index.vue.d.ts +4 -3
- package/dist/runtime/components/Form/FieldWrapper.d.vue.ts +17 -0
- package/dist/runtime/components/Form/FieldWrapper.vue +13 -13
- package/dist/runtime/components/Form/FieldWrapper.vue.d.ts +3 -2
- package/dist/runtime/components/Form/Fields.d.vue.ts +15 -0
- package/dist/runtime/components/Form/Fields.vue +13 -13
- package/dist/runtime/components/Form/Fields.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputCheckbox/index.d.vue.ts +8 -0
- package/dist/runtime/components/Form/InputCheckbox/index.vue +18 -18
- package/dist/runtime/components/Form/InputCheckbox/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputComponent/index.d.vue.ts +4 -0
- package/dist/runtime/components/Form/InputComponent/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputDateTime/index.d.vue.ts +12 -0
- package/dist/runtime/components/Form/InputDateTime/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputDateTimeRange/index.d.vue.ts +12 -0
- package/dist/runtime/components/Form/InputDateTimeRange/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputMonth/index.d.vue.ts +12 -0
- package/dist/runtime/components/Form/InputMonth/index.vue +51 -51
- package/dist/runtime/components/Form/InputMonth/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputNumber/index.d.vue.ts +10 -0
- package/dist/runtime/components/Form/InputNumber/index.vue +20 -20
- package/dist/runtime/components/Form/InputNumber/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputRadio/index.d.vue.ts +12 -0
- package/dist/runtime/components/Form/InputRadio/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputSearch/index.d.vue.ts +14 -0
- package/dist/runtime/components/Form/InputSearch/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputSelect/index.d.vue.ts +10 -0
- package/dist/runtime/components/Form/InputSelect/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputSelectMultiple/index.d.vue.ts +8 -0
- package/dist/runtime/components/Form/InputSelectMultiple/index.vue +43 -43
- package/dist/runtime/components/Form/InputSelectMultiple/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputTags/index.d.vue.ts +12 -0
- package/dist/runtime/components/Form/InputTags/index.vue +23 -23
- package/dist/runtime/components/Form/InputTags/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputText/index.d.vue.ts +12 -0
- package/dist/runtime/components/Form/InputText/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputTextarea/index.d.vue.ts +8 -0
- package/dist/runtime/components/Form/InputTextarea/index.vue +18 -18
- package/dist/runtime/components/Form/InputTextarea/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputTime/index.d.vue.ts +13 -0
- package/dist/runtime/components/Form/InputTime/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputToggle/index.d.vue.ts +8 -0
- package/dist/runtime/components/Form/InputToggle/index.vue +17 -17
- package/dist/runtime/components/Form/InputToggle/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputUploadDropzone/index.d.vue.ts +13 -0
- package/dist/runtime/components/Form/InputUploadDropzone/index.vue +30 -30
- package/dist/runtime/components/Form/InputUploadDropzone/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.d.vue.ts +25 -0
- package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.vue +50 -50
- package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputWYSIWYG/UploadImageForm.d.vue.ts +12 -0
- package/dist/runtime/components/Form/InputWYSIWYG/UploadImageForm.vue.d.ts +2 -1
- package/dist/runtime/components/Form/InputWYSIWYG/index.d.vue.ts +7 -0
- package/dist/runtime/components/Form/InputWYSIWYG/index.vue.d.ts +2 -1
- package/dist/runtime/components/Form/fileState/EmptyState.d.vue.ts +13 -0
- package/dist/runtime/components/Form/fileState/EmptyState.vue +21 -21
- package/dist/runtime/components/Form/fileState/EmptyState.vue.d.ts +2 -1
- package/dist/runtime/components/Form/fileState/FailedState.d.vue.ts +15 -0
- package/dist/runtime/components/Form/fileState/FailedState.vue +33 -33
- package/dist/runtime/components/Form/fileState/FailedState.vue.d.ts +2 -1
- package/dist/runtime/components/Form/fileState/LoadingState.d.vue.ts +9 -0
- package/dist/runtime/components/Form/fileState/LoadingState.vue +24 -24
- package/dist/runtime/components/Form/fileState/LoadingState.vue.d.ts +2 -1
- package/dist/runtime/components/Form/fileState/PreviewModal.d.vue.ts +11 -0
- package/dist/runtime/components/Form/fileState/PreviewModal.vue +23 -23
- package/dist/runtime/components/Form/fileState/PreviewModal.vue.d.ts +2 -1
- package/dist/runtime/components/Form/fileState/SuccessState.d.vue.ts +18 -0
- package/dist/runtime/components/Form/fileState/SuccessState.vue.d.ts +2 -1
- package/dist/runtime/components/Form/index.d.vue.ts +13 -0
- package/dist/runtime/components/Form/index.vue +5 -5
- package/dist/runtime/components/Form/index.vue.d.ts +3 -2
- package/dist/runtime/components/Image.d.vue.ts +14 -0
- package/dist/runtime/components/Image.vue +28 -28
- package/dist/runtime/components/Image.vue.d.ts +3 -2
- package/dist/runtime/components/Loader.d.vue.ts +22 -0
- package/dist/runtime/components/Loader.vue.d.ts +3 -2
- package/dist/runtime/components/Log/LogItem.d.vue.ts +7 -0
- package/dist/runtime/components/Log/LogItem.vue.d.ts +2 -1
- package/dist/runtime/components/Log/index.d.vue.ts +8 -0
- package/dist/runtime/components/Log/index.vue +17 -17
- package/dist/runtime/components/Log/index.vue.d.ts +2 -1
- package/dist/runtime/components/Table/Base.d.vue.ts +31 -0
- package/dist/runtime/components/Table/Base.vue +5 -8
- package/dist/runtime/components/Table/Base.vue.d.ts +3 -2
- package/dist/runtime/components/Table/ColumnDate.d.vue.ts +9 -0
- package/dist/runtime/components/Table/ColumnDate.vue +2 -2
- package/dist/runtime/components/Table/ColumnDate.vue.d.ts +2 -1
- package/dist/runtime/components/Table/ColumnDateTime.d.vue.ts +9 -0
- package/dist/runtime/components/Table/ColumnDateTime.vue +2 -2
- package/dist/runtime/components/Table/ColumnDateTime.vue.d.ts +2 -1
- package/dist/runtime/components/Table/ColumnImage.d.vue.ts +9 -0
- package/dist/runtime/components/Table/ColumnImage.vue +5 -5
- package/dist/runtime/components/Table/ColumnImage.vue.d.ts +2 -1
- package/dist/runtime/components/Table/ColumnNumber.d.vue.ts +9 -0
- package/dist/runtime/components/Table/ColumnNumber.vue +1 -1
- package/dist/runtime/components/Table/ColumnNumber.vue.d.ts +2 -1
- package/dist/runtime/components/Table/ColumnText.d.vue.ts +9 -0
- package/dist/runtime/components/Table/ColumnText.vue +2 -2
- package/dist/runtime/components/Table/ColumnText.vue.d.ts +2 -1
- package/dist/runtime/components/Table/Pagination.d.vue.ts +19 -0
- package/dist/runtime/components/Table/Pagination.vue +46 -46
- package/dist/runtime/components/Table/Pagination.vue.d.ts +2 -1
- package/dist/runtime/components/Table/Simple.d.vue.ts +20 -0
- package/dist/runtime/components/Table/Simple.vue +17 -17
- package/dist/runtime/components/Table/Simple.vue.d.ts +3 -2
- package/dist/runtime/components/Table/index.d.vue.ts +26 -0
- package/dist/runtime/components/Table/index.vue.d.ts +3 -2
- package/dist/runtime/components/Table/types.d.ts +2 -0
- package/dist/runtime/components/TeleportSafe.d.vue.ts +17 -0
- package/dist/runtime/components/TeleportSafe.vue.d.ts +3 -2
- package/dist/runtime/composables/useTable.js +1 -0
- package/dist/runtime/helpers/apiPageHelper.js +1 -1
- package/dist/runtime/server/tsconfig.json +3 -3
- package/package.json +9 -9
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { IUploadDropzoneAutoProps } from './types.js';
|
|
2
|
+
import type { IFileValue } from '#core/components/Form/types';
|
|
3
|
+
declare const __VLS_export: import("vue").DefineComponent<IUploadDropzoneAutoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
|
+
success: (res: IFileValue) => any;
|
|
5
|
+
delete: () => any;
|
|
6
|
+
change: (value: File | undefined) => any;
|
|
7
|
+
}, string, import("vue").PublicProps, Readonly<IUploadDropzoneAutoProps> & Readonly<{
|
|
8
|
+
onSuccess?: ((res: IFileValue) => any) | undefined;
|
|
9
|
+
onDelete?: (() => any) | undefined;
|
|
10
|
+
onChange?: ((value: File | undefined) => any) | undefined;
|
|
11
|
+
}>, {
|
|
12
|
+
selectFileLabel: string;
|
|
13
|
+
selectFileSubLabel: string;
|
|
14
|
+
uploadingLabel: string;
|
|
15
|
+
uploadFailedLabel: string;
|
|
16
|
+
retryLabel: string;
|
|
17
|
+
bodyKey: string;
|
|
18
|
+
responseURL: string;
|
|
19
|
+
responsePath: string;
|
|
20
|
+
responseName: string;
|
|
21
|
+
responseSize: string;
|
|
22
|
+
responseID: string;
|
|
23
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const _default: typeof __VLS_export;
|
|
25
|
+
export default _default;
|
|
@@ -1,54 +1,54 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<FieldWrapper v-bind="wrapperProps">
|
|
3
|
-
<div
|
|
4
|
-
ref="dropzoneRef"
|
|
5
|
-
:class="theme.base()"
|
|
6
|
-
>
|
|
7
|
-
<div :class="theme.wrapper()">
|
|
8
|
-
<!-- Empty State -->
|
|
9
|
-
<EmptyState
|
|
10
|
-
v-if="uploadState.isEmpty.value"
|
|
11
|
-
:theme="theme"
|
|
12
|
-
:select-file-label="selectFileLabel"
|
|
13
|
-
:select-file-sub-label="selectFileSubLabel"
|
|
14
|
-
:placeholder="placeholder"
|
|
15
|
-
@open-file="uploadState.handleOpenFile"
|
|
16
|
-
/>
|
|
17
|
-
|
|
18
|
-
<!-- Loading State -->
|
|
19
|
-
<LoadingState
|
|
20
|
-
v-if="uploadState.isUploading.value"
|
|
21
|
-
:theme="theme"
|
|
22
|
-
:selected-file="uploadState.selectedFile.value"
|
|
23
|
-
:percent="uploadState.percent.value"
|
|
24
|
-
:uploading-label="uploadingLabel"
|
|
25
|
-
/>
|
|
26
|
-
|
|
27
|
-
<!-- Success State -->
|
|
28
|
-
<SuccessState
|
|
29
|
-
v-if="uploadState.isSuccess.value"
|
|
30
|
-
:theme="theme"
|
|
31
|
-
:value="value"
|
|
32
|
-
:disabled="wrapperProps.disabled"
|
|
33
|
-
:readonly="wrapperProps.readonly"
|
|
34
|
-
@preview="uploadState.handlePreview"
|
|
35
|
-
@download="handleDownloadFile"
|
|
36
|
-
@delete="uploadState.handleDeleteFile"
|
|
37
|
-
/>
|
|
38
|
-
|
|
39
|
-
<!-- Failed State -->
|
|
40
|
-
<FailedState
|
|
41
|
-
v-if="uploadState.isError.value"
|
|
42
|
-
:theme="theme"
|
|
43
|
-
:selected-file="uploadState.selectedFile.value"
|
|
44
|
-
:upload-failed-label="uploadFailedLabel"
|
|
45
|
-
:retry-label="retryLabel"
|
|
46
|
-
@retry="uploadState.handleRetryUpload"
|
|
47
|
-
@delete="uploadState.handleDeleteFile"
|
|
48
|
-
/>
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
</FieldWrapper>
|
|
2
|
+
<FieldWrapper v-bind="wrapperProps">
|
|
3
|
+
<div
|
|
4
|
+
ref="dropzoneRef"
|
|
5
|
+
:class="theme.base()"
|
|
6
|
+
>
|
|
7
|
+
<div :class="theme.wrapper()">
|
|
8
|
+
<!-- Empty State -->
|
|
9
|
+
<EmptyState
|
|
10
|
+
v-if="uploadState.isEmpty.value"
|
|
11
|
+
:theme="theme"
|
|
12
|
+
:select-file-label="selectFileLabel"
|
|
13
|
+
:select-file-sub-label="selectFileSubLabel"
|
|
14
|
+
:placeholder="placeholder"
|
|
15
|
+
@open-file="uploadState.handleOpenFile"
|
|
16
|
+
/>
|
|
17
|
+
|
|
18
|
+
<!-- Loading State -->
|
|
19
|
+
<LoadingState
|
|
20
|
+
v-if="uploadState.isUploading.value"
|
|
21
|
+
:theme="theme"
|
|
22
|
+
:selected-file="uploadState.selectedFile.value"
|
|
23
|
+
:percent="uploadState.percent.value"
|
|
24
|
+
:uploading-label="uploadingLabel"
|
|
25
|
+
/>
|
|
26
|
+
|
|
27
|
+
<!-- Success State -->
|
|
28
|
+
<SuccessState
|
|
29
|
+
v-if="uploadState.isSuccess.value"
|
|
30
|
+
:theme="theme"
|
|
31
|
+
:value="value"
|
|
32
|
+
:disabled="wrapperProps.disabled"
|
|
33
|
+
:readonly="wrapperProps.readonly"
|
|
34
|
+
@preview="uploadState.handlePreview"
|
|
35
|
+
@download="handleDownloadFile"
|
|
36
|
+
@delete="uploadState.handleDeleteFile"
|
|
37
|
+
/>
|
|
38
|
+
|
|
39
|
+
<!-- Failed State -->
|
|
40
|
+
<FailedState
|
|
41
|
+
v-if="uploadState.isError.value"
|
|
42
|
+
:theme="theme"
|
|
43
|
+
:selected-file="uploadState.selectedFile.value"
|
|
44
|
+
:upload-failed-label="uploadFailedLabel"
|
|
45
|
+
:retry-label="retryLabel"
|
|
46
|
+
@retry="uploadState.handleRetryUpload"
|
|
47
|
+
@delete="uploadState.handleDeleteFile"
|
|
48
|
+
/>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
</FieldWrapper>
|
|
52
52
|
</template>
|
|
53
53
|
|
|
54
54
|
<script setup>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { IUploadDropzoneAutoProps } from './types.js';
|
|
2
2
|
import type { IFileValue } from '#core/components/Form/types';
|
|
3
|
-
declare const
|
|
3
|
+
declare const __VLS_export: import("vue").DefineComponent<IUploadDropzoneAutoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4
4
|
success: (res: IFileValue) => any;
|
|
5
5
|
delete: () => any;
|
|
6
6
|
change: (value: File | undefined) => any;
|
|
@@ -21,4 +21,5 @@ declare const _default: import("vue").DefineComponent<IUploadDropzoneAutoProps,
|
|
|
21
21
|
responseSize: string;
|
|
22
22
|
responseID: string;
|
|
23
23
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const _default: typeof __VLS_export;
|
|
24
25
|
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
options?: {
|
|
3
|
+
requestOptions?: any;
|
|
4
|
+
};
|
|
5
|
+
}
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
submit: (url: string) => any;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
9
|
+
onSubmit?: ((url: string) => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
export default _default;
|
|
@@ -3,9 +3,10 @@ interface Props {
|
|
|
3
3
|
requestOptions?: any;
|
|
4
4
|
};
|
|
5
5
|
}
|
|
6
|
-
declare const
|
|
6
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
7
|
submit: (url: string) => any;
|
|
8
8
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
9
9
|
onSubmit?: ((url: string) => any) | undefined;
|
|
10
10
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
11
12
|
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { IWYSIWYGFieldProps } from '#core/components/Form/InputWYSIWYG/types';
|
|
2
|
+
declare const __VLS_export: import("vue").DefineComponent<IWYSIWYGFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IWYSIWYGFieldProps> & Readonly<{}>, {
|
|
3
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
4
|
+
color: "primary" | "gray";
|
|
5
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
declare const _default: typeof __VLS_export;
|
|
7
|
+
export default _default;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { IWYSIWYGFieldProps } from '#core/components/Form/InputWYSIWYG/types';
|
|
2
|
-
declare const
|
|
2
|
+
declare const __VLS_export: import("vue").DefineComponent<IWYSIWYGFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IWYSIWYGFieldProps> & Readonly<{}>, {
|
|
3
3
|
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
4
4
|
color: "primary" | "gray";
|
|
5
5
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
declare const _default: typeof __VLS_export;
|
|
6
7
|
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
theme: any;
|
|
3
|
+
selectFileLabel: string;
|
|
4
|
+
selectFileSubLabel: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
|
+
openFile: () => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
10
|
+
onOpenFile?: (() => any) | undefined;
|
|
11
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
13
|
+
export default _default;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="theme.placeholderWrapper()">
|
|
3
|
-
<Icon
|
|
4
|
-
:name="icons.uploadIcon"
|
|
5
|
-
:class="theme.labelIcon()"
|
|
6
|
-
/>
|
|
7
|
-
<div :class="theme.labelWrapper()">
|
|
8
|
-
<p
|
|
9
|
-
class="text-primary cursor-pointer font-bold"
|
|
10
|
-
@click="$emit('openFile')"
|
|
11
|
-
>
|
|
12
|
-
{{ selectFileLabel }}
|
|
13
|
-
</p>
|
|
14
|
-
<p>{{ selectFileSubLabel }}</p>
|
|
15
|
-
</div>
|
|
16
|
-
<p
|
|
17
|
-
v-if="placeholder"
|
|
18
|
-
:class="theme.placeholder()"
|
|
19
|
-
>
|
|
20
|
-
{{ placeholder }}
|
|
21
|
-
</p>
|
|
22
|
-
</div>
|
|
2
|
+
<div :class="theme.placeholderWrapper()">
|
|
3
|
+
<Icon
|
|
4
|
+
:name="icons.uploadIcon"
|
|
5
|
+
:class="theme.labelIcon()"
|
|
6
|
+
/>
|
|
7
|
+
<div :class="theme.labelWrapper()">
|
|
8
|
+
<p
|
|
9
|
+
class="text-primary cursor-pointer font-bold"
|
|
10
|
+
@click="$emit('openFile')"
|
|
11
|
+
>
|
|
12
|
+
{{ selectFileLabel }}
|
|
13
|
+
</p>
|
|
14
|
+
<p>{{ selectFileSubLabel }}</p>
|
|
15
|
+
</div>
|
|
16
|
+
<p
|
|
17
|
+
v-if="placeholder"
|
|
18
|
+
:class="theme.placeholder()"
|
|
19
|
+
>
|
|
20
|
+
{{ placeholder }}
|
|
21
|
+
</p>
|
|
22
|
+
</div>
|
|
23
23
|
</template>
|
|
24
24
|
|
|
25
25
|
<script setup>
|
|
@@ -4,9 +4,10 @@ interface Props {
|
|
|
4
4
|
selectFileSubLabel: string;
|
|
5
5
|
placeholder?: string;
|
|
6
6
|
}
|
|
7
|
-
declare const
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
8
|
openFile: () => any;
|
|
9
9
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
10
10
|
onOpenFile?: (() => any) | undefined;
|
|
11
11
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const _default: typeof __VLS_export;
|
|
12
13
|
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
theme: any;
|
|
3
|
+
selectedFile: File;
|
|
4
|
+
uploadFailedLabel: string;
|
|
5
|
+
retryLabel: string;
|
|
6
|
+
}
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
|
+
delete: () => any;
|
|
9
|
+
retry: () => any;
|
|
10
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
11
|
+
onDelete?: (() => any) | undefined;
|
|
12
|
+
onRetry?: (() => any) | undefined;
|
|
13
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
15
|
+
export default _default;
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="theme.onFailedWrapper()">
|
|
3
|
-
<div :class="theme.onFailedFailedImgWrapper()">
|
|
4
|
-
<Icon
|
|
5
|
-
:name="getFileIcon(selectedFile)"
|
|
6
|
-
:class="theme.onFailedFailedIconClass()"
|
|
7
|
-
/>
|
|
8
|
-
</div>
|
|
9
|
-
<div :class="theme.onFailedTextWrapper()">
|
|
10
|
-
<div class="truncate">
|
|
11
|
-
<h1 class="truncate font-bold">
|
|
12
|
-
{{ selectedFile.name }}
|
|
13
|
-
</h1>
|
|
14
|
-
<p class="text-error truncate font-light">
|
|
15
|
-
{{ uploadFailedLabel }}
|
|
16
|
-
</p>
|
|
17
|
-
<Button
|
|
18
|
-
variant="link"
|
|
19
|
-
:icon="icons.actionRetryIcon"
|
|
20
|
-
:class="theme.actionRetryBtnClass()"
|
|
21
|
-
color="primary"
|
|
22
|
-
@click="$emit('retry')"
|
|
23
|
-
>
|
|
24
|
-
{{ retryLabel }}
|
|
25
|
-
</Button>
|
|
26
|
-
</div>
|
|
27
|
-
<Icon
|
|
28
|
-
:name="icons.actionDeleteIcon"
|
|
29
|
-
:class="theme.actionDeleteIconClass()"
|
|
30
|
-
title="ลบไฟล์"
|
|
31
|
-
@click="$emit('delete')"
|
|
32
|
-
/>
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
2
|
+
<div :class="theme.onFailedWrapper()">
|
|
3
|
+
<div :class="theme.onFailedFailedImgWrapper()">
|
|
4
|
+
<Icon
|
|
5
|
+
:name="getFileIcon(selectedFile)"
|
|
6
|
+
:class="theme.onFailedFailedIconClass()"
|
|
7
|
+
/>
|
|
8
|
+
</div>
|
|
9
|
+
<div :class="theme.onFailedTextWrapper()">
|
|
10
|
+
<div class="truncate">
|
|
11
|
+
<h1 class="truncate font-bold">
|
|
12
|
+
{{ selectedFile.name }}
|
|
13
|
+
</h1>
|
|
14
|
+
<p class="text-error truncate font-light">
|
|
15
|
+
{{ uploadFailedLabel }}
|
|
16
|
+
</p>
|
|
17
|
+
<Button
|
|
18
|
+
variant="link"
|
|
19
|
+
:icon="icons.actionRetryIcon"
|
|
20
|
+
:class="theme.actionRetryBtnClass()"
|
|
21
|
+
color="primary"
|
|
22
|
+
@click="$emit('retry')"
|
|
23
|
+
>
|
|
24
|
+
{{ retryLabel }}
|
|
25
|
+
</Button>
|
|
26
|
+
</div>
|
|
27
|
+
<Icon
|
|
28
|
+
:name="icons.actionDeleteIcon"
|
|
29
|
+
:class="theme.actionDeleteIconClass()"
|
|
30
|
+
title="ลบไฟล์"
|
|
31
|
+
@click="$emit('delete')"
|
|
32
|
+
/>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
35
|
</template>
|
|
36
36
|
|
|
37
37
|
<script setup>
|
|
@@ -4,11 +4,12 @@ interface Props {
|
|
|
4
4
|
uploadFailedLabel: string;
|
|
5
5
|
retryLabel: string;
|
|
6
6
|
}
|
|
7
|
-
declare const
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
8
|
delete: () => any;
|
|
9
9
|
retry: () => any;
|
|
10
10
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
11
11
|
onDelete?: (() => any) | undefined;
|
|
12
12
|
onRetry?: (() => any) | undefined;
|
|
13
13
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: typeof __VLS_export;
|
|
14
15
|
export default _default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
theme: any;
|
|
3
|
+
selectedFile: File;
|
|
4
|
+
percent: number;
|
|
5
|
+
uploadingLabel: string;
|
|
6
|
+
}
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div :class="theme.onLoadingWrapper()">
|
|
3
|
-
<div :class="theme.onLoadingPlaceholderWrapper()">
|
|
4
|
-
<Icon
|
|
5
|
-
:name="getFileIcon(selectedFile)"
|
|
6
|
-
:class="theme.onLoadingPlaceholderIconClass()"
|
|
7
|
-
/>
|
|
8
|
-
</div>
|
|
9
|
-
<div :class="theme.onLoadingTextWrapper()">
|
|
10
|
-
<div class="truncate">
|
|
11
|
-
<h1 class="truncate font-bold">
|
|
12
|
-
{{ selectedFile.name }}
|
|
13
|
-
</h1>
|
|
14
|
-
<p class="truncate font-light text-gray-400">
|
|
15
|
-
{{ getFileSize(selectedFile) }} - {{ percent }}% {{ uploadingLabel }}
|
|
16
|
-
</p>
|
|
17
|
-
</div>
|
|
18
|
-
<div>
|
|
19
|
-
<Icon
|
|
20
|
-
:name="icons.loadingIcon"
|
|
21
|
-
:class="theme.onLoadingLoadingIconClass()"
|
|
22
|
-
/>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
2
|
+
<div :class="theme.onLoadingWrapper()">
|
|
3
|
+
<div :class="theme.onLoadingPlaceholderWrapper()">
|
|
4
|
+
<Icon
|
|
5
|
+
:name="getFileIcon(selectedFile)"
|
|
6
|
+
:class="theme.onLoadingPlaceholderIconClass()"
|
|
7
|
+
/>
|
|
8
|
+
</div>
|
|
9
|
+
<div :class="theme.onLoadingTextWrapper()">
|
|
10
|
+
<div class="truncate">
|
|
11
|
+
<h1 class="truncate font-bold">
|
|
12
|
+
{{ selectedFile.name }}
|
|
13
|
+
</h1>
|
|
14
|
+
<p class="truncate font-light text-gray-400">
|
|
15
|
+
{{ getFileSize(selectedFile) }} - {{ percent }}% {{ uploadingLabel }}
|
|
16
|
+
</p>
|
|
17
|
+
</div>
|
|
18
|
+
<div>
|
|
19
|
+
<Icon
|
|
20
|
+
:name="icons.loadingIcon"
|
|
21
|
+
:class="theme.onLoadingLoadingIconClass()"
|
|
22
|
+
/>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
26
|
</template>
|
|
27
27
|
|
|
28
28
|
<script setup>
|
|
@@ -4,5 +4,6 @@ interface Props {
|
|
|
4
4
|
percent: number;
|
|
5
5
|
uploadingLabel: string;
|
|
6
6
|
}
|
|
7
|
-
declare const
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
8
9
|
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { IFileValue } from '#core/components/Form/types';
|
|
2
|
+
interface Props {
|
|
3
|
+
value?: IFileValue;
|
|
4
|
+
}
|
|
5
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6
|
+
close: (args_0: boolean) => any;
|
|
7
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
8
|
+
onClose?: ((args_0: boolean) => any) | undefined;
|
|
9
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<Modal
|
|
3
|
-
:close="{ onClick: () => emits('close', false) }"
|
|
4
|
-
:dismissible="false"
|
|
5
|
-
:title="value?.name"
|
|
2
|
+
<Modal
|
|
3
|
+
:close="{ onClick: () => emits('close', false) }"
|
|
4
|
+
:dismissible="false"
|
|
5
|
+
:title="value?.name"
|
|
6
6
|
:ui="{
|
|
7
7
|
content: 'max-w-3xl'
|
|
8
|
-
}"
|
|
9
|
-
>
|
|
10
|
-
<template #body>
|
|
11
|
-
<div class="flex justify-center">
|
|
12
|
-
<img
|
|
13
|
-
v-if="value && isImageFromPath(value.path)"
|
|
14
|
-
:src="value.url"
|
|
15
|
-
alt="img-preview"
|
|
16
|
-
class="max-h-96 max-w-full rounded-lg"
|
|
17
|
-
/>
|
|
18
|
-
<video
|
|
19
|
-
v-else-if="value && isVideoFromPath(value.path)"
|
|
20
|
-
:src="value.url"
|
|
21
|
-
controls
|
|
22
|
-
class="max-h-96 max-w-full"
|
|
23
|
-
/>
|
|
24
|
-
</div>
|
|
25
|
-
</template>
|
|
26
|
-
</Modal>
|
|
8
|
+
}"
|
|
9
|
+
>
|
|
10
|
+
<template #body>
|
|
11
|
+
<div class="flex justify-center">
|
|
12
|
+
<img
|
|
13
|
+
v-if="value && isImageFromPath(value.path)"
|
|
14
|
+
:src="value.url"
|
|
15
|
+
alt="img-preview"
|
|
16
|
+
class="max-h-96 max-w-full rounded-lg"
|
|
17
|
+
/>
|
|
18
|
+
<video
|
|
19
|
+
v-else-if="value && isVideoFromPath(value.path)"
|
|
20
|
+
:src="value.url"
|
|
21
|
+
controls
|
|
22
|
+
class="max-h-96 max-w-full"
|
|
23
|
+
/>
|
|
24
|
+
</div>
|
|
25
|
+
</template>
|
|
26
|
+
</Modal>
|
|
27
27
|
</template>
|
|
28
28
|
|
|
29
29
|
<script setup>
|
|
@@ -2,9 +2,10 @@ import type { IFileValue } from '#core/components/Form/types';
|
|
|
2
2
|
interface Props {
|
|
3
3
|
value?: IFileValue;
|
|
4
4
|
}
|
|
5
|
-
declare const
|
|
5
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6
6
|
close: (args_0: boolean) => any;
|
|
7
7
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
8
8
|
onClose?: ((args_0: boolean) => any) | undefined;
|
|
9
9
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
10
11
|
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { IFileValue } from '#core/components/Form/types';
|
|
2
|
+
interface Props {
|
|
3
|
+
theme: any;
|
|
4
|
+
value: IFileValue;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
readonly?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
delete: () => any;
|
|
10
|
+
preview: () => any;
|
|
11
|
+
download: () => any;
|
|
12
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
13
|
+
onDelete?: (() => any) | undefined;
|
|
14
|
+
onPreview?: (() => any) | undefined;
|
|
15
|
+
onDownload?: (() => any) | undefined;
|
|
16
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: typeof __VLS_export;
|
|
18
|
+
export default _default;
|
|
@@ -5,7 +5,7 @@ interface Props {
|
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
readonly?: boolean;
|
|
7
7
|
}
|
|
8
|
-
declare const
|
|
8
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
9
|
delete: () => any;
|
|
10
10
|
preview: () => any;
|
|
11
11
|
download: () => any;
|
|
@@ -14,4 +14,5 @@ declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, i
|
|
|
14
14
|
onPreview?: (() => any) | undefined;
|
|
15
15
|
onDownload?: (() => any) | undefined;
|
|
16
16
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
17
|
+
declare const _default: typeof __VLS_export;
|
|
17
18
|
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare var __VLS_1: {};
|
|
2
|
+
type __VLS_Slots = {} & {
|
|
3
|
+
default?: (props: typeof __VLS_1) => any;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
8
|
+
export default _default;
|
|
9
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
10
|
+
new (): {
|
|
11
|
+
$slots: S;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<form class="form">
|
|
3
|
-
<slot />
|
|
4
|
-
</form>
|
|
5
|
-
</template>
|
|
1
|
+
<template>
|
|
2
|
+
<form class="form">
|
|
3
|
+
<slot />
|
|
4
|
+
</form>
|
|
5
|
+
</template>
|
|
@@ -2,8 +2,9 @@ declare var __VLS_1: {};
|
|
|
2
2
|
type __VLS_Slots = {} & {
|
|
3
3
|
default?: (props: typeof __VLS_1) => any;
|
|
4
4
|
};
|
|
5
|
-
declare const
|
|
6
|
-
declare const
|
|
5
|
+
declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
6
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
7
|
+
declare const _default: typeof __VLS_export;
|
|
7
8
|
export default _default;
|
|
8
9
|
type __VLS_WithSlots<T, S> = T & {
|
|
9
10
|
new (): {
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { UseImageOptions } from '@vueuse/core';
|
|
2
|
+
type __VLS_Slots = {
|
|
3
|
+
loading: () => any;
|
|
4
|
+
error: () => any;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_base: import("vue").DefineComponent<UseImageOptions, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UseImageOptions> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
8
|
+
declare const _default: typeof __VLS_export;
|
|
9
|
+
export default _default;
|
|
10
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
11
|
+
new (): {
|
|
12
|
+
$slots: S;
|
|
13
|
+
};
|
|
14
|
+
};
|