vccs 0.0.1 → 0.1.0

package/dist/es/components/Text.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,154 @@
+import { getStringSize as e } from "../utils/attrs.mjs";
+import { reduceCSSCalc as t } from "../utils/ReduceCSSCalc.mjs";
+import { Fragment as n, computed as r, createElementBlock as i, defineComponent as a, normalizeStyle as o, openBlock as s, renderList as c, toDisplayString as l } from "vue";
+//#region src/components/Text.vue?vue&type=script&setup=true&lang.ts
+var u = [
+	"x",
+	"y",
+	"transform",
+	"text-anchor",
+	"fill"
+], d = ["x", "dy"], f = /* @__PURE__ */ a({
+	__name: "Text",
+	props: {
+		x: {
+			type: [Number, String],
+			default: 0
+		},
+		y: {
+			type: [Number, String],
+			default: 0
+		},
+		dx: {
+			type: Number,
+			default: void 0
+		},
+		dy: {
+			type: Number,
+			default: void 0
+		},
+		lineHeight: {
+			type: [Number, String],
+			default: "1em"
+		},
+		capHeight: {
+			type: [Number, String],
+			default: "0.71em"
+		},
+		scaleToFit: {
+			type: Boolean,
+			default: !1
+		},
+		textAnchor: {
+			type: String,
+			default: "start"
+		},
+		verticalAnchor: {
+			type: String,
+			default: "end"
+		},
+		fill: {
+			type: String,
+			default: "#808080"
+		},
+		angle: {
+			type: Number,
+			default: 0
+		},
+		style: {
+			type: Object,
+			default: () => ({})
+		},
+		breakAll: {
+			type: Boolean,
+			default: !1
+		},
+		maxLines: {
+			type: Number,
+			default: void 0
+		},
+		width: {
+			type: [Number, String],
+			default: void 0
+		},
+		value: {
+			type: [String, Number],
+			default: ""
+		}
+	},
+	setup(a) {
+		let f = a, p = /[ \f\n\r\t\v\u2028\u2029]+/;
+		function m(t, n, r) {
+			let i = [];
+			return t != null && (i = n ? t.toString().split("") : t.toString().split(p)), {
+				wordsWithComputedWidth: i.map((t) => ({
+					word: t,
+					width: e(t, r).width
+				})),
+				spaceWidth: n ? 0 : e("\xA0", r).width
+			};
+		}
+		function h(e, t, n, r, i, a, o, s) {
+			let c = typeof e == "number", l = t, u = (e = []) => e.reduce((e, { word: t, width: n }) => {
+				let r = e[e.length - 1];
+				return r && (o == null || s || r.width + n + a < Number(o)) ? (r.words.push(t), r.width += n + a) : e.push({
+					words: [t],
+					width: n
+				}), e;
+			}, []), d = u(i), f = (e) => e.reduce((e, t) => e.width > t.width ? e : t);
+			if (!c || s || !(d.length > e || f(d).width > Number(o))) return d;
+			let p = (t) => {
+				let { wordsWithComputedWidth: i } = m(l.slice(0, t) + "…", r, n), a = u(i);
+				return [a.length > e || f(a).width > Number(o), a];
+			}, h = 0, g = l.length - 1, _ = 0, v;
+			for (; h <= g && _ <= l.length - 1;) {
+				let e = Math.floor((h + g) / 2), [t, n] = p(e - 1), [r] = p(e);
+				if (!t && !r && (h = e + 1), t && r && (g = e - 1), !t && r) {
+					v = n;
+					break;
+				}
+				_++;
+			}
+			return v || d;
+		}
+		function g({ width: e, scaleToFit: t, value: n, style: r, breakAll: i, maxLines: a }) {
+			if (e || t) {
+				let o = m(n, i, r), s = o.wordsWithComputedWidth, c = o.spaceWidth;
+				return h(a, n, r, i, s, c, e, t);
+			}
+			return [{ words: n == null ? [] : n.toString().split(p) }];
+		}
+		let _ = r(() => g({
+			width: f.width,
+			scaleToFit: f.scaleToFit,
+			value: f.value,
+			style: f.style,
+			breakAll: f.breakAll,
+			maxLines: f.maxLines
+		})), v = r(() => Number(f.x) + (typeof f.dx == "number" ? f.dx : 0)), y = r(() => Number(f.y) + (typeof f.dy == "number" ? f.dy : 0)), b = r(() => {
+			switch (f.verticalAnchor) {
+				case "start": return t(`calc(${f.capHeight})`);
+				case "middle": return t(`calc(${(_.value.length - 1) / 2} * -${f.lineHeight} + (${f.capHeight} / 2))`);
+				default: return t(`calc(${_.value.length - 1} * -${f.lineHeight})`);
+			}
+		}), x = r(() => {
+			let e = [];
+			return f.scaleToFit && _.value[0]?.width && f.width && e.push(`scale(${Number(f.width) / _.value[0].width})`), f.angle && e.push(`rotate(${f.angle}, ${v.value}, ${y.value})`), e.join(" ");
+		});
+		return (e, t) => (s(), i("text", {
+			x: v.value,
+			y: y.value,
+			transform: x.value || void 0,
+			"text-anchor": f.textAnchor,
+			fill: f.fill && f.fill.includes("url") ? "#808080" : f.fill,
+			class: "v-charts-text",
+			style: o(f.style)
+		}, [(s(!0), i(n, null, c(_.value, (e, t) => (s(), i("tspan", {
+			key: t,
+			x: v.value,
+			dy: t === 0 ? b.value : f.lineHeight
+		}, l(e.words.join(f.breakAll ? "" : " ")), 9, d))), 128))], 12, u));
+	}
+});
+//#endregion
+export { f as default };

