@yoyaflow/yoya-ui 0.3.2 → 0.3.3

package/dist/yoya.echart.js

@@ -1,10 +1,99 @@
+//#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 e = /* @__PURE__ */ new Set([
+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"
-]), t = /* @__PURE__ */ new Set([
+]), 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",
@@ -20,23 +109,23 @@ var e = /* @__PURE__ */ new Set([
 	"track",
 	"wbr"
 ]);
-function n(e) {
+function x(e) {
 	return typeof e == "string" ? document.querySelector(e) : e;
 }
-function r(e) {
+function S(e) {
 	return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function i(t) {
-	return e.has(t);
+function C(e) {
+	return p.has(e);
 }
-function a(e, t, n) {
+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 || i(t)) {
+	if (n === !0 || C(t)) {
 		if (e.setAttribute(t, t), t in e) try {
 			e[t] = !0;
 		} catch {}
@@ -46,19 +135,36 @@ function a(e, t, n) {
 		e[t] = n;
 	} catch {}
 }
-function o(e) {
-	return Object.entries(e).filter(([, e]) => e != null && e !== "").map(([e, t]) => `${s(e)}:${r(t)}`).join("; ");
+function T(e) {
+	return Object.entries(e).filter(([, e]) => e != null && e !== "").map(([e, t]) => `${E(e)}:${S(t)}`).join("; ");
 }
-function s(e) {
+function E(e) {
 	return String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
-var c = class e {
+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._events = /* @__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, e !== null && this.setup(e);
+		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);
 	}
@@ -66,25 +172,79 @@ var c = class e {
 		return [...this._children];
 	}
 	clearChildren() {
-		return this._children.forEach((e) => {
+		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, this;
+		}), 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 = d(e);
+			let t = j(e);
 			this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0;
 		}), this;
 	}
 	text(e) {
-		return this.child(new l(e));
+		return this.child(new k(e));
 	}
 	on(e, t, n) {
-		return this._events.has(e) || this._events.set(e, []), this._events.get(e).push({
+		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._el.addEventListener(e, t, n), this._cleanup.push(() => this._el.removeEventListener(e, t, n))), this;
+		}), 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) => {
@@ -127,11 +287,14 @@ var c = class e {
 		this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._childrenDirty = !1;
 	}
 	bindTo(e) {
-		let t = n(e), r = this.renderDom();
-		return t && r && t.appendChild(r), this;
+		let t = x(e), n = this.renderDom();
+		return t && n && t.appendChild(n), this;
 	}
 	destroy() {
-		return 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._el?.parentNode && this._el.parentNode.removeChild(this._el), this;
+		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 "";
@@ -139,55 +302,107 @@ var c = class e {
 	hydrateSnapshot() {
 		return this;
 	}
-}, l = class extends c {
+}, k = class extends O {
 	constructor(e = "") {
-		super(null), this._content = String(e), this._textNode = null;
+		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) {
-		return e === void 0 ? this._content : (this._content = String(e), this._textNode && (this._textNode.textContent = this._content), this);
+		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 ? null : (this._textNode || (this._textNode = document.createTextNode(this._content), this._el = this._textNode), this._textNode);
+		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 ? "" : r(this._content);
+		return this._deleted || this._permissionState() === "hidden" ? "" : S(this._content);
 	}
-}, u = class extends c {
+}, A = class extends O {
 	constructor(e) {
-		super(null), this._component = e, this._resolved = null;
+		super(null), this._component = e, this._resolved = null, this._resolvedList = null, this._roots = null, this._fragmentDom = null;
 	}
 	_resolve() {
-		if (this._resolved) return this._resolved;
-		let e = typeof this._component == "function" ? this._component() : this._component.render();
-		if (!(e instanceof c)) throw TypeError("Component render must return a ViewNode");
-		return this._resolved = e, e;
+		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._resolved ? this._resolved.children() : [];
+		return this._resolvedList ? this._roots ? this._resolvedList.flatMap((e) => e.children()) : this._resolvedList[0] ? this._resolvedList[0].children() : [] : [];
 	}
 	textContent() {
-		let e = this._resolve();
-		return typeof e.textContent == "function" ? e.textContent() : "";
+		return this._resolveList().map((e) => typeof e.textContent == "function" ? e.textContent() : "").join("");
 	}
 	renderDom() {
-		if (this._deleted) return null;
-		let e = this._resolve().renderDom();
-		return this._el = e, e;
+		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() {
-		return this._deleted ? "" : this._resolve().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._resolved && this._resolved.destroy(), super.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 d(e) {
-	if (e instanceof c) return e;
-	if (typeof e == "function" || e && typeof e == "object" && typeof e.render == "function") return new u(e);
-	if (typeof e == "string" || typeof e == "number") return new l(e);
+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 f(e = null, t = null, n = null) {
+function M(e = null, t = null, n = null) {
 	return typeof t == "function" && n == null ? {
 		first: e,
 		options: null,
@@ -198,10 +413,10 @@ function f(e = null, t = null, n = null) {
 		callback: n
 	};
 }
-function p(e, t) {
+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 m = class extends c {
+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);
 	}
@@ -241,7 +456,15 @@ var m = class extends c {
 		return this._children.map((e) => typeof e.textContent == "function" ? e.textContent() : "").join("");
 	}
 	attr(e, t) {
-		return t === void 0 && typeof e == "string" ? this._attrs[e] : e && typeof e == "object" ? (Object.entries(e).forEach(([e, t]) => this.attr(e, t)), this) : (t == null || t === !1 ? delete this._attrs[e] : this._attrs[e] = t, this._el && a(this._el, e, t), this);
+		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);
@@ -261,39 +484,69 @@ var m = class extends c {
 		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) {
-		return t === void 0 && typeof e == "string" ? this._styles[e] : e && typeof e == "object" ? this.styles(e) : (t == null || t === "" ? delete this._styles[e] : this._styles[e] = t, this._el && (this._el.style[e] = t || ""), this);
+		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 t = d(e);
-			if (this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0, this._el) {
-				let e = t.renderDom();
-				e && e.parentNode !== this._el && this._el.appendChild(e);
+			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));
 			}
-		}), this;
+		}), 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() {
-		return this._deleted ? null : (this._el || (this._el = document.createElement(this._tagName), this._applySnapshotToElement()), this._commitChildren(), this._children.forEach((e) => {
-			let t = e.renderDom();
-			t && t.parentNode !== this._el && this._el.appendChild(t);
-		}), this._el);
+		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._serializeAttributes(), n = e ? `<${this._tagName} ${e}>` : `<${this._tagName}>`;
-		return t.has(this._tagName) ? n : `${n}${this._children.map((e) => e.toHTML()).join("")}</${this._tagName}>`;
+		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]) => a(this._el, e, t)), this._syncClassName(), Object.entries(this._styles).forEach(([e, t]) => {
+		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) => {
-			e.forEach(({ handler: e, options: n }) => {
-				this._el.addEventListener(t, e, n), this._cleanup.push(() => this._el.removeEventListener(t, e, n));
-			});
+			this._bindDomAdapter(t, void 0, e.options);
 		});
 	}
 	_applySnapshotToElement() {
@@ -303,24 +556,28 @@ var m = class extends c {
 		});
 	}
 	_syncClassName() {
-		let e = [...this._classes].join(" ");
-		e ? this._attrs.class = e : delete this._attrs.class, this._el && (e ? this._el.className = e : this._el.removeAttribute("class"));
+		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 || i(e) ? `${e}="${e}"` : `${e}="${r(t)}"`).join(" ");
+		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 o(this._styles);
+		return T(this._styles);
 	}
 };
-function h(e, t = m) {
+function F(e, t = P) {
 	return function(n = null, r = null, i = null) {
-		let a = f(n, r, i), o = new t(e, a.first);
-		return p(o, a.options), typeof a.callback == "function" && a.callback(o), o;
+		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 g(e, t, n = {}) {
+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) {
@@ -330,7 +587,7 @@ function g(e, t, n = {}) {
 }
 //#endregion
 //#region src/html/index.js
-var _ = class extends m {}, v = [
+var L = class extends P {}, R = [
 	"a",
 	"abbr",
 	"address",
@@ -452,17 +709,17 @@ var _ = class extends m {}, v = [
 	"video",
 	"wbr"
 ];
-function y() {
-	return v.reduce((e, t) => {
-		let { aliases: n = [], name: r, tagName: i } = W(t), a = h(i, _);
+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 = y();
-g(_, 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: x, br: S, button: C, canvas: w, caption: T, cite: E, code: D, col: O, colgroup: k, data: A, datalist: j, dd: M, del: N, details: P, dfn: F, dialog: I, div: L, dl: R, dt: z, em: B, embed: V, fieldset: H, figcaption: fe, figure: pe, footer: me, form: he, h1: ge, h2: _e, h3: ve, h4: ye, h5: be, h6: xe, head: Se, header: Ce, hgroup: we, hr: Te, html: Ee, i: De, iframe: Oe, img: ke, input: Ae, ins: je, kbd: Me, label: Ne, legend: Pe, li: Fe, link: Ie, main: Le, map: Re, mark: ze, menu: Be, meta: Ve, meter: He, nav: Ue, noscript: We, object: Ge, ol: Ke, optgroup: qe, option: Je, output: Ye, p: Xe, picture: Ze, pre: Qe, progress: $e, q: et, rp: tt, rt: nt, ruby: rt, s: it, samp: at, script: ot, search: st, section: ct, select: lt, selectedcontent: ut, slot: dt, small: ft, source: pt, span: mt, strong: ht, style: gt, styleTag: _t, sub: vt, summary: yt, sup: bt, table: xt, tbody: St, td: Ct, template: wt, textarea: Tt, tfoot: Et, th: Dt, thead: Ot, time: kt, title: At, tr: jt, track: Mt, u: Nt, ul: Pt, varTag: Ft, video: It, wbr: U } = b;
+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,
@@ -480,10 +737,10 @@ function G(e, t, n = void 0) {
 //#region src/components/shared.js
 var K = "yoya-component";
 function q(e = null, t = null, n = null) {
-	return f(e, t, n);
+	return M(e, t, n);
 }
 function J(e, t) {
-	return typeof e.attr == "function" || typeof e.styles == "function" ? p(e, t) : (typeof e.render == "function" && p(e.render(), t), e);
+	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;
@@ -499,7 +756,7 @@ function Z(e) {
 }
 //#endregion
 //#region src/chart/echart.js
-var Q = class extends _ {
+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({
 			height: this._height,
@@ -638,6 +895,6 @@ var Q = class extends _ {
 function $(e = null, t = null, n = null) {
 	return X(Q, e, t, n);
 }
-g(_, { vEchart: $ });
+I(L, { vEchart: $ });
 //#endregion
 export { Q as VEchart, $ as vEchart };