v-uixy 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -0
- package/bin/v-uixy.js +30 -0
- package/commands/add.js +189 -0
- package/commands/init.js +113 -0
- package/commands/list.js +48 -0
- package/commands/remove.js +69 -0
- package/configs/components.json +3 -0
- package/package.json +48 -0
- package/templates/assets/css/main.css +174 -0
- package/templates/assets/icons/4g.svg +3 -0
- package/templates/assets/icons/4k-box.svg +3 -0
- package/templates/assets/icons/4k.svg +3 -0
- package/templates/assets/icons/5g.svg +3 -0
- package/templates/assets/icons/ab-testing.svg +3 -0
- package/templates/assets/icons/ac.svg +3 -0
- package/templates/assets/icons/add-box-multiple.svg +3 -0
- package/templates/assets/icons/add-box.svg +3 -0
- package/templates/assets/icons/add-col.svg +3 -0
- package/templates/assets/icons/add-grid.svg +3 -0
- package/templates/assets/icons/add-row.svg +3 -0
- package/templates/assets/icons/alert.svg +3 -0
- package/templates/assets/icons/align-center.svg +3 -0
- package/templates/assets/icons/align-justify.svg +3 -0
- package/templates/assets/icons/align-left.svg +3 -0
- package/templates/assets/icons/align-right.svg +3 -0
- package/templates/assets/icons/analytics.svg +3 -0
- package/templates/assets/icons/anchor.svg +3 -0
- package/templates/assets/icons/android.svg +3 -0
- package/templates/assets/icons/animation.svg +3 -0
- package/templates/assets/icons/archive.svg +3 -0
- package/templates/assets/icons/arrow-bar-down.svg +3 -0
- package/templates/assets/icons/arrow-bar-left.svg +3 -0
- package/templates/assets/icons/arrow-bar-right.svg +3 -0
- package/templates/assets/icons/arrow-bar-up.svg +3 -0
- package/templates/assets/icons/arrow-down-box.svg +3 -0
- package/templates/assets/icons/arrow-down.svg +3 -0
- package/templates/assets/icons/arrow-left-box.svg +3 -0
- package/templates/assets/icons/arrow-left.svg +3 -0
- package/templates/assets/icons/arrow-right-box.svg +3 -0
- package/templates/assets/icons/arrow-right.svg +3 -0
- package/templates/assets/icons/arrow-up-box.svg +3 -0
- package/templates/assets/icons/arrow-up.svg +3 -0
- package/templates/assets/icons/arrows-horizontal.svg +3 -0
- package/templates/assets/icons/arrows-vertical.svg +3 -0
- package/templates/assets/icons/art-text.svg +3 -0
- package/templates/assets/icons/article-multiple.svg +3 -0
- package/templates/assets/icons/article.svg +3 -0
- package/templates/assets/icons/aspect-ratio.svg +3 -0
- package/templates/assets/icons/at.svg +3 -0
- package/templates/assets/icons/attachment.svg +3 -0
- package/templates/assets/icons/audio-device.svg +3 -0
- package/templates/assets/icons/avatar.svg +3 -0
- package/templates/assets/icons/backburger.svg +3 -0
- package/templates/assets/icons/battery-1.svg +3 -0
- package/templates/assets/icons/battery-2.svg +3 -0
- package/templates/assets/icons/battery-charging.svg +3 -0
- package/templates/assets/icons/battery-full.svg +3 -0
- package/templates/assets/icons/battery.svg +3 -0
- package/templates/assets/icons/bed.svg +3 -0
- package/templates/assets/icons/bitcoin.svg +3 -0
- package/templates/assets/icons/bluetooth.svg +3 -0
- package/templates/assets/icons/book-open.svg +3 -0
- package/templates/assets/icons/book.svg +3 -0
- package/templates/assets/icons/bookmark.svg +3 -0
- package/templates/assets/icons/bookmarks.svg +3 -0
- package/templates/assets/icons/briefcase-account.svg +3 -0
- package/templates/assets/icons/briefcase-check.svg +3 -0
- package/templates/assets/icons/briefcase-delete.svg +3 -0
- package/templates/assets/icons/briefcase-download.svg +3 -0
- package/templates/assets/icons/briefcase-minus.svg +3 -0
- package/templates/assets/icons/briefcase-plus.svg +3 -0
- package/templates/assets/icons/briefcase-search-1.svg +3 -0
- package/templates/assets/icons/briefcase-search.svg +3 -0
- package/templates/assets/icons/briefcase-upload.svg +3 -0
- package/templates/assets/icons/briefcase.svg +3 -0
- package/templates/assets/icons/bug.svg +3 -0
- package/templates/assets/icons/building-community.svg +3 -0
- package/templates/assets/icons/building-skyscraper.svg +3 -0
- package/templates/assets/icons/building.svg +3 -0
- package/templates/assets/icons/buildings.svg +3 -0
- package/templates/assets/icons/bulletlist.svg +3 -0
- package/templates/assets/icons/bullseye-arrow.svg +3 -0
- package/templates/assets/icons/bullseye.svg +3 -0
- package/templates/assets/icons/bus.svg +3 -0
- package/templates/assets/icons/cake.svg +3 -0
- package/templates/assets/icons/calculator.svg +3 -0
- package/templates/assets/icons/calendar-alert.svg +3 -0
- package/templates/assets/icons/calendar-arrow-left.svg +3 -0
- package/templates/assets/icons/calendar-arrow-right.svg +3 -0
- package/templates/assets/icons/calendar-check.svg +3 -0
- package/templates/assets/icons/calendar-export.svg +3 -0
- package/templates/assets/icons/calendar-grid.svg +3 -0
- package/templates/assets/icons/calendar-import.svg +3 -0
- package/templates/assets/icons/calendar-minus.svg +3 -0
- package/templates/assets/icons/calendar-month.svg +3 -0
- package/templates/assets/icons/calendar-multiple-check.svg +3 -0
- package/templates/assets/icons/calendar-multiple.svg +3 -0
- package/templates/assets/icons/calendar-plus.svg +3 -0
- package/templates/assets/icons/calendar-range.svg +3 -0
- package/templates/assets/icons/calendar-remove.svg +3 -0
- package/templates/assets/icons/calendar-search.svg +3 -0
- package/templates/assets/icons/calendar-sort-ascending.svg +3 -0
- package/templates/assets/icons/calendar-sort-descending.svg +3 -0
- package/templates/assets/icons/calendar-text.svg +3 -0
- package/templates/assets/icons/calendar-today.svg +3 -0
- package/templates/assets/icons/calendar-tomorrow.svg +3 -0
- package/templates/assets/icons/calendar-week-begin.svg +3 -0
- package/templates/assets/icons/calendar-week.svg +3 -0
- package/templates/assets/icons/calendar-weekend.svg +3 -0
- package/templates/assets/icons/calendar.svg +3 -0
- package/templates/assets/icons/camera-add.svg +3 -0
- package/templates/assets/icons/camera-alt.svg +3 -0
- package/templates/assets/icons/camera-face.svg +3 -0
- package/templates/assets/icons/camera.svg +3 -0
- package/templates/assets/icons/car.svg +3 -0
- package/templates/assets/icons/card-id.svg +3 -0
- package/templates/assets/icons/card-plus.svg +3 -0
- package/templates/assets/icons/card-stack.svg +3 -0
- package/templates/assets/icons/card-text.svg +3 -0
- package/templates/assets/icons/card.svg +3 -0
- package/templates/assets/icons/cart.svg +3 -0
- package/templates/assets/icons/cast.svg +3 -0
- package/templates/assets/icons/cellular-signal-0.svg +3 -0
- package/templates/assets/icons/cellular-signal-1.svg +3 -0
- package/templates/assets/icons/cellular-signal-2.svg +3 -0
- package/templates/assets/icons/cellular-signal-3.svg +3 -0
- package/templates/assets/icons/cellular-signal-off.svg +3 -0
- package/templates/assets/icons/chart-add.svg +3 -0
- package/templates/assets/icons/chart-bar.svg +3 -0
- package/templates/assets/icons/chart-delete.svg +3 -0
- package/templates/assets/icons/chart-minus.svg +3 -0
- package/templates/assets/icons/chart-multiple.svg +3 -0
- package/templates/assets/icons/chart.svg +3 -0
- package/templates/assets/icons/chat.svg +3 -0
- package/templates/assets/icons/check-double.svg +3 -0
- package/templates/assets/icons/check.svg +3 -0
- package/templates/assets/icons/checkbox-on.svg +3 -0
- package/templates/assets/icons/checkbox.svg +3 -0
- package/templates/assets/icons/checklist.svg +3 -0
- package/templates/assets/icons/chess.svg +3 -0
- package/templates/assets/icons/chevron-down.svg +3 -0
- package/templates/assets/icons/chevron-left.svg +3 -0
- package/templates/assets/icons/chevron-right.svg +3 -0
- package/templates/assets/icons/chevron-up.svg +3 -0
- package/templates/assets/icons/chevrons-horizontal.svg +3 -0
- package/templates/assets/icons/chevrons-vertical.svg +3 -0
- package/templates/assets/icons/circle.svg +3 -0
- package/templates/assets/icons/clipboard.svg +3 -0
- package/templates/assets/icons/clock.svg +3 -0
- package/templates/assets/icons/close-box.svg +3 -0
- package/templates/assets/icons/close.svg +3 -0
- package/templates/assets/icons/cloud-done.svg +3 -0
- package/templates/assets/icons/cloud-download.svg +3 -0
- package/templates/assets/icons/cloud-moon.svg +3 -0
- package/templates/assets/icons/cloud-sun.svg +3 -0
- package/templates/assets/icons/cloud-upload.svg +3 -0
- package/templates/assets/icons/cloud.svg +3 -0
- package/templates/assets/icons/cocktail.svg +3 -0
- package/templates/assets/icons/code.svg +3 -0
- package/templates/assets/icons/coffee-alt.svg +3 -0
- package/templates/assets/icons/coffee.svg +3 -0
- package/templates/assets/icons/coin.svg +3 -0
- package/templates/assets/icons/collapse.svg +3 -0
- package/templates/assets/icons/colors-swatch.svg +3 -0
- package/templates/assets/icons/command.svg +3 -0
- package/templates/assets/icons/comment.svg +3 -0
- package/templates/assets/icons/contact-delete.svg +3 -0
- package/templates/assets/icons/contact-multiple.svg +3 -0
- package/templates/assets/icons/contact-plus.svg +3 -0
- package/templates/assets/icons/contact.svg +3 -0
- package/templates/assets/icons/copy.svg +3 -0
- package/templates/assets/icons/corner-down-left.svg +3 -0
- package/templates/assets/icons/corner-down-right.svg +3 -0
- package/templates/assets/icons/corner-left-down.svg +3 -0
- package/templates/assets/icons/corner-left-up.svg +3 -0
- package/templates/assets/icons/corner-right-down.svg +3 -0
- package/templates/assets/icons/corner-right-up.svg +3 -0
- package/templates/assets/icons/corner-up-left.svg +3 -0
- package/templates/assets/icons/corner-up-right.svg +3 -0
- package/templates/assets/icons/credit-card-delete.svg +3 -0
- package/templates/assets/icons/credit-card-minus.svg +3 -0
- package/templates/assets/icons/credit-card-multiple.svg +3 -0
- package/templates/assets/icons/credit-card-plus.svg +3 -0
- package/templates/assets/icons/credit-card-settings.svg +3 -0
- package/templates/assets/icons/credit-card-wireless.svg +3 -0
- package/templates/assets/icons/credit-card.svg +3 -0
- package/templates/assets/icons/crop.svg +3 -0
- package/templates/assets/icons/cut.svg +3 -0
- package/templates/assets/icons/dashboard.svg +3 -0
- package/templates/assets/icons/debug-check.svg +3 -0
- package/templates/assets/icons/debug-off.svg +3 -0
- package/templates/assets/icons/debug-pause.svg +3 -0
- package/templates/assets/icons/debug-play.svg +3 -0
- package/templates/assets/icons/debug-stop.svg +3 -0
- package/templates/assets/icons/debug.svg +4 -0
- package/templates/assets/icons/delete.svg +3 -0
- package/templates/assets/icons/deskphone.svg +3 -0
- package/templates/assets/icons/device-laptop.svg +3 -0
- package/templates/assets/icons/device-phone.svg +3 -0
- package/templates/assets/icons/device-tablet.svg +3 -0
- package/templates/assets/icons/device-tv-smart.svg +3 -0
- package/templates/assets/icons/device-tv.svg +3 -0
- package/templates/assets/icons/device-vibrate.svg +3 -0
- package/templates/assets/icons/device-watch.svg +3 -0
- package/templates/assets/icons/devices.svg +3 -0
- package/templates/assets/icons/dice.svg +3 -0
- package/templates/assets/icons/dollar.svg +3 -0
- package/templates/assets/icons/downasaur.svg +3 -0
- package/templates/assets/icons/download.svg +3 -0
- package/templates/assets/icons/draft.svg +3 -0
- package/templates/assets/icons/drag-and-drop.svg +3 -0
- package/templates/assets/icons/drop-area.svg +3 -0
- package/templates/assets/icons/drop-full.svg +3 -0
- package/templates/assets/icons/drop-half.svg +3 -0
- package/templates/assets/icons/drop.svg +3 -0
- package/templates/assets/icons/duplicate-alt.svg +3 -0
- package/templates/assets/icons/duplicate.svg +3 -0
- package/templates/assets/icons/edit-box.svg +3 -0
- package/templates/assets/icons/edit.svg +3 -0
- package/templates/assets/icons/euro.svg +3 -0
- package/templates/assets/icons/expand.svg +3 -0
- package/templates/assets/icons/external-link.svg +3 -0
- package/templates/assets/icons/eye-closed.svg +3 -0
- package/templates/assets/icons/eye.svg +3 -0
- package/templates/assets/icons/file-alt.svg +3 -0
- package/templates/assets/icons/file-delete.svg +3 -0
- package/templates/assets/icons/file-flash.svg +3 -0
- package/templates/assets/icons/file-minus.svg +3 -0
- package/templates/assets/icons/file-multiple.svg +3 -0
- package/templates/assets/icons/file-off.svg +3 -0
- package/templates/assets/icons/file-plus.svg +3 -0
- package/templates/assets/icons/file.svg +3 -0
- package/templates/assets/icons/fill-half.svg +3 -0
- package/templates/assets/icons/fill.svg +3 -0
- package/templates/assets/icons/flag.svg +3 -0
- package/templates/assets/icons/flatten.svg +3 -0
- package/templates/assets/icons/flip-to-back.svg +3 -0
- package/templates/assets/icons/flip-to-front.svg +3 -0
- package/templates/assets/icons/float-center.svg +3 -0
- package/templates/assets/icons/float-left.svg +3 -0
- package/templates/assets/icons/float-right.svg +3 -0
- package/templates/assets/icons/folder-minus.svg +3 -0
- package/templates/assets/icons/folder-plus.svg +3 -0
- package/templates/assets/icons/folder-x.svg +3 -0
- package/templates/assets/icons/folder.svg +3 -0
- package/templates/assets/icons/forward.svg +3 -0
- package/templates/assets/icons/forwardburger.svg +3 -0
- package/templates/assets/icons/frame-add.svg +3 -0
- package/templates/assets/icons/frame-check.svg +3 -0
- package/templates/assets/icons/frame-delete.svg +3 -0
- package/templates/assets/icons/frame-minus.svg +3 -0
- package/templates/assets/icons/frame.svg +3 -0
- package/templates/assets/icons/gamepad.svg +3 -0
- package/templates/assets/icons/gif.svg +3 -0
- package/templates/assets/icons/gift.svg +3 -0
- package/templates/assets/icons/git-branch.svg +3 -0
- package/templates/assets/icons/git-commit.svg +3 -0
- package/templates/assets/icons/git-merge.svg +3 -0
- package/templates/assets/icons/git-pull-request.svg +3 -0
- package/templates/assets/icons/github-2.svg +4 -0
- package/templates/assets/icons/github.svg +3 -0
- package/templates/assets/icons/gps.svg +3 -0
- package/templates/assets/icons/grid.svg +3 -0
- package/templates/assets/icons/group.svg +3 -0
- package/templates/assets/icons/hd.svg +3 -0
- package/templates/assets/icons/headphone.svg +3 -0
- package/templates/assets/icons/headset.svg +3 -0
- package/templates/assets/icons/heart.svg +3 -0
- package/templates/assets/icons/hidden.svg +3 -0
- package/templates/assets/icons/home.svg +3 -0
- package/templates/assets/icons/hourglass.svg +3 -0
- package/templates/assets/icons/hq.svg +3 -0
- package/templates/assets/icons/human-handsdown.svg +3 -0
- package/templates/assets/icons/human-handsup.svg +3 -0
- package/templates/assets/icons/human-height-alt.svg +3 -0
- package/templates/assets/icons/human-height.svg +3 -0
- package/templates/assets/icons/human-run.svg +3 -0
- package/templates/assets/icons/human.svg +3 -0
- package/templates/assets/icons/image-arrow-right.svg +3 -0
- package/templates/assets/icons/image-broken.svg +3 -0
- package/templates/assets/icons/image-delete.svg +3 -0
- package/templates/assets/icons/image-flash.svg +3 -0
- package/templates/assets/icons/image-frame.svg +3 -0
- package/templates/assets/icons/image-gallery.svg +3 -0
- package/templates/assets/icons/image-multiple.svg +3 -0
- package/templates/assets/icons/image-new.svg +3 -0
- package/templates/assets/icons/image-plus.svg +3 -0
- package/templates/assets/icons/image.svg +3 -0
- package/templates/assets/icons/inbox-all.svg +3 -0
- package/templates/assets/icons/inbox-full.svg +3 -0
- package/templates/assets/icons/inbox.svg +3 -0
- package/templates/assets/icons/info-box.svg +3 -0
- package/templates/assets/icons/invert.svg +3 -0
- package/templates/assets/icons/iso.svg +3 -0
- package/templates/assets/icons/kanban.svg +3 -0
- package/templates/assets/icons/keyboard.svg +3 -0
- package/templates/assets/icons/label-alt-multiple.svg +3 -0
- package/templates/assets/icons/label-alt.svg +3 -0
- package/templates/assets/icons/label-sharp.svg +3 -0
- package/templates/assets/icons/label.svg +3 -0
- package/templates/assets/icons/layout-align-bottom.svg +3 -0
- package/templates/assets/icons/layout-align-left.svg +3 -0
- package/templates/assets/icons/layout-align-right.svg +3 -0
- package/templates/assets/icons/layout-align-top.svg +3 -0
- package/templates/assets/icons/layout-columns.svg +3 -0
- package/templates/assets/icons/layout-distribute-horizontal.svg +3 -0
- package/templates/assets/icons/layout-distribute-vertical.svg +3 -0
- package/templates/assets/icons/layout-footer.svg +3 -0
- package/templates/assets/icons/layout-header.svg +3 -0
- package/templates/assets/icons/layout-rows.svg +3 -0
- package/templates/assets/icons/layout-sidebar-left.svg +3 -0
- package/templates/assets/icons/layout-sidebar-right.svg +3 -0
- package/templates/assets/icons/layout.svg +3 -0
- package/templates/assets/icons/lightbulb-2.svg +3 -0
- package/templates/assets/icons/lightbulb-on.svg +3 -0
- package/templates/assets/icons/lightbulb.svg +3 -0
- package/templates/assets/icons/link.svg +3 -0
- package/templates/assets/icons/list-box.svg +3 -0
- package/templates/assets/icons/list.svg +3 -0
- package/templates/assets/icons/loader.svg +3 -0
- package/templates/assets/icons/lock-open.svg +3 -0
- package/templates/assets/icons/lock.svg +3 -0
- package/templates/assets/icons/login.svg +3 -0
- package/templates/assets/icons/logout.svg +3 -0
- package/templates/assets/icons/luggage.svg +3 -0
- package/templates/assets/icons/mail-arrow-right.svg +3 -0
- package/templates/assets/icons/mail-check.svg +3 -0
- package/templates/assets/icons/mail-delete.svg +3 -0
- package/templates/assets/icons/mail-flash.svg +3 -0
- package/templates/assets/icons/mail-multiple.svg +3 -0
- package/templates/assets/icons/mail-off.svg +3 -0
- package/templates/assets/icons/mail-unread.svg +3 -0
- package/templates/assets/icons/mail.svg +3 -0
- package/templates/assets/icons/map.svg +3 -0
- package/templates/assets/icons/mastodon.svg +3 -0
- package/templates/assets/icons/membercard.svg +3 -0
- package/templates/assets/icons/menu.svg +3 -0
- package/templates/assets/icons/message-arrow-left.svg +3 -0
- package/templates/assets/icons/message-arrow-right.svg +3 -0
- package/templates/assets/icons/message-bookmark.svg +3 -0
- package/templates/assets/icons/message-clock.svg +3 -0
- package/templates/assets/icons/message-delete.svg +3 -0
- package/templates/assets/icons/message-flash.svg +3 -0
- package/templates/assets/icons/message-image.svg +3 -0
- package/templates/assets/icons/message-minus.svg +3 -0
- package/templates/assets/icons/message-plus.svg +3 -0
- package/templates/assets/icons/message-processing.svg +3 -0
- package/templates/assets/icons/message-reply.svg +3 -0
- package/templates/assets/icons/message-text.svg +3 -0
- package/templates/assets/icons/message.svg +3 -0
- package/templates/assets/icons/minus.svg +3 -0
- package/templates/assets/icons/missed-call.svg +3 -0
- package/templates/assets/icons/modem.svg +3 -0
- package/templates/assets/icons/money.svg +3 -0
- package/templates/assets/icons/monitor.svg +3 -0
- package/templates/assets/icons/mood-happy.svg +3 -0
- package/templates/assets/icons/mood-neutral.svg +3 -0
- package/templates/assets/icons/mood-sad.svg +3 -0
- package/templates/assets/icons/moon-star.svg +3 -0
- package/templates/assets/icons/moon-stars.svg +3 -0
- package/templates/assets/icons/moon.svg +3 -0
- package/templates/assets/icons/more-horizontal.svg +3 -0
- package/templates/assets/icons/more-vertical.svg +3 -0
- package/templates/assets/icons/mouse.svg +3 -0
- package/templates/assets/icons/move.svg +3 -0
- package/templates/assets/icons/movie.svg +3 -0
- package/templates/assets/icons/music.svg +3 -0
- package/templates/assets/icons/next.svg +3 -0
- package/templates/assets/icons/note-delete.svg +3 -0
- package/templates/assets/icons/note-multiple.svg +3 -0
- package/templates/assets/icons/note-plus.svg +3 -0
- package/templates/assets/icons/note.svg +3 -0
- package/templates/assets/icons/notes-delete.svg +3 -0
- package/templates/assets/icons/notes-multiple.svg +3 -0
- package/templates/assets/icons/notes-plus.svg +3 -0
- package/templates/assets/icons/notes.svg +3 -0
- package/templates/assets/icons/notification-off.svg +3 -0
- package/templates/assets/icons/notification.svg +3 -0
- package/templates/assets/icons/open.svg +3 -0
- package/templates/assets/icons/paint-bucket.svg +3 -0
- package/templates/assets/icons/paperclip.svg +3 -0
- package/templates/assets/icons/pause.svg +3 -0
- package/templates/assets/icons/percent.svg +3 -0
- package/templates/assets/icons/picture-in-picture-alt.svg +3 -0
- package/templates/assets/icons/picture-in-picture.svg +3 -0
- package/templates/assets/icons/pin.svg +3 -0
- package/templates/assets/icons/pixelarticons.svg +3 -0
- package/templates/assets/icons/play.svg +3 -0
- package/templates/assets/icons/playlist.svg +3 -0
- package/templates/assets/icons/plus.svg +3 -0
- package/templates/assets/icons/power.svg +3 -0
- package/templates/assets/icons/prev.svg +3 -0
- package/templates/assets/icons/print.svg +3 -0
- package/templates/assets/icons/radio-handheld.svg +3 -0
- package/templates/assets/icons/radio-on.svg +3 -0
- package/templates/assets/icons/radio-signal.svg +3 -0
- package/templates/assets/icons/radio-tower.svg +3 -0
- package/templates/assets/icons/reciept-alt.svg +3 -0
- package/templates/assets/icons/reciept.svg +3 -0
- package/templates/assets/icons/redo.svg +3 -0
- package/templates/assets/icons/reload.svg +3 -0
- package/templates/assets/icons/remove-box-multiple.svg +3 -0
- package/templates/assets/icons/remove-box.svg +3 -0
- package/templates/assets/icons/repeat.svg +3 -0
- package/templates/assets/icons/reply-all.svg +3 -0
- package/templates/assets/icons/reply.svg +3 -0
- package/templates/assets/icons/rounded-corner.svg +3 -0
- package/templates/assets/icons/save.svg +3 -0
- package/templates/assets/icons/scale.svg +3 -0
- package/templates/assets/icons/script-text.svg +3 -0
- package/templates/assets/icons/script.svg +3 -0
- package/templates/assets/icons/scroll-horizontal.svg +3 -0
- package/templates/assets/icons/scroll-vertical.svg +3 -0
- package/templates/assets/icons/sd.svg +3 -0
- package/templates/assets/icons/search.svg +3 -0
- package/templates/assets/icons/section-copy.svg +3 -0
- package/templates/assets/icons/section-minus.svg +3 -0
- package/templates/assets/icons/section-plus.svg +3 -0
- package/templates/assets/icons/section-x.svg +3 -0
- package/templates/assets/icons/section.svg +3 -0
- package/templates/assets/icons/server.svg +3 -0
- package/templates/assets/icons/sharp-corner.svg +3 -0
- package/templates/assets/icons/shield-off.svg +3 -0
- package/templates/assets/icons/shield.svg +3 -0
- package/templates/assets/icons/ship.svg +3 -0
- package/templates/assets/icons/shopping-bag.svg +3 -0
- package/templates/assets/icons/shuffle.svg +3 -0
- package/templates/assets/icons/sliders-2.svg +3 -0
- package/templates/assets/icons/sliders.svg +3 -0
- package/templates/assets/icons/sort-alphabetic.svg +3 -0
- package/templates/assets/icons/sort-numeric.svg +3 -0
- package/templates/assets/icons/sort.svg +3 -0
- package/templates/assets/icons/speaker.svg +3 -0
- package/templates/assets/icons/speed-fast.svg +3 -0
- package/templates/assets/icons/speed-medium.svg +3 -0
- package/templates/assets/icons/speed-slow.svg +3 -0
- package/templates/assets/icons/spotlight.svg +3 -0
- package/templates/assets/icons/store.svg +3 -0
- package/templates/assets/icons/subscriptions.svg +3 -0
- package/templates/assets/icons/subtitles.svg +3 -0
- package/templates/assets/icons/suitcase.svg +3 -0
- package/templates/assets/icons/sun-alt.svg +3 -0
- package/templates/assets/icons/sun.svg +3 -0
- package/templates/assets/icons/switch.svg +3 -0
- package/templates/assets/icons/sync.svg +3 -0
- package/templates/assets/icons/tab.svg +3 -0
- package/templates/assets/icons/table.svg +3 -0
- package/templates/assets/icons/tea.svg +3 -0
- package/templates/assets/icons/teach.svg +3 -0
- package/templates/assets/icons/text-add.svg +3 -0
- package/templates/assets/icons/text-colums.svg +3 -0
- package/templates/assets/icons/text-search.svg +3 -0
- package/templates/assets/icons/text-wrap.svg +3 -0
- package/templates/assets/icons/timeline.svg +3 -0
- package/templates/assets/icons/toggle-left.svg +3 -0
- package/templates/assets/icons/toggle-right.svg +3 -0
- package/templates/assets/icons/tournament.svg +3 -0
- package/templates/assets/icons/track-changes.svg +3 -0
- package/templates/assets/icons/trash-alt.svg +3 -0
- package/templates/assets/icons/trash.svg +3 -0
- package/templates/assets/icons/trending-down.svg +3 -0
- package/templates/assets/icons/trending-up.svg +3 -0
- package/templates/assets/icons/trending.svg +3 -0
- package/templates/assets/icons/trophy.svg +3 -0
- package/templates/assets/icons/truck.svg +3 -0
- package/templates/assets/icons/undo.svg +3 -0
- package/templates/assets/icons/ungroup.svg +3 -0
- package/templates/assets/icons/unlink.svg +3 -0
- package/templates/assets/icons/upload.svg +3 -0
- package/templates/assets/icons/user-minus.svg +3 -0
- package/templates/assets/icons/user-plus.svg +3 -0
- package/templates/assets/icons/user-x.svg +3 -0
- package/templates/assets/icons/user.svg +3 -0
- package/templates/assets/icons/users.svg +3 -0
- package/templates/assets/icons/video-off.svg +3 -0
- package/templates/assets/icons/video.svg +3 -0
- package/templates/assets/icons/view-col.svg +3 -0
- package/templates/assets/icons/view-list.svg +3 -0
- package/templates/assets/icons/viewport-narrow.svg +3 -0
- package/templates/assets/icons/viewport-wide.svg +3 -0
- package/templates/assets/icons/visible.svg +3 -0
- package/templates/assets/icons/volume-1.svg +3 -0
- package/templates/assets/icons/volume-2.svg +3 -0
- package/templates/assets/icons/volume-3.svg +3 -0
- package/templates/assets/icons/volume-minus.svg +3 -0
- package/templates/assets/icons/volume-plus.svg +3 -0
- package/templates/assets/icons/volume-vibrate.svg +3 -0
- package/templates/assets/icons/volume-x.svg +3 -0
- package/templates/assets/icons/volume.svg +3 -0
- package/templates/assets/icons/wallet.svg +3 -0
- package/templates/assets/icons/warning-box.svg +3 -0
- package/templates/assets/icons/wind.svg +3 -0
- package/templates/assets/icons/zap.svg +3 -0
- package/templates/assets/icons/zoom-in.svg +3 -0
- package/templates/assets/icons/zoom-out.svg +3 -0
- package/templates/components/Accordion/Accordion.component.vue +36 -0
- package/templates/components/Accordion/Accordion.types.ts +8 -0
- package/templates/components/Accordion/AccordionItem.component.vue +90 -0
- package/templates/components/Accordion/index.ts +13 -0
- package/templates/components/Alert/Alert.component.vue +82 -0
- package/templates/components/Alert/Alert.styles.ts +0 -0
- package/templates/components/Alert/Alert.types.ts +14 -0
- package/templates/components/Alert/AlertItem.component.vue +55 -0
- package/templates/components/Alert/composables/index.ts +1 -0
- package/templates/components/Alert/composables/useAlert.composable.ts +17 -0
- package/templates/components/Alert/index.ts +11 -0
- package/templates/components/Avatar/Avatar.component.vue +53 -0
- package/templates/components/Avatar/Avatar.styles.ts +27 -0
- package/templates/components/Avatar/Avatar.types.ts +6 -0
- package/templates/components/Avatar/index.ts +4 -0
- package/templates/components/Badge/Badge.component.vue +91 -0
- package/templates/components/Badge/Badge.styles.ts +53 -0
- package/templates/components/Badge/Badge.types.ts +12 -0
- package/templates/components/Badge/index.ts +4 -0
- package/templates/components/Button/Button.component.vue +103 -0
- package/templates/components/Button/Button.styles.ts +40 -0
- package/templates/components/Button/Button.types.ts +14 -0
- package/templates/components/Button/index.ts +4 -0
- package/templates/components/Calendar/Calendar.component.vue +197 -0
- package/templates/components/Calendar/Calendar.styles.ts +23 -0
- package/templates/components/Calendar/Calendar.types.ts +6 -0
- package/templates/components/Calendar/index.ts +4 -0
- package/templates/components/Card/Card.component.vue +34 -0
- package/templates/components/Card/Card.styles.ts +7 -0
- package/templates/components/Card/Card.types.ts +5 -0
- package/templates/components/Card/index.ts +4 -0
- package/templates/components/Checkbox/Checkbox.component.vue +49 -0
- package/templates/components/Checkbox/Checkbox.styles.ts +21 -0
- package/templates/components/Checkbox/Checkbox.types.ts +3 -0
- package/templates/components/Checkbox/index.ts +4 -0
- package/templates/components/Command/Command.component.vue +100 -0
- package/templates/components/Command/Command.styles.ts +3 -0
- package/templates/components/Command/Command.types.ts +19 -0
- package/templates/components/Command/index.ts +4 -0
- package/templates/components/Icon/Icon.component.vue +20 -0
- package/templates/components/Icon/Icon.types.ts +5 -0
- package/templates/components/Icon/index.ts +4 -0
- package/templates/components/IconButton/IconButton.component.vue +95 -0
- package/templates/components/IconButton/IconButton.styles.ts +29 -0
- package/templates/components/IconButton/IconButton.types.ts +12 -0
- package/templates/components/IconButton/index.ts +4 -0
- package/templates/components/Input/Input.component.vue +98 -0
- package/templates/components/Input/Input.styles.ts +69 -0
- package/templates/components/Input/Input.types.ts +19 -0
- package/templates/components/Input/index.ts +4 -0
- package/templates/components/InputOTP/InputOTP.component.vue +158 -0
- package/templates/components/InputOTP/InputOTP.styles.ts +19 -0
- package/templates/components/InputOTP/InputOTP.types.ts +4 -0
- package/templates/components/InputOTP/index.ts +4 -0
- package/templates/components/Link/Link.component.vue +23 -0
- package/templates/components/Link/Link.types.ts +3 -0
- package/templates/components/Link/index.ts +4 -0
- package/templates/components/Loader/Loader.component.vue +12 -0
- package/templates/components/Loader/Loader.styles.ts +12 -0
- package/templates/components/Loader/Loader.types.ts +3 -0
- package/templates/components/Loader/index.ts +4 -0
- package/templates/components/Modal/Modal.component.vue +68 -0
- package/templates/components/Modal/Modal.styles.ts +7 -0
- package/templates/components/Modal/Modal.types.ts +1 -0
- package/templates/components/Modal/index.ts +4 -0
- package/templates/components/Popover/Popover.component.vue +66 -0
- package/templates/components/Popover/Popover.types.ts +4 -0
- package/templates/components/Popover/index.ts +4 -0
- package/templates/components/Radio/Radio.component.vue +40 -0
- package/templates/components/Radio/Radio.styles.ts +3 -0
- package/templates/components/Radio/Radio.types.ts +6 -0
- package/templates/components/Radio/index.ts +4 -0
- package/templates/components/Scale/Scale.component.vue +27 -0
- package/templates/components/Scale/Scale.types.ts +0 -0
- package/templates/components/Scale/composables/index.ts +1 -0
- package/templates/components/Scale/composables/useScale.composable.ts +13 -0
- package/templates/components/Scale/index.ts +4 -0
- package/templates/components/Select/Select.component.vue +201 -0
- package/templates/components/Select/Select.styles.ts +74 -0
- package/templates/components/Select/Select.types.ts +31 -0
- package/templates/components/Select/composables/index.ts +1 -0
- package/templates/components/Select/composables/useSelect.composable.ts +118 -0
- package/templates/components/Select/index.ts +15 -0
- package/templates/components/Separator/Separator.component.vue +22 -0
- package/templates/components/Separator/Separator.styles.ts +11 -0
- package/templates/components/Separator/Separator.types.ts +3 -0
- package/templates/components/Separator/index.ts +4 -0
- package/templates/components/Sheet/Sheet.component.vue +80 -0
- package/templates/components/Sheet/Sheet.styles.ts +11 -0
- package/templates/components/Sheet/Sheet.types.ts +3 -0
- package/templates/components/Sheet/index.ts +4 -0
- package/templates/components/Skeleton/Skeleton.component.vue +21 -0
- package/templates/components/Skeleton/Skeleton.styles.ts +5 -0
- package/templates/components/Skeleton/Skeleton.types.ts +1 -0
- package/templates/components/Skeleton/index.ts +4 -0
- package/templates/components/Slider/Slider.component.vue +51 -0
- package/templates/components/Slider/Slider.styles.ts +13 -0
- package/templates/components/Slider/Slider.types.ts +6 -0
- package/templates/components/Slider/index.ts +4 -0
- package/templates/components/Switch/Switch.component.vue +44 -0
- package/templates/components/Switch/Switch.styles.ts +22 -0
- package/templates/components/Switch/Switch.types.ts +3 -0
- package/templates/components/Switch/index.ts +4 -0
- package/templates/components/TableOfContents/TableOfContents.component.vue +118 -0
- package/templates/components/TableOfContents/TableOfContents.styles.ts +23 -0
- package/templates/components/TableOfContents/TableOfContents.types.ts +4 -0
- package/templates/components/TableOfContents/index.ts +4 -0
- package/templates/components/Tabs/Tabs.component.vue +60 -0
- package/templates/components/Tabs/Tabs.styles.ts +17 -0
- package/templates/components/Tabs/Tabs.types.ts +7 -0
- package/templates/components/Tabs/index.ts +4 -0
- package/templates/components/Textarea/Textarea.component.vue +83 -0
- package/templates/components/Textarea/Textarea.styles.ts +50 -0
- package/templates/components/Textarea/Textarea.types.ts +14 -0
- package/templates/components/Textarea/index.ts +4 -0
- package/templates/components/Theme/Theme.component.vue +82 -0
- package/templates/components/Theme/Theme.types.ts +1 -0
- package/templates/components/Theme/composables/index.ts +1 -0
- package/templates/components/Theme/composables/useTheme.composable.ts +15 -0
- package/templates/components/Theme/index.ts +5 -0
- package/templates/components/TimePicker/TimePicker.component.vue +115 -0
- package/templates/components/TimePicker/TimePicker.styles.ts +5 -0
- package/templates/components/TimePicker/TimePicker.types.ts +3 -0
- package/templates/components/TimePicker/index.ts +4 -0
- package/templates/components/Toast/Toast.component.vue +78 -0
- package/templates/components/Toast/Toast.styles.ts +0 -0
- package/templates/components/Toast/Toast.types.ts +6 -0
- package/templates/components/Toast/ToastItem.component.vue +20 -0
- package/templates/components/Toast/composables/index.ts +1 -0
- package/templates/components/Toast/composables/useToast.composable.ts +17 -0
- package/templates/components/Toast/index.ts +11 -0
- package/templates/components/Toggle/Toggle.component.vue +53 -0
- package/templates/components/Toggle/Toggle.styles.ts +20 -0
- package/templates/components/Toggle/Toggle.types.ts +8 -0
- package/templates/components/Toggle/index.ts +4 -0
- package/templates/components/Tooltip/Tooltip.component.vue +57 -0
- package/templates/components/Tooltip/Tooltip.types.ts +4 -0
- package/templates/components/Tooltip/index.ts +4 -0
- package/templates/components.json +202 -0
- package/templates/composables/usePosition.ts +106 -0
- package/templates/nuxt.config.ts +13 -0
- package/templates/scripts/generateIconTypes.script.js +48 -0
- package/templates/tailwind.config.ts +12 -0
- package/templates/tsconfig.json +11 -0
- package/templates/types/icons.ts +492 -0
- package/templates/types/styles.d.ts +4 -0
- package/templates/utils/styles.ts +109 -0
- package/templates/utils/twMerge.ts +41 -0
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M13 0h-2v4h2V0ZM0 11v2h4v-2H0Zm24 0v2h-4v-2h4ZM13 24h-2v-4h2v4ZM8 6h8v2H8V6ZM6 8h2v8H6V8Zm2 10v-2h8v2H8Zm10-2h-2V8h2v8Zm2-14h2v2h-2V2Zm0 2v2h-2V4h2Zm2 18h-2v-2h2v2Zm-2-2h-2v-2h2v2ZM4 2H2v2h2v2h2V4H4V2ZM2 22h2v-2h2v-2H4v2H2v2Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M13 3h-2v2h2V3zm4 2h2v2h-2V5zm-6 6h2v2h-2v-2zm-8 0h2v2H3v-2zm18 0h-2v2h2v-2zM5 5h2v2H5V5zm14 14h-2v-2h2v2zm-8 2h2v-2h-2v2zm-4-2H5v-2h2v2zM9 7h6v2H9V7zm0 8H7V9h2v6zm0 0v2h6v-2h2V9h-2v6H9z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M3 5V3h2v2H3zm4 2H5V5h2v2zm2 2H7V7h2v2zm2 2H9V9h2v2zm2 0h-2v2h2v2h2v2h2v2h-2v2h6v-6h-2v2h-2v-2h-2v-2h-2v-2zm2-2v2h-2V9h2zm2-2v2h-2V7h2zm0-2v2h2v2h2V3h-6v2h2zM5 19v-2h2v2H5zm0 0v2H3v-2h2zm2-2v-2h2v2H7z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M11 0H5v2H3v6h2v2h6V8H5V2h6V0zm0 2h2v6h-2V2zM0 14h2v4h12v2H0v-6zm2 0h12v-2H2v2zm14 0h-2v6h2v-6zM15 0h4v2h-4V0zm4 8h-4v2h4V8zm0-6h2v6h-2V2zm5 12h-2v4h-4v2h6v-6zm-6-2h4v2h-4v-2z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M10 2H8v4h2V4h4v2h2V2h-6zM8 20v-2h2v2h4v-2h2v4H8v-2zm9-9h5v2h-5v2h-2v-2h-2v-2h2V9h2v2zm0-2V7h2v2h-2zm0 6h2v2h-2v-2zM2 11h5V9h2v2h2v2H9v2H7v-2H2v-2zm5 4v2H5v-2h2zm0-6V7H5v2h2z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path fill="currentColor" d="M0 0h2v2H0V0Zm2 2h2v2H2V2Zm18 0h2v2h-2V2Zm2-2h2v2h-2V0ZM2 20h2v2H2v-2Zm-2 2h2v2H0v-2Zm20-2h2v2h-2v-2Zm2 2h2v2h-2v-2ZM8 17h8v2H8v-2Zm8-2h4v2h-4v-2Zm-8 0H4v2h4v-2Zm8-8h4v2h-4V7ZM8 7H4v2h4V7Zm12 2h2v2h-2V9ZM4 9H2v2h2V9Zm18 2h2v2h-2v-2ZM2 11H0v2h2v-2Zm18 2h2v2h-2v-2ZM4 13H2v2h2v-2Zm4-8h8v2H8V5Zm2 5h4v4h-4v-4Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M11 2H9v2H7v2H5v2H1v8h4v2h2v2h2v2h2V2zM7 18v-2H5v-2H3v-4h2V8h2V6h2v12H7zm6-8h2v4h-2v-4zm8-6h-2V2h-6v2h6v2h2v12h-2v2h-6v2h6v-2h2v-2h2V6h-2V4zm-2 4h-2V6h-4v2h4v8h-4v2h4v-2h2V8z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M14 2h-2v2h-2v2H8v2H4v8h4v2h2v2h2v2h2V2zm-4 16v-2H8v-2H6v-4h2V8h2V6h2v12h-2zm8-15h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2V9h-2V7h2V5h-2V3z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="flex flex-col gap-2">
|
|
3
|
+
<slot />
|
|
4
|
+
</div>
|
|
5
|
+
</template>
|
|
6
|
+
|
|
7
|
+
<script setup lang="ts">
|
|
8
|
+
import { type UixyAccordionProps } from "./Accordion.types";
|
|
9
|
+
|
|
10
|
+
const props = defineProps<UixyAccordionProps>();
|
|
11
|
+
|
|
12
|
+
const accordionItems = reactive(new Set<string | number>());
|
|
13
|
+
|
|
14
|
+
const registerAccordionItem = (id: string) => accordionItems.add(id);
|
|
15
|
+
|
|
16
|
+
const unregisterAccordionItem = (id: string) => accordionItems.delete(id);
|
|
17
|
+
|
|
18
|
+
const toggleAccordionItem = (id: string) => {
|
|
19
|
+
if (props.multiple)
|
|
20
|
+
return accordionItems.has(id)
|
|
21
|
+
? accordionItems.delete(id)
|
|
22
|
+
: accordionItems.add(id);
|
|
23
|
+
|
|
24
|
+
if (accordionItems.has(id)) return accordionItems.delete(id);
|
|
25
|
+
|
|
26
|
+
accordionItems.clear();
|
|
27
|
+
accordionItems.add(id);
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
const isAccordionItemOpen = (id: string) => accordionItems.has(id);
|
|
31
|
+
|
|
32
|
+
provide("registerAccordionItem", registerAccordionItem);
|
|
33
|
+
provide("unregisterAccordionItem", unregisterAccordionItem);
|
|
34
|
+
provide("toggleAccordionItem", toggleAccordionItem);
|
|
35
|
+
provide("isAccordionItemOpen", isAccordionItemOpen);
|
|
36
|
+
</script>
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="border-b border-solid border-gray-500 py-2">
|
|
3
|
+
<slot name="header" :toggle="handleToggle" :keydown="handleKeydown">
|
|
4
|
+
<button
|
|
5
|
+
class="group flex w-full cursor-pointer select-none items-center justify-between gap-4 rounded-1 py-1"
|
|
6
|
+
@click="handleToggle"
|
|
7
|
+
@keydown="handleKeydown"
|
|
8
|
+
:aria-expanded="isOpen"
|
|
9
|
+
:aria-controls="`controls-${id}`"
|
|
10
|
+
:aria-labelledby="`header-${id}`"
|
|
11
|
+
>
|
|
12
|
+
<p class="text-lg font-400 group-hover:underline" :id="`header-${id}`">
|
|
13
|
+
{{ props.header }}
|
|
14
|
+
</p>
|
|
15
|
+
|
|
16
|
+
<div
|
|
17
|
+
class="transition flex items-center justify-center"
|
|
18
|
+
:class="{
|
|
19
|
+
'-rotate-180': isOpen,
|
|
20
|
+
}"
|
|
21
|
+
>
|
|
22
|
+
<uixy-icon name="chevron-down" class="size-6" />
|
|
23
|
+
</div>
|
|
24
|
+
</button>
|
|
25
|
+
</slot>
|
|
26
|
+
<animate-presence mode="wait">
|
|
27
|
+
<motion.div
|
|
28
|
+
v-if="isOpen"
|
|
29
|
+
:initial="{ opacity: 0, height: 0 }"
|
|
30
|
+
:animate="{ opacity: 1, height: 'auto' }"
|
|
31
|
+
:exit="{ opacity: 0.3, height: 0 }"
|
|
32
|
+
:transition="{ duration: 0.15 }"
|
|
33
|
+
class="text-sm text-gray-800 dark:text-gray-300 overflow-hidden"
|
|
34
|
+
:id="`controls-${id}`"
|
|
35
|
+
>
|
|
36
|
+
<slot></slot>
|
|
37
|
+
</motion.div>
|
|
38
|
+
</animate-presence>
|
|
39
|
+
</div>
|
|
40
|
+
</template>
|
|
41
|
+
|
|
42
|
+
<script setup lang="ts">
|
|
43
|
+
import { AnimatePresence, motion } from "motion-v";
|
|
44
|
+
import { UixyIcon } from "../Icon";
|
|
45
|
+
import { type UixyAccordionItemProps } from "./Accordion.types";
|
|
46
|
+
|
|
47
|
+
const props = defineProps<UixyAccordionItemProps>();
|
|
48
|
+
|
|
49
|
+
const id = useId();
|
|
50
|
+
|
|
51
|
+
const registerAccordionItem = inject("registerAccordionItem") as (
|
|
52
|
+
id: string
|
|
53
|
+
) => void;
|
|
54
|
+
|
|
55
|
+
const unregisterAccordionItem = inject("unregisterAccordionItem") as (
|
|
56
|
+
id: string
|
|
57
|
+
) => void;
|
|
58
|
+
|
|
59
|
+
const toggleAccordionItem = inject("toggleAccordionItem") as (
|
|
60
|
+
id: string
|
|
61
|
+
) => void;
|
|
62
|
+
|
|
63
|
+
const isAccordionItemOpen = inject("isAccordionItemOpen") as (
|
|
64
|
+
id: string
|
|
65
|
+
) => boolean;
|
|
66
|
+
|
|
67
|
+
if (
|
|
68
|
+
!registerAccordionItem ||
|
|
69
|
+
!unregisterAccordionItem ||
|
|
70
|
+
!toggleAccordionItem ||
|
|
71
|
+
!isAccordionItemOpen
|
|
72
|
+
) {
|
|
73
|
+
throw new Error("AccordionItem must be used inside Accordion.");
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
const isOpen = computed(() => isAccordionItemOpen(id));
|
|
77
|
+
|
|
78
|
+
const handleToggle = () => toggleAccordionItem(id);
|
|
79
|
+
|
|
80
|
+
const handleKeydown = (e: KeyboardEvent) => {
|
|
81
|
+
if (e.key !== "Enter" && e.key !== " ") return;
|
|
82
|
+
|
|
83
|
+
e.preventDefault();
|
|
84
|
+
handleToggle();
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
onMounted(() => {
|
|
88
|
+
if (props.defaultOpen) toggleAccordionItem(id);
|
|
89
|
+
});
|
|
90
|
+
</script>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import UixyAccordion from "./Accordion.component.vue";
|
|
2
|
+
import UixyAccordionItem from "./AccordionItem.component.vue";
|
|
3
|
+
import {
|
|
4
|
+
type UixyAccordionProps,
|
|
5
|
+
type UixyAccordionItemProps,
|
|
6
|
+
} from "./Accordion.types";
|
|
7
|
+
|
|
8
|
+
export {
|
|
9
|
+
UixyAccordion,
|
|
10
|
+
UixyAccordionItem,
|
|
11
|
+
type UixyAccordionProps,
|
|
12
|
+
type UixyAccordionItemProps,
|
|
13
|
+
};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<teleport to="body">
|
|
3
|
+
<div
|
|
4
|
+
class="pointer-events-none fixed bottom-0 right-0 z-10 w-full max-w-[520px] min-h-screen md:pb-8 md:pr-8 flex flex-col justify-end"
|
|
5
|
+
>
|
|
6
|
+
<ul
|
|
7
|
+
class="flex h-full max-w-[100vw] flex-col justify-end gap-4 px-2 py-4 md:p-0"
|
|
8
|
+
aria-live="polite"
|
|
9
|
+
>
|
|
10
|
+
<animate-presence :initial="false" mode="popLayout">
|
|
11
|
+
<motion.li
|
|
12
|
+
v-for="alert in alerts"
|
|
13
|
+
:key="alert.id"
|
|
14
|
+
layout
|
|
15
|
+
class="pointer-events-auto"
|
|
16
|
+
:initial="{ opacity: 0, y: 50, scale: 0.5 }"
|
|
17
|
+
:animate="{ opacity: 1, y: 0, scale: 1 }"
|
|
18
|
+
:exit="{ opacity: 0, scale: 0.5, transition: { duration: 0.2 } }"
|
|
19
|
+
role="alert"
|
|
20
|
+
>
|
|
21
|
+
<uixy-alert-item
|
|
22
|
+
v-bind="alert"
|
|
23
|
+
:key="alert.id"
|
|
24
|
+
@close-alert="close(alert.id)"
|
|
25
|
+
/>
|
|
26
|
+
</motion.li>
|
|
27
|
+
</animate-presence>
|
|
28
|
+
</ul>
|
|
29
|
+
</div>
|
|
30
|
+
</teleport>
|
|
31
|
+
<slot />
|
|
32
|
+
</template>
|
|
33
|
+
|
|
34
|
+
<script setup lang="ts">
|
|
35
|
+
import { motion, AnimatePresence } from "motion-v";
|
|
36
|
+
import UixyAlertItem from "./AlertItem.component.vue";
|
|
37
|
+
import type { UixyAlertItemProps, UixyAlertProps } from "./Alert.types";
|
|
38
|
+
import { v4 as uuidv4 } from "uuid";
|
|
39
|
+
|
|
40
|
+
defineProps<UixyAlertProps>();
|
|
41
|
+
|
|
42
|
+
const alerts = ref<UixyAlertItemProps[]>([]);
|
|
43
|
+
|
|
44
|
+
const timeouts = reactive<
|
|
45
|
+
{ id: string; timeout: ReturnType<typeof setTimeout> }[]
|
|
46
|
+
>([]);
|
|
47
|
+
|
|
48
|
+
const push = (alert: Omit<UixyAlertItemProps, "id">) => {
|
|
49
|
+
const id = uuidv4();
|
|
50
|
+
|
|
51
|
+
alerts.value = [
|
|
52
|
+
...alerts.value,
|
|
53
|
+
{
|
|
54
|
+
...alert,
|
|
55
|
+
id,
|
|
56
|
+
},
|
|
57
|
+
];
|
|
58
|
+
|
|
59
|
+
timeouts.push({
|
|
60
|
+
id,
|
|
61
|
+
timeout: setTimeout(() => {
|
|
62
|
+
alerts.value = alerts.value.filter((a) => a.id !== id);
|
|
63
|
+
}, 8000),
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
const close = (id: string) => {
|
|
68
|
+
alerts.value = alerts.value.filter((alert) => {
|
|
69
|
+
if (alert.id === id) {
|
|
70
|
+
const timeout = timeouts.find((t) => t.id === id);
|
|
71
|
+
if (timeout) {
|
|
72
|
+
clearTimeout(timeout.timeout);
|
|
73
|
+
}
|
|
74
|
+
return false;
|
|
75
|
+
}
|
|
76
|
+
return true;
|
|
77
|
+
});
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
provide("push-alert", push);
|
|
81
|
+
provide("close-alert", close);
|
|
82
|
+
</script>
|
|
File without changes
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type IconName } from "~/types/icons";
|
|
2
|
+
import type { UixyButtonProps } from "../Button";
|
|
3
|
+
|
|
4
|
+
export interface UixyAlertProps {}
|
|
5
|
+
|
|
6
|
+
export interface UixyAlertItemProps {
|
|
7
|
+
id: string;
|
|
8
|
+
label: string;
|
|
9
|
+
content?: string;
|
|
10
|
+
icon?: IconName;
|
|
11
|
+
action?: UixyButtonProps;
|
|
12
|
+
timer?: boolean;
|
|
13
|
+
showClose?: boolean;
|
|
14
|
+
}
|