package/dist/es/components/Tooltip.mjs

@@ -0,0 +1,388 @@
+import { isNumOrStr as e } from "../utils/validate.mjs";
+import { Curve as t } from "../shape/Curve.mjs";
+import { useTooltipEventType as n } from "../state/selectors/selectTooltipEventType.mjs";
+import { setTooltipSettingsState as r } from "../state/tooltipSlice.mjs";
+import { useAppDispatch as i, useAppSelector as a } from "../state/hooks.mjs";
+import { useChartLayout as o, useOffsetInternal as s, useViewBox as c } from "../context/chartLayoutContext.mjs";
+import { selectActiveCoordinate as l, selectActiveLabel as u, selectIsTooltipActive as d, selectTooltipPayload as f, useChartName as p } from "../state/selectors/selectors.mjs";
+import { Rectangle as m } from "../shape/Rectangle.mjs";
+import { useCursorLayerRef as h } from "../context/cursorLayerContext.mjs";
+import { usePortal as g } from "../chart/TooltipPortalContext.mjs";
+import { useAccessibilityLayer as _ } from "../context/accessibilityContext.mjs";
+import { getTooltipTranslate as v } from "../utils/tooltip/translate.mjs";
+import { Cross as y } from "../shape/Cross.mjs";
+import { Sector as b } from "../shape/Sector.mjs";
+import { getCursorPoints as x } from "./utils.mjs";
+import { useTooltipAxisBandSize as S } from "../context/useTooltipAxis.mjs";
+import { useTooltipChartSynchronisation as C } from "../synchronisation/useChartSynchronisation.mjs";
+import { Fragment as w, Teleport as T, computed as E, createVNode as D, defineComponent as O, isVNode as k, reactive as A, ref as j, watch as M, watchEffect as N, watchPostEffect as P } from "vue";
+import { sortBy as F, uniqBy as I } from "es-toolkit/compat";
+import { animate as L } from "motion-v";
+import { useElementBounding as R, useMagicKeys as z, usePreferredReducedMotion as B } from "@vueuse/core";
+//#region src/components/Tooltip.tsx
+function V(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !k(e);
+}
+function H(e) {
+	return e.dataKey;
+}
+function U(e, t, n) {
+	return t === !0 ? I(e, n) : typeof t == "function" ? I(e, t) : e;
+}
+function W(t) {
+	return Array.isArray(t) && e(t[0]) && e(t[1]) ? t.join(" ~ ") : t;
+}
+var G = /* @__PURE__ */ O({
+	name: "DefaultTooltipContent",
+	props: {
+		label: [String, Number],
+		payload: Array,
+		active: Boolean,
+		separator: {
+			type: String,
+			default: " : "
+		},
+		contentStyle: Object,
+		labelStyle: Object,
+		itemStyle: Object,
+		itemSorter: [Function, String],
+		formatter: Function
+	},
+	setup(e) {
+		return () => {
+			if (!e.active || !e.payload?.length) return null;
+			let { contentStyle: t, labelStyle: n, itemStyle: r } = e, i = {
+				margin: 0,
+				padding: "10px",
+				backgroundColor: "#fff",
+				border: "1px solid #ccc",
+				whiteSpace: "nowrap",
+				...t
+			}, a = {
+				margin: 0,
+				...n
+			}, { itemSorter: o, payload: s, formatter: c } = e, l = o ? F(s, o) : s;
+			return D("div", {
+				class: "v-charts-tooltip-content",
+				style: i
+			}, [e.label && D("div", {
+				class: "v-charts-tooltip-label",
+				style: a
+			}, [e.label]), D("div", { class: "v-charts-tooltip-list" }, [l.map((t, n) => {
+				let i = {
+					display: "block",
+					paddingTop: 4,
+					paddingBottom: 4,
+					color: t.color || "#000",
+					...r
+				}, a = t.formatter || c || W, { value: o, name: l } = t, u = o, d = l;
+				if (a) {
+					let e = a(o, l, t, n, s);
+					if (Array.isArray(e)) [u, d] = e;
+					else if (e != null) u = e;
+					else return null;
+				}
+				return D("div", {
+					key: n,
+					class: "v-charts-tooltip-item",
+					style: i
+				}, [
+					D("span", {
+						class: "v-charts-tooltip-item-name",
+						style: { color: t.color }
+					}, [t.name]),
+					D("span", { class: "v-charts-tooltip-separator" }, [e.separator]),
+					D("span", { class: "v-charts-tooltip-item-value" }, [u]),
+					D("span", { class: "v-charts-tooltip-item-unit" }, [t.unit || ""])
+				]);
+			})])]);
+		};
+	}
+}), K = /* @__PURE__ */ O({
+	name: "TooltipBoundingBox",
+	props: {
+		allowEscapeViewBox: Object,
+		isAnimationActive: Boolean,
+		transition: {
+			type: Object,
+			default: () => ({
+				duration: .4,
+				ease: "easeOut"
+			})
+		},
+		active: Boolean,
+		coordinate: Object,
+		hasPayload: Boolean,
+		offset: Number,
+		position: Object,
+		reverseDirection: Object,
+		viewBox: Object,
+		style: Object
+	},
+	setup(e, { slots: t }) {
+		let n = j(!1), r = A({
+			x: 0,
+			y: 0
+		});
+		N(() => {
+			(e.coordinate?.x !== r.x || e.coordinate?.y !== r.y) && (n.value = !1);
+		}, { flush: "post" });
+		let { escape: i } = z();
+		M(i, (t) => {
+			t && (n.value = !0, r.x = e.coordinate?.x ?? 0, r.y = e.coordinate?.y ?? 0);
+		});
+		let a = j(), o = R(a, {}), s, c, l = B(), u = E(() => {
+			let { allowEscapeViewBox: t, coordinate: n, position: r, reverseDirection: i, viewBox: a } = e, { cssClasses: c, cssProperties: l, transform: u } = v({
+				allowEscapeViewBox: t,
+				coordinate: n,
+				offsetTopLeft: e.offset,
+				position: r,
+				reverseDirection: i,
+				tooltipBox: {
+					height: o.height.value,
+					width: o.width.value
+				},
+				useTranslate3d: !1,
+				viewBox: a
+			});
+			return u = !o.height.value && s ? s : u, s = u || s, {
+				cssClasses: c,
+				cssProperties: l,
+				transform: u
+			};
+		});
+		return P((t) => {
+			let n = a.value, r = u.value.transform;
+			!n || !r?.transform || (e.isAnimationActive && l.value !== "reduce" ? c = L(n, { transform: r.transform }, e.transition) : n.style.transform = r.transform, t(() => {
+				c?.stop(), c = void 0;
+			}));
+		}), () => {
+			let { active: r, hasPayload: i, style: o } = e, { cssClasses: s, cssProperties: c } = u.value, l = {
+				...c,
+				pointerEvents: "none",
+				visibility: !n.value && r && i ? "visible" : "hidden",
+				position: "absolute",
+				top: 0,
+				left: 0,
+				...o
+			};
+			return D("div", {
+				role: "tooltip",
+				"aria-live": "polite",
+				tabindex: -1,
+				class: s,
+				style: l,
+				ref: a
+			}, [t.default?.()]);
+		};
+	}
+}), q = /* @__PURE__ */ O({
+	name: "Cursor",
+	props: {
+		cursor: [Boolean, Object],
+		cursorSlot: Function,
+		tooltipEventType: String,
+		coordinate: Object,
+		payload: Array,
+		index: String
+	},
+	setup(e) {
+		let n = s(), r = o(), i = p(), a = S(), c = h(null), l = E(() => x(r.value, e.coordinate, n.value));
+		return () => {
+			if (!e.cursor || !e.coordinate) return null;
+			let o = i.value === "ScatterChart";
+			if (!o && e.tooltipEventType !== "axis") return null;
+			let s = e.cursor, u = typeof s == "object" ? s : {}, d;
+			if (o) {
+				let { offset: t, ...r } = e.coordinate, { top: i, left: a, width: o, height: s } = n.value, c = {
+					stroke: "#ccc",
+					fill: "none",
+					...r,
+					top: i,
+					left: a,
+					width: o,
+					height: s,
+					class: "v-charts-tooltip-cursor",
+					style: { pointerEvents: "none" },
+					...u
+				};
+				d = e.cursorSlot ? e.cursorSlot(c) : D(y, c, null);
+			} else if (i.value === "BarChart") {
+				let t = a.value ?? 0, i = t / 2, o = e.coordinate, s = n.value, c = {
+					stroke: "none",
+					fill: "#ccc",
+					x: r.value === "horizontal" ? o.x - i : s.left + .5,
+					y: r.value === "horizontal" ? s.top + .5 : o.y - i,
+					width: r.value === "horizontal" ? t : s.width - 1,
+					height: r.value === "horizontal" ? s.height - 1 : t,
+					class: "v-charts-tooltip-cursor",
+					style: { pointerEvents: "none" },
+					...u
+				};
+				d = e.cursorSlot ? e.cursorSlot(c) : D(m, c, null);
+			} else if (r.value === "radial" && e.coordinate?.cx != null) {
+				let t = l.value, n = {
+					cx: t.cx,
+					cy: t.cy,
+					startAngle: t.startAngle,
+					endAngle: t.endAngle,
+					innerRadius: t.radius,
+					outerRadius: t.radius,
+					stroke: "#ccc",
+					fill: "none",
+					class: "v-charts-tooltip-cursor",
+					style: { pointerEvents: "none" },
+					...u
+				};
+				d = e.cursorSlot ? e.cursorSlot(n) : D(b, n, null);
+			} else {
+				let n = {
+					stroke: "#ccc",
+					class: ["v-charts-tooltip-cursor"],
+					layout: r.value,
+					points: l.value,
+					style: { pointerEvents: "none" },
+					...u
+				};
+				d = e.cursorSlot ? e.cursorSlot(n) : D(t, n, null);
+			}
+			return c?.value ? D(T, { to: c.value }, V(d) ? d : { default: () => [d] }) : d;
+		};
+	}
+}), J = /* @__PURE__ */ O({
+	name: "Tooltip",
+	props: {
+		active: {
+			type: Boolean,
+			default: void 0
+		},
+		includeHidden: Boolean,
+		allowEscapeViewBox: {
+			type: Object,
+			default: () => ({
+				x: !1,
+				y: !1
+			})
+		},
+		content: [Object, Function],
+		cursor: {
+			type: [Boolean, Object],
+			default: !0
+		},
+		filterNull: {
+			type: Boolean,
+			default: !0
+		},
+		defaultIndex: [Number, String],
+		isAnimationActive: {
+			type: Boolean,
+			default: !0
+		},
+		offset: {
+			type: Number,
+			default: 10
+		},
+		payloadUniqBy: [Boolean, Function],
+		portal: {
+			type: Object,
+			default: void 0
+		},
+		position: Object,
+		reverseDirection: {
+			type: Object,
+			default: () => ({
+				x: !1,
+				y: !1
+			})
+		},
+		shared: {
+			type: [Boolean, void 0],
+			default: void 0
+		},
+		trigger: {
+			type: String,
+			default: "hover"
+		},
+		style: {
+			type: Object,
+			default: () => ({})
+		},
+		axisId: {
+			type: [String, Number],
+			default: 0
+		},
+		contentStyle: {
+			type: Object,
+			default: () => ({})
+		},
+		itemStyle: {
+			type: Object,
+			default: () => ({})
+		},
+		labelStyle: {
+			type: Object,
+			default: () => ({})
+		},
+		itemSorter: {
+			type: String,
+			default: "name"
+		},
+		separator: {
+			type: String,
+			default: " : "
+		}
+	},
+	slots: Object,
+	setup(e, { slots: t }) {
+		let o = i(), s = E(() => typeof e.defaultIndex == "number" ? String(e.defaultIndex) : e.defaultIndex);
+		N(() => {
+			o(r({
+				shared: e.shared,
+				trigger: e.trigger,
+				axisId: e.axisId,
+				active: e.active,
+				defaultIndex: s.value
+			}));
+		});
+		let p = c(), m = _(), h = n(e.shared), v = a((t) => d(t, h.value, e.trigger, s.value)), y = a((t) => f(t, h.value, e.trigger, s.value)), b = a((t) => u(t, h.value, e.trigger, s.value)), x = a((t) => l(t, h.value, e.trigger, s.value)), S = E(() => y.value ?? []), O = g(), k = E(() => e.portal ?? O?.value), A = E(() => e.active ?? v.value?.isActive), j = E(() => h.value === "axis" ? b.value : void 0), M = [], P = E(() => {
+			if (!A.value) return M;
+			let t = S.value ?? M;
+			return e.filterNull && t.length > 0 && (t = U(t.filter((t) => t.value != null && (t.hide !== !0 || e.includeHidden)), e.payloadUniqBy, H)), t;
+		}), F = E(() => P.value.length > 0), I = E(() => e.content ? e.content : G), L = E(() => ({
+			...e,
+			payload: P.value,
+			label: j.value,
+			active: A.value,
+			coordinate: x.value,
+			accessibilityLayer: m.value
+		})), R = E(() => !!t.content);
+		return C({
+			tooltipEventType: h,
+			trigger: e.trigger,
+			activeCoordinate: x,
+			activeLabel: j,
+			activeIndex: E(() => v.value?.activeIndex),
+			isTooltipActive: A
+		}), () => k.value ? D(w, null, [D("foreignObject", null, [D(T, { to: k.value }, { default: () => [D(K, {
+			allowEscapeViewBox: e.allowEscapeViewBox,
+			isAnimationActive: e.isAnimationActive,
+			active: A.value,
+			coordinate: x.value,
+			hasPayload: F.value,
+			offset: e.offset,
+			position: e.position,
+			reverseDirection: e.reverseDirection,
+			viewBox: p.value,
+			style: e.style
+		}, { default: () => [R.value ? t.content(L.value) : D(I.value, L.value, null)] })] })]), A.value && D(q, {
+			cursor: e.cursor,
+			cursorSlot: t.cursor,
+			tooltipEventType: h.value,
+			coordinate: x.value,
+			payload: S.value,
+			index: v.value?.activeIndex
+		}, null)]) : null;
+	}
+});
+//#endregion
+export { J as default, U as getUniqPayload };

