@xiping/react-components 1.0.43 → 1.0.49

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/screenShot/index.js

@@ -0,0 +1,134 @@
+import { inherits as M, createSuper as P, classCallCheck as B, createClass as H, get as y, getPrototypeOf as C } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import { VIDEO_RESIZE as S, SCREEN_SHOT as N } from "../../events.js";
+import { POSITIONS as q } from "../../plugin/plugin.js";
+import T from "../common/iconPlugin.js";
+var K = /* @__PURE__ */ (function(k) {
+  M(o, k);
+  var E = P(o);
+  function o() {
+    return B(this, o), E.apply(this, arguments);
+  }
+  return H(o, [{
+    key: "beforeCreate",
+    value: function(t) {
+      typeof t.player.config.screenShot == "boolean" && (t.config.disable = !t.player.config.screenShot);
+    }
+  }, {
+    key: "afterCreate",
+    value: function() {
+      y(C(o.prototype), "afterCreate", this).call(this), this.appendChild(".xgplayer-icon", this.icons.screenshotIcon);
+      var t = this.config;
+      this.initSize = function(n) {
+        t.fitVideo && (t.width = n.vWidth, t.height = n.vHeight);
+      }, this.once(S, this.initSize);
+    }
+  }, {
+    key: "onPluginsReady",
+    value: function() {
+      this.show(), this.onClickBtn = this.onClickBtn.bind(this), this.bind(["click", "touchend"], this.onClickBtn);
+    }
+  }, {
+    key: "saveScreenShot",
+    value: function(t, n) {
+      var e = document.createElement("a");
+      e.href = t, e.download = n;
+      var i;
+      try {
+        typeof MouseEvent < "u" ? i = new MouseEvent("click", {
+          bubbles: !0,
+          cancelable: !0,
+          view: window
+        }) : (i = document.createEvent("MouseEvents"), i.initMouseEvent("click", !0, !1, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null));
+      } catch (c) {
+        console.error("MouseEvent unsupported", c);
+      }
+      i && e.dispatchEvent(i);
+    }
+  }, {
+    key: "createCanvas",
+    value: function(t, n) {
+      var e = document.createElement("canvas"), i = e.getContext("2d");
+      this.canvasCtx = i, this.canvas = e, e.width = t || this.config.width, e.height = n || this.config.height, i.imageSmoothingEnabled = !0, i.imageSmoothingEnabled && (i.imageSmoothingQuality = "high");
+    }
+  }, {
+    key: "onClickBtn",
+    value: function(t) {
+      var n = this;
+      t.preventDefault(), t.stopPropagation(), this.emitUserAction(t, "shot");
+      var e = this.config;
+      this.shot(e.width, e.height).then(function(i) {
+        n.emit(N, i), e.saveImg && n.saveScreenShot(i, e.name + e.format);
+      });
+    }
+  }, {
+    key: "shot",
+    value: function(t, n) {
+      var e = this, i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
+        quality: 0.92,
+        type: "image/png"
+      }, c = this.config, r = this.player, w = i.quality || c.quality, d = i.type || c.type;
+      return new Promise(function(b, z) {
+        var a = null, m;
+        if (r.media.canvas)
+          a = r.media.canvas;
+        else {
+          e.canvas ? (e.canvas.width = t || c.width, e.canvas.height = n || c.height) : e.createCanvas(t, n), a = e.canvas, m = e.canvasCtx;
+          var h = r.media.videoWidth / r.media.videoHeight, g = a.width / a.height, I = 0, _ = 0, x = r.media.videoWidth, O = r.media.videoHeight, v, f, l, u;
+          h > g ? (l = a.width, u = a.width / h, v = 0, f = Math.round((a.height - u) / 2)) : h === g ? (l = a.width, u = a.height, v = 0, f = 0) : h < g && (l = a.height * h, u = a.height, v = Math.round((a.width - l) / 2), f = 0), m.drawImage(r.media, I, _, x, O, v, f, l, u);
+        }
+        var p = a.toDataURL(d, w).replace(d, "image/octet-stream");
+        p = p.replace(/^data:image\/[^;]+/, "data:application/octet-stream"), b(p);
+      });
+    }
+  }, {
+    key: "registerIcons",
+    value: function() {
+      return {
+        screenshotIcon: null
+      };
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      y(C(o.prototype), "destroy", this).call(this), this.unbind(["click", "touchend"], this.onClickBtn), this.off(S, this.initSize);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      if (!this.config.disable) {
+        var t = this.icons.screenshotIcon ? "xgplayer-icon" : "xgplayer-icon btn-text", n = "SCREENSHOT";
+        return `
+      <xg-icon class="xgplayer-shot">
+      <div class="`.concat(t, `">
+      `).concat(this.icons.screenshotIcon ? "" : '<span lang-key="'.concat(this.i18nKeys[n], '">').concat(this.i18n[n], "</span>"), `
+      </div>
+    </xg-icon>`);
+      }
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "screenShot";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        position: q.CONTROLS_RIGHT,
+        index: 5,
+        quality: 0.92,
+        type: "image/png",
+        format: ".png",
+        width: 600,
+        height: 337,
+        saveImg: !0,
+        fitVideo: !0,
+        disable: !1,
+        name: "screenshot"
+      };
+    }
+  }]), o;
+})(T);
+export {
+  K as default
+};

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/start/index.js

