@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/common/optionList.js

@@ -0,0 +1,79 @@
+import { createClass as h, classCallCheck as d } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import r from "../../utils/util.js";
+import u from "../../plugin/plugin.js";
+var v = /* @__PURE__ */ (function() {
+  function l(s) {
+    d(this, l), this.config = s.config, this.parent = s.root, this.root = r.createDom("ul", "", {}, "xg-options-list xg-list-slide-scroll ".concat(this.config.className)), s.root.appendChild(this.root);
+    var t = this.config.maxHeight;
+    t && this.setStyle({
+      maxHeight: t
+    }), this.onItemClick = this.onItemClick.bind(this), this.renderItemList();
+    var i = this.config.domEventType === "touch" ? "touchend" : "click";
+    this._delegates = u.delegate.call(this, this.root, "li", i, this.onItemClick);
+  }
+  return h(l, [{
+    key: "renderItemList",
+    value: function(t) {
+      var i = this, e = this.config, n = this.root;
+      t ? e.data = t : t = e.data, e.style && Object.keys(e.style).map(function(o) {
+        n.style[o] = e[o];
+      }), t.length > 0 && (this.attrKeys = Object.keys(t[0])), this.root.innerHTML = "", t.map(function(o, a) {
+        var c = o.selected ? "option-item selected" : "option-item";
+        o["data-index"] = a, i.root.appendChild(r.createDom("li", "<span>".concat(o.showText, "</span>"), o, c));
+      });
+    }
+  }, {
+    key: "onItemClick",
+    value: function(t) {
+      t.delegateTarget || (t.delegateTarget = t.target);
+      var i = t.delegateTarget;
+      if (i && r.hasClass(i, "selected"))
+        return !1;
+      var e = typeof this.config.onItemClick == "function" ? this.config.onItemClick : null, n = this.root.querySelector(".selected");
+      r.addClass(i, "selected"), n && r.removeClass(n, "selected"), e(t, {
+        from: n ? this.getAttrObj(n, this.attrKeys) : null,
+        to: this.getAttrObj(i, this.attrKeys)
+      });
+    }
+  }, {
+    key: "getAttrObj",
+    value: function(t, i) {
+      if (!t || !i)
+        return {};
+      var e = {};
+      i.map(function(o) {
+        e[o] = t.getAttribute(o);
+      });
+      var n = t.getAttribute("data-index");
+      return n && (e.index = Number(n)), e;
+    }
+  }, {
+    key: "show",
+    value: function() {
+      r.removeClass(this.root, "hide"), r.addClass(this.root, "active");
+    }
+  }, {
+    key: "hide",
+    value: function() {
+      r.removeClass(this.root, "active"), r.addClass(this.root, "hide");
+    }
+  }, {
+    key: "setStyle",
+    value: function(t) {
+      var i = this;
+      Object.keys(t).forEach(function(e) {
+        i.root.style[e] = t[e];
+      });
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      this._delegates && (this._delegates.map(function(t) {
+        t.destroy && t.destroy();
+      }), this._delegates = null), this.root.innerHTML = null, this.parent.removeChild(this.root), this.root = null;
+    }
+  }]), l;
+})();
+export {
+  v as default
+};

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/common/optionsIcon.js

