@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/Input-BYWFIgNn.js

@@ -0,0 +1,593 @@
+import "./src-DNBBthjO.js";
+import { C as e, _ as t, b as n, h as r, p as i, t as a } from "./foundation-Cawx37mp.js";
+import { t as o } from "./env-BeIzjQx7.js";
+import "./keyCode-DMNg63wX.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as ee, createVNode as d, defineComponent as f, getCurrentInstance as p, isVNode as m, markRaw as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as te, onBeforeUnmount as ne, onMounted as y, openBlock as b, renderSlot as x, shallowReactive as S, unref as C, useAttrs as w, useSlots as re, useTemplateRef as ie, watch as T } from "vue";
+import { IconClear as ae, IconEyeClosedSolid as E, IconEyeOpened as D } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var O = { PREFIX: `${o}-input` }, k = {
+	SIZE: [
+		"small",
+		"large",
+		"default"
+	],
+	DEFAULT_SIZE: "default",
+	STATUS: [
+		"default",
+		"error",
+		"warning",
+		"success"
+	],
+	CLEARBTN_CLICKED_EVENT_FLAG: "__fromClearBtn",
+	MODE: ["password"]
+}, A = {};
+//#endregion
+//#region bundled-foundation
+function j(e) {
+	let { value: t, maxLength: n, getValueLength: r } = e;
+	if ((0, i.default)(r)) {
+		let e = 0, i = t.length;
+		for (; e < i;) {
+			let a = e + Math.floor((i - e) / 2);
+			r(t.slice(0, a + 1)) > n ? i = a : e = a + 1;
+		}
+		return t.slice(0, e);
+	}
+	return t.slice(0, n);
+}
+//#endregion
+//#region bundled-foundation
+var M = class o extends a {
+	static get inputDefaultAdapter() {
+		return {
+			notifyChange: n.default,
+			setValue: n.default
+		};
+	}
+	constructor(e) {
+		super({
+			...o.inputDefaultAdapter,
+			...e
+		}), this.compositionEnter = !1, this.getNextValue = (e) => {
+			let { maxLength: t, minLength: n, getValueLength: r } = this._adapter.getProps();
+			return (0, i.default)(r) ? t ? this.handleVisibleMaxLength(e) : (n && this.handleVisibleMinLength(e), e) : e;
+		}, this.changeInput = (e, t) => {
+			this._isControlledComponent() || this._adapter.setValue(e), this._adapter.notifyChange(e, t);
+		}, this.handleCompositionStart = (e) => {
+			this.compositionEnter = !0, this._adapter.notifyCompositionStart(e);
+		}, this.handleCompositionEnd = (e) => {
+			let { composition: t } = this._adapter.getProps(), n = e.target.value;
+			if (this.compositionEnter = !1, this._adapter.notifyCompositionEnd(e), t) {
+				let t = this.getNextValue(n);
+				this.changeInput(t, e);
+				return;
+			}
+			let { getValueLength: r, maxLength: a, minLength: o } = this.getProps();
+			if ((0, i.default)(r)) {
+				if (a) {
+					let t = this.handleVisibleMaxLength(n);
+					t !== n && this.changeInput(t, e);
+				}
+				o && this.handleVisibleMinLength(n);
+			}
+		}, this.handleCompositionUpdate = (e) => {
+			this._adapter.notifyCompositionUpdate(e);
+		};
+	}
+	destroy() {
+		this._timer &&= (clearTimeout(this._timer), null);
+	}
+	setDisable() {}
+	setValue(e) {
+		this._adapter.setValue(e);
+	}
+	handleChange(e, t) {
+		let { composition: n } = this._adapter.getProps(), r = e;
+		if (n && this.compositionEnter) {
+			this._adapter.setValue(r);
+			return;
+		}
+		this.compositionEnter || (r = this.getNextValue(r)), this.changeInput(r, t);
+	}
+	handleVisibleMinLength(e) {
+		let { minLength: n, getValueLength: a } = this._adapter.getProps(), { minLength: o } = this._adapter.getStates();
+		if ((0, r.default)(n) && n >= 0 && (0, i.default)(a) && (0, t.default)(e)) {
+			let t = a(e);
+			if (t < n) {
+				let r = e.length + (n - t);
+				r !== o && this._adapter.setMinLength(r);
+			} else o !== n && this._adapter.setMinLength(n);
+		}
+	}
+	handleVisibleMaxLength(e) {
+		let { maxLength: n, getValueLength: a } = this._adapter.getProps();
+		return (0, r.default)(n) && n >= 0 && (0, i.default)(a) && (0, t.default)(e) && a(e) > n ? (console.warn("[Semi Input] The input character is truncated because the input length exceeds the maximum length limit"), this.handleTruncateValue(e, n)) : e;
+	}
+	handleTruncateValue(e, t) {
+		let { getValueLength: n } = this._adapter.getProps();
+		return j({
+			value: e,
+			maxLength: t,
+			getValueLength: n
+		});
+	}
+	handleClear(t) {
+		let n = t;
+		this._isControlledComponent("value") ? this._adapter.setState({ isFocus: !1 }) : this._adapter.setState({
+			value: "",
+			isFocus: !1
+		}), (!n || typeof n != "object") && (n = {}), (0, e.default)(n, k.CLEARBTN_CLICKED_EVENT_FLAG, !0), this._adapter.notifyChange("", n), this._adapter.notifyClear(n), n && this.stopPropagation(n);
+	}
+	handleClick(e) {
+		let { disabled: t } = this._adapter.getProps(), { isFocus: n } = this._adapter.getStates();
+		t || n || this._adapter.isEventTarget(e) && (this._adapter.focusInput(), this._adapter.toggleFocusing(!0));
+	}
+	handleModeChange(e) {
+		e === "password" ? this._adapter.setEyeClosed(!0) : this._adapter.setEyeClosed(!1);
+	}
+	handleClickEye(e) {
+		let t = this._adapter.getState("eyeClosed");
+		this._adapter.focusInput(), this._adapter.toggleFocusing(!0), this._adapter.setEyeClosed(!t);
+	}
+	handleInputType(e) {
+		let t = this._adapter.getProp("mode"), n = this._adapter.getState("eyeClosed");
+		return t === "password" ? n ? "password" : "text" : e;
+	}
+	handleMouseDown(e) {
+		e.preventDefault();
+	}
+	handleMouseUp(e) {
+		e.preventDefault();
+	}
+	handleBlur(e) {
+		let { value: t } = this.getStates();
+		this._adapter.toggleFocusing(!1), this._adapter.notifyBlur(t, e);
+	}
+	handleFocus(e) {
+		let { value: t } = this.getStates();
+		this._adapter.toggleFocusing(!0), this._adapter.notifyFocus(t, e);
+	}
+	handleInput(e) {
+		this._adapter.notifyInput(e);
+	}
+	handleKeyDown(e) {
+		this._adapter.notifyKeyDown(e);
+	}
+	handleKeyUp(e) {
+		this._adapter.notifyKeyUp(e);
+	}
+	handleKeyPress(e) {
+		this._adapter.notifyKeyPress(e), e.key === "Enter" && this._adapter.notifyEnterPress(e);
+	}
+	isAllowClear() {
+		let { value: e, isFocus: t, isHovering: n } = this._adapter.getStates(), { showClear: r, disabled: i, showClearIgnoreDisabled: a } = this._adapter.getProps();
+		return e && r && (!i || a) && (t || n);
+	}
+	handleClickPrefixOrSuffix(e) {
+		let { disabled: t } = this._adapter.getProps(), { isFocus: n } = this._adapter.getStates();
+		!t && !n && (this._adapter.focusInput(), this._adapter.toggleFocusing(!0));
+	}
+	handlePreventMouseDown(e) {
+		e && (0, i.default)(e.preventDefault) && e.preventDefault();
+	}
+	handleModeEnterPress(e) {
+		["Enter", " "].includes(e?.key) && (this.handlePreventMouseDown(e), this.handleClickEye(e));
+	}
+}, N = f({
+	name: "InputNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup: (e) => () => e.content
+}), oe = ["id"], se = [
+	"id",
+	"disabled",
+	"readonly",
+	"type",
+	"placeholder",
+	"value",
+	"maxlength",
+	"minlength",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-errormessage",
+	"aria-required",
+	"aria-invalid"
+], ce = ["aria-label"], P = "semi-input", F = /* @__PURE__ */ f({
+	name: "Input",
+	inheritAttrs: !1,
+	__name: "Input",
+	props: {
+		addonAfter: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: ""
+		},
+		addonBefore: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: ""
+		},
+		autoFocus: { type: Boolean },
+		borderless: {
+			type: Boolean,
+			default: !1
+		},
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		clearIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		composition: {
+			type: Boolean,
+			default: !1
+		},
+		defaultValue: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		getValueLength: {},
+		hideSuffix: {
+			type: Boolean,
+			default: !1
+		},
+		id: {},
+		inputStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		insetLabel: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: ""
+		},
+		insetLabelId: {},
+		maxLength: {},
+		minLength: {},
+		mode: {},
+		modelValue: {},
+		onlyBorder: {},
+		placeholder: { default: "" },
+		prefix: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: ""
+		},
+		preventScroll: { type: Boolean },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		showClear: {
+			type: Boolean,
+			default: !1
+		},
+		showClearIgnoreDisabled: { type: Boolean },
+		size: { default: "default" },
+		suffix: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: ""
+		},
+		type: { default: "text" },
+		validateStatus: { default: "default" },
+		value: {},
+		ariaDescribedby: {},
+		ariaErrormessage: {},
+		ariaInvalid: { type: [Boolean, String] },
+		ariaLabel: {},
+		ariaLabelledby: {},
+		ariaRequired: { type: [Boolean, String] }
+	},
+	emits: [
+		"blur",
+		"change",
+		"clear",
+		"compositionEnd",
+		"compositionStart",
+		"compositionUpdate",
+		"enterPress",
+		"focus",
+		"input",
+		"keydown",
+		"keypress",
+		"keyup",
+		"update:modelValue",
+		"update:value"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = w(), o = re(), f = p(), O = ie("input");
+		function k(e) {
+			let t = e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), n = f?.vnode.props;
+			return !!(n && (Object.prototype.hasOwnProperty.call(n, e) || Object.prototype.hasOwnProperty.call(n, t)));
+		}
+		let A = s(() => k("value")), j = s(() => k("modelValue")), F = s(() => A.value || j.value), I = s(() => A.value ? r.value : r.modelValue), L = S({
+			value: F.value ? I.value : r.defaultValue,
+			cachedValue: I.value,
+			isFocus: !1,
+			isHovering: !1,
+			eyeClosed: r.mode === "password",
+			minLength: r.minLength
+		}), R = /* @__PURE__ */ new Map();
+		function z(e, t) {
+			return o[e]?.() ?? t;
+		}
+		function B(e) {
+			return Array.isArray(e) ? e.find((e) => m(e)) : m(e) ? e : void 0;
+		}
+		function V(e) {
+			let t = B(e);
+			if (!t) return !1;
+			if (typeof t.type == "object" || typeof t.type == "function") {
+				let e = t.type;
+				return e.elementType === "Icon" || /Icon/.test(e.name ?? e.__name ?? "");
+			}
+			return !1;
+		}
+		let H = s(() => z("addonBefore", r.addonBefore)), U = s(() => z("addonAfter", r.addonAfter)), W = s(() => z("insetLabel", r.insetLabel)), G = s(() => z("prefix", r.prefix)), K = s(() => z("suffix", r.suffix)), q = s(() => G.value || W.value), le = s(() => z("clearIcon", r.clearIcon)), J = s(() => Z.isAllowClear()), Y = s(() => V(K.value)), ue = s(() => L.value === null || L.value === void 0 ? "" : L.value), de = s(() => Z.handleInputType(r.type)), fe = s(() => [
+			a.class,
+			r.className,
+			`${P}-wrapper`,
+			q.value ? `${P}-wrapper__with-prefix` : void 0,
+			K.value ? `${P}-wrapper__with-suffix` : void 0,
+			J.value && r.hideSuffix ? `${P}-wrapper__with-suffix-hidden` : void 0,
+			Y.value ? `${P}-wrapper__with-suffix-icon` : void 0,
+			H.value ? `${P}-wrapper__with-append` : void 0,
+			U.value ? `${P}-wrapper__with-prepend` : void 0,
+			H.value && !U.value ? `${P}-wrapper__with-append-only` : void 0,
+			!H.value && U.value ? `${P}-wrapper__with-prepend-only` : void 0,
+			r.readonly ? `${P}-wrapper-readonly` : void 0,
+			r.disabled ? `${P}-wrapper-disabled` : void 0,
+			r.validateStatus === "warning" ? `${P}-wrapper-warning` : void 0,
+			r.validateStatus === "error" ? `${P}-wrapper-error` : void 0,
+			L.isFocus ? `${P}-wrapper-focus` : void 0,
+			r.showClear ? `${P}-wrapper-clearable` : void 0,
+			r.mode === "password" ? `${P}-wrapper-modebtn` : void 0,
+			r.type === "hidden" ? `${P}-wrapper-hidden` : void 0,
+			`${P}-wrapper-${r.size}`,
+			r.borderless ? `${P}-borderless` : void 0,
+			r.onlyBorder !== void 0 && r.onlyBorder !== null ? `${P}-only_border` : void 0
+		]), pe = s(() => [
+			P,
+			`${P}-${r.size}`,
+			r.disabled ? `${P}-disabled` : void 0,
+			J.value ? `${P}-sibling-clearbtn` : void 0,
+			r.mode === "password" ? `${P}-sibling-modebtn` : void 0
+		]), me = s(() => [r.onlyBorder === void 0 ? void 0 : { borderWidth: r.onlyBorder }, a.style]), he = s(() => Object.fromEntries(Object.entries(a).filter(([e]) => e !== "class" && e !== "style")));
+		function X() {
+			let e = {
+				composition: r.composition,
+				disabled: r.disabled,
+				getValueLength: r.getValueLength,
+				maxLength: r.maxLength,
+				minLength: r.minLength,
+				mode: r.mode,
+				showClear: r.showClear,
+				showClearIgnoreDisabled: r.showClearIgnoreDisabled
+			};
+			return F.value && (e.value = I.value), e;
+		}
+		let Z = h(new M({
+			getContext: () => void 0,
+			getContexts: () => void 0,
+			getProp: (e) => X()[e],
+			getProps: X,
+			getState: (e) => L[e],
+			getStates: () => L,
+			setState: (e, t) => {
+				Object.assign(L, e), t?.();
+			},
+			getCache: (e) => R.get(e),
+			getCaches: () => R,
+			setCache: (e, t) => R.set(String(e), t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			setValue: (e) => {
+				L.value = e;
+			},
+			setMinLength: (e) => {
+				L.minLength = e;
+			},
+			notifyChange: (e, t) => {
+				i("change", e, t), i("update:value", e), i("update:modelValue", e);
+			},
+			notifyClear: (e) => i("clear", e),
+			notifyBlur: (e, t) => i("blur", t),
+			setEyeClosed: (e) => {
+				L.eyeClosed = e;
+			},
+			toggleFocusing: (e) => {
+				L.isFocus = e;
+			},
+			focusInput: () => Q(),
+			notifyFocus: (e, t) => i("focus", t),
+			notifyInput: (e) => i("input", e),
+			notifyKeyDown: (e) => i("keydown", e),
+			notifyKeyUp: (e) => i("keyup", e),
+			notifyKeyPress: (e) => i("keypress", e),
+			notifyEnterPress: (e) => i("enterPress", e),
+			notifyCompositionStart: (e) => i("compositionStart", e),
+			notifyCompositionEnd: (e) => i("compositionEnd", e),
+			notifyCompositionUpdate: (e) => i("compositionUpdate", e),
+			isEventTarget: (e) => e.target === e.currentTarget
+		}));
+		function Q() {
+			O.value?.focus({ preventScroll: r.preventScroll });
+		}
+		function ge() {
+			O.value?.blur();
+		}
+		function _e() {
+			O.value?.select();
+		}
+		function $() {
+			F.value && _(() => {
+				L.value = I.value, O.value && (O.value.value = String(I.value ?? ""));
+			});
+		}
+		function ve(e) {
+			Z.handleInput(e), Z.handleChange(e.currentTarget.value, e), $();
+		}
+		function ye(e) {
+			Z.handleCompositionEnd(e), $();
+		}
+		return T(I, (e) => {
+			F.value && (L.value = e, L.cachedValue = e);
+		}), T(() => r.mode, (e) => Z.handleModeChange(e)), y(() => {
+			Z.init(), !r.disabled && r.autoFocus && Q();
+		}), ne(() => Z.destroy()), t({
+			get input() {
+				return O.value;
+			},
+			focus: Q,
+			blur: ge,
+			select: _e
+		}), (e, t) => (b(), u("div", {
+			class: v(fe.value),
+			style: te(me.value),
+			onMouseenter: t[16] ||= (e) => C(L).isHovering = !0,
+			onMouseleave: t[17] ||= (e) => C(L).isHovering = !1,
+			onClick: t[18] ||= (...e) => C(Z).handleClick && C(Z).handleClick(...e)
+		}, [
+			H.value ? (b(), u("div", {
+				key: 0,
+				class: v([
+					`${P}-prepend`,
+					typeof H.value == "string" ? `${P}-prepend-text` : void 0,
+					V(H.value) ? `${P}-prepend-icon` : void 0
+				]),
+				"x-semi-prop": "addonBefore"
+			}, [x(e.$slots, "addonBefore", {}, () => [d(C(N), { content: r.addonBefore }, null, 8, ["content"])])], 2)) : l("", !0),
+			q.value ? (b(), u("div", {
+				key: 1,
+				id: r.insetLabelId,
+				class: v([
+					`${P}-prefix`,
+					W.value ? `${P}-inset-label` : void 0,
+					typeof q.value == "string" ? `${P}-prefix-text` : void 0,
+					V(q.value) ? `${P}-prefix-icon` : void 0
+				]),
+				"x-semi-prop": "prefix,insetLabel",
+				onMousedown: t[0] ||= (...e) => C(Z).handlePreventMouseDown && C(Z).handlePreventMouseDown(...e),
+				onClick: t[1] ||= (...e) => C(Z).handleClickPrefixOrSuffix && C(Z).handleClickPrefixOrSuffix(...e)
+			}, [G.value ? x(e.$slots, "prefix", {}, () => [d(C(N), { content: r.prefix }, null, 8, ["content"])], void 0, 0) : x(e.$slots, "insetLabel", {}, () => [d(C(N), { content: r.insetLabel }, null, 8, ["content"])], void 0, 1)], 42, oe)) : l("", !0),
+			ee("input", g(he.value, {
+				id: r.id,
+				ref_key: "input",
+				ref: O,
+				class: pe.value,
+				style: r.inputStyle,
+				disabled: r.disabled,
+				readonly: r.readonly,
+				type: de.value,
+				placeholder: String(r.placeholder ?? ""),
+				value: ue.value,
+				maxlength: r.getValueLength ? void 0 : r.maxLength,
+				minlength: C(L).minLength || void 0,
+				"aria-label": r.ariaLabel,
+				"aria-labelledby": r.ariaLabelledby,
+				"aria-describedby": r.ariaDescribedby,
+				"aria-errormessage": r.ariaErrormessage,
+				"aria-required": r.ariaRequired,
+				"aria-invalid": r.validateStatus === "error" ? "true" : r.ariaInvalid,
+				onInput: ve,
+				onFocus: t[2] ||= (...e) => C(Z).handleFocus && C(Z).handleFocus(...e),
+				onBlur: t[3] ||= (...e) => C(Z).handleBlur && C(Z).handleBlur(...e),
+				onKeydown: t[4] ||= (...e) => C(Z).handleKeyDown && C(Z).handleKeyDown(...e),
+				onKeyup: t[5] ||= (...e) => C(Z).handleKeyUp && C(Z).handleKeyUp(...e),
+				onKeypress: t[6] ||= (...e) => C(Z).handleKeyPress && C(Z).handleKeyPress(...e),
+				onCompositionstart: t[7] ||= (...e) => C(Z).handleCompositionStart && C(Z).handleCompositionStart(...e),
+				onCompositionend: ye,
+				onCompositionupdate: t[8] ||= (...e) => C(Z).handleCompositionUpdate && C(Z).handleCompositionUpdate(...e)
+			}), null, 16, se),
+			J.value ? (b(), u("div", {
+				key: 2,
+				class: v(`${P}-clearbtn`),
+				onMousedown: t[9] ||= (...e) => C(Z).handleClear && C(Z).handleClear(...e)
+			}, [x(e.$slots, "clearIcon", {}, () => [le.value ? (b(), c(C(N), {
+				key: 0,
+				content: r.clearIcon
+			}, null, 8, ["content"])) : (b(), c(C(ae), { key: 1 }))])], 34)) : l("", !0),
+			K.value ? (b(), u("div", {
+				key: 3,
+				class: v([
+					`${P}-suffix`,
+					typeof K.value == "string" ? `${P}-suffix-text` : void 0,
+					Y.value ? `${P}-suffix-icon` : void 0,
+					J.value && r.hideSuffix ? `${P}-suffix-hidden` : void 0
+				]),
+				"x-semi-prop": "suffix",
+				onMousedown: t[10] ||= (...e) => C(Z).handlePreventMouseDown && C(Z).handlePreventMouseDown(...e),
+				onClick: t[11] ||= (...e) => C(Z).handleClickPrefixOrSuffix && C(Z).handleClickPrefixOrSuffix(...e)
+			}, [x(e.$slots, "suffix", {}, () => [d(C(N), { content: r.suffix }, null, 8, ["content"])])], 34)) : l("", !0),
+			r.mode === "password" && !r.disabled ? (b(), u("div", {
+				key: 4,
+				role: "button",
+				tabindex: "0",
+				"aria-label": C(L).eyeClosed ? "Show password" : "Hidden password",
+				class: v(`${P}-modebtn`),
+				onClick: t[12] ||= (...e) => C(Z).handleClickEye && C(Z).handleClickEye(...e),
+				onMousedown: t[13] ||= (...e) => C(Z).handleMouseDown && C(Z).handleMouseDown(...e),
+				onMouseup: t[14] ||= (...e) => C(Z).handleMouseUp && C(Z).handleMouseUp(...e),
+				onKeypress: t[15] ||= (...e) => C(Z).handleModeEnterPress && C(Z).handleModeEnterPress(...e)
+			}, [C(L).eyeClosed ? (b(), c(C(E), { key: 0 })) : (b(), c(C(D), { key: 1 }))], 42, ce)) : l("", !0),
+			U.value ? (b(), u("div", {
+				key: 5,
+				class: v([
+					`${P}-append`,
+					typeof U.value == "string" ? `${P}-append-text` : void 0,
+					V(U.value) ? `${P}-append-icon` : void 0
+				]),
+				"x-semi-prop": "addonAfter"
+			}, [x(e.$slots, "addonAfter", {}, () => [d(C(N), { content: r.addonAfter }, null, 8, ["content"])])], 2)) : l("", !0)
+		], 38));
+	}
+});
+//#endregion
+export { A as a, O as i, N as n, k as o, j as r, F as t };