mirror of
https://github.com/odoo/owl.git
synced 2025-10-06 19:59:41 +07:00
[REF] transitions: remove create hook
This commit is contained in:
@@ -94,12 +94,9 @@ UTILS.nextFrame = function(cb: () => void) {
|
|||||||
requestAnimationFrame(() => requestAnimationFrame(cb));
|
requestAnimationFrame(() => requestAnimationFrame(cb));
|
||||||
};
|
};
|
||||||
|
|
||||||
UTILS.transitionCreate = function(elm: HTMLElement, name: string) {
|
UTILS.transitionInsert = function(elm: HTMLElement, name: string) {
|
||||||
elm.classList.add(name + "-enter");
|
elm.classList.add(name + "-enter");
|
||||||
elm.classList.add(name + "-enter-active");
|
elm.classList.add(name + "-enter-active");
|
||||||
};
|
|
||||||
|
|
||||||
UTILS.transitionInsert = function(elm: HTMLElement, name: string) {
|
|
||||||
const finalize = () => {
|
const finalize = () => {
|
||||||
elm.classList.remove(name + "-enter-active");
|
elm.classList.remove(name + "-enter-active");
|
||||||
elm.classList.remove(name + "-enter-to");
|
elm.classList.remove(name + "-enter-to");
|
||||||
@@ -172,7 +169,6 @@ QWeb.addDirective({
|
|||||||
atNodeCreation({ value, addNodeHook }) {
|
atNodeCreation({ value, addNodeHook }) {
|
||||||
let name = value;
|
let name = value;
|
||||||
const hooks = {
|
const hooks = {
|
||||||
create: `this.utils.transitionCreate(n.elm, '${name}');`,
|
|
||||||
insert: `this.utils.transitionInsert(vn.elm, '${name}');`,
|
insert: `this.utils.transitionInsert(vn.elm, '${name}');`,
|
||||||
remove: `this.utils.transitionRemove(vn.elm, '${name}', rm);`
|
remove: `this.utils.transitionRemove(vn.elm, '${name}', rm);`
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -7,9 +7,6 @@ exports[`animations t-transition with no delay/duration 1`] = `
|
|||||||
let c1 = [], p1 = {key:1};
|
let c1 = [], p1 = {key:1};
|
||||||
var vn1 = h('span', p1, c1);
|
var vn1 = h('span', p1, c1);
|
||||||
p1.hook = {
|
p1.hook = {
|
||||||
create: (_, n) => {
|
|
||||||
this.utils.transitionCreate(n.elm, 'jupiler');
|
|
||||||
},
|
|
||||||
insert: vn => {
|
insert: vn => {
|
||||||
this.utils.transitionInsert(vn.elm, 'jupiler');
|
this.utils.transitionInsert(vn.elm, 'jupiler');
|
||||||
},
|
},
|
||||||
@@ -29,9 +26,6 @@ exports[`animations t-transition, on a simple node (insert) 1`] = `
|
|||||||
let c1 = [], p1 = {key:1};
|
let c1 = [], p1 = {key:1};
|
||||||
var vn1 = h('span', p1, c1);
|
var vn1 = h('span', p1, c1);
|
||||||
p1.hook = {
|
p1.hook = {
|
||||||
create: (_, n) => {
|
|
||||||
this.utils.transitionCreate(n.elm, 'chimay');
|
|
||||||
},
|
|
||||||
insert: vn => {
|
insert: vn => {
|
||||||
this.utils.transitionInsert(vn.elm, 'chimay');
|
this.utils.transitionInsert(vn.elm, 'chimay');
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user