@nmorph/nmorph-ui-kit 2.2.13 → 2.2.16
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 +0 -8
- package/dist/assets/icons/add-location.svg.js +5 -5
- package/dist/assets/icons/aim.svg.js +4 -4
- package/dist/assets/icons/alarm-clock.svg.js +4 -4
- package/dist/assets/icons/apple.svg.js +3 -3
- package/dist/assets/icons/archive.svg.js +4 -4
- package/dist/assets/icons/arrow-down.svg.js +3 -3
- package/dist/assets/icons/arrow-left.svg.js +3 -3
- package/dist/assets/icons/arrow-right.svg.js +3 -3
- package/dist/assets/icons/arrow-up.svg.js +3 -3
- package/dist/assets/icons/audio.svg.js +3 -3
- package/dist/assets/icons/avatar.svg.js +3 -3
- package/dist/assets/icons/back.svg.js +4 -4
- package/dist/assets/icons/bell-filled.svg.js +3 -3
- package/dist/assets/icons/bell.svg.js +5 -5
- package/dist/assets/icons/bicycle.svg.js +2 -2
- package/dist/assets/icons/bottom-left.svg.js +4 -4
- package/dist/assets/icons/bottom-right.svg.js +4 -4
- package/dist/assets/icons/bottom.svg.js +3 -3
- package/dist/assets/icons/burger.svg.js +3 -3
- package/dist/assets/icons/calendar.svg.js +3 -3
- package/dist/assets/icons/camera.svg.js +3 -3
- package/dist/assets/icons/caret-bottom.svg.js +3 -3
- package/dist/assets/icons/caret-left.svg.js +3 -3
- package/dist/assets/icons/caret-right.svg.js +3 -3
- package/dist/assets/icons/caret-top.svg.js +3 -3
- package/dist/assets/icons/cellphone.svg.js +3 -3
- package/dist/assets/icons/chat-dot-round.svg.js +4 -4
- package/dist/assets/icons/chat-dot-square.svg.js +4 -4
- package/dist/assets/icons/chat-line-round.svg.js +4 -4
- package/dist/assets/icons/chat-line-square.svg.js +4 -4
- package/dist/assets/icons/chat-round.svg.js +3 -3
- package/dist/assets/icons/chat-square.svg.js +3 -3
- package/dist/assets/icons/check.svg.js +3 -3
- package/dist/assets/icons/checked.svg.js +3 -3
- package/dist/assets/icons/cherry.svg.js +3 -3
- package/dist/assets/icons/chevron-double-down.svg.js +3 -3
- package/dist/assets/icons/chevron-down.svg.js +3 -3
- package/dist/assets/icons/chrome-filled.svg.js +5 -5
- package/dist/assets/icons/circle-check-filled.svg.js +3 -3
- package/dist/assets/icons/circle-check.svg.js +4 -4
- package/dist/assets/icons/circle-close-filled.svg.js +3 -3
- package/dist/assets/icons/circle-close.svg.js +4 -4
- package/dist/assets/icons/circle-plus-filled.svg.js +3 -3
- package/dist/assets/icons/circle-plus.svg.js +5 -5
- package/dist/assets/icons/clock.svg.js +5 -5
- package/dist/assets/icons/close.svg.js +3 -3
- package/dist/assets/icons/cloudy.svg.js +3 -3
- package/dist/assets/icons/code.svg.js +3 -3
- package/dist/assets/icons/coffee-cup.svg.js +3 -3
- package/dist/assets/icons/coffee.svg.js +3 -3
- package/dist/assets/icons/coin.svg.js +5 -5
- package/dist/assets/icons/collection-tag.svg.js +3 -3
- package/dist/assets/icons/collection.svg.js +4 -4
- package/dist/assets/icons/compass.svg.js +4 -4
- package/dist/assets/icons/connection.svg.js +4 -4
- package/dist/assets/icons/coordinate.svg.js +4 -4
- package/dist/assets/icons/copy-document.svg.js +4 -4
- package/dist/assets/icons/copy.svg.js +3 -3
- package/dist/assets/icons/cpu.svg.js +4 -4
- package/dist/assets/icons/credit-card.svg.js +4 -4
- package/dist/assets/icons/crop.svg.js +4 -4
- package/dist/assets/icons/cross.svg.js +3 -3
- package/dist/assets/icons/delete-filled.svg.js +3 -3
- package/dist/assets/icons/delete.svg.js +3 -3
- package/dist/assets/icons/dessert.svg.js +3 -3
- package/dist/assets/icons/discount.svg.js +4 -4
- package/dist/assets/icons/doc.svg.js +3 -3
- package/dist/assets/icons/document-add.svg.js +3 -3
- package/dist/assets/icons/document-checked.svg.js +3 -3
- package/dist/assets/icons/document-copy.svg.js +3 -3
- package/dist/assets/icons/document-delete.svg.js +3 -3
- package/dist/assets/icons/document-remove.svg.js +3 -3
- package/dist/assets/icons/document.svg.js +3 -3
- package/dist/assets/icons/download.svg.js +3 -3
- package/dist/assets/icons/edit-pen.svg.js +3 -3
- package/dist/assets/icons/edit.svg.js +4 -4
- package/dist/assets/icons/enlarge.svg.js +3 -3
- package/dist/assets/icons/error.svg.js +4 -4
- package/dist/assets/icons/exit-square.svg.js +4 -4
- package/dist/assets/icons/exit.svg.js +4 -4
- package/dist/assets/icons/expand.svg.js +3 -3
- package/dist/assets/icons/eye-blocked.svg.js +4 -4
- package/dist/assets/icons/eye.svg.js +3 -3
- package/dist/assets/icons/failed.svg.js +3 -3
- package/dist/assets/icons/files.svg.js +3 -3
- package/dist/assets/icons/film.svg.js +4 -4
- package/dist/assets/icons/filter.svg.js +3 -3
- package/dist/assets/icons/finished.svg.js +3 -3
- package/dist/assets/icons/flag.svg.js +3 -3
- package/dist/assets/icons/fold.svg.js +3 -3
- package/dist/assets/icons/folder-add.svg.js +3 -3
- package/dist/assets/icons/folder-checked.svg.js +3 -3
- package/dist/assets/icons/folder-delete.svg.js +3 -3
- package/dist/assets/icons/folder-opened.svg.js +3 -3
- package/dist/assets/icons/folder.svg.js +3 -3
- package/dist/assets/icons/food.svg.js +3 -3
- package/dist/assets/icons/fork-spoon.svg.js +3 -3
- package/dist/assets/icons/full-screen.svg.js +3 -3
- package/dist/assets/icons/goblet-full.svg.js +3 -3
- package/dist/assets/icons/gold-medal.svg.js +4 -4
- package/dist/assets/icons/goods-filled.svg.js +3 -3
- package/dist/assets/icons/goods.svg.js +3 -3
- package/dist/assets/icons/google.svg.js +6 -6
- package/dist/assets/icons/grape.svg.js +3 -3
- package/dist/assets/icons/grid.svg.js +3 -3
- package/dist/assets/icons/guide.svg.js +4 -4
- package/dist/assets/icons/handbag.svg.js +3 -3
- package/dist/assets/icons/headset.svg.js +3 -3
- package/dist/assets/icons/histogram.svg.js +3 -3
- package/dist/assets/icons/hot-water.svg.js +3 -3
- package/dist/assets/icons/house.svg.js +3 -3
- package/dist/assets/icons/ice-cream-round.svg.js +3 -3
- package/dist/assets/icons/ice-drink.svg.js +3 -3
- package/dist/assets/icons/image.svg.js +4 -4
- package/dist/assets/icons/info-filled.svg.js +3 -3
- package/dist/assets/icons/info.svg.js +4 -4
- package/dist/assets/icons/key.svg.js +3 -3
- package/dist/assets/icons/knife-fork.svg.js +3 -3
- package/dist/assets/icons/lightning.svg.js +4 -4
- package/dist/assets/icons/link.svg.js +3 -3
- package/dist/assets/icons/list.svg.js +3 -3
- package/dist/assets/icons/loader.svg.js +2 -2
- package/dist/assets/icons/loading.svg.js +3 -3
- package/dist/assets/icons/location-filled.svg.js +3 -3
- package/dist/assets/icons/location-information.svg.js +5 -5
- package/dist/assets/icons/location.svg.js +4 -4
- package/dist/assets/icons/lock.svg.js +4 -4
- package/dist/assets/icons/logo.svg.js +4 -4
- package/dist/assets/icons/lollipop.svg.js +3 -3
- package/dist/assets/icons/magic-stick.svg.js +3 -3
- package/dist/assets/icons/magnet.svg.js +3 -3
- package/dist/assets/icons/male.svg.js +5 -5
- package/dist/assets/icons/management.svg.js +3 -3
- package/dist/assets/icons/map-location.svg.js +4 -4
- package/dist/assets/icons/medal.svg.js +4 -4
- package/dist/assets/icons/memo.svg.js +5 -5
- package/dist/assets/icons/menu.svg.js +3 -3
- package/dist/assets/icons/message-box.svg.js +3 -3
- package/dist/assets/icons/message.svg.js +4 -4
- package/dist/assets/icons/mic.svg.js +3 -3
- package/dist/assets/icons/microphone.svg.js +3 -3
- package/dist/assets/icons/minus-thin.svg.js +3 -3
- package/dist/assets/icons/minus.svg.js +3 -3
- package/dist/assets/icons/money.svg.js +5 -5
- package/dist/assets/icons/monitor.svg.js +3 -3
- package/dist/assets/icons/moon.svg.js +3 -3
- package/dist/assets/icons/more-filled.svg.js +3 -3
- package/dist/assets/icons/more.svg.js +3 -3
- package/dist/assets/icons/mostly-cloudy.svg.js +3 -3
- package/dist/assets/icons/mouse.svg.js +4 -4
- package/dist/assets/icons/mug.svg.js +3 -3
- package/dist/assets/icons/mute-notification.svg.js +4 -4
- package/dist/assets/icons/mute.svg.js +4 -4
- package/dist/assets/icons/no-smoking.svg.js +3 -3
- package/dist/assets/icons/notebook.svg.js +4 -4
- package/dist/assets/icons/notification.svg.js +4 -4
- package/dist/assets/icons/office-building.svg.js +5 -5
- package/dist/assets/icons/operation.svg.js +3 -3
- package/dist/assets/icons/opportunity.svg.js +3 -3
- package/dist/assets/icons/orange.svg.js +3 -3
- package/dist/assets/icons/paperclip.svg.js +3 -3
- package/dist/assets/icons/partly-cloudy.svg.js +4 -4
- package/dist/assets/icons/pause.svg.js +3 -3
- package/dist/assets/icons/pear.svg.js +3 -3
- package/dist/assets/icons/phone-filled.svg.js +3 -3
- package/dist/assets/icons/phone.svg.js +3 -3
- package/dist/assets/icons/picture.svg.js +4 -4
- package/dist/assets/icons/pie-chart.svg.js +4 -4
- package/dist/assets/icons/place.svg.js +5 -5
- package/dist/assets/icons/platform.svg.js +3 -3
- package/dist/assets/icons/play.svg.js +3 -3
- package/dist/assets/icons/plus-thin.svg.js +3 -3
- package/dist/assets/icons/plus.svg.js +3 -3
- package/dist/assets/icons/pointer.svg.js +3 -3
- package/dist/assets/icons/position.svg.js +3 -3
- package/dist/assets/icons/postcard.svg.js +4 -4
- package/dist/assets/icons/pouring.svg.js +3 -3
- package/dist/assets/icons/present.svg.js +6 -6
- package/dist/assets/icons/price-tag.svg.js +4 -4
- package/dist/assets/icons/printer.svg.js +3 -3
- package/dist/assets/icons/promotion.svg.js +3 -3
- package/dist/assets/icons/quartz-watch.svg.js +5 -5
- package/dist/assets/icons/question-filled.svg.js +3 -3
- package/dist/assets/icons/rank.svg.js +3 -3
- package/dist/assets/icons/reading-lamp.svg.js +4 -4
- package/dist/assets/icons/reading.svg.js +4 -4
- package/dist/assets/icons/record.svg.js +3 -3
- package/dist/assets/icons/refresh-left.svg.js +3 -3
- package/dist/assets/icons/refresh-right.svg.js +3 -3
- package/dist/assets/icons/refresh.svg.js +3 -3
- package/dist/assets/icons/refrigerator.svg.js +3 -3
- package/dist/assets/icons/remove-filled.svg.js +3 -3
- package/dist/assets/icons/remove.svg.js +4 -4
- package/dist/assets/icons/right.svg.js +3 -3
- package/dist/assets/icons/rotate-left.svg.js +3 -3
- package/dist/assets/icons/rotate-right.svg.js +3 -3
- package/dist/assets/icons/scale-to-original.svg.js +3 -3
- package/dist/assets/icons/school.svg.js +5 -5
- package/dist/assets/icons/scissor.svg.js +3 -3
- package/dist/assets/icons/search.svg.js +3 -3
- package/dist/assets/icons/select.svg.js +3 -3
- package/dist/assets/icons/sell.svg.js +3 -3
- package/dist/assets/icons/semi-select.svg.js +3 -3
- package/dist/assets/icons/service.svg.js +3 -3
- package/dist/assets/icons/setting.svg.js +3 -3
- package/dist/assets/icons/share.svg.js +3 -3
- package/dist/assets/icons/ship.svg.js +3 -3
- package/dist/assets/icons/shop.svg.js +3 -3
- package/dist/assets/icons/shopping-bag.svg.js +4 -4
- package/dist/assets/icons/shopping-cart-full.svg.js +4 -4
- package/dist/assets/icons/shopping-cart.svg.js +3 -3
- package/dist/assets/icons/shrink.svg.js +3 -3
- package/dist/assets/icons/smoking.svg.js +4 -4
- package/dist/assets/icons/soccer.svg.js +3 -3
- package/dist/assets/icons/sold-out.svg.js +3 -3
- package/dist/assets/icons/sort-down.svg.js +3 -3
- package/dist/assets/icons/sort-up.svg.js +3 -3
- package/dist/assets/icons/sort.svg.js +3 -3
- package/dist/assets/icons/stamp.svg.js +3 -3
- package/dist/assets/icons/star-filled.svg.js +3 -3
- package/dist/assets/icons/star.svg.js +3 -3
- package/dist/assets/icons/stop.svg.js +3 -3
- package/dist/assets/icons/success-filled.svg.js +3 -3
- package/dist/assets/icons/success.svg.js +3 -3
- package/dist/assets/icons/sugar.svg.js +3 -3
- package/dist/assets/icons/sunny.svg.js +3 -3
- package/dist/assets/icons/sunrise.svg.js +3 -3
- package/dist/assets/icons/sunset.svg.js +3 -3
- package/dist/assets/icons/switch-button.svg.js +4 -4
- package/dist/assets/icons/switch-filled.svg.js +4 -4
- package/dist/assets/icons/switch.svg.js +3 -3
- package/dist/assets/icons/takeaway-box.svg.js +3 -3
- package/dist/assets/icons/ticket.svg.js +3 -3
- package/dist/assets/icons/tickets.svg.js +3 -3
- package/dist/assets/icons/time.svg.js +3 -3
- package/dist/assets/icons/timer.svg.js +5 -5
- package/dist/assets/icons/toilet-paper.svg.js +4 -4
- package/dist/assets/icons/tools.svg.js +3 -3
- package/dist/assets/icons/top-left.svg.js +4 -4
- package/dist/assets/icons/top-right.svg.js +4 -4
- package/dist/assets/icons/top.svg.js +3 -3
- package/dist/assets/icons/trend-charts.svg.js +3 -3
- package/dist/assets/icons/triangle-down.svg.js +3 -3
- package/dist/assets/icons/trophy-base.svg.js +3 -3
- package/dist/assets/icons/trophy.svg.js +3 -3
- package/dist/assets/icons/turn-off.svg.js +4 -4
- package/dist/assets/icons/umbrella.svg.js +3 -3
- package/dist/assets/icons/unlock.svg.js +4 -4
- package/dist/assets/icons/upload-filled.svg.js +3 -3
- package/dist/assets/icons/upload.svg.js +3 -3
- package/dist/assets/icons/user-filled.svg.js +3 -3
- package/dist/assets/icons/user.svg.js +3 -3
- package/dist/assets/icons/users.svg.js +4 -4
- package/dist/assets/icons/van.svg.js +3 -3
- package/dist/assets/icons/video-pause.svg.js +3 -3
- package/dist/assets/icons/video-play.svg.js +3 -3
- package/dist/assets/icons/video.svg.js +4 -4
- package/dist/assets/icons/view.svg.js +3 -3
- package/dist/assets/icons/wallet-filled.svg.js +3 -3
- package/dist/assets/icons/wallet.svg.js +5 -5
- package/dist/assets/icons/warn-triangle-filled.svg.js +3 -3
- package/dist/assets/icons/warning.svg.js +4 -4
- package/dist/assets/icons/watch.svg.js +5 -5
- package/dist/assets/icons/wind-power.svg.js +3 -3
- package/dist/assets/icons/zoom-in.svg.js +3 -3
- package/dist/assets/icons/zoom-out.svg.js +3 -3
- package/dist/components/basic/nmorph-button/NmorphButton.css +1 -1
- package/dist/components/basic/nmorph-button/NmorphButton.vue.js +12 -12
- package/dist/components/basic/nmorph-button/NmorphButton.vue2.js +17 -14
- package/dist/components/basic/nmorph-icon/NmorphIcon.css +1 -1
- package/dist/components/basic/nmorph-link/NmorphLink.css +1 -1
- package/dist/components/data/nmorph-avatar/NmorphAvatar.vue2.js +1 -1
- package/dist/components/data/nmorph-badge/NmorphBadge.css +1 -1
- package/dist/components/data/nmorph-calendar/NmorphCalendar.css +1 -1
- package/dist/components/data/nmorph-calendar/NmorphCalendar.vue2.js +1 -1
- package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.css +1 -1
- package/dist/components/data/nmorph-calendar/utils.js +65 -52
- package/dist/components/data/nmorph-card/NmorphCard.css +1 -1
- package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.css +1 -1
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.css +1 -1
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue.js +39 -37
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue2.js +8 -8
- package/dist/components/data/nmorph-pagination/NmorphPagination.css +1 -1
- package/dist/components/data/nmorph-progress/NmorphProgress.css +1 -1
- package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.css +1 -1
- package/dist/components/data/nmorph-table/NmorphTable.css +1 -1
- package/dist/components/data/nmorph-table/NmorphTable.vue.js +228 -225
- package/dist/components/data/nmorph-table/NmorphTable.vue2.js +57 -43
- package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.css +1 -1
- package/dist/components/data/nmorph-tag-list/NmorphTagList.vue.js +2 -3
- package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.css +1 -1
- package/dist/components/feedback/nmorph-alert/NmorphAlert.css +1 -1
- package/dist/components/feedback/nmorph-callout/NmorphCallout.css +1 -1
- package/dist/components/feedback/nmorph-dialog/NmorphDialog.css +1 -1
- package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue.js +47 -47
- package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue2.js +26 -23
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.css +1 -1
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue.js +3 -3
- package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.css +1 -1
- package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.js +102 -92
- package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue2.js +68 -45
- package/dist/components/form/nmorph-checkbox/NmorphCheckbox.css +1 -1
- package/dist/components/form/nmorph-checkbox/NmorphCheckbox.vue.js +1 -1
- package/dist/components/form/nmorph-color-picker/NmorphColorPicker.css +1 -1
- package/dist/components/form/nmorph-date-picker/NmorphDatePicker.css +1 -1
- package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue2.js +46 -34
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue2.js +1 -1
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.css +1 -1
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.js +12 -12
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.css +1 -1
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.js +6 -6
- package/dist/components/form/nmorph-file-upload/NmorphFileUpload.css +1 -1
- package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue.js +3 -3
- package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.css +1 -1
- package/dist/components/form/nmorph-number-input/NmorphNumberInput.css +1 -1
- package/dist/components/form/nmorph-radio/NmorphRadio.css +1 -1
- package/dist/components/form/nmorph-radio/NmorphRadio.vue.js +1 -1
- package/dist/components/form/nmorph-select/NmorphSelect.css +1 -1
- package/dist/components/form/nmorph-select/NmorphSelect.vue.js +135 -128
- package/dist/components/form/nmorph-select/NmorphSelect.vue2.js +77 -66
- package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.css +1 -1
- package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.js +17 -14
- package/dist/components/form/nmorph-select-button/NmorphSelectButton.css +1 -1
- package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.css +1 -1
- package/dist/components/form/nmorph-slider/NmorphSlider.css +1 -1
- package/dist/components/form/nmorph-switch/NmorphSwitch.css +1 -1
- package/dist/components/form/nmorph-text-input/NmorphTextInput.vue.js +22 -21
- package/dist/components/form/nmorph-text-input/NmorphTextInput.vue2.js +16 -16
- package/dist/components/navigation/nmorph-backtop/NmorphBacktop.css +1 -1
- package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js +52 -42
- package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue2.js +31 -28
- package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue2.js +6 -6
- package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.css +1 -0
- package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.js +50 -0
- package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue2.js +69 -0
- package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.css +1 -1
- package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue.js +23 -23
- package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue2.js +31 -25
- package/dist/components/navigation/nmorph-tabs/NmorphTabs.css +1 -1
- package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue.js +3 -3
- package/dist/components/others/nmorph-overlay/NmorphOverlay.css +1 -1
- package/dist/components/others/nmorph-overlay/NmorphOverlay.vue.js +42 -18
- package/dist/components/others/nmorph-overlay/NmorphOverlay.vue2.js +67 -20
- package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.css +1 -1
- package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.js +2 -3
- package/dist/hooks/use-common-styles.js +62 -35
- package/dist/hooks/use-virtual-list.js +65 -37
- package/dist/icons.d.ts +2 -0
- package/dist/icons.js +539 -0
- package/dist/index.es.js +656 -653
- package/dist/index.umd.js +80 -64
- package/dist/nuxt.mjs +41 -15
- package/dist/package.json.js +1 -1
- package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts +5 -3
- package/dist/src/components/basic/nmorph-icon/NmorphIcon.vue.d.ts +1 -1
- package/dist/src/components/basic/nmorph-link/NmorphLink.vue.d.ts +1 -1
- package/dist/src/components/basic/nmorph-scroll/NmorphScroll.vue.d.ts +3 -1
- package/dist/src/components/data/nmorph-avatar/NmorphAvatar.vue.d.ts +2 -1
- package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts +3 -1
- package/dist/src/components/data/nmorph-calendar/NmorphCalendar.vue.d.ts +2 -2
- package/dist/src/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-calendar/types.d.ts +8 -1
- package/dist/src/components/data/nmorph-calendar/utils.d.ts +2 -1
- package/dist/src/components/data/nmorph-card/NmorphCard.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-carousel/NmorphCarousel.vue.d.ts +3 -1
- package/dist/src/components/data/nmorph-collapse/NmorphCollapse.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.d.ts +3 -1
- package/dist/src/components/data/nmorph-image-preview/NmorphImagePreview.vue.d.ts +1 -0
- package/dist/src/components/data/nmorph-progress/NmorphProgress.vue.d.ts +6 -4
- package/dist/src/components/data/nmorph-skeleton/NmorphSkeleton.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-table/NmorphTable.vue.d.ts +5 -1
- package/dist/src/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.d.ts +3 -1
- package/dist/src/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-tag-list/NmorphTagList.vue.d.ts +1 -1
- package/dist/src/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.d.ts +1 -1
- package/dist/src/components/feedback/nmorph-callout/NmorphCallout.vue.d.ts +1 -1
- package/dist/src/components/feedback/nmorph-dialog/NmorphDialog.vue.d.ts +3 -0
- package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts +5 -1
- package/dist/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts +7 -2
- package/dist/src/components/form/nmorph-checkbox/NmorphCheckbox.vue.d.ts +3 -1
- package/dist/src/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-color-picker/NmorphColorPicker.vue.d.ts +3 -1
- package/dist/src/components/form/nmorph-date-picker/NmorphDatePicker.vue.d.ts +18 -3
- package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-file-upload/NmorphFileUpload.vue.d.ts +3 -1
- package/dist/src/components/form/nmorph-form/NmorphForm.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-number-input/NmorphNumberInput.vue.d.ts +3 -1
- package/dist/src/components/form/nmorph-otp-input/NmorphOTPInput.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-radio/NmorphRadio.vue.d.ts +3 -1
- package/dist/src/components/form/nmorph-radio-group/NmorphRadioGroup.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-select/NmorphSelect.vue.d.ts +7 -1
- package/dist/src/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-select-button/NmorphSelectButton.vue.d.ts +1 -1
- package/dist/src/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue.d.ts +3 -1
- package/dist/src/components/form/nmorph-switch/NmorphSwitch.vue.d.ts +7 -5
- package/dist/src/components/form/nmorph-text-input/NmorphTextInput.vue.d.ts +7 -3
- package/dist/src/components/navigation/index.d.ts +1 -0
- package/dist/src/components/navigation/nmorph-backtop/NmorphBacktop.vue.d.ts +10 -1
- package/dist/src/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue.d.ts +1 -1
- package/dist/src/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.d.ts +1 -2
- package/dist/src/components/navigation/nmorph-breadcrumb/types.d.ts +1 -2
- package/dist/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.d.ts +60 -0
- package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts +16 -1
- package/dist/src/components/navigation/nmorph-tabs/NmorphTabs.vue.d.ts +1 -1
- package/dist/src/components/others/nmorph-divider/NmorphDivider.vue.d.ts +1 -1
- package/dist/src/components/others/nmorph-overlay/NmorphOverlay.vue.d.ts +13 -1
- package/dist/src/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.d.ts +1 -1
- package/dist/src/hooks/use-virtual-list.d.ts +3 -0
- package/dist/src/icons.d.ts +3 -0
- package/dist/src/nuxt/module.d.ts +3 -2
- package/dist/src/styles.d.ts +2 -0
- package/dist/style.css +1 -1
- package/dist/styles.d.ts +2 -0
- package/dist/styles.js +7 -0
- package/dist/utils/theme-style.js +27 -38
- package/package.json +18 -7
- package/dist/src/components/form/nmorph-slider/NmorphSlider.vue.d.ts +0 -15
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import './NmorphTable.css';
|
|
2
|
-
import
|
|
3
|
-
import { openBlock as
|
|
2
|
+
import p from "./NmorphTable.vue2.js";
|
|
3
|
+
import { openBlock as r, createElementBlock as t, normalizeClass as _, createElementVNode as o, Fragment as a, renderList as i, normalizeStyle as d, toDisplayString as s, createBlock as m, createCommentVNode as y, renderSlot as h } from "vue";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
const
|
|
7
|
-
function E(c,
|
|
8
|
-
return
|
|
9
|
-
(
|
|
5
|
+
import u from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const v = { class: "nmorph-table__wrapper" }, w = { class: "nmorph-table__header" }, f = ["data-src"], g = { class: "nmorph-table__table-row" }, k = { class: "nmorph-table__cell" }, x = ["tabindex"], S = ["id"], R = { class: "nmorph-table__slot-columns" }, W = ["id"], B = { class: "nmorph-table__slot-columns" };
|
|
7
|
+
function E(c, H, N, l, C, I) {
|
|
8
|
+
return r(), t("div", null, [
|
|
9
|
+
(r(), t(
|
|
10
10
|
"div",
|
|
11
11
|
{
|
|
12
12
|
ref: "nmorphDOMTable",
|
|
@@ -14,54 +14,54 @@ function E(c, h, H, l, L, C) {
|
|
|
14
14
|
class: _(l.modifiers)
|
|
15
15
|
},
|
|
16
16
|
[
|
|
17
|
-
o("div",
|
|
18
|
-
o("table",
|
|
17
|
+
o("div", v, [
|
|
18
|
+
o("table", w, [
|
|
19
19
|
o("colgroup", null, [
|
|
20
|
-
(
|
|
21
|
-
|
|
20
|
+
(r(!0), t(
|
|
21
|
+
a,
|
|
22
22
|
null,
|
|
23
|
-
i(l.columns, (
|
|
24
|
-
key:
|
|
25
|
-
style: d({ width: `${l.getWidth(
|
|
26
|
-
"data-src": `${l.getWidth(
|
|
27
|
-
}, null, 12,
|
|
23
|
+
i(l.columns, (e) => (r(), t("col", {
|
|
24
|
+
key: e.prop,
|
|
25
|
+
style: d({ width: `${l.getWidth(e.width)}px` }),
|
|
26
|
+
"data-src": `${l.getWidth(e.width)}px`
|
|
27
|
+
}, null, 12, f))),
|
|
28
28
|
128
|
|
29
29
|
/* KEYED_FRAGMENT */
|
|
30
30
|
))
|
|
31
31
|
]),
|
|
32
32
|
o("thead", null, [
|
|
33
33
|
o("tr", g, [
|
|
34
|
-
(
|
|
35
|
-
|
|
34
|
+
(r(!0), t(
|
|
35
|
+
a,
|
|
36
36
|
null,
|
|
37
|
-
i(l.columns, (
|
|
37
|
+
i(l.columns, (e, b) => (r(), t(
|
|
38
38
|
"th",
|
|
39
39
|
{
|
|
40
|
-
key:
|
|
40
|
+
key: b,
|
|
41
41
|
class: _(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": l.props.bordered }])
|
|
42
42
|
},
|
|
43
43
|
[
|
|
44
|
-
o("div",
|
|
44
|
+
o("div", k, [
|
|
45
45
|
o(
|
|
46
46
|
"div",
|
|
47
47
|
{
|
|
48
|
-
style: d({ "justify-content":
|
|
48
|
+
style: d({ "justify-content": e.alignment }),
|
|
49
49
|
class: "nmorph-table__cell-content"
|
|
50
50
|
},
|
|
51
51
|
[
|
|
52
52
|
o(
|
|
53
53
|
"span",
|
|
54
54
|
null,
|
|
55
|
-
|
|
55
|
+
s(e.label),
|
|
56
56
|
1
|
|
57
57
|
/* TEXT */
|
|
58
58
|
),
|
|
59
|
-
l.sortData && l.sortData[
|
|
59
|
+
l.sortData && l.sortData[e.prop] ? (r(), m(l.NmorphSortButton, {
|
|
60
60
|
key: 0,
|
|
61
61
|
class: "nmorph-table__button-wrapper",
|
|
62
|
-
value: l.sortData[
|
|
63
|
-
onSort: (
|
|
64
|
-
}, null, 8, ["value", "onSort"])) :
|
|
62
|
+
value: l.sortData[e.prop],
|
|
63
|
+
onSort: (n) => l.onSort(n, e.prop)
|
|
64
|
+
}, null, 8, ["value", "onSort"])) : y("v-if", !0)
|
|
65
65
|
],
|
|
66
66
|
4
|
|
67
67
|
/* STYLE */
|
|
@@ -77,82 +77,176 @@ function E(c, h, H, l, L, C) {
|
|
|
77
77
|
])
|
|
78
78
|
])
|
|
79
79
|
]),
|
|
80
|
-
o(
|
|
81
|
-
|
|
82
|
-
{
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
80
|
+
o("div", {
|
|
81
|
+
ref: l.virtualList.containerRef,
|
|
82
|
+
class: _(["nmorph-table__body", { "nmorph-table__body--virtual": l.virtualEnabled, "nmorph-table__body--dynamic": l.props.virtualDynamicHeight }]),
|
|
83
|
+
style: d(l.tableBodyStyle),
|
|
84
|
+
tabindex: l.virtualEnabled ? 0 : void 0,
|
|
85
|
+
role: "grid",
|
|
86
|
+
onKeydown: l.tableKeydownHandler,
|
|
87
|
+
onScroll: l.scrollHandler
|
|
88
|
+
}, [
|
|
89
|
+
l.virtualEnabled ? (r(), t(
|
|
90
|
+
"div",
|
|
91
|
+
{
|
|
92
|
+
key: 0,
|
|
93
|
+
class: "nmorph-table__virtual-spacer",
|
|
94
|
+
style: d(l.virtualSpacerStyle)
|
|
95
|
+
},
|
|
96
|
+
[
|
|
97
|
+
o(
|
|
98
|
+
"div",
|
|
99
|
+
{
|
|
100
|
+
class: "nmorph-table__virtual-content",
|
|
101
|
+
style: d(l.virtualContentStyle)
|
|
102
|
+
},
|
|
103
|
+
[
|
|
104
|
+
o("table", null, [
|
|
105
|
+
o("colgroup", null, [
|
|
106
|
+
(r(!0), t(
|
|
107
|
+
a,
|
|
108
|
+
null,
|
|
109
|
+
i(l.columns, (e) => (r(), t(
|
|
110
|
+
"col",
|
|
111
|
+
{
|
|
112
|
+
key: e.prop,
|
|
113
|
+
style: d({ width: `${l.getWidth(e.width)}px` })
|
|
114
|
+
},
|
|
108
115
|
null,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
116
|
+
4
|
|
117
|
+
/* STYLE */
|
|
118
|
+
))),
|
|
119
|
+
128
|
|
120
|
+
/* KEYED_FRAGMENT */
|
|
121
|
+
))
|
|
122
|
+
]),
|
|
123
|
+
o("tbody", null, [
|
|
124
|
+
(r(!0), t(
|
|
125
|
+
a,
|
|
126
|
+
null,
|
|
127
|
+
i(l.renderedRows, (e, b) => (r(), t(
|
|
128
|
+
"tr",
|
|
129
|
+
{
|
|
130
|
+
key: e.index,
|
|
131
|
+
ref_for: !0,
|
|
132
|
+
ref: (n) => l.setVirtualRowRef(n, e.index),
|
|
133
|
+
class: _(["nmorph-table__table-data-row", {
|
|
134
|
+
"nmorph-table__table-data-row--row-hover": l.props.rowHover,
|
|
135
|
+
"nmorph-table__table-data-row--active": l.activeRowIndex === e.index
|
|
136
|
+
}]),
|
|
137
|
+
role: "row"
|
|
138
|
+
},
|
|
139
|
+
[
|
|
140
|
+
(r(!0), t(
|
|
141
|
+
a,
|
|
142
|
+
null,
|
|
143
|
+
i(l.columns, (n) => (r(), t(
|
|
144
|
+
"td",
|
|
145
|
+
{
|
|
146
|
+
key: n.prop,
|
|
147
|
+
class: _([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
|
|
148
|
+
},
|
|
149
|
+
[
|
|
150
|
+
o("div", {
|
|
151
|
+
id: `table-cell-${l.tableIdentifier}-${b}-${n.prop}`,
|
|
152
|
+
style: d({ "text-align": n.alignment }),
|
|
153
|
+
class: "nmorph-table__cell nmorph-table__cell--data"
|
|
154
|
+
}, s(l.tableData(e.item[n.prop])), 13, S)
|
|
155
|
+
],
|
|
156
|
+
2
|
|
157
|
+
/* CLASS */
|
|
158
|
+
))),
|
|
159
|
+
128
|
|
160
|
+
/* KEYED_FRAGMENT */
|
|
161
|
+
))
|
|
162
|
+
],
|
|
163
|
+
2
|
|
164
|
+
/* CLASS */
|
|
165
|
+
))),
|
|
166
|
+
128
|
|
167
|
+
/* KEYED_FRAGMENT */
|
|
168
|
+
))
|
|
169
|
+
])
|
|
170
|
+
]),
|
|
171
|
+
o("table", null, [
|
|
172
|
+
o("colgroup", null, [
|
|
173
|
+
(r(!0), t(
|
|
174
|
+
a,
|
|
175
|
+
null,
|
|
176
|
+
i(l.columns, (e) => (r(), t(
|
|
177
|
+
"col",
|
|
178
|
+
{
|
|
179
|
+
key: e.prop,
|
|
180
|
+
style: d({ width: `${l.getWidth(e.width)}px` })
|
|
181
|
+
},
|
|
182
|
+
null,
|
|
183
|
+
4
|
|
184
|
+
/* STYLE */
|
|
185
|
+
))),
|
|
186
|
+
128
|
|
187
|
+
/* KEYED_FRAGMENT */
|
|
188
|
+
))
|
|
189
|
+
]),
|
|
190
|
+
o("tbody", R, [
|
|
191
|
+
h(c.$slots, "default")
|
|
192
|
+
])
|
|
193
|
+
])
|
|
194
|
+
],
|
|
195
|
+
4
|
|
196
|
+
/* STYLE */
|
|
197
|
+
)
|
|
198
|
+
],
|
|
199
|
+
4
|
|
200
|
+
/* STYLE */
|
|
201
|
+
)) : (r(), t(
|
|
202
|
+
a,
|
|
203
|
+
{ key: 1 },
|
|
204
|
+
[
|
|
205
|
+
o("table", null, [
|
|
206
|
+
o("colgroup", null, [
|
|
207
|
+
(r(!0), t(
|
|
208
|
+
a,
|
|
209
|
+
null,
|
|
210
|
+
i(l.columns, (e) => (r(), t(
|
|
211
|
+
"col",
|
|
212
|
+
{
|
|
213
|
+
key: e.prop,
|
|
214
|
+
style: d({ width: `${l.getWidth(e.width)}px` })
|
|
215
|
+
},
|
|
216
|
+
null,
|
|
217
|
+
4
|
|
218
|
+
/* STYLE */
|
|
219
|
+
))),
|
|
220
|
+
128
|
|
221
|
+
/* KEYED_FRAGMENT */
|
|
222
|
+
))
|
|
223
|
+
]),
|
|
224
|
+
o("tbody", null, [
|
|
225
|
+
(r(!0), t(
|
|
226
|
+
a,
|
|
227
|
+
null,
|
|
228
|
+
i(l.renderedRows, (e, b) => (r(), t(
|
|
229
|
+
"tr",
|
|
230
|
+
{
|
|
231
|
+
key: b,
|
|
232
|
+
class: _(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": l.props.rowHover }])
|
|
233
|
+
},
|
|
234
|
+
[
|
|
235
|
+
(r(!0), t(
|
|
236
|
+
a,
|
|
126
237
|
null,
|
|
127
|
-
i(l.
|
|
128
|
-
"
|
|
238
|
+
i(l.columns, (n) => (r(), t(
|
|
239
|
+
"td",
|
|
129
240
|
{
|
|
130
|
-
key:
|
|
131
|
-
class: _([
|
|
241
|
+
key: n.prop,
|
|
242
|
+
class: _([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
|
|
132
243
|
},
|
|
133
244
|
[
|
|
134
|
-
(
|
|
135
|
-
n
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
{
|
|
140
|
-
key: a.prop,
|
|
141
|
-
class: _([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
|
|
142
|
-
},
|
|
143
|
-
[
|
|
144
|
-
o("div", {
|
|
145
|
-
id: `table-cell-${l.tableIdentifier}-${s}-${a.prop}`,
|
|
146
|
-
style: d({ "text-align": a.alignment }),
|
|
147
|
-
class: "nmorph-table__cell nmorph-table__cell--data"
|
|
148
|
-
}, b(l.tableData(r[a.prop])), 13, x)
|
|
149
|
-
],
|
|
150
|
-
2
|
|
151
|
-
/* CLASS */
|
|
152
|
-
))),
|
|
153
|
-
128
|
|
154
|
-
/* KEYED_FRAGMENT */
|
|
155
|
-
))
|
|
245
|
+
o("div", {
|
|
246
|
+
id: `table-cell-${l.tableIdentifier}-${b}-${n.prop}`,
|
|
247
|
+
style: d({ "text-align": n.alignment }),
|
|
248
|
+
class: "nmorph-table__cell nmorph-table__cell--data"
|
|
249
|
+
}, s(l.tableData(e.item[n.prop])), 13, W)
|
|
156
250
|
],
|
|
157
251
|
2
|
|
158
252
|
/* CLASS */
|
|
@@ -160,134 +254,43 @@ function E(c, h, H, l, L, C) {
|
|
|
160
254
|
128
|
|
161
255
|
/* KEYED_FRAGMENT */
|
|
162
256
|
))
|
|
163
|
-
]
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
]),
|
|
184
|
-
o("tbody", W, [
|
|
185
|
-
p(c.$slots, "default")
|
|
186
|
-
])
|
|
187
|
-
])
|
|
188
|
-
],
|
|
189
|
-
4
|
|
190
|
-
/* STYLE */
|
|
191
|
-
)
|
|
192
|
-
],
|
|
193
|
-
4
|
|
194
|
-
/* STYLE */
|
|
195
|
-
)) : (t(), e(
|
|
196
|
-
n,
|
|
197
|
-
{ key: 1 },
|
|
198
|
-
[
|
|
199
|
-
o("table", null, [
|
|
200
|
-
o("colgroup", null, [
|
|
201
|
-
(t(!0), e(
|
|
202
|
-
n,
|
|
203
|
-
null,
|
|
204
|
-
i(l.columns, (r) => (t(), e(
|
|
205
|
-
"col",
|
|
206
|
-
{
|
|
207
|
-
key: r.prop,
|
|
208
|
-
style: d({ width: `${l.getWidth(r.width)}px` })
|
|
209
|
-
},
|
|
210
|
-
null,
|
|
211
|
-
4
|
|
212
|
-
/* STYLE */
|
|
213
|
-
))),
|
|
214
|
-
128
|
|
215
|
-
/* KEYED_FRAGMENT */
|
|
216
|
-
))
|
|
217
|
-
]),
|
|
218
|
-
o("tbody", null, [
|
|
219
|
-
(t(!0), e(
|
|
220
|
-
n,
|
|
257
|
+
],
|
|
258
|
+
2
|
|
259
|
+
/* CLASS */
|
|
260
|
+
))),
|
|
261
|
+
128
|
|
262
|
+
/* KEYED_FRAGMENT */
|
|
263
|
+
))
|
|
264
|
+
])
|
|
265
|
+
]),
|
|
266
|
+
o("table", null, [
|
|
267
|
+
o("colgroup", null, [
|
|
268
|
+
(r(!0), t(
|
|
269
|
+
a,
|
|
270
|
+
null,
|
|
271
|
+
i(l.columns, (e) => (r(), t(
|
|
272
|
+
"col",
|
|
273
|
+
{
|
|
274
|
+
key: e.prop,
|
|
275
|
+
style: d({ width: `${l.getWidth(e.width)}px` })
|
|
276
|
+
},
|
|
221
277
|
null,
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
[
|
|
229
|
-
(t(!0), e(
|
|
230
|
-
n,
|
|
231
|
-
null,
|
|
232
|
-
i(l.columns, (a) => (t(), e(
|
|
233
|
-
"td",
|
|
234
|
-
{
|
|
235
|
-
key: a.prop,
|
|
236
|
-
class: _([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
|
|
237
|
-
},
|
|
238
|
-
[
|
|
239
|
-
o("div", {
|
|
240
|
-
id: `table-cell-${l.tableIdentifier}-${s}-${a.prop}`,
|
|
241
|
-
style: d({ "text-align": a.alignment }),
|
|
242
|
-
class: "nmorph-table__cell nmorph-table__cell--data"
|
|
243
|
-
}, b(l.tableData(r[a.prop])), 13, B)
|
|
244
|
-
],
|
|
245
|
-
2
|
|
246
|
-
/* CLASS */
|
|
247
|
-
))),
|
|
248
|
-
128
|
|
249
|
-
/* KEYED_FRAGMENT */
|
|
250
|
-
))
|
|
251
|
-
],
|
|
252
|
-
2
|
|
253
|
-
/* CLASS */
|
|
254
|
-
))),
|
|
255
|
-
128
|
|
256
|
-
/* KEYED_FRAGMENT */
|
|
257
|
-
))
|
|
258
|
-
])
|
|
278
|
+
4
|
|
279
|
+
/* STYLE */
|
|
280
|
+
))),
|
|
281
|
+
128
|
|
282
|
+
/* KEYED_FRAGMENT */
|
|
283
|
+
))
|
|
259
284
|
]),
|
|
260
|
-
o("
|
|
261
|
-
|
|
262
|
-
(t(!0), e(
|
|
263
|
-
n,
|
|
264
|
-
null,
|
|
265
|
-
i(l.columns, (r) => (t(), e(
|
|
266
|
-
"col",
|
|
267
|
-
{
|
|
268
|
-
key: r.prop,
|
|
269
|
-
style: d({ width: `${l.getWidth(r.width)}px` })
|
|
270
|
-
},
|
|
271
|
-
null,
|
|
272
|
-
4
|
|
273
|
-
/* STYLE */
|
|
274
|
-
))),
|
|
275
|
-
128
|
|
276
|
-
/* KEYED_FRAGMENT */
|
|
277
|
-
))
|
|
278
|
-
]),
|
|
279
|
-
o("tbody", N, [
|
|
280
|
-
p(c.$slots, "default")
|
|
281
|
-
])
|
|
285
|
+
o("tbody", B, [
|
|
286
|
+
h(c.$slots, "default")
|
|
282
287
|
])
|
|
283
|
-
]
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
/* CLASS, STYLE, NEED_HYDRATION */
|
|
290
|
-
)
|
|
288
|
+
])
|
|
289
|
+
],
|
|
290
|
+
64
|
|
291
|
+
/* STABLE_FRAGMENT */
|
|
292
|
+
))
|
|
293
|
+
], 46, x)
|
|
291
294
|
])
|
|
292
295
|
],
|
|
293
296
|
2
|
|
@@ -295,7 +298,7 @@ function E(c, h, H, l, L, C) {
|
|
|
295
298
|
))
|
|
296
299
|
]);
|
|
297
300
|
}
|
|
298
|
-
const
|
|
301
|
+
const K = /* @__PURE__ */ u(p, [["render", E], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/NmorphTable.vue"]]);
|
|
299
302
|
export {
|
|
300
|
-
|
|
303
|
+
K as default
|
|
301
304
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import './NmorphTable.css';
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import { useModifiers as
|
|
4
|
-
import { generateUUID as
|
|
5
|
-
import
|
|
6
|
-
import { useVirtualList as
|
|
7
|
-
const
|
|
2
|
+
import { defineComponent as E, computed as r, ref as n, provide as _, watch as P, nextTick as K } from "vue";
|
|
3
|
+
import { useModifiers as Q } from "../../../utils/create-modifiers.js";
|
|
4
|
+
import { generateUUID as V } from "../../../utils/common.js";
|
|
5
|
+
import Y from "./inner-components/nmorph-sort-button/NmorphSortButton.vue.js";
|
|
6
|
+
import { useVirtualList as z } from "../../../hooks/use-virtual-list.js";
|
|
7
|
+
const te = /* @__PURE__ */ E({
|
|
8
8
|
__name: "NmorphTable",
|
|
9
9
|
props: {
|
|
10
10
|
data: { type: Array, required: !1, default: () => [] },
|
|
@@ -15,57 +15,71 @@ const P = /* @__PURE__ */ j({
|
|
|
15
15
|
virtual: { type: Boolean, required: !1, default: !1 },
|
|
16
16
|
virtualHeight: { type: [Number, String], required: !1, default: "320px" },
|
|
17
17
|
virtualOverscan: { type: Number, required: !1, default: 5 },
|
|
18
|
-
virtualRowHeight: { type: Number, required: !1, default: 42 }
|
|
18
|
+
virtualRowHeight: { type: Number, required: !1, default: 42 },
|
|
19
|
+
virtualDynamicHeight: { type: Boolean, required: !1, default: !1 }
|
|
19
20
|
},
|
|
20
|
-
setup(
|
|
21
|
-
|
|
22
|
-
const t =
|
|
23
|
-
() =>
|
|
21
|
+
setup(k, { expose: I }) {
|
|
22
|
+
I();
|
|
23
|
+
const t = k, W = r(
|
|
24
|
+
() => Q({
|
|
24
25
|
"nmorph-table": [`${t.design}`]
|
|
25
26
|
})
|
|
26
|
-
),
|
|
27
|
-
enabled:
|
|
28
|
-
itemHeight:
|
|
29
|
-
overscan: b
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
), o = n([...t.data]), u = r(() => t.virtual), H = r(() => t.virtualRowHeight), b = r(() => t.virtualOverscan), x = r(() => t.virtualDynamicHeight), a = z(o, {
|
|
28
|
+
enabled: u,
|
|
29
|
+
itemHeight: H,
|
|
30
|
+
overscan: b,
|
|
31
|
+
dynamic: x
|
|
32
|
+
}), R = r(
|
|
33
|
+
() => u.value ? a.virtualItems.value : o.value.map((e, l) => ({ item: e, index: l }))
|
|
34
|
+
), D = r(() => R.value.map((e) => e.item)), s = n(-1), m = n(0), c = n(t.sort), B = (e, l) => {
|
|
35
|
+
c.value && (c.value[l] = e, o.value.sort((g, y) => {
|
|
36
|
+
const w = String(g[l]).toLowerCase(), i = String(y[l]).toLowerCase();
|
|
37
|
+
if (!c.value)
|
|
36
38
|
return 0;
|
|
37
|
-
const
|
|
38
|
-
return
|
|
39
|
+
const f = c.value[l];
|
|
40
|
+
return f === "ascending" ? w.localeCompare(i) : f === "descending" ? i.localeCompare(w) : 0;
|
|
39
41
|
}));
|
|
40
|
-
},
|
|
41
|
-
|
|
42
|
-
const
|
|
43
|
-
const e =
|
|
44
|
-
return
|
|
45
|
-
}),
|
|
46
|
-
|
|
42
|
+
}, h = n(null), d = n([]);
|
|
43
|
+
_("table-data", { rows: D, columns: d });
|
|
44
|
+
const S = r(() => {
|
|
45
|
+
const e = d.value.map((i) => i.width).filter((i) => !!i), l = e.length, g = e.reduce((i, f) => (i += Number(f), i), 0), y = d.value.length - l;
|
|
46
|
+
return h.value?.clientWidth ? (h.value?.clientWidth - g) / y : 0;
|
|
47
|
+
}), N = (e) => e !== "" ? e : S.value, p = n(0);
|
|
48
|
+
P(
|
|
47
49
|
() => t.data,
|
|
48
|
-
() => {
|
|
49
|
-
|
|
50
|
+
async () => {
|
|
51
|
+
p.value = p.value + 1, o.value = [...t.data], d.value = [], await K();
|
|
52
|
+
const e = a.containerRef.value;
|
|
53
|
+
e && (e.scrollTop = Math.min(m.value, Math.max(a.totalHeight.value - e.clientHeight, 0)), a.refresh());
|
|
50
54
|
},
|
|
51
55
|
{
|
|
52
56
|
immediate: !0
|
|
53
57
|
}
|
|
54
58
|
);
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
const
|
|
59
|
+
const O = (e) => typeof e == "object" ? "" : e, C = V();
|
|
60
|
+
_("table-identifier", C);
|
|
61
|
+
const q = (e) => typeof e == "number" ? `${e}px` : e, M = r(() => q(t.virtualHeight)), $ = r(() => ({
|
|
58
62
|
"--table-virtual-row-height": `${t.virtualRowHeight}px`,
|
|
59
|
-
height:
|
|
60
|
-
overflowY:
|
|
61
|
-
})),
|
|
62
|
-
height: `${
|
|
63
|
+
height: u.value ? M.value : void 0,
|
|
64
|
+
overflowY: u.value ? "auto" : void 0
|
|
65
|
+
})), A = r(() => ({
|
|
66
|
+
height: `${a.totalHeight.value}px`
|
|
63
67
|
})), L = r(() => ({
|
|
64
|
-
transform: `translateY(${
|
|
65
|
-
})),
|
|
66
|
-
|
|
68
|
+
transform: `translateY(${a.offsetTop.value}px)`
|
|
69
|
+
})), U = (e, l) => {
|
|
70
|
+
a.measureElement(l, e);
|
|
71
|
+
}, j = () => {
|
|
72
|
+
a.scrollHandler(), m.value = a.containerRef.value?.scrollTop || 0;
|
|
73
|
+
}, v = (e) => {
|
|
74
|
+
if (!o.value.length) return;
|
|
75
|
+
const l = s.value < 0 ? 0 : Math.min(Math.max(s.value + e, 0), o.value.length - 1);
|
|
76
|
+
s.value = l, a.scrollToIndex(l);
|
|
77
|
+
}, T = { props: t, modifiers: W, rows: o, virtualEnabled: u, virtualRowHeight: H, virtualOverscan: b, virtualDynamicHeight: x, virtualList: a, renderedRows: R, tableRows: D, activeRowIndex: s, lastScrollTop: m, sortData: c, onSort: B, nmorphDOMTable: h, columns: d, defaultColWidth: S, getWidth: N, key: p, tableData: O, tableIdentifier: C, getCssSize: q, virtualHeight: M, tableBodyStyle: $, virtualSpacerStyle: A, virtualContentStyle: L, setVirtualRowRef: U, scrollHandler: j, moveActiveRow: v, tableKeydownHandler: (e) => {
|
|
78
|
+
u.value && (e.key === "ArrowDown" ? (e.preventDefault(), v(1)) : e.key === "ArrowUp" ? (e.preventDefault(), v(-1)) : e.key === "Home" ? (e.preventDefault(), s.value = 0, a.scrollToIndex(0)) : e.key === "End" ? (e.preventDefault(), s.value = o.value.length - 1, a.scrollToIndex(o.value.length - 1)) : e.key === "PageDown" ? (e.preventDefault(), v(Math.max(Math.floor((a.viewportHeight.value || t.virtualRowHeight) / t.virtualRowHeight), 1))) : e.key === "PageUp" && (e.preventDefault(), v(-Math.max(Math.floor((a.viewportHeight.value || t.virtualRowHeight) / t.virtualRowHeight), 1))));
|
|
79
|
+
}, NmorphSortButton: Y };
|
|
80
|
+
return Object.defineProperty(T, "__isScriptSetup", { enumerable: !1, value: !0 }), T;
|
|
67
81
|
}
|
|
68
82
|
});
|
|
69
83
|
export {
|
|
70
|
-
|
|
84
|
+
te as default
|
|
71
85
|
};
|
package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-sort-button{display:flex;align-items:center}.nmorph-sort-button .nmorph-button__content{display:flex;
|
|
1
|
+
.nmorph-sort-button{display:flex;align-items:center}.nmorph-sort-button .nmorph-button__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.nmorph-sort-button .nmorph-sort-button__icon-up{margin-bottom:-1px;transform:rotate(180deg)}.nmorph-sort-button .nmorph-sort-button__icon-down{margin-top:-1px}.nmorph-sort-button.nmorph-sort-button--ascending .nmorph-sort-button__icon-up,.nmorph-sort-button.nmorph-sort-button--descending .nmorph-sort-button__icon-down{--color: var(--nmorph-accent-color)}
|