x-star-design 0.0.71 → 0.0.72

package/dist/aliplayer/index.d.ts

@@ -5,10 +5,12 @@ import React from 'react';
 export interface AliplayerConfig {
     vid: string;
     playauth: string;
+    preventRecord?: boolean;
     autoplay?: boolean;
     language?: string;
     encryptType?: number;
     keyShortCuts?: boolean;
+    ratio?: number;
 }
 /**
  * Aliplayer 实例
@@ -17,7 +19,6 @@ export interface AliplayerInstance {
     pause: () => void;
     seek: (time: number) => void;
     getCurrentTime: () => number;
-    setPlayerSize: (w: string, h: string) => void;
     dispose: () => void;
     on: (name: string, handler: () => void) => void;
 }

package/dist/aliplayer/index.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { useMemoizedFn, useSize } from 'ahooks';
 import React, { useEffect, useMemo, useRef } from 'react';
 import { randomString } from 'x-star-utils';
 
@@ -18,58 +17,45 @@ var Aliplayer = function Aliplayer(_ref) {
     return "aliplayer-".concat(randomString(8));
   }, []);
   var player = useRef();
-  var wrapper = useRef(null);
-  var size = useSize(wrapper);
-  var importAliPlayer = function importAliPlayer() {
-    var link = window.document.createElement('link');
-    link.rel = 'stylesheet';
-    link.href = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.16.3/skins/default/aliplayer-min.css';
-    var script = window.document.createElement('script');
-    script.type = 'text/javascript';
-    script.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.16.3/aliplayer-h5-min.js';
-    var head = window.document.querySelector('head');
-    head === null || head === void 0 ? void 0 : head.append(link);
-    head === null || head === void 0 ? void 0 : head.append(script);
-  };
-  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]);
   useEffect(function () {
-    var create = function create() {
-      var run = function run(retry) {
-        var Aliplayer = window.Aliplayer;
-        if (Aliplayer) {
-          // 创建 Aliplayer 实例
-          player.current = new Aliplayer(_objectSpread(_objectSpread({
-            encryptType: 1,
-            keyShortCuts: true
-          }, config), {}, {
-            id: id
-          }), function (player) {
-            return onCreate === null || onCreate === void 0 ? void 0 : onCreate(player);
-          });
-          resize();
-        } else if (retry > 0) {
-          // 轮询获取 Aliplayer 类
-          window.setTimeout(function () {
-            return run(retry - 1);
-          }, 100);
-        }
-      };
-      window.setTimeout(function () {
-        return run(100);
-      });
+    if (!window.Aliplayer) {
+      var link = document.createElement('link');
+      link.rel = 'stylesheet';
+      link.href = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.25.0/skins/default/aliplayer-min.css';
+      var script = document.createElement('script');
+      script.type = 'text/javascript';
+      script.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.25.0/aliplayer-h5-min.js';
+      var head = document.head;
+      head.append(link);
+      head.append(script);
+    }
+  }, []);
+  useEffect(function () {
+    var timer;
+    var tryCreate = function tryCreate(retry) {
+      var Aliplayer = window.Aliplayer;
+      if (Aliplayer) {
+        // 创建 Aliplayer 实例
+        player.current = new Aliplayer(_objectSpread(_objectSpread({
+          preventRecord: true,
+          encryptType: 1,
+          keyShortCuts: true,
+          ratio: 16 / 9
+        }, config), {}, {
+          id: id
+        }), function (player) {
+          return onCreate === null || onCreate === void 0 ? void 0 : onCreate(player);
+        });
+      } else if (retry > 0) {
+        // 轮询获取 Aliplayer 类
+        timer = window.setTimeout(function () {
+          return tryCreate(retry - 1);
+        }, 100);
+      }
     };
-    create();
+    tryCreate(100);
     return function () {
+      window.clearTimeout(timer);
       if (player.current) {
         player.current.dispose();
         player.current = undefined;
@@ -77,10 +63,8 @@ var Aliplayer = function Aliplayer(_ref) {
     };
   }, [config.vid, config.playauth]);
   return /*#__PURE__*/React.createElement("div", {
-    ref: wrapper
-  }, /*#__PURE__*/React.createElement("div", {
-    id: id,
-    "data-testid": "aliplayer-wrapper"
-  }));
+    "data-testid": "aliplayer",
+    id: id
+  });
 };
 export default Aliplayer;

package/package.json

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