@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/logger/index.js

@@ -0,0 +1,171 @@
+import { inherits as m, createSuper as h, classCallCheck as p, defineProperty as u, assertThisInitialized as s, createClass as y, objectSpread2 as v } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import r from "../../utils/util.js";
+import { LOAD_START as w, LOADED_DATA as F, SEEKING as A, SEEKED as L, DESTROY as E, URL_CHANGE as W, PLAYING as k, CANPLAY as I, WAITING as C, ERROR as D, RESET as R, AUTOPLAY_STARTED as S, TIME_UPDATE as f, XGLOG as x } from "../../events.js";
+import _ from "../../utils/debug.js";
+import O from "../../plugin/plugin.js";
+function n() {
+  return (/* @__PURE__ */ new Date()).getTime();
+}
+var g = {
+  LOAD_START: "loadstart",
+  LOADED_DATA: "loadeddata",
+  FIRST_FRAME: "firstFrame",
+  WAIT_START: "waitingStart",
+  WAIT_END: "waitingEnd",
+  SEEK_START: "seekStart",
+  SEEK_END: "seekEnd"
+}, Y = /* @__PURE__ */ (function(c) {
+  m(d, c);
+  var l = h(d);
+  function d() {
+    var t;
+    p(this, d);
+    for (var i = arguments.length, e = new Array(i), a = 0; a < i; a++)
+      e[a] = arguments[a];
+    return t = l.call.apply(l, [this].concat(e)), u(s(t), "_onTimeupdate", function() {
+      t._state.isTimeUpdate = !0, t._state.autoplayStart && (_.logInfo("[xgLogger]".concat(t.player.playerId, " _onTimeupdate")), t._sendFF("onTimeupdate"));
+    }), u(s(t), "_onAutoplayStart", function() {
+      _.logInfo("[xgLogger]".concat(t.player.playerId, " _onAutoplayStart")), t._state.autoplayStart = !0, t.vt && t._sendFF("onAutoplayStart");
+    }), u(s(t), "_onReset", function() {
+      t._state = {
+        autoplayStart: !1,
+        isFFLoading: !1,
+        isTimeUpdate: !1,
+        isFFSend: !1,
+        isLs: !1
+      }, t.vt = 0, t.pt = 0, t.fvt = 0, t.newPointTime = n(), t.loadedCostTime = 0, t.startCostTime = 0, t._isSeeking = !1, t.seekingStart = 0, t.waitingStart = 0, t.fixedWaitingStart = 0, t._isWaiting = !1, t._waitTimer && r.clearTimeout(s(t), t._waitTimer), t._waittTimer && r.clearTimeout(s(t), t._waittTimer), t._waitTimer = null, t._waittTimer = null, t._waitType = 0;
+    }), u(s(t), "_onSeeking", function() {
+      t.seekingStart || (t.suspendWaitingStatus("seek"), t.seekingStart = n(), t.emitLog(g.SEEK_START, {
+        start: n()
+      }));
+    }), u(s(t), "_onSeeked", function() {
+      t.suspendSeekingStatus("seeked");
+    }), u(s(t), "_onWaitingLoadStart", function() {
+      t._isWaiting || t.vt || (t._isWaiting = !0, t.waitingStart = n(), t.fixedWaitingStart = n(), t._waitType = 1, t.emitLog(g.WAIT_START, {
+        fixedStart: t.fixedWaitingStart,
+        start: t.waitingStart,
+        type: 1,
+        endType: "loadstart"
+      }));
+    }), u(s(t), "_onWaiting", function() {
+      t._isWaiting || !t.vt || (t._isWaiting = !0, t.vt ? t.seekingStart ? t._waitType = 2 : t._waitType = 0 : t._waitType = 1, t.fixedWaitingStart = n(), t._waitTimer = r.setTimeout(s(t), function() {
+        t._isWaiting && (t.waitingStart = n(), r.clearTimeout(s(t), t._waitTimer), t._waitTimer = null, t._startWaitTimeout(), t.emitLog(g.WAIT_START, {
+          fixedStart: t.fixedWaitingStart,
+          start: t.waitingStart,
+          type: t._waitType,
+          endType: t._waitType === 2 ? "seek" : "playing"
+        }));
+      }, 200));
+    }), u(s(t), "_onError", function() {
+      t.suspendSeekingStatus("error"), t.suspendWaitingStatus("error");
+    }), u(s(t), "_onPlaying", function() {
+      t._isWaiting && t.suspendWaitingStatus("playing");
+    }), t;
+  }
+  return y(d, [{
+    key: "afterCreate",
+    value: function() {
+      var i = this;
+      this._onReset(), this._waitType = "firstFrame", this._initOnceEvents(), this.newPointTime = n(), this.loadedCostTime = 0, this.startCostTime = 0, this.on(w, function() {
+        var e = i._state, a = e.autoplayStart, o = e.isFFSend;
+        i.startCostTime = n() - i.newPointTime, _.logInfo("[xgLogger]".concat(i.player.playerId, " LOAD_START"), "autoplayStart:".concat(a, " isFFSend:").concat(o, " startCostTime:").concat(i.startCostTime, " newPointTime").concat(i.newPointTime)), !o && (!e.isLs && i.emitLog(g.LOAD_START, {}), e.isLs = !0, e.isTimeUpdate = !1, e.isFFLoading = !0, i.pt = n(), i.vt = 0, i.fvt = 0, i._initOnceEvents(), i._onWaitingLoadStart());
+      }), this.on(F, function() {
+        i.vt = n(), i.fvt = i.vt - i.pt, i.loadedCostTime = i.vt - i.newPointTime;
+        var e = i._state, a = e.isTimeUpdate, o = e.isFFSend, T = e.autoplayStart;
+        _.logInfo("[xgLogger]".concat(i.player.playerId, " LOADED_DATA"), "fvt:".concat(i.fvt, " isTimeUpdate:").concat(i._state.isTimeUpdate, " loadedCostTime:").concat(i.loadedCostTime)), (a || T) && i._sendFF("loadedData"), o || i.emitLog(g.LOADED_DATA, {}), i.suspendWaitingStatus("loadeddata");
+      }), this.on(A, this._onSeeking), this.on(L, this._onSeeked), this.on(E, function() {
+        i.endState("destroy");
+      }), this.on(W, function() {
+        i.endState("urlChange"), _.logInfo("[xgLogger]".concat(i.player.playerId, " URL_CHANGE")), i._state.isFFSend && i._onReset();
+      }), this.on([k, I], this._onPlaying), this.on(C, this._onWaiting), this.on(D, this._onError), this.on(R, function() {
+        _.logInfo("[xgLogger]".concat(i.player.playerId, " RESET")), i.endState("reset"), i._initOnceEvents(), i._onReset();
+      });
+    }
+  }, {
+    key: "_initOnceEvents",
+    value: function() {
+      this.off(S, this._onAutoplayStart), this.off(f, this._onTimeupdate), this.once(S, this._onAutoplayStart), this.once(f, this._onTimeupdate);
+    }
+  }, {
+    key: "_sendFF",
+    value: function(i) {
+      this.s = n();
+      var e = this._state, a = e.isFFLoading, o = e.isFFSend;
+      _.logInfo("[xgLogger]".concat(this.player.playerId, " _sendFF"), "".concat(i, " fvt:").concat(this.fvt, " isFFLoading:").concat(a, " !isFFSend:").concat(!o)), this.vt > 0 && a && !o && (_.logInfo("[xgLogger]".concat(this.player.playerId, " emitLog_firstFrame"), i), this._state.isFFLoading = !1, this._state.isFFSend = !0, this.emitLog(g.FIRST_FRAME, {
+        fvt: this.fvt,
+        costTime: this.fvt,
+        vt: this.vt,
+        startCostTime: this.startCostTime,
+        loadedCostTime: this.loadedCostTime
+      }));
+    }
+  }, {
+    key: "_startWaitTimeout",
+    value: function() {
+      var i = this;
+      this._waittTimer && r.clearTimeout(this, this._waittTimer), this._waittTimer = r.setTimeout(this, function() {
+        i.suspendWaitingStatus("timeout"), r.clearTimeout(i, i._waittTimer), i._waittTimer = null;
+      }, this.config.waitTimeout);
+    }
+  }, {
+    key: "endState",
+    value: function(i) {
+      this.suspendWaitingStatus(i), this.suspendSeekingStatus(i);
+    }
+  }, {
+    key: "suspendSeekingStatus",
+    value: function(i) {
+      if (this.seekingStart) {
+        var e = n(), a = e - this.seekingStart;
+        this.seekingStart = 0, this.emitLog(g.SEEK_END, {
+          end: e,
+          costTime: a,
+          endType: i
+        });
+      }
+    }
+  }, {
+    key: "suspendWaitingStatus",
+    value: function(i) {
+      if (this._waitTimer && (r.clearTimeout(this, this._waitTimer), this._waitTimer = null), this._waittTimer && (r.clearTimeout(this, this._waittTimer), this._waittTimer = null), this._isWaiting = !1, !!this.waitingStart) {
+        var e = n(), a = e - this.waitingStart, o = e - this.fixedWaitingStart, T = this.config.waitTimeout;
+        this._isWaiting = !1, this.waitingStart = 0, this.fixedWaitingStart = 0, this.emitLog(g.WAIT_END, {
+          fixedCostTime: o > T ? T : o,
+          costTime: a > T ? T : a,
+          type: i === "loadeddata" ? 1 : this._waitType,
+          endType: this._waitType === 2 ? "seek" : i
+        });
+      }
+    }
+  }, {
+    key: "emitLog",
+    value: function(i, e) {
+      var a = this.player;
+      this.emit(x, v({
+        t: n(),
+        host: r.getHostFromUrl(a.currentSrc),
+        vtype: a.vtype,
+        eventType: i,
+        currentTime: this.player.currentTime,
+        readyState: a.video.readyState,
+        networkState: a.video.networkState
+      }, e));
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "xgLogger";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        waitTimeout: 1e4
+      };
+    }
+  }]), d;
+})(O);
+export {
+  g as LOG_TYPES,
+  Y as default
+};

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

