feat: renderList helper for v-for

This commit is contained in:
Evan You 2019-09-24 21:32:29 -04:00
parent 9b06e04e0f
commit 6ad84614f7

View File

@ -1,2 +1,36 @@
// TODO
export function renderList() {}
import { VNodeChild } from '../vnode'
import { isArray, isString, isObject } from '@vue/shared'
export function renderList(
source: any,
renderItem: (value: any, key: string | number, index?: number) => VNodeChild
): VNodeChild[] {
let ret: VNodeChild[] = []
if (isArray(source) || isString(source)) {
for (let i = 0, l = source.length; i < l; i++) {
ret.push(renderItem(source[i], i))
}
} else if (typeof source === 'number') {
for (let i = 0; i < source; i++) {
ret.push(renderItem(i + 1, i))
}
} else if (isObject(source)) {
if (source[Symbol.iterator as any]) {
ret = []
const iterator: Iterator<any> = source[Symbol.iterator as any]()
let result = iterator.next()
while (!result.done) {
ret.push(renderItem(result.value, ret.length))
result = iterator.next()
}
} else {
const keys = Object.keys(source)
ret = new Array(keys.length)
for (let i = 0, l = keys.length; i < l; i++) {
const key = keys[i]
ret[i] = renderItem(source[key], key, i)
}
}
}
return ret
}