NextERP/owl
2
0
Fork 0
mirror of https://github.com/odoo/owl.git synced 2025-10-06 19:59:41 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] compiler: improve generated compiled code

Browse Source
This commit is contained in:
Géry Debongnie
2021-12-22 11:33:12 +01:00
committed by Aaron Bohy
parent bd5637c0a3
commit c7af885f43
36 changed files with 939 additions and 936 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/components/__snapshots__/t_model.test.ts.snap
+82 -82
View File
@@ -10,10 +10,10 @@ exports[`t-model directive .lazy modifier 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['text'];
let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let d3 = ctx['state'].text;
return block1([d1, d2, d3]);
let attr1 = ctx['state']['text'];
let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let txt3 = ctx['state'].text;
return block1([attr1, hdlr2, txt3]);
}
}"
`;
@@ -28,10 +28,10 @@ exports[`t-model directive .number modifier 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['number'];
let d2 = [(ev) => { bExpr1['number'] = toNumber(ev.target.value); }];
let d3 = ctx['state'].number;
return block1([d1, d2, d3]);
let attr1 = ctx['state']['number'];
let hdlr2 = [(ev) => { bExpr1['number'] = toNumber(ev.target.value); }];
let txt3 = ctx['state'].number;
return block1([attr1, hdlr2, txt3]);
}
}"
`;
@@ -46,10 +46,10 @@ exports[`t-model directive .trim modifier 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['text'];
let d2 = [(ev) => { bExpr1['text'] = ev.target.value.trim(); }];
let d3 = ctx['state'].text;
return block1([d1, d2, d3]);
let attr1 = ctx['state']['text'];
let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value.trim(); }];
let txt3 = ctx['state'].text;
return block1([attr1, hdlr2, txt3]);
}
}"
`;
@@ -64,10 +64,10 @@ exports[`t-model directive basic use, on an input 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['text'];
let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let d3 = ctx['state'].text;
return block1([d1, d2, d3]);
let attr1 = ctx['state']['text'];
let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let txt3 = ctx['state'].text;
return block1([attr1, hdlr2, txt3]);
}
}"
`;
@@ -82,10 +82,10 @@ exports[`t-model directive basic use, on an input with bracket expression 1`] =
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['text'];
let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let d3 = ctx['state'].text;
return block1([d1, d2, d3]);
let attr1 = ctx['state']['text'];
let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let txt3 = ctx['state'].text;
return block1([attr1, hdlr2, txt3]);
}
}"
`;
@@ -100,10 +100,10 @@ exports[`t-model directive basic use, on another key in component 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['some'];
let d1 = ctx['some']['text'];
let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let d3 = ctx['some'].text;
return block1([d1, d2, d3]);
let attr1 = ctx['some']['text'];
let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let txt3 = ctx['some'].text;
return block1([attr1, hdlr2, txt3]);
}
}"
`;
@@ -117,11 +117,11 @@ exports[`t-model directive can also define t-on directive on same event, part 1
let block1 = createBlock(\`<div><input block-handler-0=\\"input\\" block-attribute-1=\\"value\\" block-handler-2=\\"input\\"/></div>\`);
return function template(ctx, node, key = \\"\\") {
let d1 = [ctx['onInput'], ctx];
let hdlr1 = [ctx['onInput'], ctx];
const bExpr1 = ctx['state'];
let d2 = ctx['state']['text'];
let d3 = [(ev) => { bExpr1['text'] = ev.target.value; }];
return block1([d1, d2, d3]);
let attr2 = ctx['state']['text'];
let hdlr3 = [(ev) => { bExpr1['text'] = ev.target.value; }];
return block1([hdlr1, attr2, hdlr3]);
}
}"
`;
@@ -135,19 +135,19 @@ exports[`t-model directive can also define t-on directive on same event, part 2
let block1 = createBlock(\`<div><input type=\\"radio\\" id=\\"one\\" value=\\"One\\" block-handler-0=\\"click\\" block-attribute-1=\\"checked\\" block-handler-2=\\"click\\"/><input type=\\"radio\\" id=\\"two\\" value=\\"Two\\" block-handler-3=\\"click\\" block-attribute-4=\\"checked\\" block-handler-5=\\"click\\"/><input type=\\"radio\\" id=\\"three\\" value=\\"Three\\" block-handler-6=\\"click\\" block-attribute-7=\\"checked\\" block-handler-8=\\"click\\"/></div>\`);
return function template(ctx, node, key = \\"\\") {
let d1 = [ctx['onClick'], ctx];
let hdlr1 = [ctx['onClick'], ctx];
const bExpr1 = ctx['state'];
let d2 = ctx['state']['choice'] === 'One';
let d3 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
let d4 = [ctx['onClick'], ctx];
let attr2 = ctx['state']['choice'] === 'One';
let hdlr3 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
let hdlr4 = [ctx['onClick'], ctx];
const bExpr2 = ctx['state'];
let d5 = ctx['state']['choice'] === 'Two';
let d6 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
let d7 = [ctx['onClick'], ctx];
let attr5 = ctx['state']['choice'] === 'Two';
let hdlr6 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
let hdlr7 = [ctx['onClick'], ctx];
const bExpr3 = ctx['state'];
let d8 = ctx['state']['choice'] === 'Three';
let d9 = [(ev) => { bExpr3['choice'] = ev.target.value; }];
return block1([d1, d2, d3, d4, d5, d6, d7, d8, d9]);
let attr8 = ctx['state']['choice'] === 'Three';
let hdlr9 = [(ev) => { bExpr3['choice'] = ev.target.value; }];
return block1([hdlr1, attr2, hdlr3, hdlr4, attr5, hdlr6, hdlr7, attr8, hdlr9]);
}
}"
`;
@@ -165,9 +165,9 @@ exports[`t-model directive following a scope protecting directive (e.g. t-set) 1
ctx[isBoundary] = 1
setContextValue(ctx, \\"admiral\\", 'Bruno');
const bExpr1 = ctx['state'];
let d1 = ctx['state']['text'];
let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
return block1([d1, d2]);
let attr1 = ctx['state']['text'];
let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
return block1([attr1, hdlr2]);
}
}"
`;
@@ -188,9 +188,9 @@ exports[`t-model directive in a t-foreach 1`] = `
ctx[\`thing\`] = v_block2[i1];
let key1 = ctx['thing'].id;
const bExpr1 = ctx['thing'];
let d1 = ctx['thing']['f'];
let d2 = [(ev) => { bExpr1['f'] = ev.target.checked; }];
c_block2[i1] = withKey(block3([d1, d2]), key1);
let attr1 = ctx['thing']['f'];
let hdlr2 = [(ev) => { bExpr1['f'] = ev.target.checked; }];
c_block2[i1] = withKey(block3([attr1, hdlr2]), key1);
}
let b2 = list(c_block2);
return block1([], [b2]);
@@ -215,9 +215,9 @@ exports[`t-model directive in a t-foreach, part 2 1`] = `
ctx[\`thing_index\`] = i1;
let key1 = ctx['thing_index'];
const bExpr1 = ctx['state'];
let d1 = ctx['state'][ctx['thing_index']];
let d2 = [(ev) => { bExpr1[ctx['thing_index']] = ev.target.value; }];
c_block2[i1] = withKey(block3([d1, d2]), key1);
let attr1 = ctx['state'][ctx['thing_index']];
let hdlr2 = [(ev) => { bExpr1[ctx['thing_index']] = ev.target.value; }];
c_block2[i1] = withKey(block3([attr1, hdlr2]), key1);
}
let b2 = list(c_block2);
return block1([], [b2]);
@@ -235,10 +235,10 @@ exports[`t-model directive on a select 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['color'];
let d2 = [(ev) => { bExpr1['color'] = ev.target.value; }];
let d3 = ctx['state'].color;
return block1([d1, d2, d3]);
let attr1 = ctx['state']['color'];
let hdlr2 = [(ev) => { bExpr1['color'] = ev.target.value; }];
let txt3 = ctx['state'].color;
return block1([attr1, hdlr2, txt3]);
}
}"
`;
@@ -253,9 +253,9 @@ exports[`t-model directive on a select, initial state 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['color'];
let d2 = [(ev) => { bExpr1['color'] = ev.target.value; }];
return block1([d1, d2]);
let attr1 = ctx['state']['color'];
let hdlr2 = [(ev) => { bExpr1['color'] = ev.target.value; }];
return block1([attr1, hdlr2]);
}
}"
`;
@@ -270,10 +270,10 @@ exports[`t-model directive on a sub state key 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'].something;
let d1 = ctx['state'].something['text'];
let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let d3 = ctx['state'].something.text;
return block1([d1, d2, d3]);
let attr1 = ctx['state'].something['text'];
let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let txt3 = ctx['state'].something.text;
return block1([attr1, hdlr2, txt3]);
}
}"
`;
@@ -288,13 +288,13 @@ exports[`t-model directive on an input type=radio 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['choice'] === 'One';
let d2 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
let attr1 = ctx['state']['choice'] === 'One';
let hdlr2 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
const bExpr2 = ctx['state'];
let d3 = ctx['state']['choice'] === 'Two';
let d4 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
let d5 = ctx['state'].choice;
return block1([d1, d2, d3, d4, d5]);
let attr3 = ctx['state']['choice'] === 'Two';
let hdlr4 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
let txt5 = ctx['state'].choice;
return block1([attr1, hdlr2, attr3, hdlr4, txt5]);
}
}"
`;
@@ -309,12 +309,12 @@ exports[`t-model directive on an input type=radio, with initial value 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['choice'] === 'One';
let d2 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
let attr1 = ctx['state']['choice'] === 'One';
let hdlr2 = [(ev) => { bExpr1['choice'] = ev.target.value; }];
const bExpr2 = ctx['state'];
let d3 = ctx['state']['choice'] === 'Two';
let d4 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
return block1([d1, d2, d3, d4]);
let attr3 = ctx['state']['choice'] === 'Two';
let hdlr4 = [(ev) => { bExpr2['choice'] = ev.target.value; }];
return block1([attr1, hdlr2, attr3, hdlr4]);
}
}"
`;
@@ -330,14 +330,14 @@ exports[`t-model directive on an input, type=checkbox 1`] = `
return function template(ctx, node, key = \\"\\") {
let b2,b3;
const bExpr1 = ctx['state'];
let d1 = ctx['state']['flag'];
let d2 = [(ev) => { bExpr1['flag'] = ev.target.checked; }];
let attr1 = ctx['state']['flag'];
let hdlr2 = [(ev) => { bExpr1['flag'] = ev.target.checked; }];
if (ctx['state'].flag) {
b2 = text(\`yes\`);
} else {
b3 = text(\`no\`);
}
return block1([d1, d2], [b2, b3]);
return block1([attr1, hdlr2], [b2, b3]);
}
}"
`;
@@ -352,10 +352,10 @@ exports[`t-model directive on an textarea 1`] = `
return function template(ctx, node, key = \\"\\") {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['text'];
let d2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let d3 = ctx['state'].text;
return block1([d1, d2, d3]);
let attr1 = ctx['state']['text'];
let hdlr2 = [(ev) => { bExpr1['text'] = ev.target.value; }];
let txt3 = ctx['state'].text;
return block1([attr1, hdlr2, txt3]);
}
}"
`;
@@ -374,15 +374,15 @@ exports[`t-model directive two inputs in a div alternating with a t-if 1`] = `
let b2,b3;
if (ctx['state'].flag) {
const bExpr1 = ctx['state'];
let d1 = ctx['state']['text1'];
let d2 = [(ev) => { bExpr1['text1'] = ev.target.value; }];
b2 = block2([d1, d2]);
let attr1 = ctx['state']['text1'];
let hdlr2 = [(ev) => { bExpr1['text1'] = ev.target.value; }];
b2 = block2([attr1, hdlr2]);
}
if (!ctx['state'].flag) {
const bExpr2 = ctx['state'];
let d3 = ctx['state']['text2'];
let d4 = [(ev) => { bExpr2['text2'] = ev.target.value; }];
b3 = block3([d3, d4]);
let attr3 = ctx['state']['text2'];
let hdlr4 = [(ev) => { bExpr2['text2'] = ev.target.value; }];
b3 = block3([attr3, hdlr4]);
}
return block1([], [b2, b3]);
}