@@ -0,0 +1,169 @@
+import { inherits as u, createSuper as y, classCallCheck as v, defineProperty as h, assertThisInitialized as a, createClass as m } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import r from "../../utils/util.js";
+import { PAUSE as w, PLAY as C, MINI_STATE_CHANGE as p } from "../../events.js";
+import M from "../../plugin/plugin.js";
+import { xgIconTips as S } from "../common/iconTools.js";
+import x from "../assets/play.js";
+import b from "../assets/pause.js";
+import f from "./miniScreenIcon.js";
+import k from "../../utils/draggabilly.js";
+var E = /* @__PURE__ */ (function(g) {
+  u(o, g);
+  var d = y(o);
+  function o(n) {
+    var i;
+    v(this, o), i = d.call(this, n), h(a(i), "onCancelClick", function(l) {
+      i.exitMini(), i.isClose = !0;
+    }), h(a(i), "onCenterClick", function(l) {
+      var t = a(i), c = t.player;
+      c.paused ? c.play() : c.pause();
+    }), h(a(i), "onScroll", function(l) {
+      if (!(!window.scrollY && window.scrollY !== 0 || Math.abs(window.scrollY - i.pos.scrollY) < 50)) {
+        var t = parseInt(r.getCss(i.player.root, "height"));
+        t += i.config.scrollTop, i.pos.scrollY = window.scrollY, window.scrollY > t + 5 ? !i.isMini && !i.isClose && i.getMini() : window.scrollY <= t && (i.isMini && i.exitMini(), i.isClose = !1);
+      }
+    }), i.isMini = !1, i.isClose = !1;
+    var s = a(i), e = s.config;
+    return i.pos = {
+      left: e.left < 0 ? window.innerWidth - e.width - 20 : e.left,
+      top: e.top < 0 ? window.innerHeight - e.height - 20 : e.top,
+      height: i.config.height,
+      width: i.config.width,
+      scrollY: window.scrollY || 0
+    }, i.lastStyle = null, i;
+  }
+  return m(o, [{
+    key: "beforeCreate",
+    value: function(i) {
+      typeof i.player.config.mini == "boolean" && (i.config.isShowIcon = i.player.config.mini);
+    }
+  }, {
+    key: "afterCreate",
+    value: function() {
+      var i = this;
+      this.initIcons(), this.on(w, function() {
+        i.setAttr("data-state", "pause");
+      }), this.on(C, function() {
+        i.setAttr("data-state", "play");
+      });
+    }
+  }, {
+    key: "onPluginsReady",
+    value: function() {
+      var i = this, s = this.player, e = this.config;
+      if (!e.disable) {
+        if (this.config.isShowIcon) {
+          var l = {
+            config: {
+              onClick: function() {
+                i.getMini();
+              }
+            }
+          };
+          s.controls.registerPlugin(f, l, f.pluginName);
+        }
+        var t = r.checkTouchSupport() ? "touchend" : "click";
+        this.bind(".mini-cancel-btn", t, this.onCancelClick), this.bind(".play-icon", t, this.onCenterClick), this.config.disableDrag || (this._draggabilly = new k(this.player.root, {
+          handle: this.root
+        })), this.config.isScrollSwitch && window.addEventListener("scroll", this.onScroll);
+      }
+    }
+  }, {
+    key: "registerIcons",
+    value: function() {
+      return {
+        play: {
+          icon: x,
+          class: "xg-icon-play"
+        },
+        pause: {
+          icon: b,
+          class: "xg-icon-pause"
+        }
+      };
+    }
+  }, {
+    key: "initIcons",
+    value: function() {
+      var i = this.icons;
+      this.appendChild(".play-icon", i.play), this.appendChild(".play-icon", i.pause);
+    }
+  }, {
+    key: "getMini",
+    value: function() {
+      var i = this;
+      if (!this.isMini) {
+        var s = this.player, e = this.playerConfig, l = this.config.target || this.player.root;
+        this.lastStyle = {}, r.addClass(s.root, "xgplayer-mini"), ["width", "height", "top", "left"].map(function(t) {
+          i.lastStyle[t] = l.style[t], l.style[t] = "".concat(i.pos[t], "px");
+        }), e.fluid && (l.style["padding-top"] = ""), this.emit(p, !0), s.isMini = this.isMini = !0;
+      }
+    }
+  }, {
+    key: "exitMini",
+    value: function() {
+      var i = this;
+      if (!this.isMini)
+        return !1;
+      var s = this.player, e = this.playerConfig, l = this.config.target || this.player.root;
+      r.removeClass(s.root, "xgplayer-mini"), this.lastStyle && Object.keys(this.lastStyle).map(function(t) {
+        l.style[t] = i.lastStyle[t];
+      }), this.lastStyle = null, e.fluid && (s.root.style.width = "100%", s.root.style.height = "0", s.root.style["padding-top"] = "".concat(e.height * 100 / e.width, "%")), this.emit(p, !1), this.isMini = s.isMini = !1;
+    }
+  }, {
+    key: "updatePos",
+    value: function(i) {
+      this.pos = Object.assign(this.pos, i), this.isMini && (this.player.root.style.left = "".concat(this.pos.left, "px"), this.player.root.style.top = "".concat(this.pos.top, "px"), this.player.root.style.width = "".concat(this.pos.width, "px"), this.player.root.style.height = "".concat(this.pos.height, "px"));
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      window.removeEventListener("scroll", this.onScroll);
+      var i = r.checkTouchSupport() ? "touchend" : "click";
+      this.unbind(".mini-cancel-btn", i, this.onCancelClick), this.unbind(".play-icon", i, this.onCenterClick), this._draggabilly && this._draggabilly.destroy(), this._draggabilly = null, this.exitMini();
+    }
+  }, {
+    key: "render",
+    value: function() {
+      if (!this.config.disable)
+        return `
+      <xg-mini-layer class="xg-mini-layer">
+      <xg-mini-header class="xgplayer-mini-header">
+      `.concat(S(this, "MINI_DRAG", this.playerConfig.isHideTips), `
+      </xg-mini-header>
+      <div class="mini-cancel-btn">
+        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+          <path fill="#fff" fill-rule="evenodd" d="M3.99 3.49a1 1 0 0 1 1.414 0L10 8.085l4.596-4.595a1 1 0 1 1 1.414 1.414L11.414 9.5l4.596 4.596a1 1 0 0 1 .084 1.32l-.084.094a1 1 0 0 1-1.414 0L10 10.914 5.404 15.51a1 1 0 0 1-1.414-1.414L8.585 9.5 3.99 4.904a1 1 0 0 1-.084-1.32z"></path>
+        </svg>
+      </div>
+      <div class="play-icon">
+      </div>
+      </xg-mini-layer>`);
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "miniscreen";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        index: 10,
+        disable: !1,
+        width: 320,
+        height: 180,
+        left: -1,
+        top: -1,
+        isShowIcon: !1,
+        isScrollSwitch: !1,
+        scrollTop: 0,
+        disableDrag: !1
+      };
+    }
+  }]), o;
+})(M);
+export {
+  f as MiniScreenIcon,
+  E as default
+};

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/miniScreen/miniScreenIcon.js

