@greypan/web-ui 11.2.0 → 12.0.0

package/dist/components/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/textarea/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuBa,sBAAsB;SACjB,sBAAM;EAEqB;EACA;EACC;EACA;EACA;EACA;EACA;;EAEe;EACf;EACD;EACA;EACA;EACC;EAEwB;EACN;EACJ;UAEzC;UACA;UACA;UACA;UAET;UACA;mBACS;MAGb;MAIA,MAAM;cAOE;mBAIK;mBAcA;EAER;EAKA;EAIA,QAAQ,SAAS;UAiClB;UAKA;UAQA;UAaA;UAMA;UAQA;UAQA;UAIA;UAMA;EASC,MAAM,UAAU;EAKhB;;;;;;EAST;UAKQ;UAKA;UAQA;UAOA;EAIC,wBAAM;WA6CE;IACf,OAAO;IACP,QAAQ;IACR,OAAO;IACP,MAAM;;;QAIF;YACI;IACR,mBAAmB"}

package/dist/components/textarea/index.js

@@ -1,216 +1,303 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import "../icon/index.js";
-import t from "../../classes/glass.js";
-import n from "../../icons/generated/jam-close-circle-f.js";
-import { FormAssociated as r, FormAssociationController as i, defineFormAssociation as a, forwardInputValidity as o } from "../../shared/form-association/index.js";
+import glass_default from "../../classes/glass.js";
+import jam_close_circle_f_default from "../../icons/generated/jam-close-circle-f.js";
+import { FormAssociated, FormAssociationController, defineFormAssociation, forwardInputValidity } from "../../shared/form-association/index.js";
 import "../button/index.js";
