@volverjs/ui-vue 0.0.10-beta.10 → 0.0.10-beta.12

package/src/components/VvNav/VvNav.vue

@@ -32,13 +32,13 @@
 		>
 			<slot>
 				<VvNavItem
-					v-for="({ on = {}, ...item }, index) in items"
+					v-for="({ on = {}, data, ...item }, index) in items"
 					:key="index"
 					:data-index="index"
 					v-bind="item"
 					v-on="on"
 				>
-					<slot name="item" v-bind="{ item, index }" />
+					<slot name="item" v-bind="{ item, data, index }" />
 				</VvNavItem>
 			</slot>
 		</ul>

package/src/components/VvTab/VvTab.vue

@@ -60,8 +60,8 @@
 			}"
 			@click="onNavClick"
 		>
-			<template #item="{ item, index }">
-				<slot name="nav-item" v-bind="{ item, index }" />
+			<template #item="{ item, data, index }">
+				<slot name="nav-item" v-bind="{ item, data, index }" />
 			</template>
 		</VvNav>
 		<!-- #endregion -->

package/src/components/index.ts

@@ -2,6 +2,9 @@ export { default as VvAccordion } from './VvAccordion/VvAccordion.vue'
 export { default as VvAccordionGroup } from './VvAccordionGroup/VvAccordionGroup.vue'
 export { default as VvAction } from './VvAction/VvAction.vue'
 export { default as VvAlert } from './VvAlert/VvAlert.vue'
+export { default as VvAlertGroup } from './VvAlertGroup/VvAlertGroup.vue'
+export { default as VvAvatar } from './VvAvatar/VvAvatar.vue'
+export { default as VvAvatarGroup } from './VvAvatarGroup/VvAvatarGroup.vue'
 export { default as VvBadge } from './VvBadge/VvBadge.vue'
 export { default as VvBreadcrumb } from './VvBreadcrumb/VvBreadcrumb.vue'
 export { default as VvButton } from './VvButton/VvButton.vue'
@@ -12,9 +15,15 @@ export { default as VvCheckboxGroup } from './VvCheckboxGroup/VvCheckboxGroup.vu
 export { default as VvCombobox } from './VvCombobox/VvCombobox.vue'
 export { default as VvDialog } from './VvDialog/VvDialog.vue'
 export { default as VvDropdown } from './VvDropdown/VvDropdown.vue'
+export { default as VvDropdownAction } from './VvDropdown/VvDropdownAction.vue'
+export { default as VvDropdownItem } from './VvDropdown/VvDropdownItem.vue'
+export { default as VvDropdownOptgroup } from './VvDropdown/VvDropdownOptgroup.vue'
+export { default as VvDropdownOption } from './VvDropdown/VvDropdownOption.vue'
 export { default as VvIcon } from './VvIcon/VvIcon.vue'
 export { default as VvInputText } from './VvInputText/VvInputText.vue'
 export { default as VvNav } from './VvNav/VvNav.vue'
+export { default as VvNavItem } from './VvNav/VvNavItem.vue'
+export { default as VvNavSeparator } from './VvNav/VvNavSeparator.vue'
 export { default as VvProgress } from './VvProgress/VvProgress.vue'
 export { default as VvRadio } from './VvRadio/VvRadio.vue'
 export { default as VvRadioGroup } from './VvRadioGroup/VvRadioGroup.vue'

package/src/resolvers/unplugin.ts

@@ -38,6 +38,11 @@ export interface VolverResolverOptions {
 	 * @default undefined
 	 */
 	ignore?: string[]
+	/**
+	 * cherry pick components from named exports
+	 * @default undefined
+	 */
+	cherryPick?: boolean
 }
 
 const STYLE_EXCLUDE = ['vv-icon', 'vv-action']
@@ -113,6 +118,7 @@ export function VolverResolver({
 	importStyle,
 	directives,
 	ignore,
+	cherryPick,
 }: VolverResolverOptions = {}): ComponentResolver[] {
 	return [
 		{
@@ -134,9 +140,16 @@ export function VolverResolver({
 				}
 
 				// import component
+				if (cherryPick) {
+					return {
+						from: `@volverjs/ui-vue/${kebabName}`,
+						sideEffects: getSideEffects(kebabName, importStyle),
+					}
+				}
 				return {
-					from: `@volverjs/ui-vue/${kebabName}`,
+					from: '@volverjs/ui-vue/components',
 					sideEffects: getSideEffects(kebabName, importStyle),
+					name,
 				}
 			},
 		},
@@ -159,9 +172,16 @@ export function VolverResolver({
 				}
 
 				// import directive
+				if (cherryPick) {
+					return {
+						from: `@volverjs/ui-vue/${kebabName}`,
+						sideEffects: getSideEffects(kebabName, importStyle),
+					}
+				}
 				return {
-					from: `@volverjs/ui-vue/${kebabName}`,
+					from: '@volverjs/ui-vue/directives',
 					sideEffects: getSideEffects(kebabName, importStyle),
+					name,
 				}
 			},
 		},

package/src/types/nav.ts

@@ -12,6 +12,7 @@ export type NavItem = {
 	current?: boolean
 	class?: string | string[]
 	on?: Record<'click' | string, () => void>
+	data?: Record<string, unknown>
 }
 
 export type NavItemTab = NavItem & {