@xiping/react-components 1.0.45 → 1.0.49

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/progress/innerList.js

@@ -0,0 +1,215 @@
+import { createClass as g, classCallCheck as p } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import o from "../../utils/util.js";
+import "../../../../../../../../_virtual/delegate.js";
+var v = [{
+  tag: "xg-cache",
+  className: "xgplayer-progress-cache",
+  styleKey: "cachedColor"
+}, {
+  tag: "xg-played",
+  className: "xgplayer-progress-played",
+  styleKey: "playedColor"
+}], C = /* @__PURE__ */ (function() {
+  function c(a) {
+    p(this, c), this.fragments = a.fragments || [], this.fragments.length === 0 && this.fragments.push({
+      percent: 1
+    }), this._callBack = a.actionCallback, this.fragConfig = {
+      fragFocusClass: a.fragFocusClass || "inner-focus-point",
+      fragAutoFocus: !!a.fragAutoFocus,
+      fragClass: a.fragClass || ""
+    }, this.style = a.style || {
+      playedColor: "",
+      cachedColor: "",
+      progressColor: ""
+    }, this.duration = 0, this.cachedIndex = 0, this.playedIndex = 0, this.focusIndex = -1;
+  }
+  return g(c, [{
+    key: "updateDuration",
+    value: function(t) {
+      var e = this;
+      this.duration = t;
+      var r = 0, s = this.fragments;
+      this.fragments = s.map(function(n) {
+        return n.start = parseInt(r, 10), n.end = parseInt(r + n.percent * e.duration, 10), n.duration = parseInt(n.percent * e.duration, 10), r += n.percent * e.duration, n;
+      });
+    }
+  }, {
+    key: "updateProgress",
+    value: function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "played", e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+        newIndex: 0,
+        curIndex: 0,
+        millisecond: 0
+      }, r = this.progressList, s = this.fragments;
+      if (!(r.length < 1)) {
+        var n = e.newIndex, i = e.curIndex, h = e.millisecond;
+        n !== i && r.map(function(u, f) {
+          f < n ? u[t].style.width = "100%" : f > n && (u[t].style.width = 0);
+        });
+        var l = s[n], d = h === 0 ? 0 : (h - l.start) / l.duration;
+        r[n][t].style.width = d < 0 ? 0 : "".concat(d * 100, "%");
+      }
+    }
+  }, {
+    key: "updateFocus",
+    value: function(t) {
+      if (!(!this.fragConfig.fragAutoFocus || this.fragments.length < 2)) {
+        if (!t) {
+          if (this.focusIndex > -1) {
+            this.unHightLight(this.focusIndex);
+            var e = {
+              index: -1,
+              preIndex: this.focusIndex,
+              fragment: null
+            };
+            this._callBack && this._callBack(e), this.focusIndex = -1;
+          }
+          return;
+        }
+        var r = this.findIndex(t.currentTime * 1e3, this.focusIndex);
+        if (r >= 0 && r !== this.focusIndex) {
+          this.focusIndex > -1 && this.unHightLight(this.focusIndex), this.setHightLight(r);
+          var s = {
+            index: r,
+            preIndex: this.focusIndex,
+            fragment: this.fragments[this.focusIndex]
+          };
+          this.focusIndex = r, this._callBack && this._callBack(s);
+        }
+      }
+    }
+  }, {
+    key: "update",
+    value: function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
+        cached: 0,
+        played: 0
+      }, e = arguments.length > 1 ? arguments[1] : void 0;
+      if (!this.duration || parseInt(e * 1e3, 10) !== this.duration) {
+        if (!e && e !== 0)
+          return;
+        this.updateDuration(parseInt(e * 1e3, 10));
+      }
+      var r = this.playedIndex, s = this.cachedIndex;
+      if (o.typeOf(t.played) !== "Undefined") {
+        var n = this.findIndex(t.played * 1e3, r);
+        if (n < 0)
+          return;
+        this.updateProgress("played", {
+          newIndex: n,
+          curIndex: r,
+          millisecond: parseInt(t.played * 1e3, 10)
+        }), this.playedIndex = n;
+      }
+      if (o.typeOf(t.cached) !== "Undefined") {
+        var i = this.findIndex(t.cached * 1e3, s);
+        if (i < 0)
+          return;
+        this.updateProgress("cached", {
+          newIndex: i,
+          curIndex: s,
+          millisecond: parseInt(t.cached * 1e3, 10)
+        }), this.cachedIndex = i;
+      }
+    }
+  }, {
+    key: "findIndex",
+    value: function(t, e) {
+      var r = this.fragments;
+      if (!r || r.length === 0)
+        return -1;
+      if (r.length === 1)
+        return 0;
+      if (e > -1 && e < r.length && t > r[e].start && t < r[e].end)
+        return e;
+      if (t > r[r.length - 1].start)
+        return r.length - 1;
+      for (var s = 0; s < r.length; s++)
+        if (t > r[s].start && t <= r[s].end) {
+          e = s;
+          break;
+        }
+      return e;
+    }
+  }, {
+    key: "findHightLight",
+    value: function() {
+      for (var t = this.root.children, e = 0; e < t.length; e++)
+        if (o.hasClass(t[e], this.fragConfig.fragFocusClass))
+          return {
+            dom: t[e],
+            pos: t[e].getBoundingClientRect()
+          };
+    }
+  }, {
+    key: "findFragment",
+    value: function(t) {
+      var e = this.root.children;
+      return t < 0 || t >= e.length ? null : {
+        dom: e[t],
+        pos: e[t].getBoundingClientRect()
+      };
+    }
+  }, {
+    key: "unHightLight",
+    value: function() {
+      for (var t = this.root.children, e = 0; e < t.length; e++)
+        o.removeClass(t[e], this.fragConfig.fragFocusClass);
+    }
+  }, {
+    key: "setHightLight",
+    value: function(t) {
+      var e = this.root.children;
+      if (t < e.length)
+        return o.addClass(e[t], this.fragConfig.fragFocusClass), {
+          dom: e[t],
+          pos: e[t].getBoundingClientRect()
+        };
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      this.progressList = null, this.fragments = null, this.root.innerHTML = "";
+    }
+  }, {
+    key: "reset",
+    value: function(t) {
+      var e = this;
+      if (Object.keys(this.fragConfig).forEach(function(s) {
+        t[s] !== void 0 && (e.fragConfig[s] = t[s]);
+      }), t.fragments) {
+        if (this.fragments = t.fragments.length === 0 ? [{
+          percent: 1
+        }] : t.fragments, this.updateDuration(this.duration), this.playedIndex = 0, this.cachedIndex = 0, this.root)
+          for (var r = this.root.children; r.length > 0; )
+            this.root.removeChild(r[0]);
+        this.render();
+      }
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var t = this, e = this.style.progressColor;
+      if (this.root || (this.root = o.createDom("xg-inners", "", {}, "progress-list")), this.fragments) {
+        var r = this.fragConfig, s = r.fragClass, n = r.fragFocusClass;
+        this.progressList = this.fragments.map(function(i) {
+          var h = o.createDom("xg-inner", "", {
+            style: e ? "background:".concat(e, "; flex: ").concat(i.percent) : "flex: ".concat(i.percent)
+          }, "".concat(i.isFocus ? n : "", " xgplayer-progress-inner ").concat(s));
+          return t.root.appendChild(h), v.forEach(function(l) {
+            h.appendChild(o.createDom(l.tag, "", {
+              style: l.styleKey ? "background: ".concat(t.style[l.styleKey], "; width:0;") : "width:0;"
+            }, l.className));
+          }), {
+            cached: h.children[0],
+            played: h.children[1]
+          };
+        });
+      }
+      return this.root;
+    }
+  }]), c;
+})();
+export {
+  C as default
+};

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/progress/miniProgress.js