@@ -0,0 +1,193 @@
+import { inherits as x, createSuper as S, classCallCheck as _, defineProperty as u, assertThisInitialized as f, createClass as k, typeof as D } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import a from "../../utils/util.js";
+import C from "../../utils/sniffer.js";
+import { VIDEO_RESIZE as b, FULLSCREEN_CHANGE as w, CANPLAY as A, PLAYER_FOCUS as O } from "../../events.js";
+import N, { POSITIONS as y } from "../../plugin/plugin.js";
+import M from "./optionList.js";
+var o = {
+  SIDE: "side",
+  MIDDLE: "middle",
+  DEFAULT: "default"
+}, l = {
+  CLICK: "click",
+  HOVER: "hover"
+};
+function P(p, d) {
+  return p === o.SIDE ? d === y.CONTROLS_LEFT ? "xg-side-list xg-left-side" : "xg-side-list xg-right-side" : "";
+}
+var c = C.device === "mobile", G = /* @__PURE__ */ (function(p) {
+  x(h, p);
+  var d = S(h);
+  function h(s) {
+    var t;
+    return _(this, h), t = d.call(this, s), u(f(t), "onEnter", function(i) {
+      i.stopPropagation(), t.emit("icon_mouseenter", {
+        pluginName: t.pluginName
+      }), t.switchActiveState(i);
+    }), u(f(t), "switchActiveState", function(i) {
+      i.stopPropagation();
+      var e = t.config.toggleMode;
+      e === l.CLICK ? t.toggle(!t.isActive) : t.toggle(!0);
+    }), u(f(t), "onLeave", function(i) {
+      i.stopPropagation(), t.emit("icon_mouseleave", {
+        pluginName: t.pluginName
+      }), t.config.listType !== o.SIDE && t.isActive && t.toggle(!1);
+    }), u(f(t), "onListEnter", function(i) {
+      t.enterType = 2;
+    }), u(f(t), "onListLeave", function(i) {
+      t.enterType = 0, t.isActive && t.toggle(!1);
+    }), t.isIcons = !1, t.isActive = !1, t.curValue = null, t.curIndex = 0, t;
+  }
+  return k(h, [{
+    key: "updateLang",
+    value: function(t) {
+      this.renderItemList(this.config.list, this.curIndex);
+    }
+  }, {
+    key: "afterCreate",
+    value: function() {
+      var t = this, i = this.config;
+      this.initIcons(), c = c || this.domEventType === "touch", c && C.device === "mobile" && i.listType === o.DEFAULT && (i.listType = o.SIDE), i.hidePortrait && a.addClass(this.root, "portrait"), this.on([b, w], function() {
+        t._resizeList();
+      }), this.once(A, function() {
+        i.list && i.list.length > 0 && (t.renderItemList(i.list), t.show());
+      }), c && this.on(O, function() {
+        t.isActive && (t.optionsList && t.optionsList.hide(), t.isActive = !1);
+      }), c ? (i.toggleMode = l.CLICK, this.activeEvent = "touchend") : this.activeEvent = i.toggleMode === l.CLICK ? "click" : "mouseenter", i.toggleMode === l.CLICK ? this.bind(this.activeEvent, this.switchActiveState) : (this.bind(this.activeEvent, this.onEnter), this.bind("mouseleave", this.onLeave)), this.isIcons && this.bind("click", this.onIconClick);
+    }
+  }, {
+    key: "initIcons",
+    value: function() {
+      var t = this, i = this.icons, e = Object.keys(i), n = !1;
+      e.length > 0 && (e.forEach(function(r) {
+        t.appendChild(".xgplayer-icon", i[r]), !n && (n = i[r]);
+      }), this.isIcons = n), !n && (this.appendChild(".xgplayer-icon", a.createDom("span", "", {}, "icon-text")), a.addClass(this.find(".xgplayer-icon"), "btn-text"));
+    }
+  }, {
+    key: "show",
+    value: function(t) {
+      !this.config.list || this.config.list.length < 2 || a.addClass(this.root, "show");
+    }
+  }, {
+    key: "hide",
+    value: function() {
+      a.removeClass(this.root, "show");
+    }
+  }, {
+    key: "getTextByLang",
+    value: function(t, i, e) {
+      if (t === void 0)
+        return "";
+      var n = this.config.list;
+      !e && (e = this.player.lang), i = !i || a.isUndefined(t[i]) ? "text" : i, typeof t == "number" && (t = n[t]);
+      try {
+        return D(t[i]) === "object" ? t[i][e] || t[i].en : t[i];
+      } catch (r) {
+        return console.warn(r), "";
+      }
+    }
+  }, {
+    key: "toggle",
+    value: function(t) {
+      if (!(t === this.isActive || this.config.disable)) {
+        var i = this.player.controls, e = this.config.listType;
+        t ? (e === o.SIDE ? i.blur() : i.focus(), this.optionsList && this.optionsList.show()) : (e === o.SIDE ? i.focus() : i.focusAwhile(), this.optionsList && this.optionsList.hide()), this.isActive = t;
+      }
+    }
+  }, {
+    key: "onItemClick",
+    value: function(t, i) {
+      t.stopPropagation();
+      var e = this.config, n = e.listType, r = e.list;
+      this.curIndex = i.to.index, this.curItem = r[this.curIndex], this.changeCurrentText();
+      var g = this.config.isItemClickHide;
+      (g || c || n === o.SIDE) && this.toggle(!1);
+    }
+  }, {
+    key: "onIconClick",
+    value: function(t) {
+    }
+  }, {
+    key: "changeCurrentText",
+    value: function() {
+      if (!this.isIcons) {
+        var t = this.config.list, i = this.curIndex < t.length ? this.curIndex : 0, e = t[i];
+        e && (this.find(".icon-text").innerHTML = this.getTextByLang(e, "iconText"));
+      }
+    }
+  }, {
+    key: "renderItemList",
+    value: function(t, i) {
+      var e = this, n = this.config, r = this.optionsList, g = this.player;
+      if (typeof i == "number" && (this.curIndex = i, this.curItem = n.list[i]), r) {
+        r.renderItemList(t), this.changeCurrentText();
+        return;
+      }
+      var v = {
+        config: {
+          data: t || [],
+          className: P(n.listType, n.position),
+          onItemClick: function(E, T) {
+            e.onItemClick(E, T);
+          },
+          domEventType: c ? "touch" : "mouse"
+        },
+        root: n.listType === o.SIDE ? g.innerContainer || g.root : this.root
+      };
+      if (this.config.isShowIcon) {
+        var m = this.player.root.getBoundingClientRect(), I = m.height, L = n.listType === o.MIDDLE ? I - 50 : I;
+        L && n.heightLimit && (v.config.maxHeight = "".concat(L, "px")), this.optionsList = new M(v), this.changeCurrentText(), this.show();
+      }
+      this._resizeList();
+    }
+  }, {
+    key: "_resizeList",
+    value: function() {
+      if (this.config.heightLimit) {
+        var t = this.player.root.getBoundingClientRect(), i = t.height, e = this.config.listType === o.MIDDLE ? i - 50 : i;
+        this.optionsList && this.optionsList.setStyle({
+          maxHeight: "".concat(e, "px")
+        });
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      var t = this.config;
+      t.toggleMode === l.CLICK ? this.unbind(this.activeEvent, this.switchActiveState) : (this.unbind(this.activeEvent, this.onEnter), this.unbind("mouseleave", this.onLeave)), this.isIcons && this.unbind("click", this.onIconClick), this.optionsList && (this.optionsList.destroy(), this.optionsList = null);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      if (this.config.isShowIcon)
+        return '<xg-icon class="xg-options-icon '.concat(this.config.className || "", `">
+    <div class="xgplayer-icon">
+    </div>
+   </xg-icon>`);
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "optionsIcon";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        position: y.CONTROLS_RIGHT,
+        index: 100,
+        list: [],
+        listType: "default",
+        listStyle: {},
+        hidePortrait: !0,
+        isShowIcon: !1,
+        isItemClickHide: !0,
+        toggleMode: l.HOVER,
+        heightLimit: !0
+      };
+    }
+  }]), h;
+})(N);
+export {
+  G as default
+};

