@ezuikit/multi-screen 0.1.0-beta.1

package/dist/index.umd.js

@@ -0,0 +1,4016 @@
+/*
+* MultiScreen v0.1.0-beta.1
+* Copyright (c) 2026-03-03 Ezviz-OpenBiz
+* Released under the MIT License.
+*/
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+	typeof define === 'function' && define.amd ? define(factory) :
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.MultiScreen = factory());
+})(this, (function () { 'use strict';
+
+	function getDefaultExportFromCjs (x) {
+		return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+	}
+
+	var eventemitter3 = {exports: {}};
+
+	var hasRequiredEventemitter3;
+
+	function requireEventemitter3 () {
+		if (hasRequiredEventemitter3) return eventemitter3.exports;
+		hasRequiredEventemitter3 = 1;
+		(function (module) {
+
+			var has = Object.prototype.hasOwnProperty
+			  , prefix = '~';
+
+			/**
+			 * Constructor to create a storage for our `EE` objects.
+			 * An `Events` instance is a plain object whose properties are event names.
+			 *
+			 * @constructor
+			 * @private
+			 */
+			function Events() {}
+
+			//
+			// We try to not inherit from `Object.prototype`. In some engines creating an
+			// instance in this way is faster than calling `Object.create(null)` directly.
+			// If `Object.create(null)` is not supported we prefix the event names with a
+			// character to make sure that the built-in object properties are not
+			// overridden or used as an attack vector.
+			//
+			if (Object.create) {
+			  Events.prototype = Object.create(null);
+
+			  //
+			  // This hack is needed because the `__proto__` property is still inherited in
+			  // some old browsers like Android 4, iPhone 5.1, Opera 11 and Safari 5.
+			  //
+			  if (!new Events().__proto__) prefix = false;
+			}
+
+			/**
+			 * Representation of a single event listener.
+			 *
+			 * @param {Function} fn The listener function.
+			 * @param {*} context The context to invoke the listener with.
+			 * @param {Boolean} [once=false] Specify if the listener is a one-time listener.
+			 * @constructor
+			 * @private
+			 */
+			function EE(fn, context, once) {
+			  this.fn = fn;
+			  this.context = context;
+			  this.once = once || false;
+			}
+
+			/**
+			 * Add a listener for a given event.
+			 *
+			 * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.
+			 * @param {(String|Symbol)} event The event name.
+			 * @param {Function} fn The listener function.
+			 * @param {*} context The context to invoke the listener with.
+			 * @param {Boolean} once Specify if the listener is a one-time listener.
+			 * @returns {EventEmitter}
+			 * @private
+			 */
+			function addListener(emitter, event, fn, context, once) {
+			  if (typeof fn !== 'function') {
+			    throw new TypeError('The listener must be a function');
+			  }
+
+			  var listener = new EE(fn, context || emitter, once)
+			    , evt = prefix ? prefix + event : event;
+
+			  if (!emitter._events[evt]) emitter._events[evt] = listener, emitter._eventsCount++;
+			  else if (!emitter._events[evt].fn) emitter._events[evt].push(listener);
+			  else emitter._events[evt] = [emitter._events[evt], listener];
+
+			  return emitter;
+			}
+
+			/**
+			 * Clear event by name.
+			 *
+			 * @param {EventEmitter} emitter Reference to the `EventEmitter` instance.
+			 * @param {(String|Symbol)} evt The Event name.
+			 * @private
+			 */
+			function clearEvent(emitter, evt) {
+			  if (--emitter._eventsCount === 0) emitter._events = new Events();
+			  else delete emitter._events[evt];
+			}
+
+			/**
+			 * Minimal `EventEmitter` interface that is molded against the Node.js
+			 * `EventEmitter` interface.
+			 *
+			 * @constructor
+			 * @public
+			 */
+			function EventEmitter() {
+			  this._events = new Events();
+			  this._eventsCount = 0;
+			}
+
+			/**
+			 * Return an array listing the events for which the emitter has registered
+			 * listeners.
+			 *
+			 * @returns {Array}
+			 * @public
+			 */
+			EventEmitter.prototype.eventNames = function eventNames() {
+			  var names = []
+			    , events
+			    , name;
+
+			  if (this._eventsCount === 0) return names;
+
+			  for (name in (events = this._events)) {
+			    if (has.call(events, name)) names.push(prefix ? name.slice(1) : name);
+			  }
+
+			  if (Object.getOwnPropertySymbols) {
+			    return names.concat(Object.getOwnPropertySymbols(events));
+			  }
+
+			  return names;
+			};
+
+			/**
+			 * Return the listeners registered for a given event.
+			 *
+			 * @param {(String|Symbol)} event The event name.
+			 * @returns {Array} The registered listeners.
+			 * @public
+			 */
+			EventEmitter.prototype.listeners = function listeners(event) {
+			  var evt = prefix ? prefix + event : event
+			    , handlers = this._events[evt];
+
+			  if (!handlers) return [];
+			  if (handlers.fn) return [handlers.fn];
+
+			  for (var i = 0, l = handlers.length, ee = new Array(l); i < l; i++) {
+			    ee[i] = handlers[i].fn;
+			  }
+
+			  return ee;
+			};
+
+			/**
+			 * Return the number of listeners listening to a given event.
+			 *
+			 * @param {(String|Symbol)} event The event name.
+			 * @returns {Number} The number of listeners.
+			 * @public
+			 */
+			EventEmitter.prototype.listenerCount = function listenerCount(event) {
+			  var evt = prefix ? prefix + event : event
+			    , listeners = this._events[evt];
+
+			  if (!listeners) return 0;
+			  if (listeners.fn) return 1;
+			  return listeners.length;
+			};
+
+			/**
+			 * Calls each of the listeners registered for a given event.
+			 *
+			 * @param {(String|Symbol)} event The event name.
+			 * @returns {Boolean} `true` if the event had listeners, else `false`.
+			 * @public
+			 */
+			EventEmitter.prototype.emit = function emit(event, a1, a2, a3, a4, a5) {
+			  var evt = prefix ? prefix + event : event;
+
+			  if (!this._events[evt]) return false;
+
+			  var listeners = this._events[evt]
+			    , len = arguments.length
+			    , args
+			    , i;
+
+			  if (listeners.fn) {
+			    if (listeners.once) this.removeListener(event, listeners.fn, undefined, true);
+
+			    switch (len) {
+			      case 1: return listeners.fn.call(listeners.context), true;
+			      case 2: return listeners.fn.call(listeners.context, a1), true;
+			      case 3: return listeners.fn.call(listeners.context, a1, a2), true;
+			      case 4: return listeners.fn.call(listeners.context, a1, a2, a3), true;
+			      case 5: return listeners.fn.call(listeners.context, a1, a2, a3, a4), true;
+			      case 6: return listeners.fn.call(listeners.context, a1, a2, a3, a4, a5), true;
+			    }
+
+			    for (i = 1, args = new Array(len -1); i < len; i++) {
+			      args[i - 1] = arguments[i];
+			    }
+
+			    listeners.fn.apply(listeners.context, args);
+			  } else {
+			    var length = listeners.length
+			      , j;
+
+			    for (i = 0; i < length; i++) {
+			      if (listeners[i].once) this.removeListener(event, listeners[i].fn, undefined, true);
+
+			      switch (len) {
+			        case 1: listeners[i].fn.call(listeners[i].context); break;
+			        case 2: listeners[i].fn.call(listeners[i].context, a1); break;
+			        case 3: listeners[i].fn.call(listeners[i].context, a1, a2); break;
+			        case 4: listeners[i].fn.call(listeners[i].context, a1, a2, a3); break;
+			        default:
+			          if (!args) for (j = 1, args = new Array(len -1); j < len; j++) {
+			            args[j - 1] = arguments[j];
+			          }
+
+			          listeners[i].fn.apply(listeners[i].context, args);
+			      }
+			    }
+			  }
+
+			  return true;
+			};
+
+			/**
+			 * Add a listener for a given event.
+			 *
+			 * @param {(String|Symbol)} event The event name.
+			 * @param {Function} fn The listener function.
+			 * @param {*} [context=this] The context to invoke the listener with.
+			 * @returns {EventEmitter} `this`.
+			 * @public
+			 */
+			EventEmitter.prototype.on = function on(event, fn, context) {
+			  return addListener(this, event, fn, context, false);
+			};
+
+			/**
+			 * Add a one-time listener for a given event.
+			 *
+			 * @param {(String|Symbol)} event The event name.
+			 * @param {Function} fn The listener function.
+			 * @param {*} [context=this] The context to invoke the listener with.
+			 * @returns {EventEmitter} `this`.
+			 * @public
+			 */
+			EventEmitter.prototype.once = function once(event, fn, context) {
+			  return addListener(this, event, fn, context, true);
+			};
+
+			/**
+			 * Remove the listeners of a given event.
+			 *
+			 * @param {(String|Symbol)} event The event name.
+			 * @param {Function} fn Only remove the listeners that match this function.
+			 * @param {*} context Only remove the listeners that have this context.
+			 * @param {Boolean} once Only remove one-time listeners.
+			 * @returns {EventEmitter} `this`.
+			 * @public
+			 */
+			EventEmitter.prototype.removeListener = function removeListener(event, fn, context, once) {
+			  var evt = prefix ? prefix + event : event;
+
+			  if (!this._events[evt]) return this;
+			  if (!fn) {
+			    clearEvent(this, evt);
+			    return this;
+			  }
+
+			  var listeners = this._events[evt];
+
+			  if (listeners.fn) {
+			    if (
+			      listeners.fn === fn &&
+			      (!once || listeners.once) &&
+			      (!context || listeners.context === context)
+			    ) {
+			      clearEvent(this, evt);
+			    }
+			  } else {
+			    for (var i = 0, events = [], length = listeners.length; i < length; i++) {
+			      if (
+			        listeners[i].fn !== fn ||
+			        (once && !listeners[i].once) ||
+			        (context && listeners[i].context !== context)
+			      ) {
+			        events.push(listeners[i]);
+			      }
+			    }
+
+			    //
+			    // Reset the array, or remove it completely if we have no more listeners.
+			    //
+			    if (events.length) this._events[evt] = events.length === 1 ? events[0] : events;
+			    else clearEvent(this, evt);
+			  }
+
+			  return this;
+			};
+
+			/**
+			 * Remove all listeners, or those of the specified event.
+			 *
+			 * @param {(String|Symbol)} [event] The event name.
+			 * @returns {EventEmitter} `this`.
+			 * @public
+			 */
+			EventEmitter.prototype.removeAllListeners = function removeAllListeners(event) {
+			  var evt;
+
+			  if (event) {
+			    evt = prefix ? prefix + event : event;
+			    if (this._events[evt]) clearEvent(this, evt);
+			  } else {
+			    this._events = new Events();
+			    this._eventsCount = 0;
+			  }
+
+			  return this;
+			};
+
+			//
+			// Alias methods names because people roll like that.
+			//
+			EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
+			EventEmitter.prototype.addListener = EventEmitter.prototype.on;
+
+			//
+			// Expose the prefix.
+			//
+			EventEmitter.prefixed = prefix;
+
+			//
+			// Allow `EventEmitter` to be imported as module namespace.
+			//
+			EventEmitter.EventEmitter = EventEmitter;
+
+			//
+			// Expose the module.
+			//
+			{
+			  module.exports = EventEmitter;
+			} 
+		} (eventemitter3));
+		return eventemitter3.exports;
+	}
+
+	var eventemitter3Exports = requireEventemitter3();
+	var EventEmitter = /*@__PURE__*/getDefaultExportFromCjs(eventemitter3Exports);
+
+	var cjs;
+	var hasRequiredCjs;
+
+	function requireCjs () {
+		if (hasRequiredCjs) return cjs;
+		hasRequiredCjs = 1;
+
+		var isMergeableObject = function isMergeableObject(value) {
+			return isNonNullObject(value)
+				&& !isSpecial(value)
+		};
+
+		function isNonNullObject(value) {
+			return !!value && typeof value === 'object'
+		}
+
+		function isSpecial(value) {
+			var stringValue = Object.prototype.toString.call(value);
+
+			return stringValue === '[object RegExp]'
+				|| stringValue === '[object Date]'
+				|| isReactElement(value)
+		}
+
+		// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25
+		var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
+		var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
+
+		function isReactElement(value) {
+			return value.$$typeof === REACT_ELEMENT_TYPE
+		}
+
+		function emptyTarget(val) {
+			return Array.isArray(val) ? [] : {}
+		}
+
+		function cloneUnlessOtherwiseSpecified(value, options) {
+			return (options.clone !== false && options.isMergeableObject(value))
+				? deepmerge(emptyTarget(value), value, options)
+				: value
+		}
+
+		function defaultArrayMerge(target, source, options) {
+			return target.concat(source).map(function(element) {
+				return cloneUnlessOtherwiseSpecified(element, options)
+			})
+		}
+
+		function getMergeFunction(key, options) {
+			if (!options.customMerge) {
+				return deepmerge
+			}
+			var customMerge = options.customMerge(key);
+			return typeof customMerge === 'function' ? customMerge : deepmerge
+		}
+
+		function getEnumerableOwnPropertySymbols(target) {
+			return Object.getOwnPropertySymbols
+				? Object.getOwnPropertySymbols(target).filter(function(symbol) {
+					return Object.propertyIsEnumerable.call(target, symbol)
+				})
+				: []
+		}
+
+		function getKeys(target) {
+			return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))
+		}
+
+		function propertyIsOnObject(object, property) {
+			try {
+				return property in object
+			} catch(_) {
+				return false
+			}
+		}
+
+		// Protects from prototype poisoning and unexpected merging up the prototype chain.
+		function propertyIsUnsafe(target, key) {
+			return propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,
+				&& !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,
+					&& Object.propertyIsEnumerable.call(target, key)) // and also unsafe if they're nonenumerable.
+		}
+
+		function mergeObject(target, source, options) {
+			var destination = {};
+			if (options.isMergeableObject(target)) {
+				getKeys(target).forEach(function(key) {
+					destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
+				});
+			}
+			getKeys(source).forEach(function(key) {
+				if (propertyIsUnsafe(target, key)) {
+					return
+				}
+
+				if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
+					destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
+				} else {
+					destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
+				}
+			});
+			return destination
+		}
+
+		function deepmerge(target, source, options) {
+			options = options || {};
+			options.arrayMerge = options.arrayMerge || defaultArrayMerge;
+			options.isMergeableObject = options.isMergeableObject || isMergeableObject;
+			// cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()
+			// implementations can use it. The caller may not replace it.
+			options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
+
+			var sourceIsArray = Array.isArray(source);
+			var targetIsArray = Array.isArray(target);
+			var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+
+			if (!sourceAndTargetTypesMatch) {
+				return cloneUnlessOtherwiseSpecified(source, options)
+			} else if (sourceIsArray) {
+				return options.arrayMerge(target, source, options)
+			} else {
+				return mergeObject(target, source, options)
+			}
+		}
+
+		deepmerge.all = function deepmergeAll(array, options) {
+			if (!Array.isArray(array)) {
+				throw new Error('first argument should be an array')
+			}
+
+			return array.reduce(function(prev, next) {
+				return deepmerge(prev, next, options)
+			}, {})
+		};
+
+		var deepmerge_1 = deepmerge;
+
+		cjs = deepmerge_1;
+		return cjs;
+	}
+
+	var cjsExports = requireCjs();
+	var deepmerge = /*@__PURE__*/getDefaultExportFromCjs(cjsExports);
+
+	var dist$1 = {exports: {}};
+
+	/*
+	* @ezuikit/utils-i18n v2.0.0
+	* i18n utils
+	* Copyright (c) 2026-01-16 Ezviz-OpenBiz
+	* Released under the MIT License.
+	*/
+
+	var hasRequiredDist$1;
+
+	function requireDist$1 () {
+		if (hasRequiredDist$1) return dist$1.exports;
+		hasRequiredDist$1 = 1;
+	var deepmerge=requireCjs();function _create_class(Constructor,protoProps,staticProps){return protoProps&&function(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false,descriptor.configurable=true,"value"in descriptor&&(descriptor.writable=true),Object.defineProperty(target,descriptor.key,descriptor);}}(Constructor.prototype,protoProps),Constructor}function _type_of(obj){return obj&&"undefined"!=typeof Symbol&&obj.constructor===Symbol?"symbol":typeof obj}var I18n=function(){function I18n(translations,options){this._translations={},this._locale=null==options?void 0:options.defaultLocale,translations&&(this._translations=translations,(null==options?void 0:options.defaultLocale)||(this._locale=Object.keys(translations)[0])),this.options=options||{};}var _proto=I18n.prototype;return _proto.t=function(scope,variables){var value,translation=this._translations[this._locale];if(!translation)return "function"==typeof this.options.customizeMissing?this.options.customizeMissing(scope,variables):'[missing "'+this._locale+'" locale]';if("string"==typeof scope&&scope.includes(".")&&!(scope in translation)){var _this__findChainValue=this._findChainValue(translation,scope),v=_this__findChainValue[0];if(_this__findChainValue[1])value=v;else {if(void 0===(null==variables?void 0:variables.defaultvalue))return "function"==typeof this.options.customizeMissing?this.options.customizeMissing(scope,variables):'[missing "'+this._locale+"."+scope+'" translation]';value=variables.defaultvalue;}}else if(scope in translation)value=translation[scope];else {if(void 0===(null==variables?void 0:variables.defaultvalue))return "function"==typeof this.options.customizeMissing?this.options.customizeMissing(scope,variables):'[missing "'+this._locale+"."+scope+'" translation]';value=variables.defaultvalue;}return "string"==typeof value&&variables&&/\{\{\s*(\w+)\s*\}\}/.test(value)?value.replace(/\{\{\s*(\w+)\s*\}\}/g,(function(_,varName){return String(variables[varName])||""})):value},_proto.appendTranslations=function(translations){this._translations=deepmerge(this._translations,translations,{clone:false}),this._locale||(this._locale=Object.keys(this._translations)[0]),this._onChange();},_proto.switchLocale=function(locale){locale in this._translations&&(this._locale=locale,this._onChange());},_proto.switchTranslation=function(locale){this.switchLocale(locale);},_proto.getCurrentLocale=function(){return this._locale},_proto.getCurrentTranslation=function(){return this._translations[this._locale]},_proto.getVersion=function(){return "2.0.0"},_proto._onChange=function(){return null==this.options.onChange?void 0:this.options.onChange.call(this.options,this)},_proto._findChainValue=function(obj,path){for(var paths=path.split("."),translation=obj,i=0;i<paths.length;i++){if(!paths[i])return [void 0,false];if("object"!==(void 0===translation?"undefined":_type_of(translation))||null===translation)return [void 0,false];if(!(paths[i]in translation))return [void 0,false];if(translation=translation[paths[i]],i+1===paths.length)return [translation,true]}return [void 0,false]},_create_class(I18n,[{key:"locale",get:function(){return this._locale}},{key:"translations",get:function(){return this._translations}}]),I18n}();I18n.VERSION="2.0.0",dist$1.exports=I18n;
+		return dist$1.exports;
+	}
+
+	var distExports$1 = requireDist$1();
+	var I18n = /*@__PURE__*/getDefaultExportFromCjs(distExports$1);
+
+	var delegate$2 = {exports: {}};
+
+	/*
+	* delegate.js v4.0.2
+	* Copyright (c) 2025-12-16
+	* Released under the MIT License.
+	*/
+	var delegate$1 = delegate$2.exports;
+
+	var hasRequiredDelegate;
+
+	function requireDelegate () {
+		if (hasRequiredDelegate) return delegate$2.exports;
+		hasRequiredDelegate = 1;
+		(function (module, exports) {
+			(function (global, factory) {
+			    module.exports = factory() ;
+			})(delegate$1, (function () {
+			    var DOCUMENT_NODE_TYPE = 9;
+			    /**
+			     * A polyfill for Element.matches()
+			     */ if (typeof Element !== "undefined" && !Element.prototype.matches) {
+			        var proto = Element.prototype;
+			        proto.matches = (proto == null ? void 0 : proto.matchesSelector) || (proto == null ? void 0 : proto.mozMatchesSelector) || (proto == null ? void 0 : proto.msMatchesSelector) || (proto == null ? void 0 : proto.oMatchesSelector) || (proto == null ? void 0 : proto.webkitMatchesSelector);
+			    }
+			    /**
+			     * Finds the closest parent that matches a selector.
+			     *
+			     * @param {Element} element
+			     * @param {string} selector
+			     * @return {Element}
+			     */ function closest(element, selector) {
+			        while(element && element.nodeType !== DOCUMENT_NODE_TYPE){
+			            if (typeof element.matches === "function" && element.matches(selector)) {
+			                return element;
+			            }
+			            element = element.parentNode;
+			        }
+			        return null;
+			    }
+			    /**
+			     * Finds the closest parent that matches a selector.
+			     *
+			     * @param {Element} element
+			     * @param {string} selector
+			     * @return {Element}
+			     */ function closestNative(element, selector) {
+			        return element && element.closest(selector);
+			    }
+			    var closest$1 = typeof Element.prototype.closest === "function" ? closestNative : closest;
+
+			    /**
+			     * Delegates event to a selector.
+			     *
+			     * @param {Element} element
+			     * @param {string} selector
+			     * @param {string} type
+			     * @param {Function} callback
+			     * @param {boolean} useCapture
+			     * @return {Object}
+			     */ // prettier-ignore
+			    function _delegate(element, selector, type, callback, useCapture) {
+			        // prettier-ignore
+			        var listenerFn = listener.apply(this, arguments);
+			        element.addEventListener(type, listenerFn, useCapture);
+			        return {
+			            destroy: function destroy() {
+			                element.removeEventListener(type, listenerFn, useCapture);
+			            }
+			        };
+			    }
+			    /**
+			     * Delegates event to a selector.
+			     *
+			     * @param {Element|string|Array} [elements]
+			     * @param {string | Element} selector
+			     * @param {string} type
+			     * @param {Function} callback
+			     * @param {boolean} useCapture
+			     * @return {Object}
+			     * @example
+			     * ```ts
+			     * const delegation = delegate(document.body, 'a', 'click', function (e) {})
+			     * // destroy (removeEventListener)
+			     * delegation.destroy();
+			     *
+			     * const delegation1 = delegate(".btn", "click", function (e) { console.log(e.delegateTarget)},false);
+			     * // destroy (removeEventListener)
+			     * delegation1.destroy();
+			     * ```
+			     */ // prettier-ignore
+			    function delegate(elements, selector, type, callback, useCapture) {
+			        // Handle the regular Element usage
+			        if (typeof elements.addEventListener === "function") {
+			            return _delegate.apply(null, arguments);
+			        }
+			        // Handle Element-less usage, it defaults to global delegation
+			        if (typeof type === "function") {
+			            // Use `document` as the first parameter, then apply arguments
+			            // This is a short way to .unshift `arguments` without running into deoptimizations
+			            return _delegate.bind(null, document).apply(null, arguments);
+			        }
+			        // Handle Selector-based usage
+			        if (typeof elements === "string") {
+			            elements = document.querySelectorAll(elements);
+			        }
+			        // Handle Array-like based usage
+			        return Array.prototype.map.call(elements, function(element) {
+			            return _delegate(element, selector, type, callback, useCapture);
+			        });
+			    }
+			    /**
+			     * Finds closest match and invokes callback.
+			     *
+			     * @param {Element} element
+			     * @param {string} selector
+			     * @param {string} type
+			     * @param {Function} callback
+			     * @return {Function}
+			     */ // prettier-ignore
+			    function listener(element, selector, type, callback) {
+			        return function(e) {
+			            e.delegateTarget = closest$1(e.target, selector);
+			            if (e.delegateTarget) {
+			                callback.call(element, e);
+			            }
+			        };
+			    }
+
+			    return delegate;
+
+			})); 
+		} (delegate$2));
+		return delegate$2.exports;
+	}
+
+	var delegateExports = requireDelegate();
+	var delegate = /*@__PURE__*/getDefaultExportFromCjs(delegateExports);
+
+	/*
+	*
+	* @skax/camel v0.2.8
+	* (c) 2026 ShineShao <xiaoshaoqq@gmail.com>
+	* Released under the MIT License.
+	*
+	*/
+	/**
+	 * lower camel case
+	 *
+	 * @example
+	 *
+	 * lowerCamel("abcce_dddd_ffff") // -> abcceDdddFfff
+	 *
+	 * lowerCamel("abcce-dddd-ffff", "-") // -> abcceDdddFfff
+	 *
+	 * @param {string} str
+	 * @param {string} split split line
+	 * @returns {string}
+	 */
+	function lowerCamel(str, split) {
+	    if (split === void 0) { split = '_'; }
+	    var reg = new RegExp(split + '([a-z])', 'g');
+	    return str.replace(reg, function (_, letter) { return letter.toUpperCase(); });
+	}
+	/**
+	 * upper camel case
+	 *
+	 * @example
+	 *
+	 * upperCamel("abcce_dddd_ffff") // -> AbcceDdddFfff
+	 *
+	 * upperCamel("abcce-dddd-ffff", "-") // -> AbcceDdddFfff
+	 *
+	 *
+	 * @param {string} str
+	 * @param {string} split split line
+	 * @returns {string}
+	 */
+	function upperCamel(str, split) {
+	    if (split === void 0) { split = '_'; }
+	    return lowerCamel(str, split).replace(/^\S/, function (s) {
+	        return s.toUpperCase();
+	    });
+	}
+
+	var screenfull$1 = {exports: {}};
+
+	/*!
+	* screenfull
+	* v5.2.0 - 2021-11-03
+	* (c) Sindre Sorhus; MIT License
+	*/
+
+	var hasRequiredScreenfull;
+
+	function requireScreenfull () {
+		if (hasRequiredScreenfull) return screenfull$1.exports;
+		hasRequiredScreenfull = 1;
+		(function (module) {
+			(function () {
+
+				var document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};
+				var isCommonjs = module.exports;
+
+				var fn = (function () {
+					var val;
+
+					var fnMap = [
+						[
+							'requestFullscreen',
+							'exitFullscreen',
+							'fullscreenElement',
+							'fullscreenEnabled',
+							'fullscreenchange',
+							'fullscreenerror'
+						],
+						// New WebKit
+						[
+							'webkitRequestFullscreen',
+							'webkitExitFullscreen',
+							'webkitFullscreenElement',
+							'webkitFullscreenEnabled',
+							'webkitfullscreenchange',
+							'webkitfullscreenerror'
+
+						],
+						// Old WebKit
+						[
+							'webkitRequestFullScreen',
+							'webkitCancelFullScreen',
+							'webkitCurrentFullScreenElement',
+							'webkitCancelFullScreen',
+							'webkitfullscreenchange',
+							'webkitfullscreenerror'
+
+						],
+						[
+							'mozRequestFullScreen',
+							'mozCancelFullScreen',
+							'mozFullScreenElement',
+							'mozFullScreenEnabled',
+							'mozfullscreenchange',
+							'mozfullscreenerror'
+						],
+						[
+							'msRequestFullscreen',
+							'msExitFullscreen',
+							'msFullscreenElement',
+							'msFullscreenEnabled',
+							'MSFullscreenChange',
+							'MSFullscreenError'
+						]
+					];
+
+					var i = 0;
+					var l = fnMap.length;
+					var ret = {};
+
+					for (; i < l; i++) {
+						val = fnMap[i];
+						if (val && val[1] in document) {
+							for (i = 0; i < val.length; i++) {
+								ret[fnMap[0][i]] = val[i];
+							}
+							return ret;
+						}
+					}
+
+					return false;
+				})();
+
+				var eventNameMap = {
+					change: fn.fullscreenchange,
+					error: fn.fullscreenerror
+				};
+
+				var screenfull = {
+					request: function (element, options) {
+						return new Promise(function (resolve, reject) {
+							var onFullScreenEntered = function () {
+								this.off('change', onFullScreenEntered);
+								resolve();
+							}.bind(this);
+
+							this.on('change', onFullScreenEntered);
+
+							element = element || document.documentElement;
+
+							var returnPromise = element[fn.requestFullscreen](options);
+
+							if (returnPromise instanceof Promise) {
+								returnPromise.then(onFullScreenEntered).catch(reject);
+							}
+						}.bind(this));
+					},
+					exit: function () {
+						return new Promise(function (resolve, reject) {
+							if (!this.isFullscreen) {
+								resolve();
+								return;
+							}
+
+							var onFullScreenExit = function () {
+								this.off('change', onFullScreenExit);
+								resolve();
+							}.bind(this);
+
+							this.on('change', onFullScreenExit);
+
+							var returnPromise = document[fn.exitFullscreen]();
+
+							if (returnPromise instanceof Promise) {
+								returnPromise.then(onFullScreenExit).catch(reject);
+							}
+						}.bind(this));
+					},
+					toggle: function (element, options) {
+						return this.isFullscreen ? this.exit() : this.request(element, options);
+					},
+					onchange: function (callback) {
+						this.on('change', callback);
+					},
+					onerror: function (callback) {
+						this.on('error', callback);
+					},
+					on: function (event, callback) {
+						var eventName = eventNameMap[event];
+						if (eventName) {
+							document.addEventListener(eventName, callback, false);
+						}
+					},
+					off: function (event, callback) {
+						var eventName = eventNameMap[event];
+						if (eventName) {
+							document.removeEventListener(eventName, callback, false);
+						}
+					},
+					raw: fn
+				};
+
+				if (!fn) {
+					if (isCommonjs) {
+						module.exports = {isEnabled: false};
+					} else {
+						window.screenfull = {isEnabled: false};
+					}
+
+					return;
+				}
+
+				Object.defineProperties(screenfull, {
+					isFullscreen: {
+						get: function () {
+							return Boolean(document[fn.fullscreenElement]);
+						}
+					},
+					element: {
+						enumerable: true,
+						get: function () {
+							return document[fn.fullscreenElement];
+						}
+					},
+					isEnabled: {
+						enumerable: true,
+						get: function () {
+							// Coerce to boolean in case of old WebKit
+							return Boolean(document[fn.fullscreenEnabled]);
+						}
+					}
+				});
+
+				if (isCommonjs) {
+					module.exports = screenfull;
+				} else {
+					window.screenfull = screenfull;
+				}
+			})(); 
+		} (screenfull$1));
+		return screenfull$1.exports;
+	}
+
+	var screenfullExports = requireScreenfull();
+	var screenfull = /*@__PURE__*/getDefaultExportFromCjs(screenfullExports);
+
+	/**
+	 * 布局配置
+	 * @public
+	 */ /**
+	 * 根据分屏模式获取布局配置
+	 * @param mode - 分屏数量
+	 * @returns 布局配置（行数和列数）
+	 * @example
+	 * ```typescript
+	 * const config = getLayoutConfig(4);
+	 * // 返回 { rows: 2, cols: 2 }
+	 * ```
+	 * @public
+	 */ function getLayoutConfig(mode) {
+	    var configs = {
+	        1: {
+	            rows: 1,
+	            cols: 1
+	        },
+	        2: {
+	            rows: 1,
+	            cols: 2
+	        },
+	        4: {
+	            rows: 2,
+	            cols: 2
+	        },
+	        6: {
+	            rows: 2,
+	            cols: 3
+	        },
+	        9: {
+	            rows: 3,
+	            cols: 3
+	        },
+	        16: {
+	            rows: 4,
+	            cols: 4
+	        },
+	        25: {
+	            rows: 5,
+	            cols: 5
+	        },
+	        36: {
+	            rows: 6,
+	            cols: 6
+	        },
+	        64: {
+	            rows: 8,
+	            cols: 8
+	        }
+	    };
+	    return configs[mode] || {
+	        rows: 2,
+	        cols: 2
+	    };
+	}
+
+	var translations = {
+	    'zh': {
+	        clickToSelect: '请选择屏幕',
+	        mode1: '1分屏',
+	        mode2: '2分屏',
+	        mode4: '4分屏',
+	        mode6: '6分屏',
+	        mode9: '9分屏',
+	        mode16: '16分屏',
+	        mode25: '25分屏',
+	        mode36: '36分屏',
+	        mode64: '64分屏',
+	        playAll: '全部播放',
+	        pauseAll: '全部暂停',
+	        webFullscreen: '网页全屏',
+	        exitWebFullscreen: '退出网页全屏',
+	        globalFullscreen: '全局全屏',
+	        exitGlobalFullscreen: '退出全局全屏',
+	        settings: '设置',
+	        scaleMode: '画面填充',
+	        /** 不保证保持原有的比例，内容拉伸填充整个内容容器 */ scaleModeFill: '填充',
+	        /** 保持原有尺寸比例。内容被缩放 */ scaleModeContain: '全部包含',
+	        /** 保持原有尺寸比例。但部分内容可能被剪切 */ scaleModeCover: '覆盖',
+	        audioSettings: '声音设置',
+	        audioMutedAll: '所有画面静音',
+	        audioSelected: '仅播放选中画面的声音',
+	        audioAll: '播放所有画面的声音',
+	        audioNone: '静音',
+	        enableHardwareDecoding: '浏览器硬解开关',
+	        enableHardwareDecodingDesc: '切换软硬解模式将初始化视频画面',
+	        screensNote: "备注：超过9分屏后，浏览器性能不足，可能会导致黑屏无法播放，请谨慎开启。"
+	    },
+	    'en': {
+	        clickToSelect: 'Click to select',
+	        mode1: '1 Screen',
+	        mode2: '2 Screens',
+	        mode4: '4 Screens',
+	        mode6: '6 Screens',
+	        mode9: '9 Screens',
+	        mode16: '16 Screens',
+	        mode25: '25 Screens',
+	        mode36: '36 Screens',
+	        mode64: '64 Screens',
+	        playAll: 'Play All',
+	        pauseAll: 'Pause All',
+	        webFullscreen: 'Web Fullscreen',
+	        exitWebFullscreen: 'Exit Web Fullscreen',
+	        globalFullscreen: 'Global Fullscreen',
+	        exitGlobalFullscreen: 'Exit Global Fullscreen',
+	        settings: 'Settings',
+	        scaleMode: 'Scale Mode',
+	        scaleModeFill: 'fill',
+	        scaleModeContain: 'contain',
+	        scaleModeCover: 'cover',
+	        audioSettings: 'Audio Settings',
+	        audioMutedAll: 'Mute all screens',
+	        audioSelected: 'Play selected screen audio only',
+	        audioAll: 'Play all screens audio',
+	        audioNone: 'Mute',
+	        enableHardwareDecoding: 'Hardware Decoding',
+	        enableHardwareDecodingDesc: 'Switching mode will reinitialize video',
+	        screensNote: "Note: When exceeding 9 split screens, browser performance may be insufficient, potentially causing black screen or playback failure. Please proceed with caution."
+	    }
+	};
+
+	var _EZ_SL_CLASS_PREFIX_ = 'ez-sl';
+	var __EZ_SL_OPTIONS__ = {
+	    // 默认语言
+	    language: 'zh',
+	    // 默认主题
+	    theme: 'dark',
+	    // 默认分屏模式
+	    mode: 4,
+	    // 默认分屏数据
+	    screens: [],
+	    scaleMode: 1,
+	    // 默认分屏配置
+	    customLayout: null,
+	    showToolbar: true,
+	    enableHardwareDecoding: true,
+	    // 默认分屏点击事件回调
+	    onScreenClick: function() {},
+	    // 默认分屏模式切换事件回调
+	    onModeChange: function() {},
+	    // 默认全屏状态变化事件回调
+	    onFullscreenChange: function() {}
+	};
+	var EVENTS = {};
+
+	/**
+	 * 重新调整播放器窗口大小, 支持数字和字符串两种类型
+	 *
+	 * Adjust the player window size
+	 * @param {number | string} width 宽度（number 类型默认px, 支持字符串大小 "100%" | "50vw"）
+	 * @param {number | string} height 高度（number 类型默认px, 支持字符串大小 "100%" | "50vh"）
+	 * @since 0.0.1
+	 * @example
+	 * ```ts
+	 * theme.resize(600, 400) // 600px * 400px
+	 * theme.resize("600px", "400px") // 600px * 400px
+	 * theme.resize("50%", "1vh")
+	 * theme.resize("2em", "2rem")
+	 * // 事件监听 event, 这里是具体的宽高（单位px）
+	 * theme.on(Theme.EVENTS.resize, (width: number, height: number) => {})
+	 * ```
+	 * @returns {void}
+	 */ function _resize(layout, width, height) {
+	    var cssText = '';
+	    if (/^\d+(\.\d+)?$/.test(width + '')) {
+	        cssText += "width: " + width + "px;";
+	    } else if (width) {
+	        cssText += "width: " + width + ";";
+	    }
+	    if (/^\d+(\.\d+)?$/.test(height + '')) {
+	        cssText += "height: " + height + "px;";
+	    } else if (height) {
+	        cssText += "height: " + height + ";";
+	    }
+	    if (layout.$container) layout.$container.style.cssText += cssText;
+	}
+
+	var __SVG__ = {
+	    /** 播放 */ play: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" focusable="false" aria-hidden="true" data-icon="play">\n          <rect x="6.5" y="5.5" rx="1.25" width="2.5" height="13"/>\n          <rect x="15" y="5.5" rx="1.25" width="2.5" height="13"/>\n        </svg>',
+	    /** 暂停 */ pause: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"  focusable="false" aria-hidden="true" data-icon="pause"> <path d="M17.5 13.66L9.1 19.26C7.78 20.14 6 19.19 6 17.59L6 6.4C6 4.8 7.78 3.85 9.1 4.73L17.5 10.33C18.69 11.12 18.69 12.87 17.5 13.66Z" /></svg>',
+	    /** 音量 */ muted: '<svg width="1em" height="1em" viewBox="0 0 24 24" stroke="currentColor" fill="none" focusable="false" aria-hidden="true" data-icon="volume">\n          <path d="M20.57 9.69L16.07 14.19" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n          <path d="M20.57 14.19L16.07 9.69" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n          <path d="M5.87 8.62L9.85 5.25C10.5 4.7 11.49 5.16 11.49 6.01L11.49 17.98C11.49 18.83 10.5 19.29 9.85 18.74L5.87 15.37" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n     	    <path d="M5.87 15.37L3.49 15.37C2.94 15.37 2.49 14.92 2.49 14.37L2.49 9.62C2.49 9.07 2.94 8.62 3.49 8.62L5.87 8.62" stroke-width="1.500000" stroke-linejoin="round" stroke-linecap="round"/>\n        </svg>',
+	    /** 相机 */ screenshot: '<svg  viewBox="0 0 1024 1024" stroke="currentColor" fill="currentColor" focusable="false" aria-hidden="true" data-icon="screenshot" width="1em" height="1em">\n                <path d="M269.44 256l23.296-75.381333A74.666667 74.666667 0 0 1 364.074667 128h295.850666a74.666667 74.666667 0 0 1 71.338667 52.618667L754.56 256H821.333333c64.8 0 117.333333 52.533333 117.333334 117.333333v426.666667c0 64.8-52.533333 117.333333-117.333334 117.333333H202.666667c-64.8 0-117.333333-52.533333-117.333334-117.333333V373.333333c0-64.8 52.533333-117.333333 117.333334-117.333333h66.773333z m23.605333 64H202.666667a53.333333 53.333333 0 0 0-53.333334 53.333333v426.666667a53.333333 53.333333 0 0 0 53.333334 53.333333h618.666666a53.333333 53.333333 0 0 0 53.333334-53.333333V373.333333a53.333333 53.333333 0 0 0-53.333334-53.333333h-90.378666a32 32 0 0 1-30.570667-22.549333l-30.272-97.930667a10.666667 10.666667 0 0 0-10.186667-7.52H364.074667a10.666667 10.666667 0 0 0-10.186667 7.52l-30.272 97.92A32 32 0 0 1 293.045333 320zM512 725.333333c-88.362667 0-160-71.637333-160-160 0-88.362667 71.637333-160 160-160 88.362667 0 160 71.637333 160 160 0 88.362667-71.637333 160-160 160z m0-64a96 96 0 1 0 0-192 96 96 0 0 0 0 192z"></path>\n            </svg>',
+	    /** 录像机 */ record: '<svg viewBox="0 0 1024 1024" stroke="currentColor" fill="none" focusable="false" aria-hidden="true" data-icon="record" width="1em" height="1em">\n                <path d="M800 349.4V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v512c0 35.3 28.7 64 64 64h672c35.3 0 64-28.7 64-64v-93.4c0-2.9 3-4.8 5.6-3.7L934 728c42.3 18.8 90-12.2 90-58.5v-315c0-46.3-47.7-77.3-90-58.5l-128.4 57.1c-2.6 1.1-5.6-0.8-5.6-3.7zM720 768H80c-8.8 0-16-7.2-16-16V272c0-8.8 7.2-16 16-16h640c8.8 0 16 7.2 16 16v480c0 8.8-7.2 16-16 16z m217.5-108.5l-128-56.9c-5.8-2.6-9.5-8.3-9.5-14.6V436c0-6.3 3.7-12.1 9.5-14.6l128-56.9c10.6-4.7 22.5 3 22.5 14.6v265.8c0 11.6-11.9 19.3-22.5 14.6z"></path>\n            </svg>',
+	    /** 设置 */ setting: '<svg viewBox="0 0 1024 1024" fill="currentColor" focusable="false" aria-hidden="true" data-icon="setting" width="1em" height="1em">\n                <path d="M636.864 96l166.272 97.824-14.4 38.912c-24.928 67.424 8.512 142.656 74.656 168.032 7.872 3.04 16.032 5.28 24.32 6.656l40.288 6.752v195.648l-40.32 6.752c-69.76 11.744-116.96 78.848-105.44 149.92 1.344 8.448 3.52 16.768 6.496 24.768l14.4 38.912L636.864 928l-25.92-32.16a126.4 126.4 0 0 0-180.128-18.144c-6.496 5.44-12.48 11.52-17.792 18.144L387.136 928l-166.272-97.824 14.4-38.912c24.928-67.392-8.512-142.624-74.656-168.032a126.112 126.112 0 0 0-24.32-6.656L96 609.824v-195.648l40.288-6.752c69.76-11.712 116.992-78.816 105.504-149.888a132.384 132.384 0 0 0-6.528-24.8l-14.4-38.912L387.136 96l25.888 32.16a126.4 126.4 0 0 0 180.16 18.144c6.496-5.44 12.48-11.52 17.792-18.144L636.864 96z m14.624 83.904a193.472 193.472 0 0 1-17.728 16.832 189.44 189.44 0 0 1-261.248-16.832L299.488 222.88c2.304 7.872 4.128 15.936 5.44 24.064 16.48 102.016-47.68 198.592-144.928 222.08v85.952c7.872 1.92 15.616 4.32 23.2 7.232 94.944 36.48 144.928 141.376 116.288 238.944l73.024 42.944c5.568-5.984 11.488-11.584 17.728-16.832a189.44 189.44 0 0 1 261.248 16.832l73.024-42.976a198.784 198.784 0 0 1-5.44-24c-16.512-102.08 47.68-198.656 144.928-222.144v-85.952a189.376 189.376 0 0 1-23.168-7.232c-94.976-36.448-144.96-141.344-116.32-238.944l-73.024-42.944zM512 334.848c88.352 0 160 72.992 160 163.04 0 90.048-71.648 163.008-160 163.008s-160-72.96-160-163.008c0-90.048 71.648-163.04 160-163.04z m0 65.216c-53.024 0-96 43.808-96 97.824s42.976 97.824 96 97.824 96-43.808 96-97.824-42.976-97.824-96-97.824z"></path>\n            </svg>',
+	    webFullscreen: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" focusable="false" aria-hidden="true" data-icon="webFullscreen">\n  	<path d="M18.4009 2.40125L5.59972 2.40125C4.74849 2.39276 3.9297 2.72729 3.32788 3.32935C2.72607 3.9314 2.39188 4.75031 2.40062 5.6015L2.40062 18.4015C2.3922 19.2527 2.7267 20.0715 3.32874 20.6733C3.93079 21.2751 4.74969 21.6093 5.60091 21.6006L18.4009 21.6006C19.2519 21.609 20.0705 21.2747 20.6723 20.6729C21.2741 20.0711 21.6084 19.2525 21.6 18.4015L21.6 5.60034C21.6084 4.74933 21.2741 3.93073 20.6723 3.32892C20.0705 2.72711 19.2519 2.39282 18.4009 2.40125ZM18.401 20.3213C19.4246 20.3213 20.321 19.4249 20.321 18.4014L20.321 5.60022C20.321 4.5766 19.4246 3.68024 18.401 3.68024L5.59987 3.68024C4.57631 3.68024 3.67993 4.5766 3.67993 5.60022L3.67993 18.4014C3.67993 19.4249 4.57631 20.3213 5.59987 20.3213L18.401 20.3213ZM14.5599 5.27087L18.3997 5.27087L18.3997 5.27209C18.7849 5.27087 19.0405 5.52527 19.0405 5.91168L19.0405 9.75153C19.0405 10.1331 18.7849 10.3887 18.401 10.3911C18.0158 10.3887 17.7602 10.1331 17.7602 9.75153L17.7602 7.44763L14.0487 11.1591C13.9313 11.2808 13.7695 11.3494 13.6005 11.3494C13.4315 11.3494 13.2697 11.2808 13.1523 11.1591C13.0292 11.0428 12.9594 10.8809 12.9594 10.7115C12.9594 10.5421 13.0292 10.3802 13.1523 10.2639L16.8638 6.55005L14.5599 6.55005C14.1735 6.54883 13.9179 6.29443 13.9203 5.91046C13.9179 5.52411 14.1735 5.26971 14.5599 5.27087ZM10.594 12.6625L6.88254 16.3751L6.88254 14.0712C6.88254 13.686 6.62695 13.4304 6.24297 13.4304C5.85898 13.4304 5.60338 13.686 5.60219 14.0712L5.60219 17.9111C5.60219 18.2939 5.85898 18.5483 6.24297 18.5507L10.0828 18.5507C10.4668 18.5483 10.7224 18.2939 10.7224 17.9099C10.7224 17.5247 10.4668 17.2691 10.0816 17.2703L7.77771 17.2703L11.4904 13.5588C11.6133 13.4421 11.6829 13.2801 11.6829 13.1107C11.6829 12.9412 11.6133 12.7791 11.4904 12.6625C11.3737 12.5396 11.2117 12.47 11.0422 12.47C10.8727 12.47 10.7107 12.5396 10.594 12.6625Z" clip-rule="evenodd" fill-rule="evenodd"></path>\n   </svg>',
+	    exitWebFullscreen: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" focusable="false" aria-hidden="true" data-icon="exitWebFullscreen">\n  	<path d="M18.4009 2.40125L5.59978 2.40125C4.74855 2.39276 3.92976 2.72729 3.32794 3.32935C2.72614 3.9314 2.39194 4.75031 2.40068 5.6015L2.40068 18.4015C2.39226 19.2527 2.72676 20.0715 3.3288 20.6733C3.93085 21.2751 4.74976 21.6093 5.60097 21.6006L18.4009 21.6006C19.252 21.609 20.0706 21.2747 20.6723 20.6729C21.2741 20.0711 21.6085 19.2525 21.6 18.4015L21.6 5.60034C21.6085 4.74933 21.2741 3.93073 20.6723 3.32892C20.0706 2.72711 19.252 2.39282 18.4009 2.40125ZM18.4012 20.3212C19.4247 20.3212 20.3211 19.4248 20.3211 18.4012L20.3211 5.6001C20.3211 4.57648 19.4247 3.68011 18.4012 3.68011L5.59999 3.68011C4.57643 3.68011 3.68005 4.57648 3.68005 5.6001L3.68005 18.4012C3.68005 19.4248 4.57643 20.3212 5.59999 20.3212L18.4012 20.3212ZM17.4401 11.3494L13.6002 11.3494L13.6002 11.3483C13.215 11.3494 12.9594 11.095 12.9594 10.7087L12.9594 6.86877C12.9594 6.48718 13.215 6.23163 13.599 6.22925C13.9842 6.23163 14.2398 6.48718 14.2398 6.86877L14.2398 9.17273L17.9512 5.46124C18.0686 5.3396 18.2304 5.27087 18.3994 5.27087C18.5685 5.27087 18.7303 5.3396 18.8476 5.46124C18.9708 5.57751 19.0406 5.73944 19.0406 5.90881C19.0406 6.07825 18.9708 6.24011 18.8476 6.35645L15.1362 10.0703L17.4401 10.0703C17.8265 10.0715 18.082 10.3259 18.0797 10.7099C18.082 11.0963 17.8265 11.3506 17.4401 11.3494ZM6.69115 18.358L10.4026 14.6454L10.4026 16.9493C10.4026 17.3345 10.6582 17.5901 11.0422 17.5901C11.4262 17.5901 11.6818 17.3345 11.683 16.9493L11.683 13.1094C11.683 12.7266 11.4262 12.4722 11.0422 12.4698L7.20233 12.4698C6.81834 12.4722 6.56276 12.7266 6.56276 13.1106C6.56276 13.4958 6.81834 13.7514 7.20354 13.7502L9.50746 13.7502L5.79478 17.4617C5.67188 17.5784 5.60228 17.7404 5.60228 17.9099C5.60228 18.0793 5.67188 18.2413 5.79478 18.358C5.91145 18.481 6.07349 18.5505 6.24297 18.5505C6.41243 18.5505 6.57446 18.481 6.69115 18.358Z" clip-rule="evenodd" fill-rule="evenodd"></path>\n</svg>',
+	    fullscreen: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="fullscreen">\n      <path d="M8 4L6 4C4.89 4 4 4.89 4 6L4 8" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path>\n     	<path d="M4 16L4 18C4 19.1 4.89 20 6 20L8 20" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path>\n     	<path d="M16 20L18 20C19.1 20 20 19.1 20 18L20 16" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path>\n     	<path d="M20 8L20 6C20 4.89 19.1 4 18 4L16 4" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"></path>\n    </svg>',
+	    exitFullscreen: '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" focusable="false" aria-hidden="true" data-icon="exitFullscreen">\n        <path d="M4 8L6 8C7.1 8 8 7.1 8 6L8 4" stroke-width="1.488819" stroke-linejoin="round" stroke-linecap="round"></path>\n     	<path d="M8 20L8 18C8 16.89 7.1 16 6 16L4 16" stroke-width="1.488819" stroke-linejoin="round" stroke-linecap="round"></path>\n     	<path d="M20 16L18 16C16.89 16 16 16.89 16 18L16 20" stroke-width="1.488819" stroke-linejoin="round" stroke-linecap="round"></path>\n     	<path d="M16 4L16 6C16 7.1 16.89 8 18 8L20 8" stroke-width="1.488819" stroke-linejoin="round" stroke-linecap="round"></path>\n    </svg>',
+	    close: '<svg width="1em" height="1em" viewBox="0 0 1024 1024" fill="currentColor" focusable="false" aria-hidden="true" data-icon="close">\n    <path d="M563.8 512l262.5-312.9c4.4-5.2 0.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9c-4.4 5.2-0.7 13.1 6.1 13.1h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>\n  </svg>\n  ',
+	    screens: '\n      <svg viewBox="0 0 100 100" width="1em" height="1em" fill="currentColor" focusable="false" aria-hidden="true" data-icon="screens">\n        <rect x="5" y="5" width="40" height="40" rx="2"></rect>\n        <rect x="55" y="5" width="40" height="40" rx="2"></rect>\n        <rect x="5" y="55" width="40" height="40" rx="2"></rect>\n        <rect x="55" y="55" width="40" height="40" rx="2"></rect>\n      </svg>\n  '
+	};
+	/**
+	 * 创建 icon 组件
+	 * @param svg - svg 字符串
+	 * @param type - icon 类型
+	 * @returns icon 组件
+	 * @example
+	 * ```ts
+	 * createIcon('<svg>....</svg>', 'logo') // <span class="ezplayer-icon ezplayer-icon-logo"><svg>....</svg></span>
+	 * ```
+	 */ function createIcon(svg, type, attr) {
+	    if (attr === void 0) attr = {};
+	    var attrStr = '';
+	    if (attr) {
+	        Object.keys(attr).forEach(function(key) {
+	            if (!(attr[key] === undefined || attr[key] === null)) attrStr += key + '="' + attr[key] + '"';
+	        });
+	    }
+	    return '<span class="ez-sl-icon ez-sl-icon-' + type + '" ' + attrStr + ">" + svg + "</span>";
+	}
+	var ICONS = {
+	    /** 播放 */ play: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.play, 'play', attr);
+	    },
+	    /** 暂停 */ pause: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.pause, 'pause', attr);
+	    },
+	    /** 静音 */ muted: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.muted, 'muted', attr);
+	    },
+	    /** 截图 */ screenshot: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.screenshot, 'screenshot', attr);
+	    },
+	    /** 录制 */ record: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.record, 'record', attr);
+	    },
+	    /** 设置 */ setting: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.setting, 'setting', attr);
+	    },
+	    /** 网页全屏 */ webFullscreen: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.webFullscreen, 'webFullscreen', attr);
+	    },
+	    /** 退出网页全屏 */ exitWebFullscreen: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.exitWebFullscreen, 'exitWebFullscreen', attr);
+	    },
+	    /** 全屏 */ fullscreen: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.fullscreen, 'fullscreen', attr);
+	    },
+	    /** 退出全屏 */ exitFullscreen: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.exitFullscreen, 'exitFullscreen', attr);
+	    },
+	    close: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.close, 'close', attr);
+	    },
+	    screens: function(attr) {
+	        if (attr === void 0) attr = {};
+	        return createIcon(__SVG__.screens, 'screens', attr);
+	    }
+	};
+
+	function getLocale(locales, language) {
+	    if (language === void 0) language = 'zh';
+	    return (locales == null ? void 0 : locales[language]) || (locales == null ? void 0 : locales['zh']) || {};
+	}
+
+	function _defineProperties$5(target, props) {
+	    for(var i = 0; i < props.length; i++){
+	        var descriptor = props[i];
+	        descriptor.enumerable = descriptor.enumerable || false;
+	        descriptor.configurable = true;
+	        if ("value" in descriptor) descriptor.writable = true;
+	        Object.defineProperty(target, descriptor.key, descriptor);
+	    }
+	}
+	function _create_class$5(Constructor, protoProps, staticProps) {
+	    if (protoProps) _defineProperties$5(Constructor.prototype, protoProps);
+	    return Constructor;
+	}
+	function _inherits$8(subClass, superClass) {
+	    if (typeof superClass !== "function" && superClass !== null) {
+	        throw new TypeError("Super expression must either be null or a function");
+	    }
+	    subClass.prototype = Object.create(superClass && superClass.prototype, {
+	        constructor: {
+	            value: subClass,
+	            writable: true,
+	            configurable: true
+	        }
+	    });
+	    if (superClass) _set_prototype_of$8(subClass, superClass);
+	}
+	function _set_prototype_of$8(o, p) {
+	    _set_prototype_of$8 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+	        o.__proto__ = p;
+	        return o;
+	    };
+	    return _set_prototype_of$8(o, p);
+	}
+	/**
+	 * 控件基类
+	 * @remarks
+	 * 提供控件的基础功能，包括状态管理、事件处理、国际化等
+	 * @category Control
+	 * @example
+	 * ```ts
+	 * // 创建自定义控件
+	 * class MyControl extends Control {
+	 *   protected _onControlClick(e: Event): void {
+	 *     console.log('Control clicked');
+	 *   }
+	 * }
+	 *
+	 * // 使用控件
+	 * const myControl = new MyControl({
+	 *   classNameSuffix: 'my-control',
+	 *   language: 'zh',
+	 *   onClick: (e) => console.log('Clicked')
+	 * });
+	 * ```
+	 * @public
+	 */ var Control = /*#__PURE__*/ function(EventEmitter) {
+	    _inherits$8(Control, EventEmitter);
+	    function Control(options) {
+	        var _this;
+	        _this = EventEmitter.call(this) || this, /** 当前语言对应的翻译数据 */ _this.locale = null, /** 是否禁用状态 */ _this._disabled = false, /** 是否激活状态 */ _this._active = false, /** 驼峰命名的控件名称 */ _this._camelCaseName = '';
+	        _this.options = options;
+	        _this.layout = options.layout;
+	        // 初始化国际化
+	        _this.locale = getLocale(_this.options.locales, _this.options.language);
+	        // 生成驼峰命名
+	        _this._camelCaseName = _this.options.classNameSuffix ? _this.options.classNameSuffix.replace(/[-_\s]+(.)?/g, function(_, c) {
+	            return c ? c.toUpperCase() : '';
+	        }).replace(/^(.)/, function(first) {
+	            return first.toLowerCase();
+	        }) : '';
+	        // 创建容器元素
+	        _this.$container = document.createElement('div');
+	        _this.$container.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "-control");
+	        // 根据控件类型添加样式类
+	        if ((options == null ? void 0 : options.controlType) === 'text') {
+	            _this.$container.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "-control-text");
+	        } else {
+	            _this.$container.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "-control-btn");
+	        }
+	        // 添加自定义样式类
+	        if (options == null ? void 0 : options.classNameSuffix) {
+	            _this.$container.classList.add(_EZ_SL_CLASS_PREFIX_ + "-control-" + options.classNameSuffix);
+	        }
+	        if (options == null ? void 0 : options.className) {
+	            _this.$container.classList.add(options.className);
+	        }
+	        // 设置挂载容器
+	        if (options.getPopupContainer) {
+	            _this.$popupContainer = options.getPopupContainer();
+	        } else {
+	            _this.$popupContainer = document.body;
+	        }
+	        _this.$popupContainer.appendChild(_this.$container);
+	        // 绑定点击事件
+	        _this._onClick();
+	        return _this;
+	    }
+	    var _proto = Control.prototype;
+	    /**
+	   * 重置控件状态
+	   * @param hide - 是否隐藏控件
+	   */ _proto.reset = function reset(hide) {
+	        if (this._camelCaseName) {
+	            this.emit("Control." + this._camelCaseName + "Reset", hide);
+	        }
+	    };
+	    /**
+	   * 重置控件挂载节点
+	   * @param popupContainer - 新的挂载节点
+	   * @param append - 添加方式：prepend(插入第一个位置) | append(追加在末尾) | before(插入指定元素前)
+	   * @param element - 当 append = 'before' 时需要，插入到该元素之前
+	   * @example
+	   * ```ts
+	   * // 追加到容器末尾
+	   * control.resetPopupContainer(newContainer, 'append');
+	   *
+	   * // 插入到容器第一个位置
+	   * control.resetPopupContainer(newContainer, 'prepend');
+	   *
+	   * // 插入到指定元素之前
+	   * control.resetPopupContainer(newContainer, 'before', targetElement);
+	   * ```
+	   */ // prettier-ignore
+	    _proto.resetPopupContainer = function resetPopupContainer(popupContainer, append, element) {
+	        if (popupContainer === this.$popupContainer) {
+	            return;
+	        }
+	        // 从旧容器中移除
+	        if (this.$popupContainer.contains(this.$container)) {
+	            this.$popupContainer.removeChild(this.$container);
+	        }
+	        // 设置新容器
+	        this.$popupContainer = popupContainer;
+	        // 根据不同方式添加到新容器
+	        switch(append){
+	            case 'prepend':
+	                this.$popupContainer.prepend(this.$container);
+	                break;
+	            case 'before':
+	                if (element) {
+	                    this.$popupContainer.insertBefore(this.$container, element);
+	                } else {
+	                    this.$popupContainer.appendChild(this.$container);
+	                }
+	                break;
+	            default:
+	                this.$popupContainer.appendChild(this.$container);
+	                break;
+	        }
+	        // 触发容器重置事件
+	        if (this._camelCaseName) {
+	            this.emit("Control." + this._camelCaseName + "ResetContainer", this.options.classNameSuffix, popupContainer);
+	        }
+	    };
+	    /**
+	   * 显示控件
+	   */ _proto.show = function show() {
+	        if (this.$container) {
+	            this.$container.style.display = '';
+	            this.$container.classList.remove("" + _EZ_SL_CLASS_PREFIX_ + "-hide");
+	        }
+	    };
+	    /**
+	   * 隐藏控件
+	   */ _proto.hide = function hide() {
+	        if (this.$container) {
+	            this.$container.style.display = 'none';
+	            this.$container.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "-hide");
+	        }
+	    };
+	    /**
+	   * 销毁控件
+	   * @remarks
+	   * 清理所有事件监听器和 DOM 元素
+	   */ _proto.destroy = function destroy() {
+	        if (this._camelCaseName) {
+	            this.emit("Control." + this._camelCaseName + "Destroy");
+	        }
+	        this._active = false;
+	        this.removeAllListeners();
+	        if (this.$container) {
+	            this.$container.remove();
+	            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+	            // @ts-expect-error - 需要清空引用
+	            this.$container = null;
+	        }
+	    };
+	    /**
+	   * 更新控件显示
+	   * @remarks
+	   * 子类可以重写此方法来实现自定义更新逻辑
+	   * @public
+	   */ _proto.update = function update() {
+	    // 默认空实现，子类可重写
+	    };
+	    /**
+	   * 更新禁用状态的样式
+	   * @param disabled - 是否禁用
+	   * @protected
+	   */ _proto._updateDisabledState = function _updateDisabledState(disabled) {
+	        if (disabled) {
+	            var _this_$container;
+	            (_this_$container = this.$container) == null ? void 0 : _this_$container.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "-disabled");
+	        } else {
+	            var _this_$container1;
+	            (_this_$container1 = this.$container) == null ? void 0 : _this_$container1.classList.remove("" + _EZ_SL_CLASS_PREFIX_ + "-disabled");
+	        }
+	    };
+	    /**
+	   * 更新激活状态的样式
+	   * @param active - 是否激活
+	   * @protected
+	   */ _proto._updateActiveState = function _updateActiveState(active) {
+	        if (active) {
+	            var _this_$container;
+	            (_this_$container = this.$container) == null ? void 0 : _this_$container.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "-active");
+	        } else {
+	            var _this_$container1;
+	            (_this_$container1 = this.$container) == null ? void 0 : _this_$container1.classList.remove("" + _EZ_SL_CLASS_PREFIX_ + "-active");
+	        }
+	    };
+	    /**
+	   * 绑定点击事件
+	   * @private
+	   */ _proto._onClick = function _onClick() {
+	        var _this = this;
+	        this.$container.addEventListener('click', function(e) {
+	            var _this_$container;
+	            // 禁用状态下不触发点击事件
+	            if (!((_this_$container = _this.$container) == null ? void 0 : _this_$container.classList.contains("" + _EZ_SL_CLASS_PREFIX_ + "-disabled"))) {
+	                _this._onControlClick(e);
+	            }
+	        });
+	    };
+	    /**
+	   * 控件点击事件处理
+	   * @param e - 事件对象
+	   * @remarks
+	   * 子类可以重写此方法来实现自定义点击行为
+	   * @protected
+	   */ _proto._onControlClick = function _onControlClick(e) {
+	        this.options.onClick == null ? void 0 : this.options.onClick.call(this.options, e);
+	    };
+	    _create_class$5(Control, [
+	        {
+	            key: "active",
+	            get: /**
+	   * 获取或设置激活状态
+	   */ function get() {
+	                return this._active;
+	            },
+	            set: function set(active) {
+	                // 禁用状态下不允许激活
+	                if (this._disabled && !this._active) {
+	                    return;
+	                }
+	                this._active = active;
+	                this._updateActiveState(active);
+	            }
+	        },
+	        {
+	            key: "disabled",
+	            get: /**
+	   * 获取或设置禁用状态
+	   */ function get() {
+	                return this._disabled;
+	            },
+	            set: function set(disabled) {
+	                this._disabled = disabled;
+	                this._updateDisabledState(disabled);
+	            }
+	        }
+	    ]);
+	    return Control;
+	}(EventEmitter);
+	Control.cname = 'control';
+
+	function _defineProperties$4(target, props) {
+	    for(var i = 0; i < props.length; i++){
+	        var descriptor = props[i];
+	        descriptor.enumerable = descriptor.enumerable || false;
+	        descriptor.configurable = true;
+	        if ("value" in descriptor) descriptor.writable = true;
+	        Object.defineProperty(target, descriptor.key, descriptor);
+	    }
+	}
+	function _create_class$4(Constructor, protoProps, staticProps) {
+	    if (protoProps) _defineProperties$4(Constructor.prototype, protoProps);
+	    return Constructor;
+	}
+	function _extends$8() {
+	    _extends$8 = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
+	            }
+	        }
+	        return target;
+	    };
+	    return _extends$8.apply(this, arguments);
+	}
+	function _inherits$7(subClass, superClass) {
+	    if (typeof superClass !== "function" && superClass !== null) {
+	        throw new TypeError("Super expression must either be null or a function");
+	    }
+	    subClass.prototype = Object.create(superClass && superClass.prototype, {
+	        constructor: {
+	            value: subClass,
+	            writable: true,
+	            configurable: true
+	        }
+	    });
+	    if (superClass) _set_prototype_of$7(subClass, superClass);
+	}
+	function _set_prototype_of$7(o, p) {
+	    _set_prototype_of$7 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+	        o.__proto__ = p;
+	        return o;
+	    };
+	    return _set_prototype_of$7(o, p);
+	}
+	/**
+	 * 播放/暂停控件
+	 * @remarks
+	 * 提供视频播放和暂停功能，支持状态自动切换
+	 * @category Control
+	 * @public
+	 */ var Play = /*#__PURE__*/ function(Control) {
+	    _inherits$7(Play, Control);
+	    function Play(options) {
+	        var _this;
+	        _this = Control.call(this, _extends$8({}, options, {
+	            controlType: 'button',
+	            classNameSuffix: 'play'
+	        })) || this, /** 播放状态 */ _this._playing = true;
+	        _this._render();
+	        return _this;
+	    }
+	    var _proto = Play.prototype;
+	    /**
+	   * 点击控件触发
+	   * @protected
+	   */ _proto._onControlClick = function _onControlClick(e) {
+	        if (this._playing) {
+	            var _this_layout;
+	            (_this_layout = this.layout) == null ? void 0 : _this_layout.pause();
+	        } else {
+	            var _this_layout1;
+	            (_this_layout1 = this.layout) == null ? void 0 : _this_layout1.play();
+	        }
+	        this._playing = !this._playing;
+	        this._render();
+	        Control.prototype._onControlClick.call(this, e);
+	    };
+	    /**
+	   * 渲染控件内容
+	   * @private
+	   */ _proto._render = function _render() {
+	        this.$container.innerHTML = this.playing ? ICONS.play() : ICONS.pause();
+	    };
+	    /**
+	   * 更新控件显示
+	   * @public
+	   */ _proto.update = function update() {
+	        this._render();
+	    };
+	    _create_class$4(Play, [
+	        {
+	            key: "playing",
+	            get: /**
+	   * 播放状态
+	   */ function get() {
+	                return this._playing;
+	            }
+	        }
+	    ]);
+	    return Play;
+	}(Control);
+	Play.cname = 'play';
+
+	function _extends$7() {
+	    _extends$7 = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
+	            }
+	        }
+	        return target;
+	    };
+	    return _extends$7.apply(this, arguments);
+	}
+	function _inherits$6(subClass, superClass) {
+	    if (typeof superClass !== "function" && superClass !== null) {
+	        throw new TypeError("Super expression must either be null or a function");
+	    }
+	    subClass.prototype = Object.create(superClass && superClass.prototype, {
+	        constructor: {
+	            value: subClass,
+	            writable: true,
+	            configurable: true
+	        }
+	    });
+	    if (superClass) _set_prototype_of$6(subClass, superClass);
+	}
+	function _set_prototype_of$6(o, p) {
+	    _set_prototype_of$6 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+	        o.__proto__ = p;
+	        return o;
+	    };
+	    return _set_prototype_of$6(o, p);
+	}
+	/**
+	 * 静音控件
+	 * @remarks
+	 * 提供静音控制功能，支持全部静音、其他静音、取消静音
+	 * @category Control
+	 * @public
+	 */ var Muted = /*#__PURE__*/ function(Control) {
+	    _inherits$6(Muted, Control);
+	    function Muted(options) {
+	        var _this;
+	        _this = Control.call(this, _extends$7({}, options, {
+	            controlType: 'button',
+	            classNameSuffix: 'muted'
+	        })) || this;
+	        _this._render();
+	        return _this;
+	    }
+	    var _proto = Muted.prototype;
+	    /**
+	   * 点击控件触发
+	   * @protected
+	   */ _proto._onControlClick = function _onControlClick(e) {
+	        var _this_layout_muted, _this_layout;
+	        (_this_layout = this.layout) == null ? void 0 : (_this_layout_muted = _this_layout.muted) == null ? void 0 : _this_layout_muted.call(_this_layout, true);
+	        Control.prototype._onControlClick.call(this, e);
+	    };
+	    /**
+	   * 渲染控件内容
+	   * @private
+	   */ _proto._render = function _render() {
+	        this.$container.innerHTML = ICONS.muted();
+	    };
+	    return Muted;
+	}(Control);
+	Muted.cname = 'muted';
+
+	function _extends$6() {
+	    _extends$6 = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
+	            }
+	        }
+	        return target;
+	    };
+	    return _extends$6.apply(this, arguments);
+	}
+	function _inherits$5(subClass, superClass) {
+	    if (typeof superClass !== "function" && superClass !== null) {
+	        throw new TypeError("Super expression must either be null or a function");
+	    }
+	    subClass.prototype = Object.create(superClass && superClass.prototype, {
+	        constructor: {
+	            value: subClass,
+	            writable: true,
+	            configurable: true
+	        }
+	    });
+	    if (superClass) _set_prototype_of$5(subClass, superClass);
+	}
+	function _set_prototype_of$5(o, p) {
+	    _set_prototype_of$5 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+	        o.__proto__ = p;
+	        return o;
+	    };
+	    return _set_prototype_of$5(o, p);
+	}
+	/**
+	 * 截图控件
+	 * @remarks
+	 * 提供视频截图功能
+	 * @category Control
+	 * @public
+	 */ var Screenshot = /*#__PURE__*/ function(Control) {
+	    _inherits$5(Screenshot, Control);
+	    function Screenshot(options) {
+	        var _this;
+	        _this = Control.call(this, _extends$6({}, options, {
+	            controlType: 'button',
+	            classNameSuffix: 'screenshot'
+	        })) || this;
+	        _this._render();
+	        return _this;
+	    }
+	    var _proto = Screenshot.prototype;
+	    /**
+	   * 点击控件触发
+	   * @protected
+	   */ _proto._onControlClick = function _onControlClick(e) {
+	        var _this_layout_screenshot, _this_layout;
+	        (_this_layout = this.layout) == null ? void 0 : (_this_layout_screenshot = _this_layout.screenshot) == null ? void 0 : _this_layout_screenshot.call(_this_layout);
+	        Control.prototype._onControlClick.call(this, e);
+	    };
+	    /**
+	   * 渲染控件内容
+	   * @private
+	   */ _proto._render = function _render() {
+	        this.$container.innerHTML = ICONS.screenshot();
+	    };
+	    return Screenshot;
+	}(Control);
+	Screenshot.cname = 'screenshot';
+
+	/**
+	 * picker component for js framework, support mobile and pc
+	 * 
+	 * @skax/picker v1.1.8
+	 * Copyright (c) 2025-12-12 ShineShao <xiaoshaoqq@gmail.com>
+	 * 
+	 * This source code is licensed under the MIT license found in the
+	 * LICENSE file in the root directory of this source tree.
+	 */
+
+	var dist;
+	var hasRequiredDist;
+
+	function requireDist () {
+		if (hasRequiredDist) return dist;
+		hasRequiredDist = 1;
+
+		function _array_like_to_array(arr, len) {
+		  if (len == null || len > arr.length) len = arr.length;
+		  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+		  return arr2;
+		}
+		function _unsupported_iterable_to_array(o, minLen) {
+		  if (!o) return;
+		  if (typeof o === "string") return _array_like_to_array(o, minLen);
+		  var n = Object.prototype.toString.call(o).slice(8, -1);
+		  if (n === "Object" && o.constructor) n = o.constructor.name;
+		  if (n === "Map" || n === "Set") return Array.from(n);
+		  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+		}
+		function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
+		  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+		  if (it) return (it = it.call(o)).next.bind(it);
+		  if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike) {
+		    if (it) o = it;
+		    var i = 0;
+		    return function () {
+		      if (i >= o.length) {
+		        return {
+		          done: true
+		        };
+		      }
+		      return {
+		        done: false,
+		        value: o[i++]
+		      };
+		    };
+		  }
+		  throw new TypeError("Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+		}
+		/**
+		 * PickerProvider 单例类
+		 */
+		var PickerProvider = /*#__PURE__*/function () {
+
+		  function PickerProvider() {
+		    this.pickers = [];
+		  }
+		  var _proto = PickerProvider.prototype;
+		  /**
+		  * 添加picker
+		  * @param picker Picker 实例
+		  */
+		  _proto.add = function add(picker) {
+		    this.pickers.push(picker);
+		  };
+		  /**
+		  * 移除picker
+		  * @param picker Picker 实例
+		  */
+		  _proto.remove = function remove(picker) {
+		    var index = this.pickers.indexOf(picker);
+		    if (index > -1) {
+		      this.pickers.splice(index, 1);
+		    } else {
+		      console.warn('Picker not found in the provider.');
+		    }
+		  };
+		  /**
+		  * 关闭其他picker
+		  * @param e 事件
+		  */
+		  _proto.closeOther = function closeOther(e) {
+		    for (var _iterator = _create_for_of_iterator_helper_loose(this.pickers), _step; !(_step = _iterator()).done;) {
+		      var p = _step.value;
+		      var _p_$container_contains, _p_$container, _p_$wrapperContent_contains, _p_$wrapperContent;
+		      if (p && !(e.target === p.$container || ((_p_$container = p.$container) == null ? void 0 : (_p_$container_contains = _p_$container.contains) == null ? void 0 : _p_$container_contains.call(_p_$container, e.target)) || e.target === p.$wrapperContent || ((_p_$wrapperContent = p.$wrapperContent) == null ? void 0 : (_p_$wrapperContent_contains = _p_$wrapperContent.contains) == null ? void 0 : _p_$wrapperContent_contains.call(_p_$wrapperContent, e.target)))) {
+		        p.open = false;
+		      }
+		    }
+		  };
+		  /**
+		  * 获取单例实例
+		  * @returns Picker 实例
+		  */
+		  PickerProvider.getInstance = function getInstance() {
+		    if (!PickerProvider.instance) {
+		      PickerProvider.instance = new PickerProvider();
+		    }
+		    return PickerProvider.instance;
+		  };
+		  return PickerProvider;
+		}();
+		var pickerProvider = PickerProvider.getInstance();
+
+		function _defineProperties(target, props) {
+		  for (var i = 0; i < props.length; i++) {
+		    var descriptor = props[i];
+		    descriptor.enumerable = descriptor.enumerable || false;
+		    descriptor.configurable = true;
+		    if ("value" in descriptor) descriptor.writable = true;
+		    Object.defineProperty(target, descriptor.key, descriptor);
+		  }
+		}
+		function _create_class(Constructor, protoProps, staticProps) {
+		  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+		  return Constructor;
+		}
+		/**
+		 * picker 位置
+		 *
+		 * |   top    |     tl    |     tr    | bottom     |     bl     |     br     |
+		 * |:--------:|:---------:|:---------:|:----------:|:----------:|:----------:|
+		 * |  顶部中间 |  顶部左侧   |  顶部右侧  |   底部中间   |  底部左侧   |   底部右侧  |
+		 *
+		 * @public
+		 */
+		var _$PICKER_PLACEMENT$_ = ['top', 'tl', 'tr', 'bottom', 'bl', 'br'];
+		/**
+		 * 默认样式前缀
+		 */
+		var _$PICKER_PREFIX_CLS$_ = 'epicker';
+		/**
+		 * Picker 默认值
+		 */
+		var __$PICKER_DEFAULT_OPTIONS$__ = {
+		  getPopupContainer: function () {
+		    return document.body;
+		  },
+		  wrapClassName: '',
+		  open: false,
+		  placement: 'br',
+		  offset: [0, 0],
+		  zIndex: 1000,
+		  content: '',
+		  trigger: 'click',
+		  mouseLeaveDelay: 0.1,
+		  mouseEnterDelay: 0.1,
+		  isMobile: false,
+		  triggerClose: false
+		};
+		/**
+		 * Picker 弹窗, 支持 PC 和移动端
+		 * @remarks
+		 * Picker 是一个通用的弹窗组件，可以用于日期选择器、时间选择器等场景。
+		 * 它提供了丰富的配置选项，可以自定义弹窗的样式、位置、触发方式等。
+		 *
+		 * @example
+		 * ```ts
+		 * import "@skax/picker/dist/style/css";
+		 * import Picker from '@skax/picker';
+		 * const picker = new Picker(document.getElementById('picker-container'),
+		 * {
+		 *   placement: 'bottom',
+		 *   content: '<div>选择内容</div>', // or () => '<div>选择内容</div>'
+		 *   trigger: 'click',
+		 *   isMobile: false,
+		 * });
+		 * picker.open = true; // 打开弹窗
+		 * picker.setPlacement('top'); // 设置弹窗位置
+		 * picker.innerHTML('<div>新内容</div>'); // 设置弹窗内容（会覆盖之前的内容）
+		 * picker.destroy(); // 销毁弹窗
+		 * ```
+		 */
+		var Picker = /*#__PURE__*/function () {
+
+		  function Picker(container, options) {
+		    var _this__$popupContainer, _this__$popupContainer1;
+		    /** 是否打开 */
+		    this._open = false;
+		    this._OpenChange = false;
+		    this._animationTimer = null;
+		    this._disabled = false;
+		    this._timer = null;
+		    // prettier-ignore
+		    this._options = Object.assign({}, __$PICKER_DEFAULT_OPTIONS$__, options || {});
+		    // 移动端模式强制使用 click 触发
+		    if (this._options.isMobile) this._options.trigger = "click";
+		    pickerProvider.add(this);
+		    if (typeof container === "function") this.$container = container();else this.$container = container;
+		    this.$wrapperContent = document.createElement("div");
+		    this._initContentStyle();
+		    if (typeof this._options.getPopupContainer === "function") {
+		      this._$popupContainer = this._options.getPopupContainer();
+		    } else {
+		      this._$popupContainer = document.body;
+		    }
+		    if (["INPUT", "CANVAS", "VIDEO", "IMG"].includes((_this__$popupContainer = this._$popupContainer) == null ? void 0 : _this__$popupContainer.tagName)) {
+		      console.warn("popup container node does not support child elements, default body!");
+		      this._$popupContainer = document.body;
+		    }
+		    if (this._$popupContainer !== document.body) this._$popupContainer.style.position = "relative";
+		    (_this__$popupContainer1 = this._$popupContainer) == null ? void 0 : _this__$popupContainer1.appendChild(this.$wrapperContent);
+		    this._onContentClick = this._onContentClick.bind(this);
+		    this._onShow = this._onShow.bind(this);
+		    this._onContainerClick = this._onContainerClick.bind(this);
+		    this._onWrapperShow = this._onWrapperShow.bind(this);
+		    this._onHide = this._onHide.bind(this);
+		    this._onDocumentClick = this._onDocumentClick.bind(this);
+		    this._eventListener();
+		    this.open = !!this._options.open;
+		  }
+		  var _proto = Picker.prototype;
+		  /**
+		  * 设置弹出位置(移动端不生效)
+		  * @param placement - 弹出位置
+		  * @example
+		  * ```ts
+		  * picker.setPlacement("top");
+		  * picker.setPlacement("tl");
+		  * picker.setPlacement("tr");
+		  * picker.setPlacement("bottom");
+		  * picker.setPlacement("bl");
+		  * picker.setPlacement("br");
+		  * ```
+		  */
+		  _proto.setPlacement = function setPlacement(placement) {
+		    if (this._disabled) return;
+		    if (_$PICKER_PLACEMENT$_.includes(placement)) {
+		      this._options.placement = placement;
+		    } else {
+		      console.warn("" + placement + " is not a valid placement");
+		    }
+		    this._setPlacement();
+		  };
+		  /**
+		  * 销毁
+		  * @example
+		  * ```ts
+		  * picker.destroy();
+		  * ```
+		  */
+		  _proto.destroy = function destroy() {
+		    this._animationTimerClear();
+		    this._removeHtml();
+		    pickerProvider.remove(this);
+		    // this._$popupContainer 的 position 样式不会被移除
+		  };
+		  /**
+		  * 设置内容（会覆盖之前内容）
+		  * @param html - html 字符串内容
+		  * @example
+		  * ```ts
+		  * picker.innerHTML('<div>内容</div>');
+		  * ```
+		  */
+		  _proto.innerHTML = function innerHTML(html) {
+		    if (this.$body) {
+		      this.$body.innerHTML = html || '';
+		      this._setPlacement();
+		    }
+		  };
+		  // --------------------------------------------------------------------------
+		  // Private methods
+		  // --------------------------------------------------------------------------
+		  /**
+		  * picker 面板展开或关闭变化时触发
+		  * @param open - true: 展开, false:关闭
+		  */
+		  _proto._onOpenChange = function _onOpenChange(open) {
+		    this._options.onOpenChange == null ? void 0 : this._options.onOpenChange.call(this._options, !!open);
+		  };
+		  /**
+		  * 移除动画定时器
+		  */
+		  _proto._animationTimerClear = function _animationTimerClear() {
+		    if (this._animationTimer) {
+		      clearTimeout(this._animationTimer);
+		      this._animationTimer = null;
+		    }
+		  };
+		  /**
+		  * 移除html
+		  */
+		  _proto._removeHtml = function _removeHtml() {
+		    var _this_$wrapperContent, _this_$container_removeEventListener, _this_$container, _this_$container_removeEventListener1, _this_$container1;
+		    (_this_$wrapperContent = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent.removeEventListener('click', this._onContentClick);
+		    (_this_$container = this.$container) == null ? void 0 : (_this_$container_removeEventListener = _this_$container.removeEventListener) == null ? void 0 : _this_$container_removeEventListener.call(_this_$container, 'click', this._onContentClick);
+		    if (this._options.trigger === 'click') (_this_$container1 = this.$container) == null ? void 0 : (_this_$container_removeEventListener1 = _this_$container1.removeEventListener) == null ? void 0 : _this_$container_removeEventListener1.call(_this_$container1, 'click', this._onContainerClick);
+		    if (this._options.trigger === 'hover') {
+		      var _this_$container_removeEventListener2, _this_$container2, _this_$container_removeEventListener3, _this_$container3, _this_$container_removeEventListener4, _this_$container4,
+		        // prettier-ignore
+		        _this_$wrapperContent1, _this_$wrapperContent2;
+		      (_this_$container2 = this.$container) == null ? void 0 : (_this_$container_removeEventListener2 = _this_$container2.removeEventListener) == null ? void 0 : _this_$container_removeEventListener2.call(_this_$container2, 'mouseenter', this._onShow);
+		      (_this_$container3 = this.$container) == null ? void 0 : (_this_$container_removeEventListener3 = _this_$container3.removeEventListener) == null ? void 0 : _this_$container_removeEventListener3.call(_this_$container3, 'mouseover', this._onShow);
+		      (_this_$container4 = this.$container) == null ? void 0 : (_this_$container_removeEventListener4 = _this_$container4.removeEventListener) == null ? void 0 : _this_$container_removeEventListener4.call(_this_$container4, 'mouseleave', this._onHide);
+		      (_this_$wrapperContent1 = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent1.removeEventListener("mouseenter", this._onWrapperShow);
+		      (_this_$wrapperContent2 = this.$wrapperContent) == null ? void 0 : _this_$wrapperContent2.removeEventListener('mouseleave', this._onHide);
+		    }
+		    if (!this._options.isMobile) {
+		      window.removeEventListener('blur', this._onHide);
+		      document.removeEventListener('visibilitychange', this._onHide);
+		      window.removeEventListener('resize', this._onHide);
+		      document.removeEventListener('click', this._onDocumentClick);
+		    }
+		    if (this._$mask) {
+		      this._$mask.removeEventListener('click', this._onHide);
+		      this._$mask.remove();
+		      this._$mask = null;
+		    }
+		    if (this._options.isMobile) document.body.classList.remove("" + _$PICKER_PREFIX_CLS$_ + "-body-noscroll");
+		    if (this.$wrapperContent) {
+		      this.$wrapperContent.remove();
+		      this.$wrapperContent = null;
+		    }
+		  };
+		  /**
+		  * 现实位置
+		  */
+		  _proto._setPlacement = function _setPlacement() {
+		    var _this_$container_getBoundingClientRect, _this_$container;
+		    if (!this._open || this._options.isMobile || !this.$container) return;
+		    var $containerRect = (_this_$container = this.$container) == null ? void 0 : (_this_$container_getBoundingClientRect = _this_$container.getBoundingClientRect) == null ? void 0 : _this_$container_getBoundingClientRect.call(_this_$container);
+		    var $wrapperContentRect = this.$wrapperContent.getBoundingClientRect();
+		    var $popupContainerRect = this._$popupContainer.getBoundingClientRect();
+		    // 容器的坐标 - 挂载的容器的坐标差
+		    // prettier-ignore
+		    var containerLeft = Math.ceil($containerRect.left) - Math.ceil($popupContainerRect.left);
+		    var containerRight = -(Math.ceil($containerRect.right) - Math.ceil($popupContainerRect.right));
+		    // prettier-ignore
+		    var containerTop = Math.ceil($containerRect.y) - Math.ceil($popupContainerRect.y);
+		    var left = containerLeft + (Math.ceil($containerRect.width) - Math.ceil($wrapperContentRect.width)) / 2;
+		    var right;
+		    var top = containerTop - Math.ceil($wrapperContentRect.height);
+		    var bottom = containerTop + Math.ceil($containerRect.height);
+		    if (/^t/.test(this._options.placement)) {
+		      var _this__options_offset, _this__options_offset1, _this__options_offset2;
+		      switch (this._options.placement) {
+		        case 'top':
+		          right = undefined;
+		          break;
+		        case 'tl':
+		          right = undefined;
+		          left = containerLeft;
+		          break;
+		        case 'tr':
+		          left = undefined;
+		          right = containerRight;
+		          break;
+		      }
+		      this.$wrapperContent.style.cssText += "\n        " + (right !== undefined ? "right: " + (right + (((_this__options_offset = this._options.offset) == null ? void 0 : _this__options_offset[0]) || 0)) + "px;" : '') + "\n        " + (left !== undefined ? "left: " + (left + (((_this__options_offset1 = this._options.offset) == null ? void 0 : _this__options_offset1[0]) || 0)) + "px;" : '') + "\n        top: " + (top + (((_this__options_offset2 = this._options.offset) == null ? void 0 : _this__options_offset2[1]) || 0)) + "px;\n        z-index:" + this._options.zIndex + ";\n      ";
+		    } else if (/^b/.test(this._options.placement)) {
+		      var _this__options_offset3, _this__options_offset4, _this__options_offset5;
+		      switch (this._options.placement) {
+		        case 'bottom':
+		          right = undefined;
+		          break;
+		        case 'bl':
+		          right = undefined;
+		          left = containerLeft;
+		          break;
+		        case 'br':
+		          left = undefined;
+		          right = containerRight;
+		          break;
+		      }
+		      if (this.$wrapperContent) this.$wrapperContent.style.cssText += "\n          " + (right !== undefined ? "right: " + (right + (((_this__options_offset3 = this._options.offset) == null ? void 0 : _this__options_offset3[0]) || 0)) + "px;" : '') + "\n          " + (left !== undefined ? "left: " + (left + (((_this__options_offset4 = this._options.offset) == null ? void 0 : _this__options_offset4[0]) || 0)) + "px;" : '') + "\n          top: " + (bottom + (((_this__options_offset5 = this._options.offset) == null ? void 0 : _this__options_offset5[1]) || 0)) + "px;\n          z-index:" + this._options.zIndex + ";\n        ";
+		    }
+		  };
+		  /**
+		  * 初始化内容样式
+		  */
+		  _proto._initContentStyle = function _initContentStyle() {
+		    if (!this.$wrapperContent) return;
+		    // prettier-ignore
+		    this.$wrapperContent.classList.add("" + _$PICKER_PREFIX_CLS$_, "" + _$PICKER_PREFIX_CLS$_ + "-wrapper", _$PICKER_PREFIX_CLS$_ + "-" + this._options.placement);
+		    // 提升优先级
+		    this.$wrapperContent.style.display = 'none';
+		    if (this._options.isMobile) {
+		      this.$wrapperContent.classList.add("" + _$PICKER_PREFIX_CLS$_ + "-mobile");
+		      this._$mask = document.createElement('div');
+		      this._$mask.classList.add("" + _$PICKER_PREFIX_CLS$_ + "-mask");
+		      this.$wrapperContent.appendChild(this._$mask);
+		    }
+		    this.$body = document.createElement('div');
+		    this.$body.classList.add("" + _$PICKER_PREFIX_CLS$_ + "-body");
+		    this.$wrapperContent.appendChild(this.$body);
+		    if (typeof this._options.content === 'string') {
+		      this.innerHTML(this._options.content);
+		    } else if (typeof this._options.content === 'function') {
+		      this.innerHTML(this._options.content == null ? void 0 : this._options.content.call(this._options));
+		    }
+		    if (typeof this._options.wrapClassName === 'string') {
+		      try {
+		        var _this_$wrapperContent_classList;
+		        var _this_$wrapperContent;
+		        (_this_$wrapperContent = this.$wrapperContent) == null ? void 0 : (_this_$wrapperContent_classList = _this_$wrapperContent.classList).add.apply(_this_$wrapperContent_classList, [].concat(this._options.wrapClassName.split(' ')));
+		      } catch (_error) {
+		        //
+		      }
+		    }
+		  };
+		  /**
+		  * 绑定事件
+		  */
+		  _proto._eventListener = function _eventListener() {
+		    var _this_$container_addEventListener, _this_$container, _this_$container_addEventListener1, _this_$container1;
+		    this.$wrapperContent.addEventListener('click', this._onContentClick);
+		    (_this_$container = this.$container) == null ? void 0 : (_this_$container_addEventListener = _this_$container.addEventListener) == null ? void 0 : _this_$container_addEventListener.call(_this_$container, 'click', this._onContentClick);
+		    //
+		    if (this._options.trigger === 'click') (_this_$container1 = this.$container) == null ? void 0 : (_this_$container_addEventListener1 = _this_$container1.addEventListener) == null ? void 0 : _this_$container_addEventListener1.call(_this_$container1, 'click', this._onContainerClick);
+		    if (this._options.trigger === 'hover') {
+		      var _this_$container_addEventListener2, _this_$container2, _this_$container_addEventListener3, _this_$container3, _this_$container_addEventListener4, _this_$container4;
+		      (_this_$container2 = this.$container) == null ? void 0 : (_this_$container_addEventListener2 = _this_$container2.addEventListener) == null ? void 0 : _this_$container_addEventListener2.call(_this_$container2, 'mouseenter', this._onShow);
+		      (_this_$container3 = this.$container) == null ? void 0 : (_this_$container_addEventListener3 = _this_$container3.addEventListener) == null ? void 0 : _this_$container_addEventListener3.call(_this_$container3, 'mouseover', this._onShow);
+		      (_this_$container4 = this.$container) == null ? void 0 : (_this_$container_addEventListener4 = _this_$container4.addEventListener) == null ? void 0 : _this_$container_addEventListener4.call(_this_$container4, 'mouseleave', this._onHide);
+		      this.$wrapperContent.addEventListener('mouseenter', this._onWrapperShow);
+		      this.$wrapperContent.addEventListener('mouseleave', this._onHide);
+		    }
+		    if (this._$mask) this._$mask.addEventListener('click', this._onHide);
+		    if (!this._options.isMobile) {
+		      window.addEventListener('blur', this._onHide);
+		      document.addEventListener('visibilitychange', this._onHide);
+		      window.addEventListener('resize', this._onHide);
+		      document.addEventListener('click', this._onDocumentClick);
+		    }
+		  };
+		  /**
+		  * $wrapperContent click event
+		  * @param e - 内容点击事件
+		  */
+		  _proto._onContentClick = function _onContentClick(e) {
+		    pickerProvider.closeOther(e);
+		  };
+		  /**
+		  * $container click event
+		  * @param event - 鼠标点击事件
+		  * @returns
+		  */
+		  _proto._onContainerClick = function _onContainerClick(event) {
+		    var _this_$wrapperContent_contains, _this_$wrapperContent;
+		    if (this._disabled) return;
+		    // wrapper contain
+		    var contain = ((_this_$wrapperContent = this.$wrapperContent) == null ? void 0 : (_this_$wrapperContent_contains = _this_$wrapperContent.contains) == null ? void 0 : _this_$wrapperContent_contains.call(_this_$wrapperContent, event.target)) || this.$wrapperContent === event.target;
+		    // open 状态下触发关闭
+		    if (this._options.triggerClose && this._options.trigger === 'click' && !contain) {
+		      this.open = !this.open;
+		    } else {
+		      this.open = true;
+		    }
+		  };
+		  /**
+		  * 显示事件
+		  */
+		  _proto._onShow = function _onShow() {
+		    if (this._disabled) return;
+		    this.open = true;
+		  };
+		  /**
+		  * $wrapperContent 显示事件（输入进入前 为 false 阻止设置为 true）
+		  */
+		  _proto._onWrapperShow = function _onWrapperShow() {
+		    if (this._disabled) return;
+		    this._onShow();
+		  };
+		  /**
+		  * 隐藏事件
+		  */
+		  _proto._onHide = function _onHide(e) {
+		    if (!this._open || this._disabled) return;
+		    if ((e == null ? void 0 : e.target) === this._$mask) e == null ? void 0 : e.stopPropagation();
+		    this.open = false;
+		  };
+		  /**
+		  * document 点击事件
+		  * @param event - 鼠标点击事件
+		  */
+		  _proto._onDocumentClick = function _onDocumentClick(event) {
+		    var _this_$container;
+		    if (!(this.$wrapperContent.contains(event.target) || this.$wrapperContent === event.target || ((_this_$container = this.$container) == null ? void 0 : _this_$container.contains(event.target)) || this.$container === event.target)) {
+		      if (this._disabled) return;
+		      this._onHide();
+		    }
+		  };
+		  _create_class(Picker, [{
+		    key: "open",
+		    get:
+		    /**
+		    * 获取当前打开状态
+		    * @example
+		    * ```ts
+		    * console.log(picker.open); // 获取当前打开状态
+		    * picker.open = true; // 打开
+		    * picker.open = false; // 关闭
+		    * ```
+		    */
+		    function get() {
+		      return this._open;
+		    },
+		    set: function set(open) {
+		      var _this = this;
+		      if (this._disabled) return;
+		      if (this._open !== !!open) {
+		        this._animationTimerClear();
+		        if (this._timer) {
+		          clearTimeout(this._timer);
+		          this._timer = null;
+		        }
+		        if (open) {
+		          // prettier-ignore
+		          this._timer = setTimeout(function () {
+		            if (!_this.$wrapperContent) return;
+		            _this.$wrapperContent.style.display = "inline-flex";
+		            _this.$wrapperContent.style.pointerEvents = "";
+		            // prettier-ignore
+		            if (_this._options.isMobile) document.body.classList.add("" + _$PICKER_PREFIX_CLS$_ + "-body-noscroll");
+		            _this._animationTimer = setTimeout(function () {
+		              _this._animationTimerClear();
+		              _this.$wrapperContent.style.opacity = "1";
+		            }, 0);
+		            requestAnimationFrame(function () {
+		              _this._setPlacement();
+		            });
+		            _this._OpenChange = open;
+		            _this._onOpenChange(open);
+		          },
+		          // prettier-ignore
+		          (this._options.mouseEnterDelay < 0 ? 0 : this._options.mouseEnterDelay) * 1000);
+		        } else {
+		          // prettier-ignore
+		          this._timer = setTimeout(function () {
+		            if (!_this.$wrapperContent) return;
+		            _this.$wrapperContent.style.opacity = "0";
+		            _this.$wrapperContent.style.pointerEvents = "none";
+		            // prettier-ignore
+		            if (_this._options.isMobile) document.body.classList.remove("" + _$PICKER_PREFIX_CLS$_ + "-body-noscroll");
+		            _this._animationTimer = setTimeout(function () {
+		              _this._animationTimerClear();
+		              _this.$wrapperContent.style.display = "none";
+		            }, 301); // css 动画是 300ms
+		            _this._OpenChange = open;
+		            _this._onOpenChange(open);
+		          },
+		          // prettier-ignore
+		          (this._options.mouseLeaveDelay < 0 ? 0 : this._options.mouseLeaveDelay) * 1000);
+		        }
+		        if (this._OpenChange === open) {
+		          if (this._timer) {
+		            clearTimeout(this._timer);
+		            this._timer = null;
+		          }
+		        }
+		        this._open = !!open;
+		      }
+		    }
+		  }, {
+		    key: "disabled",
+		    get:
+		    /**
+		    * 获取或设置禁用状态
+		    * @example
+		    * ```ts
+		    * picker.disabled = true; // 禁用
+		    * picker.disabled = false; // 启用
+		    * console.log(picker.disabled); // 获取禁用状态
+		    * ```
+		    */
+		    function get() {
+		      return this._disabled;
+		    },
+		    set: function set(disabled) {
+		      if (disabled) {
+		        var _this_$container_classList_add, _this_$container_classList, _this_$container;
+		        (_this_$container = this.$container) == null ? void 0 : (_this_$container_classList = _this_$container.classList) == null ? void 0 : (_this_$container_classList_add = _this_$container_classList.add) == null ? void 0 : _this_$container_classList_add.call(_this_$container_classList, "" + _$PICKER_PREFIX_CLS$_ + "-disabled");
+		      } else {
+		        var _this_$container_classList_remove, _this_$container_classList1, _this_$container1;
+		        (_this_$container1 = this.$container) == null ? void 0 : (_this_$container_classList1 = _this_$container1.classList) == null ? void 0 : (_this_$container_classList_remove = _this_$container_classList1.remove) == null ? void 0 : _this_$container_classList_remove.call(_this_$container_classList1, "" + _$PICKER_PREFIX_CLS$_ + "-disabled");
+		      }
+		      this._disabled = disabled;
+		    }
+		  }]);
+		  return Picker;
+		}();
+		/**
+		   * 版本号
+		   * @example
+		   * ```ts
+		   * Picker.VERSION; // 输出版本号
+		   * ```
+		   */
+		Picker.VERSION = '1.1.8';
+
+		dist = Picker;
+		return dist;
+	}
+
+	var distExports = requireDist();
+	var Picker = /*@__PURE__*/getDefaultExportFromCjs(distExports);
+
+	function _defineProperties$3(target, props) {
+	    for(var i = 0; i < props.length; i++){
+	        var descriptor = props[i];
+	        descriptor.enumerable = descriptor.enumerable || false;
+	        descriptor.configurable = true;
+	        if ("value" in descriptor) descriptor.writable = true;
+	        Object.defineProperty(target, descriptor.key, descriptor);
+	    }
+	}
+	function _create_class$3(Constructor, protoProps, staticProps) {
+	    if (protoProps) _defineProperties$3(Constructor.prototype, protoProps);
+	    return Constructor;
+	}
+	/**
+	 * 分屏模式选择器组件
+	 * @remarks
+	 * 提供一个下拉菜单样式的分屏模式选择器
+	 * @public
+	 */ var ModePicker = /*#__PURE__*/ function() {
+	    function ModePicker(container, options) {
+	        this._currentMode = 4;
+	        this.modeOptions = [
+	            {
+	                mode: 1,
+	                label: '1分屏',
+	                icon: this._createModeIcon(1, 1)
+	            },
+	            {
+	                mode: 2,
+	                label: '2分屏',
+	                icon: this._createModeIcon(1, 2)
+	            },
+	            {
+	                mode: 4,
+	                label: '4分屏',
+	                icon: this._createModeIcon(2, 2)
+	            },
+	            {
+	                mode: 6,
+	                label: '6分屏',
+	                icon: this._createModeIcon(2, 3)
+	            },
+	            {
+	                mode: 9,
+	                label: '9分屏',
+	                icon: this._createModeIcon(3, 3)
+	            },
+	            {
+	                mode: 16,
+	                label: '16分屏',
+	                icon: this._createModeIcon(4, 4)
+	            }
+	        ];
+	        this.container = container;
+	        this.onChange = options.onChange;
+	        this.i18n = options.i18n;
+	        this._init();
+	        this._onOptionsClick = this._onOptionsClick.bind(this);
+	        this.current = options.currentMode;
+	    }
+	    var _proto = ModePicker.prototype;
+	    /**
+	   * 初始化组件
+	   * @private
+	   */ _proto._init = function _init() {
+	        this.createPicker();
+	    };
+	    /**
+	   * 创建分屏模式图标
+	   * @param rows - 行数
+	   * @param cols - 列数
+	   * @returns SVG 图标字符串
+	   * @private
+	   */ _proto._createModeIcon = function _createModeIcon(rows, cols) {
+	        var cellWidth = 100 / cols;
+	        var cellHeight = 100 / rows;
+	        var cells = '';
+	        for(var i = 0; i < rows * cols; i++){
+	            var row = Math.floor(i / cols);
+	            var col = i % cols;
+	            var x = col * cellWidth;
+	            var y = row * cellHeight;
+	            cells += '<rect x="' + (x + 2) + '" y="' + (y + 2) + '" width="' + (cellWidth - 4) + '" height="' + (cellHeight - 4) + '" \n                fill="currentColor" opacity="0.8" rx="2"/>';
+	        }
+	        return '<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">\n              ' + cells + "\n            </svg>";
+	    };
+	    /**
+	   * 创建下拉选择器
+	   * @private
+	   */ _proto.createPicker = function createPicker() {
+	        var _this = this;
+	        // 创建下拉内容
+	        var dropdownContent = this.createDropdownContent();
+	        // 使用 @skax/picker 创建弹出层
+	        this.picker = new Picker(this.container, {
+	            placement: 'tr',
+	            trigger: 'hover',
+	            wrapClassName: 'mode-picker-dropdown',
+	            getPopupContainer: function() {
+	                return _this.container;
+	            },
+	            onOpenChange: function(_open) {
+	            // 打开时更新内容，确保状态同步
+	            }
+	        });
+	        // 设置弹出内容
+	        this.picker.innerHTML(dropdownContent);
+	    };
+	    /**
+	   * 创建下拉菜单内容
+	   * @returns 下拉菜单 HTML 字符串
+	   * @private
+	   */ _proto.createDropdownContent = function createDropdownContent() {
+	        var _this = this;
+	        var _this_i18n_t, _this_i18n;
+	        var options = this.modeOptions.map(function(option) {
+	            var isActive = option.mode === _this.current;
+	            return '\n        <div class="mode-picker_option ' + (isActive ? 'mode-picker_option-active' : '') + '" data-mode="' + option.mode + '">\n          <span class="mode-picker_option-icon">' + option.icon + "</span>\n        </div>";
+	        }).join('');
+	        // 添加事件委托
+	        setTimeout(function() {
+	            if (_this.picker.$body) {
+	                _this.picker.$body.addEventListener('click', _this._onOptionsClick);
+	            }
+	        }, 0);
+	        return '<div class="mode-picker_options">' + options + '</div>\n        <div class="mode-picker_tip">\n        ' + ((_this_i18n = this.i18n) == null ? void 0 : (_this_i18n_t = _this_i18n.t) == null ? void 0 : _this_i18n_t.call(_this_i18n, "screensNote")) + "\n        </div>\n      ";
+	    };
+	    _proto._onOptionsClick = function _onOptionsClick(e) {
+	        var target = e.target;
+	        var optionEl = target.closest('.mode-picker_option');
+	        if (optionEl) {
+	            var mode = Number(optionEl.dataset.mode);
+	            this.selectMode(mode);
+	        }
+	    };
+	    /**
+	   * 选中指定模式
+	   * @param mode - 分屏模式
+	   * @private
+	   */ _proto.selectMode = function selectMode(mode) {
+	        this.current = mode;
+	        this.picker.open = false; // 关闭弹窗
+	        this.onChange(mode);
+	    };
+	    /**
+	   * 设置当前分屏模式
+	   * @param mode - 分屏模式
+	   */ _proto.setMode = function setMode(mode) {
+	        this.current = mode;
+	    };
+	    /**
+	   * 销毁选择器实例
+	   * @remarks
+	   * 清理所有 DOM 元素和事件监听器
+	   */ _proto.destroy = function destroy() {
+	        if (this.picker) {
+	            if (this.picker.$body) {
+	                this.picker.$body.removeEventListener('click', this._onOptionsClick);
+	            }
+	            this.picker.destroy();
+	        }
+	    };
+	    _create_class$3(ModePicker, [
+	        {
+	            key: "current",
+	            get: function get() {
+	                return this._currentMode;
+	            },
+	            set: function set(mode) {
+	                if (mode !== this._currentMode) {
+	                    this._currentMode = mode;
+	                    if (this.picker) {
+	                        var _this_picker_$body, _this_picker_$body1;
+	                        var optionEl = (_this_picker_$body = this.picker.$body) == null ? void 0 : _this_picker_$body.querySelector('[data-mode="' + mode + '"]');
+	                        var activeEls = (_this_picker_$body1 = this.picker.$body) == null ? void 0 : _this_picker_$body1.querySelectorAll('.mode-picker_option-active');
+	                        activeEls == null ? void 0 : activeEls.forEach(function(el) {
+	                            return el.classList.remove('mode-picker_option-active');
+	                        });
+	                        if (optionEl) optionEl.classList.add('mode-picker_option-active');
+	                    }
+	                }
+	            }
+	        }
+	    ]);
+	    return ModePicker;
+	}();
+
+	/* eslint-disable @typescript-eslint/no-non-null-assertion */ function _defineProperties$2(target, props) {
+	    for(var i = 0; i < props.length; i++){
+	        var descriptor = props[i];
+	        descriptor.enumerable = descriptor.enumerable || false;
+	        descriptor.configurable = true;
+	        if ("value" in descriptor) descriptor.writable = true;
+	        Object.defineProperty(target, descriptor.key, descriptor);
+	    }
+	}
+	function _create_class$2(Constructor, protoProps, staticProps) {
+	    if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
+	    return Constructor;
+	}
+	function _extends$5() {
+	    _extends$5 = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
+	            }
+	        }
+	        return target;
+	    };
+	    return _extends$5.apply(this, arguments);
+	}
+	function _inherits$4(subClass, superClass) {
+	    if (typeof superClass !== "function" && superClass !== null) {
+	        throw new TypeError("Super expression must either be null or a function");
+	    }
+	    subClass.prototype = Object.create(superClass && superClass.prototype, {
+	        constructor: {
+	            value: subClass,
+	            writable: true,
+	            configurable: true
+	        }
+	    });
+	    if (superClass) _set_prototype_of$4(subClass, superClass);
+	}
+	function _set_prototype_of$4(o, p) {
+	    _set_prototype_of$4 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+	        o.__proto__ = p;
+	        return o;
+	    };
+	    return _set_prototype_of$4(o, p);
+	}
+	/**
+	 * 分屏模式控件
+	 * @remarks
+	 * 提供分屏模式选择功能
+	 * @category Control
+	 * @public
+	 */ var Mode = /*#__PURE__*/ function(Control) {
+	    _inherits$4(Mode, Control);
+	    function Mode(options) {
+	        var _this;
+	        var _this_layout;
+	        _this = Control.call(this, _extends$5({}, options, {
+	            controlType: 'button',
+	            classNameSuffix: 'mode'
+	        })) || this, _this.mode = 4;
+	        _this._onModeChange = options.onModeChange;
+	        _this.mode = (_this_layout = _this.layout) == null ? void 0 : _this_layout.mode;
+	        _this._render();
+	        _this._initModePicker();
+	        return _this;
+	    }
+	    var _proto = Mode.prototype;
+	    /**
+	   * 点击控件触发
+	   * @protected
+	   */ _proto._onControlClick = function _onControlClick(e) {
+	        Control.prototype._onControlClick.call(this, e);
+	    };
+	    /**
+	   * 渲染控件内容
+	   * @private
+	   */ _proto._render = function _render() {
+	        this.$container.innerHTML = ICONS.screens();
+	    };
+	    /**
+	   * 初始化模式选择器
+	   * @private
+	   */ _proto._initModePicker = function _initModePicker() {
+	        var _this = this;
+	        // 延迟初始化，确保 DOM 已挂载
+	        setTimeout(function() {
+	            var _this_layout;
+	            _this._modePicker = new ModePicker(_this.$container, {
+	                currentMode: _this.mode,
+	                i18n: (_this_layout = _this.layout) == null ? void 0 : _this_layout.i18n,
+	                onChange: function(mode) {
+	                    var // 更新 MultiScreen 模式
+	                    _this_layout_setMode, _this_layout;
+	                    (_this_layout = _this.layout) == null ? void 0 : (_this_layout_setMode = _this_layout.setMode) == null ? void 0 : _this_layout_setMode.call(_this_layout, mode);
+	                    // 触发回调
+	                    _this._onModeChange == null ? void 0 : _this._onModeChange.call(_this, mode);
+	                }
+	            });
+	        }, 0);
+	    };
+	    /**
+	   * 更新当前模式
+	   * @param mode - 分屏模式
+	   * @public
+	   */ _proto.setMode = function setMode(mode) {
+	        if (this.mode !== mode && this._modePicker) {
+	            this._modePicker.setMode(mode);
+	        }
+	    };
+	    /**
+	   * 销毁控件
+	   * @public
+	   */ _proto.destroy = function destroy() {
+	        if (this._modePicker) {
+	            this._modePicker.destroy();
+	            this._modePicker = null;
+	        }
+	        Control.prototype.destroy.call(this);
+	    };
+	    _create_class$2(Mode, [
+	        {
+	            key: "modePicker",
+	            get: /**
+	   * 获取模式选择器实例
+	   * @public
+	   */ function get() {
+	                return this._modePicker;
+	            }
+	        }
+	    ]);
+	    return Mode;
+	}(Control);
+	Mode.cname = 'mode';
+
+	/* eslint-disable @typescript-eslint/naming-convention */ function _extends$4() {
+	    _extends$4 = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
+	            }
+	        }
+	        return target;
+	    };
+	    return _extends$4.apply(this, arguments);
+	}
+	var __Settings_PANEL_CLASS__ = 'ez-sl_settings';
+	/**
+	 * 设置面板组件
+	 * @remarks
+	 * 提供画面比例、声音设置、浏览器硬解等设置选项
+	 * @public
+	 */ var SettingsPanel = /*#__PURE__*/ function() {
+	    function SettingsPanel(container, options) {
+	        this.container = container;
+	        this.language = options.language || 'zh';
+	        this.i18n = options.i18n;
+	        this.onChange = options.onChange;
+	        var _options_scaleMode;
+	        this.settings = {
+	            scaleMode: (_options_scaleMode = options.scaleMode) != null ? _options_scaleMode : 1,
+	            audioMode: options.audioMode || 'muted',
+	            enableHardwareDecoding: options.enableHardwareDecoding !== false
+	        };
+	        this._scaleModes = [
+	            {
+	                label: this.t('scaleModeFill'),
+	                value: 0
+	            },
+	            {
+	                label: this.t('scaleModeContain'),
+	                value: 1
+	            },
+	            {
+	                label: this.t('scaleModeCover'),
+	                value: 2
+	            }
+	        ];
+	        this.init();
+	    }
+	    var _proto = SettingsPanel.prototype;
+	    /**
+	   * 获取国际化文本
+	   * @private
+	   */ _proto.t = function t(key) {
+	        var _translations_this_language;
+	        if (this.i18n) {
+	            return String(this.i18n.t(key));
+	        }
+	        return ((_translations_this_language = translations[this.language]) == null ? void 0 : _translations_this_language[key]) || key;
+	    };
+	    /**
+	   * 初始化组件
+	   * @private
+	   */ _proto.init = function init() {
+	        this.createPicker();
+	    };
+	    /**
+	   * 创建设置面板 Picker
+	   * @private
+	   */ _proto.createPicker = function createPicker() {
+	        var _this = this;
+	        var panelContent = this.getPanelHTML();
+	        this.picker = new Picker(this.container, {
+	            placement: 'tr',
+	            trigger: 'hover',
+	            wrapClassName: "" + __Settings_PANEL_CLASS__ + "-dropdown",
+	            getPopupContainer: function() {
+	                return _this.container;
+	            },
+	            onOpenChange: function(open) {
+	                if (open) {
+	                    _this.container.classList.add("" + __Settings_PANEL_CLASS__ + "_trigger-open");
+	                } else {
+	                    _this.container.classList.remove("" + __Settings_PANEL_CLASS__ + "_trigger-open");
+	                }
+	            }
+	        });
+	        this.picker.innerHTML(panelContent);
+	        // 绑定事件
+	        setTimeout(function() {
+	            _this.bindEvents();
+	        }, 0);
+	    };
+	    /**
+	   * 获取面板 HTML
+	   * @private
+	   */ _proto.getPanelHTML = function getPanelHTML() {
+	        var _this = this;
+	        return '\n      <div class="' + __Settings_PANEL_CLASS__ + '">\n        <div class="' + __Settings_PANEL_CLASS__ + '_section">\n          <div class="' + __Settings_PANEL_CLASS__ + '_section-title">' + this.t('scaleMode') + '</div>\n            <div class="' + __Settings_PANEL_CLASS__ + '_aspect-ratio">\n              ' + this._scaleModes.map(function(item, index) {
+	            return '<button class="' + __Settings_PANEL_CLASS__ + "_ratio-btn " + (_this.settings.scaleMode === index ? "" + __Settings_PANEL_CLASS__ + "_ratio-btn-active" : '') + '" \n                  data-ratio="' + index + '">' + item.label + "</button>";
+	        }).join('') + '\n            </div>\n        </div>\n\n        <div class="' + __Settings_PANEL_CLASS__ + '_section">\n          <div class="' + __Settings_PANEL_CLASS__ + '_section-title">' + this.t('audioSettings') + '</div>\n          <div class="' + __Settings_PANEL_CLASS__ + '_audio-select">\n            <span class="' + __Settings_PANEL_CLASS__ + '_audio-text">' + this.getAudioModeText() + '</span>\n            <span class="' + __Settings_PANEL_CLASS__ + '_audio-arrow">▼</span>\n          </div>\n        </div>\n\n        <div class="' + __Settings_PANEL_CLASS__ + '_section">\n          <div class="' + __Settings_PANEL_CLASS__ + '_toggle-item">\n            <div class="' + __Settings_PANEL_CLASS__ + '_toggle-info">\n              <div class="' + __Settings_PANEL_CLASS__ + '_toggle-title">' + this.t('enableHardwareDecoding') + '</div>\n              <div class="' + __Settings_PANEL_CLASS__ + '_toggle-desc">' + this.t('enableHardwareDecodingDesc') + '</div>\n            </div>\n            <label class="' + __Settings_PANEL_CLASS__ + '_switch">\n              <input type="checkbox" ' + (this.settings.enableHardwareDecoding ? 'checked' : '') + ' data-setting="enableHardwareDecoding">\n              <span class="' + __Settings_PANEL_CLASS__ + '_switch-slider"></span>\n            </label>\n          </div>\n        </div>\n      </div>\n    ';
+	    };
+	    /**
+	   * 获取音频模式文本
+	   * @private
+	   */ _proto.getAudioModeText = function getAudioModeText() {
+	        var modeMap = {
+	            selected: this.t('audioSelected'),
+	            all: this.t('audioAll'),
+	            muted: this.t('audioMutedAll')
+	        };
+	        return modeMap[this.settings.audioMode || 'muted'];
+	    };
+	    /**
+	   * 绑定事件
+	   * @private
+	   */ _proto.bindEvents = function bindEvents() {
+	        var _this = this;
+	        var pickerBody = this.picker.$body;
+	        if (!pickerBody) return;
+	        // 画面比例按钮
+	        var ratioButtons = pickerBody.querySelectorAll("." + __Settings_PANEL_CLASS__ + "_ratio-btn");
+	        ratioButtons.forEach(function(btn) {
+	            btn.addEventListener('click', function() {
+	                var ratioAttr = btn.dataset.ratio;
+	                var ratio = Number(ratioAttr);
+	                if (Number.isNaN(ratio)) return;
+	                _this.setScaleMode(ratio);
+	            });
+	        });
+	        // 音频选择下拉框
+	        var audioTrigger = pickerBody.querySelector("." + __Settings_PANEL_CLASS__ + "_audio-select");
+	        if (audioTrigger) {
+	            this.createAudioPicker(audioTrigger);
+	        }
+	        // 开关按钮
+	        var switches = pickerBody.querySelectorAll("." + __Settings_PANEL_CLASS__ + "_switch input");
+	        switches.forEach(function(input) {
+	            input.addEventListener('change', function(e) {
+	                var target = e.target;
+	                var setting = target.dataset.setting;
+	                var hasChanged = _this.settings[setting] !== target.checked;
+	                if (hasChanged) {
+	                    _this.settings[setting] = target.checked;
+	                    _this.notifyChange();
+	                }
+	            });
+	        });
+	    };
+	    /**
+	   * 创建音频选择器
+	   * @private
+	   */ _proto.createAudioPicker = function createAudioPicker(trigger) {
+	        var _this = this;
+	        var dropdownContent = '\n      <div class="' + __Settings_PANEL_CLASS__ + '_audio-dropdown">\n        <div class="' + __Settings_PANEL_CLASS__ + "_audio-option " + (this.settings.audioMode === 'muted' ? "" + __Settings_PANEL_CLASS__ + "_audio-option-active" : '') + '" \n             data-mode="muted">' + this.t('audioMutedAll') + '</div>\n        <div class="' + __Settings_PANEL_CLASS__ + "_audio-option " + (this.settings.audioMode === 'selected' ? "" + __Settings_PANEL_CLASS__ + "_audio-option-active" : '') + '" \n             data-mode="selected">' + this.t('audioSelected') + '</div>\n        <div class="' + __Settings_PANEL_CLASS__ + "_audio-option " + (this.settings.audioMode === 'all' ? "" + __Settings_PANEL_CLASS__ + "_audio-option-active" : '') + '" \n             data-mode="all">' + this.t('audioAll') + "</div>\n      </div>\n    ";
+	        this.audioPicker = new Picker(trigger, {
+	            placement: 'bl',
+	            trigger: 'hover',
+	            wrapClassName: "" + __Settings_PANEL_CLASS__ + "-audio-dropdown",
+	            getPopupContainer: function() {
+	                return trigger;
+	            }
+	        });
+	        this.audioPicker.innerHTML(dropdownContent);
+	        // 绑定选项点击事件
+	        setTimeout(function() {
+	            var _this_audioPicker;
+	            var pickerBody = (_this_audioPicker = _this.audioPicker) == null ? void 0 : _this_audioPicker.$body;
+	            if (pickerBody) {
+	                pickerBody.addEventListener('click', function(e) {
+	                    var target = e.target;
+	                    var optionEl = target.closest("." + __Settings_PANEL_CLASS__ + "_audio-option");
+	                    if (optionEl) {
+	                        var mode = optionEl.dataset.mode;
+	                        _this.setAudioMode(mode);
+	                        if (_this.audioPicker) _this.audioPicker.open = false;
+	                        e.stopPropagation();
+	                        e.preventDefault();
+	                    }
+	                });
+	            }
+	        }, 0);
+	    };
+	    /**
+	   * 设置画面比例
+	   * @param ratio - 画面比例
+	   */ _proto.setScaleMode = function setScaleMode(ratio) {
+	        var hasChanged = this.settings.scaleMode !== ratio;
+	        if (hasChanged) this.settings.scaleMode = ratio;
+	        // 更新按钮状态
+	        var pickerBody = this.picker.$body;
+	        if (pickerBody) {
+	            var buttons = pickerBody.querySelectorAll("." + __Settings_PANEL_CLASS__ + "_ratio-btn");
+	            buttons.forEach(function(btn) {
+	                if (btn.dataset.ratio === String(ratio)) {
+	                    btn.classList.add("" + __Settings_PANEL_CLASS__ + "_ratio-btn-active");
+	                } else {
+	                    btn.classList.remove("" + __Settings_PANEL_CLASS__ + "_ratio-btn-active");
+	                }
+	            });
+	        }
+	        if (hasChanged) this.notifyChange();
+	    };
+	    /**
+	   * 设置音频模式
+	   * @param mode - 音频模式
+	   */ _proto.setAudioMode = function setAudioMode(mode) {
+	        var hasChanged = this.settings.audioMode !== mode;
+	        if (!hasChanged) return;
+	        if (hasChanged) this.settings.audioMode = mode;
+	        // 更新显示文本
+	        var pickerBody = this.picker.$body;
+	        if (pickerBody) {
+	            var textEl = pickerBody.querySelector("." + __Settings_PANEL_CLASS__ + "_audio-text");
+	            if (textEl) {
+	                textEl.textContent = this.getAudioModeText();
+	            }
+	        }
+	        // 更新下拉选项状态
+	        if (this.audioPicker) {
+	            var _this_audioPicker_$body;
+	            var options = (_this_audioPicker_$body = this.audioPicker.$body) == null ? void 0 : _this_audioPicker_$body.querySelectorAll("." + __Settings_PANEL_CLASS__ + "_audio-option");
+	            options == null ? void 0 : options.forEach(function(opt) {
+	                if (opt.dataset.mode === mode) {
+	                    opt.classList.add("" + __Settings_PANEL_CLASS__ + "_audio-option-active");
+	                } else {
+	                    opt.classList.remove("" + __Settings_PANEL_CLASS__ + "_audio-option-active");
+	                }
+	            });
+	        }
+	        // 关闭下拉框
+	        if (this.audioPicker) {
+	            this.audioPicker.open = false;
+	        }
+	        if (hasChanged) this.notifyChange();
+	    };
+	    /**
+	   * 获取当前设置
+	   */ _proto.getSettings = function getSettings() {
+	        return _extends$4({}, this.settings);
+	    };
+	    /**
+	   * 通知设置变化
+	   * @private
+	   */ _proto.notifyChange = function notifyChange() {
+	        if (this.onChange) {
+	            this.onChange(this.getSettings());
+	        }
+	    };
+	    /**
+	   * 销毁组件
+	   */ _proto.destroy = function destroy() {
+	        if (this.audioPicker) {
+	            this.audioPicker.destroy();
+	        }
+	        if (this.picker) {
+	            this.picker.destroy();
+	        }
+	    };
+	    return SettingsPanel;
+	}();
+
+	function _defineProperties$1(target, props) {
+	    for(var i = 0; i < props.length; i++){
+	        var descriptor = props[i];
+	        descriptor.enumerable = descriptor.enumerable || false;
+	        descriptor.configurable = true;
+	        if ("value" in descriptor) descriptor.writable = true;
+	        Object.defineProperty(target, descriptor.key, descriptor);
+	    }
+	}
+	function _create_class$1(Constructor, protoProps, staticProps) {
+	    if (protoProps) _defineProperties$1(Constructor.prototype, protoProps);
+	    return Constructor;
+	}
+	function _extends$3() {
+	    _extends$3 = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
+	            }
+	        }
+	        return target;
+	    };
+	    return _extends$3.apply(this, arguments);
+	}
+	function _inherits$3(subClass, superClass) {
+	    if (typeof superClass !== "function" && superClass !== null) {
+	        throw new TypeError("Super expression must either be null or a function");
+	    }
+	    subClass.prototype = Object.create(superClass && superClass.prototype, {
+	        constructor: {
+	            value: subClass,
+	            writable: true,
+	            configurable: true
+	        }
+	    });
+	    if (superClass) _set_prototype_of$3(subClass, superClass);
+	}
+	function _set_prototype_of$3(o, p) {
+	    _set_prototype_of$3 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+	        o.__proto__ = p;
+	        return o;
+	    };
+	    return _set_prototype_of$3(o, p);
+	}
+	/**
+	 * 设置控件
+	 * @remarks
+	 * 提供画面比例、声音设置、浏览器硬解等设置选项
+	 * @category Control
+	 * @public
+	 */ var Settings = /*#__PURE__*/ function(Control) {
+	    _inherits$3(Settings, Control);
+	    function Settings(options) {
+	        var _this;
+	        _this = Control.call(this, _extends$3({}, options, {
+	            controlType: 'button',
+	            classNameSuffix: 'settings'
+	        })) || this;
+	        _this._layout = options.layout;
+	        _this._onSettingsChange = options.onSettingsChange;
+	        // 添加特殊的包装类名用于 Picker 定位
+	        _this.$container.classList.add('ez-sl-toolbar-item-settings');
+	        _this._render();
+	        _this._initSettingsPanel();
+	        return _this;
+	    }
+	    var _proto = Settings.prototype;
+	    /**
+	   * 点击控件触发
+	   * @protected
+	   */ _proto._onControlClick = function _onControlClick(e) {
+	        // 点击事件由 SettingsPanel 的 Picker 处理
+	        Control.prototype._onControlClick.call(this, e);
+	    };
+	    /**
+	   * 渲染控件内容
+	   * @private
+	   */ _proto._render = function _render() {
+	        this.$container.innerHTML = ICONS.setting();
+	    };
+	    /**
+	   * 初始化设置面板
+	   * @private
+	   */ _proto._initSettingsPanel = function _initSettingsPanel() {
+	        var _this = this;
+	        // 延迟初始化，确保 DOM 已挂载
+	        setTimeout(function() {
+	            var _this__layout_i18n;
+	            _this._settingsPanel = new SettingsPanel(_this.$container, {
+	                language: ((_this__layout_i18n = _this._layout.i18n) == null ? void 0 : _this__layout_i18n.locale) || 'zh',
+	                i18n: _this._layout.i18n || undefined,
+	                scaleMode: _this._layout.scaleMode,
+	                audioMode: _this._layout.audioMode || "muted",
+	                enableHardwareDecoding: _this._layout.enableHardwareDecoding,
+	                onChange: function(settings) {
+	                    if (settings.audioMode !== _this._layout.audioMode) {
+	                        _this._layout.setAudioMode(settings.audioMode);
+	                    }
+	                    if (settings.enableHardwareDecoding !== _this._layout.enableHardwareDecoding) {
+	                        // 重试初始化播放器生效
+	                        _this._layout.enableHardwareDecoding = settings.enableHardwareDecoding;
+	                    }
+	                    if (settings.scaleMode !== _this._layout.scaleMode) {
+	                        _this._layout.setScaleMode(settings.scaleMode);
+	                    }
+	                    // 触发回调
+	                    _this._onSettingsChange == null ? void 0 : _this._onSettingsChange.call(_this, settings);
+	                    _this.emit("setting:change", settings);
+	                }
+	            });
+	        }, 0);
+	    };
+	    /**
+	   * 销毁控件
+	   * @public
+	   */ _proto.destroy = function destroy() {
+	        if (this._settingsPanel) {
+	            this._settingsPanel.destroy();
+	        }
+	        Control.prototype.destroy.call(this);
+	    };
+	    _create_class$1(Settings, [
+	        {
+	            key: "settingsPanel",
+	            get: /**
+	   * 获取设置面板实例
+	   * @public
+	   */ function get() {
+	                return this._settingsPanel;
+	            }
+	        }
+	    ]);
+	    return Settings;
+	}(Control);
+	Settings.cname = 'settings';
+
+	function _extends$2() {
+	    _extends$2 = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
+	            }
+	        }
+	        return target;
+	    };
+	    return _extends$2.apply(this, arguments);
+	}
+	function _inherits$2(subClass, superClass) {
+	    if (typeof superClass !== "function" && superClass !== null) {
+	        throw new TypeError("Super expression must either be null or a function");
+	    }
+	    subClass.prototype = Object.create(superClass && superClass.prototype, {
+	        constructor: {
+	            value: subClass,
+	            writable: true,
+	            configurable: true
+	        }
+	    });
+	    if (superClass) _set_prototype_of$2(subClass, superClass);
+	}
+	function _set_prototype_of$2(o, p) {
+	    _set_prototype_of$2 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+	        o.__proto__ = p;
+	        return o;
+	    };
+	    return _set_prototype_of$2(o, p);
+	}
+	/**
+	 * 网页全屏控件
+	 * @remarks
+	 * 提供网页全屏功能（伪全屏，仅在网页内全屏）
+	 * @category Control
+	 * @public
+	 */ var WebFullscreen = /*#__PURE__*/ function(Control) {
+	    _inherits$2(WebFullscreen, Control);
+	    function WebFullscreen(options) {
+	        var _this;
+	        _this = Control.call(this, _extends$2({}, options, {
+	            controlType: 'button',
+	            classNameSuffix: 'web-fullscreen'
+	        })) || this;
+	        _this.layout = options.layout;
+	        _this._render();
+	        return _this;
+	    }
+	    var _proto = WebFullscreen.prototype;
+	    /**
+	   * 点击控件触发
+	   * @protected
+	   */ _proto._onControlClick = function _onControlClick(e) {
+	        var _this = this;
+	        this.layout.toggleWebFullscreen == null ? void 0 : this.layout.toggleWebFullscreen.call(this.layout).then(function() {
+	            _this._render();
+	        });
+	        Control.prototype._onControlClick.call(this, e);
+	    };
+	    /**
+	   * 渲染控件内容
+	   * @private
+	   */ _proto._render = function _render() {
+	        this.$container.innerHTML = this.layout.isWebFullscreen ? ICONS.exitWebFullscreen() : ICONS.webFullscreen();
+	    };
+	    /**
+	   * 更新控件显示
+	   * @public
+	   */ _proto.update = function update() {
+	        this._render();
+	    };
+	    return WebFullscreen;
+	}(Control);
+	WebFullscreen.cname = 'webFullscreen';
+
+	function _extends$1() {
+	    _extends$1 = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
+	            }
+	        }
+	        return target;
+	    };
+	    return _extends$1.apply(this, arguments);
+	}
+	function _inherits$1(subClass, superClass) {
+	    if (typeof superClass !== "function" && superClass !== null) {
+	        throw new TypeError("Super expression must either be null or a function");
+	    }
+	    subClass.prototype = Object.create(superClass && superClass.prototype, {
+	        constructor: {
+	            value: subClass,
+	            writable: true,
+	            configurable: true
+	        }
+	    });
+	    if (superClass) _set_prototype_of$1(subClass, superClass);
+	}
+	function _set_prototype_of$1(o, p) {
+	    _set_prototype_of$1 = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+	        o.__proto__ = p;
+	        return o;
+	    };
+	    return _set_prototype_of$1(o, p);
+	}
+	/**
+	 * 全局全屏控件
+	 * @remarks
+	 * 提供浏览器原生全屏功能
+	 * @category Control
+	 * @public
+	 */ var Fullscreen = /*#__PURE__*/ function(Control) {
+	    _inherits$1(Fullscreen, Control);
+	    function Fullscreen(options) {
+	        var _this;
+	        _this = Control.call(this, _extends$1({}, options, {
+	            controlType: 'button',
+	            classNameSuffix: 'fullscreen'
+	        })) || this;
+	        _this.layout = options.layout;
+	        _this._render();
+	        return _this;
+	    }
+	    var _proto = Fullscreen.prototype;
+	    /**
+	   * 点击控件触发
+	   * @protected
+	   */ _proto._onControlClick = function _onControlClick(e) {
+	        var _this = this;
+	        this.layout.toggleFullscreen == null ? void 0 : this.layout.toggleFullscreen.call(this.layout).then(function() {
+	            _this._render();
+	        });
+	        Control.prototype._onControlClick.call(this, e);
+	    };
+	    /**
+	   * 渲染控件内容
+	   * @private
+	   */ _proto._render = function _render() {
+	        this.$container.innerHTML = this.layout.isGlobalFullscreen ? ICONS.exitFullscreen() : ICONS.fullscreen();
+	    };
+	    /**
+	   * 更新控件显示
+	   * @public
+	   */ _proto.update = function update() {
+	        this._render();
+	    };
+	    return Fullscreen;
+	}(Control);
+	Fullscreen.cname = 'fullscreen';
+
+	// Control class constructors for left toolbar
+	var LeftControls = [
+	    Play,
+	    Muted,
+	    Screenshot
+	];
+	// Control class constructors for right toolbar
+	var RightControls = [
+	    Mode,
+	    Settings,
+	    WebFullscreen,
+	    Fullscreen
+	];
+	var __CAN_DISABLED_CONTROL__ = [
+	    'play',
+	    'muted',
+	    'screenshot'
+	];
+
+	/**
+	 * 切换网页全屏模式
+	 * @private
+	 */ function _toggleWebFullscreen(layout) {
+	    if (!layout.isWebFullscreen) {
+	        layout.$container.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "_web-fullscreen");
+	        layout.isWebFullscreen = true;
+	    } else {
+	        layout.$container.classList.remove("" + _EZ_SL_CLASS_PREFIX_ + "_web-fullscreen");
+	        layout.isWebFullscreen = false;
+	    }
+	    layout.emit('fullscreen:change', layout.isWebFullscreen, 'web');
+	    return Promise.resolve();
+	}
+	/**
+	 * 切换全局全屏模式
+	 * @private
+	 */ function _toggleGlobalFullscreen(layout) {
+	    if (!screenfull.isEnabled) {
+	        return Promise.reject();
+	    }
+	    if (!layout.isGlobalFullscreen) {
+	        // prettier-ignore
+	        return screenfull.request(layout.$container).then(function() {
+	            layout.isGlobalFullscreen = true;
+	            layout.emit('fullscreen:change', true, 'global');
+	        }).catch(function(err) {
+	        });
+	    } else {
+	        // prettier-ignore
+	        return screenfull.exit().then(function() {
+	            layout.isGlobalFullscreen = false;
+	            layout.emit('fullscreen:change', false, 'global');
+	        }).catch(function(err) {
+	        });
+	    }
+	}
+
+	function _screenshot(layout, filename, format, quality, type, index) {
+	    var _layout_players__index_screenshot, _layout_players__index;
+	    if (index === undefined) index = layout.current;
+	    if (index < 1 || index > layout._totalScreens) {
+	        return;
+	    }
+	    var _index = index - 1; // 数组下标
+	    if (layout.players[_index]) return (_layout_players__index = layout.players[_index]) == null ? void 0 : (_layout_players__index_screenshot = _layout_players__index.screenshot) == null ? void 0 : _layout_players__index_screenshot.call(_layout_players__index, filename, format, quality, type);
+	}
+
+	function _destroy(layout) {
+	    var _layout_players;
+	    // 销毁播放器
+	    if (((_layout_players = layout.players) == null ? void 0 : _layout_players.length) > 0) {
+	        layout.players.forEach(function(player, index) {
+	            if (player) layout.close(index + 1); // close 方法会销毁播放器并清理分屏数据
+	        });
+	        layout.players = [];
+	    }
+	    // 销毁所有控件
+	    if (layout.controls) {
+	        Object.keys(layout.controls).forEach(function(controlName) {
+	            return layout.controls[controlName].destroy();
+	        });
+	        layout.controls = null;
+	    }
+	    // 移除 screenfull 事件监听器
+	    if (screenfull.isEnabled && layout._fullscreenChangeHandler) {
+	        screenfull.off('change', layout._fullscreenChangeHandler);
+	        layout._fullscreenChangeHandler = null;
+	    }
+	    // 清理国际化
+	    if (layout.i18n) layout.i18n = null;
+	    // 移除所有事件监听器
+	    layout.removeAllListeners();
+	    // 清空容器
+	    layout.$container.innerHTML = '';
+	}
+
+	/* eslint-disable @typescript-eslint/array-type */ /* eslint-disable @typescript-eslint/no-unsafe-argument */ /* eslint-disable @typescript-eslint/promise-function-async */ /* eslint-disable @typescript-eslint/no-explicit-any */ function _defineProperties(target, props) {
+	    for(var i = 0; i < props.length; i++){
+	        var descriptor = props[i];
+	        descriptor.enumerable = descriptor.enumerable || false;
+	        descriptor.configurable = true;
+	        if ("value" in descriptor) descriptor.writable = true;
+	        Object.defineProperty(target, descriptor.key, descriptor);
+	    }
+	}
+	function _create_class(Constructor, protoProps, staticProps) {
+	    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+	    return Constructor;
+	}
+	function _extends() {
+	    _extends = Object.assign || function(target) {
+	        for(var i = 1; i < arguments.length; i++){
+	            var source = arguments[i];
+	            for(var key in source){
+	                if (Object.prototype.hasOwnProperty.call(source, key)) {
+	                    target[key] = source[key];
+	                }
+	            }
+	        }
+	        return target;
+	    };
+	    return _extends.apply(this, arguments);
+	}
+	function _inherits(subClass, superClass) {
+	    if (typeof superClass !== "function" && superClass !== null) {
+	        throw new TypeError("Super expression must either be null or a function");
+	    }
+	    subClass.prototype = Object.create(superClass && superClass.prototype, {
+	        constructor: {
+	            value: subClass,
+	            writable: true,
+	            configurable: true
+	        }
+	    });
+	    if (superClass) _set_prototype_of(subClass, superClass);
+	}
+	function _set_prototype_of(o, p) {
+	    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+	        o.__proto__ = p;
+	        return o;
+	    };
+	    return _set_prototype_of(o, p);
+	}
+	function _type_of(obj) {
+	    "@swc/helpers - typeof";
+	    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+	}
+	/**
+	 * 分屏布局组件
+	 * @remarks
+	 * 支持多种分屏模式、主题切换、国际化、全屏显示等功能
+	 * @example
+	 * ```typescript
+	 * import MultiScreen from '@ezuikit/player-multi-screen';
+	 * import '@ezuikit/player-multi-screen/style.css';
+	 * const layout = new MultiScreen('app', Player{
+	 *   mode: 4,
+	 *   theme: 'dark',
+	 *   language: 'zh',
+	 *   screens: [
+	 *     { url: 'https://www.example.com/video.flv' },
+	 *     { url: 'https://www.example.com/video.flv' }
+	 *   ]
+	 * });
+	 * // 切换分屏模式
+	 * layout.setMode(9);
+	 * // 切换主题
+	 * layout.setTheme('light');
+	 * ```
+	 * @public
+	 */ var MultiScreen = /*#__PURE__*/ function(EventEmitter) {
+	    _inherits(MultiScreen, EventEmitter);
+	    function MultiScreen(containerID, Player, options) {
+	        var _this;
+	        var _this1;
+	        _this = EventEmitter.call(this) || this, /** 播放器实例数组 */ _this.players = [], /** 当前选中的分屏索引 */ _this._current = 0, // private _totalScreens = 4;
+	        _this._isGlobalFullscreenOp = false, /** 控件集合 */ _this.controls = {}, /** 填充模式 */ _this.scaleMode = 1, /** 音频模式 */ _this.audioMode = 'muted', /** 是否正在播放 */ _this.playing = false, /** 是网页全屏 */ _this.isWebFullscreen = false, /** 是全局全屏 */ _this.isGlobalFullscreen = false, /** 是否启用硬件解码 */ _this.enableHardwareDecoding = true, _this.language = 'zh', _this._delegations = [], _this._delegationsClose = [];
+	        // 初始化容器
+	        _this.$container = document.getElementById(containerID);
+	        _this.options = deepmerge.all([
+	            __EZ_SL_OPTIONS__,
+	            options
+	        ], {
+	            clone: false
+	        });
+	        _this._Player = Player;
+	        if (!_this.$container) throw new Error('Container not found');
+	        if (!_this._Player) ;
+	        // 初始化配置
+	        _this.mode = _this.options.mode || 4;
+	        _this.customLayout = _this.options.customLayout;
+	        _this.enableHardwareDecoding = _this.options.enableHardwareDecoding !== false;
+	        _this.language = [
+	            'zh',
+	            'en'
+	        ].includes(_this.options.language) ? _this.options.language : 'zh';
+	        if (((_this1 = options.screens || []) == null ? void 0 : _this1.length) < _this._totalScreens) {
+	            _this._screens = [].concat(options.screens || [], new Array(_this._totalScreens - (options.screens || []).length).fill(null));
+	        } else {
+	            _this._screens = options.screens || [];
+	        }
+	        _this.theme = _this.options.theme || 'dark';
+	        _this.showToolbar = _this.options.showToolbar !== false;
+	        _this.scaleMode = [
+	            0,
+	            1,
+	            2
+	        ].includes(_this.options.scaleMode) ? _this.options.scaleMode : 1;
+	        _this.audioMode = [
+	            'muted',
+	            'all',
+	            'selected'
+	        ].includes(_this.options.audioMode) ? _this.options.audioMode : 'muted';
+	        // 初始化国际化
+	        _this.i18n = new I18n(translations, {
+	            defaultLocale: _this.language
+	        });
+	        // 绑定事件回调
+	        if (options.onScreenClick) _this.on('screen:click', options.onScreenClick);
+	        if (options.onModeChange) _this.on('mode:change', options.onModeChange);
+	        if (options.onFullscreenChange) _this.on('fullscreen:change', options.onFullscreenChange);
+	        // 初始化UI
+	        _this._init();
+	        _this.current = 1;
+	        return _this;
+	    }
+	    var _proto = MultiScreen.prototype;
+	    /**
+	   * 初始化组件
+	   * @private
+	   */ _proto._init = function _init() {
+	        this.$container.classList.add(_EZ_SL_CLASS_PREFIX_);
+	        this.$container.setAttribute('data-theme', this.theme);
+	        // 创建分屏容器
+	        this.$screenContainer = document.createElement('div');
+	        this.$screenContainer.className = "" + _EZ_SL_CLASS_PREFIX_ + "_container";
+	        this.$container.appendChild(this.$screenContainer);
+	        // 创建工具栏
+	        if (this.showToolbar) {
+	            this.toolbar = document.createElement('div');
+	            this.toolbar.className = "" + _EZ_SL_CLASS_PREFIX_ + "_toolbar";
+	            this.$container.appendChild(this.toolbar);
+	            // 创建工具栏左右容器
+	            this.$toolbarLeft = document.createElement('div');
+	            this.$toolbarLeft.className = "" + _EZ_SL_CLASS_PREFIX_ + "_toolbar-left";
+	            this.toolbar.appendChild(this.$toolbarLeft);
+	            this.$toolbarRight = document.createElement('div');
+	            this.$toolbarRight.className = "" + _EZ_SL_CLASS_PREFIX_ + "_toolbar-right";
+	            this.toolbar.appendChild(this.$toolbarRight);
+	            // 初始化控件（在 UI 创建后）
+	            this._initControls(this.options);
+	        }
+	        // 渲染分屏
+	        this._renderScreens();
+	        // 监听全屏变化
+	        this._listenFullscreenChange();
+	    };
+	    /**
+	   * 初始化控件
+	   * @private
+	   */ _proto._initControls = function _initControls(options) {
+	        var _this = this;
+	        if (this.controls === null) this.controls = {};
+	        var leftControls = [].concat(LeftControls, options.plugins || []);
+	        // 处理左侧控件
+	        leftControls.forEach(function(ControlClass) {
+	            var controlName = upperCamel(ControlClass.cname || '');
+	            var optionKey = "" + controlName + "Options";
+	            if (options[optionKey] !== null) {
+	                var control = new ControlClass({
+	                    layout: _this,
+	                    getPopupContainer: function() {
+	                        return _this.$toolbarLeft;
+	                    }
+	                });
+	                _this.controls[ControlClass.cname] = control;
+	            }
+	        });
+	        this._disabledControl();
+	        // 处理右侧控件
+	        RightControls.forEach(function(ControlClass) {
+	            var controlName = upperCamel(ControlClass.cname || '');
+	            var optionKey = "" + controlName + "Options";
+	            if (options[optionKey] !== null) {
+	                var control = new ControlClass({
+	                    layout: _this,
+	                    getPopupContainer: function() {
+	                        return _this.$toolbarRight;
+	                    }
+	                });
+	                _this.controls[ControlClass.cname] = control;
+	            }
+	        });
+	    };
+	    /**
+	   * 渲染分屏列表
+	   * @private
+	   */ _proto._renderScreens = function _renderScreens() {
+	        var _this = this;
+	        var config = this.mode === 'custom' && this.customLayout ? this.customLayout : getLayoutConfig(this.mode);
+	        this.$screenContainer.style.gridTemplateColumns = "repeat(" + config.cols + ", 1fr)";
+	        this.$screenContainer.style.gridTemplateRows = "repeat(" + config.rows + ", 1fr)";
+	        var existingScreens = this.$screenContainer.querySelectorAll("." + _EZ_SL_CLASS_PREFIX_ + "_screen");
+	        // 复用或创建屏幕元素
+	        for(var i = 0; i < this._totalScreens; i++){
+	            var screen = this._screens[i] || {
+	                id: i
+	            };
+	            var screenEl = existingScreens[i];
+	            if (!screenEl) {
+	                // 创建新的屏幕元素
+	                screenEl = this._createScreenElement(screen, i);
+	                this.$screenContainer.appendChild(screenEl);
+	            }
+	        }
+	        if (this._totalScreens < existingScreens.length) this.current = 1;
+	        // 移除多余的屏幕元素
+	        for(var i1 = this._totalScreens; i1 < existingScreens.length; i1++){
+	            if (this.players[i1]) {
+	                var _this_players_i_destroy, _this_players_i;
+	                (_this_players_i = this.players[i1]) == null ? void 0 : (_this_players_i_destroy = _this_players_i.destroy) == null ? void 0 : _this_players_i_destroy.call(_this_players_i);
+	                this.players[i1] = null;
+	            }
+	            existingScreens[i1].remove();
+	        }
+	        if (this._delegations.length > 0) {
+	            this._delegations.forEach(function(delegation) {
+	                return delegation.destroy();
+	            });
+	            this._delegations = [];
+	        }
+	        // 只在首次渲染时绑定事件委托
+	        this._delegations = delegate(this.$screenContainer, "div." + _EZ_SL_CLASS_PREFIX_ + "_screen", 'click', function(event) {
+	            var index = parseInt(event.delegateTarget.dataset.index || '1', 10);
+	            _this.current = index;
+	        });
+	        if (this._delegationsClose.length > 0) {
+	            this._delegationsClose.forEach(function(delegation) {
+	                return delegation.destroy();
+	            });
+	            this._delegationsClose = [];
+	        }
+	        this._delegationsClose = delegate(this.$screenContainer, "div." + _EZ_SL_CLASS_PREFIX_ + "_screen-close", 'click', function(event) {
+	            var $parentEle = event.delegateTarget.parentElement;
+	            var index = parseInt($parentEle.dataset.index || '1', 10);
+	            _this.close(index);
+	        });
+	        var len = this._totalScreens;
+	        for(var i2 = 0; i2 < len; i2++){
+	            if (![
+	                null,
+	                undefined
+	            ].includes(this._screens[i2])) {
+	                if (!this.players[i2]) {
+	                    this.players[i2] = this._initPlayer(_extends({
+	                        scaleMode: this.scaleMode
+	                    }, this._screens[i2], {
+	                        id: "_screen_player_" + (i2 + 1)
+	                    }));
+	                }
+	            } else {
+	                this.players[i2] = null;
+	            }
+	        }
+	        this._disabledControl();
+	    };
+	    _proto._disabledControl = function _disabledControl() {
+	        var _this = this;
+	        var isPlaying = this.players.some(function(player) {
+	            return player == null ? void 0 : player.playing;
+	        });
+	        __CAN_DISABLED_CONTROL__.forEach(function(key) {
+	            if (_this.controls[key]) _this.controls[key].disabled = !isPlaying;
+	        });
+	    };
+	    /**
+	   * 初始化播放器实例
+	   * @param playerOptions Player 播放器的配置
+	   * @returns 播放器实例
+	   * @example
+	   * ```typescript
+	   * const player = layout._initPlayer({
+	   *   url: "https://example.com/video.flv",
+	   *   // 其他播放器配置项...
+	   * });
+	   * ```
+	   */ _proto._initPlayer = function _initPlayer(playerOptions) {
+	        if (this._Player) {
+	            var _document_getElementById;
+	            var $idParentEle = (_document_getElementById = document.getElementById(playerOptions.id)) == null ? void 0 : _document_getElementById.parentElement;
+	            if ($idParentEle) {
+	                var _$placeholder_classList_add, _$placeholder_classList;
+	                var $placeholder = $idParentEle.querySelector("." + _EZ_SL_CLASS_PREFIX_ + "_screen-placeholder");
+	                $placeholder == null ? void 0 : (_$placeholder_classList = $placeholder.classList) == null ? void 0 : (_$placeholder_classList_add = _$placeholder_classList.add) == null ? void 0 : _$placeholder_classList_add.call(_$placeholder_classList, "" + _EZ_SL_CLASS_PREFIX_ + "_hide");
+	            }
+	            if ($idParentEle) {
+	                var _$placeholder_classList_remove, _$placeholder_classList1;
+	                var $placeholder1 = $idParentEle.querySelector("." + _EZ_SL_CLASS_PREFIX_ + "_screen-close");
+	                $placeholder1 == null ? void 0 : (_$placeholder_classList1 = $placeholder1.classList) == null ? void 0 : (_$placeholder_classList_remove = _$placeholder_classList1.remove) == null ? void 0 : _$placeholder_classList_remove.call(_$placeholder_classList1, "" + _EZ_SL_CLASS_PREFIX_ + "_hide");
+	            }
+	            var _playerOptions_muted;
+	            var muted = (_playerOptions_muted = playerOptions.muted) != null ? _playerOptions_muted : this.audioMode === 'all' ? false : this.audioMode === 'muted' ? true : this.audioMode !== 'selected';
+	            try {
+	                return new this._Player(_extends({}, playerOptions, {
+	                    muted: muted,
+	                    staticPath: './flv/',
+	                    language: this.language || 'zh',
+	                    useMSE: this.enableHardwareDecoding
+	                }));
+	            } catch (error) {
+	                return null;
+	            }
+	        } else {
+	            return null;
+	        }
+	    };
+	    /**
+	   * 创建单个分屏元素
+	   * @param screen - 分屏数据
+	   * @param index - 分屏索引
+	   * @returns 分屏 DOM 元素
+	   * @private
+	   */ _proto._createScreenElement = function _createScreenElement(screen, index) {
+	        var _this_i18n;
+	        var _index = index + 1;
+	        var el = document.createElement('div');
+	        el.className = "" + _EZ_SL_CLASS_PREFIX_ + "_screen";
+	        el.dataset.index = String(_index);
+	        // 序号
+	        var number = document.createElement('div');
+	        number.className = "" + _EZ_SL_CLASS_PREFIX_ + "_screen-number";
+	        number.textContent = String(_index);
+	        el.appendChild(number);
+	        var $player = document.createElement('div');
+	        $player.className = "" + _EZ_SL_CLASS_PREFIX_ + "_screen-player";
+	        $player.id = "_screen_player_" + _index;
+	        el.appendChild($player);
+	        var placeholder = String((_this_i18n = this.i18n) == null ? void 0 : _this_i18n.t('clickToSelect'));
+	        if (this.options.placeholder) placeholder = typeof this.options.placeholder === 'function' ? this.options.placeholder() : this.options.placeholder;
+	        if (placeholder !== null) {
+	            var _this_i18n1;
+	            // 仅当 placeholder 为 () => null 时才不显示占位元素
+	            var $placeholder = document.createElement('div');
+	            $placeholder.className = "" + _EZ_SL_CLASS_PREFIX_ + "_screen-placeholder";
+	            $placeholder.innerHTML = placeholder !== undefined ? placeholder : String((_this_i18n1 = this.i18n) == null ? void 0 : _this_i18n1.t('clickToSelect'));
+	            el.appendChild($placeholder);
+	        }
+	        // close
+	        var $close = document.createElement('div');
+	        $close.className = _EZ_SL_CLASS_PREFIX_ + "_screen-close " + _EZ_SL_CLASS_PREFIX_ + "_hide";
+	        $close.innerHTML = ICONS.close();
+	        el.appendChild($close);
+	        return el;
+	    };
+	    /**
+	   * 选中指定分屏
+	   * @param index - 分屏索引
+	   * @private
+	   */ _proto._selectScreen = function _selectScreen(index) {
+	        var _this = this;
+	        // 取消之前的选中
+	        if (this._current >= 1) {
+	            var els = this.$screenContainer.querySelectorAll("." + _EZ_SL_CLASS_PREFIX_ + "_screen-selected");
+	            if (els.length > 0) {
+	                els.forEach(function(el) {
+	                    return el.classList.remove("" + _EZ_SL_CLASS_PREFIX_ + "_screen-selected");
+	                });
+	            }
+	        }
+	        var el = this.$screenContainer.querySelector('[data-index="' + index + '"]');
+	        el == null ? void 0 : el.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "_screen-selected");
+	        if (this.audioMode === 'selected') {
+	            (this.players || []).forEach(function(player, index) {
+	                if (player) {
+	                    if (index === _this.current - 1) player.muted = false;
+	                    else player.muted = true;
+	                }
+	            });
+	        }
+	        var screen = this._screens[index] || {
+	            id: index
+	        };
+	        this.emit('screen:click', index, screen);
+	    };
+	    /**
+	   * 获取国际化翻译文本
+	   * @param key - 翻译键
+	   * @returns 翻译后的文本
+	   */ _proto.t = function t(key) {
+	        var _this_i18n;
+	        return String(((_this_i18n = this.i18n) == null ? void 0 : _this_i18n.t(key)) || key);
+	    };
+	    /**
+	   * 设置分屏模式
+	   * @param mode - 分屏模式（预设模式或自定义布局配置）
+	   * @fires mode:change - 当模式变化时触发
+	   * @example
+	   * ```typescript
+	   * // 使用预设模式
+	   * layout.setMode(9); // 切换为 9 分屏
+	   * // 使用自定义布局
+	   * layout.setMode({ rows: 3, cols: 5 }); // 自定义 3x5 布局 mode 为 'custom'
+	   * ```
+	   */ _proto.setMode = function setMode(mode) {
+	        // 判断是否为自定义布局
+	        if ((typeof mode === "undefined" ? "undefined" : _type_of(mode)) === 'object' && 'rows' in mode && 'cols' in mode) {
+	            this.mode = 'custom';
+	            this.customLayout = mode;
+	            this._renderScreens();
+	            this.emit('mode:change', 'custom');
+	        } else {
+	            this.mode = mode;
+	            this._renderScreens();
+	            this.emit('mode:change', mode);
+	        }
+	        if (this.controls['mode']) {
+	            this.controls['mode'].setMode(this.mode);
+	        }
+	    };
+	    /**
+	   * 设置分屏数据
+	   * @param screen - 分屏数据数
+	   * @param index - 分屏索引(从1开始)（可选），默认当前选中的分屏索引(从1开始)
+	   * @example
+	   * ```typescript
+	   * layout.setScreen({
+	   *   url: "https://example.com/video.flv"
+	   * });
+	   * ```
+	   */ _proto.setScreen = function setScreen(screen, index) {
+	        var _this = this;
+	        if (index === undefined) index = this.current;
+	        if (index < 1 || index > this._totalScreens) {
+	            return;
+	        }
+	        var _index = index - 1; // 数组下标
+	        if (this.players[_index]) {
+	            var // 不对 screen 数据进行对比， 每次都重新创建播放器实例， 以确保播放器状态与 screen 数据完全一致
+	            _this_players__index_destroy, _this_players__index;
+	            (_this_players__index = this.players[_index]) == null ? void 0 : (_this_players__index_destroy = _this_players__index.destroy) == null ? void 0 : _this_players__index_destroy.call(_this_players__index);
+	            this.players[_index] = null;
+	        }
+	        this._screens[_index] = _extends({}, screen, {
+	            id: "_screen_player_" + index
+	        });
+	        setTimeout(function() {
+	            _this.players[_index] = _this._initPlayer(_extends({}, screen, {
+	                id: "_screen_player_" + index
+	            }));
+	            _this._disabledControl();
+	        }, 0);
+	    };
+	    /**
+	   * 关闭指定分屏, 删除对应分屏数据（不可恢复）
+	   * @param index - 分屏索引(从1开始)（可选），默认当前选中的分屏索引(从1开始)
+	   * @example
+	   * ```typescript
+	   * layout.close(1); // 关闭第 1 分屏
+	   * ```
+	   */ _proto.close = function close(index) {
+	        if (index === undefined) index = this.current;
+	        if (index < 1 || index > this._totalScreens) {
+	            return;
+	        }
+	        var _index = index - 1; // 数组下标
+	        this._screens[_index] = null;
+	        if (this.players[_index]) {
+	            var _this_players__index_destroy, _this_players__index;
+	            (_this_players__index = this.players[_index]) == null ? void 0 : (_this_players__index_destroy = _this_players__index.destroy) == null ? void 0 : _this_players__index_destroy.call(_this_players__index);
+	            this.players[_index] = null;
+	        }
+	        var $parentEle = this.$screenContainer.querySelector('[data-index="' + index + '"]');
+	        if ($parentEle) {
+	            var _$parentEle_querySelector, _$parentEle_querySelector_classList_remove, _$parentEle_querySelector_classList, _$parentEle_querySelector1;
+	            (_$parentEle_querySelector = $parentEle.querySelector("." + _EZ_SL_CLASS_PREFIX_ + "_screen-close")) == null ? void 0 : _$parentEle_querySelector.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "_hide");
+	            (_$parentEle_querySelector1 = $parentEle.querySelector("." + _EZ_SL_CLASS_PREFIX_ + "_screen-placeholder")) == null ? void 0 : (_$parentEle_querySelector_classList = _$parentEle_querySelector1.classList) == null ? void 0 : (_$parentEle_querySelector_classList_remove = _$parentEle_querySelector_classList.remove) == null ? void 0 : _$parentEle_querySelector_classList_remove.call(_$parentEle_querySelector_classList, "" + _EZ_SL_CLASS_PREFIX_ + "_hide");
+	        }
+	        this._disabledControl();
+	    };
+	    /**
+	   * 设置主题模式
+	   * @param theme - 主题（'light' 或 'dark'）
+	   * @fires theme:change - 当主题变化时触发
+	   * @example
+	   * ```typescript
+	   * layout.setTheme('light');
+	   * ```
+	   */ _proto.setTheme = function setTheme(theme) {
+	        this.theme = theme;
+	        this.$container.setAttribute('data-theme', theme);
+	        this.emit('theme:change', theme);
+	    };
+	    /**
+	   * 切换网页全屏模式
+	   * @returns Promise - 全屏操作结果
+	   * @example
+	   * ```typescript
+	   * layout.toggleWebFullscreen();
+	   * ```
+	   */ _proto.toggleWebFullscreen = function toggleWebFullscreen() {
+	        var _this = this;
+	        return _toggleWebFullscreen(this).then(function() {
+	            var _this_controls_webFullscreen_update, _this_controls_webFullscreen;
+	            (_this_controls_webFullscreen = _this.controls.webFullscreen) == null ? void 0 : (_this_controls_webFullscreen_update = _this_controls_webFullscreen.update) == null ? void 0 : _this_controls_webFullscreen_update.call(_this_controls_webFullscreen);
+	        });
+	    };
+	    /**
+	   * 切换全局`全屏模式
+	   * @returns Promise - 全屏操作结果
+	   * @example
+	   * ```typescript
+	   * layout.toggleFullscreen();
+	   * ```
+	   */ _proto.toggleFullscreen = function toggleFullscreen() {
+	        this._isGlobalFullscreenOp = true;
+	        return _toggleGlobalFullscreen(this);
+	    };
+	    /**
+	   * 全部播放
+	   * @param index - 窗口索引(从1开始)，不传则全部播放
+	   */ _proto.play = function play(index) {
+	        var list = this._getPlayers(index);
+	        if (list.length > 0) {
+	            list.forEach(function(player) {
+	                if (player) player.play == null ? void 0 : player.play.call(player);
+	            });
+	        }
+	    };
+	    /**
+	   * 全部暂停
+	   * @param index - 窗口索引(从1开始)，不传则全部暂停
+	   */ _proto.pause = function pause(index) {
+	        var list = this._getPlayers(index);
+	        if (list.length > 0) {
+	            list.forEach(function(player) {
+	                if (player) player.pause == null ? void 0 : player.pause.call(player);
+	            });
+	        }
+	    };
+	    /**
+	   * 指定窗口静音或取消静音
+	   * @param {boolean} muted - 是否静音
+	   * @param {number=} index - 窗口索引(从1开始)，空值默认所有窗口
+	   */ _proto.muted = function muted(muted, index) {
+	        if (muted === void 0) muted = true;
+	        var list = this._getPlayers(index);
+	        if (list.length > 0) {
+	            list.forEach(function(player) {
+	                if (player) player.muted = muted;
+	            });
+	        }
+	        // 这里仅做全部静音和全部取消静音状态同步
+	        if (index === undefined && this.controls[Settings.cname]) {
+	            var _this_controls_Settings_cname__settingsPanel_setAudioMode, _this_controls_Settings_cname__settingsPanel, _this_controls_Settings_cname;
+	            (_this_controls_Settings_cname = this.controls[Settings.cname]) == null ? void 0 : (_this_controls_Settings_cname__settingsPanel = _this_controls_Settings_cname._settingsPanel) == null ? void 0 : (_this_controls_Settings_cname__settingsPanel_setAudioMode = _this_controls_Settings_cname__settingsPanel.setAudioMode) == null ? void 0 : _this_controls_Settings_cname__settingsPanel_setAudioMode.call(_this_controls_Settings_cname__settingsPanel, muted ? 'muted' : 'all');
+	        }
+	    };
+	    /**
+	   * @description 截图，调用后弹出下载框保存截图
+	   * @param {string=} filename 保存的文件名, 默认 时间戳
+	   * @param {string=} format 截图的格式，可选png或jpeg或者webp ,默认 png
+	   * @param {number=} quality 当格式是jpeg或者webp时，压缩质量，取值0 ~ 1 ,默认 0.92
+	   * @param {("download" | "base64" | "blob")=} type  download,base64,blob, 默认download
+	   * @param {number=} index - 窗口索引(从1开始)，空值默认当前选中窗口
+	   *
+	   * @returns {string | Blob | undefined}   undefined 代表截图失败
+	   * @example
+	   * ```ts
+	   * player.screenshot()
+	   * player.screenshot("filename", "jpeg", 0.7, "download")
+	   * ```
+	   */ _proto.screenshot = function screenshot(filename, format, quality, type, index) {
+	        if (format === void 0) format = 'png';
+	        if (quality === void 0) quality = 0.92;
+	        if (type === void 0) type = 'download';
+	        return _screenshot(this, filename, format, quality, type, index);
+	    };
+	    /**
+	   * 设置视频画面缩放模式
+	   * @param {0 | 1 | 2} scaleMode - 缩放模式， 0: 窗口铺满， 1: 等比缩放大边铺满， 2: 等比缩放小边铺满
+	   * @param {number=} index - 窗口索引(从1开始)，空值默认所有窗口
+	   */ _proto.setScaleMode = function setScaleMode(scaleMode, index) {
+	        if ([
+	            0,
+	            1,
+	            2
+	        ].includes(scaleMode)) {
+	            this.scaleMode = scaleMode;
+	            var list = this._getPlayers(index);
+	            if (list.length > 0) {
+	                list.forEach(function(player) {
+	                    if (player) player.setScaleMode == null ? void 0 : player.setScaleMode.call(player, scaleMode);
+	                });
+	            }
+	        }
+	    };
+	    /**
+	   * 设置视频画面缩放模式
+	   * @param {SettingsPanelOptions['audioMode']} audioMode - 音频模式 selected: 选中的有声音  all: 所有窗口都有声音  muted: 所有窗口都静音
+	   */ _proto.setAudioMode = function setAudioMode(audioMode) {
+	        var _this = this;
+	        if ([
+	            'selected',
+	            'all',
+	            'muted'
+	        ].includes(audioMode)) {
+	            this.audioMode = audioMode;
+	            switch(audioMode){
+	                case 'muted':
+	                    this.muted(true);
+	                    break;
+	                case 'all':
+	                    this.muted(false);
+	                    break;
+	                case 'selected':
+	                    (this.players || []).forEach(function(player, index) {
+	                        if (player) {
+	                            if (index === _this.current - 1) player.muted = false;
+	                            else player.muted = true;
+	                        }
+	                    });
+	                    break;
+	            }
+	            // 这里仅做 全部静音和全部取消静音状态同步
+	            if (this.controls[Settings.cname]) {
+	                var _this_controls_Settings_cname__settingsPanel_setAudioMode, _this_controls_Settings_cname__settingsPanel, _this_controls_Settings_cname;
+	                (_this_controls_Settings_cname = this.controls[Settings.cname]) == null ? void 0 : (_this_controls_Settings_cname__settingsPanel = _this_controls_Settings_cname._settingsPanel) == null ? void 0 : (_this_controls_Settings_cname__settingsPanel_setAudioMode = _this_controls_Settings_cname__settingsPanel.setAudioMode) == null ? void 0 : _this_controls_Settings_cname__settingsPanel_setAudioMode.call(_this_controls_Settings_cname__settingsPanel, audioMode);
+	            }
+	        }
+	    };
+	    /**
+	   * 重新调整播放器窗口大小
+	   *
+	   * Adjust the player window size
+	   * @param {number | string} width 宽度（容器的宽度，支持 CSS 单位或数字（px））
+	   * @param {number | string} height 高度（容器的高度，支持 CSS 单位或数字（px））
+	   * @example
+	   * ```ts
+	   * layout.resize(600, 400) // 600px * 400px
+	   * layout.resize("600px", "400px") // 600px * 400px
+	   * layout.resize("50%", "1vh")
+	   * layout.resize("2em", "2rem")
+	   * ```
+	   */ _proto.resize = function resize(width, height) {
+	        _resize(this, width, height);
+	    };
+	    /**
+	   * 销毁组件实例
+	   * @remarks
+	   * 清理所有事件监听器和 DOM 元素
+	   * @example
+	   * ```typescript
+	   * layout.destroy();
+	   * ```
+	   */ _proto.destroy = function destroy() {
+	        _destroy(this);
+	    };
+	    /**
+	   * @param {number=} index - 窗口索引(从1开始)，空值默认所有窗口
+	   */ _proto._getPlayers = function _getPlayers(index) {
+	        if (index === undefined || index === null) {
+	            return this.players;
+	        } else if (index >= 1 && index <= this.players.length) {
+	            if (this.players[index - 1]) {
+	                return [
+	                    this.players[index - 1]
+	                ];
+	            }
+	        } else ;
+	        return [];
+	    };
+	    /**
+	   * 监听全屏状态变化
+	   * @private
+	   */ _proto._listenFullscreenChange = function _listenFullscreenChange() {
+	        var _this = this;
+	        if (!screenfull.isEnabled) return;
+	        // 不支持外部实现当前节点全屏， 不做处理， 如果想做请参考 theme 的全屏实现
+	        this._fullscreenChangeHandler = function() {
+	            if (_this._isGlobalFullscreenOp) {
+	                var _this_controls_fullscreen;
+	                _this._isGlobalFullscreenOp = false;
+	                _this.emit('fullscreen:change', false, 'global');
+	                if (_this.isGlobalFullscreen) {
+	                    _this.$container.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "_fullscreen");
+	                } else {
+	                    _this.$container.classList.remove("" + _EZ_SL_CLASS_PREFIX_ + "_fullscreen");
+	                }
+	                if ((_this_controls_fullscreen = _this.controls.fullscreen) == null ? void 0 : _this_controls_fullscreen.update) _this.controls.fullscreen.update();
+	            } else if (!screenfull.isFullscreen && _this.isGlobalFullscreen) {
+	                var _this_controls_fullscreen1;
+	                // 退出
+	                _this.isGlobalFullscreen = false;
+	                if (_this.isGlobalFullscreen) {
+	                    _this.$container.classList.add("" + _EZ_SL_CLASS_PREFIX_ + "_fullscreen");
+	                } else {
+	                    _this.$container.classList.remove("" + _EZ_SL_CLASS_PREFIX_ + "_fullscreen");
+	                }
+	                if ((_this_controls_fullscreen1 = _this.controls.fullscreen) == null ? void 0 : _this_controls_fullscreen1.update) _this.controls.fullscreen.update();
+	            }
+	        };
+	        screenfull.on('change', this._fullscreenChangeHandler);
+	    };
+	    _create_class(MultiScreen, [
+	        {
+	            key: "_totalScreens",
+	            get: function get() {
+	                var config = this.mode === 'custom' && this.customLayout ? this.customLayout : getLayoutConfig(this.mode);
+	                return config.rows * config.cols;
+	            }
+	        },
+	        {
+	            key: "current",
+	            get: function get() {
+	                return this._current;
+	            },
+	            set: function set(index) {
+	                // 防止多次操作
+	                if (this._current === index) return;
+	                this._current = index;
+	                this._selectScreen(index);
+	            }
+	        }
+	    ]);
+	    return MultiScreen;
+	}(EventEmitter);
+	/** 事件常量 */ MultiScreen.EVENTS = EVENTS;
+
+	return MultiScreen;
+
+}));