|
|
@ -69,7 +69,7 @@ export default () => { |
|
|
events: { |
|
|
events: { |
|
|
all: evAll, |
|
|
all: evAll, |
|
|
propertyUpdate: evPropUp, |
|
|
propertyUpdate: evPropUp, |
|
|
custom: evCustom |
|
|
custom: evCustom, |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
name: 'StyleManager', |
|
|
name: 'StyleManager', |
|
|
@ -96,21 +96,14 @@ export default () => { |
|
|
properties = new Properties(); |
|
|
properties = new Properties(); |
|
|
sectors = new Sectors([], c); |
|
|
sectors = new Sectors([], c); |
|
|
this.model = new Model({ targets: [] }); |
|
|
this.model = new Model({ targets: [] }); |
|
|
const ev = |
|
|
const ev = 'component:toggled component:update:classes change:state change:device frame:resized selector:type'; |
|
|
'component:toggled component:update:classes change:state change:device frame:resized selector:type'; |
|
|
const upAll = debounce(() => this.__upSel()); |
|
|
this.model.listenTo( |
|
|
const upProps = debounce(() => { |
|
|
em, |
|
|
this.__upProps(); |
|
|
ev, |
|
|
this.__trgCustom(); |
|
|
debounce(() => this.__upSel()) |
|
|
}); |
|
|
); |
|
|
this.model.listenTo(em, ev, upAll); |
|
|
this.model.listenTo( |
|
|
this.model.listenTo(em, 'styleable:change', upProps); |
|
|
em, |
|
|
|
|
|
'styleable:change', |
|
|
|
|
|
debounce(() => { |
|
|
|
|
|
this.__upProps(); |
|
|
|
|
|
this.__trgCustom(); |
|
|
|
|
|
}) |
|
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
return this; |
|
|
return this; |
|
|
}, |
|
|
}, |
|
|
@ -264,9 +257,7 @@ export default () => { |
|
|
let prop; |
|
|
let prop; |
|
|
|
|
|
|
|
|
if (sector) { |
|
|
if (sector) { |
|
|
prop = sector |
|
|
prop = sector.get('properties').filter(prop => prop.get('property') === name || prop.get('id') === name)[0]; |
|
|
.get('properties') |
|
|
|
|
|
.filter(prop => prop.get('property') === name || prop.get('id') === name)[0]; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
return prop || null; |
|
|
return prop || null; |
|
|
@ -466,7 +457,7 @@ export default () => { |
|
|
return new type.view({ |
|
|
return new type.view({ |
|
|
model: new type.model(model), |
|
|
model: new type.model(model), |
|
|
config: c, |
|
|
config: c, |
|
|
...view |
|
|
...view, |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
@ -546,7 +537,7 @@ export default () => { |
|
|
el, |
|
|
el, |
|
|
collection: sectors, |
|
|
collection: sectors, |
|
|
target: c.em, |
|
|
target: c.em, |
|
|
config: c |
|
|
config: c, |
|
|
}); |
|
|
}); |
|
|
return SectView.render().el; |
|
|
return SectView.render().el; |
|
|
}, |
|
|
}, |
|
|
@ -564,7 +555,7 @@ export default () => { |
|
|
const style = lastTarget.getStyle(); |
|
|
const style = lastTarget.getStyle(); |
|
|
const parentStyles = lastTargetParents.map(p => ({ |
|
|
const parentStyles = lastTargetParents.map(p => ({ |
|
|
target: p, |
|
|
target: p, |
|
|
style: p.getStyle() |
|
|
style: p.getStyle(), |
|
|
})); |
|
|
})); |
|
|
|
|
|
|
|
|
sectors.map(sector => { |
|
|
sectors.map(sector => { |
|
|
@ -599,6 +590,6 @@ export default () => { |
|
|
SectView && SectView.remove(); |
|
|
SectView && SectView.remove(); |
|
|
[c, properties, sectors, SectView].forEach(i => (i = {})); |
|
|
[c, properties, sectors, SectView].forEach(i => (i = {})); |
|
|
this.em = {}; |
|
|
this.em = {}; |
|
|
} |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
}; |
|
|
}; |
|
|
|