@greypan/web-ui 10.2.1 → 11.1.0

package/dist/components/input-number/index.js

@@ -1,6 +1,6 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import "../icon/index.js";
-import t from "../../assets/glass.js";
+import t from "../../classes/glass.js";
 import n from "../../icons/generated/lucide-plus.js";
 import r from "../../icons/generated/lucide-minus.js";
 import { FormAssociated as i, FormAssociationController as a, defineFormAssociation as o, forwardInputValidity as s } from "../../shared/form-association/index.js";
@@ -9,10 +9,86 @@ import { createFieldId as l } from "../../shared/form-association/field-id.js";
 import u from "./style.js";
 import { LitElement as d, html as f, unsafeCSS as p } from "lit";
 import { customElement as m, property as h, state as g } from "lit/decorators.js";
+import { ifDefined as _ } from "lit/directives/if-defined.js";
 //#region src/components/input-number/index.ts
-var _ = class extends i(d) {
+var v = (e) => {
+	let [t, n = "0"] = e.toString().toLowerCase().split("e");
+	return Math.max(0, (t.split(".")[1]?.length ?? 0) - Number(n));
+}, y = /* @__PURE__ */ new WeakMap();
+function b(e) {
+	return e instanceof Element ? [e, ...e.querySelectorAll("[id], label[for]")].flatMap((e) => e instanceof HTMLLabelElement ? [e.id, e.htmlFor] : [e.id]).filter(Boolean) : [];
+}
+function x(e) {
+	return e instanceof HTMLStyleElement || e instanceof HTMLLinkElement && e.relList.contains("stylesheet");
+}
+function S(e) {
+	return e instanceof Element && x(e) || e instanceof Element && e.querySelector("style, link[rel~=\"stylesheet\"]") !== null;
+}
+function C(e, t, n, r) {
+	let i = y.get(e);
+	if (!i) {
+		let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), r = () => t.forEach((e) => e.onStylesheetChange()), a = (e) => {
+			e.target instanceof HTMLLinkElement && e.target.relList.contains("stylesheet") && r();
+		}, o = new MutationObserver((e) => {
+			let t = /* @__PURE__ */ new Set(), i = !1, a = (e) => {
+				e && n.get(e)?.forEach((e) => t.add(e));
+			};
+			for (let t of e) if (t.type === "attributes") {
+				let e = t.target;
+				t.attributeName === "id" ? (a(t.oldValue), a(e.id)) : t.attributeName === "for" && e instanceof HTMLLabelElement ? (a(t.oldValue), a(e.htmlFor)) : ["disabled", "media"].includes(t.attributeName ?? "") && x(e) && (i = !0);
+			} else if (t.type === "childList") {
+				(t.target instanceof HTMLStyleElement || t.target instanceof HTMLLinkElement) && (i = !0);
+				for (let e of [...t.addedNodes, ...t.removedNodes]) {
+					S(e) && (i = !0);
+					for (let t of b(e)) a(t);
+				}
+			}
+			i && r(), t.forEach((e) => e.onReferenceChange());
+		});
+		i = {
+			observer: o,
+			registrations: t,
+			registrationsById: n,
+			onStylesheetLoad: a,
+			notifyStylesheetChange: r
+		}, y.set(e, i), o.observe(e, {
+			subtree: !0,
+			childList: !0,
+			attributes: !0,
+			attributeFilter: [
+				"id",
+				"for",
+				"disabled",
+				"media"
+			],
+			attributeOldValue: !0
+		}), e.addEventListener("load", a, !0);
+	}
+	let a = {
+		ids: new Set(t),
+		onReferenceChange: n,
+		onStylesheetChange: r
+	};
+	i.registrations.add(a);
+	for (let e of a.ids) {
+		let t = i.registrationsById.get(e) ?? /* @__PURE__ */ new Set();
+		t.add(a), i.registrationsById.set(e, t);
+	}
+	return () => {
+		if (i?.registrations.delete(a)) {
+			for (let e of a.ids) {
+				let t = i.registrationsById.get(e);
+				t?.delete(a), t?.size === 0 && i.registrationsById.delete(e);
+			}
+			i.registrations.size === 0 && (i.observer.disconnect(), e.removeEventListener("load", i.onStylesheetLoad, !0), y.delete(e));
+		}
+	};
+}
+var w = class extends i(d) {
 	constructor(...e) {
-		super(...e), this.placeholder = "", this.name = "", this.disabled = !1, this.readonly = !1, this.required = !1, this._value = 0, this._draft = null, this._min = 0, this._max = Infinity, this._step = 1, this._focused = !1, this._precision = 0, this._fieldId = l("web-ui-input-number"), this._formAssociation = o({
+		super(...e), this.placeholder = "", this.name = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.ariaLabel = null, this._value = 0, this._draft = null, this._min = 0, this._max = Infinity, this._step = 1, this._focused = !1, this._precision = 0, this._precisionWasSet = !1, this._fieldId = l("web-ui-input-number"), this._labelledbyObserver = null, this._releaseLabelledbyReferences = null, this._labelledbyAncestorObserver = null, this._observedLabelledbyRoot = null, this._observedLabelledbyReferenceIds = "", this._observedLabelledbyTargets = [], this._observedLabelledbyMutationTargets = [], this._observedLabelledbyValueControls = [], this._observedLabelledbyAncestors = [], this._observedLabelledbyText = "", this._observedLabelledbyWindow = null, this._onLabelledbyViewportChange = () => this.requestUpdate(), this._onLabelledbyValueChange = () => {
+			this._getLabelledbyText() !== this._observedLabelledbyText && this.requestUpdate();
+		}, this._formAssociation = o({
 			host: this,
 			getState: () => this.value,
 			setState: (e) => {
@@ -35,8 +111,166 @@ var _ = class extends i(d) {
 		return this._precision;
 	}
 	set precision(e) {
-		let t = this._precision;
-		this._precision = e, this.requestUpdate("precision", t);
+		let t = this._precision, n = this._precisionWasSet;
+		this._precision = e ?? 0, this._precisionWasSet = e !== null, e === null ? this.hasAttribute("precision") && this.removeAttribute("precision") : this.getAttribute("precision") !== String(e) && this.setAttribute("precision", String(e)), (t !== this._precision || n !== this._precisionWasSet) && this.requestUpdate();
+	}
+	get _supportsLabelledbyElements() {
+		return typeof Element < "u" && "ariaLabelledByElements" in Element.prototype;
+	}
+	_getLabelledbyIds(e = this.ariaLabelledby) {
+		let t = e?.trim();
+		return t ? t.split(/\s+/).filter(Boolean) : [];
+	}
+	_getLabelledbyTargets(e = null, t = this.ariaLabelledby) {
+		let n = e ?? this.getRootNode();
+		return n instanceof Document || n instanceof ShadowRoot ? this._getLabelledbyIds(t).map((e) => {
+			let t = typeof CSS < "u" && CSS.escape ? CSS.escape(e) : e;
+			return n.querySelector(`#${t}`);
+		}).filter((e) => e !== null) : [];
+	}
+	_getLabelledbyValueControls(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e) n.matches("input, textarea, select") && t.add(n), n.querySelectorAll("input, textarea, select").forEach((e) => t.add(e));
+		return [...t];
+	}
+	_getObservedLabelledbyReferences(e) {
+		return {
+			ids: new Set(this._getLabelledbyIds()),
+			targets: e ? this._getLabelledbyTargets(e) : []
+		};
+	}
+	_isLabelledbyElementHidden(e) {
+		let t = getComputedStyle(e).visibility;
+		if (t === "hidden" || t === "collapse") return !0;
+		let n = e;
+		for (; n;) {
+			let e = getComputedStyle(n);
+			if (n.getAttribute("aria-hidden") === "true" || n.hasAttribute("hidden") || e.display === "none") return !0;
+			if (n.parentElement) n = n.parentElement;
+			else {
+				let e = n.getRootNode();
+				n = e instanceof ShadowRoot ? e.host : null;
+			}
+		}
+		return !1;
+	}
+	_getLabelledbyElementText(e, t = !1, n = !1, r = /* @__PURE__ */ new Set()) {
+		if (r.has(e) || !t && this._isLabelledbyElementHidden(e)) return "";
+		let i = new Set(r);
+		i.add(e);
+		let a = e.getAttribute("aria-label")?.trim();
+		if (a) return a;
+		if (e instanceof HTMLImageElement || e instanceof HTMLAreaElement || e instanceof HTMLInputElement && e.type === "image") {
+			let t = e.getAttribute("alt");
+			if (t !== null) return t.trim();
+		}
+		if (e instanceof HTMLInputElement && [
+			"button",
+			"submit",
+			"reset"
+		].includes(e.type)) {
+			let t = e.value.trim();
+			if (t) return t;
+		}
+		if (e instanceof HTMLInputElement && ["checkbox", "radio"].includes(e.type)) {
+			if (n) return e.checked ? "on" : "off";
+			let r = Array.from(e.labels ?? []);
+			return r.length > 0 ? r.map((e) => this._getLabelledbyElementText(e, t, !1, i)).filter(Boolean).join(" ") : e.getAttribute("title")?.trim() ?? "";
+		}
+		if (e instanceof HTMLInputElement && e.type !== "hidden") {
+			if (n) {
+				let t = e.value.trim();
+				if (t) return t;
+			}
+			let r = Array.from(e.labels ?? []);
+			if (r.length > 0) return r.map((e) => this._getLabelledbyElementText(e, t, !1, i)).filter(Boolean).join(" ");
+		}
+		if (e instanceof HTMLTextAreaElement) {
+			if (n) {
+				let t = e.value.trim();
+				if (t) return t;
+			}
+			let r = Array.from(e.labels ?? []);
+			if (r.length > 0) return r.map((e) => this._getLabelledbyElementText(e, t, !1, i)).filter(Boolean).join(" ");
+		}
+		if (e instanceof HTMLSelectElement) {
+			if (!n) {
+				let n = Array.from(e.labels ?? []);
+				return n.length > 0 ? n.map((e) => this._getLabelledbyElementText(e, t, !1, i)).filter(Boolean).join(" ") : e.getAttribute("title")?.trim() ?? "";
+			}
+			let r = Array.from(e.selectedOptions).map((e) => e.label.trim() || e.textContent?.trim() || "").filter(Boolean).join(" ");
+			if (r) return r;
+		}
+		return Array.from(e.childNodes).map((e) => {
+			if (e.nodeType === Node.TEXT_NODE) return e.textContent ?? "";
+			if (!(e instanceof Element)) return "";
+			let n = e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement;
+			return this._getLabelledbyElementText(e, t, n, i);
+		}).join("").replace(/\s+/g, " ").trim() || e.getAttribute("title")?.trim() || "";
+	}
+	_getLabelledbyText() {
+		return this._getLabelledbyTargets().map((e) => this._getLabelledbyElementText(e, this._isLabelledbyElementHidden(e))).filter(Boolean).join(" ");
+	}
+	_getLabelledbyAncestors(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e) {
+			let e = n;
+			for (; e;) if (t.add(e), e.parentElement) e = e.parentElement;
+			else {
+				let t = e.getRootNode();
+				e = t instanceof ShadowRoot ? t.host : null;
+			}
+		}
+		return [...t];
+	}
+	_syncLabelledbyObserver() {
+		let e = this.getRootNode(), t = e instanceof Document || e instanceof ShadowRoot ? e : null, n = this._getObservedLabelledbyReferences(t), r = [...n.ids].join("\0"), i = n.targets, a = this._getLabelledbyValueControls(i), o = new Set(i);
+		for (let e of a) (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement) && Array.from(e.labels ?? []).forEach((e) => o.add(e));
+		let s = [...o], c = this._getLabelledbyAncestors(s), l = s.length === this._observedLabelledbyMutationTargets.length && s.every((e, t) => e === this._observedLabelledbyMutationTargets[t]), u = a.length === this._observedLabelledbyValueControls.length && a.every((e, t) => e === this._observedLabelledbyValueControls[t]), d = c.length === this._observedLabelledbyAncestors.length && c.every((e, t) => e === this._observedLabelledbyAncestors[t]), f = e !== this._observedLabelledbyRoot, p = this.ariaLabelledby && this.isConnected ? this.ownerDocument.defaultView : null;
+		if (p !== this._observedLabelledbyWindow && (this._observedLabelledbyWindow?.removeEventListener("resize", this._onLabelledbyViewportChange), this._observedLabelledbyWindow = p, this._observedLabelledbyWindow?.addEventListener("resize", this._onLabelledbyViewportChange)), (f || r !== this._observedLabelledbyReferenceIds) && (this._releaseLabelledbyReferences?.(), this._releaseLabelledbyReferences = null, this._observedLabelledbyRoot = e, this._observedLabelledbyReferenceIds = r, this.isConnected && t && n.ids.size > 0 && (this._releaseLabelledbyReferences = C(t, n.ids, () => this.requestUpdate(), () => {
+			this._getLabelledbyText() !== this._observedLabelledbyText && this.requestUpdate();
+		}))), (f || !l) && (this._labelledbyObserver?.disconnect(), this._observedLabelledbyTargets = i, this._observedLabelledbyMutationTargets = s, this.isConnected && s.length > 0)) {
+			this._labelledbyObserver = new MutationObserver(() => {
+				let e = this._getLabelledbyValueControls(this._observedLabelledbyTargets);
+				(e.length !== this._observedLabelledbyValueControls.length || e.some((e, t) => e !== this._observedLabelledbyValueControls[t]) || this._getLabelledbyText() !== this._observedLabelledbyText) && this.requestUpdate();
+			});
+			for (let e of s) this._labelledbyObserver.observe(e, {
+				subtree: !0,
+				childList: !0,
+				characterData: !0,
+				attributes: !0,
+				attributeFilter: [
+					"aria-label",
+					"alt",
+					"value",
+					"title",
+					"type",
+					"aria-hidden",
+					"hidden",
+					"class",
+					"style"
+				]
+			});
+		}
+		if ((f || !u) && (this._observedLabelledbyValueControls.forEach((e) => {
+			e.removeEventListener("input", this._onLabelledbyValueChange), e.removeEventListener("change", this._onLabelledbyValueChange);
+		}), this._observedLabelledbyValueControls = a, this.isConnected && a.forEach((e) => {
+			e.addEventListener("input", this._onLabelledbyValueChange), e.addEventListener("change", this._onLabelledbyValueChange);
+		})), (f || !d) && (this._labelledbyAncestorObserver?.disconnect(), this._observedLabelledbyAncestors = c, this.isConnected && c.length > 0)) {
+			this._labelledbyAncestorObserver = new MutationObserver(() => {
+				this._getLabelledbyText() !== this._observedLabelledbyText && this.requestUpdate();
+			});
+			for (let e of c) this._labelledbyAncestorObserver.observe(e, {
+				attributes: !0,
+				attributeFilter: [
+					"aria-hidden",
+					"hidden",
+					"class",
+					"style"
+				]
+			});
+		}
+		this._observedLabelledbyText = this._getLabelledbyText();
 	}
 	get value() {
 		return this.clamp(this.round(this._value));
@@ -69,30 +303,49 @@ var _ = class extends i(d) {
 	get _effectiveStep() {
 		return this._step;
 	}
+	get _effectivePrecision() {
+		return this._precisionWasSet ? this._precision : Math.max(this._precision, v(this._step));
+	}
 	get atMin() {
 		return this.value <= this._min;
 	}
 	get atMax() {
 		return this.value >= this._max;
 	}
+	connectedCallback() {
+		super.connectedCallback(), this.requestUpdate();
+	}
+	formDisabledCallback(e) {
+		super.formDisabledCallback(e), this.toggleAttribute("data-form-disabled", e);
+	}
 	updated() {
+		if (this._syncLabelledbyObserver(), this._supportsLabelledbyElements) {
+			let e = this.shadowRoot?.querySelector("input");
+			e && (e.ariaLabelledByElements = this._getLabelledbyTargets());
+		}
 		this._syncValidity(), this.toggleAttribute("focused", this._focused);
 	}
+	disconnectedCallback() {
+		this._labelledbyObserver?.disconnect(), this._releaseLabelledbyReferences?.(), this._labelledbyAncestorObserver?.disconnect(), this._labelledbyObserver = null, this._releaseLabelledbyReferences = null, this._labelledbyAncestorObserver = null, this._observedLabelledbyWindow?.removeEventListener("resize", this._onLabelledbyViewportChange), this._observedLabelledbyWindow = null, this._observedLabelledbyRoot = null, this._observedLabelledbyReferenceIds = "", this._observedLabelledbyTargets = [], this._observedLabelledbyMutationTargets = [], this._observedLabelledbyValueControls.forEach((e) => {
+			e.removeEventListener("input", this._onLabelledbyValueChange), e.removeEventListener("change", this._onLabelledbyValueChange);
+		}), this._observedLabelledbyValueControls = [], this._observedLabelledbyAncestors = [], this._observedLabelledbyText = "", super.disconnectedCallback();
+	}
 	_syncValidity() {
 		let e = this.shadowRoot?.querySelector("input"), t = this._formAssociation.getInternals();
 		t && e && typeof t.setValidity == "function" && s(t, e, [
 			"valueMissing",
 			"rangeUnderflow",
-			"rangeOverflow",
-			"stepMismatch"
+			"rangeOverflow"
 		], this._isDisabled);
 	}
 	clamp(e) {
 		return Math.min(this._max, Math.max(this._min, e));
 	}
 	round(e) {
-		let t = 10 ** this.precision;
-		return Math.round(e * t) / t;
+		let t = 10 ** this._effectivePrecision;
+		if (!Number.isFinite(t) || t === 0 || Math.abs(e) > (2 ** 53 - 1) / t) return e;
+		let n = e * t;
+		return Number.isFinite(n) ? Math.round(n) / t : e;
 	}
 	setValueAndNotify(e) {
 		this._draft = null, this.value = this.clamp(this.round(e)), this.dispatchEvent(new Event("input", {
@@ -153,8 +406,11 @@ var _ = class extends i(d) {
         <input
           id=${this._fieldId}
           type="number"
+          step="any"
           placeholder=${this.placeholder}
           name=${this.name}
+          aria-label=${_(this._getLabelledbyText() || this.ariaLabel)}
+          aria-labelledby=${_(this.ariaLabelledby)}
           .value=${this._draft ?? String(this.value)}
           ?disabled=${this._isDisabled}
           ?readonly=${this.readonly}
@@ -180,35 +436,38 @@ var _ = class extends i(d) {
 e([h({
 	type: String,
 	reflect: !0
-})], _.prototype, "placeholder", void 0), e([h({
+})], w.prototype, "placeholder", void 0), e([h({
 	type: String,
 	reflect: !0
-})], _.prototype, "name", void 0), e([h({
+})], w.prototype, "name", void 0), e([h({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "disabled", void 0), e([h({
+})], w.prototype, "disabled", void 0), e([h({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "readonly", void 0), e([h({
+})], w.prototype, "readonly", void 0), e([h({
 	type: Boolean,
 	reflect: !0
-})], _.prototype, "required", void 0), e([h({
-	type: Number,
-	reflect: !0
-})], _.prototype, "precision", null), e([g()], _.prototype, "_value", void 0), e([g()], _.prototype, "_draft", void 0), e([g()], _.prototype, "_min", void 0), e([g()], _.prototype, "_max", void 0), e([g()], _.prototype, "_step", void 0), e([g()], _.prototype, "_focused", void 0), e([h({
+})], w.prototype, "required", void 0), e([h({
+	type: String,
+	attribute: "aria-label"
+})], w.prototype, "ariaLabel", void 0), e([h({
+	type: String,
+	attribute: "aria-labelledby"
+})], w.prototype, "ariaLabelledby", void 0), e([h({ type: Number })], w.prototype, "precision", null), e([g()], w.prototype, "_value", void 0), e([g()], w.prototype, "_draft", void 0), e([g()], w.prototype, "_min", void 0), e([g()], w.prototype, "_max", void 0), e([g()], w.prototype, "_step", void 0), e([g()], w.prototype, "_focused", void 0), e([h({
 	type: Number,
 	reflect: !0
-})], _.prototype, "value", null), e([h({
+})], w.prototype, "value", null), e([h({
 	type: Number,
 	reflect: !0
-})], _.prototype, "min", null), e([h({
+})], w.prototype, "min", null), e([h({
 	type: Number,
 	reflect: !0
-})], _.prototype, "max", null), e([h({
+})], w.prototype, "max", null), e([h({
 	type: Number,
 	reflect: !0
-})], _.prototype, "step", null), _ = e([m("web-ui-input-number")], _);
+})], w.prototype, "step", null), w = e([m("web-ui-input-number")], w);
 //#endregion
-export { _ as WebUiInputNumber };
+export { w as WebUiInputNumber };
 
 //# sourceMappingURL=index.js.map

package/dist/components/input-number/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/input-number/index.ts"],"sourcesContent":["import '@/components/icon'\n\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport { lucideMinus, lucidePlus } from '@/icons'\nimport {\n  FormAssociated,\n  defineFormAssociation,\n  forwardInputValidity,\n  FormAssociationController\n} from '@/shared/form-association'\nimport { createFieldId } from '@/shared/form-association/field-id'\nimport { normalizeNumber } from '@/shared/normalize'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-input-number')\nexport class WebUiInputNumber extends FormAssociated(LitElement) {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true }) placeholder = ''\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) readonly = false\n  @property({ type: Boolean, reflect: true }) required = false\n  @property({ type: Number, reflect: true })\n  get precision(): number {\n    return this._precision\n  }\n  // 精度只影响读取（get value）/提交时的规整，不在赋值时抹掉原始小数：\n  // `<web-ui-input-number value=\"1.5\" precision=\"2\">` 先跑 value setter、\n  // 后跑 precision setter，若赋值时就按当时的默认精度 0 取整，1.5 会先变 2，\n  // 之后再声明 precision=2 也恢复不了。\n  set precision(v: number) {\n    const old = this._precision\n    this._precision = v\n    this.requestUpdate('precision', old)\n  }\n\n  /** 原始值：只做 min/max 收敛，不按精度取整（取整发生在 get value）。 */\n  @state() private _value = 0\n\n  /**\n   * 编辑中的原始文本。null 表示非编辑态，显示由 `value` 派生；\n   * 非 null 时显示原文，避免把用户正在输入的 \"1.\" / \"0.10\" 立刻改写。\n   */\n  @state() private _draft: string | null = null\n  @state() private _min = 0\n  @state() private _max = Infinity\n  @state() private _step = 1\n  @state() private _focused = false\n  private _precision = 0\n  private readonly _fieldId = createFieldId('web-ui-input-number')\n\n  @property({ type: Number, reflect: true })\n  get value(): number {\n    return this.clamp(this.round(this._value))\n  }\n\n  set value(v: number) {\n    const next = this.clamp(v)\n    const old = this._value\n    this._value = next\n    this._formAssociation.sync()\n    this.requestUpdate('value', old)\n  }\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formAssociation.isFormDisabled()\n  }\n\n  @property({ type: Number, reflect: true })\n  get min(): number {\n    return this._min\n  }\n\n  set min(v: unknown) {\n    this._min = normalizeNumber(v, -Infinity, Infinity, 0)\n  }\n\n  @property({ type: Number, reflect: true })\n  get max(): number {\n    return this._max\n  }\n\n  set max(v: unknown) {\n    this._max = normalizeNumber(v, -Infinity, Infinity, Infinity)\n  }\n\n  @property({ type: Number, reflect: true })\n  get step(): number {\n    return this._step\n  }\n\n  // 步进值，默认 1；若声明了 precision 则以 precision 退化步进\n  set step(v: unknown) {\n    this._step = normalizeNumber(v, 0, Infinity, 1)\n  }\n\n  private get _effectiveStep(): number {\n    return this._step\n  }\n\n  private get atMin(): boolean {\n    return this.value <= this._min\n  }\n\n  private get atMax(): boolean {\n    return this.value >= this._max\n  }\n\n  private readonly _formAssociation = defineFormAssociation<number>({\n    host: this,\n    getState: () => this.value,\n    setState: value => {\n      this.value = value\n    },\n    getFormValue: () => String(this.value),\n    getFormState: () => String(this.value),\n    restoreState: state => {\n      if (typeof state !== 'string') return\n      const value = Number(state)\n      if (Number.isFinite(value)) this.value = value\n    },\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  override updated() {\n    this._syncValidity()\n    this.toggleAttribute('focused', this._focused)\n  }\n\n  private _syncValidity() {\n    const input = this.shadowRoot?.querySelector('input')\n    const internals = this._formAssociation.getInternals()\n    if (!internals || !input || typeof internals.setValidity !== 'function') return\n    forwardInputValidity(\n      internals,\n      input,\n      ['valueMissing', 'rangeUnderflow', 'rangeOverflow', 'stepMismatch'],\n      this._isDisabled\n    )\n  }\n\n  private clamp(v: number): number {\n    return Math.min(this._max, Math.max(this._min, v))\n  }\n\n  private round(v: number): number {\n    const f = 10 ** this.precision\n    return Math.round(v * f) / f\n  }\n\n  private setValueAndNotify(v: number) {\n    this._draft = null\n    this.value = this.clamp(this.round(v))\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n  }\n\n  private handleStep(direction: 1 | -1) {\n    if (this._isDisabled || this.readonly) return\n    this.setValueAndNotify(this.value + direction * this._effectiveStep)\n  }\n\n  // 输入过程只更新草稿与可解析的原始值，显示保持在草稿上：\n  // 逐字把 \"1.\" 规整成 \"1\" 会打断输入（与原生 number 输入框的编辑体验一致）。\n  private handleInput(e: Event) {\n    if (this.readonly) return\n    if (!(e.target instanceof HTMLInputElement)) return\n    const raw = e.target.value\n    this._draft = raw\n    const parsed = raw === '' || raw === '-' ? Number.NaN : Number(raw)\n    if (Number.isFinite(parsed)) {\n      this._value = this.clamp(parsed)\n      this._formAssociation.sync()\n    }\n    this._syncValidity()\n  }\n\n  // 原生 change 不 composed，被 shadow root 挡住；文本失焦提交时补发 composed 事件，\n  // 与 ArrowUp/ArrowDown 的 change 行为对齐。\n  // 提交点上做规整：非法/空草稿回填已提交值（value 不变、不派发 change），\n  // 合法草稿写入 value 后由 get value 按精度规整。\n  private handleNativeChange(e: Event) {\n    if (this.readonly) return\n    if (!(e.target instanceof HTMLInputElement)) return\n    const raw = e.target.value\n    this._draft = null\n    const parsed = raw === '' || raw === '-' ? Number.NaN : Number(raw)\n    if (!Number.isFinite(parsed)) {\n      // 回填：草稿清空后显示重新由 value 派生\n      this.requestUpdate()\n      this._syncValidity()\n      return\n    }\n    this._value = this.clamp(parsed)\n    this._formAssociation.sync()\n    this._syncValidity()\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private handleKeydown(e: KeyboardEvent) {\n    if (this._isDisabled || this.readonly) return\n    if (e.key === 'ArrowUp') {\n      e.preventDefault()\n      this.setValueAndNotify(this.value + this._effectiveStep)\n      this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      this.setValueAndNotify(this.value - this._effectiveStep)\n      this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n    }\n  }\n\n  private handleFocus() {\n    if (!this._isDisabled) this._focused = true\n  }\n\n  private handleBlur() {\n    this._focused = false\n    // change 的时序在部分平台晚于 blur；草稿仍存在说明还没提交，直接回填，\n    // 避免「显示空、value 仍是旧值」的持久脱同步。\n    if (this._draft !== null) {\n      this._draft = null\n      this.requestUpdate()\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"wui-glass wui-input-inner\">\n        <button\n          class=\"num-btn\"\n          aria-label=\"Decrease\"\n          ?disabled=${this._isDisabled || this.readonly || this.atMin}\n          @click=${() => this.handleStep(-1)}\n        >\n          <web-ui-icon .icon=${lucideMinus}></web-ui-icon>\n        </button>\n        <input\n          id=${this._fieldId}\n          type=\"number\"\n          placeholder=${this.placeholder}\n          name=${this.name}\n          .value=${this._draft ?? String(this.value)}\n          ?disabled=${this._isDisabled}\n          ?readonly=${this.readonly}\n          ?required=${this.required}\n          @input=${this.handleInput}\n          @change=${this.handleNativeChange}\n          @keydown=${this.handleKeydown}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        />\n        <button\n          class=\"num-btn\"\n          aria-label=\"Increase\"\n          ?disabled=${this._isDisabled || this.readonly || this.atMax}\n          @click=${() => this.handleStep(1)}\n        >\n          <web-ui-icon .icon=${lucidePlus}></web-ui-icon>\n        </button>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-input-number': WebUiInputNumber\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/input-number/index.ts"],"sourcesContent":["import '@/components/icon'\n\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport glass from '@/classes/glass.css?inline'\nimport { lucideMinus, lucidePlus } from '@/icons'\nimport {\n  FormAssociated,\n  defineFormAssociation,\n  forwardInputValidity,\n  FormAssociationController\n} from '@/shared/form-association'\nimport { createFieldId } from '@/shared/form-association/field-id'\nimport { normalizeNumber } from '@/shared/normalize'\n\nimport style from './style.css?inline'\n\nconst decimalPlaces = (value: number): number => {\n  const [numberText, exponent = '0'] = value.toString().toLowerCase().split('e')\n  return Math.max(0, (numberText.split('.')[1]?.length ?? 0) - Number(exponent))\n}\n\ntype LabelledbyRoot = Document | ShadowRoot\n\ninterface LabelledbyReferenceRegistration {\n  ids: Set<string>\n  onReferenceChange: () => void\n  onStylesheetChange: () => void\n}\n\ninterface LabelledbyRootObserver {\n  observer: MutationObserver\n  registrations: Set<LabelledbyReferenceRegistration>\n  registrationsById: Map<string, Set<LabelledbyReferenceRegistration>>\n  onStylesheetLoad: (event: Event) => void\n  notifyStylesheetChange: () => void\n}\n\nconst labelledbyRootObservers = new WeakMap<LabelledbyRoot, LabelledbyRootObserver>()\n\nfunction nodeReferenceIds(node: Node): string[] {\n  if (!(node instanceof Element)) return []\n  const elements = [node, ...node.querySelectorAll('[id], label[for]')]\n  return elements\n    .flatMap(element => (element instanceof HTMLLabelElement ? [element.id, element.htmlFor] : [element.id]))\n    .filter(Boolean)\n}\n\nfunction isStylesheetElement(element: Element): boolean {\n  return (\n    element instanceof HTMLStyleElement ||\n    (element instanceof HTMLLinkElement && element.relList.contains('stylesheet'))\n  )\n}\n\nfunction nodeContainsStylesheet(node: Node): boolean {\n  return (\n    (node instanceof Element && isStylesheetElement(node)) ||\n    (node instanceof Element && node.querySelector('style, link[rel~=\"stylesheet\"]') !== null)\n  )\n}\n\nfunction observeLabelledbyReferences(\n  root: LabelledbyRoot,\n  ids: Set<string>,\n  onReferenceChange: () => void,\n  onStylesheetChange: () => void\n): () => void {\n  let shared = labelledbyRootObservers.get(root)\n\n  if (!shared) {\n    const registrations = new Set<LabelledbyReferenceRegistration>()\n    const registrationsById = new Map<string, Set<LabelledbyReferenceRegistration>>()\n    const notifyStylesheetChange = () => registrations.forEach(registration => registration.onStylesheetChange())\n    const onStylesheetLoad = (event: Event) => {\n      if (event.target instanceof HTMLLinkElement && event.target.relList.contains('stylesheet')) {\n        notifyStylesheetChange()\n      }\n    }\n\n    const observer = new MutationObserver(records => {\n      const changedRegistrations = new Set<LabelledbyReferenceRegistration>()\n      let stylesheetChanged = false\n      const addRegistrationsForId = (id: string | null) => {\n        if (!id) return\n        registrationsById.get(id)?.forEach(registration => changedRegistrations.add(registration))\n      }\n\n      for (const record of records) {\n        if (record.type === 'attributes') {\n          const element = record.target as Element\n          if (record.attributeName === 'id') {\n            addRegistrationsForId(record.oldValue)\n            addRegistrationsForId(element.id)\n          } else if (record.attributeName === 'for' && element instanceof HTMLLabelElement) {\n            addRegistrationsForId(record.oldValue)\n            addRegistrationsForId(element.htmlFor)\n          } else if (['disabled', 'media'].includes(record.attributeName ?? '') && isStylesheetElement(element)) {\n            stylesheetChanged = true\n          }\n        } else if (record.type === 'childList') {\n          if (record.target instanceof HTMLStyleElement || record.target instanceof HTMLLinkElement) {\n            stylesheetChanged = true\n          }\n          for (const node of [...record.addedNodes, ...record.removedNodes]) {\n            if (nodeContainsStylesheet(node)) stylesheetChanged = true\n            for (const id of nodeReferenceIds(node)) addRegistrationsForId(id)\n          }\n        }\n      }\n\n      if (stylesheetChanged) notifyStylesheetChange()\n      changedRegistrations.forEach(registration => registration.onReferenceChange())\n    })\n\n    shared = {\n      observer,\n      registrations,\n      registrationsById,\n      onStylesheetLoad,\n      notifyStylesheetChange\n    }\n    labelledbyRootObservers.set(root, shared)\n    observer.observe(root, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: ['id', 'for', 'disabled', 'media'],\n      attributeOldValue: true\n    })\n    root.addEventListener('load', onStylesheetLoad, true)\n  }\n\n  const registration: LabelledbyReferenceRegistration = {\n    ids: new Set(ids),\n    onReferenceChange,\n    onStylesheetChange\n  }\n  shared.registrations.add(registration)\n  for (const id of registration.ids) {\n    const registrations = shared.registrationsById.get(id) ?? new Set()\n    registrations.add(registration)\n    shared.registrationsById.set(id, registrations)\n  }\n\n  return () => {\n    if (!shared?.registrations.delete(registration)) return\n    for (const id of registration.ids) {\n      const registrations = shared.registrationsById.get(id)\n      registrations?.delete(registration)\n      if (registrations?.size === 0) shared.registrationsById.delete(id)\n    }\n    if (shared.registrations.size === 0) {\n      shared.observer.disconnect()\n      root.removeEventListener('load', shared.onStylesheetLoad, true)\n      labelledbyRootObservers.delete(root)\n    }\n  }\n}\n\n@customElement('web-ui-input-number')\nexport class WebUiInputNumber extends FormAssociated(LitElement) {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true }) placeholder = ''\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) readonly = false\n  @property({ type: Boolean, reflect: true }) required = false\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n  @property({ type: String, attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined\n  @property({ type: Number })\n  get precision(): number {\n    return this._precision\n  }\n  // 精度只影响读取（get value）/提交时的规整，不在赋值时抹掉原始小数：\n  // `<web-ui-input-number value=\"1.5\" precision=\"2\">` 先跑 value setter、\n  // 后跑 precision setter，若赋值时就按当时的默认精度 0 取整，1.5 会先变 2，\n  // 之后再声明 precision=2 也恢复不了。\n  set precision(v: number | null) {\n    const old = this._precision\n    const wasExplicitlySet = this._precisionWasSet\n    this._precision = v ?? 0\n    this._precisionWasSet = v !== null\n\n    if (v === null) {\n      if (this.hasAttribute('precision')) this.removeAttribute('precision')\n    } else if (this.getAttribute('precision') !== String(v)) {\n      this.setAttribute('precision', String(v))\n    }\n\n    if (old !== this._precision || wasExplicitlySet !== this._precisionWasSet) this.requestUpdate()\n  }\n\n  /** 原始值：只做 min/max 收敛，不按精度取整（取整发生在 get value）。 */\n  @state() private _value = 0\n\n  /**\n   * 编辑中的原始文本。null 表示非编辑态，显示由 `value` 派生；\n   * 非 null 时显示原文，避免把用户正在输入的 \"1.\" / \"0.10\" 立刻改写。\n   */\n  @state() private _draft: string | null = null\n  @state() private _min = 0\n  @state() private _max = Infinity\n  @state() private _step = 1\n  @state() private _focused = false\n  private _precision = 0\n  private _precisionWasSet = false\n  private readonly _fieldId = createFieldId('web-ui-input-number')\n  private _labelledbyObserver: MutationObserver | null = null\n  private _releaseLabelledbyReferences: (() => void) | null = null\n  private _labelledbyAncestorObserver: MutationObserver | null = null\n  private _observedLabelledbyRoot: Node | null = null\n  private _observedLabelledbyReferenceIds = ''\n  private _observedLabelledbyTargets: Element[] = []\n  private _observedLabelledbyMutationTargets: Element[] = []\n  private _observedLabelledbyValueControls: Element[] = []\n  private _observedLabelledbyAncestors: Element[] = []\n  private _observedLabelledbyText = ''\n  private _observedLabelledbyWindow: Window | null = null\n  private readonly _onLabelledbyViewportChange = () => this.requestUpdate()\n  private readonly _onLabelledbyValueChange = () => {\n    if (this._getLabelledbyText() !== this._observedLabelledbyText) this.requestUpdate()\n  }\n\n  private get _supportsLabelledbyElements(): boolean {\n    return typeof Element !== 'undefined' && 'ariaLabelledByElements' in Element.prototype\n  }\n\n  private _getLabelledbyIds(idRefs: string | null | undefined = this.ariaLabelledby): string[] {\n    const normalizedIdRefs = idRefs?.trim()\n    return normalizedIdRefs ? normalizedIdRefs.split(/\\s+/).filter(Boolean) : []\n  }\n\n  private _getLabelledbyTargets(\n    root: Document | ShadowRoot | null = null,\n    idRefs: string | null | undefined = this.ariaLabelledby\n  ): Element[] {\n    const scope = root ?? this.getRootNode()\n    if (!(scope instanceof Document || scope instanceof ShadowRoot)) return []\n\n    return this._getLabelledbyIds(idRefs)\n      .map(id => {\n        const escapedId = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(id) : id\n        return scope.querySelector(`#${escapedId}`)\n      })\n      .filter((element): element is Element => element !== null)\n  }\n\n  private _getLabelledbyValueControls(targets: Element[]): Element[] {\n    const controls = new Set<Element>()\n    for (const target of targets) {\n      if (target.matches('input, textarea, select')) controls.add(target)\n      target.querySelectorAll('input, textarea, select').forEach(control => controls.add(control))\n    }\n    return [...controls]\n  }\n\n  private _getObservedLabelledbyReferences(root: Document | ShadowRoot | null): {\n    ids: Set<string>\n    targets: Element[]\n  } {\n    return {\n      ids: new Set(this._getLabelledbyIds()),\n      targets: root ? this._getLabelledbyTargets(root) : []\n    }\n  }\n\n  private _isLabelledbyElementHidden(element: Element): boolean {\n    const visibility = getComputedStyle(element).visibility\n    if (visibility === 'hidden' || visibility === 'collapse') return true\n\n    let current: Element | null = element\n    while (current) {\n      const style = getComputedStyle(current)\n      if (\n        current.getAttribute('aria-hidden') === 'true' ||\n        current.hasAttribute('hidden') ||\n        style.display === 'none'\n      ) {\n        return true\n      }\n\n      if (current.parentElement) {\n        current = current.parentElement\n      } else {\n        const root = current.getRootNode()\n        current = root instanceof ShadowRoot ? root.host : null\n      }\n    }\n    return false\n  }\n\n  private _getLabelledbyElementText(\n    element: Element,\n    includeHidden = false,\n    embeddedControlValue = false,\n    visited = new Set<Element>()\n  ): string {\n    if (visited.has(element)) return ''\n    if (!includeHidden && this._isLabelledbyElementHidden(element)) return ''\n    const nextVisited = new Set(visited)\n    nextVisited.add(element)\n\n    const ariaLabel = element.getAttribute('aria-label')?.trim()\n    if (ariaLabel) return ariaLabel\n\n    if (\n      element instanceof HTMLImageElement ||\n      element instanceof HTMLAreaElement ||\n      (element instanceof HTMLInputElement && element.type === 'image')\n    ) {\n      const alt = element.getAttribute('alt')\n      if (alt !== null) return alt.trim()\n    }\n\n    if (element instanceof HTMLInputElement && ['button', 'submit', 'reset'].includes(element.type)) {\n      const value = element.value.trim()\n      if (value) return value\n    }\n\n    if (element instanceof HTMLInputElement && ['checkbox', 'radio'].includes(element.type)) {\n      if (embeddedControlValue) return element.checked ? 'on' : 'off'\n      const labels = Array.from(element.labels ?? [])\n      if (labels.length > 0) {\n        return labels\n          .map(label => this._getLabelledbyElementText(label, includeHidden, false, nextVisited))\n          .filter(Boolean)\n          .join(' ')\n      }\n      return element.getAttribute('title')?.trim() ?? ''\n    }\n\n    if (element instanceof HTMLInputElement && element.type !== 'hidden') {\n      if (embeddedControlValue) {\n        const value = element.value.trim()\n        if (value) return value\n      }\n      const labels = Array.from(element.labels ?? [])\n      if (labels.length > 0) {\n        return labels\n          .map(label => this._getLabelledbyElementText(label, includeHidden, false, nextVisited))\n          .filter(Boolean)\n          .join(' ')\n      }\n    }\n\n    if (element instanceof HTMLTextAreaElement) {\n      if (embeddedControlValue) {\n        const value = element.value.trim()\n        if (value) return value\n      }\n      const labels = Array.from(element.labels ?? [])\n      if (labels.length > 0) {\n        return labels\n          .map(label => this._getLabelledbyElementText(label, includeHidden, false, nextVisited))\n          .filter(Boolean)\n          .join(' ')\n      }\n    }\n\n    if (element instanceof HTMLSelectElement) {\n      if (!embeddedControlValue) {\n        const labels = Array.from(element.labels ?? [])\n        if (labels.length > 0) {\n          return labels\n            .map(label => this._getLabelledbyElementText(label, includeHidden, false, nextVisited))\n            .filter(Boolean)\n            .join(' ')\n        }\n        return element.getAttribute('title')?.trim() ?? ''\n      }\n\n      const selectedOptions = Array.from(element.selectedOptions)\n        .map(option => option.label.trim() || option.textContent?.trim() || '')\n        .filter(Boolean)\n        .join(' ')\n      if (selectedOptions) return selectedOptions\n    }\n\n    const text = Array.from(element.childNodes)\n      .map(node => {\n        if (node.nodeType === Node.TEXT_NODE) return node.textContent ?? ''\n        if (!(node instanceof Element)) return ''\n        const isControl =\n          node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement || node instanceof HTMLSelectElement\n        return this._getLabelledbyElementText(node, includeHidden, isControl, nextVisited)\n      })\n      .join('')\n      .replace(/\\s+/g, ' ')\n      .trim()\n    return text || element.getAttribute('title')?.trim() || ''\n  }\n\n  private _getLabelledbyText(): string {\n    return this._getLabelledbyTargets()\n      .map(element => this._getLabelledbyElementText(element, this._isLabelledbyElementHidden(element)))\n      .filter(Boolean)\n      .join(' ')\n  }\n\n  private _getLabelledbyAncestors(targets: Element[]): Element[] {\n    const ancestors = new Set<Element>()\n    for (const target of targets) {\n      let current: Element | null = target\n      while (current) {\n        ancestors.add(current)\n        if (current.parentElement) {\n          current = current.parentElement\n        } else {\n          const root = current.getRootNode()\n          current = root instanceof ShadowRoot ? root.host : null\n        }\n      }\n    }\n    return [...ancestors]\n  }\n\n  private _syncLabelledbyObserver() {\n    const root = this.getRootNode()\n    const scope = root instanceof Document || root instanceof ShadowRoot ? root : null\n    const references = this._getObservedLabelledbyReferences(scope)\n    const referenceIds = [...references.ids].join('\\u0000')\n    const targets = references.targets\n    const valueControls = this._getLabelledbyValueControls(targets)\n    const mutationTargets = new Set(targets)\n    for (const control of valueControls) {\n      if (\n        control instanceof HTMLInputElement ||\n        control instanceof HTMLTextAreaElement ||\n        control instanceof HTMLSelectElement\n      ) {\n        Array.from(control.labels ?? []).forEach(label => mutationTargets.add(label))\n      }\n    }\n    const observedTargets = [...mutationTargets]\n    const ancestors = this._getLabelledbyAncestors(observedTargets)\n    const sameMutationTargets =\n      observedTargets.length === this._observedLabelledbyMutationTargets.length &&\n      observedTargets.every((target, index) => target === this._observedLabelledbyMutationTargets[index])\n    const sameValueControls =\n      valueControls.length === this._observedLabelledbyValueControls.length &&\n      valueControls.every((control, index) => control === this._observedLabelledbyValueControls[index])\n    const sameAncestors =\n      ancestors.length === this._observedLabelledbyAncestors.length &&\n      ancestors.every((ancestor, index) => ancestor === this._observedLabelledbyAncestors[index])\n    const rootChanged = root !== this._observedLabelledbyRoot\n    const nextWindow = this.ariaLabelledby && this.isConnected ? this.ownerDocument.defaultView : null\n\n    if (nextWindow !== this._observedLabelledbyWindow) {\n      this._observedLabelledbyWindow?.removeEventListener('resize', this._onLabelledbyViewportChange)\n      this._observedLabelledbyWindow = nextWindow\n      this._observedLabelledbyWindow?.addEventListener('resize', this._onLabelledbyViewportChange)\n    }\n\n    if (rootChanged || referenceIds !== this._observedLabelledbyReferenceIds) {\n      this._releaseLabelledbyReferences?.()\n      this._releaseLabelledbyReferences = null\n      this._observedLabelledbyRoot = root\n      this._observedLabelledbyReferenceIds = referenceIds\n\n      if (this.isConnected && scope && references.ids.size > 0) {\n        this._releaseLabelledbyReferences = observeLabelledbyReferences(\n          scope,\n          references.ids,\n          () => this.requestUpdate(),\n          () => {\n            if (this._getLabelledbyText() !== this._observedLabelledbyText) this.requestUpdate()\n          }\n        )\n      }\n    }\n\n    if (rootChanged || !sameMutationTargets) {\n      this._labelledbyObserver?.disconnect()\n      this._observedLabelledbyTargets = targets\n      this._observedLabelledbyMutationTargets = observedTargets\n\n      if (this.isConnected && observedTargets.length > 0) {\n        this._labelledbyObserver = new MutationObserver(() => {\n          const currentValueControls = this._getLabelledbyValueControls(this._observedLabelledbyTargets)\n          const controlsChanged =\n            currentValueControls.length !== this._observedLabelledbyValueControls.length ||\n            currentValueControls.some((control, index) => control !== this._observedLabelledbyValueControls[index])\n          if (controlsChanged || this._getLabelledbyText() !== this._observedLabelledbyText) this.requestUpdate()\n        })\n\n        for (const target of observedTargets) {\n          // button/submit/reset 的 value IDL 在 default mode，property 赋值会反射到 value attribute。\n          this._labelledbyObserver.observe(target, {\n            subtree: true,\n            childList: true,\n            characterData: true,\n            attributes: true,\n            attributeFilter: ['aria-label', 'alt', 'value', 'title', 'type', 'aria-hidden', 'hidden', 'class', 'style']\n          })\n        }\n      }\n    }\n\n    if (rootChanged || !sameValueControls) {\n      this._observedLabelledbyValueControls.forEach(control => {\n        control.removeEventListener('input', this._onLabelledbyValueChange)\n        control.removeEventListener('change', this._onLabelledbyValueChange)\n      })\n      this._observedLabelledbyValueControls = valueControls\n      if (this.isConnected) {\n        valueControls.forEach(control => {\n          control.addEventListener('input', this._onLabelledbyValueChange)\n          control.addEventListener('change', this._onLabelledbyValueChange)\n        })\n      }\n    }\n\n    if (rootChanged || !sameAncestors) {\n      this._labelledbyAncestorObserver?.disconnect()\n      this._observedLabelledbyAncestors = ancestors\n\n      if (this.isConnected && ancestors.length > 0) {\n        this._labelledbyAncestorObserver = new MutationObserver(() => {\n          if (this._getLabelledbyText() !== this._observedLabelledbyText) this.requestUpdate()\n        })\n        for (const ancestor of ancestors) {\n          this._labelledbyAncestorObserver.observe(ancestor, {\n            attributes: true,\n            attributeFilter: ['aria-hidden', 'hidden', 'class', 'style']\n          })\n        }\n      }\n    }\n\n    this._observedLabelledbyText = this._getLabelledbyText()\n  }\n\n  @property({ type: Number, reflect: true })\n  get value(): number {\n    return this.clamp(this.round(this._value))\n  }\n\n  set value(v: number) {\n    const next = this.clamp(v)\n    const old = this._value\n    this._value = next\n    this._formAssociation.sync()\n    this.requestUpdate('value', old)\n  }\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formAssociation.isFormDisabled()\n  }\n\n  @property({ type: Number, reflect: true })\n  get min(): number {\n    return this._min\n  }\n\n  set min(v: unknown) {\n    this._min = normalizeNumber(v, -Infinity, Infinity, 0)\n  }\n\n  @property({ type: Number, reflect: true })\n  get max(): number {\n    return this._max\n  }\n\n  set max(v: unknown) {\n    this._max = normalizeNumber(v, -Infinity, Infinity, Infinity)\n  }\n\n  @property({ type: Number, reflect: true })\n  get step(): number {\n    return this._step\n  }\n\n  // 默认 precision 未显式设置时，读取精度会跟随 step 的小数位数。\n  set step(v: unknown) {\n    this._step = normalizeNumber(v, 0, Infinity, 1)\n  }\n\n  private get _effectiveStep(): number {\n    return this._step\n  }\n\n  private get _effectivePrecision(): number {\n    return this._precisionWasSet ? this._precision : Math.max(this._precision, decimalPlaces(this._step))\n  }\n\n  private get atMin(): boolean {\n    return this.value <= this._min\n  }\n\n  private get atMax(): boolean {\n    return this.value >= this._max\n  }\n\n  private readonly _formAssociation = defineFormAssociation<number>({\n    host: this,\n    getState: () => this.value,\n    setState: value => {\n      this.value = value\n    },\n    getFormValue: () => String(this.value),\n    getFormState: () => String(this.value),\n    restoreState: state => {\n      if (typeof state !== 'string') return\n      const value = Number(state)\n      if (Number.isFinite(value)) this.value = value\n    },\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.requestUpdate()\n  }\n\n  override formDisabledCallback(disabled: boolean) {\n    super.formDisabledCallback(disabled)\n    this.toggleAttribute('data-form-disabled', disabled)\n  }\n\n  override updated() {\n    this._syncLabelledbyObserver()\n    if (this._supportsLabelledbyElements) {\n      const input = this.shadowRoot?.querySelector('input')\n      // 用元素引用跨过 ShadowRoot，让浏览器按当前文本与样式计算名称；字符串回退兼容旧浏览器。\n      if (input) input.ariaLabelledByElements = this._getLabelledbyTargets()\n    }\n    this._syncValidity()\n    this.toggleAttribute('focused', this._focused)\n  }\n\n  override disconnectedCallback() {\n    this._labelledbyObserver?.disconnect()\n    this._releaseLabelledbyReferences?.()\n    this._labelledbyAncestorObserver?.disconnect()\n    this._labelledbyObserver = null\n    this._releaseLabelledbyReferences = null\n    this._labelledbyAncestorObserver = null\n    this._observedLabelledbyWindow?.removeEventListener('resize', this._onLabelledbyViewportChange)\n    this._observedLabelledbyWindow = null\n    this._observedLabelledbyRoot = null\n    this._observedLabelledbyReferenceIds = ''\n    this._observedLabelledbyTargets = []\n    this._observedLabelledbyMutationTargets = []\n    this._observedLabelledbyValueControls.forEach(control => {\n      control.removeEventListener('input', this._onLabelledbyValueChange)\n      control.removeEventListener('change', this._onLabelledbyValueChange)\n    })\n    this._observedLabelledbyValueControls = []\n    this._observedLabelledbyAncestors = []\n    this._observedLabelledbyText = ''\n    super.disconnectedCallback()\n  }\n\n  private _syncValidity() {\n    const input = this.shadowRoot?.querySelector('input')\n    const internals = this._formAssociation.getInternals()\n    if (!internals || !input || typeof internals.setValidity !== 'function') return\n    forwardInputValidity(internals, input, ['valueMissing', 'rangeUnderflow', 'rangeOverflow'], this._isDisabled)\n  }\n\n  private clamp(v: number): number {\n    return Math.min(this._max, Math.max(this._min, v))\n  }\n\n  private round(v: number): number {\n    const f = 10 ** this._effectivePrecision\n    if (!Number.isFinite(f) || f === 0) return v\n    if (Math.abs(v) > Number.MAX_SAFE_INTEGER / f) return v\n    const scaled = v * f\n    if (!Number.isFinite(scaled)) return v\n    return Math.round(scaled) / f\n  }\n\n  private setValueAndNotify(v: number) {\n    this._draft = null\n    this.value = this.clamp(this.round(v))\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n  }\n\n  private handleStep(direction: 1 | -1) {\n    if (this._isDisabled || this.readonly) return\n    this.setValueAndNotify(this.value + direction * this._effectiveStep)\n  }\n\n  // 输入过程只更新草稿与可解析的原始值，显示保持在草稿上：\n  // 逐字把 \"1.\" 规整成 \"1\" 会打断输入（与原生 number input 的编辑体验一致）。\n  private handleInput(e: Event) {\n    if (this.readonly) return\n    if (!(e.target instanceof HTMLInputElement)) return\n    const raw = e.target.value\n    this._draft = raw\n    const parsed = raw === '' || raw === '-' ? Number.NaN : Number(raw)\n    if (Number.isFinite(parsed)) {\n      this._value = this.clamp(parsed)\n      this._formAssociation.sync()\n    }\n    this._syncValidity()\n  }\n\n  // 原生 change 不 composed，被 shadow root 挡住；文本失焦提交时补发 composed 事件，\n  // 与 ArrowUp/ArrowDown 的 change 行为对齐。\n  // 提交点上做规整：非法/空草稿回填已提交值（value 不变、不派发 change），\n  // 合法草稿写入 value 后由 get value 按精度规整。\n  private handleNativeChange(e: Event) {\n    if (this.readonly) return\n    if (!(e.target instanceof HTMLInputElement)) return\n    const raw = e.target.value\n    this._draft = null\n    const parsed = raw === '' || raw === '-' ? Number.NaN : Number(raw)\n    if (!Number.isFinite(parsed)) {\n      // 回填：草稿清空后显示重新由 value 派生\n      this.requestUpdate()\n      this._syncValidity()\n      return\n    }\n    this._value = this.clamp(parsed)\n    this._formAssociation.sync()\n    this._syncValidity()\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  private handleKeydown(e: KeyboardEvent) {\n    if (this._isDisabled || this.readonly) return\n    if (e.key === 'ArrowUp') {\n      e.preventDefault()\n      this.setValueAndNotify(this.value + this._effectiveStep)\n      this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault()\n      this.setValueAndNotify(this.value - this._effectiveStep)\n      this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n    }\n  }\n\n  private handleFocus() {\n    if (!this._isDisabled) this._focused = true\n  }\n\n  private handleBlur() {\n    this._focused = false\n    // change 的时序在部分平台晚于 blur；草稿仍存在说明还没提交，直接回填，\n    // 避免「显示空、value 仍是旧值」的持久脱同步。\n    if (this._draft !== null) {\n      this._draft = null\n      this.requestUpdate()\n    }\n  }\n\n  override render() {\n    // step 是相对当前值的增减幅度，不要求值落在原生 input 以 min 为基准的 step 网格上。\n    return html`\n      <div class=\"wui-glass wui-input-inner\">\n        <button\n          class=\"num-btn\"\n          aria-label=\"Decrease\"\n          ?disabled=${this._isDisabled || this.readonly || this.atMin}\n          @click=${() => this.handleStep(-1)}\n        >\n          <web-ui-icon .icon=${lucideMinus}></web-ui-icon>\n        </button>\n        <input\n          id=${this._fieldId}\n          type=\"number\"\n          step=\"any\"\n          placeholder=${this.placeholder}\n          name=${this.name}\n          aria-label=${ifDefined(this._getLabelledbyText() || this.ariaLabel)}\n          aria-labelledby=${ifDefined(this.ariaLabelledby)}\n          .value=${this._draft ?? String(this.value)}\n          ?disabled=${this._isDisabled}\n          ?readonly=${this.readonly}\n          ?required=${this.required}\n          @input=${this.handleInput}\n          @change=${this.handleNativeChange}\n          @keydown=${this.handleKeydown}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        />\n        <button\n          class=\"num-btn\"\n          aria-label=\"Increase\"\n          ?disabled=${this._isDisabled || this.readonly || this.atMax}\n          @click=${() => this.handleStep(1)}\n        >\n          <web-ui-icon .icon=${lucidePlus}></web-ui-icon>\n        </button>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-input-number': WebUiInputNumber\n  }\n}\n"],"mappings":"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"}

package/dist/components/input-number/style.js

@@ -1,5 +1,5 @@
 //#region src/components/input-number/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{display:inline-block}:host([disabled]){cursor:not-allowed;opacity:.4}.wui-input-inner{--wui-glass-corner-radius:calc(var(--wui-control-size,36px) / 2);gap:var(--wui-space-1,4px);box-sizing:border-box;width:var(--wui-input-width,200px);min-width:var(--wui-control-size,36px);height:var(--wui-control-size,36px);padding:0 var(--wui-space-1,4px);border-radius:var(--wui-radius-control,calc(infinity * 1px));align-items:center;display:flex;position:relative}input{min-width:48px;height:100%;font:inherit;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);text-align:center;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0}input::-webkit-inner-spin-button{appearance:none;margin:0}input::-webkit-outer-spin-button{appearance:none;margin:0}input::placeholder{font:inherit;color:var(--wui-color-text-secondary,#6a6a6a)}input[type=number]{appearance:textfield}input:disabled{cursor:not-allowed;opacity:.4}@media (pointer:coarse){input{font-size:max(16px, var(--wui-font-size,14px))}}.wui-input-inner:after{pointer-events:none;content:\"\";border-radius:inherit;box-shadow:inset 0 0 0 1px transparent, 0 0 0 var(--wui-focus-ring-width,3px) transparent;transition:box-shadow var(--wui-duration-focus,.2s);position:absolute;inset:0}:host([focused]) .wui-input-inner:after{box-shadow:inset 0 0 0 1px var(--wui-color-accent,#08f), 0 0 0 var(--wui-focus-ring-width,3px) var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#08f) 40%, transparent))}.num-btn{cursor:default;border-radius:var(--wui-radius-control,calc(infinity * 1px));width:30px;height:30px;color:var(--wui-color-text-secondary,#6a6a6a);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.num-btn:disabled{cursor:not-allowed;opacity:.4}.num-btn:focus-visible{outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#08f) 40%, transparent));outline-offset:2px}@media (hover:hover) and (pointer:fine){.num-btn:hover:not(:disabled){background:var(--wui-color-state-layer-hover,color-mix(in srgb, var(--wui-color-text,#1b1b1b) 6%, transparent))}}.num-btn:active:not(:disabled){background:var(--wui-color-state-layer-active,color-mix(in srgb, var(--wui-color-text,#1b1b1b) 15%, transparent))}";
+var e = "*,:before,:after{box-sizing:border-box}:host{display:inline-block}:host([disabled]),:host([data-form-disabled]){cursor:not-allowed;opacity:.4}.wui-input-inner{--wui-glass-corner-radius:calc(var(--wui-control-size,36px) / 2);gap:var(--wui-space-1,4px);box-sizing:border-box;width:var(--wui-input-width,200px);min-width:var(--wui-control-size,36px);height:var(--wui-control-size,36px);padding:0 var(--wui-space-1,4px);border-radius:var(--wui-radius-control,calc(infinity * 1px));align-items:center;display:flex;position:relative}input{min-width:48px;height:100%;font:inherit;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);text-align:center;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0}input::-webkit-inner-spin-button{appearance:none;margin:0}input::-webkit-outer-spin-button{appearance:none;margin:0}input::placeholder{font:inherit;color:var(--wui-color-text-secondary,#6a6a6a)}input[type=number]{appearance:textfield}input:disabled{cursor:not-allowed}@media (pointer:coarse){input{font-size:max(16px, var(--wui-font-size,14px))}}.wui-input-inner:after{pointer-events:none;content:\"\";border-radius:inherit;box-shadow:inset 0 0 0 1px transparent, 0 0 0 var(--wui-focus-ring-width,3px) transparent;transition:box-shadow var(--wui-duration-focus,.2s);position:absolute;inset:0}:host([focused]) .wui-input-inner:after{box-shadow:inset 0 0 0 1px var(--wui-color-accent,#0071e3), 0 0 0 var(--wui-focus-ring-width,3px) var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#0071e3) 40%, transparent))}.num-btn{cursor:default;border-radius:var(--wui-radius-control,calc(infinity * 1px));width:30px;height:30px;color:var(--wui-color-text-secondary,#6a6a6a);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.num-btn:disabled{cursor:not-allowed;opacity:.4}.num-btn:focus-visible{outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#0071e3) 40%, transparent));outline-offset:2px}@media (hover:hover) and (pointer:fine){.num-btn:hover:not(:disabled){background:var(--wui-color-state-layer-hover,color-mix(in srgb, var(--wui-color-text,#1b1b1b) 6%, transparent))}}.num-btn:active:not(:disabled){background:var(--wui-color-state-layer-active,color-mix(in srgb, var(--wui-color-text,#1b1b1b) 15%, transparent))}:host([disabled]) .num-btn:disabled,:host([data-form-disabled]) .num-btn:disabled{opacity:1}";
 //#endregion
 export { e as default };
 

package/dist/components/input-number/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/input-number/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wui-input-inner {\n  --wui-glass-corner-radius: calc(var(--wui-control-size, 36px) / 2);\n  position: relative;\n\n  display: flex;\n  gap: var(--wui-space-1, 4px);\n  align-items: center;\n\n  box-sizing: border-box;\n  width: var(--wui-input-width, 200px);\n  min-width: var(--wui-control-size, 36px);\n  height: var(--wui-control-size, 36px);\n  padding: 0 var(--wui-space-1, 4px);\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n}\n\ninput {\n  flex: 1;\n\n  min-width: 48px;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n\n  /* 表单控件不继承字体；显式继承以对齐宿主排版，避免 UA 默认字体差异 */\n  font: inherit;\n  font-size: var(--wui-font-size, 14px);\n  color: var(--wui-color-text, #1b1b1b);\n  text-align: center;\n\n  background: transparent;\n  outline: none;\n\n  &::-webkit-inner-spin-button,\n  &::-webkit-outer-spin-button {\n    margin: 0;\n    appearance: none;\n  }\n\n  /* 同 input：占位文本的排版属于控件，不在这里另写一份。\n     颜色此前没声明，占位文本落在 UA 默认色上（浅/深两档都是 #757575），\n     与同系列其它控件的 secondary text token 不一致。 */\n  &::placeholder {\n    font: inherit;\n    color: var(--wui-color-text-secondary, #6a6a6a);\n  }\n\n  &[type='number'] {\n    appearance: textfield;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n}\n\n/* Coarse pointers include iOS Safari, where a sub-16px font triggers focus zoom. */\n@media (pointer: coarse) {\n  input {\n    font-size: max(16px, var(--wui-font-size, 14px));\n  }\n}\n\n/* Focus ring 独立成 ::after 层：base/focused 都是显式 box-shadow，保证所有变体都能过渡 */\n.wui-input-inner::after {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  inset: 0;\n\n  border-radius: inherit;\n\n  box-shadow:\n    inset 0 0 0 1px transparent,\n    0 0 0 var(--wui-focus-ring-width, 3px) transparent;\n\n  transition: box-shadow var(--wui-duration-focus, 200ms);\n}\n\n:host([focused]) .wui-input-inner::after {\n  box-shadow:\n    inset 0 0 0 1px var(--wui-color-accent, #08f),\n    0 0 0 var(--wui-focus-ring-width, 3px)\n      var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #08f) 40%, transparent));\n}\n\n.num-btn {\n  cursor: default;\n\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  border: none;\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n\n  color: var(--wui-color-text-secondary, #6a6a6a);\n\n  background: transparent;\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  &:focus-visible {\n    outline: var(--wui-focus-ring-width, 3px) solid\n      var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #08f) 40%, transparent));\n    outline-offset: 2px;\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .num-btn:hover:not(:disabled) {\n    background: var(--wui-color-state-layer-hover, color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, transparent));\n  }\n}\n\n.num-btn:active:not(:disabled) {\n  background: var(--wui-color-state-layer-active, color-mix(in srgb, var(--wui-color-text, #1b1b1b) 15%, transparent));\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/input-number/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-block;\n}\n\n:host([disabled]),\n:host([data-form-disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wui-input-inner {\n  --wui-glass-corner-radius: calc(var(--wui-control-size, 36px) / 2);\n  position: relative;\n\n  display: flex;\n  gap: var(--wui-space-1, 4px);\n  align-items: center;\n\n  box-sizing: border-box;\n  width: var(--wui-input-width, 200px);\n  min-width: var(--wui-control-size, 36px);\n  height: var(--wui-control-size, 36px);\n  padding: 0 var(--wui-space-1, 4px);\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n}\n\ninput {\n  flex: 1;\n\n  min-width: 48px;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n\n  /* 表单控件不继承字体；显式继承以对齐宿主排版，避免 UA 默认字体差异 */\n  font: inherit;\n  font-size: var(--wui-font-size, 14px);\n  color: var(--wui-color-text, #1b1b1b);\n  text-align: center;\n\n  background: transparent;\n  outline: none;\n\n  &::-webkit-inner-spin-button,\n  &::-webkit-outer-spin-button {\n    margin: 0;\n    appearance: none;\n  }\n\n  /* 同 input：占位文本的排版属于控件，不在这里另写一份。\n     颜色此前没声明，占位文本落在 UA 默认色上（浅/深两档都是 #757575），\n     与同系列其它控件的 secondary text token 不一致。 */\n  &::placeholder {\n    font: inherit;\n    color: var(--wui-color-text-secondary, #6a6a6a);\n  }\n\n  &[type='number'] {\n    appearance: textfield;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n}\n\n/* Coarse pointers include iOS Safari, where a sub-16px font triggers focus zoom. */\n@media (pointer: coarse) {\n  input {\n    font-size: max(16px, var(--wui-font-size, 14px));\n  }\n}\n\n/* Focus ring 独立成 ::after 层：base/focused 都是显式 box-shadow，保证所有变体都能过渡 */\n.wui-input-inner::after {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  inset: 0;\n\n  border-radius: inherit;\n\n  box-shadow:\n    inset 0 0 0 1px transparent,\n    0 0 0 var(--wui-focus-ring-width, 3px) transparent;\n\n  transition: box-shadow var(--wui-duration-focus, 200ms);\n}\n\n:host([focused]) .wui-input-inner::after {\n  box-shadow:\n    inset 0 0 0 1px var(--wui-color-accent, #0071e3),\n    0 0 0 var(--wui-focus-ring-width, 3px)\n      var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #0071e3) 40%, transparent));\n}\n\n.num-btn {\n  cursor: default;\n\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  border: none;\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n\n  color: var(--wui-color-text-secondary, #6a6a6a);\n\n  background: transparent;\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  &:focus-visible {\n    outline: var(--wui-focus-ring-width, 3px) solid\n      var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #0071e3) 40%, transparent));\n    outline-offset: 2px;\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .num-btn:hover:not(:disabled) {\n    background: var(--wui-color-state-layer-hover, color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, transparent));\n  }\n}\n\n.num-btn:active:not(:disabled) {\n  background: var(--wui-color-state-layer-active, color-mix(in srgb, var(--wui-color-text, #1b1b1b) 15%, transparent));\n}\n\n:host([disabled]) .num-btn:disabled,\n:host([data-form-disabled]) .num-btn:disabled {\n  opacity: 1;\n}\n"],"mappings":""}

package/dist/components/layout/index.d.ts

@@ -1,9 +1,9 @@
 import { LitElement } from 'lit';
 /**
- * Layout 组件 - 提供页面布局框架，支持可折叠侧边栏
+ * Layout 组件 - 提供页面布局框架，支持 collapsible sidebar
  *
- * @fires sidebar-collapsed-change - 桌面端侧边栏折叠状态变更请求时触发
- * @fires sidebar-open-change - 移动端侧边栏 Drawer 开关请求时触发
+ * @fires sidebar-collapsed-change - 桌面端侧边栏 collapse 状态变更请求时触发
+ * @fires sidebar-open-change - 移动端侧边栏 Drawer toggle 请求时触发
  * @fires sidebar-width-change - 桌面端侧边栏拖拽调宽结束时触发，携带最终宽度（受控请求）
  * @fires mobile-change - 视口跨越移动端断点、`mobile` 翻转时触发（派生状态通知）
  * @slot banner - 顶部 Banner 区域（全宽，随页面滚动，可选）
@@ -21,14 +21,14 @@ export declare class WebUiLayout extends LitElement {
      * 它不与 `sidebarOpen` 合并：前者是跨视口保留的密度选择，后者是移动端瞬时的 modal 可见性。
      *
      * 两处渲染的是同一份 `sidebar` slot 内容，所以本属性只负责桌面 aside 的几何：Consumer
-     * 若让自己的 slot 内容跟着它变形态（隐藏标签、改排布），必须按 `mobile` 收窄那个条件
+     * 若让自己的 slot 内容跟着它变形态（隐藏 label、改排布），必须按 `mobile` 收窄那个条件
      * （例如 `collapsed && !layout.mobile`，或 CSS 的 `web-ui-layout[mobile]`），
-     * 否则折叠态会一路渲染进移动端 Drawer（issue #195）。
+     * 否则 collapsed state 会一路渲染进移动端 Drawer（issue #195）。
      */
     sidebarCollapsed: boolean;
     sidebarWidth: string;
     collapsedWidth: string;
-    /** 启用桌面端 Sidebar 拖拽调宽（折叠态隐藏 handle）。 */
+    /** 启用桌面端 Sidebar 拖拽调宽（collapsed state 隐藏 handle）。 */
     sidebarResizable: boolean;
     /**
      * 拖拽调宽的下限（px，其他单位不解析）；未设置时回退为 `collapsedWidth`，
@@ -40,7 +40,7 @@ export declare class WebUiLayout extends LitElement {
     /**
      * 移动端 web-ui-drawer 的瞬时可见性。
      *
-     * Drawer Toggle、Escape 和遮罩关闭都通过 `sidebar-open-change` 请求更新它；它不会改变桌面端的折叠偏好。
+     * Drawer Toggle、Escape 和 backdrop 关闭都通过 `sidebar-open-change` 请求更新它；它不会改变桌面端的 collapse preference。
      * 因而不与 `sidebarCollapsed` 合并，避免响应式切换时将一次移动端交互误写为桌面端布局选择。
      */
     sidebarOpen: boolean;