@@ -0,0 +1,55 @@
+import { inherits as s, createSuper as a, classCallCheck as r, createClass as o } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import l, { POSITIONS as u } from "../../plugin/plugin.js";
+var f = /* @__PURE__ */ (function(t) {
+  s(n, t);
+  var c = a(n);
+  function n() {
+    return r(this, n), c.apply(this, arguments);
+  }
+  return o(n, [{
+    key: "afterCreate",
+    value: function() {
+      this.getMini = this.getMini.bind(this), this.exitMini = this.exitMini.bind(this), this.bind("click", this.getMini);
+    }
+  }, {
+    key: "getMini",
+    value: function() {
+      this.config.onClick && this.config.onClick();
+    }
+  }, {
+    key: "exitMini",
+    value: function() {
+      this.config.onClick && this.config.onClick();
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      this.unbind(["click", "touchend"], this.getMini);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var e = "MINISCREEN";
+      return `
+      <xg-icon class="xgplayer-miniicon">
+      <div class="xgplayer-icon btn-text"><span class="icon-text" lang-key="`.concat(this.i18nKeys[e], '">').concat(this.i18n[e], `</span></div>
+      </xg-icon>`);
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "miniscreenIcon";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        position: u.CONTROLS_RIGHT,
+        index: 10
+      };
+    }
+  }]), n;
+})(l);
+export {
+  f as default
+};