x-star-design 0.0.38 → 0.0.39

package/dist/ali-player/index.d.ts

@@ -15,9 +15,9 @@ export interface AliplayerInstance {
     pause: () => void;
     seek: (time: number) => void;
     getCurrentTime: () => number;
-    setPlayerSize: (width: string, height: string) => void;
+    setPlayerSize: (w: string, h: string) => void;
     dispose: () => void;
-    on: (event: string, handler: () => void) => void;
+    on: (name: string, handler: () => void) => void;
 }
 interface AliplayerProps {
     config: AliplayerConfig;

package/dist/ali-player/index.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { useMemoizedFn, useSize, useUnmount } from 'ahooks';
+import { useMemoizedFn, useSize } from 'ahooks';
 import React, { useEffect, useMemo, useRef } from 'react';
 import { randomString } from 'x-star-utils';
 
@@ -17,8 +17,8 @@ var Aliplayer = function Aliplayer(_ref) {
   var id = useMemo(function () {
     return "aliplayer-".concat(randomString(8));
   }, []);
-  var wrapper = useRef(null);
   var player = useRef();
+  var wrapper = useRef(null);
   var size = useSize(wrapper);
   var importAliPlayer = function importAliPlayer() {
     var link = window.document.createElement('link');
@@ -34,18 +34,15 @@ var Aliplayer = function Aliplayer(_ref) {
   if (!window.Aliplayer) {
     importAliPlayer();
   }
+
   /**
    * 根据宽度调整高度，比例为 16:9
    */
   var resize = useMemoizedFn(function () {
     return player.current && size && player.current.setPlayerSize("".concat(size.width, "px"), "".concat(size.width / 16 * 9, "px"));
   });
-  useEffect(resize, [size, resize]);
+  useEffect(resize, [size]);
   useEffect(function () {
-    if (player.current) {
-      player.current.dispose();
-      player.current = undefined;
-    }
     var create = function create() {
       var run = function run(retry) {
         var Aliplayer = window.Aliplayer;
@@ -69,17 +66,13 @@ var Aliplayer = function Aliplayer(_ref) {
       });
     };
     create();
-  }, [config === null || config === void 0 ? void 0 : config.vid, config === null || config === void 0 ? void 0 : config.playauth, id, resize, onCreate]);
-
-  /**
-   * 组件卸载时销毁 Aliplayer
-   */
-  useUnmount(function () {
-    if (player.current) {
-      player.current.dispose();
-      player.current = undefined;
-    }
-  });
+    return function () {
+      if (player.current) {
+        player.current.dispose();
+        player.current = undefined;
+      }
+    };
+  }, [config.vid, config.playauth]);
   return /*#__PURE__*/React.createElement("div", {
     ref: wrapper
   }, /*#__PURE__*/React.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",