Refactor %for macro handling: remove key attribute requirement and streamline list rendering logic

This commit is contained in:
Astrian Zheng 2025-05-15 13:48:02 +10:00
parent 7f818b5324
commit 59e5124c14
Signed by: Astrian
SSH Key Fingerprint: SHA256:rVnhx3DAKjujCwWE13aDl7uV6+9U1MvydLkNRXJrBiA

View File

@ -308,13 +308,8 @@ export default (options: ComponentOptions) => {
ifDirectivesToProcess.push({ element: currentElementNode, expr })
else if (macroName === 'for') {
// detect %key="keyName" attribute
const keyAttr = currentElementNode.getAttribute('%key')
if (!keyAttr)
return console.error(`%for macro requires %key attribute: %for="${expr}"`)
this._setupListRendering(currentElementNode, expr, keyAttr)
} else if (macroName === 'key') // Ignore %key macro, as it is handled in %for
return
else
this._setupListRendering(currentElementNode, expr)
} else
console.warn(`Unknown macro: %${macroName}`)
})
@ -384,8 +379,9 @@ export default (options: ComponentOptions) => {
})
}
// Handle list rendering (%for marco)
// Handle list rendering (%for macro)
private _setupListRendering(element: Element, expr: string, keyAttr: string) {
private _setupListRendering(element: Element, expr: string) {
// Parse the expression (e.g., "item in items" or "(item, index) in items")
const match = expr.match(/(?:\(([^,]+),\s*([^)]+)\)|([^,\s]+))\s+in\s+(.+)/)
if (!match) {