@@ -0,0 +1,222 @@
+import { inherits as p, createSuper as y, classCallCheck as m, defineProperty as h, assertThisInitialized as d, createClass as v } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import n from "../../utils/util.js";
+import { READY as g, AUTOPLAY_STARTED as P, AUTOPLAY_PREVENTED as w, PLAY as C, PAUSE as S, RESET as k } from "../../events.js";
+import A from "../../plugin/plugin.js";
+import { STATES as c } from "../../state.js";
+import T from "../assets/play.js";
+import _ from "../assets/pause.js";
+var r = {};
+function E(s, l) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
+    start: null,
+    end: null
+  };
+  return r[s] && window.clearTimeout(r[s].id), r[s] = {}, o.start && o.start(), r[s].id = window.setTimeout(function() {
+    o.end && o.end(), window.clearTimeout(r[s].id), delete r[s];
+  }, l), r[s].id;
+}
+function f(s) {
+  if (s) {
+    window.clearTimeout(s);
+    return;
+  }
+  Object.keys(r).map(function(l) {
+    window.clearTimeout(r[l].id), delete r[l];
+  });
+}
+var H = /* @__PURE__ */ (function(s) {
+  p(o, s);
+  var l = y(o);
+  function o(a) {
+    var t;
+    return m(this, o), t = l.call(this, a), h(d(t), "onPlayerReset", function() {
+      t.autoPlayStart = !1;
+      var e = t.config.mode === "auto" ? "auto-hide" : "hide";
+      t.setAttr("data-state", "play"), n.removeClass(t.root, e), t.show();
+    }), h(d(t), "onAutoplayStart", function() {
+      if (!t.autoPlayStart) {
+        var e = t.config.mode === "auto" ? "auto-hide" : "hide";
+        n.addClass(t.root, e), t.autoPlayStart = !0, t.toggleTo("play");
+      }
+    }), t.autoPlayStart = !1, t;
+  }
+  return v(o, [{
+    key: "afterCreate",
+    value: function() {
+      var t = this.playerConfig;
+      this.initIcons(), this.listenEvents(), this.bindClickEvents(), t.autoplay || this.show();
+    }
+  }, {
+    key: "listenEvents",
+    value: function() {
+      var t = this, e = this.player, i = this.playerConfig;
+      this.once(g, function() {
+        i && (i.lang && i.lang === "en" ? n.addClass(e.root, "lang-is-en") : i.lang === "jp" && n.addClass(e.root, "lang-is-jp"));
+      }), this.on(P, this.onAutoplayStart), this.on(w, function() {
+        var u = t.config.mode === "auto" ? "auto-hide" : "hide";
+        t.setAttr("data-state", "play"), n.removeClass(t.root, u), t.show();
+      }), this.on(C, function() {
+        t.toggleTo("play");
+      }), this.on(S, function() {
+        t.toggleTo("pause");
+      }), this.on(k, function() {
+        t.onPlayerReset();
+      });
+    }
+  }, {
+    key: "bindClickEvents",
+    value: function() {
+      var t = this;
+      this.clickHandler = this.hook("startClick", this.switchPausePlay, {
+        pre: function(i) {
+          i.cancelable && i.preventDefault(), i.stopPropagation();
+          var u = t.player.paused;
+          t.emitUserAction(i, "switch_play_pause", {
+            props: "paused",
+            from: u,
+            to: !u
+          });
+        }
+      }), this.bind(["click", "touchend"], this.clickHandler);
+    }
+  }, {
+    key: "registerIcons",
+    value: function() {
+      return {
+        startPlay: {
+          icon: T,
+          class: "xg-icon-play"
+        },
+        startPause: {
+          icon: _,
+          class: "xg-icon-pause"
+        }
+      };
+    }
+  }, {
+    key: "initIcons",
+    value: function() {
+      var t = this.icons;
+      this.appendChild("xg-start-inner", t.startPlay), this.appendChild("xg-start-inner", t.startPause);
+    }
+  }, {
+    key: "hide",
+    value: function() {
+      n.addClass(this.root, "hide");
+    }
+  }, {
+    key: "show",
+    value: function(t) {
+      n.removeClass(this.root, "hide");
+    }
+  }, {
+    key: "focusHide",
+    value: function() {
+      n.addClass(this.root, "focus-hide");
+    }
+  }, {
+    key: "recover",
+    value: function() {
+      n.removeClass(this.root, "focus-hide");
+    }
+  }, {
+    key: "switchStatus",
+    value: function(t) {
+      t ? this.setAttr("data-state", this.player.paused ? "pause" : "play") : this.setAttr("data-state", this.player.paused ? "play" : "pause");
+    }
+  }, {
+    key: "animate",
+    value: function(t) {
+      var e = this;
+      this._animateId = E("pauseplay", 400, {
+        start: function() {
+          n.addClass(e.root, "interact"), e.show(), e.switchStatus(!0);
+        },
+        end: function() {
+          n.removeClass(e.root, "interact"), !t && e.hide(), e._animateId = null;
+        }
+      });
+    }
+  }, {
+    key: "endAnimate",
+    value: function() {
+      n.removeClass(this.root, "interact"), f(this._animateId), this._animateId = null;
+    }
+  }, {
+    key: "switchPausePlay",
+    value: function(t) {
+      var e = this.player;
+      if (t.cancelable && t.preventDefault(), t.stopPropagation(), !(e.state < c.READY)) {
+        var i = this.player.paused;
+        !i && e.state === c.RUNNING ? e.pause() : e.play();
+      }
+    }
+  }, {
+    key: "onPlayPause",
+    value: function(t) {
+      this.toggleTo(t);
+    }
+  }, {
+    key: "toggleTo",
+    value: function(t) {
+      var e = this.config, i = this.player;
+      if (!(!i || i.state < c.RUNNING || !this.autoPlayStart)) {
+        if (e.mode === "show") {
+          this.switchStatus(), this.show();
+          return;
+        }
+        if (e.mode === "auto") {
+          this.switchStatus();
+          return;
+        }
+        if (e.isShowPause && i.paused && !i.ended || e.isShowEnd && i.ended) {
+          this.switchStatus(), this.show(), this.endAnimate();
+          return;
+        }
+        if (e.disableAnimate) {
+          this.switchStatus(), this.hide();
+          return;
+        }
+        if (t === "play")
+          this.autoPlayStart ? this.animate() : this.hide();
+        else {
+          if (!this.autoPlayStart || i.ended)
+            return;
+          this.animate();
+        }
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      this.unbind(["click", "touchend"], this.clickHandler), f(this._animateId);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this.playerConfig.autoplay ? this.config.mode === "auto" ? "auto-hide" : "hide" : "";
+      return `
+    <xg-start class="xgplayer-start `.concat(t, `">
+    <xg-start-inner></xg-start-inner>
+    </xg-start>`);
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "start";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        isShowPause: !1,
+        isShowEnd: !1,
+        disableAnimate: !1,
+        mode: "hide"
+      };
+    }
+  }]), o;
+})(A);
+export {
+  H as default
+};

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/stats/index.js

