Commit c75e80a

authored

fix: list css-var (#8324)

Co-authored-by: undefined <undefined>

1 parent 0410908 commit c75e80aCopy full SHA for c75e80a

File tree

+150

-57

lines changed

+150

-57

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
@@ -33,7 +33,7 @@ Customizing the header and footer of list by setting `header` and `footer` prope
`33`	`33`	`<div>Footer</div>`
`34`	`34`	`</template>`
`35`	`35`	`</a-list>`
`36`		`- <h3 :style="{ marginBottom: '16px' }">Default Size</h3>`
	`36`	`+ <h3 :style="{ margin: '16px 0' }">Default Size</h3>`
`37`	`37`	`<a-list bordered :data-source="data">`
`38`	`38`	`<template #renderItem="{ item }">`
`39`	`39`	`<a-list-item>{{ item }}</a-list-item>`

Lines changed: 5 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,7 @@ import eagerComputed from '../_util/eagerComputed';`
`29`	`29`
`30`	`30`	`// CSSINJS`
`31`	`31`	`import useStyle from './style';`
	`32`	`+import useCSSVarCls from '../config-provider/hooks/useCssVarCls';`
`32`	`33`
`33`	`34`	`export type { ListItemProps } from './Item';`
`34`	`35`	`export type { ListItemMetaProps } from './ItemMeta';`
`@@ -110,7 +111,8 @@ const List = defineComponent({`
`110`	`111`	`const { prefixCls, direction, renderEmpty } = useConfigInject('list', props);`
`111`	`112`
`112`	`113`	`// Style`
`113`		`- const [wrapSSR, hashId] = useStyle(prefixCls);`
	`114`	`+ const rootCls = useCSSVarCls(prefixCls);`
	`115`	`+ const [wrapSSR, hashId, cssVarCls] = useStyle(prefixCls, rootCls);`
`114`	`116`
`115`	`117`	`const paginationObj = computed(() =>`
`116`	`118`	`props.pagination && typeof props.pagination === 'object' ? props.pagination : {},`
`@@ -274,7 +276,9 @@ const List = defineComponent({`
`274`	`276`	[`${prefixCls.value}-something-after-last-item`]: isSomethingAfterLastItem,
`275`	`277`	`},`
`276`	`278`	`attrs.class,`
	`279`	`+ cssVarCls.value,`
`277`	`280`	`hashId.value,`
	`281`	`+ rootCls.value,`
`278`	`282`	`);`
`279`	`283`	`const paginationContent = props.pagination ? (`
`280`	`284`	<div class={`${prefixCls.value}-pagination`}>

Comments

(0)