-import { createFieldId as s } from "../../shared/form-association/field-id.js";
-import c from "./style.js";
-import { LitElement as l, html as u, nothing as d, unsafeCSS as f } from "lit";
-import { customElement as p, property as m, state as h } from "lit/decorators.js";
-import { classMap as g } from "lit/directives/class-map.js";
-import { ifDefined as _ } from "lit/directives/if-defined.js";
-import { styleMap as v } from "lit/directives/style-map.js";
-//#region src/components/textarea/index.ts
-var y = class extends r(l) {
-	constructor(...e) {
-		super(...e), this.placeholder = "", this.name = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.full = !1, this.clearable = !1, this.borderless = !1, this.rows = 3, this.autosize = !1, this.maxHeight = 0, this.ariaLabel = null, this._value = "", this._focused = !1, this._hasPrefix = !1, this._hasSuffix = !1, this._textarea = null, this._resizeObserver = null, this._fieldId = s("web-ui-textarea"), this._formAssociation = a({
+import { createFieldId } from "../../shared/form-association/field-id.js";
+import { resolveBuiltinLabel } from "../../shared/locale/builtin-labels.js";
+import style_default from "./style.js";
+import { LitElement, html, nothing, unsafeCSS } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { styleMap } from "lit/directives/style-map.js";
+// src/components/textarea/index.ts
+let WebUiTextarea = class WebUiTextarea extends FormAssociated(LitElement) {
+	constructor(..._args) {
+		super(..._args);
+		this.placeholder = "";
+		this.name = "";
+		this.disabled = false;
+		this.readonly = false;
+		this.required = false;
+		this.full = false;
+		this.clearable = false;
+		this.ariaClearLabel = "";
+		this.borderless = false;
+		this.rows = 3;
+		this.autosize = false;
+		this.maxHeight = 0;
+		this.ariaLabel = null;
+		this._value = "";
+		this._focused = false;
+		this._hasPrefix = false;
+		this._hasSuffix = false;
+		this._textarea = null;
+		this._resizeObserver = null;
+		this._fieldId = createFieldId("web-ui-textarea");
+		this._formAssociation = defineFormAssociation({
 			host: this,
 			getState: () => this._value,
-			setState: (e) => {
-				this.value = e;
+			setState: (value) => {
+				this.value = value;
 			},
 			getFormValue: () => this._value,
 			getFormState: () => this._value,
-			restoreState: (e) => {
-				typeof e == "string" && (this.value = e);
+			restoreState: (state) => {
+				if (typeof state === "string") this.value = state;
 			},
 			syncValidity: () => this._syncValidity()
-		}).make(), this._formAssociationController = new i(this, this._formAssociation);
+		}).make();
+		this._formAssociationController = new FormAssociationController(this, this._formAssociation);
 	}
 	static {
-		this.styles = [f(t), f(c)];
+		this.styles = [unsafeCSS(glass_default), unsafeCSS(style_default)];
 	}
 	get value() {
 		return this._value;
 	}
-	set value(e) {
-		let t = this._value;
-		this._value = e, this._formAssociation.sync(), this.requestUpdate("value", t);
+	set value(v) {
+		const old = this._value;
+		this._value = v;
+		this._formAssociation.sync();
+		this.requestUpdate("value", old);
 	}
 	get _isDisabled() {
 		return this.disabled || this._formAssociation.isFormDisabled();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this._teardownAutosize();
+		super.disconnectedCallback();
+		this._teardownAutosize();
 	}
 	firstUpdated() {
 		this._textarea = this.shadowRoot?.querySelector("textarea") ?? null;
 	}
-	updated(e) {
-		if (e.has("_value")) {
-			let e = this._getTextarea();
-			e && e.value !== this._value && (e.value = this._value);
+	updated(changed) {
+		if (changed.has("_value")) {
+			const textarea = this._getTextarea();
+			if (textarea && textarea.value !== this._value) textarea.value = this._value;
 		}
-		this.autosize && (e.has("_value") || e.has("rows")) && this._autosize(), e.has("autosize") && (this.autosize ? this._setupAutosize() : this._teardownAutosize(!0)), this._syncValidity(), this.toggleAttribute("focused", this._focused);
+		if (this.autosize && (changed.has("_value") || changed.has("rows"))) this._autosize();
+		if (changed.has("autosize")) {
+			if (this.autosize) this._setupAutosize();
+			else this._teardownAutosize(true);
+		}
+		this._syncValidity();
+		this.toggleAttribute("focused", this._focused);
 	}
 	_getTextarea() {
-		return this._textarea ??= this.shadowRoot?.querySelector("textarea") ?? null, this._textarea;
+		this._textarea ??= this.shadowRoot?.querySelector("textarea") ?? null;
+		return this._textarea;
 	}
 	_syncValidity() {
-		let e = this._formAssociation.getInternals(), t = this._getTextarea();
-		e && t && typeof e.setValidity == "function" && o(e, t, [
+		const internals = this._formAssociation.getInternals();
+		const textarea = this._getTextarea();
+		if (!internals || !textarea || typeof internals.setValidity !== "function") return;
+		forwardInputValidity(internals, textarea, [
 			"valueMissing",
 			"tooShort",
 			"tooLong"
 		], this._isDisabled);
 	}
 	_setupAutosize() {
-		if (this._teardownAutosize(), typeof ResizeObserver > "u") {
+		this._teardownAutosize();
+		if (typeof ResizeObserver === "undefined") {
 			this._autosize();
 			return;
 		}
 		this._resizeObserver = new ResizeObserver(() => {
 			this._autosize();
-		}), this._textarea && this._resizeObserver.observe(this._textarea), this._autosize();
+		});
+		if (this._textarea) this._resizeObserver.observe(this._textarea);
+		this._autosize();
 	}
-	_teardownAutosize(e = !1) {
-		this._resizeObserver?.disconnect(), this._resizeObserver = null, e && this._textarea?.style.removeProperty("height");
+	_teardownAutosize(resetHeight = false) {
+		this._resizeObserver?.disconnect();
+		this._resizeObserver = null;
+		if (resetHeight) this._textarea?.style.removeProperty("height");
 	}
 	_autosize() {
-		this._textarea && this.autosize && (this._textarea.style.height = "auto", this._textarea.style.height = `${this._textarea.scrollHeight}px`);
+		if (!this._textarea || !this.autosize) return;
+		this._textarea.style.height = "auto";
+		this._textarea.style.height = `${this._textarea.scrollHeight}px`;
 	}
 	handleInput(e) {
-		this._isDisabled || this.readonly || e.target instanceof HTMLTextAreaElement && (this._value = e.target.value, this._formAssociation.sync(), this._syncValidity());
+		if (this._isDisabled || this.readonly) return;
+		if (!(e.target instanceof HTMLTextAreaElement)) return;
+		this._value = e.target.value;
+		this._formAssociation.sync();
+		this._syncValidity();
 	}
 	handleFocus() {
-		this._isDisabled || (this._focused = !0);
+		if (!this._isDisabled) this._focused = true;
 	}
 	handleBlur() {
-		this._focused = !1;
+		this._focused = false;
 	}
 	handleNativeChange(e) {
-		this._isDisabled || this.readonly || e.target instanceof HTMLTextAreaElement && (this._value = e.target.value, this._formAssociation.sync(), this._syncValidity(), this.dispatchEvent(new Event("change", {
-			bubbles: !0,
-			composed: !0
-		})));
+		if (this._isDisabled || this.readonly) return;
+		if (!(e.target instanceof HTMLTextAreaElement)) return;
+		this._value = e.target.value;
+		this._formAssociation.sync();
+		this._syncValidity();
+		this.dispatchEvent(new Event("change", {
+			bubbles: true,
+			composed: true
+		}));
 	}
-	focus(e) {
-		this._isDisabled || this.shadowRoot?.querySelector("textarea")?.focus(e);
+	focus(options) {
+		if (this._isDisabled) return;
+		this.shadowRoot?.querySelector("textarea")?.focus(options);
 	}
 	blur() {
 		this.shadowRoot?.querySelector("textarea")?.blur();
 	}
+	/**
+	* 公共 API：全选当前值。
+	*
+	* `disabled` 时与 `focus()` 一致不产生效果；原生控件未渲染时安全 no-op。
+	*/
 	select() {
-		this._isDisabled || this.shadowRoot?.querySelector("textarea")?.select();
+		if (this._isDisabled) return;
+		this.shadowRoot?.querySelector("textarea")?.select();
 	}
 	focusTextarea() {
-		this._isDisabled || this.shadowRoot?.querySelector("textarea")?.focus();
+		if (this._isDisabled) return;
+		this.shadowRoot?.querySelector("textarea")?.focus();
 	}
 	_onSlotChange(e) {
 		if (!(e.target instanceof HTMLSlotElement)) return;
-		let t = e.target, n = t.assignedElements().length > 0;
-		t.name === "prefix" && (this._hasPrefix = n), t.name === "suffix" && (this._hasSuffix = n);
+		const slot = e.target;
+		const hasContent = slot.assignedElements().length > 0;
+		if (slot.name === "prefix") this._hasPrefix = hasContent;
+		if (slot.name === "suffix") this._hasSuffix = hasContent;
 	}
 	handleClear() {
-		this._isDisabled || this.readonly || (this._value = "", this._formAssociation.sync(), this.dispatchEvent(new Event("input", {
-			bubbles: !0,
-			composed: !0
-		})));
+		if (this._isDisabled || this.readonly) return;
+		this._value = "";
+		this._formAssociation.sync();
+		this.dispatchEvent(new Event("input", {
+			bubbles: true,
+			composed: true
+		}));
 	}
 	preventMouseDownBlur(e) {
 		e.preventDefault();
 	}
 	render() {
-		let e = this.clearable && this._value && !this._isDisabled && !this.readonly;
-		return u`
+		const showClear = this.clearable && this._value && !this._isDisabled && !this.readonly;
+		return html`
       <div class="wui-glass wui-textarea-inner" @click=${this.focusTextarea}>
-        <slot name="prefix" class=${g({ empty: !this._hasPrefix })} @slotchange=${this._onSlotChange}></slot>
+        <slot name="prefix" class=${classMap({ empty: !this._hasPrefix })} @slotchange=${this._onSlotChange}></slot>
         <textarea
           id=${this._fieldId}
           placeholder=${this.placeholder}
           name=${this.name}
-          aria-label=${_(this.ariaLabel)}
-          aria-labelledby=${_(this.ariaLabelledby)}
+          aria-label=${ifDefined(this.ariaLabel)}
+          aria-labelledby=${ifDefined(this.ariaLabelledby)}
           .rows=${this.rows}
-          minlength=${_(this.minlength)}
-          maxlength=${_(this.maxlength)}
+          minlength=${ifDefined(this.minlength)}
+          maxlength=${ifDefined(this.maxlength)}
           ?disabled=${this._isDisabled}
           ?readonly=${this.readonly}
           ?required=${this.required}
           .value=${this._value}
-          style=${this.maxHeight > 0 ? v({ "max-height": `${this.maxHeight}px` }) : d}
+          style=${this.maxHeight > 0 ? styleMap({ "max-height": `${this.maxHeight}px` }) : nothing}
           @input=${this.handleInput}
           @change=${this.handleNativeChange}
           @focus=${this.handleFocus}
           @blur=${this.handleBlur}
         ></textarea>
-        ${e ? u`<web-ui-button
+        ${showClear ? html`<web-ui-button
                 icon
                 variant="ghost"
                 size="20"
-                aria-label="Clear"
+                aria-label=${resolveBuiltinLabel("clear", this.ariaClearLabel)}
                 @pointerdown=${this.preventMouseDownBlur}
                 @click=${this.handleClear}
               >
-                <web-ui-icon .icon=${n} size="14"></web-ui-icon>
+                <web-ui-icon .icon=${jam_close_circle_f_default} size="14"></web-ui-icon>
               </web-ui-button>` : ""}
-        <slot name="suffix" class=${g({ empty: !this._hasSuffix })} @slotchange=${this._onSlotChange}></slot>
+        <slot name="suffix" class=${classMap({ empty: !this._hasSuffix })} @slotchange=${this._onSlotChange}></slot>
       </div>
     `;
 	}
 };
-e([m({
+__decorate([property({
 	type: String,
-	reflect: !0
-})], y.prototype, "placeholder", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "placeholder", void 0);
+__decorate([property({
 	type: String,
-	reflect: !0
-})], y.prototype, "name", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "name", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], y.prototype, "disabled", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "disabled", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], y.prototype, "readonly", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "readonly", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], y.prototype, "required", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "required", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], y.prototype, "full", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "full", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], y.prototype, "clearable", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "clearable", void 0);
+__decorate([property({
+	type: String,
+	attribute: "aria-clear-label"
+})], WebUiTextarea.prototype, "ariaClearLabel", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], y.prototype, "borderless", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "borderless", void 0);
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], y.prototype, "rows", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "rows", void 0);
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], y.prototype, "minlength", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "minlength", void 0);
+__decorate([property({
 	type: Number,
-	reflect: !0
-})], y.prototype, "maxlength", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "maxlength", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], y.prototype, "autosize", void 0), e([m({
+	reflect: true
+})], WebUiTextarea.prototype, "autosize", void 0);
+__decorate([property({
 	type: Number,
-	reflect: !0,
+	reflect: true,
 	attribute: "max-height"
-})], y.prototype, "maxHeight", void 0), e([m({
+})], WebUiTextarea.prototype, "maxHeight", void 0);
+__decorate([property({
 	type: String,
 	attribute: "aria-label"
-})], y.prototype, "ariaLabel", void 0), e([m({
+})], WebUiTextarea.prototype, "ariaLabel", void 0);
+__decorate([property({
 	type: String,
 	attribute: "aria-labelledby"
-})], y.prototype, "ariaLabelledby", void 0), e([h()], y.prototype, "_value", void 0), e([h()], y.prototype, "_focused", void 0), e([h()], y.prototype, "_hasPrefix", void 0), e([h()], y.prototype, "_hasSuffix", void 0), e([m({
+})], WebUiTextarea.prototype, "ariaLabelledby", void 0);
+__decorate([state()], WebUiTextarea.prototype, "_value", void 0);
+__decorate([state()], WebUiTextarea.prototype, "_focused", void 0);
+__decorate([state()], WebUiTextarea.prototype, "_hasPrefix", void 0);
+__decorate([state()], WebUiTextarea.prototype, "_hasSuffix", void 0);
+__decorate([property({
 	type: String,
-	reflect: !0
-})], y.prototype, "value", null), y = e([p("web-ui-textarea")], y);
-//#endregion
-export { y as WebUiTextarea };
+	reflect: true
+})], WebUiTextarea.prototype, "value", null);
+WebUiTextarea = __decorate([customElement("web-ui-textarea")], WebUiTextarea);
+export { WebUiTextarea };
 
 //# sourceMappingURL=index.js.map