@@ -0,0 +1,152 @@
+import { inherits as p, createSuper as v, classCallCheck as S, defineProperty as n, objectSpread2 as c, assertThisInitialized as d, createClass as g } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import { USER_ACTION as y, STATS_EVENTS as T } from "../../events.js";
+import w from "../../plugin/basePlugin.js";
+import "../../../../../../../../_virtual/delegate.js";
+var u = "info", _ = T, C = /* @__PURE__ */ (function(h) {
+  p(o, h);
+  var m = v(o);
+  function o() {
+    var e;
+    S(this, o);
+    for (var t = arguments.length, r = new Array(t), s = 0; s < t; s++)
+      r[s] = arguments[s];
+    return e = m.call.apply(m, [this].concat(r)), n(d(e), "_recordUserActions", function(a) {
+      var i = e._getTime(), f = Object.assign({}, a, {
+        msg: a.msg || a.action
+      });
+      e._stats[u].push(c(c({
+        type: "userAction"
+      }, i), {}, {
+        payload: f
+      }));
+    }), n(d(e), "_onReset", function() {
+      e.reset();
+    }), n(d(e), "_recordInfo", function(a) {
+      e.info(a);
+    }), n(d(e), "_downloadStats", function() {
+      var a = e.getStats(), i = new Blob([JSON.stringify(a)], {
+        type: "application/json"
+      }), f = window.URL.createObjectURL(i), l = document.createElement("a");
+      l.style.display = "none", l.href = f, l.download = "player.txt", l.disabled = !1, l.click();
+    }), e;
+  }
+  return g(o, [{
+    key: "_getTime",
+    value: function() {
+      return {
+        timestamp: Date.now(),
+        timeFormat: (/* @__PURE__ */ new Date()).toISOString()
+      };
+    }
+  }, {
+    key: "afterCreate",
+    value: function() {
+      this.reset(), this.on(y, this._recordUserActions), this.on(_.STATS_INFO, this._recordInfo), this.on(_.STATS_DOWNLOAD, this._downloadStats), this.on(_.STATS_RESET, this._onReset);
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      this.offAll();
+    }
+  }, {
+    key: "downloadStats",
+    value: function() {
+      this._downloadStats();
+    }
+  }, {
+    key: "info",
+    value: function(t) {
+      t.profile ? this._infoProfile(t) : this._info(t);
+    }
+  }, {
+    key: "_info",
+    value: function(t) {
+      var r = this._getTime();
+      this._stats[u].push(c(c({}, r), {}, {
+        payload: t
+      }));
+    }
+  }, {
+    key: "_infoProfile",
+    value: function(t) {
+      if (t && t.startMs) {
+        var r = Date.now(), s = r - t.startMs, a = c({
+          cat: "function",
+          dur: s,
+          name: t.name || t.msg,
+          ph: "X",
+          pid: 0,
+          tid: 0,
+          ts: t.startMs,
+          profile: !0
+        }, t);
+        this._info(a);
+      } else
+        console.warn("infoProfile need object data, include startMs");
+    }
+  }, {
+    key: "reset",
+    value: function() {
+      var t;
+      this._stats = (t = {}, n(t, u, []), n(t, "media", {}), t);
+    }
+  }, {
+    key: "getStats",
+    value: function() {
+      for (var t = this.player, r = t.media, s = [], a = 0; a < r.buffered.length; a++)
+        s.push({
+          start: r.buffered.start(a),
+          end: r.buffered.end(a)
+        });
+      var i = {
+        currentTime: r.currentTime,
+        readyState: r.readyState,
+        buffered: s,
+        paused: r.paused,
+        ended: r.ended
+      };
+      return this._stats.media = i, {
+        raw: this._stats,
+        timestat: this._getTimeStats(),
+        profile: this._getProfile()
+      };
+    }
+  }, {
+    key: "_getTimeStats",
+    value: function() {
+      var t = this._stats[u], r = t.map(function(s) {
+        var a = s.payload.data, i = "";
+        try {
+          a instanceof Error ? i = a.msg : a !== void 0 && (i = JSON.stringify(a));
+        } catch (f) {
+          console.log("err", f);
+        }
+        return "[".concat(s.timeFormat, "] : ").concat(s.payload.msg, " ").concat(i, " ");
+      });
+      return r;
+    }
+  }, {
+    key: "_getProfile",
+    value: function() {
+      var t = {
+        traceEvents: []
+      }, r = this._stats[u];
+      return r.forEach(function(s) {
+        s.payload.profile && t.traceEvents.push(s.payload);
+      }), t;
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "stats";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {};
+    }
+  }]), o;
+})(w);
+export {
+  C as default
+};

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/testspeed/index.js