package/dist/es/node_modules/.pnpm/xgplayer@3.0.23_core-js@3.47.0/node_modules/xgplayer/es/plugins/common/thumbnail.js

@@ -0,0 +1,141 @@
+import { inherits as w, createSuper as M, classCallCheck as I, createClass as T } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import y from "../../utils/util.js";
+import { DURATION_CHANGE as x } from "../../events.js";
+import P from "../../plugin/plugin.js";
+var O = /* @__PURE__ */ (function(k) {
+  w(f, k);
+  var b = M(f);
+  function f(a) {
+    var t;
+    return I(this, f), t = b.call(this, a), t.ratio = 1, t.interval = null, t._preloadMark = {}, t;
+  }
+  return T(f, [{
+    key: "afterCreate",
+    value: function() {
+      var t = this;
+      this.usable && this.initThumbnail(), this.on([x], function() {
+        var e = t.config, i = e.pic_num, n = e.interval;
+        t.usable && (t.interval = n > 0 ? n : Math.round(t.player.duration * 1e3 / i) / 1e3);
+      });
+    }
+  }, {
+    key: "setConfig",
+    value: function(t) {
+      var e = this;
+      if (t) {
+        var i = Object.keys(t);
+        i.length < 1 || (i.forEach(function(n) {
+          e.config[n] = t[n];
+        }), this.usable && this.initThumbnail());
+      }
+    }
+  }, {
+    key: "usable",
+    get: function() {
+      var t = this.config, e = t.urls, i = t.pic_num;
+      return e && e.length > 0 && i > 0;
+    }
+  }, {
+    key: "initThumbnail",
+    value: function() {
+      var t = this.config, e = t.width, i = t.height, n = t.pic_num, r = t.interval;
+      this.ratio = e / i * 100, this.interval = r || Math.round(this.player.duration / n), this._preloadMark = {};
+    }
+  }, {
+    key: "getUrlByIndex",
+    value: function(t) {
+      return t >= 0 && t < this.config.urls.length ? this.config.urls[t] : "";
+    }
+  }, {
+    key: "preload",
+    value: function(t) {
+      var e = this;
+      if (!this._preloadMark[t]) {
+        var i = this.config.urls, n = i.length, r = [];
+        t > 0 && r.push(t - 1), r.push(t), t > 0 && t < n - 1 && r.push(t + 1), r.map(function(u) {
+          !e._preloadMark[u] && u >= 0 && u < n && (e._preloadMark[u] = 1, y.preloadImg(i[u], function() {
+            e._preloadMark[u] = 2;
+          }));
+        });
+      }
+    }
+  }, {
+    key: "getPosition",
+    value: function(t) {
+      var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0, n = this.config, r = n.pic_num, u = n.row, g = n.col, h = n.width, l = n.height;
+      this.interval = Math.round(this.player.duration / r);
+      var s = Math.ceil(t / this.interval);
+      s = s > r ? r : s;
+      var m = s < u * g ? 0 : Math.ceil(s / (u * g)) - 1, v = s - m * (g * u), p = v > 0 ? Math.ceil(v / g) - 1 : 0, d = v > 0 ? v - p * g - 1 : 0, o = 0, c = 0;
+      if (e && i) {
+        var C = e / i;
+        C < h / l ? (c = i, o = c * (h / l)) : (o = e, c = o / (h / l));
+      } else i ? e || (c = i || l, o = c * (h / l)) : (o = e || h, c = o / (h / l));
+      var _ = this.getUrlByIndex(m);
+      return {
+        urlIndex: m,
+        rowIndex: p,
+        colIndex: d,
+        url: _,
+        height: c,
+        width: o,
+        style: {
+          backgroundImage: "url(".concat(_, ")"),
+          backgroundSize: "".concat(o * g, "px auto"),
+          backgroundPosition: "-".concat(d * o, "px -").concat(p * c, "px"),
+          width: "".concat(o, "px"),
+          height: "".concat(c, "px")
+        }
+      };
+    }
+  }, {
+    key: "update",
+    value: function(t, e) {
+      var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0, n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0, r = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : "", u = this.config, g = u.pic_num, h = u.urls;
+      if (!(g <= 0 || !h || h.length === 0)) {
+        var l = this.getPosition(e, i, n);
+        this.preload(l.urlIndex), Object.keys(l.style).map(function(s) {
+          t.style[s] = l.style[s];
+        }), Object.keys(r).map(function(s) {
+          t.style[s] = r[s];
+        });
+      }
+    }
+  }, {
+    key: "changeConfig",
+    value: function() {
+      var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      this.setConfig(t);
+    }
+  }, {
+    key: "createThumbnail",
+    value: function(t, e) {
+      var i = y.createDom("xg-thumbnail", "", {}, "thumbnail ".concat(e));
+      return t && t.appendChild(i), i;
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "thumbnail";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        isShow: !1,
+        urls: [],
+        pic_num: 0,
+        col: 0,
+        row: 0,
+        height: 90,
+        width: 160,
+        scale: 1,
+        className: "",
+        hidePortrait: !1
+      };
+    }
+  }]), f;
+})(P);
+export {
+  O as default
+};

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

