@winchsa/ui 0.1.31 → 0.1.33
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/package.json +1 -1
- package/dist/components/Breadcrumbs.d.vue.ts +0 -7
- package/dist/components/Breadcrumbs.vue +0 -46
- package/dist/components/Breadcrumbs.vue.d.ts +0 -7
- package/dist/components/CustomizerSection.d.vue.ts +0 -17
- package/dist/components/CustomizerSection.vue +0 -19
- package/dist/components/CustomizerSection.vue.d.ts +0 -17
- package/dist/components/DialogCloseBtn.d.vue.ts +0 -7
- package/dist/components/DialogCloseBtn.vue +0 -20
- package/dist/components/DialogCloseBtn.vue.d.ts +0 -7
- package/dist/components/Drawer.d.vue.ts +0 -28
- package/dist/components/Drawer.vue +0 -60
- package/dist/components/Drawer.vue.d.ts +0 -28
- package/dist/components/IconBtn.d.vue.ts +0 -18
- package/dist/components/IconBtn.vue +0 -24
- package/dist/components/IconBtn.vue.d.ts +0 -18
- package/dist/components/LoadingBar.d.vue.ts +0 -6
- package/dist/components/LoadingBar.vue +0 -31
- package/dist/components/LoadingBar.vue.d.ts +0 -6
- package/dist/components/LoadingDialog.d.vue.ts +0 -12
- package/dist/components/LoadingDialog.vue +0 -41
- package/dist/components/LoadingDialog.vue.d.ts +0 -12
- package/dist/components/LoadingItem.d.vue.ts +0 -25
- package/dist/components/LoadingItem.vue +0 -66
- package/dist/components/LoadingItem.vue.d.ts +0 -25
- package/dist/components/Modal.d.vue.ts +0 -50
- package/dist/components/Modal.vue +0 -155
- package/dist/components/Modal.vue.d.ts +0 -50
- package/dist/components/MoreBtn.d.vue.ts +0 -17
- package/dist/components/MoreBtn.vue +0 -28
- package/dist/components/MoreBtn.vue.d.ts +0 -17
- package/dist/components/ScrollToTop.d.vue.ts +0 -3
- package/dist/components/ScrollToTop.vue +0 -39
- package/dist/components/ScrollToTop.vue.d.ts +0 -3
- package/dist/components/SiteTitle.d.vue.ts +0 -3
- package/dist/components/SiteTitle.vue +0 -14
- package/dist/components/SiteTitle.vue.d.ts +0 -3
- package/dist/components/Toaster.d.vue.ts +0 -6
- package/dist/components/Toaster.vue +0 -19
- package/dist/components/Toaster.vue.d.ts +0 -6
- package/dist/components/cards/AppCard.d.vue.ts +0 -18
- package/dist/components/cards/AppCard.vue +0 -45
- package/dist/components/cards/AppCard.vue.d.ts +0 -18
- package/dist/components/cards/AppCardActions.d.vue.ts +0 -33
- package/dist/components/cards/AppCardActions.vue +0 -126
- package/dist/components/cards/AppCardActions.vue.d.ts +0 -33
- package/dist/components/cards/CardStatisticsHorizontal.d.vue.ts +0 -9
- package/dist/components/cards/CardStatisticsHorizontal.vue +0 -29
- package/dist/components/cards/CardStatisticsHorizontal.vue.d.ts +0 -9
- package/dist/components/cards/CheckboxesCard.d.vue.ts +0 -18
- package/dist/components/cards/CheckboxesCard.vue +0 -108
- package/dist/components/cards/CheckboxesCard.vue.d.ts +0 -18
- package/dist/components/cards/HeaderCard.d.vue.ts +0 -9
- package/dist/components/cards/HeaderCard.vue +0 -31
- package/dist/components/cards/HeaderCard.vue.d.ts +0 -9
- package/dist/components/cards/ImageCard.d.vue.ts +0 -33
- package/dist/components/cards/ImageCard.vue +0 -73
- package/dist/components/cards/ImageCard.vue.d.ts +0 -33
- package/dist/components/cards/InputCard.d.vue.ts +0 -21
- package/dist/components/cards/InputCard.vue +0 -60
- package/dist/components/cards/InputCard.vue.d.ts +0 -21
- package/dist/components/cards/StaticCard.d.vue.ts +0 -21
- package/dist/components/cards/StaticCard.vue +0 -37
- package/dist/components/cards/StaticCard.vue.d.ts +0 -21
- package/dist/components/forms/Accordion.d.vue.ts +0 -19
- package/dist/components/forms/Accordion.vue +0 -43
- package/dist/components/forms/Accordion.vue.d.ts +0 -19
- package/dist/components/forms/AppBarSearch.d.vue.ts +0 -43
- package/dist/components/forms/AppBarSearch.vue +0 -345
- package/dist/components/forms/AppBarSearch.vue.d.ts +0 -43
- package/dist/components/forms/AppCombobox.d.vue.ts +0 -13
- package/dist/components/forms/AppCombobox.vue +0 -67
- package/dist/components/forms/AppCombobox.vue.d.ts +0 -13
- package/dist/components/forms/AppDrawerHeaderSection.d.vue.ts +0 -20
- package/dist/components/forms/AppDrawerHeaderSection.vue +0 -21
- package/dist/components/forms/AppDrawerHeaderSection.vue.d.ts +0 -20
- package/dist/components/forms/AppLabel.d.vue.ts +0 -24
- package/dist/components/forms/AppLabel.vue +0 -47
- package/dist/components/forms/AppLabel.vue.d.ts +0 -24
- package/dist/components/forms/AppLink.d.vue.ts +0 -19
- package/dist/components/forms/AppLink.vue +0 -50
- package/dist/components/forms/AppLink.vue.d.ts +0 -19
- package/dist/components/forms/AppNumberField.d.vue.ts +0 -20
- package/dist/components/forms/AppNumberField.vue +0 -85
- package/dist/components/forms/AppNumberField.vue.d.ts +0 -20
- package/dist/components/forms/AppOtpInput.d.vue.ts +0 -13
- package/dist/components/forms/AppOtpInput.vue +0 -84
- package/dist/components/forms/AppOtpInput.vue.d.ts +0 -13
- package/dist/components/forms/AppSearchHeader.d.vue.ts +0 -8
- package/dist/components/forms/AppSearchHeader.vue +0 -72
- package/dist/components/forms/AppSearchHeader.vue.d.ts +0 -8
- package/dist/components/forms/AppSelect.d.vue.ts +0 -17
- package/dist/components/forms/AppSelect.vue +0 -98
- package/dist/components/forms/AppSelect.vue.d.ts +0 -17
- package/dist/components/forms/AppStepper.d.vue.ts +0 -21
- package/dist/components/forms/AppStepper.vue +0 -232
- package/dist/components/forms/AppStepper.vue.d.ts +0 -21
- package/dist/components/forms/AppSwitch.d.vue.ts +0 -16
- package/dist/components/forms/AppSwitch.vue +0 -59
- package/dist/components/forms/AppSwitch.vue.d.ts +0 -16
- package/dist/components/forms/AppTextField.d.vue.ts +0 -13
- package/dist/components/forms/AppTextField.vue +0 -66
- package/dist/components/forms/AppTextField.vue.d.ts +0 -13
- package/dist/components/forms/AppTextarea.d.vue.ts +0 -13
- package/dist/components/forms/AppTextarea.vue +0 -69
- package/dist/components/forms/AppTextarea.vue.d.ts +0 -13
- package/dist/components/forms/AttachmentCropperInput.d.vue.ts +0 -18
- package/dist/components/forms/AttachmentCropperInput.vue +0 -227
- package/dist/components/forms/AttachmentCropperInput.vue.d.ts +0 -18
- package/dist/components/forms/AttachmentInput.d.vue.ts +0 -16
- package/dist/components/forms/AttachmentInput.vue +0 -116
- package/dist/components/forms/AttachmentInput.vue.d.ts +0 -16
- package/dist/components/forms/AutocompleteInput.d.vue.ts +0 -84
- package/dist/components/forms/AutocompleteInput.vue +0 -760
- package/dist/components/forms/AutocompleteInput.vue.d.ts +0 -84
- package/dist/components/forms/BankSelect.d.vue.ts +0 -21
- package/dist/components/forms/BankSelect.vue +0 -43
- package/dist/components/forms/BankSelect.vue.d.ts +0 -21
- package/dist/components/forms/BaseButton.d.vue.ts +0 -20
- package/dist/components/forms/BaseButton.vue +0 -42
- package/dist/components/forms/BaseButton.vue.d.ts +0 -20
- package/dist/components/forms/CounterInput.d.vue.ts +0 -13
- package/dist/components/forms/CounterInput.vue +0 -71
- package/dist/components/forms/CounterInput.vue.d.ts +0 -13
- package/dist/components/forms/CustomCheckboxes.d.vue.ts +0 -25
- package/dist/components/forms/CustomCheckboxes.vue +0 -69
- package/dist/components/forms/CustomCheckboxes.vue.d.ts +0 -25
- package/dist/components/forms/CustomCheckboxesWithIcon.d.vue.ts +0 -25
- package/dist/components/forms/CustomCheckboxesWithIcon.vue +0 -80
- package/dist/components/forms/CustomCheckboxesWithIcon.vue.d.ts +0 -25
- package/dist/components/forms/CustomCheckboxesWithImage.d.vue.ts +0 -16
- package/dist/components/forms/CustomCheckboxesWithImage.vue +0 -67
- package/dist/components/forms/CustomCheckboxesWithImage.vue.d.ts +0 -16
- package/dist/components/forms/CustomRadios.d.vue.ts +0 -25
- package/dist/components/forms/CustomRadios.vue +0 -69
- package/dist/components/forms/CustomRadios.vue.d.ts +0 -25
- package/dist/components/forms/CustomRadiosWithIcon.d.vue.ts +0 -28
- package/dist/components/forms/CustomRadiosWithIcon.vue +0 -98
- package/dist/components/forms/CustomRadiosWithIcon.vue.d.ts +0 -28
- package/dist/components/forms/CustomRadiosWithImage.d.vue.ts +0 -35
- package/dist/components/forms/CustomRadiosWithImage.vue +0 -69
- package/dist/components/forms/CustomRadiosWithImage.vue.d.ts +0 -35
- package/dist/components/forms/DatePicker.d.vue.ts +0 -29
- package/dist/components/forms/DatePicker.vue +0 -400
- package/dist/components/forms/DatePicker.vue.d.ts +0 -29
- package/dist/components/forms/DatePickerRange.d.vue.ts +0 -24
- package/dist/components/forms/DatePickerRange.vue +0 -127
- package/dist/components/forms/DatePickerRange.vue.d.ts +0 -24
- package/dist/components/forms/DraggedUploadFile.d.vue.ts +0 -11
- package/dist/components/forms/DraggedUploadFile.vue +0 -120
- package/dist/components/forms/DraggedUploadFile.vue.d.ts +0 -11
- package/dist/components/forms/ImageCardInput.d.vue.ts +0 -35
- package/dist/components/forms/ImageCardInput.vue +0 -234
- package/dist/components/forms/ImageCardInput.vue.d.ts +0 -35
- package/dist/components/forms/InputValidationWrapper.d.vue.ts +0 -26
- package/dist/components/forms/InputValidationWrapper.vue +0 -24
- package/dist/components/forms/InputValidationWrapper.vue.d.ts +0 -26
- package/dist/components/forms/LicensePlateInput.d.vue.ts +0 -21
- package/dist/components/forms/LicensePlateInput.vue +0 -175
- package/dist/components/forms/LicensePlateInput.vue.d.ts +0 -21
- package/dist/components/forms/ManualDate.d.vue.ts +0 -20
- package/dist/components/forms/ManualDate.vue +0 -264
- package/dist/components/forms/ManualDate.vue.d.ts +0 -20
- package/dist/components/forms/MobileInput.d.vue.ts +0 -25
- package/dist/components/forms/MobileInput.vue +0 -118
- package/dist/components/forms/MobileInput.vue.d.ts +0 -25
- package/dist/components/forms/PasswordInput.d.vue.ts +0 -11
- package/dist/components/forms/PasswordInput.vue +0 -29
- package/dist/components/forms/PasswordInput.vue.d.ts +0 -11
- package/dist/components/forms/RangeInput.d.vue.ts +0 -10
- package/dist/components/forms/RangeInput.vue +0 -48
- package/dist/components/forms/RangeInput.vue.d.ts +0 -10
- package/dist/components/forms/Tabs.d.vue.ts +0 -23
- package/dist/components/forms/Tabs.vue +0 -35
- package/dist/components/forms/Tabs.vue.d.ts +0 -23
- package/dist/components/forms/TimePicker.d.vue.ts +0 -18
- package/dist/components/forms/TimePicker.vue +0 -370
- package/dist/components/forms/TimePicker.vue.d.ts +0 -18
- package/dist/components/table/DataTable.d.vue.ts +0 -70
- package/dist/components/table/DataTable.vue +0 -361
- package/dist/components/table/DataTable.vue.d.ts +0 -70
- package/dist/components/table/EditableDataTable.d.vue.ts +0 -21
- package/dist/components/table/EditableDataTable.vue +0 -330
- package/dist/components/table/EditableDataTable.vue.d.ts +0 -21
- package/dist/components/table/EditableDataTableRow.d.vue.ts +0 -20
- package/dist/components/table/EditableDataTableRow.vue +0 -253
- package/dist/components/table/EditableDataTableRow.vue.d.ts +0 -20
- package/dist/components/table/FilterGenerator.d.vue.ts +0 -13
- package/dist/components/table/FilterGenerator.vue +0 -231
- package/dist/components/table/FilterGenerator.vue.d.ts +0 -13
- package/dist/components/table/StaticTable.d.vue.ts +0 -34
- package/dist/components/table/StaticTable.vue +0 -152
- package/dist/components/table/StaticTable.vue.d.ts +0 -34
- package/dist/components/table/TablePagination.d.vue.ts +0 -15
- package/dist/components/table/TablePagination.vue +0 -73
- package/dist/components/table/TablePagination.vue.d.ts +0 -15
- package/dist/composables/useIsMobile.d.ts +0 -1
- package/dist/composables/useIsMobile.js +0 -10
- package/dist/composables/useIsMobile.mjs +0 -4
- package/dist/composables/useTableFilters.d.ts +0 -23
- package/dist/composables/useTableFilters.js +0 -197
- package/dist/composables/useTableFilters.mjs +0 -184
- package/dist/images/avatar.png +0 -0
- package/dist/images/sa.svg +0 -1
- package/dist/index.d.ts +0 -65
- package/dist/index.js +0 -454
- package/dist/index.mjs +0 -130
- package/dist/lang/ar.json +0 -54
- package/dist/lang/en.json +0 -54
- package/dist/styles/assets/scss/variables/_template.scss +0 -1
- package/dist/styles/assets/scss/variables/_vuetify.scss +0 -1
- package/dist/styles/core/base/_components.scss +0 -164
- package/dist/styles/core/base/_dark.scss +0 -16
- package/dist/styles/core/base/_default-layout-w-vertical-nav.scss +0 -106
- package/dist/styles/core/base/_default-layout.scss +0 -16
- package/dist/styles/core/base/_index.scss +0 -47
- package/dist/styles/core/base/_layouts.scss +0 -63
- package/dist/styles/core/base/_misc.scss +0 -20
- package/dist/styles/core/base/_mixins.scss +0 -84
- package/dist/styles/core/base/_route-transitions.scss +0 -70
- package/dist/styles/core/base/_utilities.scss +0 -418
- package/dist/styles/core/base/_utils.scss +0 -100
- package/dist/styles/core/base/_variables.scss +0 -190
- package/dist/styles/core/base/_vertical-nav.scss +0 -264
- package/dist/styles/core/base/libs/_perfect-scrollbar.scss +0 -35
- package/dist/styles/core/base/libs/vuetify/_index.scss +0 -1
- package/dist/styles/core/base/libs/vuetify/_overrides.scss +0 -380
- package/dist/styles/core/base/libs/vuetify/_variables.scss +0 -48
- package/dist/styles/core/base/placeholders/_default-layout-vertical-nav.scss +0 -48
- package/dist/styles/core/base/placeholders/_default-layout.scss +0 -3
- package/dist/styles/core/base/placeholders/_index.scss +0 -5
- package/dist/styles/core/base/placeholders/_misc.scss +0 -7
- package/dist/styles/core/base/placeholders/_nav.scss +0 -26
- package/dist/styles/core/base/placeholders/_vertical-nav.scss +0 -84
- package/dist/styles/core/base/skins/_bordered.scss +0 -60
- package/dist/styles/core/base/skins/_index.scss +0 -1
- package/dist/styles/core/template/_components.scss +0 -1035
- package/dist/styles/core/template/_default-layout-w-vertical-nav.scss +0 -20
- package/dist/styles/core/template/_utilities.scss +0 -20
- package/dist/styles/core/template/_variables.scss +0 -67
- package/dist/styles/core/template/_vertical-nav.scss +0 -41
- package/dist/styles/core/template/index.css +0 -18779
- package/dist/styles/core/template/index.scss +0 -15
- package/dist/styles/core/template/libs/vuetify/_variables.scss +0 -464
- package/dist/styles/core/template/libs/vuetify/index.css +0 -739
- package/dist/styles/core/template/libs/vuetify/index.scss +0 -1
- package/dist/styles/core/template/pages/misc.css +0 -16
- package/dist/styles/core/template/pages/misc.scss +0 -20
- package/dist/styles/core/template/placeholders/_default-layout-vertical-nav.scss +0 -9
- package/dist/styles/core/template/placeholders/_index.scss +0 -3
- package/dist/styles/core/template/placeholders/_nav.scss +0 -15
- package/dist/styles/core/template/placeholders/_vertical-nav.scss +0 -18
- package/dist/styles/core/template/skins/_bordered.scss +0 -36
- package/dist/styles/core/template/skins/_index.scss +0 -1
- package/dist/styles/layouts/_classes.scss +0 -3
- package/dist/styles/layouts/_dashboard-layout.scss +0 -43
- package/dist/styles/layouts/_global.scss +0 -10
- package/dist/styles/layouts/_mixins.scss +0 -28
- package/dist/styles/layouts/_placeholders.scss +0 -53
- package/dist/styles/layouts/_rtl.scss +0 -7
- package/dist/styles/layouts/_variables.scss +0 -22
- package/dist/styles/layouts/index.css +0 -14
- package/dist/styles/layouts/index.scss +0 -2
- package/dist/types.d.ts +0 -218
- package/dist/utils/apiUrl.d.ts +0 -1
- package/dist/utils/apiUrl.js +0 -15
- package/dist/utils/apiUrl.mjs +0 -8
- package/dist/utils/client.d.ts +0 -9
- package/dist/utils/client.js +0 -53
- package/dist/utils/client.mjs +0 -39
- package/dist/utils/files.d.ts +0 -2
- package/dist/utils/files.js +0 -35
- package/dist/utils/files.mjs +0 -22
- package/dist/utils/formValidation.d.ts +0 -7
- package/dist/utils/formValidation.js +0 -20
- package/dist/utils/formValidation.mjs +0 -13
- package/dist/utils/formatters.d.ts +0 -12
- package/dist/utils/formatters.js +0 -84
- package/dist/utils/formatters.mjs +0 -56
- package/dist/utils/hijriDate.d.ts +0 -58
- package/dist/utils/hijriDate.js +0 -168
- package/dist/utils/hijriDate.mjs +0 -1951
- package/dist/utils/i18n.d.ts +0 -8
- package/dist/utils/i18n.js +0 -36
- package/dist/utils/i18n.mjs +0 -27
- package/dist/utils/index.d.ts +0 -10
- package/dist/utils/index.js +0 -115
- package/dist/utils/index.mjs +0 -10
- package/dist/utils/queryParams.d.ts +0 -4
- package/dist/utils/queryParams.js +0 -26
- package/dist/utils/queryParams.mjs +0 -18
- package/dist/utils/ruleValidator.d.ts +0 -41
- package/dist/utils/ruleValidator.js +0 -210
- package/dist/utils/ruleValidator.mjs +0 -195
- package/dist/utils/toaster.d.ts +0 -12
- package/dist/utils/toaster.js +0 -68
- package/dist/utils/toaster.mjs +0 -58
- package/dist/utils/utils.d.ts +0 -9
- package/dist/utils/utils.js +0 -84
- package/dist/utils/utils.mjs +0 -67
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { type Ref } from 'vue';
|
|
2
|
-
import type { OptionItem, Params } from '../../types';
|
|
3
|
-
type __VLS_Props = {
|
|
4
|
-
options?: OptionItem[] | string[] | number[];
|
|
5
|
-
rules?: ((value: unknown) => typeof value | string)[];
|
|
6
|
-
multiple?: boolean;
|
|
7
|
-
searchable?: boolean;
|
|
8
|
-
searchInternally?: boolean;
|
|
9
|
-
querySearchParam?: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
required?: boolean;
|
|
12
|
-
grouped?: boolean;
|
|
13
|
-
returnObject?: boolean;
|
|
14
|
-
teleported?: boolean;
|
|
15
|
-
preselectFirst?: boolean;
|
|
16
|
-
hideSelected?: boolean;
|
|
17
|
-
error?: boolean;
|
|
18
|
-
modelValue?: unknown;
|
|
19
|
-
itemLabel?: string;
|
|
20
|
-
groupValues?: string;
|
|
21
|
-
groupLabel?: string;
|
|
22
|
-
trackBy?: string;
|
|
23
|
-
trackByValue?: string | number | string[];
|
|
24
|
-
placeholder?: string;
|
|
25
|
-
url?: string;
|
|
26
|
-
label?: string;
|
|
27
|
-
deselectLabel?: string;
|
|
28
|
-
selectLabel?: string;
|
|
29
|
-
selectedLabel?: string;
|
|
30
|
-
errorMessages?: string;
|
|
31
|
-
params?: Params;
|
|
32
|
-
hideDetails?: boolean;
|
|
33
|
-
fetchEnabled?: boolean;
|
|
34
|
-
isLoading?: boolean;
|
|
35
|
-
disableIfEmpty?: boolean;
|
|
36
|
-
clearable?: boolean;
|
|
37
|
-
};
|
|
38
|
-
declare var __VLS_68: string | number, __VLS_69: any, __VLS_133: string | number, __VLS_134: any;
|
|
39
|
-
type __VLS_Slots = {} & {
|
|
40
|
-
[K in NonNullable<typeof __VLS_68>]?: (props: typeof __VLS_69) => any;
|
|
41
|
-
} & {
|
|
42
|
-
[K in NonNullable<typeof __VLS_133>]?: (props: typeof __VLS_134) => any;
|
|
43
|
-
};
|
|
44
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
45
|
-
records: Ref<{
|
|
46
|
-
id?: string | number | boolean | undefined;
|
|
47
|
-
name?: string | number | undefined;
|
|
48
|
-
value?: string | number | boolean | undefined;
|
|
49
|
-
allowTranslate?: boolean | undefined;
|
|
50
|
-
svg_icon_url?: string | undefined;
|
|
51
|
-
png_icon_url?: string | undefined;
|
|
52
|
-
children?: /*elided*/ any[] | undefined;
|
|
53
|
-
}[], OptionItem[] | {
|
|
54
|
-
id?: string | number | boolean | undefined;
|
|
55
|
-
name?: string | number | undefined;
|
|
56
|
-
value?: string | number | boolean | undefined;
|
|
57
|
-
allowTranslate?: boolean | undefined;
|
|
58
|
-
svg_icon_url?: string | undefined;
|
|
59
|
-
png_icon_url?: string | undefined;
|
|
60
|
-
children?: /*elided*/ any[] | undefined;
|
|
61
|
-
}[]>;
|
|
62
|
-
internalOptions: import("vue").ComputedRef<({
|
|
63
|
-
id?: string | number | boolean | undefined;
|
|
64
|
-
name?: string | number | undefined;
|
|
65
|
-
value?: string | number | boolean | undefined;
|
|
66
|
-
allowTranslate?: boolean | undefined;
|
|
67
|
-
svg_icon_url?: string | undefined;
|
|
68
|
-
png_icon_url?: string | undefined;
|
|
69
|
-
children?: /*elided*/ any[] | undefined;
|
|
70
|
-
} | null)[]>;
|
|
71
|
-
loading: import("vue").ComputedRef<boolean>;
|
|
72
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
73
|
-
"update:model-value": (value: unknown) => any;
|
|
74
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
75
|
-
"onUpdate:model-value"?: ((value: unknown) => any) | undefined;
|
|
76
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
77
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
78
|
-
declare const _default: typeof __VLS_export;
|
|
79
|
-
export default _default;
|
|
80
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
81
|
-
new (): {
|
|
82
|
-
$slots: S;
|
|
83
|
-
};
|
|
84
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { Bank, Params } from '../../types';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
rules?: ((value: unknown) => string | true)[];
|
|
4
|
-
errorMessages?: string;
|
|
5
|
-
multiple?: boolean;
|
|
6
|
-
params?: Params;
|
|
7
|
-
searchInternally?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
trackByValue?: string | string[];
|
|
10
|
-
};
|
|
11
|
-
type __VLS_ModelProps = {
|
|
12
|
-
modelValue?: Bank | string | null;
|
|
13
|
-
};
|
|
14
|
-
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
15
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
|
-
"update:modelValue": (value: string | Bank | null) => any;
|
|
17
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
18
|
-
"onUpdate:modelValue"?: ((value: string | Bank | null) => any) | undefined;
|
|
19
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
-
declare const _default: typeof __VLS_export;
|
|
21
|
-
export default _default;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import { buildApiUrl } from "../../utils/apiUrl";
|
|
3
|
-
import AutocompleteInput from "./AutocompleteInput.vue";
|
|
4
|
-
const bank = defineModel({ type: [Object, String, null], ...{ default: null } });
|
|
5
|
-
defineProps({
|
|
6
|
-
rules: { type: Array, required: false },
|
|
7
|
-
errorMessages: { type: String, required: false },
|
|
8
|
-
multiple: { type: Boolean, required: false },
|
|
9
|
-
params: { type: Object, required: false },
|
|
10
|
-
searchInternally: { type: Boolean, required: false },
|
|
11
|
-
disabled: { type: Boolean, required: false },
|
|
12
|
-
trackByValue: { type: [String, Array], required: false }
|
|
13
|
-
});
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<template>
|
|
17
|
-
<AutocompleteInput
|
|
18
|
-
v-model="bank"
|
|
19
|
-
:params="params"
|
|
20
|
-
:url="buildApiUrl('/banks')"
|
|
21
|
-
label="inputs.bank"
|
|
22
|
-
item-label="name"
|
|
23
|
-
track-by="id"
|
|
24
|
-
:track-by-value="trackByValue"
|
|
25
|
-
searchable
|
|
26
|
-
:search-internally="searchInternally"
|
|
27
|
-
:rules="rules"
|
|
28
|
-
:error-messages="errorMessages"
|
|
29
|
-
:multiple="multiple"
|
|
30
|
-
:disabled="disabled"
|
|
31
|
-
>
|
|
32
|
-
<template #option="{ option }">
|
|
33
|
-
<div class="d-flex align-center">
|
|
34
|
-
<img
|
|
35
|
-
:src="option?.image"
|
|
36
|
-
width="25"
|
|
37
|
-
class="me-2"
|
|
38
|
-
>
|
|
39
|
-
{{ option.name }}
|
|
40
|
-
</div>
|
|
41
|
-
</template>
|
|
42
|
-
</AutocompleteInput>
|
|
43
|
-
</template>
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { Bank, Params } from '../../types';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
rules?: ((value: unknown) => string | true)[];
|
|
4
|
-
errorMessages?: string;
|
|
5
|
-
multiple?: boolean;
|
|
6
|
-
params?: Params;
|
|
7
|
-
searchInternally?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
trackByValue?: string | string[];
|
|
10
|
-
};
|
|
11
|
-
type __VLS_ModelProps = {
|
|
12
|
-
modelValue?: Bank | string | null;
|
|
13
|
-
};
|
|
14
|
-
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
15
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
|
-
"update:modelValue": (value: string | Bank | null) => any;
|
|
17
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
18
|
-
"onUpdate:modelValue"?: ((value: string | Bank | null) => any) | undefined;
|
|
19
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
-
declare const _default: typeof __VLS_export;
|
|
21
|
-
export default _default;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
type __VLS_Props = {
|
|
2
|
-
title?: string;
|
|
3
|
-
color?: string;
|
|
4
|
-
icon?: string;
|
|
5
|
-
leadingIcon?: string;
|
|
6
|
-
trailingIcon?: string;
|
|
7
|
-
};
|
|
8
|
-
declare var __VLS_20: {};
|
|
9
|
-
type __VLS_Slots = {} & {
|
|
10
|
-
default?: (props: typeof __VLS_20) => any;
|
|
11
|
-
};
|
|
12
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
-
declare const _default: typeof __VLS_export;
|
|
15
|
-
export default _default;
|
|
16
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
-
new (): {
|
|
18
|
-
$slots: S;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import { computed, useAttrs } from "vue";
|
|
3
|
-
import { VBtn, VIcon } from "vuetify/components";
|
|
4
|
-
const props = defineProps({
|
|
5
|
-
title: { type: String, required: false },
|
|
6
|
-
color: { type: String, required: false, default: "primary" },
|
|
7
|
-
icon: { type: String, required: false },
|
|
8
|
-
leadingIcon: { type: String, required: false },
|
|
9
|
-
trailingIcon: { type: String, required: false }
|
|
10
|
-
});
|
|
11
|
-
const buttonColor = computed(() => useAttrs()?.disabled ? "secondary" : props.color);
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
<template>
|
|
15
|
-
<VBtn
|
|
16
|
-
:color="buttonColor"
|
|
17
|
-
v-bind="$attrs"
|
|
18
|
-
class="px-4 text-center"
|
|
19
|
-
>
|
|
20
|
-
<VIcon
|
|
21
|
-
v-if="leadingIcon"
|
|
22
|
-
:icon="leadingIcon"
|
|
23
|
-
class="me-2 pa-0"
|
|
24
|
-
size="20"
|
|
25
|
-
/>
|
|
26
|
-
<VIcon
|
|
27
|
-
v-if="icon"
|
|
28
|
-
size="20"
|
|
29
|
-
:icon="icon"
|
|
30
|
-
rounded="md"
|
|
31
|
-
/>
|
|
32
|
-
<slot>
|
|
33
|
-
{{ title }}
|
|
34
|
-
</slot>
|
|
35
|
-
<VIcon
|
|
36
|
-
v-if="trailingIcon"
|
|
37
|
-
:icon="trailingIcon"
|
|
38
|
-
class="ms-2 pa-0"
|
|
39
|
-
size="20"
|
|
40
|
-
/>
|
|
41
|
-
</VBtn>
|
|
42
|
-
</template>
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
type __VLS_Props = {
|
|
2
|
-
title?: string;
|
|
3
|
-
color?: string;
|
|
4
|
-
icon?: string;
|
|
5
|
-
leadingIcon?: string;
|
|
6
|
-
trailingIcon?: string;
|
|
7
|
-
};
|
|
8
|
-
declare var __VLS_20: {};
|
|
9
|
-
type __VLS_Slots = {} & {
|
|
10
|
-
default?: (props: typeof __VLS_20) => any;
|
|
11
|
-
};
|
|
12
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
14
|
-
declare const _default: typeof __VLS_export;
|
|
15
|
-
export default _default;
|
|
16
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
17
|
-
new (): {
|
|
18
|
-
$slots: S;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
type __VLS_Props = {
|
|
2
|
-
disabled?: boolean;
|
|
3
|
-
max?: number;
|
|
4
|
-
min?: number;
|
|
5
|
-
modelValue?: number;
|
|
6
|
-
};
|
|
7
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
8
|
-
"update:modelValue": (value: number) => any;
|
|
9
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
-
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
11
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
-
declare const _default: typeof __VLS_export;
|
|
13
|
-
export default _default;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import { VBtn, VIcon, VTextField } from "vuetify/components";
|
|
3
|
-
const props = defineProps({
|
|
4
|
-
disabled: { type: Boolean, required: false },
|
|
5
|
-
max: { type: Number, required: false },
|
|
6
|
-
min: { type: Number, required: false, default: 0 },
|
|
7
|
-
modelValue: { type: Number, required: false, default: 1 }
|
|
8
|
-
});
|
|
9
|
-
const emit = defineEmits(["update:modelValue"]);
|
|
10
|
-
const increment = () => {
|
|
11
|
-
if (props.max !== void 0 && props.modelValue >= props.max) {
|
|
12
|
-
return;
|
|
13
|
-
}
|
|
14
|
-
emit("update:modelValue", props.modelValue + 1);
|
|
15
|
-
};
|
|
16
|
-
const decrement = () => {
|
|
17
|
-
if (props.modelValue <= props.min) {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
emit("update:modelValue", props.modelValue - 1);
|
|
21
|
-
};
|
|
22
|
-
</script>
|
|
23
|
-
|
|
24
|
-
<template>
|
|
25
|
-
<div class="d-flex align-center mt-6">
|
|
26
|
-
<VBtn
|
|
27
|
-
icon
|
|
28
|
-
size="36"
|
|
29
|
-
color="yellow"
|
|
30
|
-
:disabled="disabled"
|
|
31
|
-
@click="decrement"
|
|
32
|
-
>
|
|
33
|
-
<VIcon color="black">
|
|
34
|
-
mdi-minus
|
|
35
|
-
</VIcon>
|
|
36
|
-
</VBtn>
|
|
37
|
-
|
|
38
|
-
<VTextField
|
|
39
|
-
:model-value="modelValue"
|
|
40
|
-
readonly
|
|
41
|
-
hide-details
|
|
42
|
-
style="max-width: 60px;"
|
|
43
|
-
@update:model-value="(val) => $emit('update:modelValue', +val)"
|
|
44
|
-
/>
|
|
45
|
-
|
|
46
|
-
<VBtn
|
|
47
|
-
icon
|
|
48
|
-
:disabled="disabled"
|
|
49
|
-
size="36"
|
|
50
|
-
color="yellow"
|
|
51
|
-
@click="increment"
|
|
52
|
-
>
|
|
53
|
-
<VIcon color="black">
|
|
54
|
-
mdi-plus
|
|
55
|
-
</VIcon>
|
|
56
|
-
</VBtn>
|
|
57
|
-
</div>
|
|
58
|
-
</template>
|
|
59
|
-
|
|
60
|
-
<style scoped>
|
|
61
|
-
:deep(.v-input *) {
|
|
62
|
-
border: 0 !important;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
:deep(.v-field__input) input {
|
|
66
|
-
display: flex !important;
|
|
67
|
-
align-items: center !important;
|
|
68
|
-
justify-content: center !important;
|
|
69
|
-
text-align: center;
|
|
70
|
-
}
|
|
71
|
-
</style>
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
type __VLS_Props = {
|
|
2
|
-
disabled?: boolean;
|
|
3
|
-
max?: number;
|
|
4
|
-
min?: number;
|
|
5
|
-
modelValue?: number;
|
|
6
|
-
};
|
|
7
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
8
|
-
"update:modelValue": (value: number) => any;
|
|
9
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
-
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
11
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
-
declare const _default: typeof __VLS_export;
|
|
13
|
-
export default _default;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import type { CustomInputContent, GridColumn } from '../../types';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
selectedCheckbox: string[];
|
|
4
|
-
checkboxContent: CustomInputContent[];
|
|
5
|
-
gridColumn?: GridColumn;
|
|
6
|
-
};
|
|
7
|
-
declare var __VLS_26: {
|
|
8
|
-
item: CustomInputContent;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_Slots = {} & {
|
|
11
|
-
default?: (props: typeof __VLS_26) => any;
|
|
12
|
-
};
|
|
13
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
14
|
-
"update:selectedCheckbox": (value: string[]) => any;
|
|
15
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
-
"onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
|
|
17
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
19
|
-
declare const _default: typeof __VLS_export;
|
|
20
|
-
export default _default;
|
|
21
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
22
|
-
new (): {
|
|
23
|
-
$slots: S;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import { watch, ref, toRaw } from "vue";
|
|
3
|
-
import { VLabel, VCheckbox, VSpacer, VCol, VRow } from "vuetify/components";
|
|
4
|
-
const props = defineProps({
|
|
5
|
-
selectedCheckbox: { type: Array, required: true },
|
|
6
|
-
checkboxContent: { type: Array, required: true },
|
|
7
|
-
gridColumn: { type: Object, required: false }
|
|
8
|
-
});
|
|
9
|
-
const emit = defineEmits(["update:selectedCheckbox"]);
|
|
10
|
-
const selectedOption = ref(structuredClone(toRaw(props.selectedCheckbox)));
|
|
11
|
-
watch(selectedOption, () => {
|
|
12
|
-
emit("update:selectedCheckbox", selectedOption.value);
|
|
13
|
-
});
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<template>
|
|
17
|
-
<VRow
|
|
18
|
-
v-if="checkboxContent && selectedOption"
|
|
19
|
-
v-model="selectedOption"
|
|
20
|
-
>
|
|
21
|
-
<VCol
|
|
22
|
-
v-for="item in checkboxContent"
|
|
23
|
-
:key="item.title"
|
|
24
|
-
v-bind="gridColumn"
|
|
25
|
-
>
|
|
26
|
-
<VLabel
|
|
27
|
-
class="custom-input custom-checkbox rounded cursor-pointer"
|
|
28
|
-
:class="selectedOption.includes(item.value) ? 'active' : ''"
|
|
29
|
-
>
|
|
30
|
-
<div>
|
|
31
|
-
<VCheckbox
|
|
32
|
-
v-model="selectedOption"
|
|
33
|
-
:value="item.value"
|
|
34
|
-
/>
|
|
35
|
-
</div>
|
|
36
|
-
<slot :item="item">
|
|
37
|
-
<div class="flex-grow-1">
|
|
38
|
-
<div class="d-flex align-center mb-1">
|
|
39
|
-
<h6 class="cr-title text-base">
|
|
40
|
-
{{ item.title }}
|
|
41
|
-
</h6>
|
|
42
|
-
<VSpacer />
|
|
43
|
-
<span v-if="item.subtitle" class="text-disabled text-base">
|
|
44
|
-
{{ item.subtitle }}
|
|
45
|
-
</span>
|
|
46
|
-
</div>
|
|
47
|
-
<p class="text-sm mb-0">
|
|
48
|
-
{{ item.desc }}
|
|
49
|
-
</p>
|
|
50
|
-
</div>
|
|
51
|
-
</slot>
|
|
52
|
-
</VLabel>
|
|
53
|
-
</VCol>
|
|
54
|
-
</VRow>
|
|
55
|
-
</template>
|
|
56
|
-
|
|
57
|
-
<style scoped>
|
|
58
|
-
.custom-checkbox {
|
|
59
|
-
display: flex;
|
|
60
|
-
align-items: flex-start;
|
|
61
|
-
gap: 0.5rem;
|
|
62
|
-
}
|
|
63
|
-
.custom-checkbox .v-checkbox {
|
|
64
|
-
margin-block-start: -0.375rem;
|
|
65
|
-
}
|
|
66
|
-
.custom-checkbox .cr-title {
|
|
67
|
-
font-weight: 500;
|
|
68
|
-
}
|
|
69
|
-
</style>
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import type { CustomInputContent, GridColumn } from '../../types';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
selectedCheckbox: string[];
|
|
4
|
-
checkboxContent: CustomInputContent[];
|
|
5
|
-
gridColumn?: GridColumn;
|
|
6
|
-
};
|
|
7
|
-
declare var __VLS_26: {
|
|
8
|
-
item: CustomInputContent;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_Slots = {} & {
|
|
11
|
-
default?: (props: typeof __VLS_26) => any;
|
|
12
|
-
};
|
|
13
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
14
|
-
"update:selectedCheckbox": (value: string[]) => any;
|
|
15
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
-
"onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
|
|
17
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
19
|
-
declare const _default: typeof __VLS_export;
|
|
20
|
-
export default _default;
|
|
21
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
22
|
-
new (): {
|
|
23
|
-
$slots: S;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import type { CustomInputContent, GridColumn } from '../../types';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
selectedCheckbox: string[];
|
|
4
|
-
checkboxContent: CustomInputContent[];
|
|
5
|
-
gridColumn?: GridColumn;
|
|
6
|
-
};
|
|
7
|
-
declare var __VLS_20: {
|
|
8
|
-
item: CustomInputContent;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_Slots = {} & {
|
|
11
|
-
default?: (props: typeof __VLS_20) => any;
|
|
12
|
-
};
|
|
13
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
14
|
-
"update:selectedCheckbox": (value: string[]) => any;
|
|
15
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
-
"onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
|
|
17
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
19
|
-
declare const _default: typeof __VLS_export;
|
|
20
|
-
export default _default;
|
|
21
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
22
|
-
new (): {
|
|
23
|
-
$slots: S;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
import { ref, watch, toRaw } from "vue";
|
|
3
|
-
import { VLabel, VCheckbox, VIcon, VCol, VRow } from "vuetify/components";
|
|
4
|
-
const props = defineProps({
|
|
5
|
-
selectedCheckbox: { type: Array, required: true },
|
|
6
|
-
checkboxContent: { type: Array, required: true },
|
|
7
|
-
gridColumn: { type: Object, required: false }
|
|
8
|
-
});
|
|
9
|
-
const emit = defineEmits(["update:selectedCheckbox"]);
|
|
10
|
-
const selectedOption = ref(structuredClone(toRaw(props.selectedCheckbox)));
|
|
11
|
-
watch(selectedOption, () => {
|
|
12
|
-
emit("update:selectedCheckbox", selectedOption.value);
|
|
13
|
-
});
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<template>
|
|
17
|
-
<VRow
|
|
18
|
-
v-if="checkboxContent && selectedOption"
|
|
19
|
-
v-model="selectedOption"
|
|
20
|
-
>
|
|
21
|
-
<VCol
|
|
22
|
-
v-for="item in checkboxContent"
|
|
23
|
-
:key="item.title"
|
|
24
|
-
v-bind="gridColumn"
|
|
25
|
-
>
|
|
26
|
-
<VLabel
|
|
27
|
-
class="custom-input custom-checkbox-icon rounded cursor-pointer"
|
|
28
|
-
:class="selectedOption.includes(item.value) ? 'active' : ''"
|
|
29
|
-
>
|
|
30
|
-
<slot :item="item">
|
|
31
|
-
<div class="d-flex flex-column align-center text-center gap-2">
|
|
32
|
-
<VIcon
|
|
33
|
-
v-bind="item.icon"
|
|
34
|
-
class="text-high-emphasis"
|
|
35
|
-
/>
|
|
36
|
-
|
|
37
|
-
<h6 class="cr-title text-base">
|
|
38
|
-
{{ item.title }}
|
|
39
|
-
</h6>
|
|
40
|
-
<p class="text-sm clamp-text mb-0">
|
|
41
|
-
{{ item.desc }}
|
|
42
|
-
</p>
|
|
43
|
-
</div>
|
|
44
|
-
</slot>
|
|
45
|
-
<div>
|
|
46
|
-
<VCheckbox
|
|
47
|
-
v-model="selectedOption"
|
|
48
|
-
:value="item.value"
|
|
49
|
-
/>
|
|
50
|
-
</div>
|
|
51
|
-
</VLabel>
|
|
52
|
-
</VCol>
|
|
53
|
-
</VRow>
|
|
54
|
-
</template>
|
|
55
|
-
|
|
56
|
-
<style scoped>
|
|
57
|
-
.custom-checkbox-icon {
|
|
58
|
-
display: flex;
|
|
59
|
-
flex-direction: column;
|
|
60
|
-
gap: 0.375rem;
|
|
61
|
-
}
|
|
62
|
-
.custom-checkbox-icon .v-checkbox {
|
|
63
|
-
margin-block-end: -0.375rem;
|
|
64
|
-
}
|
|
65
|
-
.custom-checkbox-icon .v-checkbox .v-selection-control__wrapper {
|
|
66
|
-
margin-inline-start: 0;
|
|
67
|
-
}
|
|
68
|
-
.custom-checkbox-icon .cr-title {
|
|
69
|
-
font-weight: 500;
|
|
70
|
-
}
|
|
71
|
-
</style>
|
|
72
|
-
|
|
73
|
-
<style>
|
|
74
|
-
.custom-checkbox-icon .v-checkbox {
|
|
75
|
-
margin-block-end: -0.375rem;
|
|
76
|
-
}
|
|
77
|
-
.custom-checkbox-icon .v-checkbox .v-selection-control__wrapper {
|
|
78
|
-
margin-inline-start: 0;
|
|
79
|
-
}
|
|
80
|
-
</style>
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import type { CustomInputContent, GridColumn } from '../../types';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
selectedCheckbox: string[];
|
|
4
|
-
checkboxContent: CustomInputContent[];
|
|
5
|
-
gridColumn?: GridColumn;
|
|
6
|
-
};
|
|
7
|
-
declare var __VLS_20: {
|
|
8
|
-
item: CustomInputContent;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_Slots = {} & {
|
|
11
|
-
default?: (props: typeof __VLS_20) => any;
|
|
12
|
-
};
|
|
13
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
14
|
-
"update:selectedCheckbox": (value: string[]) => any;
|
|
15
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
-
"onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
|
|
17
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
19
|
-
declare const _default: typeof __VLS_export;
|
|
20
|
-
export default _default;
|
|
21
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
22
|
-
new (): {
|
|
23
|
-
$slots: S;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { GridColumn } from '../../types';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
selectedCheckbox: string[];
|
|
4
|
-
checkboxContent: {
|
|
5
|
-
bgImage: string;
|
|
6
|
-
value: string;
|
|
7
|
-
}[];
|
|
8
|
-
gridColumn?: GridColumn;
|
|
9
|
-
};
|
|
10
|
-
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
11
|
-
"update:selectedCheckbox": (value: string[]) => any;
|
|
12
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
13
|
-
"onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
|
|
14
|
-
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
|
-
declare const _default: typeof __VLS_export;
|
|
16
|
-
export default _default;
|