adata-ui 3.1.78 → 3.1.80
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 +37 -2
- package/dist/runtime/components/Chip.vue +5 -5
- package/dist/runtime/components/Chip.vue.d.ts +21 -2
- 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 +47 -2
- package/dist/runtime/components/EmptyHeader.vue +6 -6
- package/dist/runtime/components/Error.vue +59 -59
- package/dist/runtime/components/Footer.vue +69 -69
- package/dist/runtime/components/FooterAccordion.vue +45 -45
- package/dist/runtime/components/Header.vue +111 -111
- package/dist/runtime/components/Header.vue.d.ts +0 -50
- package/dist/runtime/components/Modal.vue +78 -78
- package/dist/runtime/components/Modal.vue.d.ts +49 -9
- package/dist/runtime/components/NewFooter.vue +113 -113
- 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 +79 -3
- package/dist/runtime/components/Tag.vue +4 -4
- package/dist/runtime/components/Tag.vue.d.ts +12 -2
- 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 +44 -4
- package/dist/runtime/components/button/Button.vue +22 -22
- package/dist/runtime/components/button/Button.vue.d.ts +21 -3
- package/dist/runtime/components/checkbox/Checkbox.vue +58 -58
- package/dist/runtime/components/checkbox/Checkbox.vue.d.ts +39 -7
- 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 +5 -3
- 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 +7 -2
- 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 +35 -3
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue +54 -54
- package/dist/runtime/components/forms/need-more-data/NeedMoreData.vue.d.ts +1 -7
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue +57 -57
- package/dist/runtime/components/forms/request-demo/RequestDemo.vue.d.ts +0 -26
- 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 +2 -8
- package/dist/runtime/components/header/HeaderLink.vue +46 -46
- 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 +67 -67
- package/dist/runtime/components/header/ProductMenu.vue.d.ts +2 -8
- package/dist/runtime/components/header/ProfileMenu.vue +37 -37
- package/dist/runtime/components/header/ProfileMenu.vue.d.ts +1 -5
- package/dist/runtime/components/header/ProfileMenuContent.vue +140 -140
- package/dist/runtime/components/header/ProfileMenuContent.vue.d.ts +1 -5
- package/dist/runtime/components/header/TopHeader.vue +88 -84
- package/dist/runtime/components/header-mobile/HeaderMobile.vue +39 -39
- package/dist/runtime/components/header-mobile/HeaderMobile.vue.d.ts +14 -9
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue +41 -41
- package/dist/runtime/components/mobile-navigation/BottomNavigation.vue.d.ts +0 -29
- package/dist/runtime/components/mobile-navigation/MainButton.vue +8 -8
- package/dist/runtime/components/mobile-navigation/MainButton.vue.d.ts +1 -5
- package/dist/runtime/components/mobile-navigation/MobileProductMenu.vue +23 -23
- package/dist/runtime/components/modals/NoAccessContent.vue +34 -34
- package/dist/runtime/components/modals/NoAccessContent.vue.d.ts +1 -5
- package/dist/runtime/components/modals/NoAccessSimple.vue +16 -16
- package/dist/runtime/components/modals/NoAccessSimple.vue.d.ts +1 -5
- package/dist/runtime/components/modals/TokenTimeoutContent.vue +24 -24
- package/dist/runtime/components/modals/TokenTimeoutContent.vue.d.ts +1 -5
- 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 +0 -46
- package/dist/runtime/components/radio-button/RadioButton.vue +33 -33
- package/dist/runtime/components/radio-button/RadioButton.vue.d.ts +36 -2
- package/dist/runtime/components/row-card/RowCard.vue +27 -27
- package/dist/runtime/components/row-card/RowCard.vue.d.ts +9 -2
- 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 +20 -2
- 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/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 +1 -1
- package/dist/runtime/lang/kk.js +1 -1
- package/dist/runtime/lang/ru.js +1 -1
- package/dist/runtime/public/kaspi/logo.svg +4 -4
- package/dist/runtime/server/tsconfig.json +3 -3
- package/package.json +73 -73
|
@@ -83,30 +83,30 @@ async function updateUserRate() {
|
|
|
83
83
|
</script>
|
|
84
84
|
|
|
85
85
|
<template>
|
|
86
|
-
<payment-top-up-side-panel
|
|
87
|
-
v-model="topUpSidePanel"
|
|
88
|
-
@next="actionPayment"
|
|
89
|
-
/>
|
|
90
|
-
|
|
91
|
-
<payment-method-side-panel
|
|
92
|
-
v-model="methodSidePanel"
|
|
93
|
-
:sum="paymentSum"
|
|
94
|
-
@back="onBack"
|
|
95
|
-
@next-bank="directionsBanks"
|
|
96
|
-
/>
|
|
97
|
-
|
|
98
|
-
<payment-kaspi-qr-side-panel
|
|
99
|
-
v-model="kaspiQRSidePanel"
|
|
100
|
-
:request-url="requestUrl"
|
|
101
|
-
:request-id="requestId"
|
|
102
|
-
@back="onBack"
|
|
103
|
-
@update-user-rate="updateUserRate"
|
|
104
|
-
/>
|
|
105
|
-
|
|
106
|
-
<payment-kaspi-redirect-side-panel
|
|
107
|
-
v-model="kaspiRedirectSidePanel"
|
|
108
|
-
:request-id="requestId"
|
|
109
|
-
@back="onBack"
|
|
110
|
-
@update-user-rate="updateUserRate"
|
|
111
|
-
/>
|
|
86
|
+
<payment-top-up-side-panel
|
|
87
|
+
v-model="topUpSidePanel"
|
|
88
|
+
@next="actionPayment"
|
|
89
|
+
/>
|
|
90
|
+
|
|
91
|
+
<payment-method-side-panel
|
|
92
|
+
v-model="methodSidePanel"
|
|
93
|
+
:sum="paymentSum"
|
|
94
|
+
@back="onBack"
|
|
95
|
+
@next-bank="directionsBanks"
|
|
96
|
+
/>
|
|
97
|
+
|
|
98
|
+
<payment-kaspi-qr-side-panel
|
|
99
|
+
v-model="kaspiQRSidePanel"
|
|
100
|
+
:request-url="requestUrl"
|
|
101
|
+
:request-id="requestId"
|
|
102
|
+
@back="onBack"
|
|
103
|
+
@update-user-rate="updateUserRate"
|
|
104
|
+
/>
|
|
105
|
+
|
|
106
|
+
<payment-kaspi-redirect-side-panel
|
|
107
|
+
v-model="kaspiRedirectSidePanel"
|
|
108
|
+
:request-id="requestId"
|
|
109
|
+
@back="onBack"
|
|
110
|
+
@update-user-rate="updateUserRate"
|
|
111
|
+
/>
|
|
112
112
|
</template>
|
|
@@ -50,69 +50,69 @@ function handlePayment() {
|
|
|
50
50
|
</script>
|
|
51
51
|
|
|
52
52
|
<template>
|
|
53
|
-
<adt-side-panel
|
|
54
|
-
v-model="isOpen"
|
|
55
|
-
:width="484"
|
|
56
|
-
:height-drawer="500"
|
|
57
|
-
>
|
|
58
|
-
<template #header>
|
|
59
|
-
<div class="text-xl font-semibold">
|
|
60
|
-
{{ t("payment.topUp.title") }}
|
|
61
|
-
</div>
|
|
62
|
-
</template>
|
|
63
|
-
|
|
64
|
-
<div class="flex flex-col gap-6">
|
|
65
|
-
<div class="flex flex-col items-center gap-4 ">
|
|
66
|
-
<ill-bill class="size-[120px]" />
|
|
67
|
-
<p class="text-center text-sm font-semibold">
|
|
68
|
-
{{ t("payment.topUp.info") }}
|
|
69
|
-
</p>
|
|
70
|
-
</div>
|
|
71
|
-
|
|
72
|
-
<div class="flex flex-col gap-4">
|
|
73
|
-
<adt-forms-input-standard
|
|
74
|
-
v-model="money"
|
|
75
|
-
:label="`${t('payment.topUp.enterAmount')}`"
|
|
76
|
-
type="number"
|
|
77
|
-
pattern="[0-9]*"
|
|
78
|
-
clearable
|
|
79
|
-
/>
|
|
80
|
-
<adt-alert
|
|
81
|
-
v-if="errorAlert"
|
|
82
|
-
color="red"
|
|
83
|
-
>
|
|
84
|
-
{{ t("modals.replenish_modal.error") }}
|
|
85
|
-
</adt-alert>
|
|
86
|
-
<div class="flex gap-4">
|
|
87
|
-
<adt-chip
|
|
88
|
-
v-for="item in sumArr"
|
|
89
|
-
:key="item.id"
|
|
90
|
-
view="standard"
|
|
91
|
-
size="lg"
|
|
53
|
+
<adt-side-panel
|
|
54
|
+
v-model="isOpen"
|
|
55
|
+
:width="484"
|
|
56
|
+
:height-drawer="500"
|
|
57
|
+
>
|
|
58
|
+
<template #header>
|
|
59
|
+
<div class="text-xl font-semibold">
|
|
60
|
+
{{ t("payment.topUp.title") }}
|
|
61
|
+
</div>
|
|
62
|
+
</template>
|
|
63
|
+
|
|
64
|
+
<div class="flex flex-col gap-6">
|
|
65
|
+
<div class="flex flex-col items-center gap-4 ">
|
|
66
|
+
<ill-bill class="size-[120px]" />
|
|
67
|
+
<p class="text-center text-sm font-semibold">
|
|
68
|
+
{{ t("payment.topUp.info") }}
|
|
69
|
+
</p>
|
|
70
|
+
</div>
|
|
71
|
+
|
|
72
|
+
<div class="flex flex-col gap-4">
|
|
73
|
+
<adt-forms-input-standard
|
|
74
|
+
v-model="money"
|
|
75
|
+
:label="`${t('payment.topUp.enterAmount')}`"
|
|
76
|
+
type="number"
|
|
77
|
+
pattern="[0-9]*"
|
|
78
|
+
clearable
|
|
79
|
+
/>
|
|
80
|
+
<adt-alert
|
|
81
|
+
v-if="errorAlert"
|
|
82
|
+
color="red"
|
|
83
|
+
>
|
|
84
|
+
{{ t("modals.replenish_modal.error") }}
|
|
85
|
+
</adt-alert>
|
|
86
|
+
<div class="flex gap-4">
|
|
87
|
+
<adt-chip
|
|
88
|
+
v-for="item in sumArr"
|
|
89
|
+
:key="item.id"
|
|
90
|
+
view="standard"
|
|
91
|
+
size="lg"
|
|
92
92
|
:class="[
|
|
93
93
|
money === item.value ? 'bg-blue-700 text-white hover:bg-blue-700 dark:border-blue-500 dark:bg-transparent dark:text-blue-500 dark:hover:bg-transparent' : ''
|
|
94
|
-
]"
|
|
95
|
-
@click.stop="onSelectAmount(item.value)"
|
|
96
|
-
>
|
|
97
|
-
<span>{{ item.label }}</span>
|
|
98
|
-
</adt-chip>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
|
|
102
|
-
<div class="flex flex-col gap-2">
|
|
103
|
-
<adt-button
|
|
104
|
-
:disabled="!filterMoney"
|
|
105
|
-
@click="handlePayment"
|
|
106
|
-
>
|
|
107
|
-
{{ t("actions.topUp") }}
|
|
108
|
-
</adt-button>
|
|
109
|
-
<adt-button
|
|
110
|
-
view="outline"
|
|
111
|
-
@click="onClose"
|
|
112
|
-
>
|
|
113
|
-
{{ t("actions.back") }}
|
|
114
|
-
</adt-button>
|
|
115
|
-
</div>
|
|
116
|
-
</div>
|
|
117
|
-
</adt-side-panel>
|
|
94
|
+
]"
|
|
95
|
+
@click.stop="onSelectAmount(item.value)"
|
|
96
|
+
>
|
|
97
|
+
<span>{{ item.label }}</span>
|
|
98
|
+
</adt-chip>
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
|
|
102
|
+
<div class="flex flex-col gap-2">
|
|
103
|
+
<adt-button
|
|
104
|
+
:disabled="!filterMoney"
|
|
105
|
+
@click="handlePayment"
|
|
106
|
+
>
|
|
107
|
+
{{ t("actions.topUp") }}
|
|
108
|
+
</adt-button>
|
|
109
|
+
<adt-button
|
|
110
|
+
view="outline"
|
|
111
|
+
@click="onClose"
|
|
112
|
+
>
|
|
113
|
+
{{ t("actions.back") }}
|
|
114
|
+
</adt-button>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
</adt-side-panel>
|
|
118
118
|
</template>
|
|
@@ -10,15 +10,15 @@ const getAnimationClass = (index) => {
|
|
|
10
10
|
</script>
|
|
11
11
|
|
|
12
12
|
<template>
|
|
13
|
-
<div class="relative size-full">
|
|
14
|
-
<img
|
|
15
|
-
v-for="(photo, index) in photos"
|
|
16
|
-
:key="index"
|
|
17
|
-
:src="photo.src"
|
|
18
|
-
:alt="photo.src"
|
|
19
|
-
:class="['photo', getAnimationClass(index), photo.classes]"
|
|
20
|
-
>
|
|
21
|
-
</div>
|
|
13
|
+
<div class="relative size-full">
|
|
14
|
+
<img
|
|
15
|
+
v-for="(photo, index) in photos"
|
|
16
|
+
:key="index"
|
|
17
|
+
:src="photo.src"
|
|
18
|
+
:alt="photo.src"
|
|
19
|
+
:class="['photo', getAnimationClass(index), photo.classes]"
|
|
20
|
+
>
|
|
21
|
+
</div>
|
|
22
22
|
</template>
|
|
23
23
|
|
|
24
24
|
<style scoped>
|
|
@@ -88,48 +88,48 @@ onMounted(() => {
|
|
|
88
88
|
</script>
|
|
89
89
|
|
|
90
90
|
<template>
|
|
91
|
-
<div
|
|
92
|
-
ref="tabs"
|
|
93
|
-
class="scroll-container overflow-auto whitespace-nowrap"
|
|
94
|
-
:class="props.wrapper === 'row' ? 'flex gap-1' : 'flex flex-col gap-1'"
|
|
95
|
-
>
|
|
96
|
-
<button
|
|
97
|
-
v-for="option in options"
|
|
98
|
-
:key="option.key"
|
|
99
|
-
:disabled="option.disabled || disabled"
|
|
100
|
-
:data-active="activeTab === option.key"
|
|
91
|
+
<div
|
|
92
|
+
ref="tabs"
|
|
93
|
+
class="scroll-container overflow-auto whitespace-nowrap"
|
|
94
|
+
:class="props.wrapper === 'row' ? 'flex gap-1' : 'flex flex-col gap-1'"
|
|
95
|
+
>
|
|
96
|
+
<button
|
|
97
|
+
v-for="option in options"
|
|
98
|
+
:key="option.key"
|
|
99
|
+
:disabled="option.disabled || disabled"
|
|
100
|
+
:data-active="activeTab === option.key"
|
|
101
101
|
:class="[
|
|
102
102
|
activeTab === option.key ? selectedClasses() : defaultClasses(!!option.disabled),
|
|
103
103
|
sizeOptions[size]
|
|
104
|
-
]"
|
|
105
|
-
@click="onChanged(option, $event)"
|
|
106
|
-
>
|
|
107
|
-
<slot
|
|
108
|
-
name="option"
|
|
109
|
-
:option="option"
|
|
110
|
-
>
|
|
111
|
-
<span
|
|
112
|
-
class="flex items-center gap-1 whitespace-nowrap"
|
|
113
|
-
:class="[align === 'left' ? 'justify-start' : 'justify-center']"
|
|
114
|
-
>
|
|
115
|
-
<span>
|
|
116
|
-
{{ t(option.name) }}
|
|
117
|
-
</span>
|
|
118
|
-
<template v-if="option.count !== void 0">
|
|
119
|
-
<a-digit-badge
|
|
120
|
-
v-if="props.countView === 'badge'"
|
|
121
|
-
:value="option.count"
|
|
122
|
-
:type="option.badgeColor ? option.badgeColor : 'primary'"
|
|
123
|
-
:disabled="(option.disabled || option.count === 0) && activeTab !== option.key"
|
|
124
|
-
:view="activeTab === option.key ? 'inverted' : 'default'"
|
|
125
|
-
:size="badgeSize"
|
|
126
|
-
/>
|
|
127
|
-
<span v-else-if="props.countView === 'brackets'"> ({{ option.count }}) </span>
|
|
128
|
-
</template>
|
|
129
|
-
</span>
|
|
130
|
-
</slot>
|
|
131
|
-
</button>
|
|
132
|
-
</div>
|
|
104
|
+
]"
|
|
105
|
+
@click="onChanged(option, $event)"
|
|
106
|
+
>
|
|
107
|
+
<slot
|
|
108
|
+
name="option"
|
|
109
|
+
:option="option"
|
|
110
|
+
>
|
|
111
|
+
<span
|
|
112
|
+
class="flex items-center gap-1 whitespace-nowrap"
|
|
113
|
+
:class="[align === 'left' ? 'justify-start' : 'justify-center']"
|
|
114
|
+
>
|
|
115
|
+
<span>
|
|
116
|
+
{{ t(option.name) }}
|
|
117
|
+
</span>
|
|
118
|
+
<template v-if="option.count !== void 0">
|
|
119
|
+
<a-digit-badge
|
|
120
|
+
v-if="props.countView === 'badge'"
|
|
121
|
+
:value="option.count"
|
|
122
|
+
:type="option.badgeColor ? option.badgeColor : 'primary'"
|
|
123
|
+
:disabled="(option.disabled || option.count === 0) && activeTab !== option.key"
|
|
124
|
+
:view="activeTab === option.key ? 'inverted' : 'default'"
|
|
125
|
+
:size="badgeSize"
|
|
126
|
+
/>
|
|
127
|
+
<span v-else-if="props.countView === 'brackets'"> ({{ option.count }}) </span>
|
|
128
|
+
</template>
|
|
129
|
+
</span>
|
|
130
|
+
</slot>
|
|
131
|
+
</button>
|
|
132
|
+
</div>
|
|
133
133
|
</template>
|
|
134
134
|
|
|
135
135
|
<style scoped>
|
|
@@ -1,46 +0,0 @@
|
|
|
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,15 +8,49 @@ 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
|
+
};
|
|
11
23
|
type __VLS_PublicProps = __VLS_Props & {
|
|
12
24
|
modelValue?: string | number | boolean | null | undefined;
|
|
13
25
|
};
|
|
26
|
+
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
14
27
|
declare var __VLS_1: {}, __VLS_7: {};
|
|
15
|
-
type __VLS_Slots =
|
|
28
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
16
29
|
default?: (props: typeof __VLS_1) => any;
|
|
17
30
|
} & {
|
|
18
31
|
default?: (props: typeof __VLS_7) => any;
|
|
19
|
-
}
|
|
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>;
|
|
20
54
|
declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
55
|
"update:modelValue": (value: string | number | boolean | null | undefined) => any;
|
|
22
56
|
} & {
|
|
@@ -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,14 +8,21 @@ 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 () => {}>>;
|
|
11
14
|
declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {};
|
|
12
|
-
type __VLS_Slots =
|
|
15
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
13
16
|
leading?: (props: typeof __VLS_1) => any;
|
|
14
17
|
} & {
|
|
15
18
|
title?: (props: typeof __VLS_7) => any;
|
|
16
19
|
} & {
|
|
17
20
|
trailing?: (props: typeof __VLS_9) => any;
|
|
18
|
-
}
|
|
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>;
|
|
19
26
|
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>;
|
|
20
27
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
21
28
|
export default _default;
|