@vnejs/plugins.canvas.layer 0.1.3 → 0.1.5

package/const/events.js

@@ -2,7 +2,9 @@ export const SUBSCRIBE_EVENTS = {
   SHOW: "vne:layer:show",
   HIDE: "vne:layer:hide",
   UPDATE: "vne:layer:update",
-  FORCE_UPDATE: "vne:layer:force_update",
+
+  UPDATE_FORCE: "vne:layer:update_force",
+  UPDATE_FAST: "vne:layer:update_fast",
 
   CHILD_RM: "vne:layer:child_rm",
   CHILDS_RM: "vne:layer:childs_rm",

package/modules/filters.js

@@ -1,5 +1,14 @@
 import { Module } from "@vnejs/module";
 
+const getPromiseAndResolve = () => {
+  const obj = {};
+  obj.promise = new Promise((resolve) => {
+    obj.resolve = resolve;
+  });
+
+  return obj;
+};
+
 export class LayerFilters extends Module {
   name = "layer.filters";
 
@@ -23,18 +32,28 @@ export class LayerFilters extends Module {
     this.emit(this.EVENTS.SCENARIO.NEXT, { module: this.name });
   };
 
-  setFilter = (layer, filter, duration) => this.emit(this.EVENTS.LAYER.FILTER_SET, { layer, filter, duration });
+  setFilter = (layer, filter, duration) => {
+    const { resolve: skipResolve, promise: skipPromise } = getPromiseAndResolve();
+
+    return this.emit(this.EVENTS.INTERACT.PUSH_POP, {
+      key: `${this.name}_${layer}`,
+      skipHandler: () => this.emit(this.EVENTS.LAYER.FILTER_SET, { layer, filter, duration: 0 }).then(skipResolve),
+      handler: () => Promise.race([this.emit(this.EVENTS.LAYER.FILTER_SET, { layer, filter, duration }), skipPromise]),
+    });
+  };
+
+  onStateSet = async ({ [this.name]: state } = {}) => {
+    const clonedState = await this.emitOne(this.EVENTS.VENDORS.CLONE, state);
 
-  onStateSet = ({ [this.name]: state } = {}) => {
     const oldLayers = Object.keys(this.state.filters);
-    const newLayers = Object.keys(state.filters);
+    const newLayers = Object.keys(clonedState.filters);
 
     const promises = [];
 
     oldLayers.forEach((layer) => !newLayers.includes(layer) && promises.push(this.setFilter(layer, "", 0)));
-    newLayers.forEach((layer) => promises.push(this.setFilter(layer, state.filters[layer], 0)));
+    newLayers.forEach((layer) => promises.push(this.setFilter(layer, clonedState.filters[layer], 0)));
 
-    this.setState(state);
+    this.state.filters = clonedState.filters;
 
     return Promise.all(promises);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.canvas.layer",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",