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

package/dist/avatar-B00xjEzD.js

@@ -0,0 +1,551 @@
+import "./src-DNBBthjO.js";
+import { t as e } from "./foundation-Cawx37mp.js";
+import { t } from "./warning-naSiE8G7.js";
+import { Comment as n, Fragment as r, Text as i, cloneVNode as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createStaticVNode as d, createVNode as f, defineComponent as p, getCurrentInstance as ee, h as m, isVNode as h, markRaw as te, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as ne, onMounted as re, onUpdated as ie, openBlock as x, reactive as ae, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useAttrs as oe, useId as E, useSlots as se, useTemplateRef as ce, watch as D } from "vue";
+//#region bundled-foundation
+var le = class extends e {
+	constructor(e) {
+		super({ ...e }), this.handleFocusVisible = (e) => {
+			let { target: n } = e;
+			try {
+				n.matches(":focus-visible") && this._adapter.setFocusVisible(!0);
+			} catch {
+				t(!0, "Warning: [Semi Avatar] The current browser does not support the focus-visible");
+			}
+		}, this.handleBlur = () => {
+			this._adapter.setFocusVisible(!1);
+		}, this.changeScale = () => {
+			let { gap: e } = this.getProps(), t = this._adapter.getAvatarNode(), n = t?.firstChild, [r, i] = [t?.offsetWidth || 0, n?.offsetWidth || 0];
+			if (r !== 0 && i !== 0 && e * 2 < r) {
+				let t = r - e * 2 > i ? 1 : (r - e * 2) / i;
+				this._adapter.setScale(t);
+			}
+		};
+	}
+	init() {
+		let { children: e } = this.getProps();
+		typeof e == "string" && this.changeScale();
+	}
+	destroy() {}
+	handleImgLoadError() {
+		let { onError: e } = this.getProps();
+		(e ? e() : void 0) !== !1 && this._adapter.notifyImgState(!1);
+	}
+	handleEnter(e) {
+		this._adapter.notifyEnter(e);
+	}
+	handleLeave(e) {
+		this._adapter.notifyLeave(e);
+	}
+}, O = p({
+	name: "AvatarNodeRenderer",
+	props: { node: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.node;
+	}
+}), k = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "51",
+	height: "52",
+	viewBox: "0 0 51 52",
+	fill: "none"
+}, A = { filter: "url(#filter0_d_6_2)" }, j = ["fill"], M = ["stop-color"], N = ["stop-color"], ue = /* @__PURE__ */ p({
+	name: "AvatarTopSlotSvg",
+	__name: "TopSlotSvg",
+	props: {
+		gradientStart: {},
+		gradientEnd: {}
+	},
+	setup(e) {
+		let t = `semi-avatar-gradient-${E().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+		return (n, r) => (x(), l("svg", k, [u("g", A, [u("path", {
+			d: "M40.4918 46.5592C44.6795 43.176 46.261 34.1333 47.5301 25.6141C49.5854 11.8168 39.6662 1 25.8097 1C11.2857 1 3 11.4279 3 25.3518C3 33.7866 6.29361 43.8947 10.4602 46.5592C12.5868 47.9192 12.5868 47.9051 25.8097 47.9192C38.3651 47.9282 38.5352 48.14 40.4918 46.5592Z",
+			fill: `url(#${t})`
+		}, null, 8, j)]), u("defs", null, [r[0] ||= d("<filter id=\"filter0_d_6_2\" x=\"0.789215\" y=\"0.447304\" width=\"49.2216\" height=\"51.3549\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"></feColorMatrix><feOffset dy=\"1.65809\"></feOffset><feGaussianBlur stdDeviation=\"1.10539\"></feGaussianBlur><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0\"></feColorMatrix><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6_2\"></feBlend><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_6_2\" result=\"shape\"></feBlend></filter>", 1), u("linearGradient", {
+			id: t,
+			x1: "17.671",
+			y1: "31.7392",
+			x2: "17.671",
+			y2: "47.9333",
+			gradientUnits: "userSpaceOnUse"
+		}, [u("stop", { "stop-color": e.gradientStart }, null, 8, M), u("stop", {
+			offset: "1",
+			"stop-color": e.gradientEnd
+		}, null, 8, N)])])]));
+	}
+}), P = [
+	"extra-extra-small",
+	"extra-small",
+	"small",
+	"default",
+	"medium",
+	"large",
+	"extra-large"
+], F = ["circle", "square"], I = [
+	"grey",
+	"red",
+	"pink",
+	"purple",
+	"violet",
+	"indigo",
+	"blue",
+	"light-blue",
+	"cyan",
+	"teal",
+	"green",
+	"light-green",
+	"lime",
+	"yellow",
+	"amber",
+	"orange",
+	"white"
+], de = ["aria-label", "tabindex"], fe = {
+	key: 3,
+	class: "semi-avatar-hover",
+	"x-semi-prop": "hoverContent"
+}, pe = ["aria-label", "tabindex"], me = {
+	key: 3,
+	class: "semi-avatar-hover",
+	"x-semi-prop": "hoverContent"
+}, he = { class: "semi-avatar-top_slot" }, ge = ["aria-label", "tabindex"], _e = {
+	key: 3,
+	class: "semi-avatar-hover",
+	"x-semi-prop": "hoverContent"
+}, L = /* @__PURE__ */ p({
+	name: "Avatar",
+	inheritAttrs: !1,
+	__name: "Avatar",
+	props: {
+		alt: {},
+		border: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		bottomSlot: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		color: { default: "grey" },
+		contentMotion: {
+			type: Boolean,
+			default: !1
+		},
+		gap: { default: 3 },
+		hoverMask: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		imgAttr: {},
+		onError: {},
+		shape: { default: "circle" },
+		size: { default: "medium" },
+		src: {},
+		srcSet: {},
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		topSlot: {}
+	},
+	emits: [
+		"click",
+		"mouseenter",
+		"mouseleave"
+	],
+	setup(e, { emit: t }) {
+		let r = e, a = t, d = oe(), p = se(), m = ee(), h = ce("root"), E = ae({
+			isImgExist: !0,
+			focusVisible: !1,
+			scale: 1,
+			showHoverMask: !1
+		}), k = !1, A = null, j;
+		function M(e) {
+			return (e ?? []).filter((e) => e.type !== n && (e.type !== i || String(e.children ?? "").trim() !== ""));
+		}
+		let N = o(() => M(p.default?.())), F = o(() => {
+			if (N.value.length === 1 && N.value[0]?.type === i) return String(N.value[0].children ?? "");
+		}), I = o(() => {
+			let e = m?.vnode.props;
+			return !!(e && Object.prototype.hasOwnProperty.call(e, "onClick"));
+		}), L = o(() => !!(r.src && E.isImgExist)), R = o(() => !!(r.bottomSlot || r.topSlot || r.border)), z = o(() => P.includes(r.size)), B = o(() => z.value ? {} : {
+			width: r.size,
+			height: r.size
+		}), V = o(() => R.value ? {} : [
+			B.value,
+			r.style,
+			d.style
+		]), H = o(() => [
+			B.value,
+			r.style,
+			d.style
+		]), U = o(() => [
+			d.class,
+			r.class,
+			r.className,
+			"semi-avatar",
+			`semi-avatar-${r.shape}`,
+			`semi-avatar-${r.size}`,
+			L.value ? void 0 : `semi-avatar-${r.color}`,
+			L.value ? "semi-avatar-img" : void 0,
+			E.focusVisible ? "semi-avatar-focus" : void 0,
+			r.contentMotion ? "semi-avatar-animated" : void 0
+		]), W = o(() => Object.fromEntries(Object.entries(d).filter(([e]) => e !== "class" && e !== "style"))), G = o(() => {
+			let e = r.alt ?? F.value;
+			return I.value ? `clickable Avatar: ${e}` : e;
+		}), K = o(() => {
+			let e = M(p.hoverMask?.());
+			return e.length ? e : r.hoverMask;
+		}), q = o(() => {
+			let e = r.imgAttr ?? {}, t = {
+				alt: G.value,
+				src: r.src,
+				srcset: r.srcSet,
+				onError: Ce,
+				...e,
+				class: I.value ? "semi-avatar-no-focus-visible" : void 0
+			};
+			return I.value ? {
+				...t,
+				tabindex: 0,
+				onKeydown: Q,
+				onFocus: $,
+				onBlur: Se
+			} : t;
+		}), J = o(() => typeof r.border == "object" && r.border.color ? { borderColor: r.border.color } : {}), ve = o(() => typeof r.border == "object" && r.border.motion), ye = o(() => !!r.topSlot && r.shape === "circle" && [
+			"extra-small",
+			"small",
+			"default",
+			"medium",
+			"large",
+			"extra-large"
+		].includes(r.size)), be = o(() => !!r.bottomSlot && [
+			"extra-small",
+			"small",
+			"default",
+			"medium",
+			"large",
+			"extra-large"
+		].includes(r.size));
+		function xe() {
+			return {
+				children: F.value,
+				gap: r.gap,
+				onError: () => r.onError?.(j)
+			};
+		}
+		let Y = /* @__PURE__ */ new Map(), X = te(new le({
+			getContext: () => void 0,
+			getContexts: () => ({}),
+			getProp: (e) => xe()[e],
+			getProps: xe,
+			getState: (e) => E[e],
+			getStates: () => E,
+			setState: (e, t) => {
+				Object.assign(E, e), t?.();
+			},
+			getCache: (e) => Y.get(e),
+			getCaches: () => Y,
+			setCache: (e, t) => Y.set(String(e), t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			notifyImgState: (e) => {
+				E.isImgExist = e;
+			},
+			notifyEnter: (e) => {
+				E.showHoverMask = !!K.value, _(() => a("mouseenter", e));
+			},
+			notifyLeave: (e) => {
+				E.showHoverMask = !1, _(() => a("mouseleave", e));
+			},
+			setFocusVisible: (e) => {
+				E.focusVisible = e;
+			},
+			setScale: (e) => {
+				E.scale !== e && (E.scale = e);
+			},
+			getAvatarNode: () => h.value
+		}));
+		function Z(e) {
+			I.value && a("click", e);
+		}
+		function Q(e) {
+			e.key === "Enter" ? (Z(e), e.preventDefault(), e.stopPropagation()) : e.key === "Escape" && e.target?.blur();
+		}
+		function $(e) {
+			X.handleFocusVisible(e);
+		}
+		function Se() {
+			X.handleBlur();
+		}
+		function Ce(e) {
+			let t = r.imgAttr?.onError;
+			if (typeof t == "function") {
+				t(e);
+				return;
+			}
+			j = e, X.handleImgLoadError(), j = void 0;
+		}
+		function we(e) {
+			X.handleEnter(e);
+		}
+		function Te(e) {
+			X.handleLeave(e);
+		}
+		function Ee() {
+			!k || F.value === void 0 || _(() => X.changeScale());
+		}
+		function De(e) {
+			!k || !e || typeof Image > "u" || (A = new Image(0, 0), A.onload = () => {
+				A && (E.isImgExist = !0);
+			}, A.onerror = A.onabort = () => {
+				A && (E.isImgExist = !1);
+			}, A.src = e);
+		}
+		D([() => r.gap, () => r.size], Ee), D(() => r.src, (e, t) => {
+			e !== t && De(e);
+		}), re(() => {
+			k = !0, X.init();
+		}), ie(Ee), ne(() => {
+			k = !1, A &&= (A.onload = null, A.onerror = null, A.onabort = null, null), X.destroy();
+		});
+		function Oe() {
+			return r.bottomSlot ?? {};
+		}
+		function ke() {
+			return r.topSlot ?? {};
+		}
+		return (e, t) => R.value ? (x(), l("span", {
+			key: 0,
+			class: "semi-avatar-wrapper",
+			style: b(H.value),
+			onClick: Z,
+			onMouseenter: we,
+			onMouseleave: Te
+		}, [
+			r.border ? (x(), l("div", {
+				key: 0,
+				style: b([
+					{ position: "relative" },
+					B.value,
+					r.style,
+					T(d).style
+				])
+			}, [
+				u("span", g(W.value, {
+					ref_key: "root",
+					ref: h,
+					class: U.value,
+					style: {},
+					role: "listitem"
+				}), [L.value ? (x(), l("img", y(g({ key: 0 }, q.value)), null, 16)) : F.value === void 0 ? S(e.$slots, "default", {}, void 0, void 0, 2) : (x(), l("span", {
+					key: 1,
+					class: "semi-avatar-content",
+					style: b({ transform: `scale(${E.scale})` })
+				}, [u("span", {
+					class: v(["semi-avatar-label", I.value ? "semi-avatar-no-focus-visible" : void 0]),
+					role: "img",
+					"aria-label": G.value,
+					tabindex: I.value ? 0 : void 0,
+					"x-semi-prop": "children",
+					onKeydown: Q,
+					onFocus: $,
+					onBlur: t[0] ||= (e) => T(X).handleBlur()
+				}, w(F.value), 43, de)], 4)), E.showHoverMask ? (x(), l("div", fe, [S(e.$slots, "hoverMask", {}, () => [f(T(O), { node: K.value }, null, 8, ["node"])])])) : c("", !0)], 16),
+				u("span", {
+					style: b(J.value),
+					class: v([
+						"semi-avatar-additionalBorder",
+						`semi-avatar-additionalBorder-${r.size}`,
+						`semi-avatar-${r.shape}`
+					])
+				}, null, 6),
+				ve.value ? (x(), l("span", {
+					key: 0,
+					style: b(J.value),
+					class: v([
+						"semi-avatar-additionalBorder",
+						`semi-avatar-additionalBorder-${r.size}`,
+						`semi-avatar-${r.shape}`,
+						"semi-avatar-additionalBorder-animated"
+					])
+				}, null, 6)) : c("", !0)
+			], 4)) : (x(), l("span", g({ key: 1 }, W.value, {
+				ref_key: "root",
+				ref: h,
+				class: U.value,
+				style: {},
+				role: "listitem"
+			}), [L.value ? (x(), l("img", y(g({ key: 0 }, q.value)), null, 16)) : F.value === void 0 ? S(e.$slots, "default", {}, void 0, void 0, 2) : (x(), l("span", {
+				key: 1,
+				class: "semi-avatar-content",
+				style: b({ transform: `scale(${E.scale})` })
+			}, [u("span", {
+				class: v(["semi-avatar-label", I.value ? "semi-avatar-no-focus-visible" : void 0]),
+				role: "img",
+				"aria-label": G.value,
+				tabindex: I.value ? 0 : void 0,
+				"x-semi-prop": "children",
+				onKeydown: Q,
+				onFocus: $,
+				onBlur: t[1] ||= (e) => T(X).handleBlur()
+			}, w(F.value), 43, pe)], 4)), E.showHoverMask ? (x(), l("div", me, [S(e.$slots, "hoverMask", {}, () => [f(T(O), { node: K.value }, null, 8, ["node"])])])) : c("", !0)], 16)),
+			ye.value ? S(e.$slots, "topSlot", { config: ke() }, () => [r.topSlot?.render ? (x(), s(C(r.topSlot.render), { key: 0 })) : (x(), l("div", {
+				key: 1,
+				style: b(r.topSlot?.style),
+				class: v([
+					"semi-avatar-top_slot-wrapper",
+					r.topSlot?.className,
+					r.contentMotion ? "semi-avatar-animated" : void 0
+				])
+			}, [u("div", { class: v(["semi-avatar-top_slot-bg", `semi-avatar-top_slot-bg-${r.size}`]) }, [u("div", { class: v(["semi-avatar-top_slot-bg-svg", `semi-avatar-top_slot-bg-svg-${r.size}`]) }, [f(ue, {
+				"gradient-start": r.topSlot?.gradientStart ?? "var(--semi-color-primary)",
+				"gradient-end": r.topSlot?.gradientEnd ?? "var(--semi-color-primary)"
+			}, null, 8, ["gradient-start", "gradient-end"])], 2)], 2), u("div", he, [u("div", {
+				style: b(r.topSlot?.textColor ? { color: r.topSlot.textColor } : void 0),
+				class: v(["semi-avatar-top_slot-content", `semi-avatar-top_slot-content-${r.size}`])
+			}, [f(T(O), { node: r.topSlot?.text }, null, 8, ["node"])], 6)])], 6))], void 0, 2) : c("", !0),
+			be.value ? S(e.$slots, "bottomSlot", { config: Oe() }, () => [r.bottomSlot?.render ? (x(), s(C(r.bottomSlot.render), { key: 0 })) : (x(), l("div", {
+				key: 1,
+				class: "semi-avatar-bottom_slot",
+				style: b(r.bottomSlot?.style)
+			}, [u("span", {
+				style: b({
+					backgroundColor: r.bottomSlot?.bgColor,
+					color: r.bottomSlot?.textColor
+				}),
+				class: v([
+					`semi-avatar-bottom_slot-shape_${r.bottomSlot?.shape}`,
+					`semi-avatar-bottom_slot-shape_${r.bottomSlot?.shape}-${r.size}`,
+					r.bottomSlot?.className
+				])
+			}, [f(T(O), { node: r.bottomSlot?.text }, null, 8, ["node"])], 6)], 4))], void 0, 3) : c("", !0)
+		], 36)) : (x(), l("span", g({ key: 1 }, W.value, {
+			ref_key: "root",
+			ref: h,
+			class: U.value,
+			style: V.value,
+			role: "listitem",
+			onClick: Z,
+			onMouseenter: we,
+			onMouseleave: Te
+		}), [L.value ? (x(), l("img", y(g({ key: 0 }, q.value)), null, 16)) : F.value === void 0 ? S(e.$slots, "default", {}, void 0, void 0, 2) : (x(), l("span", {
+			key: 1,
+			class: "semi-avatar-content",
+			style: b({ transform: `scale(${E.scale})` })
+		}, [u("span", {
+			class: v(["semi-avatar-label", I.value ? "semi-avatar-no-focus-visible" : void 0]),
+			role: "img",
+			"aria-label": G.value,
+			tabindex: I.value ? 0 : void 0,
+			"x-semi-prop": "children",
+			onKeydown: Q,
+			onFocus: $,
+			onBlur: t[2] ||= (e) => T(X).handleBlur()
+		}, w(F.value), 43, ge)], 4)), E.showHoverMask ? (x(), l("div", _e, [S(e.$slots, "hoverMask", {}, () => [f(T(O), { node: K.value }, null, 8, ["node"])])])) : c("", !0)], 16));
+	}
+});
+//#endregion
+//#region src/avatar/AvatarGroup.ts
+function R(e, t = []) {
+	for (let a of e) Array.isArray(a) ? R(a, t) : h(a) && a.type === r && Array.isArray(a.children) ? R(a.children, t) : h(a) && a.type !== n && (a.type !== i || String(a.children ?? "").trim() !== "") && t.push(a);
+	return t;
+}
+function z(e) {
+	return e.type === L || typeof e.type == "object" && "name" in e.type && e.type.name === "Avatar";
+}
+function B(e) {
+	let t = e.props?.alt;
+	if (typeof t == "string") return t;
+	let n = typeof e.children == "object" && e.children && "default" in e.children ? e.children.default?.() : e.children;
+	return (Array.isArray(n) ? n : [n]).map((e) => h(e) && e.type === i ? String(e.children ?? "") : typeof e == "string" ? e : "").join("");
+}
+//#endregion
+//#region src/avatar/index.ts
+var V = p({
+	name: "AvatarGroup",
+	inheritAttrs: !1,
+	props: {
+		maxCount: {
+			type: Number,
+			default: void 0
+		},
+		overlapFrom: {
+			type: String,
+			default: "start"
+		},
+		renderMore: {
+			type: Function,
+			default: void 0
+		},
+		shape: {
+			type: String,
+			default: "circle"
+		},
+		size: {
+			type: String,
+			default: "medium"
+		}
+	},
+	setup(e, { attrs: t, slots: n }) {
+		return () => {
+			let i = R(n.default?.() ?? []).filter(z), o = i;
+			if (typeof e.maxCount == "number") {
+				let t = i.length - e.maxCount, a = i.slice(0, e.maxCount), s = i.slice(e.maxCount);
+				if (t > 0) {
+					let i = n.more?.({
+						restNumber: t,
+						restAvatars: s
+					}), c = i?.length ? i : e.renderMore?.(t, s);
+					if (c !== void 0) a.push(f(r, { key: "_+n" }, Array.isArray(c) ? c : [c]));
+					else {
+						let e = s.map(B).filter(Boolean).join(",");
+						a.push(m(L, {
+							key: "_+n",
+							alt: ` Number of remaining Avatars：${t},${e}`,
+							className: "semi-avatar-item-more"
+						}, () => `+${t}`));
+					}
+					o = a;
+				}
+			}
+			let s = o.map((n, r) => {
+				if (!z(n)) return n;
+				let i = n.props?.className ?? n.props?.["class-name"] ?? n.props?.class;
+				return a(n, {
+					...t,
+					className: [i, `semi-avatar-item-${e.overlapFrom}-${r}`],
+					shape: e.shape,
+					size: e.size,
+					key: r
+				}, !0);
+			});
+			return m("div", {
+				class: "semi-avatar-group",
+				role: "list"
+			}, s);
+		};
+	}
+}), H = Object.assign(L, { Group: V });
+//#endregion
+export { P as a, F as i, V as n, I as r, H as t };

package/dist/back-top/BackTop.vue.d.ts

@@ -0,0 +1,19 @@
+import { BackTopProps, BackTopSlots, BackTopTarget } from './types';
+type __VLS_Slots = BackTopSlots;
+declare const __VLS_base: import('vue').DefineComponent<BackTopProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<BackTopProps> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {
+    duration: number;
+    target: () => BackTopTarget | null | undefined;
+    visibilityHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/back-top/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BackTop } from './BackTop.vue';
+export type { BackTopEmits, BackTopProps, BackTopSlots, BackTopTarget } from './types';
+export { default } from './BackTop.vue';

package/dist/back-top/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../back-top-C2XqUzoN.js";
+export { e as BackTop, e as default };

package/dist/back-top/types.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, VNodeChild } from 'vue';
+export type BackTopTarget = Window | HTMLElement;
+export interface BackTopProps {
+    className?: string;
+    duration?: number;
+    style?: CSSProperties;
+    target?: () => BackTopTarget | null | undefined;
+    visibilityHeight?: number;
+}
+export interface BackTopEmits {
+    click: [event: MouseEvent];
+}
+export interface BackTopSlots {
+    default?: () => VNodeChild;
+}