mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-16 02:11:48 +08:00
38 lines
840 B
TypeScript
38 lines
840 B
TypeScript
|
import { inject } from 'vue'
|
||
|
import {
|
||
|
createCollectionWithScope,
|
||
|
COLLECTION_ITEM_SIGN,
|
||
|
} from '../src/collection'
|
||
|
|
||
|
const TestCollection = createCollectionWithScope('Test')
|
||
|
export default TestCollection
|
||
|
|
||
|
export const CollectionChildComponent = {
|
||
|
setup() {
|
||
|
const { getItems, collectionRef, itemMap } = inject(
|
||
|
TestCollection.COLLECTION_INJECTION_KEY,
|
||
|
undefined
|
||
|
)!
|
||
|
return {
|
||
|
itemMap,
|
||
|
getItems,
|
||
|
collectionRef,
|
||
|
}
|
||
|
},
|
||
|
template: `<div ref="collectionRef"><slot/></div>`,
|
||
|
}
|
||
|
|
||
|
export const CollectionItemChildComponent = {
|
||
|
setup() {
|
||
|
const { collectionItemRef } = inject(
|
||
|
TestCollection.COLLECTION_ITEM_INJECTION_KEY,
|
||
|
undefined
|
||
|
)!
|
||
|
|
||
|
return {
|
||
|
collectionItemRef,
|
||
|
}
|
||
|
},
|
||
|
template: `<div ref="collectionItemRef" class="${COLLECTION_ITEM_SIGN}" ><slot /></div>`,
|
||
|
}
|