@douyinfe/semi-foundation 2.89.0-beta.0 → 2.89.0

package/lib/cjs/videoPlayer/foundation.d.ts

@@ -40,6 +40,8 @@ export default class VideoPlayerFoundation<P = Record<string, any>, S = Record<s
     handlePlayOrPause(): void;
     handlePlay(): void;
     handlePause(): void;
+    handleVideoPlay: () => void;
+    handleVideoPause: () => void;
     handleCanPlay: () => void;
     handleWaiting: (locale: any) => void;
     handleStalled: (locale: any) => void;

package/lib/cjs/videoPlayer/foundation.js

@@ -18,6 +18,14 @@ class VideoPlayerFoundation extends _foundation.default {
         this._adapter.setShowControls(false);
       }, 3000);
     }, 200);
+    this.handleVideoPlay = () => {
+      this._adapter.setIsPlaying(true);
+      this._adapter.notifyPlay();
+    };
+    this.handleVideoPause = () => {
+      this._adapter.setIsPlaying(false);
+      this._adapter.notifyPause();
+    };
     this.handleCanPlay = () => {
       this._adapter.setShowNotification(false);
     };
@@ -197,17 +205,17 @@ class VideoPlayerFoundation extends _foundation.default {
   handlePlay() {
     const video = this._adapter.getVideo();
     if (video) {
+      // 触发原生 onPlay 后通过 handleVideoPlay 更新 isPlaying 状态
+      // After triggering the native onPlay, the isPlaying state is updated via handleVideoPlay.
       video.play();
-      this._adapter.setIsPlaying(true);
-      this._adapter.notifyPlay();
     }
   }
   handlePause() {
     const video = this._adapter.getVideo();
     if (video) {
+      // 触发原生 onPause 后通过 handleVideoPause 更新 isPlaying 状态
+      // After triggering the native onPause, the isPlaying state is updated via handleVideoPause.
       video.pause();
-      this._adapter.setIsPlaying(false);
-      this._adapter.notifyPause();
     }
   }
   handleVolumeChange(value) {

package/lib/es/videoPlayer/foundation.d.ts

@@ -40,6 +40,8 @@ export default class VideoPlayerFoundation<P = Record<string, any>, S = Record<s
     handlePlayOrPause(): void;
     handlePlay(): void;
     handlePause(): void;
+    handleVideoPlay: () => void;
+    handleVideoPause: () => void;
     handleCanPlay: () => void;
     handleWaiting: (locale: any) => void;
     handleStalled: (locale: any) => void;

package/lib/es/videoPlayer/foundation.js

@@ -11,6 +11,14 @@ export default class VideoPlayerFoundation extends BaseFoundation {
         this._adapter.setShowControls(false);
       }, 3000);
     }, 200);
+    this.handleVideoPlay = () => {
+      this._adapter.setIsPlaying(true);
+      this._adapter.notifyPlay();
+    };
+    this.handleVideoPause = () => {
+      this._adapter.setIsPlaying(false);
+      this._adapter.notifyPause();
+    };
     this.handleCanPlay = () => {
       this._adapter.setShowNotification(false);
     };
@@ -190,17 +198,17 @@ export default class VideoPlayerFoundation extends BaseFoundation {
   handlePlay() {
     const video = this._adapter.getVideo();
     if (video) {
+      // 触发原生 onPlay 后通过 handleVideoPlay 更新 isPlaying 状态
+      // After triggering the native onPlay, the isPlaying state is updated via handleVideoPlay.
       video.play();
-      this._adapter.setIsPlaying(true);
-      this._adapter.notifyPlay();
     }
   }
   handlePause() {
     const video = this._adapter.getVideo();
     if (video) {
+      // 触发原生 onPause 后通过 handleVideoPause 更新 isPlaying 状态
+      // After triggering the native onPause, the isPlaying state is updated via handleVideoPause.
       video.pause();
-      this._adapter.setIsPlaying(false);
-      this._adapter.notifyPause();
     }
   }
   handleVolumeChange(value) {

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.89.0-beta.0",
+    "version": "2.89.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.89.0-beta.0",
-        "@douyinfe/semi-json-viewer-core": "2.89.0-beta.0",
+        "@douyinfe/semi-animation": "2.89.0",
+        "@douyinfe/semi-json-viewer-core": "2.89.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "e0c70c237b5788629d4064ebe4f8d477dc069091",
+    "gitHead": "9928f1af6b523f59aaf103f4afd4b8ea95469dd5",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/videoPlayer/foundation.ts

@@ -107,21 +107,31 @@ export default class VideoPlayerFoundation<P = Record<string, any>, S = Record<s
     handlePlay() {
         const video = this._adapter.getVideo();
         if (video) {
+            // 触发原生 onPlay 后通过 handleVideoPlay 更新 isPlaying 状态
+            // After triggering the native onPlay, the isPlaying state is updated via handleVideoPlay.
             video.play();
-            this._adapter.setIsPlaying(true);
-            this._adapter.notifyPlay();
         }
     }
 
     handlePause() {
         const video = this._adapter.getVideo();
         if (video) {
+            // 触发原生 onPause 后通过 handleVideoPause 更新 isPlaying 状态
+            // After triggering the native onPause, the isPlaying state is updated via handleVideoPause.
             video.pause();
-            this._adapter.setIsPlaying(false);
-            this._adapter.notifyPause();
         }
     }
 
+    handleVideoPlay = () => {
+        this._adapter.setIsPlaying(true);
+        this._adapter.notifyPlay();
+    }
+
+    handleVideoPause = () => {
+        this._adapter.setIsPlaying(false);
+        this._adapter.notifyPause();
+    }
+
     handleCanPlay = () => {
         this._adapter.setShowNotification(false);
     }