@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.
Files changed (125) hide show
  1. package/dist/module.json +2 -2
  2. package/dist/module.mjs +2 -2
  3. package/dist/runtime/components/App.d.vue.ts +17 -0
  4. package/dist/runtime/components/App.vue.d.ts +3 -2
  5. package/dist/runtime/components/DevToolsWindow/index.d.vue.ts +3 -0
  6. package/dist/runtime/components/DevToolsWindow/index.vue.d.ts +2 -1
  7. package/dist/runtime/components/Dialog/index.d.vue.ts +11 -0
  8. package/dist/runtime/components/Dialog/index.vue.d.ts +2 -1
  9. package/dist/runtime/components/Empty.d.vue.ts +13 -0
  10. package/dist/runtime/components/Empty.vue.d.ts +2 -1
  11. package/dist/runtime/components/FlexDeck/index.d.vue.ts +46 -0
  12. package/dist/runtime/components/FlexDeck/index.vue.d.ts +4 -3
  13. package/dist/runtime/components/Form/FieldWrapper.d.vue.ts +17 -0
  14. package/dist/runtime/components/Form/FieldWrapper.vue +13 -13
  15. package/dist/runtime/components/Form/FieldWrapper.vue.d.ts +3 -2
  16. package/dist/runtime/components/Form/Fields.d.vue.ts +15 -0
  17. package/dist/runtime/components/Form/Fields.vue +13 -13
  18. package/dist/runtime/components/Form/Fields.vue.d.ts +2 -1
  19. package/dist/runtime/components/Form/InputCheckbox/index.d.vue.ts +8 -0
  20. package/dist/runtime/components/Form/InputCheckbox/index.vue +18 -18
  21. package/dist/runtime/components/Form/InputCheckbox/index.vue.d.ts +2 -1
  22. package/dist/runtime/components/Form/InputComponent/index.d.vue.ts +4 -0
  23. package/dist/runtime/components/Form/InputComponent/index.vue.d.ts +2 -1
  24. package/dist/runtime/components/Form/InputDateTime/index.d.vue.ts +12 -0
  25. package/dist/runtime/components/Form/InputDateTime/index.vue.d.ts +2 -1
  26. package/dist/runtime/components/Form/InputDateTimeRange/index.d.vue.ts +12 -0
  27. package/dist/runtime/components/Form/InputDateTimeRange/index.vue.d.ts +2 -1
  28. package/dist/runtime/components/Form/InputMonth/index.d.vue.ts +12 -0
  29. package/dist/runtime/components/Form/InputMonth/index.vue +51 -51
  30. package/dist/runtime/components/Form/InputMonth/index.vue.d.ts +2 -1
  31. package/dist/runtime/components/Form/InputNumber/index.d.vue.ts +10 -0
  32. package/dist/runtime/components/Form/InputNumber/index.vue +20 -20
  33. package/dist/runtime/components/Form/InputNumber/index.vue.d.ts +2 -1
  34. package/dist/runtime/components/Form/InputRadio/index.d.vue.ts +12 -0
  35. package/dist/runtime/components/Form/InputRadio/index.vue.d.ts +2 -1
  36. package/dist/runtime/components/Form/InputSearch/index.d.vue.ts +14 -0
  37. package/dist/runtime/components/Form/InputSearch/index.vue.d.ts +2 -1
  38. package/dist/runtime/components/Form/InputSelect/index.d.vue.ts +10 -0
  39. package/dist/runtime/components/Form/InputSelect/index.vue.d.ts +2 -1
  40. package/dist/runtime/components/Form/InputSelectMultiple/index.d.vue.ts +8 -0
  41. package/dist/runtime/components/Form/InputSelectMultiple/index.vue +43 -43
  42. package/dist/runtime/components/Form/InputSelectMultiple/index.vue.d.ts +2 -1
  43. package/dist/runtime/components/Form/InputTags/index.d.vue.ts +12 -0
  44. package/dist/runtime/components/Form/InputTags/index.vue +23 -23
  45. package/dist/runtime/components/Form/InputTags/index.vue.d.ts +2 -1
  46. package/dist/runtime/components/Form/InputText/index.d.vue.ts +12 -0
  47. package/dist/runtime/components/Form/InputText/index.vue.d.ts +2 -1
  48. package/dist/runtime/components/Form/InputTextarea/index.d.vue.ts +8 -0
  49. package/dist/runtime/components/Form/InputTextarea/index.vue +18 -18
  50. package/dist/runtime/components/Form/InputTextarea/index.vue.d.ts +2 -1
  51. package/dist/runtime/components/Form/InputTime/index.d.vue.ts +13 -0
  52. package/dist/runtime/components/Form/InputTime/index.vue.d.ts +2 -1
  53. package/dist/runtime/components/Form/InputToggle/index.d.vue.ts +8 -0
  54. package/dist/runtime/components/Form/InputToggle/index.vue +17 -17
  55. package/dist/runtime/components/Form/InputToggle/index.vue.d.ts +2 -1
  56. package/dist/runtime/components/Form/InputUploadDropzone/index.d.vue.ts +13 -0
  57. package/dist/runtime/components/Form/InputUploadDropzone/index.vue +30 -30
  58. package/dist/runtime/components/Form/InputUploadDropzone/index.vue.d.ts +2 -1
  59. package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.d.vue.ts +25 -0
  60. package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.vue +50 -50
  61. package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.vue.d.ts +2 -1
  62. package/dist/runtime/components/Form/InputWYSIWYG/UploadImageForm.d.vue.ts +12 -0
  63. package/dist/runtime/components/Form/InputWYSIWYG/UploadImageForm.vue.d.ts +2 -1
  64. package/dist/runtime/components/Form/InputWYSIWYG/index.d.vue.ts +7 -0
  65. package/dist/runtime/components/Form/InputWYSIWYG/index.vue.d.ts +2 -1
  66. package/dist/runtime/components/Form/fileState/EmptyState.d.vue.ts +13 -0
  67. package/dist/runtime/components/Form/fileState/EmptyState.vue +21 -21
  68. package/dist/runtime/components/Form/fileState/EmptyState.vue.d.ts +2 -1
  69. package/dist/runtime/components/Form/fileState/FailedState.d.vue.ts +15 -0
  70. package/dist/runtime/components/Form/fileState/FailedState.vue +33 -33
  71. package/dist/runtime/components/Form/fileState/FailedState.vue.d.ts +2 -1
  72. package/dist/runtime/components/Form/fileState/LoadingState.d.vue.ts +9 -0
  73. package/dist/runtime/components/Form/fileState/LoadingState.vue +24 -24
  74. package/dist/runtime/components/Form/fileState/LoadingState.vue.d.ts +2 -1
  75. package/dist/runtime/components/Form/fileState/PreviewModal.d.vue.ts +11 -0
  76. package/dist/runtime/components/Form/fileState/PreviewModal.vue +23 -23
  77. package/dist/runtime/components/Form/fileState/PreviewModal.vue.d.ts +2 -1
  78. package/dist/runtime/components/Form/fileState/SuccessState.d.vue.ts +18 -0
  79. package/dist/runtime/components/Form/fileState/SuccessState.vue.d.ts +2 -1
  80. package/dist/runtime/components/Form/index.d.vue.ts +13 -0
  81. package/dist/runtime/components/Form/index.vue +5 -5
  82. package/dist/runtime/components/Form/index.vue.d.ts +3 -2
  83. package/dist/runtime/components/Image.d.vue.ts +14 -0
  84. package/dist/runtime/components/Image.vue +28 -28
  85. package/dist/runtime/components/Image.vue.d.ts +3 -2
  86. package/dist/runtime/components/Loader.d.vue.ts +22 -0
  87. package/dist/runtime/components/Loader.vue.d.ts +3 -2
  88. package/dist/runtime/components/Log/LogItem.d.vue.ts +7 -0
  89. package/dist/runtime/components/Log/LogItem.vue.d.ts +2 -1
  90. package/dist/runtime/components/Log/index.d.vue.ts +8 -0
  91. package/dist/runtime/components/Log/index.vue +17 -17
  92. package/dist/runtime/components/Log/index.vue.d.ts +2 -1
  93. package/dist/runtime/components/Table/Base.d.vue.ts +31 -0
  94. package/dist/runtime/components/Table/Base.vue +5 -8
  95. package/dist/runtime/components/Table/Base.vue.d.ts +3 -2
  96. package/dist/runtime/components/Table/ColumnDate.d.vue.ts +9 -0
  97. package/dist/runtime/components/Table/ColumnDate.vue +2 -2
  98. package/dist/runtime/components/Table/ColumnDate.vue.d.ts +2 -1
  99. package/dist/runtime/components/Table/ColumnDateTime.d.vue.ts +9 -0
  100. package/dist/runtime/components/Table/ColumnDateTime.vue +2 -2
  101. package/dist/runtime/components/Table/ColumnDateTime.vue.d.ts +2 -1
  102. package/dist/runtime/components/Table/ColumnImage.d.vue.ts +9 -0
  103. package/dist/runtime/components/Table/ColumnImage.vue +5 -5
  104. package/dist/runtime/components/Table/ColumnImage.vue.d.ts +2 -1
  105. package/dist/runtime/components/Table/ColumnNumber.d.vue.ts +9 -0
  106. package/dist/runtime/components/Table/ColumnNumber.vue +1 -1
  107. package/dist/runtime/components/Table/ColumnNumber.vue.d.ts +2 -1
  108. package/dist/runtime/components/Table/ColumnText.d.vue.ts +9 -0
  109. package/dist/runtime/components/Table/ColumnText.vue +2 -2
  110. package/dist/runtime/components/Table/ColumnText.vue.d.ts +2 -1
  111. package/dist/runtime/components/Table/Pagination.d.vue.ts +19 -0
  112. package/dist/runtime/components/Table/Pagination.vue +46 -46
  113. package/dist/runtime/components/Table/Pagination.vue.d.ts +2 -1
  114. package/dist/runtime/components/Table/Simple.d.vue.ts +20 -0
  115. package/dist/runtime/components/Table/Simple.vue +17 -17
  116. package/dist/runtime/components/Table/Simple.vue.d.ts +3 -2
  117. package/dist/runtime/components/Table/index.d.vue.ts +26 -0
  118. package/dist/runtime/components/Table/index.vue.d.ts +3 -2
  119. package/dist/runtime/components/Table/types.d.ts +2 -0
  120. package/dist/runtime/components/TeleportSafe.d.vue.ts +17 -0
  121. package/dist/runtime/components/TeleportSafe.vue.d.ts +3 -2
  122. package/dist/runtime/composables/useTable.js +1 -0
  123. package/dist/runtime/helpers/apiPageHelper.js +1 -1
  124. package/dist/runtime/server/tsconfig.json +3 -3
  125. 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 _default: import("vue").DefineComponent<IUploadDropzoneAutoProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
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 _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
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 _default: import("vue").DefineComponent<IWYSIWYGFieldProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IWYSIWYGFieldProps> & Readonly<{}>, {
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 _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
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 _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
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 _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
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 _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
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 _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
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 __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
- declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
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
+ };