@@ -0,0 +1,171 @@
+import { inherits as y, createSuper as C, classCallCheck as b, defineProperty as d, assertThisInitialized as f, createClass as x, get as O, getPrototypeOf as T } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import l from "../../utils/util.js";
+import m from "../../utils/sniffer.js";
+import { MINI_STATE_CHANGE as S } from "../../events.js";
+import _, { POSITIONS as c } from "../../plugin/plugin.js";
+import g from "../../stateClassMap.js";
+var I = /* @__PURE__ */ (function(v) {
+  y(a, v);
+  var p = C(a);
+  function a() {
+    var t;
+    b(this, a);
+    for (var i = arguments.length, e = new Array(i), o = 0; o < i; o++)
+      e[o] = arguments[o];
+    return t = p.call.apply(p, [this].concat(e)), d(f(t), "onMouseEnter", function(n) {
+      var r = f(t), s = r.player, h = r.playerConfig;
+      h.closeControlsBlur && s.focus({
+        autoHide: !1
+      });
+    }), d(f(t), "onMouseLeave", function(n) {
+      var r = f(t), s = r.player;
+      s.focus();
+    }), t;
+  }
+  return x(a, [{
+    key: "beforeCreate",
+    value: function(i) {
+      !i.config.mode && m.device === "mobile" && (i.config.mode = "flex"), i.player.config.marginControls && (i.config.autoHide = !1);
+    }
+  }, {
+    key: "afterCreate",
+    value: function() {
+      var i = this, e = this.config, o = e.disable, n = e.height, r = e.mode;
+      if (!o) {
+        r === "flex" && this.player.addClass(g.FLEX_CONTROLS);
+        var s = {
+          height: "".concat(n, "px")
+        };
+        Object.keys(s).map(function(u) {
+          i.root.style[u] = s[u];
+        }), this.left = this.find("xg-left-grid"), this.center = this.find("xg-center-grid"), this.right = this.find("xg-right-grid"), this.innerRoot = this.find("xg-inner-controls"), this.on(S, function(u) {
+          u ? l.addClass(i.root, "mini-controls") : l.removeClass(i.root, "mini-controls");
+        });
+        var h = this.playerConfig.isMobileSimulateMode;
+        m.device !== "mobile" && h !== "mobile" && (this.bind("mouseenter", this.onMouseEnter), this.bind("mouseleave", this.onMouseLeave));
+      }
+    }
+  }, {
+    key: "focus",
+    value: function() {
+      this.player.focus({
+        autoHide: !1
+      });
+    }
+  }, {
+    key: "focusAwhile",
+    value: function() {
+      this.player.focus({
+        autoHide: !0
+      });
+    }
+  }, {
+    key: "blur",
+    value: function() {
+      this.player.blur({
+        ignorePaused: !0
+      });
+    }
+  }, {
+    key: "recoverAutoHide",
+    value: function() {
+      this.config.autoHide && l.addClass(this.root, g.CONTROLS_AUTOHIDE);
+    }
+  }, {
+    key: "pauseAutoHide",
+    value: function() {
+      l.removeClass(this.root, g.CONTROLS_AUTOHIDE);
+    }
+  }, {
+    key: "show",
+    value: function(i) {
+      this.root.style.display = "", this.player.focus();
+    }
+  }, {
+    key: "hide",
+    value: function() {
+      this.root.style.display = "none";
+    }
+  }, {
+    key: "mode",
+    get: function() {
+      return this.config.mode;
+    }
+  }, {
+    key: "registerPlugin",
+    value: function(i) {
+      var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = arguments.length > 2 ? arguments[2] : void 0;
+      if (this.root) {
+        var n = i.defaultConfig || {};
+        if (!e.root) {
+          var r = e.position ? e.position : e.config && e.config.position ? e.config.position : n.position;
+          switch (r) {
+            case c.CONTROLS_LEFT:
+              e.root = this.left;
+              break;
+            case c.CONTROLS_RIGHT:
+              e.root = this.right;
+              break;
+            case c.CONTROLS_CENTER:
+              e.root = this.center;
+              break;
+            case c.CONTROLS:
+              e.root = this.root;
+              break;
+            default:
+              e.root = this.left;
+          }
+          return O(T(a.prototype), "registerPlugin", this).call(this, i, e, o);
+        }
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      m.device !== "mobile" && (this.unbind("mouseenter", this.onMouseEnter), this.unbind("mouseleave", this.onMouseLeave)), this.left = null, this.center = null, this.right = null, this.innerRoot = null;
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var i = this.config, e = i.mode, o = i.autoHide, n = i.initShow, r = i.disable;
+      if (!r) {
+        var s = l.classNames({
+          "xgplayer-controls": !0
+        }, {
+          "flex-controls": e === "flex"
+        }, {
+          "bottom-controls": e === "bottom"
+        }, d({}, g.CONTROLS_AUTOHIDE, o), {
+          "xgplayer-controls-initshow": n || !o
+        });
+        return '<xg-controls class="'.concat(s, `" unselectable="on">
+    <xg-inner-controls class="xg-inner-controls xg-pos">
+      <xg-left-grid class="xg-left-grid">
+      </xg-left-grid>
+      <xg-center-grid class="xg-center-grid"></xg-center-grid>
+      <xg-right-grid class="xg-right-grid">
+      </xg-right-grid>
+    </xg-inner-controls>
+    </xg-controls>`);
+      }
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "controls";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        disable: !1,
+        autoHide: !0,
+        mode: "",
+        initShow: !1
+      };
+    }
+  }]), a;
+})(_);
+export {
+  I as default
+};

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

