This repository was archived by the owner on Sep 24, 2024. It is now read-only.

Commit 2fd29b6

committed

fix: component transitions

1 parent 564fc0c commit 2fd29b6Copy full SHA for 2fd29b6

File tree

+21

-19

lines changed

+21

-19

lines changed

Lines changed: 7 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -80,17 +80,18 @@ onClickOutside(container, () => {`
`80`	`80`	`const attrsOmitted = omit(attrs, ['class'])`
`81`	`81`
`82`	`82`	`const contextMenuTransitions = {`
`83`		`- enter: variant.value.enterActiveClass,`
`84`		`- enterFrom: variant.value.enterFromClass,`
`85`		`- enterTo: variant.value.enterToClass,`
`86`		`- leave: variant.value.leaveActiveClass,`
`87`		`- leaveFrom: variant.value.leaveFromClass,`
`88`		`- leaveTo: variant.value.leaveToClass,`
	`83`	`+ enterActiveClass: variant.value.enterActiveClass,`
	`84`	`+ enterFromClass: variant.value.enterFromClass,`
	`85`	`+ enterToClass: variant.value.enterToClass,`
	`86`	`+ leaveActiveClass: variant.value.leaveActiveClass,`
	`87`	`+ leaveFromClass: variant.value.leaveFromClass,`
	`88`	`+ leaveToClass: variant.value.leaveToClass,`
`89`	`89`	`}`
`90`	`90`	`</script>`
`91`	`91`
`92`	`92`	`<template>`
`93`	`93`	`<div v-if="isOpen" ref="container" :class="wrapperClass" v-bind="attrsOmitted">`
	`94`	`+ <!-- @vue-ignore -->`
`94`	`95`	`<Transition appear v-bind="contextMenuTransitions">`
`95`	`96`	`<div :class="[variant.contextMenuBase, variant.ring, variant.rounded, variant.shadow, variant.background]">`
`96`	`97`	`<slot />`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -107,7 +107,7 @@ const transitionClass = computed(() => {`
`107`	`107`	`<template>`
`108`	`108`	`<TransitionRoot :appear="appear" :show="isOpen" as="template">`
`109`	`109`	`<HDialog :class="wrapperClass" v-bind="attrsOmitted" @close="(e) => !preventClose && close(e)">`
`110`		`- <TransitionChild v-if="overlay" as="template" :appear="appear" :bind="overlayTransitions">`
	`110`	`+ <TransitionChild v-if="overlay" as="template" :appear="appear" v-bind="overlayTransitions">`
`111`	`111`	`<div :class="[variant.overlayBase, variant.overlayBackground]" />`
`112`	`112`	`</TransitionChild>`
`113`	`113`

Lines changed: 6 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -127,12 +127,12 @@ function onMouseLeave() {`
`127`	`127`	`const attrsOmitted = omit(attrs, ['class'])`
`128`	`128`
`129`	`129`	`const popoverTransitions = {`
`130`		`- enter: variant.value.transitionEnterActiveClass,`
`131`		`- enterFrom: variant.value.transitionEnterFromClass,`
`132`		`- enterTo: variant.value.transitionEnterToClass,`
`133`		`- leave: variant.value.transitionLeaveActiveClass,`
`134`		`- leaveFrom: variant.value.transitionLeaveFromClass,`
`135`		`- leaveTo: variant.value.transitionLeaveToClass,`
	`130`	`+ enterActiveClass: variant.value.transitionEnterActiveClass,`
	`131`	`+ enterFromClass: variant.value.transitionEnterFromClass,`
	`132`	`+ enterToClass: variant.value.transitionEnterToClass,`
	`133`	`+ leaveClass: variant.value.transitionLeaveActiveClass,`
	`134`	`+ leaveFromClass: variant.value.transitionLeaveFromClass,`
	`135`	`+ leaveToClass: variant.value.transitionLeaveToClass,`
`136`	`136`	`}`
`137`	`137`	`</script>`
`138`	`138`

Lines changed: 7 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -107,12 +107,12 @@ function onMouseLeave() {`
`107`	`107`	`const attrsOmitted = omit(attrs, ['class'])`
`108`	`108`
`109`	`109`	`const toolTipTransitions = {`
`110`		`- enter: variant.value.transitionEnterActiveClass,`
`111`		`- enterFrom: variant.value.transitionEnterFromClass,`
`112`		`- enterTo: variant.value.transitionEnterToClass,`
`113`		`- leave: variant.value.transitionLeaveActiveClass,`
`114`		`- leaveFrom: variant.value.transitionLeaveFromClass,`
`115`		`- leaveTo: variant.value.transitionLeaveToClass,`
	`110`	`+ enterActiveClass: variant.value.transitionEnterActiveClass,`
	`111`	`+ enterFromClass: variant.value.transitionEnterFromClass,`
	`112`	`+ enterToClass: variant.value.transitionEnterToClass,`
	`113`	`+ leaveActiveClass: variant.value.transitionLeaveActiveClass,`
	`114`	`+ leaveFromClass: variant.value.transitionLeaveFromClass,`
	`115`	`+ leaveToClass: variant.value.transitionLeaveToClass,`
`116`	`116`	`}`
`117`	`117`	`</script>`
`118`	`118`
`@@ -123,6 +123,7 @@ const toolTipTransitions = {`
`123`	`123`	`</slot>`
`124`	`124`
`125`	`125`	`<div v-if="open && !prevent" ref="container" :class="[variant.container, variant.width]">`
	`126`	`+ <!-- @vue-ignore -->`
`126`	`127`	`<Transition appear v-bind="toolTipTransitions">`
`127`	`128`	`<div :class="[variant.toolTipBase, variant.background, variant.color, variant.rounded, variant.shadow, variant.ring]">`
`128`	`129`	`<slot name="text">`

Comments

(0)