adata-ui 3.1.79 → 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 +72 -72
- 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
package/README.md
CHANGED
|
@@ -1,84 +1,84 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
Get your module up and running quickly.
|
|
3
|
-
|
|
4
|
-
Find and replace all on all files (CMD+SHIFT+F):
|
|
5
|
-
- Name: My Module
|
|
6
|
-
- Package name: my-module
|
|
7
|
-
- Description: My new Nuxt module
|
|
8
|
-
-->
|
|
9
|
-
|
|
10
|
-
# My Module
|
|
11
|
-
|
|
12
|
-
[![npm version][npm-version-src]][npm-version-href]
|
|
13
|
-
[![npm downloads][npm-downloads-src]][npm-downloads-href]
|
|
14
|
-
[![License][license-src]][license-href]
|
|
15
|
-
[![Nuxt][nuxt-src]][nuxt-href]
|
|
16
|
-
|
|
17
|
-
My new Nuxt module for doing amazing things.
|
|
18
|
-
|
|
19
|
-
- [✨ Release Notes](/CHANGELOG.md)
|
|
20
|
-
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
|
|
21
|
-
<!-- - [📖 Documentation](https://example.com) -->
|
|
22
|
-
|
|
23
|
-
## Features
|
|
24
|
-
|
|
25
|
-
<!-- Highlight some of the features your module provide here -->
|
|
26
|
-
- ⛰ Foo
|
|
27
|
-
- 🚠 Bar
|
|
28
|
-
- 🌲 Baz
|
|
29
|
-
|
|
30
|
-
## Quick Setup
|
|
31
|
-
|
|
32
|
-
Install the module to your Nuxt application with one command:
|
|
33
|
-
|
|
34
|
-
```bash
|
|
35
|
-
npx nuxi module add my-module
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
That's it! You can now use My Module in your Nuxt app ✨
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
## Contribution
|
|
42
|
-
|
|
43
|
-
<details>
|
|
44
|
-
<summary>Local development</summary>
|
|
45
|
-
|
|
46
|
-
```bash
|
|
47
|
-
# Install dependencies
|
|
48
|
-
npm install
|
|
49
|
-
|
|
50
|
-
# Generate type stubs
|
|
51
|
-
npm run dev:prepare
|
|
52
|
-
|
|
53
|
-
# Develop with the playground
|
|
54
|
-
npm run dev
|
|
55
|
-
|
|
56
|
-
# Build the playground
|
|
57
|
-
npm run dev:build
|
|
58
|
-
|
|
59
|
-
# Run ESLint
|
|
60
|
-
npm run lint
|
|
61
|
-
|
|
62
|
-
# Run Vitest
|
|
63
|
-
npm run test
|
|
64
|
-
npm run test:watch
|
|
65
|
-
|
|
66
|
-
# Release new version
|
|
67
|
-
npm run release
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
</details>
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
<!-- Badges -->
|
|
74
|
-
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
|
|
75
|
-
[npm-version-href]: https://npmjs.com/package/my-module
|
|
76
|
-
|
|
77
|
-
[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
|
|
78
|
-
[npm-downloads-href]: https://npm.chart.dev/my-module
|
|
79
|
-
|
|
80
|
-
[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
|
|
81
|
-
[license-href]: https://npmjs.com/package/my-module
|
|
82
|
-
|
|
83
|
-
[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
|
|
84
|
-
[nuxt-href]: https://nuxt.com
|
|
1
|
+
<!--
|
|
2
|
+
Get your module up and running quickly.
|
|
3
|
+
|
|
4
|
+
Find and replace all on all files (CMD+SHIFT+F):
|
|
5
|
+
- Name: My Module
|
|
6
|
+
- Package name: my-module
|
|
7
|
+
- Description: My new Nuxt module
|
|
8
|
+
-->
|
|
9
|
+
|
|
10
|
+
# My Module
|
|
11
|
+
|
|
12
|
+
[![npm version][npm-version-src]][npm-version-href]
|
|
13
|
+
[![npm downloads][npm-downloads-src]][npm-downloads-href]
|
|
14
|
+
[![License][license-src]][license-href]
|
|
15
|
+
[![Nuxt][nuxt-src]][nuxt-href]
|
|
16
|
+
|
|
17
|
+
My new Nuxt module for doing amazing things.
|
|
18
|
+
|
|
19
|
+
- [✨ Release Notes](/CHANGELOG.md)
|
|
20
|
+
<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
|
|
21
|
+
<!-- - [📖 Documentation](https://example.com) -->
|
|
22
|
+
|
|
23
|
+
## Features
|
|
24
|
+
|
|
25
|
+
<!-- Highlight some of the features your module provide here -->
|
|
26
|
+
- ⛰ Foo
|
|
27
|
+
- 🚠 Bar
|
|
28
|
+
- 🌲 Baz
|
|
29
|
+
|
|
30
|
+
## Quick Setup
|
|
31
|
+
|
|
32
|
+
Install the module to your Nuxt application with one command:
|
|
33
|
+
|
|
34
|
+
```bash
|
|
35
|
+
npx nuxi module add my-module
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
That's it! You can now use My Module in your Nuxt app ✨
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
## Contribution
|
|
42
|
+
|
|
43
|
+
<details>
|
|
44
|
+
<summary>Local development</summary>
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
# Install dependencies
|
|
48
|
+
npm install
|
|
49
|
+
|
|
50
|
+
# Generate type stubs
|
|
51
|
+
npm run dev:prepare
|
|
52
|
+
|
|
53
|
+
# Develop with the playground
|
|
54
|
+
npm run dev
|
|
55
|
+
|
|
56
|
+
# Build the playground
|
|
57
|
+
npm run dev:build
|
|
58
|
+
|
|
59
|
+
# Run ESLint
|
|
60
|
+
npm run lint
|
|
61
|
+
|
|
62
|
+
# Run Vitest
|
|
63
|
+
npm run test
|
|
64
|
+
npm run test:watch
|
|
65
|
+
|
|
66
|
+
# Release new version
|
|
67
|
+
npm run release
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
</details>
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
<!-- Badges -->
|
|
74
|
+
[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
|
|
75
|
+
[npm-version-href]: https://npmjs.com/package/my-module
|
|
76
|
+
|
|
77
|
+
[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
|
|
78
|
+
[npm-downloads-href]: https://npm.chart.dev/my-module
|
|
79
|
+
|
|
80
|
+
[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
|
|
81
|
+
[license-href]: https://npmjs.com/package/my-module
|
|
82
|
+
|
|
83
|
+
[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
|
|
84
|
+
[nuxt-href]: https://nuxt.com
|
package/dist/module.json
CHANGED
|
@@ -33,30 +33,30 @@ const colorOptions = {
|
|
|
33
33
|
</script>
|
|
34
34
|
|
|
35
35
|
<template>
|
|
36
|
-
<div
|
|
37
|
-
class="inline-flex w-full rounded-md"
|
|
38
|
-
:class="twMerge(colorOptions.description[color], textBgClasses)"
|
|
39
|
-
>
|
|
40
|
-
<div
|
|
41
|
-
class="flex items-center justify-center rounded-l-md"
|
|
42
|
-
:class="twMerge([colorOptions.icon[color], sizeOptions[size]], iconBgClasses)"
|
|
43
|
-
>
|
|
44
|
-
<slot name="icon">
|
|
45
|
-
<i-info-circle
|
|
46
|
-
v-if="iconType == 'circle'"
|
|
47
|
-
:class="`w-[${iconSize}] h-[${iconSize}]`"
|
|
48
|
-
/>
|
|
49
|
-
<i-warning-triangle
|
|
50
|
-
v-if="iconType == 'triangle'"
|
|
51
|
-
:class="`w-[${iconSize}] h-[${iconSize}]`"
|
|
52
|
-
/>
|
|
53
|
-
</slot>
|
|
54
|
-
</div>
|
|
55
|
-
<div
|
|
56
|
-
:class="sizeOptions[size]"
|
|
57
|
-
class="rounded-r-md flex items-center"
|
|
58
|
-
>
|
|
59
|
-
<slot name="default" />
|
|
60
|
-
</div>
|
|
61
|
-
</div>
|
|
36
|
+
<div
|
|
37
|
+
class="inline-flex w-full rounded-md"
|
|
38
|
+
:class="twMerge(colorOptions.description[color], textBgClasses)"
|
|
39
|
+
>
|
|
40
|
+
<div
|
|
41
|
+
class="flex items-center justify-center rounded-l-md"
|
|
42
|
+
:class="twMerge([colorOptions.icon[color], sizeOptions[size]], iconBgClasses)"
|
|
43
|
+
>
|
|
44
|
+
<slot name="icon">
|
|
45
|
+
<i-info-circle
|
|
46
|
+
v-if="iconType == 'circle'"
|
|
47
|
+
:class="`w-[${iconSize}] h-[${iconSize}]`"
|
|
48
|
+
/>
|
|
49
|
+
<i-warning-triangle
|
|
50
|
+
v-if="iconType == 'triangle'"
|
|
51
|
+
:class="`w-[${iconSize}] h-[${iconSize}]`"
|
|
52
|
+
/>
|
|
53
|
+
</slot>
|
|
54
|
+
</div>
|
|
55
|
+
<div
|
|
56
|
+
:class="sizeOptions[size]"
|
|
57
|
+
class="rounded-r-md flex items-center"
|
|
58
|
+
>
|
|
59
|
+
<slot name="default" />
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
62
|
</template>
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { twMerge } from 'tailwind-merge';
|
|
1
2
|
interface Props {
|
|
2
3
|
size?: 'lg' | 'sm' | 'xs';
|
|
3
4
|
color?: 'blue' | 'green' | 'red' | 'deepblue' | 'orange';
|
|
@@ -6,12 +7,46 @@ interface Props {
|
|
|
6
7
|
iconType?: 'triangle' | 'circle';
|
|
7
8
|
iconSize?: string;
|
|
8
9
|
}
|
|
10
|
+
declare const sizeOptions: {
|
|
11
|
+
lg: string;
|
|
12
|
+
sm: string;
|
|
13
|
+
xs: string;
|
|
14
|
+
};
|
|
15
|
+
declare const colorOptions: {
|
|
16
|
+
icon: {
|
|
17
|
+
blue: string;
|
|
18
|
+
green: string;
|
|
19
|
+
orange: string;
|
|
20
|
+
deepblue: string;
|
|
21
|
+
red: string;
|
|
22
|
+
};
|
|
23
|
+
description: {
|
|
24
|
+
blue: string;
|
|
25
|
+
green: string;
|
|
26
|
+
orange: string;
|
|
27
|
+
deepblue: string;
|
|
28
|
+
red: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
9
32
|
declare var __VLS_1: {}, __VLS_11: {};
|
|
10
|
-
type __VLS_Slots =
|
|
33
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
11
34
|
icon?: (props: typeof __VLS_1) => any;
|
|
12
35
|
} & {
|
|
13
36
|
default?: (props: typeof __VLS_11) => any;
|
|
14
|
-
}
|
|
37
|
+
}>;
|
|
38
|
+
declare const __VLS_self: import("vue").DefineComponent<Props, {
|
|
39
|
+
twMerge: typeof twMerge;
|
|
40
|
+
sizeOptions: typeof sizeOptions;
|
|
41
|
+
colorOptions: typeof colorOptions;
|
|
42
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
43
|
+
size: "lg" | "sm" | "xs";
|
|
44
|
+
color: "blue" | "green" | "red" | "deepblue" | "orange";
|
|
45
|
+
iconBgClasses: string;
|
|
46
|
+
textBgClasses: string;
|
|
47
|
+
iconType: "triangle" | "circle";
|
|
48
|
+
iconSize: string;
|
|
49
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
50
|
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
51
|
size: "lg" | "sm" | "xs";
|
|
17
52
|
color: "blue" | "green" | "red" | "deepblue" | "orange";
|
|
@@ -16,9 +16,9 @@ const sizeOptions = {
|
|
|
16
16
|
</script>
|
|
17
17
|
|
|
18
18
|
<template>
|
|
19
|
-
<button
|
|
20
|
-
:class="twMerge(['flex items-center gap-2 rounded-3xl border border-solid px-2.5 text-xs hover:bg-deepblue-100 dark:hover:bg-[#E3E5E80D] focus-visible:shadow-[0_0_0_4px#1B64B3] active:bg-blue active:text-white disabled:border-deepblue-200 disabled:text-deepblue-200', chipView[view], sizeOptions[size]], $attrs.class)"
|
|
21
|
-
>
|
|
22
|
-
<slot />
|
|
23
|
-
</button>
|
|
19
|
+
<button
|
|
20
|
+
:class="twMerge(['flex items-center gap-2 rounded-3xl border border-solid px-2.5 text-xs hover:bg-deepblue-100 dark:hover:bg-[#E3E5E80D] focus-visible:shadow-[0_0_0_4px#1B64B3] active:bg-blue active:text-white disabled:border-deepblue-200 disabled:text-deepblue-200', chipView[view], sizeOptions[size]], $attrs.class)"
|
|
21
|
+
>
|
|
22
|
+
<slot />
|
|
23
|
+
</button>
|
|
24
24
|
</template>
|
|
@@ -1,11 +1,30 @@
|
|
|
1
|
+
import { twMerge } from 'tailwind-merge';
|
|
1
2
|
type Props = {
|
|
2
3
|
size?: 'sm' | 'md' | 'lg';
|
|
3
4
|
view?: 'standard' | 'outline';
|
|
4
5
|
};
|
|
6
|
+
declare const chipView: {
|
|
7
|
+
standard: string;
|
|
8
|
+
outline: string;
|
|
9
|
+
};
|
|
10
|
+
declare const sizeOptions: {
|
|
11
|
+
sm: string;
|
|
12
|
+
md: string;
|
|
13
|
+
lg: string;
|
|
14
|
+
};
|
|
15
|
+
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
5
16
|
declare var __VLS_1: {};
|
|
6
|
-
type __VLS_Slots =
|
|
17
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
7
18
|
default?: (props: typeof __VLS_1) => any;
|
|
8
|
-
}
|
|
19
|
+
}>;
|
|
20
|
+
declare const __VLS_self: import("vue").DefineComponent<Props, {
|
|
21
|
+
twMerge: typeof twMerge;
|
|
22
|
+
chipView: typeof chipView;
|
|
23
|
+
sizeOptions: typeof sizeOptions;
|
|
24
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
25
|
+
size: "sm" | "md" | "lg";
|
|
26
|
+
view: "standard" | "outline";
|
|
27
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
28
|
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
10
29
|
size: "sm" | "md" | "lg";
|
|
11
30
|
view: "standard" | "outline";
|
|
@@ -30,16 +30,16 @@ onMounted(() => {
|
|
|
30
30
|
</script>
|
|
31
31
|
|
|
32
32
|
<template>
|
|
33
|
-
<client-only>
|
|
34
|
-
<adt-toggle
|
|
35
|
-
v-model="mode"
|
|
36
|
-
size="2xl"
|
|
37
|
-
:on-icon="Moon"
|
|
38
|
-
:off-icon="Sun"
|
|
39
|
-
off-icon-class="w-4 h-4"
|
|
40
|
-
on-icon-class="w-4 h-4"
|
|
41
|
-
active-class="data-[state=checked]:bg-gray-800"
|
|
42
|
-
active-container-class="data-[state=checked]:bg-black"
|
|
43
|
-
/>
|
|
44
|
-
</client-only>
|
|
33
|
+
<client-only>
|
|
34
|
+
<adt-toggle
|
|
35
|
+
v-model="mode"
|
|
36
|
+
size="2xl"
|
|
37
|
+
:on-icon="Moon"
|
|
38
|
+
:off-icon="Sun"
|
|
39
|
+
off-icon-class="w-4 h-4"
|
|
40
|
+
on-icon-class="w-4 h-4"
|
|
41
|
+
active-class="data-[state=checked]:bg-gray-800"
|
|
42
|
+
active-container-class="data-[state=checked]:bg-black"
|
|
43
|
+
/>
|
|
44
|
+
</client-only>
|
|
45
45
|
</template>
|