@vnejs/plugins.view.coralina.interface.controls 0.1.3 → 0.1.5

package/const/params.js

@@ -1,7 +1,9 @@
+import { getVneLength } from "@vnejs/uis.utils";
+
 export const VIEW_PROPS = {
   adv: {
     icon: { width: 96, height: 96, isOpacityOnHover: true },
-    view: { left: 360, bottom: 24, translateX: "calc(1px * var(--vne-length-240))" },
+    view: { left: 360, bottom: 24, translateX: getVneLength(240) },
     flex: { gap: 36 },
   },
   line: {

package/modules/controller.js

@@ -31,7 +31,7 @@ export class InterfaceControlsController extends ModuleController {
     this.on(this.EVENTS.INTERFACE.VISIBLE_CHANGED, this.onVisibleChanged);
 
     this.on(this.EVENTS.SYSTEM.STARTED, this.getIconsSrcs);
-    this.on(this.EVENTS.MEMORY.CLEARED, this.getIconsSrcs);
+    this.on(this.EVENTS.MEMORY.CLEARED, this.onMemoryCleared);
   };
 
   beforeShow = async () => this.updateState({ icons: await this.getIconsSrcs() });
@@ -65,6 +65,8 @@ export class InterfaceControlsController extends ModuleController {
     return this.updateStateAndViewForce({ isVisible, isShow, view });
   };
 
+  onMemoryCleared = async () => this.updateStateAndViewFast({ icons: await this.getIconsSrcs() });
+
   toggleUnvisibleControls = (isVisible) => {
     const args = { key: `${this.name}-unvisible`, controls: this.controlsUnvisible, index: this.controlsIndex + 500 };
 
@@ -76,7 +78,7 @@ export class InterfaceControlsController extends ModuleController {
   getIconsSrcs = () => Promise.all(this.PARAMS.INTERFACE_CONTROLS_VIEW.ITEMS.map(this.getOneIconSrcs));
 
   getOneIconSrcs = async ({ icon = "", iconHover = "" } = {}) => {
-    const [result, quality] = [{}, this.shared.settings[this.SETTINGS.CANVAS.QUALITY]];
+    const [result, quality] = [{}, this.shared.settings[this.SETTINGS.LAYER.QUALITY]];
 
     if (icon) result.src = (await this.loadImageMedia(`interface/${icon}`, "icons", quality, false, false)).src;
     if (iconHover) result.srcHover = (await this.loadImageMedia(`interface/${iconHover}`, "icons", quality, false, false)).src;

package/package.json

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

package/view/index.jsx

@@ -1,7 +1,7 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { createRoot } from "react-dom/client";
 
-import { Flex, Icon, View } from "@vnejs/uis.base";
+import { Flex, Icon, View } from "@vnejs/uis.react";
 
 const InterfaceControls = ({ store, onMount, ...props } = {}) => {
   const [{ isShow = false, isVisible = false, isForce = false, view = "", icons = [] }, setState] = useState({});