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] improve tests of transition directive

Browse Source
This commit is contained in:
Aaron Bohy
2019-05-10 17:46:32 +02:00
parent c2280ff1bb
commit 649e20b956
6 changed files with 210 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/qweb_core.ts
+7 -1
View File
@@ -96,7 +96,13 @@ const NODE_HOOKS_PARAMS = {
remove: "(vn, rm)"
};
export const UTILS = {
interface Utils {
h: typeof h;
objectToAttrString(obj: Object): string;
[key: string]: any;
};
export const UTILS:Utils = {
h: h,
objectToAttrString(obj: Object): string {
let classes: string[] = [];
src/qweb_extensions.ts
+5 -5
View File
@@ -90,16 +90,16 @@ QWeb.addDirective({
//------------------------------------------------------------------------------
// t-transition
//------------------------------------------------------------------------------
(<any>UTILS).nextFrame = function(cb: () => void) {
UTILS.nextFrame = function(cb: () => void) {
requestAnimationFrame(() => requestAnimationFrame(cb));
};
(<any>UTILS).transitionCreate = function(elm: HTMLElement, name: string) {
UTILS.transitionCreate = function(elm: HTMLElement, name: string) {
elm.classList.add(name + "-enter");
elm.classList.add(name + "-enter-active");
};
(<any>UTILS).transitionInsert = function(elm: HTMLElement, name: string) {
UTILS.transitionInsert = function(elm: HTMLElement, name: string) {
const finalize = () => {
elm.classList.remove(name + "-enter-active");
elm.classList.remove(name + "-enter-to");
@@ -111,7 +111,7 @@ QWeb.addDirective({
});
};
(<any>UTILS).transitionRemove = function(
UTILS.transitionRemove = function(
elm: HTMLElement,
name: string,
rm: () => void
@@ -120,7 +120,7 @@ QWeb.addDirective({
elm.classList.add(name + "-leave-active");
const finalize = () => {
elm.classList.remove(name + "-leave-active");
elm.classList.remove(name + "-enter-to");
elm.classList.remove(name + "-leave-to");
rm();
};
this.nextFrame(() => {