root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 6 Packages Projects Releases Wiki Activity

wip: save

This commit is contained in:
daiwei 2025-01-15 11:07:23 +08:00
parent 783d60a4d0
commit b6a78a4d87
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/compiler-core/__tests__/transforms/__snapshots__/vMemo.spec.ts.snap
View File

@ -5,14 +5,14 @@ exports[`compiler: v-memo transform > element v-for key expression prefixing + v
export function render(_ctx, _cache) { export function render(_ctx, _cache) {
return (_openBlock(), _createElementBlock("div", null, [ return (_openBlock(), _createElementBlock("div", null, [
(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.tableData, (data, _key, ___, _cached) => { (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.tableData, (data, __, _i, _cached) => {
const _memo = (_ctx.getLetter(data)) const _memo = (_ctx.getLetter(data))
if (_cached && _cached.el && _cached.key === _ctx.getId(data) && _isMemoSame(_cached, _memo)) return _cached if (_cached && _cached.el && _cached.key === _ctx.getId(data) && _isMemoSame(_cached, _memo)) return _cached
const _item = (_openBlock(), _createElementBlock("span", { const _item = (_openBlock(), _createElementBlock("span", {
key: _ctx.getId(data) key: _ctx.getId(data)
})) }))
_item.memo = _memo _item.memo = _memo
_item.cacheIndex = [0, _key] _item.cacheIndex = [0, _i]
return _item return _item
}, _cache, 0), 128 /* KEYED_FRAGMENT */)) }, _cache, 0), 128 /* KEYED_FRAGMENT */))
])) ]))
@ -54,12 +54,12 @@ exports[`compiler: v-memo transform > on template v-for 1`] = `
export function render(_ctx, _cache) { export function render(_ctx, _cache) {
return (_openBlock(), _createElementBlock("div", null, [ return (_openBlock(), _createElementBlock("div", null, [
(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, ({ x, y }, _key, ___, _cached) => { (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, ({ x, y }, __, _i, _cached) => {
const _memo = ([x, y === _ctx.z]) const _memo = ([x, y === _ctx.z])
if (_cached && _cached.el && _cached.key === x && _isMemoSame(_cached, _memo)) return _cached if (_cached && _cached.el && _cached.key === x && _isMemoSame(_cached, _memo)) return _cached
const _item = (_openBlock(), _createElementBlock("span", { key: x }, "foobar")) const _item = (_openBlock(), _createElementBlock("span", { key: x }, "foobar"))
_item.memo = _memo _item.memo = _memo
_item.cacheIndex = [0, _key] _item.cacheIndex = [0, _i]
return _item return _item
}, _cache, 0), 128 /* KEYED_FRAGMENT */)) }, _cache, 0), 128 /* KEYED_FRAGMENT */))
])) ]))
@ -71,14 +71,14 @@ exports[`compiler: v-memo transform > on v-for 1`] = `
export function render(_ctx, _cache) { export function render(_ctx, _cache) {
return (_openBlock(), _createElementBlock("div", null, [ return (_openBlock(), _createElementBlock("div", null, [
(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, ({ x, y }, _key, ___, _cached) => { (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.list, ({ x, y }, __, _i, _cached) => {
const _memo = ([x, y === _ctx.z]) const _memo = ([x, y === _ctx.z])
if (_cached && _cached.el && _cached.key === x && _isMemoSame(_cached, _memo)) return _cached if (_cached && _cached.el && _cached.key === x && _isMemoSame(_cached, _memo)) return _cached
const _item = (_openBlock(), _createElementBlock("div", { key: x }, [ const _item = (_openBlock(), _createElementBlock("div", { key: x }, [
_createElementVNode("span", null, "foobar") _createElementVNode("span", null, "foobar")
])) ]))
_item.memo = _memo _item.memo = _memo
_item.cacheIndex = [0, _key] _item.cacheIndex = [0, _i]
return _item return _item
}, _cache, 0), 128 /* KEYED_FRAGMENT */)) }, _cache, 0), 128 /* KEYED_FRAGMENT */))
])) ]))

4
packages/compiler-core/src/transforms/vFor.ts
View File

@ -218,7 +218,7 @@ export const transformFor: NodeTransform = createStructuralDirectiveTransform(
} }
if (memo) { if (memo) {
forNode.parseResult.key = createSimpleExpression('_key') forNode.parseResult.index = createSimpleExpression('_i')
const loop = createFunctionExpression( const loop = createFunctionExpression(
createForLoopParams(forNode.parseResult, [ createForLoopParams(forNode.parseResult, [
createSimpleExpression(`_cached`), createSimpleExpression(`_cached`),
@ -236,7 +236,7 @@ export const transformFor: NodeTransform = createStructuralDirectiveTransform(
createCompoundExpression([`const _item = `, childBlock as any]), createCompoundExpression([`const _item = `, childBlock as any]),
createSimpleExpression(`_item.memo = _memo`), createSimpleExpression(`_item.memo = _memo`),
createSimpleExpression( createSimpleExpression(
`_item.cacheIndex = [${context.cached.length}, _key]`, `_item.cacheIndex = [${context.cached.length}, _i]`,
), ),
createSimpleExpression(`return _item`), createSimpleExpression(`return _item`),
]) ])

6
packages/runtime-core/src/helpers/renderList.ts
View File

@ -78,7 +78,7 @@ export function renderList(
ret[i] = renderItem( ret[i] = renderItem(
needsWrap ? toReactive(source[i]) : source[i], needsWrap ? toReactive(source[i]) : source[i],
i, i,
undefined, i,
cached && cached[i], cached && cached[i],
) )
} }
@ -88,12 +88,12 @@ export function renderList(
} }
ret = new Array(source) ret = new Array(source)
for (let i = 0; i < source; i++) { for (let i = 0; i < source; i++) {
ret[i] = renderItem(i + 1, i, undefined, cached && cached[i]) ret[i] = renderItem(i + 1, i, i, cached && cached[i])
} }
} else if (isObject(source)) { } else if (isObject(source)) {
if (source[Symbol.iterator as any]) { if (source[Symbol.iterator as any]) {
ret = Array.from(source as Iterable<any>, (item, i) => ret = Array.from(source as Iterable<any>, (item, i) =>
renderItem(item, i, undefined, cached && cached[i]), renderItem(item, i, i, cached && cached[i]),
) )
} else { } else {
const keys = Object.keys(source) const keys = Object.keys(source)