@yoyaflow/yoya-ui 0.3.3 → 0.4.0

package/dist/yoya.echart.js

@@ -1,900 +1,233 @@
-//#region src/core/access.js
-var e = null;
-function t(e) {
-	if (!e) return null;
-	if (typeof e == "object" && e.code) return {
-		code: e.code,
-		level: e.level === "write" ? "write" : "read"
-	};
-	let t = String(e).trim();
-	return t ? t.startsWith("w.") ? {
-		code: t.slice(2),
-		level: "write"
-	} : t.startsWith("r.") ? {
-		code: t.slice(2),
-		level: "read"
-	} : {
-		code: t,
-		level: "write"
-	} : null;
-}
-function n(t, n) {
-	let r = e;
-	e = t || r;
-	try {
-		return n();
-	} finally {
-		e = r;
-	}
-}
-function r() {
-	return e || null;
-}
-//#endregion
-//#region src/core/node.js
-var i = Symbol.for("yoya.devtools.bridge");
-function a() {
-	return typeof globalThis > "u" ? null : globalThis[i] || null;
-}
-function o() {
-	let e = a();
-	return e ? e.enabled() : !1;
-}
-function s(e) {
-	let t = a();
-	t && t.emit(e);
-}
-function c(e) {
-	let t = a();
-	t && t.unregister(e);
-}
-function l(e) {
-	let t = a();
-	t && t.captureScope(e);
-}
-function u(e) {
-	let t = a();
-	return t ? t.ensureId(e) : void 0;
-}
-function d(e, t, n) {
-	let r = a();
-	r && r.notify(e, t, n);
-}
-function f(e) {
-	let t = a();
-	t && t.commit(e);
-}
-var p = /* @__PURE__ */ new Set([
-	"checked",
-	"disabled",
-	"readonly",
-	"selected"
-]), m = /* @__PURE__ */ new Set([
-	"input",
-	"select",
-	"textarea",
-	"button",
-	"fieldset",
-	"option",
-	"optgroup",
-	"keygen"
-]), h = /* @__PURE__ */ new Set(["input", "textarea"]), g = [];
-function _() {
-	return g.length > 0 ? g[g.length - 1] : null;
-}
-function v(e, t) {
-	g.push(e);
-	try {
-		return t();
-	} finally {
-		g.pop();
-	}
-}
-function y(e, t, n, r) {
-	throw TypeError(`vStateNode binding scope required for function value (${e}${t ? ` "${t}"` : ""})`);
-}
-var b = /* @__PURE__ */ new Set([
-	"area",
-	"base",
-	"br",
-	"col",
-	"embed",
-	"hr",
-	"img",
-	"input",
-	"link",
-	"meta",
-	"param",
-	"source",
-	"track",
-	"wbr"
-]);
-function x(e) {
-	return typeof e == "string" ? document.querySelector(e) : e;
-}
-function S(e) {
-	return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-function C(e) {
-	return p.has(e);
-}
-function w(e, t, n) {
-	if (n == null || n === !1) {
-		if (e.removeAttribute(t), t in e) try {
-			e[t] = !1;
-		} catch {}
-		return;
-	}
-	if (n === !0 || C(t)) {
-		if (e.setAttribute(t, t), t in e) try {
-			e[t] = !0;
-		} catch {}
-		return;
-	}
-	if (e.setAttribute(t, String(n)), t in e) try {
-		e[t] = n;
-	} catch {}
-}
-function T(e) {
-	return Object.entries(e).filter(([, e]) => e != null && e !== "").map(([e, t]) => `${E(e)}:${S(t)}`).join("; ");
-}
-function E(e) {
-	return String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-}
-function D(e, t) {
-	return e === t ? !0 : !e || !t || typeof e != "object" || typeof t != "object" ? !1 : !!e.capture == !!t.capture && !!e.once == !!t.once && !!e.passive == !!t.passive;
-}
-var O = class e {
-	constructor(e = null) {
-		this._children = [], this._childKeys = /* @__PURE__ */ new Map(), this._events = /* @__PURE__ */ new Map(), this._domAdapters = /* @__PURE__ */ new Map(), this._cleanup = [], this._states = {}, this._stateTypes = {}, this._stateHandlers = /* @__PURE__ */ new Map(), this._pendingRemovals = /* @__PURE__ */ new Set(), this._childrenDirty = !1, this._deleted = !1, this._access = null, this._accessContext = r(), o() && l(this), e !== null && this.setup(e);
-	}
-	setup(t) {
-		return typeof t == "function" ? t(this) : t instanceof e ? this.child(t) : typeof t == "string" || typeof t == "number" ? this.text(t) : t && typeof t == "object" && this._setupObject(t), this;
-	}
-	access(e) {
-		let n = t(e);
-		return this._access = n ? {
-			code: n.code,
-			level: "write"
-		} : null, this;
-	}
-	_permissionState() {
-		let e = this._access ?? _();
-		if (!e) return "active";
-		let t = this._accessContext || r();
-		return t ? t.canRead(e.code) ? e.level === "write" && !t.canWrite(e.code) ? "readonly" : "active" : "hidden" : "active";
-	}
-	_applyAccessState(e) {}
-	_setupObject(e) {
-		e.children && this.child(e.children);
-	}
-	children() {
-		return [...this._children];
-	}
-	clearChildren() {
-		let e = this._el && o() && !this._devtoolsRendering ? this._children.map((e) => u(e)) : [];
-		return this._dropChildKeys(this._children), this._children.forEach((e) => {
-			this._pendingRemovals.add(e);
-		}), this._children = [], this._childrenDirty = !0, e.length > 0 && !this._devtoolsRendering && d(this, "child", { removed: e }), this;
-	}
-	addChild(e, t) {
-		let n = String(e);
-		if (this._childKeys.has(n)) throw TypeError(`duplicate key "${n}"`);
-		let r = j(t);
-		if (this._childKeys.set(n, r), typeof r.attr == "function" && r.attr("data-row-key", n), this._pendingRemovals.delete(r), this._children.push(r), this._childrenDirty = !0, this._el) {
-			let e = v(this._access ?? _(), () => r.renderDom());
-			e && e.parentNode !== this._el && this._el.appendChild(e), o() && !this._devtoolsRendering && d(this, "child", { added: [u(r)] });
-		}
-		return this;
-	}
-	getChild(e) {
-		return this._childKeys.get(String(e)) || null;
-	}
-	removeChild(e) {
-		let t = String(e), n = this._childKeys.get(t);
-		if (!n) return this;
-		this._childKeys.delete(t);
-		let r = this._children.indexOf(n);
-		r !== -1 && this._children.splice(r, 1), this._childrenDirty = !0;
-		let i = this._el && o() && !this._devtoolsRendering ? u(n) : null;
-		return n.destroy(), i !== null && d(this, "child", { removed: [i] }), this;
-	}
-	_dropChildKeys(e) {
-		let t = new Set(e);
-		this._childKeys.forEach((e, n) => {
-			t.has(e) && this._childKeys.delete(n);
-		});
-	}
-	child(...e) {
-		return e.flat(Infinity).forEach((e) => {
-			if (e == null) return;
-			let t = j(e);
-			this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0;
-		}), this;
-	}
-	text(e) {
-		return this.child(new k(e));
-	}
-	on(e, t, n) {
-		if (typeof t != "function") throw TypeError("ViewNode event handler must be a function");
-		let r = this._events.get(e);
-		return this._events.set(e, {
-			handler: t,
-			options: n
-		}), this._el && this._bindDomAdapter(e, r?.options, n), this;
-	}
-	off(e) {
-		this._events.delete(e);
-		let t = this._domAdapters.get(e);
-		return t && (t.cleanup(), this._removeCleanup(t.cleanup), this._domAdapters.delete(e)), this;
-	}
-	_bindDomAdapter(e, t, n) {
-		let r = this._domAdapters.get(e);
-		if (r) {
-			if (D(t, n)) return;
-			r.cleanup(), this._removeCleanup(r.cleanup), this._domAdapters.delete(e);
-		}
-		let i = (t) => {
-			let n = this._events.get(e);
-			!n || typeof n.handler != "function" || (n.handler.call(this, t), n.options?.once && this.off(e));
-		}, a = () => {
-			this._el && this._el.removeEventListener(e, i, n);
-		};
-		this._el.addEventListener(e, i, n), this._domAdapters.set(e, { cleanup: a }), this._cleanup.push(a);
-	}
-	_removeCleanup(e) {
-		let t = this._cleanup.indexOf(e);
-		t !== -1 && this._cleanup.splice(t, 1);
-	}
-	registerStateAttrs(...e) {
-		return e.forEach((e) => {
-			if (typeof e == "string") {
-				this._stateTypes[e] = "boolean";
-				return;
-			}
-			e && typeof e == "object" && Object.entries(e).forEach(([e, t]) => {
-				this._stateTypes[e] = t || "boolean";
-			});
-		}), this;
-	}
-	registerStateHandler(e, t) {
-		return this._stateHandlers.has(e) || this._stateHandlers.set(e, []), this._stateHandlers.get(e).push(t), this;
-	}
-	setState(e, t = !0) {
-		let n = this._states[e];
-		return this._states[e] = t, (this._stateHandlers.get(e) || []).forEach((e) => e(t, this, n)), this;
-	}
-	getState(e) {
-		return this._states[e];
-	}
-	getBooleanState(e) {
-		return !!this.getState(e);
-	}
-	getStringState(e) {
-		let t = this.getState(e);
-		return t == null ? "" : String(t);
-	}
-	getNumberState(e) {
-		return Number(this.getState(e) || 0);
-	}
-	renderDom() {
-		return null;
-	}
-	commit() {
-		return this.renderDom();
-	}
-	_commitChildren() {
-		this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._childrenDirty = !1;
-	}
-	bindTo(e) {
-		let t = x(e), n = this.renderDom();
-		return t && n && t.appendChild(n), this;
-	}
-	destroy() {
-		return o() && (s({
-			type: "destroy",
-			node: this
-		}), c(this)), this._deleted = !0, this._cleanup.forEach((e) => e()), this._cleanup = [], this._children.forEach((e) => e.destroy()), this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._children = [], this._childKeys.clear(), this._el?.parentNode && this._el.parentNode.removeChild(this._el), this;
-	}
-	toHTML() {
-		return "";
-	}
-	hydrateSnapshot() {
-		return this;
-	}
-}, k = class extends O {
-	constructor(e = "") {
-		if (super(null), this._content = "", this._textNode = null, typeof e == "function") {
-			y("text", null, e, (e) => this.textContent(e));
-			return;
-		}
-		this._content = String(e);
-	}
-	textContent(e) {
-		if (e === void 0) return this._content;
-		if (typeof e == "function") return y("text", null, e, (e) => this.textContent(e)), this;
-		let t = this._content;
-		return this._content = String(e), this._textNode && (this._textNode.textContent = this._content), this._textNode && o() && !Object.is(t, this._content) && d(this, "text", {
-			from: t,
-			to: this._content
-		}), this;
-	}
-	renderDom() {
-		return this._deleted || this._permissionState() === "hidden" ? null : (this._textNode || (this._textNode = document.createTextNode(this._content), this._el = this._textNode), this._textNode);
-	}
-	toHTML() {
-		return this._deleted || this._permissionState() === "hidden" ? "" : S(this._content);
-	}
-}, A = class extends O {
-	constructor(e) {
-		super(null), this._component = e, this._resolved = null, this._resolvedList = null, this._roots = null, this._fragmentDom = null;
-	}
-	_resolve() {
-		if (this._resolvedList) return this._resolved;
-		let e = n(this._accessContext || r(), () => typeof this._component == "function" ? this._component() : this._component.render()), t = Array.isArray(e) ? e.slice() : [e];
-		return t.forEach((e) => {
-			if (!(e instanceof O)) throw TypeError("Component render must return a ViewNode or an array of ViewNodes");
-		}), this._resolvedList = t, this._resolved = t[0] || null, this._roots = Array.isArray(e) ? t : null, this._component && typeof this._component == "object" && typeof this._component._attachHost == "function" && this._component._attachHost(this), this._resolved;
-	}
-	_resolveList() {
-		return this._resolve(), this._resolvedList || [];
-	}
-	_replaceResolved(e) {
-		let t = this._resolvedList || [], n = Array.isArray(e) ? e.slice() : [e];
-		if (n.forEach((e) => {
-			if (!(e instanceof O)) throw TypeError("Component render must return a ViewNode or an array of ViewNodes");
-		}), t.length === n.length && t.every((e, t) => e === n[t])) return;
-		let r = [];
-		if (this._fragmentDom && this._fragmentDom.length > 0) r.push(...this._fragmentDom);
-		else if (t.length > 0) {
-			let e = t[0]._el;
-			e && e.parentNode && r.push(e);
-		}
-		if (this._resolvedList = n, this._resolved = n[0] || null, this._roots = Array.isArray(e) ? n : null, this._fragmentDom = null, r.length === 0) {
-			t.forEach((e) => e.destroy());
-			return;
-		}
-		let i = _(), a = r[0].parentNode, o = [];
-		n.forEach((e) => {
-			let t = v(this._access ?? i, () => e.renderDom());
-			t && o.push(t);
-		}), o.length > 0 && a && o.forEach((e) => a.insertBefore(e, r[0])), r.forEach((e) => {
-			e.parentNode === a && a.removeChild(e);
-		}), this._roots ? this._fragmentDom = o : this._el = o[0] || null, t.forEach((e) => e.destroy());
-	}
-	children() {
-		return this._resolvedList ? this._roots ? this._resolvedList.flatMap((e) => e.children()) : this._resolvedList[0] ? this._resolvedList[0].children() : [] : [];
-	}
-	textContent() {
-		return this._resolveList().map((e) => typeof e.textContent == "function" ? e.textContent() : "").join("");
-	}
-	renderDom() {
-		if (this._deleted || this._permissionState() === "hidden") return null;
-		let e = _(), t = this._resolveList();
-		if (this._roots) {
-			if (this._fragmentDom) return null;
-			let n = [];
-			t.forEach((t) => {
-				let r = v(this._access ?? e, () => t.renderDom());
-				r && n.push(r);
-			}), this._fragmentDom = n;
-			let r = document.createDocumentFragment();
-			return n.forEach((e) => r.appendChild(e)), r;
-		}
-		let n = t[0];
-		return v(this._access ?? e, () => {
-			let e = n.renderDom();
-			return this._el = e, e;
-		});
-	}
-	toHTML() {
-		if (this._deleted || this._permissionState() === "hidden") return "";
-		let e = _(), t = this._resolveList();
-		return v(this._access ?? e, () => t.map((e) => e.toHTML()).join(""));
-	}
-	destroy() {
-		return this._component && typeof this._component == "object" && typeof this._component.destroy == "function" && this._component.destroy(), (this._resolvedList || []).forEach((e) => e.destroy()), this._fragmentDom = null, super.destroy();
-	}
-};
-function j(e) {
-	if (e instanceof O) return e;
-	if (typeof e == "function" || e && typeof e == "object" && typeof e.render == "function") return new A(e);
-	if (typeof e == "string" || typeof e == "number") return new k(e);
-	throw TypeError("ViewNode child must be a ViewNode, component, string, or number");
-}
-function M(e = null, t = null, n = null) {
-	return typeof t == "function" && n == null ? {
-		first: e,
-		options: null,
-		callback: t
-	} : {
-		first: e,
-		options: t,
-		callback: n
-	};
-}
-function N(e, t) {
-	return !t || typeof t != "object" || Array.isArray(t) ? e : (t.attrs && typeof e.attr == "function" && e.attr(t.attrs), t.style && typeof e.styles == "function" && e.styles(t.style), e);
-}
-var P = class extends O {
-	constructor(e, t = null) {
-		super(null), this._tagName = e, this._attrs = {}, this._styles = {}, this._classes = /* @__PURE__ */ new Set(), this._el = null, t !== null && this.setup(t);
-	}
-	_setupObject(e) {
-		Object.entries(e).forEach(([e, t]) => {
-			if (e === "class" || e === "className") {
-				this.className(t);
-				return;
-			}
-			if (e === "attrs") {
-				this.attr(t);
-				return;
-			}
-			if (e === "style") {
-				this.styles(t);
-				return;
-			}
-			if (e === "children") {
-				this.child(t);
-				return;
-			}
-			if (e.startsWith("on") && typeof t == "function") {
-				this.on(e.slice(2).toLowerCase(), t);
-				return;
-			}
-			if (typeof this[e] == "function") {
-				this[e](t);
-				return;
-			}
-			typeof t != "function" && this.attr(e, t);
-		});
-	}
-	tagName() {
-		return this._tagName;
-	}
-	textContent() {
-		return this._children.map((e) => typeof e.textContent == "function" ? e.textContent() : "").join("");
-	}
-	attr(e, t) {
-		if (t === void 0 && typeof e == "string") return this._attrs[e];
-		if (e && typeof e == "object") return Object.entries(e).forEach(([e, t]) => this.attr(e, t)), this;
-		if (typeof t == "function") return y("attr", e, t, (t) => this.attr(e, t)), this;
-		let n = this._attrs[e];
-		return t == null || t === !1 ? delete this._attrs[e] : this._attrs[e] = t, this._el && w(this._el, e, t), this._el && o() && !this._devtoolsRendering && !Object.is(n, t) && d(this, "attr", {
-			name: e,
-			previous: n,
-			next: t
-		}), this;
-	}
-	id(e) {
-		return e === void 0 ? this.attr("id") : this.attr("id", e);
-	}
-	name(e) {
-		return e === void 0 ? this.attr("name") : this.attr("name", e);
-	}
-	className(...e) {
-		return e.length === 0 ? [...this._classes].join(" ") : (e.flat(Infinity).forEach((e) => {
-			e && String(e).split(/\s+/).filter(Boolean).forEach((e) => this._classes.add(e));
-		}), this._syncClassName(), this);
-	}
-	class(...e) {
-		return this.className(...e);
-	}
-	replaceClassName(e, t, n = !1) {
-		return !e || !t || e === t ? this : this._classes.has(e) ? (this._classes.delete(e), this.className(t)) : n ? this.className(t) : this;
-	}
-	style(e, t) {
-		if (t === void 0 && typeof e == "string") return this._styles[e];
-		if (e && typeof e == "object") return this.styles(e);
-		if (typeof t == "function") return y("style", e, t, (t) => this.style(e, t)), this;
-		let n = this._styles[e];
-		return t == null || t === "" ? delete this._styles[e] : this._styles[e] = t, this._el && (this._el.style[e] = t || ""), this._el && o() && !this._devtoolsRendering && !Object.is(n, t) && d(this, "style", {
-			name: e,
-			previous: n,
-			next: t
-		}), this;
-	}
-	styles(e) {
-		return Object.entries(e || {}).forEach(([e, t]) => this.style(e, t)), this;
-	}
-	child(...e) {
-		let t = this._el && o() && !this._devtoolsRendering ? [] : null;
-		return e.flat(Infinity).forEach((e) => {
-			if (e == null) return;
-			let n = j(e);
-			if (this._pendingRemovals.delete(n), this._children.push(n), this._childrenDirty = !0, this._el) {
-				let e = v(this._access ?? _(), () => n.renderDom());
-				e && e.parentNode !== this._el && this._el.appendChild(e), t && t.push(u(n));
-			}
-		}), t && t.length > 0 && d(this, "child", { added: t }), this;
-	}
-	_applyAccessState(e) {
-		if (e === "readonly") {
-			this._accessAttrsApplied = !0;
-			let e = this._tagName;
-			m.has(e) && this.attr("disabled", !0), h.has(e) && this.attr("readonly", !0), this.attr("aria-disabled", "true");
-			return;
-		}
-		this._accessAttrsApplied && (this._accessAttrsApplied = !1, this.attr("disabled", null), this.attr("readonly", null), this.attr("aria-disabled", null));
-	}
-	renderDom() {
-		if (this._deleted) return null;
-		let e = this._permissionState();
-		if (e === "hidden") return null;
-		let t = this._access ?? _();
-		o() && (this._devtoolsRendering = !0);
-		try {
-			return this._el || (this._el = document.createElement(this._tagName), v(t, () => this._applySnapshotToElement())), this._applyAccessState(e), this._commitChildren(), this._children.forEach((e) => {
-				v(t, () => {
-					let t = e.renderDom();
-					t && t.parentNode !== this._el ? this._el.appendChild(t) : !t && e._el && e._el.parentNode === this._el && this._el.removeChild(e._el);
-				});
-			}), o() && f(this), this._el;
-		} finally {
-			this._devtoolsRendering = !1;
-		}
-	}
-	toHTML() {
-		if (this._deleted) return "";
-		let e = this._permissionState();
-		return e === "hidden" ? "" : (this._applyAccessState(e), v(this._access ?? _(), () => {
-			let e = this._serializeAttributes(), t = e ? `<${this._tagName} ${e}>` : `<${this._tagName}>`;
-			return b.has(this._tagName) ? t : `${t}${this._children.map((e) => e.toHTML()).join("")}</${this._tagName}>`;
-		}));
-	}
-	_applyBindingsToElement() {
-		Object.entries(this._attrs).forEach(([e, t]) => w(this._el, e, t)), this._syncClassName(), Object.entries(this._styles).forEach(([e, t]) => {
-			this._el.style[e] = t;
-		}), this._events.forEach((e, t) => {
-			this._bindDomAdapter(t, void 0, e.options);
-		});
-	}
-	_applySnapshotToElement() {
-		this._applyBindingsToElement(), this._children.forEach((e) => {
-			let t = e.renderDom();
-			t && this._el.appendChild(t);
-		});
-	}
-	_syncClassName() {
-		let e = this._attrs.class, t = [...this._classes].join(" ");
-		t ? this._attrs.class = t : delete this._attrs.class, this._el && (t ? this._el.className = t : this._el.removeAttribute("class"), o() && !this._devtoolsRendering && !Object.is(e, t) && d(this, "attr", {
-			name: "class",
-			previous: e,
-			next: t || void 0
-		}));
-	}
-	_serializeAttributes() {
-		let e = { ...this._attrs }, t = this._serializeStyles();
-		return t && (e.style = e.style ? `${e.style}; ${t}` : t), Object.entries(e).filter(([, e]) => e != null && e !== !1).map(([e, t]) => t === !0 || C(e) ? `${e}="${e}"` : `${e}="${S(t)}"`).join(" ");
-	}
-	_serializeStyles() {
-		return T(this._styles);
-	}
-};
-function F(e, t = P) {
-	return function(n = null, r = null, i = null) {
-		let a = M(n, r, i), o = new t(e, a.first);
-		return N(o, a.options), typeof a.callback == "function" && a.callback(o), o;
-	};
-}
-function I(e, t, n = {}) {
-	let { override: r = !1 } = n;
-	Object.entries(t).forEach(([t, n]) => {
-		!r && e.prototype[t] || (e.prototype[t] = function(...e) {
-			return this.child(n(...e));
-		});
-	});
-}
-//#endregion
-//#region src/html/index.js
-var L = class extends P {}, R = [
-	"a",
-	"abbr",
-	"address",
-	"area",
-	"article",
-	"aside",
-	"audio",
-	"b",
-	"base",
-	"bdi",
-	"bdo",
-	"blockquote",
-	"body",
-	"br",
-	"button",
-	"canvas",
-	"caption",
-	"cite",
-	"code",
-	"col",
-	"colgroup",
-	"data",
-	"datalist",
-	"dd",
-	"del",
-	"details",
-	"dfn",
-	"dialog",
-	"div",
-	"dl",
-	"dt",
-	"em",
-	"embed",
-	"fieldset",
-	"figcaption",
-	"figure",
-	"footer",
-	"form",
-	"h1",
-	"h2",
-	"h3",
-	"h4",
-	"h5",
-	"h6",
-	"head",
-	"header",
-	"hgroup",
-	"hr",
-	"html",
-	"i",
-	"iframe",
-	"img",
-	"input",
-	"ins",
-	"kbd",
-	"label",
-	"legend",
-	"li",
-	"link",
-	"main",
-	"map",
-	"mark",
-	"menu",
-	"meta",
-	"meter",
-	"nav",
-	"noscript",
-	"object",
-	"ol",
-	"optgroup",
-	"option",
-	"output",
-	"p",
-	"picture",
-	"pre",
-	"progress",
-	"q",
-	"rp",
-	"rt",
-	"ruby",
-	"s",
-	"samp",
-	"script",
-	"search",
-	"section",
-	"select",
-	"selectedcontent",
-	"slot",
-	"small",
-	"source",
-	"span",
-	"strong",
-	{
-		name: "style",
-		tagName: "style",
-		aliases: ["styleTag"]
-	},
-	"sub",
-	"summary",
-	"sup",
-	"table",
-	"tbody",
-	"td",
-	"template",
-	"textarea",
-	"tfoot",
-	"th",
-	"thead",
-	"time",
-	"title",
-	"tr",
-	"track",
-	"u",
-	"ul",
-	{
-		name: "varTag",
-		tagName: "var"
-	},
-	"video",
-	"wbr"
-];
-function z() {
-	return R.reduce((e, t) => {
-		let { aliases: n = [], name: r, tagName: i } = W(t), a = F(i, L);
-		return e[r] = a, n.forEach((t) => {
-			e[t] = a;
-		}), e;
-	}, {});
-}
-var B = z();
-I(L, B);
-var { a: ee, abbr: te, address: ne, area: re, article: ie, aside: ae, audio: oe, b: se, base: ce, bdi: le, bdo: ue, blockquote: de, body: V, br: H, button: fe, canvas: pe, caption: me, cite: he, code: ge, col: _e, colgroup: ve, data: ye, datalist: be, dd: xe, del: Se, details: Ce, dfn: we, dialog: Te, div: Ee, dl: De, dt: Oe, em: ke, embed: Ae, fieldset: je, figcaption: Me, figure: Ne, footer: Pe, form: Fe, h1: Ie, h2: Le, h3: Re, h4: ze, h5: Be, h6: Ve, head: He, header: Ue, hgroup: We, hr: Ge, html: Ke, i: qe, iframe: Je, img: Ye, input: Xe, ins: Ze, kbd: Qe, label: $e, legend: et, li: tt, link: nt, main: rt, map: it, mark: at, menu: ot, meta: st, meter: ct, nav: lt, noscript: ut, object: dt, ol: ft, optgroup: pt, option: mt, output: ht, p: gt, picture: _t, pre: vt, progress: yt, q: bt, rp: xt, rt: St, ruby: Ct, s: wt, samp: Tt, script: Et, search: Dt, section: Ot, select: kt, selectedcontent: At, slot: jt, small: Mt, source: Nt, span: Pt, strong: Ft, style: It, styleTag: Lt, sub: Rt, summary: zt, sup: Bt, table: Vt, tbody: Ht, td: Ut, template: Wt, textarea: Gt, tfoot: Kt, th: qt, thead: Jt, time: Yt, title: Xt, tr: U, track: Zt, u: Qt, ul: $t, varTag: en, video: tn, wbr: nn } = B;
-function W(e) {
-	return typeof e == "string" ? {
-		name: e,
-		tagName: e
-	} : e;
-}
-//#endregion
-//#region src/core/document-events.js
-function G(e, t, n = void 0) {
-	return typeof window > "u" ? () => {} : (window.addEventListener(e, t, n), () => {
-		window.removeEventListener(e, t, n);
-	});
-}
-//#endregion
-//#region src/components/shared.js
-var K = "yoya-component";
-function q(e = null, t = null, n = null) {
-	return M(e, t, n);
-}
-function J(e, t) {
-	return typeof e.attr == "function" || typeof e.styles == "function" ? N(e, t) : (typeof e.render == "function" && N(e.render(), t), e);
-}
-function Y(e, t = null, n = null) {
-	return J(e, t), typeof n == "function" && n(e), e;
-}
-function X(e, t = null, n = null, r = null) {
-	let { first: i, options: a, callback: o } = q(t, n, r);
-	return Y(i instanceof e ? i : new e(i), a, o);
-}
-function Z(e) {
-	if (Object.prototype.toString.call(e) !== "[object Object]") return !1;
-	let t = Object.getPrototypeOf(e);
-	return t === Object.prototype || t === null;
-}
-//#endregion
+import { Mi as registerChildFactories, Tt as HtmlElementNode, g as createComponentFactory, h as componentClass, v as isPlainObject, vi as bindWindowEvent } from "./yoya.core.chunk.js";
+
 //#region src/chart/echart.js
-var Q = class extends L {
-	constructor(e = null) {
-		super("div", null), this._autoResize = !0, this._chartInstance = null, this._devicePixelRatio = null, this._echartsLib = null, this._height = "400px", this._loading = !1, this._loadingText = "加载中...", this._onReadyCallbacks = [], this._onResizeCallbacks = [], this._option = null, this._renderer = "canvas", this._resizeObserver = null, this._theme = null, this._width = "100%", this.className(K, "yoya-vechart"), this.styles({
+var VEchart = class extends HtmlElementNode {
+	constructor(setup = null) {
+		super("div", null);
+		this._autoResize = true;
+		this._chartInstance = null;
+		this._devicePixelRatio = null;
+		this._echartsLib = null;
+		this._height = "400px";
+		this._loading = false;
+		this._loadingText = "加载中...";
+		this._onReadyCallbacks = [];
+		this._onResizeCallbacks = [];
+		this._option = null;
+		this._renderer = "canvas";
+		this._resizeObserver = null;
+		this._theme = null;
+		this._width = "100%";
+		this.className(componentClass, "yoya-vechart");
+		this.styles({
 			height: this._height,
 			overflow: "hidden",
 			position: "relative",
 			width: this._width
-		}), this._setupEchart(e);
+		});
+		this._setupEchart(setup);
 	}
-	echartsLib(e) {
-		return e ? this._echartsLib = e : typeof window < "u" && window.echarts && (this._echartsLib = window.echarts), this;
+	echartsLib(lib) {
+		if (lib) this._echartsLib = lib;
+		else if (typeof window !== "undefined" && window.echarts) this._echartsLib = window.echarts;
+		return this;
 	}
-	option(e) {
-		return e === void 0 ? this._option : (this._option = e || null, this._chartInstance && this._echartsLib && this._chartInstance.setOption(this._option, !0), this);
+	option(value) {
+		if (value === void 0) return this._option;
+		this._option = value || null;
+		if (this._chartInstance && this._echartsLib) this._chartInstance.setOption(this._option, true);
+		return this;
 	}
-	width(e) {
-		return e === void 0 ? this._width : (this._width = e, this.style("width", e), this);
+	width(value) {
+		if (value === void 0) return this._width;
+		this._width = value;
+		this.style("width", value);
+		return this;
 	}
-	height(e) {
-		return e === void 0 ? this._height : (this._height = e, this.style("height", e), this);
+	height(value) {
+		if (value === void 0) return this._height;
+		this._height = value;
+		this.style("height", value);
+		return this;
 	}
-	theme(e) {
-		return e === void 0 ? this._theme : (this._theme = e, this);
+	theme(value) {
+		if (value === void 0) return this._theme;
+		this._theme = value;
+		return this;
 	}
-	renderer(e) {
-		return e === void 0 ? this._renderer : (this._renderer = e === "svg" ? "svg" : "canvas", this);
+	renderer(value) {
+		if (value === void 0) return this._renderer;
+		this._renderer = value === "svg" ? "svg" : "canvas";
+		return this;
 	}
-	devicePixelRatio(e) {
-		return e === void 0 ? this._devicePixelRatio : (this._devicePixelRatio = e, this);
+	devicePixelRatio(value) {
+		if (value === void 0) return this._devicePixelRatio;
+		this._devicePixelRatio = value;
+		return this;
 	}
-	autoResize(e) {
-		return e === void 0 ? this._autoResize : (this._autoResize = !!e, this);
+	autoResize(value) {
+		if (value === void 0) return this._autoResize;
+		this._autoResize = Boolean(value);
+		return this;
 	}
-	loading(e, t = "加载中...") {
-		return this._loading = !!e, this._loadingText = t, this._chartInstance && (this._loading ? this._chartInstance.showLoading({
-			color: "var(--yoya-color-primary, #2563eb)",
-			lineWidth: 2,
-			maskColor: "rgba(255, 255, 255, 0.8)",
-			text: t,
-			textColor: "var(--yoya-color-text, #172033)"
-		}) : this._chartInstance.hideLoading()), this;
+	loading(value, text = "加载中...") {
+		this._loading = Boolean(value);
+		this._loadingText = text;
+		if (this._chartInstance) {
+			if (this._loading) this._chartInstance.showLoading({
+				color: "var(--yoya-color-primary, #2563eb)",
+				lineWidth: 2,
+				maskColor: "rgba(255, 255, 255, 0.8)",
+				text,
+				textColor: "var(--yoya-color-text, #172033)"
+			});
+			else this._chartInstance.hideLoading();
+		}
+		return this;
 	}
-	onChartReady(e) {
-		return typeof e == "function" && (this._chartInstance ? e(this._chartInstance) : this._onReadyCallbacks.push(e)), this;
+	onChartReady(callback) {
+		if (typeof callback === "function") {
+			if (this._chartInstance) callback(this._chartInstance);
+			else this._onReadyCallbacks.push(callback);
+		}
+		return this;
 	}
-	onChartResize(e) {
-		return typeof e == "function" && this._onResizeCallbacks.push(e), this;
+	onChartResize(callback) {
+		if (typeof callback === "function") this._onResizeCallbacks.push(callback);
+		return this;
 	}
 	getChartInstance() {
 		return this._chartInstance;
 	}
-	resize(e = {}) {
-		return this._chartInstance && this._chartInstance.resize(e), this;
+	resize(opts = {}) {
+		if (this._chartInstance) this._chartInstance.resize(opts);
+		return this;
 	}
 	clear() {
-		return this._chartInstance && this._chartInstance.clear(), this;
+		if (this._chartInstance) this._chartInstance.clear();
+		return this;
 	}
 	dispose() {
-		return this._disposeChart(), this;
+		this._disposeChart();
+		return this;
 	}
 	destroy() {
-		return this._disposeChart(), super.destroy();
+		this._disposeChart();
+		return super.destroy();
 	}
 	renderDom() {
-		let e = super.renderDom();
-		return e && !this._chartInstance && requestAnimationFrame(() => this._initChart()), e;
-	}
-	_setupEchart(e) {
-		if (e != null) {
-			if (typeof e == "function") {
-				e(this);
-				return;
-			}
-			if (Z(e)) {
-				let { autoResize: t, devicePixelRatio: n, echartsLib: r, height: i, loading: a, loadingText: o, onChartReady: s, onChartResize: c, option: l, renderer: u, theme: d, width: f, ...p } = e;
-				Object.keys(p).length > 0 && this.setup(p), r !== void 0 && this.echartsLib(r), f !== void 0 && this.width(f), i !== void 0 && this.height(i), d !== void 0 && this.theme(d), u !== void 0 && this.renderer(u), n !== void 0 && this.devicePixelRatio(n), t !== void 0 && this.autoResize(t), o !== void 0 && (this._loadingText = o), s !== void 0 && this.onChartReady(s), c !== void 0 && this.onChartResize(c), l !== void 0 && this.option(l), a !== void 0 && this.loading(a, this._loadingText);
-				return;
-			}
-			this.child(e);
+		const element = super.renderDom();
+		if (element && !this._chartInstance) requestAnimationFrame(() => this._initChart());
+		return element;
+	}
+	_setupEchart(setup) {
+		if (setup === null || setup === void 0) return;
+		if (typeof setup === "function") {
+			setup(this);
+			return;
 		}
+		if (isPlainObject(setup)) {
+			const { autoResize, devicePixelRatio, echartsLib, height, loading, loadingText, onChartReady, onChartResize, option, renderer, theme, width, ...elementConfig } = setup;
+			if (Object.keys(elementConfig).length > 0) this.setup(elementConfig);
+			if (echartsLib !== void 0) this.echartsLib(echartsLib);
+			if (width !== void 0) this.width(width);
+			if (height !== void 0) this.height(height);
+			if (theme !== void 0) this.theme(theme);
+			if (renderer !== void 0) this.renderer(renderer);
+			if (devicePixelRatio !== void 0) this.devicePixelRatio(devicePixelRatio);
+			if (autoResize !== void 0) this.autoResize(autoResize);
+			if (loadingText !== void 0) this._loadingText = loadingText;
+			if (onChartReady !== void 0) this.onChartReady(onChartReady);
+			if (onChartResize !== void 0) this.onChartResize(onChartResize);
+			if (option !== void 0) this.option(option);
+			if (loading !== void 0) this.loading(loading, this._loadingText);
+			return;
+		}
+		this.child(setup);
 	}
 	_initChart() {
-		if (!this._deleted) {
-			if (this._echartsLib || this.echartsLib(), !this._echartsLib) {
-				console.warn("[VEchart] ECharts library not provided. Call echartsLib() first.");
-				return;
-			}
-			if (!(this._chartInstance || !this._el)) try {
-				this._chartInstance = this._echartsLib.init(this._el, this._theme, {
-					devicePixelRatio: this._devicePixelRatio,
-					renderer: this._renderer
-				}), this._option && this._chartInstance.setOption(this._option, !0), this._loading && this.loading(!0, this._loadingText), setTimeout(() => {
-					this._chartInstance && !this._chartInstance.isDisposed() && this._chartInstance.resize();
-				}, 100), this._executeReadyCallbacks(), this._autoResize && this._initResizeObserver();
-			} catch (e) {
-				console.error("[VEchart] Failed to initialize chart:", e);
-			}
+		if (this._deleted) return;
+		if (!this._echartsLib) this.echartsLib();
+		if (!this._echartsLib) {
+			console.warn("[VEchart] ECharts library not provided. Call echartsLib() first.");
+			return;
+		}
+		if (this._chartInstance || !this._el) return;
+		try {
+			this._chartInstance = this._echartsLib.init(this._el, this._theme, {
+				devicePixelRatio: this._devicePixelRatio,
+				renderer: this._renderer
+			});
+			if (this._option) this._chartInstance.setOption(this._option, true);
+			if (this._loading) this.loading(true, this._loadingText);
+			setTimeout(() => {
+				if (this._chartInstance && !this._chartInstance.isDisposed()) this._chartInstance.resize();
+			}, 100);
+			this._executeReadyCallbacks();
+			if (this._autoResize) this._initResizeObserver();
+		} catch (error) {
+			console.error("[VEchart] Failed to initialize chart:", error);
 		}
 	}
 	_executeReadyCallbacks() {
-		this._chartInstance && (this._onReadyCallbacks.forEach((e) => {
+		if (!this._chartInstance) return;
+		this._onReadyCallbacks.forEach((callback) => {
 			try {
-				e(this._chartInstance);
-			} catch (e) {
-				console.error("[VEchart] Error in onChartReady callback:", e);
+				callback(this._chartInstance);
+			} catch (error) {
+				console.error("[VEchart] Error in onChartReady callback:", error);
 			}
-		}), this._onReadyCallbacks = []);
+		});
+		this._onReadyCallbacks = [];
 	}
 	_initResizeObserver() {
-		if (typeof ResizeObserver < "u") {
-			this._resizeObserver = new ResizeObserver((e) => {
-				for (let t of e) {
-					let { height: e, width: n } = t.contentRect;
-					this._handleResize(n, e);
+		if (typeof ResizeObserver !== "undefined") {
+			this._resizeObserver = new ResizeObserver((entries) => {
+				for (const entry of entries) {
+					const { height, width } = entry.contentRect;
+					this._handleResize(width, height);
 				}
-			}), this._el && this._resizeObserver.observe(this._el);
+			});
+			if (this._el) this._resizeObserver.observe(this._el);
 			return;
 		}
-		this._resizeHandler = () => this._handleResize(), this._resizeUnbind = G("resize", this._resizeHandler);
+		this._resizeHandler = () => this._handleResize();
+		this._resizeUnbind = bindWindowEvent("resize", this._resizeHandler);
 	}
-	_handleResize(e, t) {
-		this._chartInstance && (this._chartInstance.resize(), this._onResizeCallbacks.forEach((n) => {
+	_handleResize(width, height) {
+		if (!this._chartInstance) return;
+		this._chartInstance.resize();
+		this._onResizeCallbacks.forEach((callback) => {
 			try {
-				n({
-					height: t,
-					width: e
+				callback({
+					height,
+					width
 				});
-			} catch (e) {
-				console.error("[VEchart] Error in onChartResize callback:", e);
+			} catch (error) {
+				console.error("[VEchart] Error in onChartResize callback:", error);
 			}
-		}));
+		});
 	}
 	_disposeChart() {
-		this._resizeObserver &&= (this._resizeObserver.disconnect(), null), this._resizeHandler && (this._resizeUnbind?.(), this._resizeHandler = null, this._resizeUnbind = null), this._chartInstance &&= (this._chartInstance.dispose(), null);
+		if (this._resizeObserver) {
+			this._resizeObserver.disconnect();
+			this._resizeObserver = null;
+		}
+		if (this._resizeHandler) {
+			this._resizeUnbind?.();
+			this._resizeHandler = null;
+			this._resizeUnbind = null;
+		}
+		if (this._chartInstance) {
+			this._chartInstance.dispose();
+			this._chartInstance = null;
+		}
 	}
 };
-function $(e = null, t = null, n = null) {
-	return X(Q, e, t, n);
+function vEchart(first = null, second = null, third = null) {
+	return createComponentFactory(VEchart, first, second, third);
 }
-I(L, { vEchart: $ });
+registerChildFactories(HtmlElementNode, { vEchart });
+
 //#endregion
-export { Q as VEchart, $ as vEchart };
+export { VEchart, vEchart };