[IMP] qweb: t-props directive

We reimplement the directive "t-props" and add some tests for it.

src/qweb/compiler.ts

@@ -905,7 +905,16 @@ export class QWebCompiler {
     for (let p in ast.props) {
       props.push(`${p}: ${compileExpr(ast.props[p]) || undefined}`);
     }
-    const propString = `{${props.join(",")}}`;
+    const propStr = `{${props.join(",")}}`;
+
+    let propString = propStr;
+    if (ast.dynamicProps) {
+      if (!props.length) {
+        propString = `${compileExpr(ast.dynamicProps)}`;
+      } else {
+        propString = `Object.assign({}, ${compileExpr(ast.dynamicProps)}, ${propStr})`;
+      }
+    }
 
     // cmap key
     const key = this.generateComponentKey();

src/qweb/parser.ts

@@ -105,6 +105,7 @@ export interface ASTComponent {
   type: ASTType.TComponent;
   name: string;
   isDynamic: boolean;
+  dynamicProps: string | null;
   props: { [name: string]: string };
   handlers: { [event: string]: string };
   slots: { [name: string]: AST };
@@ -657,6 +658,9 @@ function parseComponent(node: Element, ctx: ParsingContext): AST | null {
     node.removeAttribute("t-component");
   }
 
+  const dynamicProps = node.getAttribute("t-props");
+  node.removeAttribute("t-props");
+
   const props: ASTComponent["props"] = {};
   const handlers: ASTComponent["handlers"] = {};
   for (let name of node.getAttributeNames()) {
@@ -706,7 +710,7 @@ function parseComponent(node: Element, ctx: ParsingContext): AST | null {
       slots.default = defaultContent;
     }
   }
-  return { type: ASTType.TComponent, name, isDynamic, props, handlers, slots };
+  return { type: ASTType.TComponent, name, isDynamic, dynamicProps, props, handlers, slots };
 }
 
 // -----------------------------------------------------------------------------