Commit 10382c4

shu-harinishu

and

nishu

authored

feat: tabs css var (#8330)

Co-authored-by: nishu <nishu@qianxin.com>

1 parent 35f832c commit 10382c4Copy full SHA for 10382c4

File tree

+301

-116

lines changed

+301

-116

lines changed

Lines changed: 5 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -41,6 +41,7 @@ import pick from 'lodash-es/pick';`
`41`	`41`	`import PropTypes from '../../_util/vue-types';`
`42`	`42`	`import type { MouseEventHandler } from '../../_util/EventInterface';`
`43`	`43`	`import omit from '../../_util/omit';`
	`44`	`+import useCSSVarCls from '../../config-provider/hooks/useCssVarCls';`
`44`	`45`	`import useStyle from '../style';`
`45`	`46`	`export type TabsType = 'line' \| 'card' \| 'editable-card';`
`46`	`47`	`export type TabsPosition = 'top' \| 'right' \| 'bottom' \| 'left';`
`@@ -169,7 +170,8 @@ const InternalTabs = defineComponent({`
`169`	`170`	`'tabs',`
`170`	`171`	`props,`
`171`	`172`	`);`
`172`		`- const [wrapSSR, hashId] = useStyle(prefixCls);`
	`173`	`+ const rootCls = useCSSVarCls(prefixCls);`
	`174`	`+ const [wrapSSR, hashId, cssVarCls] = useStyle(prefixCls, rootCls);`
`173`	`175`	`const rtl = computed(() => direction.value === 'rtl');`
`174`	`176`	`const mergedAnimated = computed<AnimatedConfig>(() => {`
`175`	`177`	`const { animated, tabPosition } = props;`
`@@ -322,6 +324,8 @@ const InternalTabs = defineComponent({`
`322`	`324`	`pre,`
`323`	`325`	`${pre}-${mergedTabPosition.value}`,
`324`	`326`	`{`
	`327`	`+ [cssVarCls.value]: true,`
	`328`	`+ [rootCls.value]: true,`
`325`	`329`	`[hashId.value]: true,`
`326`	`330`	[`${pre}-${size.value}`]: size.value,
`327`	`331`	[`${pre}-card`]: ['card', 'editable-card'].includes(type as string),

Comments

(0)