@@ -0,0 +1,105 @@
+import { inherits as o, createSuper as u, classCallCheck as f, createClass as h, get as r, getPrototypeOf as l } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import { CSS_FULLSCREEN_CHANGE as p } from "../../events.js";
+import { POSITIONS as C } from "../../plugin/plugin.js";
+import { xgIconTips as g } from "../common/iconTools.js";
+import y from "../common/iconPlugin.js";
+import d from "../assets/requestCssFull.js";
+import S from "../assets/exitCssFull.js";
+var I = /* @__PURE__ */ (function(c) {
+  o(i, c);
+  var a = u(i);
+  function i() {
+    return f(this, i), a.apply(this, arguments);
+  }
+  return h(i, [{
+    key: "beforeCreate",
+    value: function(e) {
+      typeof e.player.config.cssFullscreen == "boolean" && (e.config.disable = !e.player.config.cssFullscreen);
+    }
+  }, {
+    key: "afterCreate",
+    value: function() {
+      var e = this;
+      r(l(i.prototype), "afterCreate", this).call(this), !this.config.disable && (this.config.target && (this.playerConfig.fullscreenTarget = this.config.target), this.initIcons(), this.on(p, function(t) {
+        e.animate(t);
+      }), this.btnClick = this.btnClick.bind(this), this.handleCssFullscreen = this.hook("cssFullscreen_change", this.btnClick, {
+        pre: function(n) {
+          n.preventDefault(), n.stopPropagation();
+        }
+      }), this.bind(["click", "touchend"], this.handleCssFullscreen));
+    }
+  }, {
+    key: "initIcons",
+    value: function() {
+      var e = this.icons, t = this.find(".xgplayer-icon");
+      t.appendChild(e.cssFullscreen), t.appendChild(e.exitCssFullscreen);
+    }
+  }, {
+    key: "btnClick",
+    value: function(e) {
+      e.preventDefault(), e.stopPropagation();
+      var t = this.player.isCssfullScreen;
+      this.emitUserAction(e, "switch_cssfullscreen", {
+        cssfullscreen: t
+      }), t ? this.player.exitCssFullscreen() : this.player.getCssFullscreen();
+    }
+  }, {
+    key: "animate",
+    value: function(e) {
+      this.root && (e ? this.setAttr("data-state", "full") : this.setAttr("data-state", "normal"), this.switchTips(e));
+    }
+  }, {
+    key: "switchTips",
+    value: function(e) {
+      var t = this.i18nKeys, n = this.find(".xg-tips");
+      n && this.changeLangTextKey(n, e ? t.EXITCSSFULLSCREEN_TIPS : t.CSSFULLSCREEN_TIPS);
+    }
+  }, {
+    key: "registerIcons",
+    value: function() {
+      return {
+        cssFullscreen: {
+          icon: d,
+          class: "xg-get-cssfull"
+        },
+        exitCssFullscreen: {
+          icon: S,
+          class: "xg-exit-cssfull"
+        }
+      };
+    }
+  }, {
+    key: "destroy",
+    value: function() {
+      r(l(i.prototype), "destroy", this).call(this), this.unbind(["click", "touchend"], this.btnClick);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      if (!this.config.disable)
+        return `<xg-icon class='xgplayer-cssfullscreen'>
+    <div class="xgplayer-icon">
+    </div>
+    `.concat(g(this, "CSSFULLSCREEN_TIPS", this.playerConfig.isHideTips), `
+    </xg-icon>`);
+    }
+  }], [{
+    key: "pluginName",
+    get: function() {
+      return "cssFullscreen";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function() {
+      return {
+        position: C.CONTROLS_RIGHT,
+        index: 1,
+        disable: !1,
+        target: null
+      };
+    }
+  }]), i;
+})(y);
+export {
+  I as default
+};