@@ -0,0 +1,134 @@
+import { inherits as M, createSuper as P, classCallCheck as R, defineProperty as l, assertThisInitialized as o, createClass as x, toConsumableArray as z } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import k from "../../utils/util.js";
+import { DOWNLOAD_SPEED_CHANGE as T, LOADED_DATA as L, REPLAY as y } from "../../events.js";
+import w from "../../plugin/plugin.js";
+var c = "cdn", S = ["cdn"], I = /* @__PURE__ */ (function(_) {
+  M(f, _);
+  var g = P(f);
+  function f() {
+    var e;
+    R(this, f);
+    for (var a = arguments.length, r = new Array(a), n = 0; n < a; n++)
+      r[n] = arguments[n];
+    return e = g.call.apply(g, [this].concat(r)), l(o(e), "getSpeed", function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : c;
+      if (!e.speedListCache || !e.speedListCache[t] || e.speedListCache[t].length <= 0)
+        return 0;
+      var i = 0;
+      return e.speedListCache[t].map(function(d) {
+        i += d;
+      }), Math.floor(i / e.speedListCache[t].length);
+    }), l(o(e), "startTimer", function() {
+      k.isMSE(e.player.video) || (e.initSpeedList(), e.cnt = 0, e.timer = setTimeout(e.testSpeed, e.config.testTimeStep));
+    }), l(o(e), "initSpeedList", function() {
+      e.speedListCache = {}, S.forEach(function(t) {
+        e.speedListCache[t] = [];
+      });
+    }), l(o(e), "_onRealSpeedChange", function(t) {
+      t.speed && e.appendList(t.speed, t.type || c);
+    }), l(o(e), "testSpeed", function() {
+      if (clearTimeout(e.timer), e.timer = null, !(!e.player || !e.config.openSpeed)) {
+        var t = e.config, i = t.url, d = t.loadSize, s = t.testCnt, p = t.testTimeStep, E = i + (i.indexOf("?") < 0 ? "?testst=" : "&testst=") + Date.now();
+        if (!(e.cnt >= s)) {
+          e.cnt++;
+          try {
+            var D = (/* @__PURE__ */ new Date()).getTime(), v = null, h = new XMLHttpRequest();
+            e.xhr = h, h.open("GET", E);
+            var m = {}, C = Math.floor(Math.random() * 10);
+            m.Range = "bytes=" + C + "-" + (d + C), m && Object.keys(m).forEach(function(u) {
+              h.setRequestHeader(u, m[u]);
+            }), h.onreadystatechange = function() {
+              if (h.readyState === 4) {
+                e.xhr = null, v = (/* @__PURE__ */ new Date()).getTime();
+                var u = h.getResponseHeader("Content-Length") / 1024 * 8, A = Math.round(u * 1e3 / (v - D));
+                e.appendList(A), e.timer = setTimeout(e.testSpeed, p);
+              }
+            }, h.send();
+          } catch (u) {
+            console.error(u);
+          }
+        }
+      }
+    }), l(o(e), "appendList", function(t) {
+      var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : c;
+      if (!(!e.speedListCache || !e.speedListCache[i])) {
+        var d = e.config.saveSpeedMax;
+        e.speedListCache[i].length >= d && e.speedListCache[i].shift(), e.speedListCache[i].push(t);
+        var s = o(e), p = s.player;
+        p && (i === c ? p.realTimeSpeed = t : p[e.getSpeedName("realTime", i)] = t), e.updateSpeed(i);
+      }
+    }), l(o(e), "updateSpeed", function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : c, i = e.getSpeed(t), d = o(e), s = d.player;
+      if (s)
+        if (t === c)
+          (!s.avgSpeed || i !== s.avgSpeed) && (s.avgSpeed = i, s.emit(T, {
+            speed: i,
+            realTimeSpeed: s.realTimeSpeed
+          }));
+        else {
+          var p = e.getSpeedName("avg", t);
+          (!s[p] || i !== s[p]) && (s[p] = i, s.emit(T, {
+            speed: i,
+            realTimeSpeed: s.realTimeSpeed
+          }));
+        }
+    }), e;
+  }
+  return x(f, [{
+    key: "afterCreate",
+    value: function() {
+      var a = this.config, r = a.openSpeed, n = a.addSpeedTypeList;
+      n?.length > 0 && S.push.apply(S, z(n)), this.initSpeedList(), this.on("real_time_speed", this._onRealSpeedChange), this.timer = null, this.cnt = 0, this.xhr = null, r && this.on([L, y], this.startTimer);
+    }
+  }, {
+    key: "getSpeedName",
+    value: function(a, r) {
+      return a + "Speed" + r.toUpperCase();
+    }
+  }, {
+    key: "openSpeed",
+    get: function() {
+      return this.config.openSpeed;
+    },
+    set: function(a) {
+      if (this.config.openSpeed = a, !a && this.timer) {
+        clearTimeout(this.timer), this.timer = null;
+        return;
+      }
+      if (this.config.openSpeed) {
+        if (this.timer)
+          return;
+        this.timer = setTimeout(this.testSpeed, this.config.testTimeStep);
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      var a = this;
+      this.off("real_time_speed", this._onRealSpeedChange), this.off([L, y], this.startTimer), S.forEach(function(r) {
+        a.speedListCache && a.speedListCache[r] && (a.speedListCache[r] = []);
+      }), this.speedListCache && (this.speedListCache = {}), clearTimeout(this.timer), this.timer = null, this.xhr && this.xhr.readyState !== 4 && (this.xhr.cancel && this.xhr.cancel(), this.xhr = null);
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "testspeed";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        openSpeed: !1,
+        testCnt: 3,
+        loadSize: 200 * 1024,
+        testTimeStep: 3e3,
+        url: "",
+        saveSpeedMax: 5,
+        addSpeedTypeList: []
+      };
+    }
+  }]), f;
+})(w);
+export {
+  I as default
+};