package/dist/es/components/label/Label.mjs

@@ -0,0 +1,36 @@
+import { isNullish as e } from "../../utils/validate.mjs";
+import { useViewBox as t } from "../../context/chartLayoutContext.mjs";
+import { LabelVueProps as n } from "./types.mjs";
+import { usePolarLabelViewBox as r } from "../../context/polarLabelViewBoxContext.mjs";
+import { getAttrsOfCartesianLabel as i, getAttrsOfPolarLabel as a, isPolar as o, renderRadialLabel as s } from "./utils.mjs";
+import c from "../Text.mjs";
+import { createVNode as l, defineComponent as u, mergeProps as d } from "vue";
+//#region src/components/label/Label.tsx
+var f = /* @__PURE__ */ u({
+	name: "Label",
+	props: n,
+	slots: Object,
+	setup(n, { slots: u, attrs: f }) {
+		let p = t(), m = r();
+		return () => {
+			let { viewBox: t, value: r, position: h, textBreakAll: g, formatter: _ } = n, v = t || m.value || p.value;
+			if (!v || e(r) && !u.content) return null;
+			let y = o(v);
+			if (u.content) return u.content({
+				...n,
+				viewBox: v
+			});
+			let b = r;
+			if (typeof _ == "function" && (b = _(b)), y && (h === "insideStart" || h === "insideEnd" || h === "end")) return s(n, h, b, f, v);
+			let x = y ? a(n, v) : i(n, v), S = f.textAnchor != null && (f.textAnchor === "start" || f.textAnchor === "middle" || f.textAnchor === "end") ? f.textAnchor : x.textAnchor;
+			return l(c, d({ class: ["v-charts-label", n.class] }, f, x, {
+				textAnchor: S,
+				angle: n.angle,
+				breakAll: g,
+				value: b
+			}), null);
+		};
+	}
+});
+//#endregion
+export { f as Label };

