Commitecbd65e

committed

feat(CPopover, CTooltip): add the animation property to enable the control of the component's fade effect

1 parent21bd401 commitecbd65eCopy full SHA for ecbd65e

File tree

+32

-2

lines changed

packages/coreui-vue/src/components
- popover
  - CPopover.ts
- tooltip
  - CTooltip.ts

+32

-2

lines changed

Lines changed: 16 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,15 @@ import { getRTLPlacement } from '../../utils'`
`8`	`8`	`constCPopover=defineComponent({`
`9`	`9`	`name:'CPopover',`
`10`	`10`	`props:{`
	`11`	`+/**`
	`12`	`+ * Apply a CSS fade transition to the popover.`
	`13`	`+ *`
	`14`	`+ *@since 4.9.0-beta.2`
	`15`	`+ */`
	`16`	`+animation:{`
	`17`	`+type:Boolean,`
	`18`	`+default:true,`
	`19`	`+},`
`11`	`20`	`/**`
`12`	`21`	* Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
`13`	`22`	`*/`
`@@ -163,7 +172,13 @@ const CPopover = defineComponent({`
`163`	`172`	`h(`
`164`	`173`	`'div',`
`165`	`174`	`{`
`166`		`-class:'popover fade bs-popover-auto',`
	`175`	`+class:[`
	`176`	`+'popover',`
	`177`	`+'bs-popover-auto',`
	`178`	`+{`
	`179`	`+fade:props.animation,`
	`180`	`+},`
	`181`	`+],`
`167`	`182`	`ref:popoverRef,`
`168`	`183`	`role:'tooltip',`
`169`	`184`	`...attrs,`

Lines changed: 16 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,15 @@ import { getRTLPlacement } from '../../utils'`
`8`	`8`	`constCTooltip=defineComponent({`
`9`	`9`	`name:'CTooltip',`
`10`	`10`	`props:{`
	`11`	`+/**`
	`12`	`+ * Apply a CSS fade transition to the tooltip.`
	`13`	`+ *`
	`14`	`+ *@since 4.9.0-beta.2`
	`15`	`+ */`
	`16`	`+animation:{`
	`17`	`+type:Boolean,`
	`18`	`+default:true,`
	`19`	`+},`
`11`	`20`	`/**`
`12`	`21`	* Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
`13`	`22`	`*/`
`@@ -159,7 +168,13 @@ const CTooltip = defineComponent({`
`159`	`168`	`h(`
`160`	`169`	`'div',`
`161`	`170`	`{`
`162`		`-class:'tooltip fade bs-tooltip-auto',`
	`171`	`+class:[`
	`172`	`+'tooltip',`
	`173`	`+'bs-tooltip-auto',`
	`174`	`+{`
	`175`	`+fade:props.animation,`
	`176`	`+},`
	`177`	`+],`
`163`	`178`	`ref:tooltipRef,`
`164`	`179`	`role:'tooltip',`
`165`	`180`	`...attrs,`

Comments

(0)