@@ -0,0 +1,93 @@
+import { inherits as d, createSuper as f, classCallCheck as m, defineProperty as y, assertThisInitialized as h, createClass as v } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import C from "../../utils/util.js";
+import { TIME_UPDATE as T, EMPTIED as x } from "../../events.js";
+import _ from "../../plugin/plugin.js";
+function g(o) {
+  return o ? "background:".concat(o, ";") : "";
+}
+var I = /* @__PURE__ */ (function(o) {
+  d(n, o);
+  var l = f(n);
+  function n() {
+    var e;
+    m(this, n);
+    for (var r = arguments.length, t = new Array(r), i = 0; i < r; i++)
+      t[i] = arguments[i];
+    return e = l.call.apply(l, [this].concat(t)), y(h(e), "onTimeupdate", function() {
+      var c = e.player.ended, u = h(e), s = u.offsetDuration, a = e.currentTime;
+      a = C.adjustTimeByDuration(a, s, c), e.update({
+        played: a
+      }, s);
+    }), e;
+  }
+  return v(n, [{
+    key: "offsetDuration",
+    get: function() {
+      return this.playerConfig.customDuration || this.player.offsetDuration || this.player.duration;
+    }
+  }, {
+    key: "currentTime",
+    get: function() {
+      var r = this.player, t = r.offsetCurrentTime, i = r.currentTime;
+      return t >= 0 ? t : i;
+    }
+  }, {
+    key: "afterCreate",
+    value: function() {
+      var r = this;
+      this.root && (this.on(T, this.onTimeupdate), this.on(x, function() {
+        r.reset();
+      }));
+    }
+  }, {
+    key: "reset",
+    value: function() {
+      this.update({
+        played: 0,
+        cached: 0
+      }, 0);
+    }
+  }, {
+    key: "update",
+    value: function() {
+      var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
+        cached: 0,
+        played: 0
+      }, t = arguments.length > 1 ? arguments[1] : void 0;
+      !t || !this.root || (r.cached && (this.find("xg-mini-progress-cache").style.width = "".concat(r.cached / t * 100, "%")), r.played && (this.find("xg-mini-progress-played").style.width = "".concat(r.played / t * 100, "%")));
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var r = this.playerConfig, t = r.commonStyle, i = r.miniprogress;
+      if (i) {
+        var c = this.config, u = c.mode, s = c.height, a = {
+          cached: g(t.cachedColor),
+          played: g(t.playedColor),
+          progress: g(t.progressColor),
+          height: s > 0 && s !== 2 ? "height: ".concat(s, "px;") : ""
+        }, p = u === "show" ? "xg-mini-progress-show" : "";
+        return '<xg-mini-progress class="xg-mini-progress '.concat(p, '" style="').concat(a.progress, " ").concat(a.height, `">
+    <xg-mini-progress-cache class="xg-mini-progress-cache" style="`).concat(a.cached, `"></xg-mini-progress-cache>
+    <xg-mini-progress-played class="xg-mini-progress-played" style="`).concat(a.played, `"></xg-mini-progress-played>
+    </xg-mini-progress>`);
+      }
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "MiniProgress";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        mode: "auto",
+        height: 2
+      };
+    }
+  }]), n;
+})(_);
+export {
+  I as default
+};

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/progressPreview/dotsApi.js

