@vnejs/module.components 0.0.3 → 0.0.4

package/index.d.ts

@@ -52,8 +52,7 @@ export class ModuleView extends Module {
   regCanvas: () => Promise<void>;
   regComponent: () => Promise<void>;
 
-  onUpdateReactComponent: (state: any) => Promise<void>;
+  onUpdateStoreComponent: (state: any) => Promise<void>;
 
-  setIsForceReact: (isForce: Boolean) => Promise<void>;
   insertExtraDataToState: (state: any) => Promise<any>;
 }

package/modules/view.js

@@ -1,5 +1,7 @@
 import { Module } from "@vnejs/module";
 
+import { createStore } from "zustand/vanilla";
+
 export class ModuleView extends Module {
   animationTime = 0;
   renderFunc = null;
@@ -8,6 +10,8 @@ export class ModuleView extends Module {
   canvasInfo = null;
   locLabel = null;
 
+  store = createStore(() => ({}));
+
   subscribe = () => {
     if (this.updateEvent && this.updateHandler) this.on(this.updateEvent, this.updateHandler);
   };
@@ -22,34 +26,28 @@ export class ModuleView extends Module {
   };
 
   regComponent = async () => {
-    this.component = await this.emitOne(this.EVENTS.COMPONENTS.REG, { name: this.name, renderFunc: this.renderFunc });
+    this.component = await this.emitOne(this.EVENTS.COMPONENTS.REG, { name: this.name, renderFunc: this.renderFunc, store: this.store });
   };
 
-  onUpdateReactComponent = async (state = {}) => {
+  onUpdateStoreComponent = async (state = {}) => {
     if (!this.isReady) await this.waitIsReady();
 
     await this.insertExtraDataToState(state);
 
     return new Promise(async (resolve) => {
       if (state.isForce) {
-        this.component.setState(state);
+        this.store.setState(state);
         await this.waitRerender();
-        this.component.setState({ ...state, isForce: false });
+        this.store.setState({ ...state, isForce: false });
         await this.waitRerender();
         return resolve();
       }
-      this.component.setState(state);
+      this.store.setState(state);
 
       return state.isFast ? resolve() : setTimeout(resolve, this.animationTime);
     });
   };
 
-  setIsForceReact = async (isForce) => {
-    this.component.setState({ ...this.state, isForce });
-
-    await this.waitRerender();
-  };
-
   insertExtraDataToState = async (state) => {
     if (this.locLabel) state.locs = await this.emitOne(this.EVENTS.LOCS.GET, { label: this.locLabel, isConstant: true });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/module.components",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -12,6 +12,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@vnejs/module": "~0.0.1"
+    "@vnejs/module": "~0.0.1",
+    "zustand": "5.0.10"
   }
 }