vccs 0.1.0 → 0.3.0

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

@@ -1,36 +1,40 @@
-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";
+import { isNullish } from "../../utils/validate.mjs";
+import { useViewBox } from "../../context/chartLayoutContext.mjs";
+import { LabelVueProps } from "./types.mjs";
+import { usePolarLabelViewBox } from "../../context/polarLabelViewBoxContext.mjs";
+import { getAttrsOfCartesianLabel, getAttrsOfPolarLabel, isPolar, renderRadialLabel } from "./utils.mjs";
+import Text_default from "../Text.mjs";
+import { createVNode, defineComponent, mergeProps } from "vue";
 //#region src/components/label/Label.tsx
-var f = /* @__PURE__ */ u({
+var Label = /* @__PURE__ */ defineComponent({
 	name: "Label",
-	props: n,
+	props: LabelVueProps,
 	slots: Object,
-	setup(n, { slots: u, attrs: f }) {
-		let p = t(), m = r();
+	setup(props, { slots, attrs }) {
+		const viewBoxFromContext = useViewBox();
+		const polarLabelViewBox = usePolarLabelViewBox();
 		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
+			const { viewBox: viewBoxFromProps, value, position, textBreakAll, formatter } = props;
+			const viewBox = viewBoxFromProps || polarLabelViewBox.value || viewBoxFromContext.value;
+			if (!viewBox || isNullish(value) && !slots.content) return null;
+			const isPolarLabel = isPolar(viewBox);
+			if (slots.content) return slots.content({
+				...props,
+				viewBox
 			});
-			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
+			let label = value;
+			if (typeof formatter === "function") label = formatter(label);
+			if (isPolarLabel && (position === "insideStart" || position === "insideEnd" || position === "end")) return renderRadialLabel(props, position, label, attrs, viewBox);
+			const positionAttrs = isPolarLabel ? getAttrsOfPolarLabel(props, viewBox) : getAttrsOfCartesianLabel(props, viewBox);
+			const textAnchor = attrs.textAnchor != null && (attrs.textAnchor === "start" || attrs.textAnchor === "middle" || attrs.textAnchor === "end") ? attrs.textAnchor : positionAttrs.textAnchor;
+			return createVNode(Text_default, mergeProps({ "class": ["v-charts-label", props.class] }, attrs, positionAttrs, {
+				"textAnchor": textAnchor,
+				"angle": props.angle,
+				"breakAll": textBreakAll,
+				"value": label
 			}), null);
 		};
 	}
 });
 //#endregion
-export { f as Label };
+export { Label };

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

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

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

@@ -1,10 +1,13 @@
-import { last as e } from "es-toolkit/compat";
-var t = {
+import { classProp } from "../../types/common.mjs";
+import { last } from "es-toolkit/compat";
+//#region src/components/label/types.ts
+var defaultAccessor = (entry) => Array.isArray(entry.value) ? last(entry.value) : entry.value;
+var LabelListVueProps = {
 	id: { type: String },
 	data: { type: Array },
 	valueAccessor: {
 		type: Function,
-		default: (t) => Array.isArray(t.value) ? e(t.value) : t.value
+		default: defaultAccessor
 	},
 	clockWise: { type: Boolean },
 	dataKey: { type: [String, Function] },
@@ -12,10 +15,11 @@ var t = {
 	position: { type: String },
 	offset: { type: Number },
 	angle: { type: Number }
-}, n = {
+};
+var LabelVueProps = {
 	id: { type: String },
 	class: {
-		type: String,
+		...classProp,
 		default: ""
 	},
 	viewBox: { type: Object },
@@ -32,4 +36,4 @@ var t = {
 	index: { type: Number }
 };
 //#endregion
-export { t as LabelListVueProps, n as LabelVueProps };
+export { LabelListVueProps, LabelVueProps };

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

@@ -1,233 +1,265 @@
-import { isNumber as e, isPercent as t } from "../../utils/validate.mjs";
-import { uniqueId as n } from "../../utils/data-utils.mjs";
-import { getPercentValue as r, mathSign as i } from "../../utils/data.mjs";
-import { createVNode as a, mergeProps as o } from "vue";
+import { isNumber, isPercent } from "../../utils/validate.mjs";
+import { uniqueId } from "../../utils/data-utils.mjs";
+import { getPercentValue, mathSign } from "../../utils/data.mjs";
+import { createVNode, mergeProps } from "vue";
 //#region src/components/label/utils.tsx
-function s(t) {
-	let { cx: n, cy: r, angle: i, startAngle: a, endAngle: o, r: s, radius: c, innerRadius: l, outerRadius: u, x: d, y: f, top: p, left: m, width: h, height: g, clockWise: _, labelViewBox: v } = t;
-	if (v) return v;
-	if (e(h) && e(g)) {
-		if (e(d) && e(f)) return {
-			x: d,
-			y: f,
-			width: h,
-			height: g
+function parseViewBox(props) {
+	const { cx, cy, angle, startAngle, endAngle, r, radius, innerRadius, outerRadius, x, y, top, left, width, height, clockWise, labelViewBox } = props;
+	if (labelViewBox) return labelViewBox;
+	if (isNumber(width) && isNumber(height)) {
+		if (isNumber(x) && isNumber(y)) return {
+			x,
+			y,
+			width,
+			height
 		};
-		if (e(p) && e(m)) return {
-			x: p,
-			y: m,
-			width: h,
-			height: g
+		if (isNumber(top) && isNumber(left)) return {
+			x: top,
+			y: left,
+			width,
+			height
 		};
 	}
-	if (e(d) && e(f)) return {
-		x: d,
-		y: f,
+	if (isNumber(x) && isNumber(y)) return {
+		x,
+		y,
 		width: 0,
 		height: 0
 	};
-	if (e(n) && e(r)) return {
-		cx: n,
-		cy: r,
-		startAngle: a || i || 0,
-		endAngle: o || i || 0,
-		innerRadius: l || 0,
-		outerRadius: u || c || s || 0,
-		clockWise: _
+	if (isNumber(cx) && isNumber(cy)) return {
+		cx,
+		cy,
+		startAngle: startAngle || angle || 0,
+		endAngle: endAngle || angle || 0,
+		innerRadius: innerRadius || 0,
+		outerRadius: outerRadius || radius || r || 0,
+		clockWise
 	};
-	if (t.viewBox) return t.viewBox;
+	if (props.viewBox) return props.viewBox;
 }
-function c(t) {
-	return "cx" in t && e(t.cx);
+function isPolar(viewBox) {
+	return "cx" in viewBox && isNumber(viewBox.cx);
 }
-var l = Math.PI / 180;
-function u(e, t, n, r) {
+var RADIAN = Math.PI / 180;
+function polarToCartesian(cx, cy, radius, angle) {
 	return {
-		x: e + Math.cos(-l * r) * n,
-		y: t + Math.sin(-l * r) * n
+		x: cx + Math.cos(-RADIAN * angle) * radius,
+		y: cy + Math.sin(-RADIAN * angle) * radius
 	};
 }
-function d(e, t) {
-	return i(t - e) * Math.min(Math.abs(t - e), 360);
+function getDeltaAngle(startAngle, endAngle) {
+	return mathSign(endAngle - startAngle) * Math.min(Math.abs(endAngle - startAngle), 360);
 }
-function f(e, t, r, i, s) {
-	let { offset: c = 5, class: l, id: f } = e, { cx: p, cy: m, innerRadius: h, outerRadius: g, startAngle: _, endAngle: v, clockWise: y } = s, b = (h + g) / 2, x = d(_, v), S = x >= 0 ? 1 : -1, C, w;
-	switch (t) {
+function renderRadialLabel(labelProps, position, label, attrs, viewBox) {
+	const { offset = 5, class: className, id: labelId } = labelProps;
+	const { cx, cy, innerRadius, outerRadius, startAngle, endAngle, clockWise } = viewBox;
+	const radius = (innerRadius + outerRadius) / 2;
+	const deltaAngle = getDeltaAngle(startAngle, endAngle);
+	const sign = deltaAngle >= 0 ? 1 : -1;
+	let labelAngle;
+	let direction;
+	switch (position) {
 		case "insideStart":
-			C = _ + S * c, w = y;
+			labelAngle = startAngle + sign * offset;
+			direction = clockWise;
 			break;
 		case "insideEnd":
-			C = v - S * c, w = !y;
+			labelAngle = endAngle - sign * offset;
+			direction = !clockWise;
 			break;
 		case "end":
-			C = v + S * c, w = y;
+			labelAngle = endAngle + sign * offset;
+			direction = clockWise;
 			break;
-		default: throw Error(`Unsupported position ${t}`);
+		default: throw new Error(`Unsupported position ${position}`);
 	}
-	w = x <= 0 ? w : !w;
-	let T = u(p, m, b, C), E = u(p, m, b, C + (w ? 1 : -1) * 359), D = `M${T.x},${T.y} A${b},${b},0,1,${w ? 0 : 1},${E.x},${E.y}`, O = f ?? n("v-charts-radial-line-");
-	return a("text", o(i, {
+	direction = deltaAngle <= 0 ? direction : !direction;
+	const startPoint = polarToCartesian(cx, cy, radius, labelAngle);
+	const endPoint = polarToCartesian(cx, cy, radius, labelAngle + (direction ? 1 : -1) * 359);
+	const path = `M${startPoint.x},${startPoint.y} A${radius},${radius},0,1,${direction ? 0 : 1},${endPoint.x},${endPoint.y}`;
+	const id = labelId == null ? uniqueId("v-charts-radial-line-") : labelId;
+	return createVNode("text", mergeProps(attrs, {
 		"dominant-baseline": "central",
-		class: ["v-charts-radial-bar-label", l]
-	}), [a("defs", null, [a("path", {
-		id: O,
-		d: D
-	}, null)]), a("textPath", { "xlink:href": `#${O}` }, [r])]);
+		"class": ["v-charts-radial-bar-label", className]
+	}), [createVNode("defs", null, [createVNode("path", {
+		"id": id,
+		"d": path
+	}, null)]), createVNode("textPath", { "xlink:href": `#${id}` }, [label])]);
 }
-function p(e, t) {
-	let { offset: n, position: r } = e, { cx: i, cy: a, innerRadius: o, outerRadius: s, startAngle: c, endAngle: l } = t ?? e.viewBox, d = (c + l) / 2;
-	if (r === "outside") {
-		let { x: e, y: t } = u(i, a, s + n, d);
+function getAttrsOfPolarLabel(props, viewBox) {
+	const { offset, position } = props;
+	const { cx, cy, innerRadius, outerRadius, startAngle, endAngle } = viewBox ?? props.viewBox;
+	const midAngle = (startAngle + endAngle) / 2;
+	if (position === "outside") {
+		const { x, y } = polarToCartesian(cx, cy, outerRadius + offset, midAngle);
 		return {
-			x: e,
-			y: t,
-			textAnchor: e >= i ? "start" : "end",
+			x,
+			y,
+			textAnchor: x >= cx ? "start" : "end",
 			verticalAnchor: "middle"
 		};
 	}
-	if (r === "center") return {
-		x: i,
-		y: a,
+	if (position === "center") return {
+		x: cx,
+		y: cy,
 		textAnchor: "middle",
 		verticalAnchor: "middle"
 	};
-	if (r === "centerTop") return {
-		x: i,
-		y: a,
+	if (position === "centerTop") return {
+		x: cx,
+		y: cy,
 		textAnchor: "middle",
 		verticalAnchor: "start"
 	};
-	if (r === "centerBottom") return {
-		x: i,
-		y: a,
+	if (position === "centerBottom") return {
+		x: cx,
+		y: cy,
 		textAnchor: "middle",
 		verticalAnchor: "end"
 	};
-	let { x: f, y: p } = u(i, a, (o + s) / 2, d);
+	const { x, y } = polarToCartesian(cx, cy, (innerRadius + outerRadius) / 2, midAngle);
 	return {
-		x: f,
-		y: p,
+		x,
+		y,
 		textAnchor: "middle",
 		verticalAnchor: "middle"
 	};
 }
-function m(n, i) {
-	let { parentViewBox: a, offset: o, position: s } = n, { x: c, y: l, width: u, height: d } = i, f = d >= 0 ? 1 : -1, p = f * o, m = f > 0 ? "end" : "start", h = f > 0 ? "start" : "end", g = u >= 0 ? 1 : -1, _ = g * o, v = g > 0 ? "end" : "start", y = g > 0 ? "start" : "end";
-	if (s === "top") return {
-		x: c + u / 2,
-		y: l - f * o,
+function getAttrsOfCartesianLabel(props, viewBox) {
+	const { parentViewBox, offset, position } = props;
+	const { x, y, width, height } = viewBox;
+	const verticalSign = height >= 0 ? 1 : -1;
+	const verticalOffset = verticalSign * offset;
+	const verticalEnd = verticalSign > 0 ? "end" : "start";
+	const verticalStart = verticalSign > 0 ? "start" : "end";
+	const horizontalSign = width >= 0 ? 1 : -1;
+	const horizontalOffset = horizontalSign * offset;
+	const horizontalEnd = horizontalSign > 0 ? "end" : "start";
+	const horizontalStart = horizontalSign > 0 ? "start" : "end";
+	if (position === "top") return {
+		x: x + width / 2,
+		y: y - verticalSign * offset,
 		textAnchor: "middle",
-		verticalAnchor: m,
-		...a ? {
-			height: Math.max(l - a.y, 0),
-			width: u
+		verticalAnchor: verticalEnd,
+		...parentViewBox ? {
+			height: Math.max(y - parentViewBox.y, 0),
+			width
 		} : {}
 	};
-	if (s === "bottom") return {
-		x: c + u / 2,
-		y: l + d + p,
+	if (position === "bottom") return {
+		x: x + width / 2,
+		y: y + height + verticalOffset,
 		textAnchor: "middle",
-		verticalAnchor: h,
-		...a ? {
-			height: Math.max(a.y + a.height - (l + d), 0),
-			width: u
+		verticalAnchor: verticalStart,
+		...parentViewBox ? {
+			height: Math.max(parentViewBox.y + parentViewBox.height - (y + height), 0),
+			width
 		} : {}
 	};
-	if (s === "left") {
-		let e = {
-			x: c - _,
-			y: l + d / 2,
-			textAnchor: v,
+	if (position === "left") {
+		const attrs = {
+			x: x - horizontalOffset,
+			y: y + height / 2,
+			textAnchor: horizontalEnd,
 			verticalAnchor: "middle"
 		};
 		return {
-			...e,
-			...a ? {
-				width: Math.max(e.x - a.x, 0),
-				height: d
+			...attrs,
+			...parentViewBox ? {
+				width: Math.max(attrs.x - parentViewBox.x, 0),
+				height
 			} : {}
 		};
 	}
-	if (s === "right") {
-		let e = {
-			x: c + u + _,
-			y: l + d / 2,
-			textAnchor: y,
+	if (position === "right") {
+		const attrs = {
+			x: x + width + horizontalOffset,
+			y: y + height / 2,
+			textAnchor: horizontalStart,
 			verticalAnchor: "middle"
 		};
 		return {
-			...e,
-			...a ? {
-				width: Math.max(a.x + a.width - e.x, 0),
-				height: d
+			...attrs,
+			...parentViewBox ? {
+				width: Math.max(parentViewBox.x + parentViewBox.width - attrs.x, 0),
+				height
 			} : {}
 		};
 	}
-	let b = a ? {
-		width: u,
-		height: d
+	const sizeAttrs = parentViewBox ? {
+		width,
+		height
 	} : {};
-	return s === "insideLeft" ? {
-		x: c + _,
-		y: l + d / 2,
-		textAnchor: y,
+	if (position === "insideLeft") return {
+		x: x + horizontalOffset,
+		y: y + height / 2,
+		textAnchor: horizontalStart,
 		verticalAnchor: "middle",
-		...b
-	} : s === "insideRight" ? {
-		x: c + u - _,
-		y: l + d / 2,
-		textAnchor: v,
+		...sizeAttrs
+	};
+	if (position === "insideRight") return {
+		x: x + width - horizontalOffset,
+		y: y + height / 2,
+		textAnchor: horizontalEnd,
 		verticalAnchor: "middle",
-		...b
-	} : s === "insideTop" ? {
-		x: c + u / 2,
-		y: l + p,
+		...sizeAttrs
+	};
+	if (position === "insideTop") return {
+		x: x + width / 2,
+		y: y + verticalOffset,
 		textAnchor: "middle",
-		verticalAnchor: h,
-		...b
-	} : s === "insideBottom" ? {
-		x: c + u / 2,
-		y: l + d - p,
+		verticalAnchor: verticalStart,
+		...sizeAttrs
+	};
+	if (position === "insideBottom") return {
+		x: x + width / 2,
+		y: y + height - verticalOffset,
 		textAnchor: "middle",
-		verticalAnchor: m,
-		...b
-	} : s === "insideTopLeft" ? {
-		x: c + _,
-		y: l + p,
-		textAnchor: y,
-		verticalAnchor: h,
-		...b
-	} : s === "insideTopRight" ? {
-		x: c + u - _,
-		y: l + p,
-		textAnchor: v,
-		verticalAnchor: h,
-		...b
-	} : s === "insideBottomLeft" ? {
-		x: c + _,
-		y: l + d - p,
-		textAnchor: y,
-		verticalAnchor: m,
-		...b
-	} : s === "insideBottomRight" ? {
-		x: c + u - _,
-		y: l + d - p,
-		textAnchor: v,
-		verticalAnchor: m,
-		...b
-	} : s && typeof s == "object" && (e(s.x) || t(s.x)) && (e(s.y) || t(s.y)) ? {
-		x: c + r(s.x, u),
-		y: l + r(s.y, d),
+		verticalAnchor: verticalEnd,
+		...sizeAttrs
+	};
+	if (position === "insideTopLeft") return {
+		x: x + horizontalOffset,
+		y: y + verticalOffset,
+		textAnchor: horizontalStart,
+		verticalAnchor: verticalStart,
+		...sizeAttrs
+	};
+	if (position === "insideTopRight") return {
+		x: x + width - horizontalOffset,
+		y: y + verticalOffset,
+		textAnchor: horizontalEnd,
+		verticalAnchor: verticalStart,
+		...sizeAttrs
+	};
+	if (position === "insideBottomLeft") return {
+		x: x + horizontalOffset,
+		y: y + height - verticalOffset,
+		textAnchor: horizontalStart,
+		verticalAnchor: verticalEnd,
+		...sizeAttrs
+	};
+	if (position === "insideBottomRight") return {
+		x: x + width - horizontalOffset,
+		y: y + height - verticalOffset,
+		textAnchor: horizontalEnd,
+		verticalAnchor: verticalEnd,
+		...sizeAttrs
+	};
+	if (!!position && typeof position === "object" && (isNumber(position.x) || isPercent(position.x)) && (isNumber(position.y) || isPercent(position.y))) return {
+		x: x + getPercentValue(position.x, width),
+		y: y + getPercentValue(position.y, height),
 		textAnchor: "end",
 		verticalAnchor: "end",
-		...b
-	} : {
-		x: c + u / 2,
-		y: l + d / 2,
+		...sizeAttrs
+	};
+	return {
+		x: x + width / 2,
+		y: y + height / 2,
 		textAnchor: "middle",
 		verticalAnchor: "middle",
-		...b
+		...sizeAttrs
 	};
 }
 //#endregion
-export { m as getAttrsOfCartesianLabel, p as getAttrsOfPolarLabel, c as isPolar, s as parseViewBox, f as renderRadialLabel };
+export { getAttrsOfCartesianLabel, getAttrsOfPolarLabel, isPolar, parseViewBox, renderRadialLabel };