@@ -0,0 +1,175 @@
+import p from "../../utils/util.js";
+import { DURATION_CHANGE as g, VIDEO_RESIZE as v } from "../../events.js";
+import "../../../../../../../../_virtual/delegate.js";
+var d = {
+  time: 0,
+  text: "",
+  id: 1,
+  duration: 1,
+  color: "#fff",
+  style: {},
+  width: 6,
+  height: 6
+};
+function h(r) {
+  Object.keys(d).map(function(t) {
+    r[t] === void 0 && (r[t] = d[t]);
+  });
+}
+var u = {
+  _updateDotDom: function(t, e) {
+    if (e) {
+      var s = this.calcuPosition(t.time, t.duration), i = t.style || {};
+      i.left = "".concat(s.left, "%"), i.width = "".concat(s.width, "%"), e.setAttribute("data-text", t.text), e.setAttribute("data-time", t.time), s.isMini ? p.addClass(e, "mini") : p.removeClass(e, "mini"), Object.keys(i).map(function(o) {
+        e.style[o] = i[o];
+      });
+    }
+  },
+  initDots: function() {
+    var t = this;
+    this._ispots.map(function(e) {
+      t.createDot(e, !1);
+    }), this.ispotsInit = !0;
+  },
+  createDot: function(t) {
+    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, s = this.player.plugins.progress;
+    if (s && (e && (h(t), this._ispots.push(t)), !(!this.ispotsInit && e))) {
+      var i = this.calcuPosition(t.time, t.duration), o = t.style || {};
+      o.left = "".concat(i.left, "%"), o.width = "".concat(i.width, "%");
+      var a = "xgspot_".concat(t.id, " xgplayer-spot");
+      i.isMini && (a += " mini");
+      var n = t.template ? '<div class="xgplayer-spot-pop">'.concat(t.template, "</div>") : "", f = p.createDom("xg-spot", n, {
+        "data-text": t.text,
+        "data-time": t.time,
+        "data-id": t.id
+      }, a);
+      Object.keys(o).map(function(l) {
+        f.style[l] = o[l];
+      }), s.outer && s.outer.appendChild(f), this.positionDot(f, t.id);
+    }
+  },
+  findDot: function(t) {
+    if (this.player.plugins.progress) {
+      var e = this._ispots.filter(function(s, i) {
+        return s.id === t;
+      });
+      return e.length > 0 ? e[0] : null;
+    }
+  },
+  updateDot: function(t) {
+    var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, s = this.player.plugins.progress;
+    if (s) {
+      var i = this.findDot(t.id);
+      if (i && Object.keys(t).map(function(a) {
+        i[a] = t[a];
+      }), !!this.ispotsInit) {
+        var o = s.find('xg-spot[data-id="'.concat(t.id, '"]'));
+        o && (this._updateDotDom(t, o), e && this.showDot(t.id));
+      }
+    }
+  },
+  deleteDot: function(t) {
+    var e = this._ispots, s = this.player.plugins.progress;
+    if (s) {
+      for (var i = [], o = 0; o < e.length; o++)
+        e[o].id === t && i.push(o);
+      for (var a = i.length, n = a - 1; n >= 0; n--)
+        if (e.splice(i[n], 1), this.ispotsInit) {
+          var f = s.find('xg-spot[data-id="'.concat(t, '"]'));
+          f && f.parentElement.removeChild(f);
+        }
+    }
+  },
+  deleteAllDots: function() {
+    var t = this.player.plugins.progress;
+    if (t) {
+      if (!this.ispotsInit) {
+        this._ispots = [];
+        return;
+      }
+      for (var e = t.root.getElementsByTagName("xg-spot"), s = e.length - 1; s >= 0; s--)
+        t.outer.removeChild(e[s]);
+      this._ispots = [];
+    }
+  },
+  updateAllDots: function() {
+    var t = this, e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], s = this.player.plugins.progress;
+    if (s) {
+      if (!this.ispotsInit) {
+        this._ispots = e;
+        return;
+      }
+      this._ispots = [];
+      var i = s.root.getElementsByTagName("xg-spot"), o = i.length;
+      if (o > e.length)
+        for (var a = o - 1; a > e.length - 1; a--)
+          s.outer.removeChild(i[a]);
+      e.forEach(function(n, f) {
+        f < o ? (i[f].setAttribute("data-id", "".concat(n.id)), t._ispots.push(n), t.updateDot(n)) : t.createDot(n);
+      });
+    }
+  },
+  positionDots: function() {
+    var t = this, e = this._ispots, s = this.playerSize, i = this.player.sizeInfo, o = this.player.plugins.progress;
+    !o || i.width === s.width || (s.width = i.width, s.left = i.left, e.forEach(function(a) {
+      var n = o.find('xg-spot[data-id="'.concat(a.id, '"]'));
+      n && t.positionDot(n, a.id);
+    }));
+  },
+  positionDot: function(t, e) {
+    var s = p.findDom(t, ".xgplayer-spot-pop");
+    if (s) {
+      var i = this.playerSize, o = t.getBoundingClientRect(), a = s.getBoundingClientRect(), n = o.left - i.left, f = i.width - n - o.width / 2;
+      if (n < a.width / 2 || i.width < a.width) {
+        var l = a.width / 2 - n;
+        s.style.left = "".concat(l, "px");
+      } else if (f < a.width / 2) {
+        var c = f - a.width / 2 + o.width / 2;
+        s.style.left = "".concat(c, "px");
+      } else
+        s.style.left = "50%";
+    }
+  },
+  updateDuration: function() {
+    var t = this, e = this.player.plugins.progress;
+    if (e) {
+      var s = this._ispots;
+      s.forEach(function(i) {
+        var o = e.find('xg-spot[data-id="'.concat(i.id, '"]'));
+        t._updateDotDom(i, o);
+      });
+    }
+  },
+  getAllDotsDom: function() {
+    var t = this.player.plugins.progress;
+    if (!t)
+      return [];
+    var e = t.root.getElementsByTagName("xg-spot");
+    return e;
+  },
+  getDotDom: function(t) {
+    var e = this.player.plugins.progress;
+    if (e)
+      return e.find('xg-spot[data-id="'.concat(t, '"]'));
+  }
+};
+function _(r) {
+  var t = r.config, e = r.player;
+  Object.keys(u).map(function(i) {
+    r[i] = u[i].bind(r);
+  });
+  var s = e.config.progressDot || t.ispots || [];
+  r._ispots = s.map(function(i) {
+    return h(i), i;
+  }), r.ispotsInit = !1, r.playerSize = {
+    left: e.sizeInfo.left,
+    width: e.sizeInfo.width
+  }, r.on(g, function() {
+    r.ispotsInit ? r.updateDuration() : r.initDots();
+  }), r.on(v, function() {
+    r.positionDots();
+  });
+}
+export {
+  _ as default
+};