@vnejs/plugins.views.video 0.1.8 → 0.1.9

package/modules/video.js

@@ -16,7 +16,7 @@ export class Video extends ModuleController {
     this.on(this.EVENTS.VIDEO.GET, this.onVideoGet);
     this.on(this.EVENTS.VIDEO.SET, this.onVideoSet);
 
-    this.on(this.EVENTS.STATE.SET, this.onUpdateStateFromGlobalState);
+    this.on(this.EVENTS.STATE.SET, this.onStateSet);
     this.on(this.EVENTS.STATE.CLEAR, this.onHide);
   };
 
@@ -29,6 +29,7 @@ export class Video extends ModuleController {
   beforeShow = () => this.emit(this.EVENTS.INTERFACE.TEXT_HIDE);
   afterHide = async () => {
     await this.emit(this.EVENTS.INTERACT.POP, { key: this.name });
+    this.updateStateAndViewFast({ src: "" });
     this.emit(this.EVENTS.SCENARIO.NEXT, { module: this.name });
   };
 
@@ -39,7 +40,6 @@ export class Video extends ModuleController {
     await this.emit(this.EVENTS.VIDEO.SHOW);
     await this.emit(this.EVENTS.INTERACT.PUSH, { key: this.name, handler: this.emitHide });
   };
-
   onPreloadLineHandler = ({ line, priority = this.CONST.MEDIA.PRIORITIES.BACKGROUND } = {}) => {
     const { name = "" } = line.match(this.CONST.VIDEO.LINE_REG).groups;
 
@@ -47,9 +47,7 @@ export class Video extends ModuleController {
   };
 
   onVideoLoad = ({ name = "", priority = this.CONST.MEDIA.PRIORITIES.BACKGROUND } = {}) => this.emit(this.EVENTS.MEDIA.LOAD, this.getMediaArgs(name, priority));
-
   onVideoGet = ({ name = "" } = {}) => this.emitOne(this.EVENTS.MEDIA.GET, this.getMediaArgs(name));
-
   onVideoSet = async ({ name = "" } = {}) => {
     const video = await this.emitOne(this.EVENTS.VIDEO.GET, { name });
 
@@ -58,6 +56,8 @@ export class Video extends ModuleController {
     this.updateState({ src: video.src });
   };
 
+  onStateSet = async ({ [this.name]: state } = {}) => this.setState(await this.emitOne(this.EVENTS.VENDORS.CLONE, state));
+
   getMediaArgs = (name, priority) => {
     const [type, quality] = [this.CONST.MEDIA.TYPES.VIDEO, this.shared.settings[this.SETTINGS.LAYER.QUALITY]];
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.views.video",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/view/index.jsx

@@ -39,11 +39,7 @@ const VideoView = ({ store, onMount, ...props } = {}) => {
   const propsScreen = useMemo(() => ({ ...props.PARAMS.VIDEO.VIEW_PROPS.screen, onClick, isShow, isForce }), [isShow, isForce]);
   const propsVideo = useMemo(() => ({ ...VIDEO_PROPS, src, ref: videoRef, onEnded: onClick }), [src]);
 
-  return (
-    <Screen {...propsScreen}>
-      <video {...propsVideo} />
-    </Screen>
-  );
+  return <Screen {...propsScreen}>{src && <video {...propsVideo} />}</Screen>;
 };
 
 export const render = (props, root) => createRoot(root).render(<VideoView {...props} />);