adata-ui 3.1.80 → 3.1.82
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/README.md +84 -84
- package/dist/module.json +1 -1
- package/dist/runtime/components/Alert.vue +26 -26
- package/dist/runtime/components/Alert.vue.d.ts +2 -37
- package/dist/runtime/components/Chip.vue +5 -5
- package/dist/runtime/components/Chip.vue.d.ts +2 -21
- package/dist/runtime/components/ColorMode.vue +12 -12
- package/dist/runtime/components/CurveBlock.vue +177 -177
- package/dist/runtime/components/DigitBadge.vue +5 -5
- package/dist/runtime/components/DigitBadge.vue.d.ts +1 -1
- package/dist/runtime/components/Drawer.vue +32 -32
- package/dist/runtime/components/Drawer.vue.d.ts +2 -47
- package/dist/runtime/components/EmptyHeader.vue +6 -6
- package/dist/runtime/components/Error.vue +59 -59
- package/dist/runtime/components/Footer.vue +73 -73
- package/dist/runtime/components/FooterAccordion.vue +45 -45
- package/dist/runtime/components/Header.vue +111 -111
- package/dist/runtime/components/Header.vue.d.ts +50 -0
- package/dist/runtime/components/Modal.vue +78 -78
- package/dist/runtime/components/Modal.vue.d.ts +9 -49
- package/dist/runtime/components/NewFooter.vue +114 -114
- package/dist/runtime/components/NewFooterAccordion.vue +52 -52
- package/dist/runtime/components/OtherServiceFeatures.vue +45 -45
- package/dist/runtime/components/PkMobileServices.vue +22 -22
- package/dist/runtime/components/SidePanel.vue +76 -76
- package/dist/runtime/components/SidePanel.vue.d.ts +3 -79
- package/dist/runtime/components/Tag.vue +4 -4
- package/dist/runtime/components/Tag.vue.d.ts +2 -12
- package/dist/runtime/components/Toggle.vue +30 -30
- package/dist/runtime/components/accordion/Accordion.vue +41 -41
- package/dist/runtime/components/accordion/Accordion.vue.d.ts +4 -44
- package/dist/runtime/components/button/Button.vue +22 -22
- package/dist/runtime/components/button/Button.vue.d.ts +4 -22
- package/dist/runtime/components/checkbox/Checkbox.vue +58 -58
- package/dist/runtime/components/checkbox/Checkbox.vue.d.ts +7 -39
- package/dist/runtime/components/date-picker/DatePicker.vue +38 -38
- package/dist/runtime/components/error-template/index.vue +32 -32
- package/dist/runtime/components/error-template/index.vue.d.ts +3 -5
- package/dist/runtime/components/feature-description/FeatureDescription.vue +46 -46
- package/dist/runtime/components/floating-label/FloatingLabel.vue +5 -5
- package/dist/runtime/components/floating-label/FloatingLabel.vue.d.ts +2 -7
- package/dist/runtime/components/forms/input/password/InputPassword.vue +25 -25
- package/dist/runtime/components/forms/input/password/InputPassword.vue.d.ts +1 -1
- package/dist/runtime/components/forms/input/standard/InputStandard.vue +108 -108
- package/dist/runtime/components/forms/input/textarea/ATextarea.vue +63 -63
- package/dist/runtime/components/forms/input/textarea/ATextarea.vue.d.ts +3 -35
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue +61 -55
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue.d.ts +11 -2
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue +63 -59
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue.d.ts +27 -0
- package/dist/runtime/components/header/AlmatyContacts.vue +76 -76
- package/dist/runtime/components/header/AstanaContacts.vue +31 -31
- package/dist/runtime/components/header/CardGallery.vue +60 -60
- package/dist/runtime/components/header/ContactMenu.vue +39 -39
- package/dist/runtime/components/header/ContactMenu.vue.d.ts +8 -2
- package/dist/runtime/components/header/HeaderLink.vue +68 -55
- package/dist/runtime/components/header/LangSwitcher.vue +26 -26
- package/dist/runtime/components/header/ListItem.vue +15 -15
- package/dist/runtime/components/header/NavCard.vue +28 -28
- package/dist/runtime/components/header/NavList.vue +52 -52
- package/dist/runtime/components/header/ProductMenu.vue +72 -72
- package/dist/runtime/components/header/ProductMenu.vue.d.ts +8 -2
- package/dist/runtime/components/header/ProfileMenu.vue +37 -37
- package/dist/runtime/components/header/ProfileMenu.vue.d.ts +5 -1
- package/dist/runtime/components/header/ProfileMenuContent.vue +140 -140
- package/dist/runtime/components/header/ProfileMenuContent.vue.d.ts +5 -1
- package/dist/runtime/components/header/TopHeader.vue +72 -72
- package/dist/runtime/components/header-mobile/HeaderMobile.vue +39 -39
- package/dist/runtime/components/header-mobile/HeaderMobile.vue.d.ts +9 -14
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue +41 -41
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue.d.ts +29 -0
- package/dist/runtime/components/mobile-navigation/MainButton.vue +8 -8
- package/dist/runtime/components/mobile-navigation/MainButton.vue.d.ts +5 -1
- package/dist/runtime/components/mobile-navigation/MobileProductMenu.vue +26 -26
- package/dist/runtime/components/modals/ApplicationAcceptedModal.vue +43 -0
- package/dist/runtime/components/modals/ApplicationAcceptedModal.vue.d.ts +9 -0
- package/dist/runtime/components/modals/ConnectingTariffModal.vue +58 -0
- package/dist/runtime/components/modals/ConnectingTariffModal.vue.d.ts +19 -0
- package/dist/runtime/components/modals/InsufficientFundsModal.vue +68 -0
- package/dist/runtime/components/modals/InsufficientFundsModal.vue.d.ts +18 -0
- package/dist/runtime/components/modals/NoAccessContent.vue +34 -34
- package/dist/runtime/components/modals/NoAccessContent.vue.d.ts +5 -1
- package/dist/runtime/components/modals/NoAccessSimple.vue +16 -16
- package/dist/runtime/components/modals/NoAccessSimple.vue.d.ts +5 -1
- package/dist/runtime/components/modals/SubmitApplicationModal.vue +114 -0
- package/dist/runtime/components/modals/SubmitApplicationModal.vue.d.ts +17 -0
- package/dist/runtime/components/modals/TokenTimeoutContent.vue +24 -24
- package/dist/runtime/components/modals/TokenTimeoutContent.vue.d.ts +5 -1
- package/dist/runtime/components/modals/id/IdAccessModal.vue +34 -34
- package/dist/runtime/components/modals/id/IdBanner.vue +29 -29
- package/dist/runtime/components/modals/id/IdConfirmAccountOtpModal.vue +43 -43
- package/dist/runtime/components/modals/id/IdConfirmSuccessfulModal.vue +17 -17
- package/dist/runtime/components/modals/id/IdLoginModal.vue +100 -100
- package/dist/runtime/components/modals/id/IdModals.vue +44 -44
- package/dist/runtime/components/modals/id/IdNewPasswordModal.vue +46 -46
- package/dist/runtime/components/modals/id/IdOtpInput.vue +30 -30
- package/dist/runtime/components/modals/id/IdPasswordSuccessfulModal.vue +14 -14
- package/dist/runtime/components/modals/id/IdRecoveryModal.vue +30 -30
- package/dist/runtime/components/modals/id/IdRegistrationModal.vue +68 -68
- package/dist/runtime/components/modals/id/IdResetPasswordOtpModal.vue +47 -47
- package/dist/runtime/components/modals/id/IdTwoFactorModal.vue +23 -23
- package/dist/runtime/components/payment/process/PaymentKaspiQrSidePanel.vue +51 -51
- package/dist/runtime/components/payment/process/PaymentKaspiRedirectSidePanel.vue +35 -35
- package/dist/runtime/components/payment/process/PaymentMethodSidePanel.vue +69 -69
- package/dist/runtime/components/payment/process/PaymentProcess.vue +26 -26
- package/dist/runtime/components/payment/process/PaymentTopUpSidePanel.vue +63 -63
- package/dist/runtime/components/photos-animation/PhotosAnimation.vue +9 -9
- package/dist/runtime/components/pill-tabs/PillTabs.vue +39 -39
- package/dist/runtime/components/pill-tabs/PillTabs.vue.d.ts +46 -0
- package/dist/runtime/components/radio-button/RadioButton.vue +33 -33
- package/dist/runtime/components/radio-button/RadioButton.vue.d.ts +2 -36
- package/dist/runtime/components/row-card/RowCard.vue +27 -27
- package/dist/runtime/components/row-card/RowCard.vue.d.ts +2 -9
- package/dist/runtime/components/select-row/index.vue +58 -58
- package/dist/runtime/components/select-row/index.vue.d.ts +1 -1
- package/dist/runtime/components/transitions/TransitionHeight.vue +9 -9
- package/dist/runtime/components/transitions/TransitionHeight.vue.d.ts +2 -20
- package/dist/runtime/components/tree-select/TreeSelect.vue +16 -16
- package/dist/runtime/components/tree-select/components/tree-select-nodes.vue +75 -75
- package/dist/runtime/composables/projectState.d.ts +2 -2
- package/dist/runtime/composables/useBuyTariffs.d.ts +7 -0
- package/dist/runtime/composables/useBuyTariffs.js +73 -0
- package/dist/runtime/composables/useIdModals.d.ts +11 -21
- package/dist/runtime/composables/usePayment.d.ts +5 -5
- package/dist/runtime/i18n/i18n.config.d.ts +9 -0
- package/dist/runtime/i18n.d.ts +1 -1
- package/dist/runtime/icons/ai-assistant.vue +13 -13
- package/dist/runtime/icons/akimat.vue +20 -20
- package/dist/runtime/icons/arrow/arrow-circle-down.vue +18 -18
- package/dist/runtime/icons/arrow/arrow-graph-up.vue +24 -24
- package/dist/runtime/icons/arrow/arrow-side-up.vue +19 -19
- package/dist/runtime/icons/arrow/arrow-top-right-on-square.vue +19 -19
- package/dist/runtime/icons/arrow/chevron-down.vue +19 -19
- package/dist/runtime/icons/avatar.vue +41 -41
- package/dist/runtime/icons/avto/car.vue +17 -17
- package/dist/runtime/icons/avto/truck.vue +17 -17
- package/dist/runtime/icons/bank.vue +14 -14
- package/dist/runtime/icons/block.vue +19 -19
- package/dist/runtime/icons/bookmark.vue +19 -19
- package/dist/runtime/icons/calculator.vue +19 -19
- package/dist/runtime/icons/chartBar.vue +14 -14
- package/dist/runtime/icons/check-circle.vue +25 -25
- package/dist/runtime/icons/check-sb.vue +7 -7
- package/dist/runtime/icons/checkbox/checkbox-active.vue +19 -19
- package/dist/runtime/icons/checkbox/checkbox-empty.vue +20 -20
- package/dist/runtime/icons/checkbox/checkbox-intermediate.vue +19 -19
- package/dist/runtime/icons/chevron/chevron-down.vue +16 -16
- package/dist/runtime/icons/chevron/chevron-left.vue +5 -5
- package/dist/runtime/icons/chevron/chevron-right.vue +5 -5
- package/dist/runtime/icons/chevron/chevron-up.vue +5 -5
- package/dist/runtime/icons/chevron/double-chevron-right.vue +12 -12
- package/dist/runtime/icons/clipboard-text.vue +17 -17
- package/dist/runtime/icons/clock.vue +25 -25
- package/dist/runtime/icons/color-mode/moon.vue +20 -20
- package/dist/runtime/icons/color-mode/sun.vue +27 -27
- package/dist/runtime/icons/communication/mail.vue +19 -19
- package/dist/runtime/icons/communication/phone.vue +19 -19
- package/dist/runtime/icons/company.vue +19 -19
- package/dist/runtime/icons/currency/dollar.vue +19 -19
- package/dist/runtime/icons/currency/down.vue +22 -22
- package/dist/runtime/icons/currency/eur.vue +69 -69
- package/dist/runtime/icons/currency/rub.vue +25 -25
- package/dist/runtime/icons/currency/tenge.vue +9 -9
- package/dist/runtime/icons/currency/usd.vue +269 -269
- package/dist/runtime/icons/currency/yuan.vue +37 -37
- package/dist/runtime/icons/document/hdocument.vue +17 -17
- package/dist/runtime/icons/document/id.vue +19 -19
- package/dist/runtime/icons/document/profile.vue +19 -19
- package/dist/runtime/icons/eye-closed.vue +26 -26
- package/dist/runtime/icons/eye-open.vue +7 -7
- package/dist/runtime/icons/eye-opened.vue +23 -23
- package/dist/runtime/icons/file/excel-icon.vue +14 -14
- package/dist/runtime/icons/file/file.vue +19 -19
- package/dist/runtime/icons/file/files.vue +17 -17
- package/dist/runtime/icons/globe.vue +19 -19
- package/dist/runtime/icons/hand-with-phone/hand-with-phone-dark.vue +52 -52
- package/dist/runtime/icons/hand-with-phone/hand-with-phone-light.vue +52 -52
- package/dist/runtime/icons/handshake.vue +19 -19
- package/dist/runtime/icons/history.vue +19 -19
- package/dist/runtime/icons/hot-line.vue +6 -6
- package/dist/runtime/icons/id.vue +9 -9
- package/dist/runtime/icons/info/info-circle.vue +29 -29
- package/dist/runtime/icons/invoice.vue +35 -35
- package/dist/runtime/icons/kaspi-qr.vue +13 -13
- package/dist/runtime/icons/link-chain.vue +31 -31
- package/dist/runtime/icons/loader-circle.vue +34 -34
- package/dist/runtime/icons/lock.vue +19 -19
- package/dist/runtime/icons/logo/adata.vue +48 -48
- package/dist/runtime/icons/logo/logo.vue +27 -27
- package/dist/runtime/icons/map-paper.vue +5 -5
- package/dist/runtime/icons/map-pin-rect.vue +15 -15
- package/dist/runtime/icons/medal.vue +17 -17
- package/dist/runtime/icons/menu/menu-filled.vue +61 -61
- package/dist/runtime/icons/menu/menu.vue +41 -41
- package/dist/runtime/icons/message.vue +24 -24
- package/dist/runtime/icons/modals/door.vue +162 -162
- package/dist/runtime/icons/moon.vue +10 -10
- package/dist/runtime/icons/navigation/expand-window.vue +19 -19
- package/dist/runtime/icons/navigation/location.vue +25 -25
- package/dist/runtime/icons/navigation/logout.vue +19 -19
- package/dist/runtime/icons/notifications.vue +25 -25
- package/dist/runtime/icons/other-service/arrow-square-down.vue +15 -15
- package/dist/runtime/icons/other-service/arrow-top-right-on-square.vue +6 -6
- package/dist/runtime/icons/other-service/block.vue +16 -16
- package/dist/runtime/icons/other-service/currency-dollar.vue +16 -16
- package/dist/runtime/icons/other-service/globe.vue +16 -16
- package/dist/runtime/icons/other-service/link.vue +7 -7
- package/dist/runtime/icons/other-service/magnifying-glass.vue +9 -9
- package/dist/runtime/icons/other-service/standing-scales.vue +15 -15
- package/dist/runtime/icons/other-service/users-three.vue +7 -7
- package/dist/runtime/icons/payment/payment-card.vue +6 -6
- package/dist/runtime/icons/payment/payment-kaspi.vue +11 -11
- package/dist/runtime/icons/plus.vue +24 -24
- package/dist/runtime/icons/radio/radio-check.vue +24 -24
- package/dist/runtime/icons/radio/radio-empty.vue +20 -20
- package/dist/runtime/icons/receipt/hcheck.vue +27 -27
- package/dist/runtime/icons/receipt/receipt.vue +27 -27
- package/dist/runtime/icons/sanctions.vue +8 -8
- package/dist/runtime/icons/scale.vue +19 -19
- package/dist/runtime/icons/search.vue +27 -27
- package/dist/runtime/icons/socials/facebook.vue +15 -15
- package/dist/runtime/icons/socials/google.vue +41 -41
- package/dist/runtime/icons/socials/instagram.vue +19 -19
- package/dist/runtime/icons/socials/linkedin.vue +24 -24
- package/dist/runtime/icons/socials/mailru.vue +34 -34
- package/dist/runtime/icons/socials/telegram.vue +15 -15
- package/dist/runtime/icons/socials/tik-tok.vue +15 -15
- package/dist/runtime/icons/socials/whatsapp.vue +21 -21
- package/dist/runtime/icons/socials/yandex.vue +28 -28
- package/dist/runtime/icons/socials/youtube.vue +16 -16
- package/dist/runtime/icons/sun.vue +14 -14
- package/dist/runtime/icons/sviazi.vue +19 -19
- package/dist/runtime/icons/tasks.vue +10 -10
- package/dist/runtime/icons/toasts/check-circle-toast.vue +6 -6
- package/dist/runtime/icons/toasts/warning-triangle-toast.vue +7 -7
- package/dist/runtime/icons/users/users-three.vue +17 -17
- package/dist/runtime/icons/users/users.vue +31 -31
- package/dist/runtime/icons/warning-triangle.vue +29 -29
- package/dist/runtime/icons/work-bag.vue +20 -20
- package/dist/runtime/icons/x-mark.vue +18 -18
- package/dist/runtime/illustrations/address-location.vue +38 -38
- package/dist/runtime/illustrations/ball-with-chain.vue +120 -120
- package/dist/runtime/illustrations/bill.vue +133 -133
- package/dist/runtime/illustrations/buildings.vue +82 -82
- package/dist/runtime/illustrations/calendar.vue +156 -156
- package/dist/runtime/illustrations/chains.vue +152 -152
- package/dist/runtime/illustrations/coin-percent.vue +126 -126
- package/dist/runtime/illustrations/coins-stack.vue +202 -202
- package/dist/runtime/illustrations/delete-dark.vue +31 -31
- package/dist/runtime/illustrations/delete.vue +32 -32
- package/dist/runtime/illustrations/doc-with-stamp.vue +126 -126
- package/dist/runtime/illustrations/document.vue +64 -64
- package/dist/runtime/illustrations/door.vue +74 -74
- package/dist/runtime/illustrations/empty-box.vue +77 -77
- package/dist/runtime/illustrations/empty-wallet.vue +161 -161
- package/dist/runtime/illustrations/graph-in-coin.vue +119 -119
- package/dist/runtime/illustrations/hammer.vue +156 -156
- package/dist/runtime/illustrations/hand-cash.vue +108 -108
- package/dist/runtime/illustrations/info.vue +39 -39
- package/dist/runtime/illustrations/mail.vue +68 -68
- package/dist/runtime/illustrations/ok.vue +62 -62
- package/dist/runtime/illustrations/people-group.vue +237 -237
- package/dist/runtime/illustrations/person-with-phone.vue +187 -187
- package/dist/runtime/illustrations/person.vue +159 -159
- package/dist/runtime/illustrations/phone-check.vue +90 -90
- package/dist/runtime/illustrations/phone-payment-method.vue +223 -223
- package/dist/runtime/illustrations/stop-hand.vue +77 -77
- package/dist/runtime/illustrations/stop-sign.vue +34 -34
- package/dist/runtime/illustrations/suit.vue +111 -111
- package/dist/runtime/illustrations/suitcase.vue +105 -105
- package/dist/runtime/illustrations/terminal-dark.vue +48 -48
- package/dist/runtime/illustrations/terminal.vue +234 -234
- package/dist/runtime/illustrations/trash-can.vue +108 -108
- package/dist/runtime/illustrations/turn-on-tariff.vue +38 -38
- package/dist/runtime/illustrations/two-persons.vue +169 -169
- package/dist/runtime/lang/en.js +5 -2
- package/dist/runtime/lang/kk.js +5 -2
- package/dist/runtime/lang/ru.d.ts +3 -0
- package/dist/runtime/lang/ru.js +5 -2
- package/dist/runtime/plugins/toast.d.ts +1 -503
- package/dist/runtime/public/kaspi/logo.svg +4 -4
- package/dist/runtime/server/tsconfig.json +3 -3
- package/dist/runtime/utils/getMaxZindex.d.ts +2 -0
- package/dist/runtime/utils/getMaxZindex.js +22 -0
- package/dist/runtime/utils/localizedNavigation.d.ts +1 -1
- package/dist/runtime/utils/useUrls.d.ts +1 -0
- package/dist/runtime/utils/useUrls.js +1 -0
- package/package.json +73 -73
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import type { Tab } from './types.js';
|
|
2
|
+
interface Props {
|
|
3
|
+
options: Tab[];
|
|
4
|
+
view?: 'transparent' | 'main' | 'gray' | 'blue' | 'mobile';
|
|
5
|
+
size?: 'lg' | 'sm' | 'xs';
|
|
6
|
+
badgeSize?: 'sm' | 'md' | 'lg';
|
|
7
|
+
align?: 'left' | 'center';
|
|
8
|
+
block?: boolean;
|
|
9
|
+
wrapper?: 'column' | 'row';
|
|
10
|
+
countView?: 'badge' | 'brackets';
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
type __VLS_Props = Props;
|
|
14
|
+
type __VLS_PublicProps = __VLS_Props & {
|
|
15
|
+
modelValue?: any;
|
|
16
|
+
};
|
|
17
|
+
declare var __VLS_1: {
|
|
18
|
+
option: Tab;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_Slots = {} & {
|
|
21
|
+
option?: (props: typeof __VLS_1) => any;
|
|
22
|
+
};
|
|
23
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
24
|
+
selectOption: (...args: any[]) => void;
|
|
25
|
+
prevent: (...args: any[]) => void;
|
|
26
|
+
"update:modelValue": (value: any) => void;
|
|
27
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
28
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
29
|
+
onSelectOption?: ((...args: any[]) => any) | undefined;
|
|
30
|
+
onPrevent?: ((...args: any[]) => any) | undefined;
|
|
31
|
+
}>, {
|
|
32
|
+
size: "lg" | "sm" | "xs";
|
|
33
|
+
view: "transparent" | "main" | "gray" | "blue" | "mobile";
|
|
34
|
+
block: boolean;
|
|
35
|
+
badgeSize: "sm" | "md" | "lg";
|
|
36
|
+
align: "left" | "center";
|
|
37
|
+
wrapper: "column" | "row";
|
|
38
|
+
countView: "badge" | "brackets";
|
|
39
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
40
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
41
|
+
export default _default;
|
|
42
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
43
|
+
new (): {
|
|
44
|
+
$slots: S;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
@@ -33,37 +33,37 @@ const textSizeOptions = {
|
|
|
33
33
|
</script>
|
|
34
34
|
|
|
35
35
|
<template>
|
|
36
|
-
<div
|
|
37
|
-
class="flex items-center"
|
|
38
|
-
:class="[disabled ? 'opacity-20' : '']"
|
|
39
|
-
>
|
|
40
|
-
<input
|
|
41
|
-
:id="id"
|
|
42
|
-
:name="name"
|
|
43
|
-
type="radio"
|
|
44
|
-
class="hidden"
|
|
45
|
-
:checked="model === value"
|
|
46
|
-
:disabled="disabled"
|
|
47
|
-
@change="update"
|
|
48
|
-
>
|
|
49
|
-
<label
|
|
50
|
-
:for="id"
|
|
51
|
-
class="flex items-center text-deepblue-900 dark:text-gray-200 cursor-pointer w-full whitespace-nowrap"
|
|
52
|
-
:class="[textSizeOptions[size]]"
|
|
53
|
-
>
|
|
54
|
-
<span
|
|
55
|
-
v-if="side === 'left'"
|
|
56
|
-
class="select-none w-full"
|
|
57
|
-
><slot /></span>
|
|
58
|
-
<component
|
|
59
|
-
:is="currentComponent"
|
|
60
|
-
class="text-deepblue-900 dark:text-gray-200 w-full"
|
|
61
|
-
:class="[sizeOptions[size]]"
|
|
62
|
-
/>
|
|
63
|
-
<span
|
|
64
|
-
v-if="side === 'right'"
|
|
65
|
-
class="select-none w-full"
|
|
66
|
-
><slot /></span>
|
|
67
|
-
</label>
|
|
68
|
-
</div>
|
|
36
|
+
<div
|
|
37
|
+
class="flex items-center"
|
|
38
|
+
:class="[disabled ? 'opacity-20' : '']"
|
|
39
|
+
>
|
|
40
|
+
<input
|
|
41
|
+
:id="id"
|
|
42
|
+
:name="name"
|
|
43
|
+
type="radio"
|
|
44
|
+
class="hidden"
|
|
45
|
+
:checked="model === value"
|
|
46
|
+
:disabled="disabled"
|
|
47
|
+
@change="update"
|
|
48
|
+
>
|
|
49
|
+
<label
|
|
50
|
+
:for="id"
|
|
51
|
+
class="flex items-center text-deepblue-900 dark:text-gray-200 cursor-pointer w-full whitespace-nowrap"
|
|
52
|
+
:class="[textSizeOptions[size]]"
|
|
53
|
+
>
|
|
54
|
+
<span
|
|
55
|
+
v-if="side === 'left'"
|
|
56
|
+
class="select-none w-full"
|
|
57
|
+
><slot /></span>
|
|
58
|
+
<component
|
|
59
|
+
:is="currentComponent"
|
|
60
|
+
class="text-deepblue-900 dark:text-gray-200 w-full"
|
|
61
|
+
:class="[sizeOptions[size]]"
|
|
62
|
+
/>
|
|
63
|
+
<span
|
|
64
|
+
v-if="side === 'right'"
|
|
65
|
+
class="select-none w-full"
|
|
66
|
+
><slot /></span>
|
|
67
|
+
</label>
|
|
68
|
+
</div>
|
|
69
69
|
</template>
|
|
@@ -8,49 +8,15 @@ interface Props {
|
|
|
8
8
|
permanent?: boolean;
|
|
9
9
|
}
|
|
10
10
|
type __VLS_Props = Props;
|
|
11
|
-
declare const model: import("vue").ModelRef<string | number | boolean | null | undefined, string, string | number | boolean | null | undefined, string | number | boolean | null | undefined>;
|
|
12
|
-
declare const id: any;
|
|
13
|
-
declare const currentComponent: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
|
14
|
-
declare function update(): void;
|
|
15
|
-
declare const sizeOptions: {
|
|
16
|
-
lg: string;
|
|
17
|
-
sm: string;
|
|
18
|
-
};
|
|
19
|
-
declare const textSizeOptions: {
|
|
20
|
-
lg: string;
|
|
21
|
-
sm: string;
|
|
22
|
-
};
|
|
23
11
|
type __VLS_PublicProps = __VLS_Props & {
|
|
24
12
|
modelValue?: string | number | boolean | null | undefined;
|
|
25
13
|
};
|
|
26
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
27
14
|
declare var __VLS_1: {}, __VLS_7: {};
|
|
28
|
-
type __VLS_Slots =
|
|
15
|
+
type __VLS_Slots = {} & {
|
|
29
16
|
default?: (props: typeof __VLS_1) => any;
|
|
30
17
|
} & {
|
|
31
18
|
default?: (props: typeof __VLS_7) => any;
|
|
32
|
-
}
|
|
33
|
-
declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
34
|
-
model: typeof model;
|
|
35
|
-
id: typeof id;
|
|
36
|
-
currentComponent: typeof currentComponent;
|
|
37
|
-
update: typeof update;
|
|
38
|
-
sizeOptions: typeof sizeOptions;
|
|
39
|
-
textSizeOptions: typeof textSizeOptions;
|
|
40
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
41
|
-
"update:modelValue": (value: string | number | boolean | null | undefined) => any;
|
|
42
|
-
} & {
|
|
43
|
-
change: () => any;
|
|
44
|
-
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
45
|
-
onChange?: (() => any) | undefined;
|
|
46
|
-
"onUpdate:modelValue"?: ((value: string | number | boolean | null | undefined) => any) | undefined;
|
|
47
|
-
}>, {
|
|
48
|
-
name: string;
|
|
49
|
-
size: "lg" | "sm";
|
|
50
|
-
disabled: boolean;
|
|
51
|
-
side: "right" | "left";
|
|
52
|
-
permanent: boolean;
|
|
53
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
};
|
|
54
20
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
55
21
|
"update:modelValue": (value: string | number | boolean | null | undefined) => any;
|
|
56
22
|
} & {
|
|
@@ -14,31 +14,31 @@ const combinedLeadingClasses = twMerge("rounded-full size-4", props.leadingColor
|
|
|
14
14
|
</script>
|
|
15
15
|
|
|
16
16
|
<template>
|
|
17
|
-
<div :class="combinedCardClasses">
|
|
18
|
-
<div class="flex gap-3 items-center">
|
|
19
|
-
<slot name="leading">
|
|
20
|
-
<div
|
|
21
|
-
v-if="leadingColor"
|
|
22
|
-
:class="combinedLeadingClasses"
|
|
23
|
-
/>
|
|
24
|
-
<component
|
|
25
|
-
:is="icon"
|
|
26
|
-
v-if="icon"
|
|
27
|
-
/>
|
|
28
|
-
</slot>
|
|
29
|
-
<slot name="title">
|
|
30
|
-
<p :class="titleClasses">
|
|
31
|
-
{{ title }}
|
|
32
|
-
</p>
|
|
33
|
-
</slot>
|
|
34
|
-
</div>
|
|
35
|
-
<slot name="trailing">
|
|
36
|
-
<p
|
|
37
|
-
v-if="value"
|
|
38
|
-
:class="valueClasses"
|
|
39
|
-
>
|
|
40
|
-
{{ value }}
|
|
41
|
-
</p>
|
|
42
|
-
</slot>
|
|
43
|
-
</div>
|
|
17
|
+
<div :class="combinedCardClasses">
|
|
18
|
+
<div class="flex gap-3 items-center">
|
|
19
|
+
<slot name="leading">
|
|
20
|
+
<div
|
|
21
|
+
v-if="leadingColor"
|
|
22
|
+
:class="combinedLeadingClasses"
|
|
23
|
+
/>
|
|
24
|
+
<component
|
|
25
|
+
:is="icon"
|
|
26
|
+
v-if="icon"
|
|
27
|
+
/>
|
|
28
|
+
</slot>
|
|
29
|
+
<slot name="title">
|
|
30
|
+
<p :class="titleClasses">
|
|
31
|
+
{{ title }}
|
|
32
|
+
</p>
|
|
33
|
+
</slot>
|
|
34
|
+
</div>
|
|
35
|
+
<slot name="trailing">
|
|
36
|
+
<p
|
|
37
|
+
v-if="value"
|
|
38
|
+
:class="valueClasses"
|
|
39
|
+
>
|
|
40
|
+
{{ value }}
|
|
41
|
+
</p>
|
|
42
|
+
</slot>
|
|
43
|
+
</div>
|
|
44
44
|
</template>
|
|
@@ -8,21 +8,14 @@ type __VLS_Props = {
|
|
|
8
8
|
valueClasses?: string;
|
|
9
9
|
icon?: Component;
|
|
10
10
|
};
|
|
11
|
-
declare const combinedCardClasses: string;
|
|
12
|
-
declare const combinedLeadingClasses: string;
|
|
13
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
14
11
|
declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {};
|
|
15
|
-
type __VLS_Slots =
|
|
12
|
+
type __VLS_Slots = {} & {
|
|
16
13
|
leading?: (props: typeof __VLS_1) => any;
|
|
17
14
|
} & {
|
|
18
15
|
title?: (props: typeof __VLS_7) => any;
|
|
19
16
|
} & {
|
|
20
17
|
trailing?: (props: typeof __VLS_9) => any;
|
|
21
|
-
}
|
|
22
|
-
declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
|
|
23
|
-
combinedCardClasses: typeof combinedCardClasses;
|
|
24
|
-
combinedLeadingClasses: typeof combinedLeadingClasses;
|
|
25
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
};
|
|
26
19
|
declare const __VLS_component: 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>;
|
|
27
20
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
28
21
|
export default _default;
|
|
@@ -56,62 +56,62 @@ const onClear = () => {
|
|
|
56
56
|
</script>
|
|
57
57
|
|
|
58
58
|
<template>
|
|
59
|
-
<div>
|
|
60
|
-
<button
|
|
61
|
-
ref="buttonElement"
|
|
62
|
-
class="hover:border-blue focus-visible:outline-blue
|
|
63
|
-
relative flex w-full items-center justify-between gap-2 rounded-md
|
|
64
|
-
border border-solid border-deepblue-50 bg-deepblue-50 min-h-[40px] text-gray-500 body-400 px-4 py-1.5
|
|
65
|
-
focus-visible:shadow-[0_0_0_4px#1B64B3] dark:border-gray-900 dark:bg-gray-200/5
|
|
66
|
-
dark:hover:border-blue-700"
|
|
67
|
-
:class="twMerge(disabledStyles, props.btnClass)"
|
|
68
|
-
:disabled="disabled"
|
|
69
|
-
@click="isOpen = !isOpen"
|
|
70
|
-
>
|
|
71
|
-
<div>
|
|
72
|
-
<div
|
|
73
|
-
v-if="visibleItems && visibleItems.length"
|
|
74
|
-
class="flex gap-2"
|
|
75
|
-
>
|
|
76
|
-
<adt-chip
|
|
77
|
-
v-for="item in visibleItems"
|
|
78
|
-
:key="item.id"
|
|
79
|
-
size="md"
|
|
80
|
-
class="text-deepblue-900 dark:text-gray-200 border-gray-500"
|
|
81
|
-
:style="{ 'max-width': maxWidthOfChip + 'px' }"
|
|
82
|
-
>
|
|
83
|
-
<span class="truncate">{{ item.name }}</span>
|
|
84
|
-
<button
|
|
85
|
-
v-if="deletable"
|
|
86
|
-
class="rounded-full bg-deepblue-100 dark:bg-gray-200/10"
|
|
87
|
-
@click.stop="deleteItem(item)"
|
|
88
|
-
>
|
|
89
|
-
<a-icon-x-mark class="size-3 dark:text-gray-300" />
|
|
90
|
-
</button>
|
|
91
|
-
</adt-chip>
|
|
92
|
-
<adt-chip
|
|
93
|
-
v-if="countOfUnvisibleItems"
|
|
94
|
-
class="text-blue-700 dark:text-blue-500 border-blue-700 dark:border-blue-500 whitespace-nowrap"
|
|
95
|
-
size="md"
|
|
96
|
-
>
|
|
97
|
-
+ {{ countOfUnvisibleItems }}
|
|
98
|
-
</adt-chip>
|
|
99
|
-
</div>
|
|
100
|
-
<div v-else>
|
|
101
|
-
{{ label }}
|
|
102
|
-
</div>
|
|
103
|
-
</div>
|
|
104
|
-
<!-- <button -->
|
|
105
|
-
<!-- v-if="visibleItems && countOfVisibleItems && clearable" -->
|
|
106
|
-
<!-- class="absolute right-10 top-1/2 -translate-y-1/2 rounded-full bg-deepblue-100 dark:bg-gray-200/10" -->
|
|
107
|
-
<!-- @click.stop="onClear" -->
|
|
108
|
-
<!-- > -->
|
|
109
|
-
<!-- <a-icon-chevron-down class="!m-0 text-base dark:text-gray-300"/> -->
|
|
110
|
-
<!-- </button> -->
|
|
111
|
-
<a-icon-chevron-down
|
|
112
|
-
class="!m-0 min-w-4 transition-all text-deepblue-900 dark:text-gray-500"
|
|
113
|
-
:class="{ '-rotate-90': !isOpen }"
|
|
114
|
-
/>
|
|
115
|
-
</button>
|
|
116
|
-
</div>
|
|
59
|
+
<div>
|
|
60
|
+
<button
|
|
61
|
+
ref="buttonElement"
|
|
62
|
+
class="hover:border-blue focus-visible:outline-blue
|
|
63
|
+
relative flex w-full items-center justify-between gap-2 rounded-md
|
|
64
|
+
border border-solid border-deepblue-50 bg-deepblue-50 min-h-[40px] text-gray-500 body-400 px-4 py-1.5
|
|
65
|
+
focus-visible:shadow-[0_0_0_4px#1B64B3] dark:border-gray-900 dark:bg-gray-200/5
|
|
66
|
+
dark:hover:border-blue-700"
|
|
67
|
+
:class="twMerge(disabledStyles, props.btnClass)"
|
|
68
|
+
:disabled="disabled"
|
|
69
|
+
@click="isOpen = !isOpen"
|
|
70
|
+
>
|
|
71
|
+
<div>
|
|
72
|
+
<div
|
|
73
|
+
v-if="visibleItems && visibleItems.length"
|
|
74
|
+
class="flex gap-2"
|
|
75
|
+
>
|
|
76
|
+
<adt-chip
|
|
77
|
+
v-for="item in visibleItems"
|
|
78
|
+
:key="item.id"
|
|
79
|
+
size="md"
|
|
80
|
+
class="text-deepblue-900 dark:text-gray-200 border-gray-500"
|
|
81
|
+
:style="{ 'max-width': maxWidthOfChip + 'px' }"
|
|
82
|
+
>
|
|
83
|
+
<span class="truncate">{{ item.name }}</span>
|
|
84
|
+
<button
|
|
85
|
+
v-if="deletable"
|
|
86
|
+
class="rounded-full bg-deepblue-100 dark:bg-gray-200/10"
|
|
87
|
+
@click.stop="deleteItem(item)"
|
|
88
|
+
>
|
|
89
|
+
<a-icon-x-mark class="size-3 dark:text-gray-300" />
|
|
90
|
+
</button>
|
|
91
|
+
</adt-chip>
|
|
92
|
+
<adt-chip
|
|
93
|
+
v-if="countOfUnvisibleItems"
|
|
94
|
+
class="text-blue-700 dark:text-blue-500 border-blue-700 dark:border-blue-500 whitespace-nowrap"
|
|
95
|
+
size="md"
|
|
96
|
+
>
|
|
97
|
+
+ {{ countOfUnvisibleItems }}
|
|
98
|
+
</adt-chip>
|
|
99
|
+
</div>
|
|
100
|
+
<div v-else>
|
|
101
|
+
{{ label }}
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
<!-- <button -->
|
|
105
|
+
<!-- v-if="visibleItems && countOfVisibleItems && clearable" -->
|
|
106
|
+
<!-- class="absolute right-10 top-1/2 -translate-y-1/2 rounded-full bg-deepblue-100 dark:bg-gray-200/10" -->
|
|
107
|
+
<!-- @click.stop="onClear" -->
|
|
108
|
+
<!-- > -->
|
|
109
|
+
<!-- <a-icon-chevron-down class="!m-0 text-base dark:text-gray-300"/> -->
|
|
110
|
+
<!-- </button> -->
|
|
111
|
+
<a-icon-chevron-down
|
|
112
|
+
class="!m-0 min-w-4 transition-all text-deepblue-900 dark:text-gray-500"
|
|
113
|
+
:class="{ '-rotate-90': !isOpen }"
|
|
114
|
+
/>
|
|
115
|
+
</button>
|
|
116
|
+
</div>
|
|
117
117
|
</template>
|
|
@@ -22,8 +22,8 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
22
22
|
onDelete?: ((item: Item) => any) | undefined;
|
|
23
23
|
"onUpdate:isOpen"?: ((value: boolean | undefined) => any) | undefined;
|
|
24
24
|
}>, {
|
|
25
|
-
disabled: boolean;
|
|
26
25
|
label: string;
|
|
26
|
+
disabled: boolean;
|
|
27
27
|
clearable: boolean;
|
|
28
28
|
deletable: boolean;
|
|
29
29
|
btnClass: string;
|
|
@@ -46,13 +46,13 @@ function onLeave(_el, done) {
|
|
|
46
46
|
</script>
|
|
47
47
|
|
|
48
48
|
<template>
|
|
49
|
-
<Transition
|
|
50
|
-
v-bind="mergedUi.transition"
|
|
51
|
-
@enter="onEnter"
|
|
52
|
-
@after-enter="onAfterEnter"
|
|
53
|
-
@before-leave="onBeforeLeave"
|
|
54
|
-
@leave="onLeave"
|
|
55
|
-
>
|
|
56
|
-
<slot />
|
|
57
|
-
</Transition>
|
|
49
|
+
<Transition
|
|
50
|
+
v-bind="mergedUi.transition"
|
|
51
|
+
@enter="onEnter"
|
|
52
|
+
@after-enter="onAfterEnter"
|
|
53
|
+
@before-leave="onBeforeLeave"
|
|
54
|
+
@leave="onLeave"
|
|
55
|
+
>
|
|
56
|
+
<slot />
|
|
57
|
+
</Transition>
|
|
58
58
|
</template>
|
|
@@ -4,28 +4,10 @@ type __VLS_Props = {
|
|
|
4
4
|
leaveActiveClass?: string;
|
|
5
5
|
};
|
|
6
6
|
};
|
|
7
|
-
declare const mergedUi: import("vue").ComputedRef<{
|
|
8
|
-
transition: {
|
|
9
|
-
enterActiveClass: string;
|
|
10
|
-
leaveActiveClass: string;
|
|
11
|
-
};
|
|
12
|
-
}>;
|
|
13
|
-
declare function onEnter(_el: Element, done: () => void): void;
|
|
14
|
-
declare function onBeforeLeave(_el: Element): void;
|
|
15
|
-
declare function onAfterEnter(_el: Element): void;
|
|
16
|
-
declare function onLeave(_el: Element, done: () => void): void;
|
|
17
|
-
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
18
7
|
declare var __VLS_12: {};
|
|
19
|
-
type __VLS_Slots =
|
|
8
|
+
type __VLS_Slots = {} & {
|
|
20
9
|
default?: (props: typeof __VLS_12) => any;
|
|
21
|
-
}
|
|
22
|
-
declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
|
|
23
|
-
mergedUi: typeof mergedUi;
|
|
24
|
-
onEnter: typeof onEnter;
|
|
25
|
-
onBeforeLeave: typeof onBeforeLeave;
|
|
26
|
-
onAfterEnter: typeof onAfterEnter;
|
|
27
|
-
onLeave: typeof onLeave;
|
|
28
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
};
|
|
29
11
|
declare const __VLS_component: 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>;
|
|
30
12
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
31
13
|
export default _default;
|
|
@@ -113,20 +113,20 @@ defineExpose({
|
|
|
113
113
|
</script>
|
|
114
114
|
|
|
115
115
|
<template>
|
|
116
|
-
<div>
|
|
117
|
-
<ul>
|
|
118
|
-
<template
|
|
119
|
-
v-for="node in nestedTree"
|
|
120
|
-
:key="node.id"
|
|
121
|
-
>
|
|
122
|
-
<TreeSelectNodes
|
|
123
|
-
v-if="!node?.hidden"
|
|
124
|
-
:node="node"
|
|
125
|
-
:toggle-expand="toggleExpand"
|
|
126
|
-
:toggle-checkbox="toggleCheckbox"
|
|
127
|
-
:type="type"
|
|
128
|
-
/>
|
|
129
|
-
</template>
|
|
130
|
-
</ul>
|
|
131
|
-
</div>
|
|
116
|
+
<div>
|
|
117
|
+
<ul>
|
|
118
|
+
<template
|
|
119
|
+
v-for="node in nestedTree"
|
|
120
|
+
:key="node.id"
|
|
121
|
+
>
|
|
122
|
+
<TreeSelectNodes
|
|
123
|
+
v-if="!node?.hidden"
|
|
124
|
+
:node="node"
|
|
125
|
+
:toggle-expand="toggleExpand"
|
|
126
|
+
:toggle-checkbox="toggleCheckbox"
|
|
127
|
+
:type="type"
|
|
128
|
+
/>
|
|
129
|
+
</template>
|
|
130
|
+
</ul>
|
|
131
|
+
</div>
|
|
132
132
|
</template>
|
|
@@ -1,81 +1,81 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<li
|
|
3
|
-
:style="{ 'padding-left': `${node.level * 20}px` }"
|
|
2
|
+
<li
|
|
3
|
+
:style="{ 'padding-left': `${node.level * 20}px` }"
|
|
4
4
|
:class="[
|
|
5
5
|
{ 'bg-[#2C3E500D] dark:bg-[#E3E5E80D]': node.state === 'checked' && type === 'select' }
|
|
6
|
-
]"
|
|
7
|
-
>
|
|
8
|
-
<div
|
|
9
|
-
v-if="!node?.hidden"
|
|
10
|
-
class="flex items-center gap-1 p-2"
|
|
11
|
-
>
|
|
12
|
-
<div class="min-w-4">
|
|
13
|
-
<i-chevron-down
|
|
14
|
-
v-if="node.expandable"
|
|
15
|
-
width="16"
|
|
16
|
-
height="16"
|
|
17
|
-
:class="['cursor-pointer transition-all', { '-rotate-90': node.expandableClosed }]"
|
|
18
|
-
@click="toggleExpand(node)"
|
|
19
|
-
/>
|
|
20
|
-
</div>
|
|
21
|
-
<div
|
|
22
|
-
v-if="type === 'select'"
|
|
23
|
-
class="w-full"
|
|
24
|
-
>
|
|
25
|
-
<input
|
|
26
|
-
:id="node.id.toString()"
|
|
27
|
-
type="checkbox"
|
|
28
|
-
class="hidden"
|
|
29
|
-
:checked="node.state === 'checked'"
|
|
30
|
-
@change="handleCheckboxChange"
|
|
31
|
-
>
|
|
32
|
-
<label
|
|
33
|
-
:for="node.id.toString()"
|
|
34
|
-
class="flex grow cursor-pointer items-center justify-between gap-4"
|
|
35
|
-
>
|
|
36
|
-
<span
|
|
37
|
-
:class="{ 'font-semibold': node.level === 0 }"
|
|
38
|
-
v-html="node.text"
|
|
39
|
-
/>
|
|
40
|
-
<checkbox-active
|
|
41
|
-
v-if="node.state === 'checked'"
|
|
42
|
-
class="min-w-4 text-blue-700"
|
|
43
|
-
/>
|
|
44
|
-
</label>
|
|
45
|
-
</div>
|
|
46
|
-
<adt-checkbox
|
|
47
|
-
v-if="type === 'checkbox'"
|
|
48
|
-
size="lg"
|
|
49
|
-
:model-value="node.state === 'checked'"
|
|
50
|
-
:name="`${node.id}`"
|
|
51
|
-
:intermediate="node.state === 'indeterminate'"
|
|
52
|
-
side="right"
|
|
53
|
-
always-intermediate
|
|
54
|
-
@change="handleCheckboxChange"
|
|
55
|
-
>
|
|
56
|
-
<span
|
|
57
|
-
class="heading-05"
|
|
58
|
-
v-html="node.text"
|
|
59
|
-
/>
|
|
60
|
-
</adt-checkbox>
|
|
61
|
-
</div>
|
|
62
|
-
|
|
63
|
-
<!-- <a-transition-height> -->
|
|
64
|
-
<ul v-if="node.expandable && !node.expandableClosed">
|
|
65
|
-
<template
|
|
66
|
-
v-for="childNode in node.child"
|
|
67
|
-
:key="childNode.id"
|
|
68
|
-
>
|
|
69
|
-
<tree-select-nodes
|
|
70
|
-
:node="childNode"
|
|
71
|
-
:toggle-expand="toggleExpand"
|
|
72
|
-
:toggle-checkbox="toggleCheckbox"
|
|
73
|
-
:type="type"
|
|
74
|
-
/>
|
|
75
|
-
</template>
|
|
76
|
-
</ul>
|
|
77
|
-
<!-- </a-transition-height> -->
|
|
78
|
-
</li>
|
|
6
|
+
]"
|
|
7
|
+
>
|
|
8
|
+
<div
|
|
9
|
+
v-if="!node?.hidden"
|
|
10
|
+
class="flex items-center gap-1 p-2"
|
|
11
|
+
>
|
|
12
|
+
<div class="min-w-4">
|
|
13
|
+
<i-chevron-down
|
|
14
|
+
v-if="node.expandable"
|
|
15
|
+
width="16"
|
|
16
|
+
height="16"
|
|
17
|
+
:class="['cursor-pointer transition-all', { '-rotate-90': node.expandableClosed }]"
|
|
18
|
+
@click="toggleExpand(node)"
|
|
19
|
+
/>
|
|
20
|
+
</div>
|
|
21
|
+
<div
|
|
22
|
+
v-if="type === 'select'"
|
|
23
|
+
class="w-full"
|
|
24
|
+
>
|
|
25
|
+
<input
|
|
26
|
+
:id="node.id.toString()"
|
|
27
|
+
type="checkbox"
|
|
28
|
+
class="hidden"
|
|
29
|
+
:checked="node.state === 'checked'"
|
|
30
|
+
@change="handleCheckboxChange"
|
|
31
|
+
>
|
|
32
|
+
<label
|
|
33
|
+
:for="node.id.toString()"
|
|
34
|
+
class="flex grow cursor-pointer items-center justify-between gap-4"
|
|
35
|
+
>
|
|
36
|
+
<span
|
|
37
|
+
:class="{ 'font-semibold': node.level === 0 }"
|
|
38
|
+
v-html="node.text"
|
|
39
|
+
/>
|
|
40
|
+
<checkbox-active
|
|
41
|
+
v-if="node.state === 'checked'"
|
|
42
|
+
class="min-w-4 text-blue-700"
|
|
43
|
+
/>
|
|
44
|
+
</label>
|
|
45
|
+
</div>
|
|
46
|
+
<adt-checkbox
|
|
47
|
+
v-if="type === 'checkbox'"
|
|
48
|
+
size="lg"
|
|
49
|
+
:model-value="node.state === 'checked'"
|
|
50
|
+
:name="`${node.id}`"
|
|
51
|
+
:intermediate="node.state === 'indeterminate'"
|
|
52
|
+
side="right"
|
|
53
|
+
always-intermediate
|
|
54
|
+
@change="handleCheckboxChange"
|
|
55
|
+
>
|
|
56
|
+
<span
|
|
57
|
+
class="heading-05"
|
|
58
|
+
v-html="node.text"
|
|
59
|
+
/>
|
|
60
|
+
</adt-checkbox>
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
<!-- <a-transition-height> -->
|
|
64
|
+
<ul v-if="node.expandable && !node.expandableClosed">
|
|
65
|
+
<template
|
|
66
|
+
v-for="childNode in node.child"
|
|
67
|
+
:key="childNode.id"
|
|
68
|
+
>
|
|
69
|
+
<tree-select-nodes
|
|
70
|
+
:node="childNode"
|
|
71
|
+
:toggle-expand="toggleExpand"
|
|
72
|
+
:toggle-checkbox="toggleCheckbox"
|
|
73
|
+
:type="type"
|
|
74
|
+
/>
|
|
75
|
+
</template>
|
|
76
|
+
</ul>
|
|
77
|
+
<!-- </a-transition-height> -->
|
|
78
|
+
</li>
|
|
79
79
|
</template>
|
|
80
80
|
|
|
81
81
|
<script setup>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const useCurrentModule: () =>
|
|
2
|
-
export declare const useContacts: () =>
|
|
1
|
+
export declare const useCurrentModule: () => any;
|
|
2
|
+
export declare const useContacts: () => any;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare function useBuyTariffs(): {
|
|
2
|
+
buyTariff: (tariffs: any) => Promise<void>;
|
|
3
|
+
viaKaspiBank: (tariffId: any, sum: any) => Promise<void>;
|
|
4
|
+
checkNumber: any;
|
|
5
|
+
leaveRequest: (name: any, email: any, phone: any, comment: any, rateCode?: any) => Promise<void>;
|
|
6
|
+
messageRate: any;
|
|
7
|
+
};
|