package/dist/components/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/textarea/index.ts"],"sourcesContent":["import '@/components/button'\nimport '@/components/icon'\n\nimport { html, LitElement, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\nimport glass from '@/classes/glass.css?inline'\nimport { jamCloseCircleF } from '@/icons'\nimport {\n  FormAssociated,\n  defineFormAssociation,\n  forwardInputValidity,\n  FormAssociationController\n} from '@/shared/form-association'\nimport { createFieldId } from '@/shared/form-association/field-id'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-textarea')\nexport class WebUiTextarea 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: Boolean, reflect: true }) full = false\n  @property({ type: Boolean, reflect: true }) clearable = false\n  @property({ type: Boolean, reflect: true }) borderless = false\n  @property({ type: Number, reflect: true }) rows = 3\n  @property({ type: Number, reflect: true }) minlength: number | undefined\n  @property({ type: Number, reflect: true }) maxlength: number | undefined\n  @property({ type: Boolean, reflect: true }) autosize = false\n  // 自动高度上限（px）；0 表示不限制，随内容无限增高\n  @property({ type: Number, reflect: true, attribute: 'max-height' }) maxHeight = 0\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n  @property({ type: String, attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined\n\n  @state() private _value = ''\n  @state() private _focused = false\n  @state() private _hasPrefix = false\n  @state() private _hasSuffix = false\n\n  private _textarea: HTMLTextAreaElement | null = null\n  private _resizeObserver: ResizeObserver | null = null\n  private readonly _fieldId = createFieldId('web-ui-textarea')\n\n  @property({ type: String, reflect: true })\n  get value(): string {\n    return this._value\n  }\n\n  set value(v: string) {\n    const old = this._value\n    this._value = v\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  private readonly _formAssociation = defineFormAssociation<string>({\n    host: this,\n    getState: () => this._value,\n    setState: value => {\n      this.value = value\n    },\n    getFormValue: () => this._value,\n    getFormState: () => this._value,\n    restoreState: state => {\n      if (typeof state === 'string') this.value = state\n    },\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._teardownAutosize()\n  }\n\n  override firstUpdated() {\n    this._textarea = this.shadowRoot?.querySelector('textarea') ?? null\n  }\n\n  override updated(changed: Map<string, unknown>) {\n    if (changed.has('_value')) {\n      const textarea = this._getTextarea()\n      if (textarea && textarea.value !== this._value) {\n        textarea.value = this._value\n      }\n    }\n    /*\n     * 高度只在这里算，autosize 的两条改值路径（用户输入、外部改写）都汇到\n     * changed.has('_value')，不必各自调一次。\n     *\n     * 不能等 ResizeObserver：autosize 把高度写成内联 px，换值时盒子尺寸没变，\n     * 不会触发回调，于是旧高度会一直留着（例如同一个 textarea 随 drawer 切换资源，\n     * 从长备注切到短备注仍占着长备注的高度）。\n     *\n     * rows 同理：它决定 height:auto 时的自然高度，但 inline px 会盖掉它，\n     * 改 rows 不会让盒子尺寸变化，ResizeObserver 同样看不到。\n     *\n     * 上面的 textarea.value 兜底在正常路径上是 no-op——render() 里的 .value 绑定\n     * 已经先一步把新值写进 DOM 了；它留给 binding 未生效的场景。\n     */\n    if (this.autosize && (changed.has('_value') || changed.has('rows'))) this._autosize()\n    if (changed.has('autosize')) {\n      if (this.autosize) {\n        this._setupAutosize()\n      } else {\n        this._teardownAutosize(true)\n      }\n    }\n    this._syncValidity()\n    this.toggleAttribute('focused', this._focused)\n  }\n\n  private _getTextarea(): HTMLTextAreaElement | null {\n    this._textarea ??= this.shadowRoot?.querySelector('textarea') ?? null\n    return this._textarea\n  }\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    const textarea = this._getTextarea()\n    if (!internals || !textarea || typeof internals.setValidity !== 'function') return\n\n    forwardInputValidity(internals, textarea, ['valueMissing', 'tooShort', 'tooLong'], this._isDisabled)\n  }\n\n  private _setupAutosize() {\n    this._teardownAutosize()\n    if (typeof ResizeObserver === 'undefined') {\n      this._autosize()\n      return\n    }\n    this._resizeObserver = new ResizeObserver(() => {\n      this._autosize()\n    })\n    if (this._textarea) this._resizeObserver.observe(this._textarea)\n    this._autosize()\n  }\n\n  private _teardownAutosize(resetHeight = false) {\n    this._resizeObserver?.disconnect()\n    this._resizeObserver = null\n    if (resetHeight) this._textarea?.style.removeProperty('height')\n  }\n\n  private _autosize() {\n    if (!this._textarea || !this.autosize) return\n    this._textarea.style.height = 'auto'\n    // height:auto 时 rows 已驱动自然高，scrollHeight 恒 ≥ rows 行高，无需额外 floor；\n    // 上限由 CSS max-height（maxHeight 属性）钳制，这里只负责随内容增高，默认无限\n    this._textarea.style.height = `${this._textarea.scrollHeight}px`\n  }\n\n  private handleInput(e: Event) {\n    if (this._isDisabled || this.readonly) return\n    if (!(e.target instanceof HTMLTextAreaElement)) return\n    this._value = e.target.value\n    this._formAssociation.sync()\n    this._syncValidity()\n  }\n\n  private handleFocus() {\n    if (!this._isDisabled) this._focused = true\n  }\n\n  private handleBlur() {\n    this._focused = false\n  }\n\n  // 原生 change 不 composed，被 shadow root 挡住；这里补发 composed 事件，\n  // 兑现 $events/README 声明的公共 change 契约。\n  private handleNativeChange(e: Event) {\n    if (this._isDisabled || this.readonly) return\n    if (!(e.target instanceof HTMLTextAreaElement)) return\n    this._value = e.target.value\n    this._formAssociation.sync()\n    this._syncValidity()\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  override focus(options?: FocusOptions) {\n    if (this._isDisabled) return\n    this.shadowRoot?.querySelector('textarea')?.focus(options)\n  }\n\n  override blur() {\n    this.shadowRoot?.querySelector('textarea')?.blur()\n  }\n\n  /**\n   * 公共 API：全选当前值。\n   *\n   * `disabled` 时与 `focus()` 一致不产生效果；原生控件未渲染时安全 no-op。\n   */\n  select() {\n    if (this._isDisabled) return\n    this.shadowRoot?.querySelector('textarea')?.select()\n  }\n\n  private focusTextarea() {\n    if (this._isDisabled) return\n    this.shadowRoot?.querySelector('textarea')?.focus()\n  }\n\n  private _onSlotChange(e: Event) {\n    if (!(e.target instanceof HTMLSlotElement)) return\n    const slot = e.target\n    const hasContent = slot.assignedElements().length > 0\n    if (slot.name === 'prefix') this._hasPrefix = hasContent\n    if (slot.name === 'suffix') this._hasSuffix = hasContent\n  }\n\n  private handleClear() {\n    if (this._isDisabled || this.readonly) return\n    this._value = ''\n    this._formAssociation.sync()\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n  }\n\n  private preventMouseDownBlur(e: Event) {\n    e.preventDefault()\n  }\n\n  override render() {\n    // disabled / readonly 时隐藏清除 button，避免暴露不可执行的值修改操作\n    const showClear = this.clearable && this._value && !this._isDisabled && !this.readonly\n\n    return html`\n      <div class=\"wui-glass wui-textarea-inner\" @click=${this.focusTextarea}>\n        <slot name=\"prefix\" class=${classMap({ empty: !this._hasPrefix })} @slotchange=${this._onSlotChange}></slot>\n        <textarea\n          id=${this._fieldId}\n          placeholder=${this.placeholder}\n          name=${this.name}\n          aria-label=${ifDefined(this.ariaLabel)}\n          aria-labelledby=${ifDefined(this.ariaLabelledby)}\n          .rows=${this.rows}\n          minlength=${ifDefined(this.minlength)}\n          maxlength=${ifDefined(this.maxlength)}\n          ?disabled=${this._isDisabled}\n          ?readonly=${this.readonly}\n          ?required=${this.required}\n          .value=${this._value}\n          style=${this.maxHeight > 0 ? styleMap({ 'max-height': `${this.maxHeight}px` }) : nothing}\n          @input=${this.handleInput}\n          @change=${this.handleNativeChange}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        ></textarea>\n        ${\n          showClear\n            ? html`<web-ui-button\n                icon\n                variant=\"ghost\"\n                size=\"20\"\n                aria-label=\"Clear\"\n                @pointerdown=${this.preventMouseDownBlur}\n                @click=${this.handleClear}\n              >\n                <web-ui-icon .icon=${jamCloseCircleF} size=\"14\"></web-ui-icon>\n              </web-ui-button>`\n            : ''\n        }\n        <slot name=\"suffix\" class=${classMap({ empty: !this._hasSuffix })} @slotchange=${this._onSlotChange}></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n    focus: FocusEvent\n    blur: FocusEvent\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-textarea': WebUiTextarea\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["glass","style","jamCloseCircleF"],"sources":["../../../src/components/textarea/index.ts"],"sourcesContent":["import '@/components/button'\nimport '@/components/icon'\n\nimport { html, LitElement, nothing, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\nimport glass from '@/classes/glass.css?inline'\nimport { jamCloseCircleF } 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 { resolveBuiltinLabel } from '@/shared/locale/builtin-labels'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-textarea')\nexport class WebUiTextarea 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: Boolean, reflect: true }) full = false\n  @property({ type: Boolean, reflect: true }) clearable = false\n  /** 清除按钮的无障碍名称；未设置时回退内置英文文案（见 ADR-0016）。 */\n  @property({ type: String, attribute: 'aria-clear-label' }) ariaClearLabel = ''\n  @property({ type: Boolean, reflect: true }) borderless = false\n  @property({ type: Number, reflect: true }) rows = 3\n  @property({ type: Number, reflect: true }) minlength: number | undefined\n  @property({ type: Number, reflect: true }) maxlength: number | undefined\n  @property({ type: Boolean, reflect: true }) autosize = false\n  // 自动高度上限（px）；0 表示不限制，随内容无限增高\n  @property({ type: Number, reflect: true, attribute: 'max-height' }) maxHeight = 0\n  @property({ type: String, attribute: 'aria-label' }) override ariaLabel: string | null = null\n  @property({ type: String, attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined\n\n  @state() private _value = ''\n  @state() private _focused = false\n  @state() private _hasPrefix = false\n  @state() private _hasSuffix = false\n\n  private _textarea: HTMLTextAreaElement | null = null\n  private _resizeObserver: ResizeObserver | null = null\n  private readonly _fieldId = createFieldId('web-ui-textarea')\n\n  @property({ type: String, reflect: true })\n  get value(): string {\n    return this._value\n  }\n\n  set value(v: string) {\n    const old = this._value\n    this._value = v\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  private readonly _formAssociation = defineFormAssociation<string>({\n    host: this,\n    getState: () => this._value,\n    setState: value => {\n      this.value = value\n    },\n    getFormValue: () => this._value,\n    getFormState: () => this._value,\n    restoreState: state => {\n      if (typeof state === 'string') this.value = state\n    },\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._teardownAutosize()\n  }\n\n  override firstUpdated() {\n    this._textarea = this.shadowRoot?.querySelector('textarea') ?? null\n  }\n\n  override updated(changed: Map<string, unknown>) {\n    if (changed.has('_value')) {\n      const textarea = this._getTextarea()\n      if (textarea && textarea.value !== this._value) {\n        textarea.value = this._value\n      }\n    }\n    /*\n     * 高度只在这里算，autosize 的两条改值路径（用户输入、外部改写）都汇到\n     * changed.has('_value')，不必各自调一次。\n     *\n     * 不能等 ResizeObserver：autosize 把高度写成内联 px，换值时盒子尺寸没变，\n     * 不会触发回调，于是旧高度会一直留着（例如同一个 textarea 随 drawer 切换资源，\n     * 从长备注切到短备注仍占着长备注的高度）。\n     *\n     * rows 同理：它决定 height:auto 时的自然高度，但 inline px 会盖掉它，\n     * 改 rows 不会让盒子尺寸变化，ResizeObserver 同样看不到。\n     *\n     * 上面的 textarea.value 兜底在正常路径上是 no-op——render() 里的 .value 绑定\n     * 已经先一步把新值写进 DOM 了；它留给 binding 未生效的场景。\n     */\n    if (this.autosize && (changed.has('_value') || changed.has('rows'))) this._autosize()\n    if (changed.has('autosize')) {\n      if (this.autosize) {\n        this._setupAutosize()\n      } else {\n        this._teardownAutosize(true)\n      }\n    }\n    this._syncValidity()\n    this.toggleAttribute('focused', this._focused)\n  }\n\n  private _getTextarea(): HTMLTextAreaElement | null {\n    this._textarea ??= this.shadowRoot?.querySelector('textarea') ?? null\n    return this._textarea\n  }\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    const textarea = this._getTextarea()\n    if (!internals || !textarea || typeof internals.setValidity !== 'function') return\n\n    forwardInputValidity(internals, textarea, ['valueMissing', 'tooShort', 'tooLong'], this._isDisabled)\n  }\n\n  private _setupAutosize() {\n    this._teardownAutosize()\n    if (typeof ResizeObserver === 'undefined') {\n      this._autosize()\n      return\n    }\n    this._resizeObserver = new ResizeObserver(() => {\n      this._autosize()\n    })\n    if (this._textarea) this._resizeObserver.observe(this._textarea)\n    this._autosize()\n  }\n\n  private _teardownAutosize(resetHeight = false) {\n    this._resizeObserver?.disconnect()\n    this._resizeObserver = null\n    if (resetHeight) this._textarea?.style.removeProperty('height')\n  }\n\n  private _autosize() {\n    if (!this._textarea || !this.autosize) return\n    this._textarea.style.height = 'auto'\n    // height:auto 时 rows 已驱动自然高，scrollHeight 恒 ≥ rows 行高，无需额外 floor；\n    // 上限由 CSS max-height（maxHeight 属性）钳制，这里只负责随内容增高，默认无限\n    this._textarea.style.height = `${this._textarea.scrollHeight}px`\n  }\n\n  private handleInput(e: Event) {\n    if (this._isDisabled || this.readonly) return\n    if (!(e.target instanceof HTMLTextAreaElement)) return\n    this._value = e.target.value\n    this._formAssociation.sync()\n    this._syncValidity()\n  }\n\n  private handleFocus() {\n    if (!this._isDisabled) this._focused = true\n  }\n\n  private handleBlur() {\n    this._focused = false\n  }\n\n  // 原生 change 不 composed，被 shadow root 挡住；这里补发 composed 事件，\n  // 兑现 $events/README 声明的公共 change 契约。\n  private handleNativeChange(e: Event) {\n    if (this._isDisabled || this.readonly) return\n    if (!(e.target instanceof HTMLTextAreaElement)) return\n    this._value = e.target.value\n    this._formAssociation.sync()\n    this._syncValidity()\n    this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n  }\n\n  override focus(options?: FocusOptions) {\n    if (this._isDisabled) return\n    this.shadowRoot?.querySelector('textarea')?.focus(options)\n  }\n\n  override blur() {\n    this.shadowRoot?.querySelector('textarea')?.blur()\n  }\n\n  /**\n   * 公共 API：全选当前值。\n   *\n   * `disabled` 时与 `focus()` 一致不产生效果；原生控件未渲染时安全 no-op。\n   */\n  select() {\n    if (this._isDisabled) return\n    this.shadowRoot?.querySelector('textarea')?.select()\n  }\n\n  private focusTextarea() {\n    if (this._isDisabled) return\n    this.shadowRoot?.querySelector('textarea')?.focus()\n  }\n\n  private _onSlotChange(e: Event) {\n    if (!(e.target instanceof HTMLSlotElement)) return\n    const slot = e.target\n    const hasContent = slot.assignedElements().length > 0\n    if (slot.name === 'prefix') this._hasPrefix = hasContent\n    if (slot.name === 'suffix') this._hasSuffix = hasContent\n  }\n\n  private handleClear() {\n    if (this._isDisabled || this.readonly) return\n    this._value = ''\n    this._formAssociation.sync()\n    this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n  }\n\n  private preventMouseDownBlur(e: Event) {\n    e.preventDefault()\n  }\n\n  override render() {\n    // disabled / readonly 时隐藏清除 button，避免暴露不可执行的值修改操作\n    const showClear = this.clearable && this._value && !this._isDisabled && !this.readonly\n\n    return html`\n      <div class=\"wui-glass wui-textarea-inner\" @click=${this.focusTextarea}>\n        <slot name=\"prefix\" class=${classMap({ empty: !this._hasPrefix })} @slotchange=${this._onSlotChange}></slot>\n        <textarea\n          id=${this._fieldId}\n          placeholder=${this.placeholder}\n          name=${this.name}\n          aria-label=${ifDefined(this.ariaLabel)}\n          aria-labelledby=${ifDefined(this.ariaLabelledby)}\n          .rows=${this.rows}\n          minlength=${ifDefined(this.minlength)}\n          maxlength=${ifDefined(this.maxlength)}\n          ?disabled=${this._isDisabled}\n          ?readonly=${this.readonly}\n          ?required=${this.required}\n          .value=${this._value}\n          style=${this.maxHeight > 0 ? styleMap({ 'max-height': `${this.maxHeight}px` }) : nothing}\n          @input=${this.handleInput}\n          @change=${this.handleNativeChange}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        ></textarea>\n        ${\n          showClear\n            ? html`<web-ui-button\n                icon\n                variant=\"ghost\"\n                size=\"20\"\n                aria-label=${resolveBuiltinLabel('clear', this.ariaClearLabel)}\n                @pointerdown=${this.preventMouseDownBlur}\n                @click=${this.handleClear}\n              >\n                <web-ui-icon .icon=${jamCloseCircleF} size=\"14\"></web-ui-icon>\n              </web-ui-button>`\n            : ''\n        }\n        <slot name=\"suffix\" class=${classMap({ empty: !this._hasSuffix })} @slotchange=${this._onSlotChange}></slot>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n    focus: FocusEvent\n    blur: FocusEvent\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-textarea': WebUiTextarea\n  }\n}\n"],"mappings":"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"}