package/dist/es/components/label/LabelList.mjs

@@ -0,0 +1,49 @@
+import { isNullish as e } from "../../utils/validate.mjs";
+import { getValueByDataKey as t } from "../../utils/chart.mjs";
+import { Layer as n } from "../../container/Layer.mjs";
+import { LabelListVueProps as r } from "./types.mjs";
+import { parseViewBox as i } from "./utils.mjs";
+import { Label as a } from "./Label.mjs";
+import { useLabelLayerRef as o } from "../../context/labelLayerContext.mjs";
+import { useCartesianLabelListData as s } from "../../context/cartesianLabelListContext.mjs";
+import { Teleport as c, createVNode as l, defineComponent as u, isVNode as d, mergeProps as f } from "vue";
+//#region src/components/label/LabelList.tsx
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !d(e);
+}
+var m = /* @__PURE__ */ u({
+	props: r,
+	setup(r, { attrs: u, slots: d }) {
+		let m = o(null), h = s(null);
+		return () => {
+			let o, { dataKey: s, valueAccessor: g, clockWise: _, id: v, ...y } = r, b = r.data ?? h?.value;
+			if (!b || !b.length) return null;
+			let x = l(n, { class: "v-charts-label-list" }, p(o = b.map((n, r) => {
+				let o = e(s) ? g(n, r) : t(n && n.payload, s), c = e(v) ? void 0 : `${v}-${r}`, p = i(e(_) ? n : {
+					...n,
+					clockWise: _
+				});
+				if (d.label) return d.label({
+					...y,
+					...u,
+					...p,
+					value: o,
+					index: r,
+					key: `label-${r}`
+				});
+				let m = n.fill != null && !("fill" in y) && !("fill" in u) ? n.fill : void 0;
+				return l(a, f(y, u, m == null ? {} : { fill: m }, {
+					id: c,
+					parentViewBox: n.parentViewBox,
+					value: o,
+					viewBox: p,
+					key: `label-${r}`,
+					index: r
+				}), null);
+			})) ? o : { default: () => [o] });
+			return m?.value ? l(c, { to: m.value }, p(x) ? x : { default: () => [x] }) : x;
+		};
+	}
+});
+//#endregion
+export { m as LabelList };

package/dist/es/components/label/types.mjs

@@ -0,0 +1,35 @@
+import { last as e } from "es-toolkit/compat";
+var t = {
+	id: { type: String },
+	data: { type: Array },
+	valueAccessor: {
+		type: Function,
+		default: (t) => Array.isArray(t.value) ? e(t.value) : t.value
+	},
+	clockWise: { type: Boolean },
+	dataKey: { type: [String, Function] },
+	textBreakAll: { type: Boolean },
+	position: { type: String },
+	offset: { type: Number },
+	angle: { type: Number }
+}, n = {
+	id: { type: String },
+	class: {
+		type: String,
+		default: ""
+	},
+	viewBox: { type: Object },
+	parentViewBox: { type: Object },
+	value: { type: [Number, String] },
+	formatter: { type: Function },
+	offset: {
+		type: Number,
+		default: 5
+	},
+	position: { type: [String, Object] },
+	textBreakAll: { type: Boolean },
+	angle: { type: Number },
+	index: { type: Number }
+};
+//#endregion
+export { t as LabelListVueProps, n as LabelVueProps };