mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-18 19:01:20 -08:00
Add supportsFlex() function and error handling for unsupported flex layout
This commit is contained in:
1 parent
fb6179e2be
commit
d982f4d3b1
4 files changed
+18
-3
No files matched your search
@@ -242,7 +242,7 @@ class Artplayer extends (0, _emitterDefault.default) {
|
||||
return "development";
|
||||
}
|
||||
static get build() {
|
||||
return "2024-03-30 10:23:56";
|
||||
return "2024-03-30 10:47:12";
|
||||
}
|
||||
static get config() {
|
||||
return 0, _configDefault.default;
|
||||
@@ -665,6 +665,7 @@ parcelHelpers.export(exports, "replaceElement", ()=>replaceElement);
|
||||
parcelHelpers.export(exports, "createElement", ()=>createElement);
|
||||
parcelHelpers.export(exports, "getIcon", ()=>getIcon);
|
||||
parcelHelpers.export(exports, "setStyleText", ()=>setStyleText);
|
||||
parcelHelpers.export(exports, "supportsFlex", ()=>supportsFlex);
|
||||
var _compatibility = require("./compatibility");
|
||||
function query(selector, parent = document) {
|
||||
return parent.querySelector(selector);
|
||||
@@ -749,6 +750,11 @@ function setStyleText(id, style) {
|
||||
document.head.appendChild($style);
|
||||
}
|
||||
}
|
||||
function supportsFlex() {
|
||||
const div = document.createElement("div");
|
||||
div.style.display = "flex";
|
||||
return div.style.display === "flex";
|
||||
}
|
||||
|
||||
},{"./compatibility":"gotDS","@parcel/transformer-js/src/esmodule-helpers.js":"5dUr6"}],"gotDS":[function(require,module,exports) {
|
||||
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
|
||||
@@ -1210,6 +1216,7 @@ class Template {
|
||||
this.$container = (0, _utils.query)(option.container);
|
||||
(0, _utils.errorHandle)(this.$container, `No container element found by ${option.container}`);
|
||||
}
|
||||
(0, _utils.errorHandle)((0, _utils.supportsFlex)(), "The current browser does not support flex layout");
|
||||
const type = this.$container.tagName.toLowerCase();
|
||||
(0, _utils.errorHandle)(type === "div", `Unsupported container element type, only support 'div' but got '${type}'`);
|
||||
(0, _utils.errorHandle)(constructor.instances.every((ins)=>ins.template.$container !== this.$container), "Cannot mount multiple instances on the same dom element");
|
||||
|
||||
Reference in new issue
Block a user