package/dist/components/textarea/style.js

@@ -1,6 +1,5 @@
-//#region src/components/textarea/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{--wui-textarea-clear-color:var(--wui-color-text-tertiary,color-mix(in srgb, var(--wui-color-text) 35%, transparent));display:block}:host([disabled]){cursor:not-allowed;opacity:.4}.wui-textarea-inner{--wui-glass-corner-radius:var(--wui-radius-menu,18px);gap:var(--wui-space-2,8px);box-sizing:border-box;width:var(--wui-textarea-width,200px);min-width:var(--wui-control-size,36px);min-height:var(--wui-control-size,36px);padding:7.5px var(--wui-space-3,12px);border-radius:var(--wui-radius-menu,18px);align-items:flex-start;display:flex;position:relative}:host([full]) .wui-textarea-inner{width:100%}:host([borderless]) .wui-textarea-inner{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none}:host([borderless]) .wui-textarea-inner:before{content:none}textarea{resize:vertical;box-sizing:border-box;width:100%;font:inherit;font-size:var(--wui-font-size,14px);line-height:var(--wui-line-height-normal,1.5);color:var(--wui-color-text,#1b1b1b);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;display:block}textarea::placeholder{font:inherit;color:var(--wui-color-text-secondary,#6a6a6a)}textarea:disabled{cursor:not-allowed}textarea:read-only{cursor:default}:host([autosize]) textarea{resize:none}@media (pointer:coarse){textarea{font-size:max(16px, var(--wui-font-size,14px))}}.wui-textarea-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-textarea-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))}slot{font-size:var(--wui-font-size,14px);color:var(--wui-color-text-secondary,#6a6a6a);flex-shrink:0;align-items:center;display:flex}slot.empty{display:none}.wui-textarea-inner web-ui-button[variant=ghost]{--wui-button-color:var(--wui-textarea-clear-color);margin-top:calc((var(--wui-font-size,14px) * 1.5 - 24px) / 2);margin-left:-8px;margin-right:-4px}";
-//#endregion
-export { e as default };
+// src/components/textarea/style.css?inline
+var style_default = "*,:before,:after{box-sizing:border-box}:host{--wui-textarea-clear-color:var(--wui-color-text-tertiary,color-mix(in srgb, var(--wui-color-text) 35%, transparent));display:block}:host([disabled]){cursor:not-allowed;opacity:.4}.wui-textarea-inner{--wui-glass-corner-radius:var(--wui-radius-menu,18px);gap:var(--wui-space-2,8px);box-sizing:border-box;width:var(--wui-textarea-width,200px);min-width:var(--wui-control-size,36px);min-height:var(--wui-control-size,36px);padding:7.5px var(--wui-space-3,12px);border-radius:var(--wui-radius-menu,18px);align-items:flex-start;display:flex;position:relative}:host([full]) .wui-textarea-inner{width:100%}:host([borderless]) .wui-textarea-inner{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none}:host([borderless]) .wui-textarea-inner:before{content:none}textarea{resize:vertical;box-sizing:border-box;width:100%;font:inherit;font-size:var(--wui-font-size,14px);line-height:var(--wui-line-height-normal,1.5);color:var(--wui-color-text,#1b1b1b);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;display:block}textarea::placeholder{font:inherit;color:var(--wui-color-text-secondary,#6a6a6a)}textarea:disabled{cursor:not-allowed}textarea:read-only{cursor:default}:host([autosize]) textarea{resize:none}@media (pointer:coarse){textarea{font-size:max(16px, var(--wui-font-size,14px))}}.wui-textarea-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-textarea-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))}slot{font-size:var(--wui-font-size,14px);color:var(--wui-color-text-secondary,#6a6a6a);flex-shrink:0;align-items:center;display:flex}slot.empty{display:none}.wui-textarea-inner web-ui-button[variant=ghost]{--wui-button-color:var(--wui-textarea-clear-color);margin-top:calc((var(--wui-font-size,14px) * 1.5 - 24px) / 2);margin-left:-8px;margin-right:-4px}\n";
+export { style_default as default };
 
 //# sourceMappingURL=style.js.map

