Browse Source

Add canvas spost on change event

canvas-spot
Artur Arseniev 3 years ago
parent
commit
dbd96e2e58
  1. 2
      src/canvas/index.ts
  2. 7
      src/canvas/model/CanvasSpots.ts

2
src/canvas/index.ts

@ -733,6 +733,8 @@ export default class CanvasModule extends Module<CanvasConfig> {
setSpot<T extends CanvasSpotProps>(spotProps: Partial<T> = {}, opts: AddOptions = {}) { setSpot<T extends CanvasSpotProps>(spotProps: Partial<T> = {}, opts: AddOptions = {}) {
const spots = this.getSpots(spotProps); const spots = this.getSpots(spotProps);
console.log('setSpot');
if (spots.length) { if (spots.length) {
const spot = spots[0]; const spot = spots[0];
spot.set(spotProps); spot.set(spotProps);

7
src/canvas/model/CanvasSpots.ts

@ -6,6 +6,7 @@ export default class CanvasSpots extends ModuleCollection<CanvasSpot> {
constructor(module: CanvasModule, models: CanvasSpot[] | CanvasSpotProps[] = []) { constructor(module: CanvasModule, models: CanvasSpot[] | CanvasSpotProps[] = []) {
super(module, models, CanvasSpot); super(module, models, CanvasSpot);
this.on('add', this.onAdd); this.on('add', this.onAdd);
this.on('change', this.onChange);
} }
onAdd(spot: CanvasSpot) { onAdd(spot: CanvasSpot) {
@ -13,4 +14,10 @@ export default class CanvasSpots extends ModuleCollection<CanvasSpot> {
const { em, events } = module; const { em, events } = module;
em.trigger(events.spotAdd, { spot }); em.trigger(events.spotAdd, { spot });
} }
onChange(spot: CanvasSpot) {
const { module } = this;
const { em, events } = module;
em.trigger(events.spotUpdate, { spot });
}
} }

Loading…
Cancel
Save