@vnejs/plugins.view.coralina.interface.fastforward 0.1.5 → 0.1.7

package/modules/controller.js

@@ -85,7 +85,7 @@ export class InterfaceFastForwardController extends ModuleController {
 
   emitFastforwardEvent = (event) => this.emit(this.globalState.interface.isVisible ? event : this.EVENTS.INTERFACE.VISIBLE);
 
-  getIconSrc = async () => (await this.loadImageMedia(`interface/fastforward`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY], false, false)).src;
+  getIconSrc = async () => (await this.loadImageMedia(`interface/fastforward`, "icons", this.shared.settings[this.SETTINGS.LAYER.QUALITY])).src;
 
   getDefaultState = () => ({ isActive: false, isVisible: false, isShow: false, isChooseShow: false });
 }

package/package.json

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

package/view/index.jsx

@@ -10,28 +10,27 @@ import "./index.styl";
 const b = cn("InterfaceFastForward");
 
 const InterfaceFastForward = ({ store, onMount, ...props } = {}) => {
-  const [{ isShow = false, isVisible = false, isForce = false, isActive = false, isChooseShow = false, view = "", iconSrc = "" }, setState] = useState({});
+  const [state, setState] = useState({});
+
+  const { isShow = false, isVisible = false, isForce = false, isActive = false, isChooseShow = false, view = "", iconSrc = "" } = state;
 
   useEffect(() => store.subscribe(setState), []);
   useEffect(() => void onMount(), []);
 
   const onClick = useCallback(() => props.emit(props.EVENTS.INTERFACE_FASTFORWARD_VIEW.CLICK));
 
-  const transition = isForce ? 0 : props.PARAMS.INTERFACE_VIEW.TRANSITION;
+  const transition = useMemo(() => (isForce ? 0 : props.PARAMS.INTERFACE_VIEW.TRANSITION), [isForce]);
 
-  const propsIconByView = useMemo(() => props.PARAMS.INTERFACE_FASTFORWARD_VIEW.VIEW_PROPS[view]?.icon, [view]);
-  const propsIcon = useMemo(() => ({ ...propsIconByView, src: iconSrc, transition }), [propsIconByView, iconSrc, transition]);
+  const propsByView = useMemo(() => props.PARAMS.INTERFACE_FASTFORWARD_VIEW.VIEW_PROPS[view], [view]);
+  const propsIcon = useMemo(() => ({ ...propsByView?.icon, src: iconSrc, transition }), [propsByView, iconSrc, transition]);
+  const propsView = useMemo(() => ({ ...propsByView?.view, isShow, isForce, transition, onClick }), [propsByView, isShow, isForce, transition]);
 
   return (
     <View
-      {...props.PARAMS.INTERFACE_FASTFORWARD_VIEW.VIEW_PROPS[view]?.view}
+      {...propsView}
       className={b({ isAnimated: isActive && !isChooseShow })}
-      isShow={isShow}
-      isForce={isForce}
       isHidden={!isVisible}
       zIndex={props.PARAMS.INTERFACE_VIEW.ZINDEX + 200}
-      transition={transition}
-      onClick={onClick}
     >
       <Icon {...propsIcon} />
     </View>