package/dist/components/textarea/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/textarea/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  --wui-textarea-clear-color: var(\n    --wui-color-text-tertiary,\n    color-mix(in srgb, var(--wui-color-text) 35%, transparent)\n  );\n  display: block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wui-textarea-inner {\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n  position: relative;\n\n  display: flex;\n  gap: var(--wui-space-2, 8px);\n  align-items: flex-start;\n\n  box-sizing: border-box;\n  width: var(--wui-textarea-width, 200px);\n  min-width: var(--wui-control-size, 36px);\n  min-height: var(--wui-control-size, 36px);\n  padding: 7.5px var(--wui-space-3, 12px);\n  border-radius: var(--wui-radius-menu, 18px);\n}\n\n:host([full]) .wui-textarea-inner {\n  width: 100%;\n}\n\n:host([borderless]) .wui-textarea-inner {\n  border: none;\n  background: transparent;\n  backdrop-filter: none;\n  box-shadow: none;\n}\n\n/* borderless 必须移除 glass 描边环（.wui-glass::before 底环 + 对角光泽），\n   否则无框后仍残留 1px 描边 */\n:host([borderless]) .wui-textarea-inner::before {\n  content: none;\n}\n\ntextarea {\n  resize: vertical;\n\n  display: block;\n  flex: 1;\n\n  box-sizing: border-box;\n  width: 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  line-height: var(--wui-line-height-normal, 1.5);\n  color: var(--wui-color-text, #1b1b1b);\n\n  background: transparent;\n  outline: none;\n\n  &::placeholder {\n    /* 同 input：占位文本的排版属于控件，不在这里另写一份 */\n    font: inherit;\n    color: var(--wui-color-text-secondary, #6a6a6a);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:read-only {\n    cursor: default;\n  }\n}\n\n/*\n * autosize 由组件用 JS 独占高度（_autosize 写内联 height），原生 resize 拖拽与它是\n * 两套高度来源：用户拖高后，下一次内容变化又会被 autosize 拉回去，拖拽变成假动作。\n * 所以 autosize 下关掉 resize grip，需要上限高度请用 max-height（CSS 钳制）。\n */\n:host([autosize]) textarea {\n  resize: none;\n}\n\n/* Coarse pointers include iOS Safari, where a sub-16px font triggers focus zoom. */\n@media (pointer: coarse) {\n  textarea {\n    font-size: max(16px, var(--wui-font-size, 14px));\n  }\n}\n\n/* Focus ring 独立成 ::after 层：base/focused 都是显式 box-shadow，保证所有变体都能过渡 */\n.wui-textarea-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-textarea-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\nslot {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n\n  font-size: var(--wui-font-size, 14px);\n  color: var(--wui-color-text-secondary, #6a6a6a);\n}\n\nslot.empty {\n  display: none;\n}\n\n/* 复用 web-ui-button icon ghost：仅覆盖颜色为 faint 并对齐首行，保持弱意图清除 icon 观感；\n  负 margin-left 抵消容器 flex gap，让清除 button 紧贴 textarea 内容\n  负 margin-right 抵消 button padding，让清除 button 右侧 spacing 视觉上协调 */\n.wui-textarea-inner web-ui-button[variant='ghost'] {\n  --wui-button-color: var(--wui-textarea-clear-color);\n\n  /* 与首行文字垂直居中对齐：容器 align-items: flex-start 使 button 贴内容区顶部，\n    首行中心 = padding-top + 行高/2；24px button 需相对内容区上移 (行高 − button 高度) / 2 */\n  margin-top: calc((var(--wui-font-size, 14px) * 1.5 - 24px) / 2);\n  margin-right: -4px;\n  margin-left: -8px;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/textarea/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  --wui-textarea-clear-color: var(\n    --wui-color-text-tertiary,\n    color-mix(in srgb, var(--wui-color-text) 35%, transparent)\n  );\n  display: block;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.wui-textarea-inner {\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n  position: relative;\n\n  display: flex;\n  gap: var(--wui-space-2, 8px);\n  align-items: flex-start;\n\n  box-sizing: border-box;\n  width: var(--wui-textarea-width, 200px);\n  min-width: var(--wui-control-size, 36px);\n  min-height: var(--wui-control-size, 36px);\n  padding: 7.5px var(--wui-space-3, 12px);\n  border-radius: var(--wui-radius-menu, 18px);\n}\n\n:host([full]) .wui-textarea-inner {\n  width: 100%;\n}\n\n:host([borderless]) .wui-textarea-inner {\n  border: none;\n  background: transparent;\n  backdrop-filter: none;\n  box-shadow: none;\n}\n\n/* borderless 必须移除 glass 描边环（.wui-glass::before 底环 + 对角光泽），\n   否则无框后仍残留 1px 描边 */\n:host([borderless]) .wui-textarea-inner::before {\n  content: none;\n}\n\ntextarea {\n  resize: vertical;\n\n  display: block;\n  flex: 1;\n\n  box-sizing: border-box;\n  width: 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  line-height: var(--wui-line-height-normal, 1.5);\n  color: var(--wui-color-text, #1b1b1b);\n\n  background: transparent;\n  outline: none;\n\n  &::placeholder {\n    /* 同 input：占位文本的排版属于控件，不在这里另写一份 */\n    font: inherit;\n    color: var(--wui-color-text-secondary, #6a6a6a);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:read-only {\n    cursor: default;\n  }\n}\n\n/*\n * autosize 由组件用 JS 独占高度（_autosize 写内联 height），原生 resize 拖拽与它是\n * 两套高度来源：用户拖高后，下一次内容变化又会被 autosize 拉回去，拖拽变成假动作。\n * 所以 autosize 下关掉 resize grip，需要上限高度请用 max-height（CSS 钳制）。\n */\n:host([autosize]) textarea {\n  resize: none;\n}\n\n/* Coarse pointers include iOS Safari, where a sub-16px font triggers focus zoom. */\n@media (pointer: coarse) {\n  textarea {\n    font-size: max(16px, var(--wui-font-size, 14px));\n  }\n}\n\n/* Focus ring 独立成 ::after 层：base/focused 都是显式 box-shadow，保证所有变体都能过渡 */\n.wui-textarea-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-textarea-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\nslot {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n\n  font-size: var(--wui-font-size, 14px);\n  color: var(--wui-color-text-secondary, #6a6a6a);\n}\n\nslot.empty {\n  display: none;\n}\n\n/* 复用 web-ui-button icon ghost：仅覆盖颜色为 faint 并对齐首行，保持弱意图清除 icon 观感；\n  负 margin-left 抵消容器 flex gap，让清除 button 紧贴 textarea 内容\n  负 margin-right 抵消 button padding，让清除 button 右侧 spacing 视觉上协调 */\n.wui-textarea-inner web-ui-button[variant='ghost'] {\n  --wui-button-color: var(--wui-textarea-clear-color);\n\n  /* 与首行文字垂直居中对齐：容器 align-items: flex-start 使 button 贴内容区顶部，\n    首行中心 = padding-top + 行高/2；24px button 需相对内容区上移 (行高 − button 高度) / 2 */\n  margin-top: calc((var(--wui-font-size, 14px) * 1.5 - 24px) / 2);\n  margin-right: -4px;\n  margin-left: -8px;\n}\n"],"mappings":";AAAA,IAAA,gBAAA"}

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

@@ -1,51 +1,52 @@
-import { LitElement } from 'lit';
+import { LitElement } from "lit";
 export type ThemeAppearance = 'light' | 'dark' | 'system';
 export type ResolvedThemeAppearance = 'light' | 'dark';
 export type ThemeMotion = 'full' | 'reduced' | 'system';
 export declare class WebUiTheme extends LitElement {
-    static styles: import('lit').CSSResult;
-    get appearance(): ThemeAppearance | undefined;
-    set appearance(v: string | undefined);
-    private _appearance?;
-    private _appearanceRequest;
-    private _resolvedAppearance;
-    get resolvedAppearance(): ResolvedThemeAppearance;
-    private _setResolvedAppearance;
-    private _syncResolvedAppearance;
-    private _syncSystemAppearanceSubscription;
-    private _unsubscribeSystemAppearance?;
-    get motion(): ThemeMotion;
-    set motion(v: string);
-    private _motion;
-    private _transitionOriginListening;
-    private _transitionRequested;
-    private _warned;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected updated(): void;
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    private _syncRootPageColorSync;
-    getOverlayRoot(): HTMLElement | undefined;
-    isReducedMotion(): boolean;
-    private _findThemeAncestor;
-    private _contentWidth;
-    private _transitionOrigin;
-    private _syncTransitionOriginListeners;
-    private _transitionMotion;
-    private _shouldAnimateAppearance;
-    private _startThemeTransition;
-    private _transitionKeyframes;
-    private _cleanupThemeTransition;
-    private _activeTransition?;
-    private _transitionCleanup?;
-    private _transitionInputSkipCleanup?;
-    render(): import('lit').TemplateResult<1>;
-    firstUpdated(): void;
-    private _hasAppearance;
-    private _warnWhenAppearanceIsMissing;
+  static styles: import("lit").CSSResult;
+  get appearance(): ThemeAppearance | undefined;
+  set appearance(v: string | undefined);
+  private _appearance?;
+  private _appearanceRequest;
+  private _resolvedAppearance;
+  get resolvedAppearance(): ResolvedThemeAppearance;
+  private _setResolvedAppearance;
+  private _syncResolvedAppearance;
+  private _syncSystemAppearanceSubscription;
+  private _unsubscribeSystemAppearance?;
+  get motion(): ThemeMotion;
+  set motion(v: string);
+  private _motion;
+  private _transitionOriginListening;
+  private _transitionRequested;
+  private _warned;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected updated(): void;
+  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+  private _syncRootTokens;
+  getOverlayRoot(): HTMLElement | undefined;
+  isReducedMotion(): boolean;
+  private _findThemeAncestor;
+  private _contentWidth;
+  private _transitionOrigin;
+  private _syncTransitionOriginListeners;
+  private _transitionMotion;
+  private _shouldAnimateAppearance;
+  private _startThemeTransition;
+  private _transitionKeyframes;
+  private _cleanupThemeTransition;
+  private _activeTransition?;
+  private _transitionCleanup?;
+  private _transitionInputSkipCleanup?;
+  render(): import("lit").TemplateResult<1>;
+  firstUpdated(): void;
+  private _hasAppearance;
+  private _warnWhenAppearanceIsMissing;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'web-ui-theme': WebUiTheme;
-    }
+  interface HTMLElementTagNameMap {
+    'web-ui-theme': WebUiTheme;
+  }
 }
+//# sourceMappingURL=index.d.ts.map

package/dist/components/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/theme/index.ts"],"mappings":";YAcY;YACA;YACA;qBAsFC,mBAAmB;SACd,sBAAM;MAGlB,cAAc;MAGd,WAAW;UA+BP;UACA;UAOA;MAEJ,sBAAsB;UAIlB;UAQA;UAKA;UAYA;MAGJ,UAAU;MAGV,OAAO;UAKH;UAEA;UACA;UAEA;EAEC;EAUA;YAUU;EAKV,yBAAyB,cAAc,yBAAyB;UAWjE;EAMR,kBAAkB;EAMlB;UAWQ;UAeA;UAUA;UAYA;UAOA;UAQA;UAaM;UA2IN;UAWA;UASA;UACA;UACA;EAEC,wBAAM;EAIN;UAMD;UAIA;;QAOF;YACI;IACR,gBAAgB"}