Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 | 70x 70x 70x 41x 41x 41x 41x 24x 24x 24x 41x 41x 76x 29x 26x 5x 2x 5x 21x 21x 37x 3x 2x 1x 3x 1x 1x 1x 3x 3x 1x 70x 16x 70x | import type { VNode, VNodeChild } from '../vnode'
import {
isReactive,
isReadonly,
isShallow,
shallowReadArray,
toReactive,
toReadonly,
} from '@vue/reactivity'
import { isArray, isObject, isString } from '@vue/shared'
import { warn } from '../warning'
/**
* v-for string
* @private
*/
export function renderList(
source: string,
renderItem: (value: string, index: number) => VNodeChild,
): VNodeChild[]
/**
* v-for number
*/
export function renderList(
source: number,
renderItem: (value: number, index: number) => VNodeChild,
): VNodeChild[]
/**
* v-for array
*/
export function renderList<T>(
source: T[],
renderItem: (value: T, index: number) => VNodeChild,
): VNodeChild[]
/**
* v-for iterable
*/
export function renderList<T>(
source: Iterable<T>,
renderItem: (value: T, index: number) => VNodeChild,
): VNodeChild[]
/**
* v-for object
*/
export function renderList<T>(
source: T,
renderItem: <K extends keyof T>(
value: T[K],
key: string,
index: number,
) => VNodeChild,
): VNodeChild[]
/**
* Actual implementation
*/
export function renderList(
source: any,
renderItem: (...args: any[]) => VNodeChild,
cache?: any[],
index?: number,
): VNodeChild[] {
let ret: VNodeChild[]
const cached = (cache && cache[index!]) as VNode[] | undefined
const sourceIsArray = isArray(source)
if (sourceIsArray || isString(source)) {
const sourceIsReactiveArray = sourceIsArray && isReactive(source)
let needsWrap = false
let isReadonlySource = false
if (sourceIsReactiveArray) {
needsWrap = !isShallow(source)
isReadonlySource = isReadonly(source)
source = shallowReadArray(source)
}
ret = new Array(source.length)
for (let i = 0, l = source.length; i < l; i++) {
ret[i] = renderItem(
needsWrap
? isReadonlySource
? toReadonly(toReactive(source[i]))
: toReactive(source[i])
: source[i],
i,
undefined,
cached && cached[i],
)
}
} else if (typeof source === 'number') {
if (!Number.isInteger(source) || source < 0) {
if (__DEV__) {
warn(
`The v-for range expects a positive integer value but got ${source}.`,
)
}
ret = []
} else {
ret = new Array(source)
for (let i = 0; i < source; i++) {
ret[i] = renderItem(i + 1, i, undefined, cached && cached[i])
}
}
} else if (isObject(source)) {
if (source[Symbol.iterator as any]) {
ret = Array.from(source as Iterable<any>, (item, i) =>
renderItem(item, i, undefined, cached && cached[i]),
)
} 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, cached && cached[i])
}
}
} else {
ret = []
}
if (cache) {
cache[index!] = ret
}
return ret
}
|