vccs 0.1.0 → 0.2.0

package/dist/es/cartesian/scatter/Scatter.mjs

@@ -1,29 +1,31 @@
-import { Curve as e } from "../../shape/Curve.mjs";
-import { getTooltipNameProp as t, getValueByDataKey as n } from "../../utils/chart.mjs";
-import { mouseLeaveChart as r, setActiveMouseOverItemIndex as i, setMouseOverAxisIndex as a } from "../../state/tooltipSlice.mjs";
-import { selectActiveTooltipDataKey as o, selectActiveTooltipIndex as s } from "../../state/selectors/tooltipSelectors.mjs";
-import { useAppDispatch as c, useAppSelector as l } from "../../state/hooks.mjs";
-import { Layer as u } from "../../container/Layer.mjs";
-import { LabelList as d } from "../../components/label/LabelList.mjs";
-import { Animate as f } from "../../animation/Animate.mjs";
-import { SetTooltipEntrySettings as p } from "../../state/SetTooltipEntrySettings.mjs";
-import { useSetupGraphicalItem as m } from "../../hooks/useSetupGraphicalItem.mjs";
-import { useGraphicalLayerRef as h } from "../../context/graphicalLayerContext.mjs";
-import { createErrorBarRegistry as g, provideErrorBarContext as _, provideErrorBarRegistry as v } from "../error-bar/ErrorBarContext.mjs";
-import { useScatter as y } from "./hooks/useScatter.mjs";
-import { Symbols as b } from "../../shape/Symbols.mjs";
-import { getLinearRegression as x } from "../../utils/getLinearRegression.mjs";
-import { Fragment as S, Teleport as C, computed as w, createVNode as T, defineComponent as E, isVNode as D, mergeProps as O, useAttrs as k } from "vue";
+import { Curve } from "../../shape/Curve.mjs";
+import { getTooltipNameProp, getValueByDataKey } from "../../utils/chart.mjs";
+import { mouseLeaveChart, setActiveMouseOverItemIndex, setMouseOverAxisIndex } from "../../state/tooltipSlice.mjs";
+import { selectActiveTooltipDataKey, selectActiveTooltipIndex } from "../../state/selectors/tooltipSelectors.mjs";
+import { useAppDispatch, useAppSelector } from "../../state/hooks.mjs";
+import { Layer } from "../../container/Layer.mjs";
+import { LabelList } from "../../components/label/LabelList.mjs";
+import { Animate } from "../../animation/Animate.mjs";
+import { SetTooltipEntrySettings } from "../../state/SetTooltipEntrySettings.mjs";
+import { useSetupGraphicalItem } from "../../hooks/useSetupGraphicalItem.mjs";
+import { useGraphicalLayerRef } from "../../context/graphicalLayerContext.mjs";
+import { createErrorBarRegistry, provideErrorBarContext, provideErrorBarRegistry } from "../error-bar/ErrorBarContext.mjs";
+import { useScatter } from "./hooks/useScatter.mjs";
+import { Symbols } from "../../shape/Symbols.mjs";
+import { getLinearRegression } from "../../utils/getLinearRegression.mjs";
+import { Fragment, Teleport, computed, createVNode, defineComponent, isVNode, mergeProps, useAttrs } from "vue";
 //#region src/cartesian/scatter/Scatter.tsx
-function A(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 j = (e, t) => (n) => e + (t - e) * n, M = (e, t, r) => ({
-	x: e.cx,
-	y: e.cy,
-	value: r === "x" ? Number(e.node.x) : Number(e.node.y),
-	errorVal: n(e.payload, t)
-}), N = /* @__PURE__ */ E({
+var interpolateNumber = (from, to) => (t) => from + (to - from) * t;
+var errorBarDataPointFormatter = (dataPoint, dataKey, direction) => ({
+	x: dataPoint.cx,
+	y: dataPoint.cy,
+	value: direction === "x" ? Number(dataPoint.node.x) : Number(dataPoint.node.y),
+	errorVal: getValueByDataKey(dataPoint.payload, dataKey)
+});
+var Scatter = /* @__PURE__ */ defineComponent({
 	name: "Scatter",
 	props: {
 		xAxisId: {
@@ -56,7 +58,7 @@ var j = (e, t) => (n) => e + (t - e) * n, M = (e, t, r) => ({
 		},
 		hide: {
 			type: Boolean,
-			default: !1
+			default: false
 		},
 		fill: {
 			type: String,
@@ -68,11 +70,11 @@ var j = (e, t) => (n) => e + (t - e) * n, M = (e, t, r) => ({
 		},
 		isAnimationActive: {
 			type: Boolean,
-			default: !0
+			default: true
 		},
 		line: {
 			type: [Boolean, Object],
-			default: !1
+			default: false
 		},
 		lineType: {
 			type: String,
@@ -84,7 +86,7 @@ var j = (e, t) => (n) => e + (t - e) * n, M = (e, t, r) => ({
 		},
 		label: {
 			type: [Boolean, Object],
-			default: !1
+			default: false
 		},
 		legendType: {
 			type: String,
@@ -99,154 +101,180 @@ var j = (e, t) => (n) => e + (t - e) * n, M = (e, t, r) => ({
 			default: void 0
 		}
 	},
-	inheritAttrs: !1,
+	inheritAttrs: false,
 	slots: Object,
-	setup(n, { attrs: E, slots: D }) {
-		let N = g();
-		v(N), m(n, "scatter", {
-			skipTooltip: !0,
-			errorBars: N.errorBars
+	setup(props, { attrs, slots }) {
+		const errorBarRegistry = createErrorBarRegistry();
+		provideErrorBarRegistry(errorBarRegistry);
+		useSetupGraphicalItem(props, "scatter", {
+			skipTooltip: true,
+			errorBars: errorBarRegistry.errorBars
 		});
-		let { shouldRender: P, points: F } = y(n), I = h(), L = k(), R = c(), z = l(s), B = l(o);
-		p({
-			fn: (e) => ({
-				dataDefinedOnItem: e.points?.map((e) => e.tooltipPayload),
+		const { shouldRender, points } = useScatter(props);
+		const graphicalLayerRef = useGraphicalLayerRef();
+		const svgAttrs = useAttrs();
+		const dispatch = useAppDispatch();
+		const activeIndex = useAppSelector(selectActiveTooltipIndex);
+		const activeDataKey = useAppSelector(selectActiveTooltipDataKey);
+		SetTooltipEntrySettings({
+			fn: (input) => ({
+				dataDefinedOnItem: input.points?.map((p) => p.tooltipPayload),
 				positions: void 0,
 				settings: {
-					stroke: e.stroke,
-					strokeWidth: e.strokeWidth,
-					fill: e.fill,
-					dataKey: e.dataKey,
+					stroke: input.stroke,
+					strokeWidth: input.strokeWidth,
+					fill: input.fill,
+					dataKey: input.dataKey,
 					nameKey: void 0,
-					name: t(e.name, e.dataKey),
-					hide: e.hide,
-					type: e.tooltipType,
-					color: e.fill,
+					name: getTooltipNameProp(input.name, input.dataKey),
+					hide: input.hide,
+					type: input.tooltipType,
+					color: input.fill,
 					unit: ""
 				}
 			}),
-			args: w(() => ({
-				points: F.value,
-				fill: L.fill ?? n.fill,
-				stroke: L.stroke,
-				strokeWidth: L["stroke-width"],
-				name: n.name,
-				dataKey: n.dataKey,
-				hide: n.hide,
-				tooltipType: n.tooltipType
+			args: computed(() => ({
+				points: points.value,
+				fill: svgAttrs.fill ?? props.fill,
+				stroke: svgAttrs.stroke,
+				strokeWidth: svgAttrs["stroke-width"],
+				name: props.name,
+				dataKey: props.dataKey,
+				hide: props.hide,
+				tooltipType: props.tooltipType
 			}))
-		}), _({
-			data: F,
-			xAxisId: n.xAxisId,
-			yAxisId: n.yAxisId,
-			dataPointFormatter: M,
-			errorBarOffset: w(() => 0)
 		});
-		let V = null, H = 0, U = (e, t) => {
-			let r = {
-				activeDataKey: n.dataKey,
-				activeIndex: String(t),
-				activeCoordinate: e.tooltipPosition
+		provideErrorBarContext({
+			data: points,
+			xAxisId: props.xAxisId,
+			yAxisId: props.yAxisId,
+			dataPointFormatter: errorBarDataPointFormatter,
+			errorBarOffset: computed(() => 0)
+		});
+		let previousPoints = null;
+		let animationId = 0;
+		const dispatchScatterHover = (point, index) => {
+			const payload = {
+				activeDataKey: props.dataKey,
+				activeIndex: String(index),
+				activeCoordinate: point.tooltipPosition
 			};
-			R(a(r)), R(i(r));
-		}, W = () => {
-			R(r());
-		}, G = (e, t) => {
-			let r = z.value, i = B.value;
-			return e.map((e, a) => {
-				if (e.cx == null || e.cy == null) return null;
-				let o = r === String(a) && i === n.dataKey, s = {
-					...t,
-					...n.fill == null ? {} : { fill: n.fill },
-					cx: e.cx,
-					cy: e.cy,
-					size: o ? (e.size ?? 64) * 1.6 : e.size,
-					type: n.shape,
-					...o ? {
+			dispatch(setMouseOverAxisIndex(payload));
+			dispatch(setActiveMouseOverItemIndex(payload));
+		};
+		const onMouseLeaveSymbol = () => {
+			dispatch(mouseLeaveChart());
+		};
+		const renderSymbols = (data, svgAttrs) => {
+			const currentActiveIndex = activeIndex.value;
+			const currentActiveDataKey = activeDataKey.value;
+			return data.map((point, i) => {
+				if (point.cx == null || point.cy == null) return null;
+				const isActive = currentActiveIndex === String(i) && currentActiveDataKey === props.dataKey;
+				const symbolProps = {
+					...svgAttrs,
+					...props.fill != null ? { fill: props.fill } : {},
+					cx: point.cx,
+					cy: point.cy,
+					size: isActive ? (point.size ?? 64) * 1.6 : point.size,
+					type: props.shape,
+					...isActive ? {
 						stroke: "#fff",
 						"stroke-width": 2
 					} : {}
 				};
-				return T("g", {
-					class: "v-charts-scatter-symbol",
-					onMouseenter: () => U(e, a),
-					onMousemove: (t) => {
-						t.stopPropagation(), U(e, a);
+				return createVNode("g", {
+					"class": "v-charts-scatter-symbol",
+					"onMouseenter": () => dispatchScatterHover(point, i),
+					"onMousemove": (e) => {
+						e.stopPropagation();
+						dispatchScatterHover(point, i);
 					},
-					onMouseleave: W
-				}, [b(s)]);
+					"onMouseleave": onMouseLeaveSymbol
+				}, [Symbols(symbolProps)]);
 			});
-		}, K = (t, r) => {
-			if (!n.line) return null;
-			let i;
-			if (n.lineType === "joint") i = t.map((e) => ({
-				x: e.cx ?? 0,
-				y: e.cy ?? 0
+		};
+		const renderLine = (data, svgAttrs) => {
+			if (!props.line) return null;
+			let linePoints;
+			if (props.lineType === "joint") linePoints = data.map((p) => ({
+				x: p.cx ?? 0,
+				y: p.cy ?? 0
 			}));
 			else {
-				let { xmin: e, xmax: n, a: r, b: a } = x(t);
-				i = [{
-					x: e,
-					y: r * e + a
+				const { xmin, xmax, a, b } = getLinearRegression(data);
+				linePoints = [{
+					x: xmin,
+					y: a * xmin + b
 				}, {
-					x: n,
-					y: r * n + a
+					x: xmax,
+					y: a * xmax + b
 				}];
 			}
-			let a = {
+			const lineProps = {
 				fill: "none",
-				stroke: r.stroke ?? n.fill,
-				...typeof n.line == "object" ? n.line : {},
-				points: i
+				stroke: svgAttrs.stroke ?? props.fill,
+				...typeof props.line === "object" ? props.line : {},
+				points: linePoints
 			};
-			return T(u, {
-				class: "v-charts-scatter-line",
-				style: { pointerEvents: "none" }
-			}, { default: () => [T(e, O(a, { type: n.lineJointType }), null)] });
+			return createVNode(Layer, {
+				"class": "v-charts-scatter-line",
+				"style": { pointerEvents: "none" }
+			}, { default: () => [createVNode(Curve, mergeProps(lineProps, { "type": props.lineJointType }), null)] });
 		};
 		return () => {
-			if (!P.value) return null;
-			let e = E, t = F.value, r = n.isAnimationActive, i;
-			if (r && V !== t) {
-				let a = V;
-				H++, i = T(f, {
-					key: H,
-					transition: n.transition,
-					isActive: r
-				}, { default: (n) => {
-					let r = n === 1 ? t : t.map((e, t) => {
-						let r = a && a[t];
-						return r ? {
-							...e,
-							cx: e.cx == null ? void 0 : j(r.cx ?? 0, e.cx)(n),
-							cy: e.cy == null ? void 0 : j(r.cy ?? 0, e.cy)(n),
-							size: j(r.size ?? 0, e.size ?? 0)(n)
-						} : {
-							...e,
-							size: j(0, e.size ?? 0)(n)
+			if (!shouldRender.value) return null;
+			const svgAttrs = attrs;
+			const data = points.value;
+			const isAnimationActive = props.isAnimationActive;
+			let symbolsContent;
+			if (isAnimationActive && previousPoints !== data) {
+				const prevData = previousPoints;
+				animationId++;
+				symbolsContent = createVNode(Animate, {
+					"key": animationId,
+					"transition": props.transition,
+					"isActive": isAnimationActive
+				}, { default: (t) => {
+					const stepData = t === 1 ? data : data.map((entry, index) => {
+						const prev = prevData && prevData[index];
+						if (prev) return {
+							...entry,
+							cx: entry.cx == null ? void 0 : interpolateNumber(prev.cx ?? 0, entry.cx)(t),
+							cy: entry.cy == null ? void 0 : interpolateNumber(prev.cy ?? 0, entry.cy)(t),
+							size: interpolateNumber(prev.size ?? 0, entry.size ?? 0)(t)
+						};
+						return {
+							...entry,
+							size: interpolateNumber(0, entry.size ?? 0)(t)
 						};
 					});
-					return n > 0 && (V = r), T(S, null, [K(r, e), G(r, e)]);
+					if (t > 0) previousPoints = stepData;
+					return createVNode(Fragment, null, [renderLine(stepData, svgAttrs), renderSymbols(stepData, svgAttrs)]);
 				} });
-			} else V = t, i = T(S, null, [K(t, e), G(t, e)]);
-			let a = T(u, { class: "v-charts-scatter" }, { default: () => [
-				D.default?.(),
-				i,
-				n.label && (() => {
-					let e = t.map((e) => ({
-						x: e.cx ?? 0,
-						y: e.cy ?? 0,
+			} else {
+				previousPoints = data;
+				symbolsContent = createVNode(Fragment, null, [renderLine(data, svgAttrs), renderSymbols(data, svgAttrs)]);
+			}
+			const content = createVNode(Layer, { "class": "v-charts-scatter" }, { default: () => [
+				slots.default?.(),
+				symbolsContent,
+				props.label && (() => {
+					const labelData = data.map((point) => ({
+						x: point.cx ?? 0,
+						y: point.cy ?? 0,
 						width: 0,
 						height: 0,
 						value: void 0,
-						payload: e.payload
+						payload: point.payload
 					}));
-					return T(d, O(typeof n.label == "object" ? n.label : {}, { data: e }), null);
+					return createVNode(LabelList, mergeProps(typeof props.label === "object" ? props.label : {}, { "data": labelData }), null);
 				})()
 			] });
-			return I?.value ? T(C, { to: I.value }, A(a) ? a : { default: () => [a] }) : a;
+			if (graphicalLayerRef?.value) return createVNode(Teleport, { "to": graphicalLayerRef.value }, _isSlot(content) ? content : { default: () => [content] });
+			return content;
 		};
 	}
 });
 //#endregion
-export { N as Scatter };
+export { Scatter };

package/dist/es/cartesian/scatter/hooks/useScatter.mjs

@@ -1,19 +1,23 @@
-import { useIsPanorama as e } from "../../../context/PanoramaContextProvider.mjs";
-import { useAppSelector as t } from "../../../state/hooks.mjs";
-import { selectScatterPoints as n } from "../../../state/selectors/scatterSelectors.mjs";
-import { computed as r } from "vue";
+import { useIsPanorama } from "../../../context/PanoramaContextProvider.mjs";
+import { useAppSelector } from "../../../state/hooks.mjs";
+import { selectScatterPoints } from "../../../state/selectors/scatterSelectors.mjs";
+import { computed } from "vue";
 //#region src/cartesian/scatter/hooks/useScatter.ts
-function i(i) {
-	let a = e(), o = r(() => ({
-		data: i.data,
-		dataKey: i.dataKey,
-		tooltipType: i.tooltipType,
-		name: i.name ?? String(i.dataKey ?? "")
-	})), s = t((e) => n(e, i.xAxisId ?? 0, i.yAxisId ?? 0, i.zAxisId ?? 0, o.value, a));
+function useScatter(props) {
+	const isPanorama = useIsPanorama();
+	const scatterSettings = computed(() => ({
+		data: props.data,
+		dataKey: props.dataKey,
+		tooltipType: props.tooltipType,
+		name: props.name ?? String(props.dataKey ?? "")
+	}));
+	const points = useAppSelector((state) => selectScatterPoints(state, props.xAxisId ?? 0, props.yAxisId ?? 0, props.zAxisId ?? 0, scatterSettings.value, isPanorama));
 	return {
-		shouldRender: r(() => !i.hide && s.value != null && s.value.length > 0),
-		points: s
+		shouldRender: computed(() => {
+			return !props.hide && points.value != null && points.value.length > 0;
+		}),
+		points
 	};
 }
 //#endregion
-export { i as useScatter };
+export { useScatter };

package/dist/es/cartesian/useNeedsClip.mjs

@@ -1,14 +1,23 @@
-import { selectXAxisSettings as e, selectYAxisSettings as t } from "../state/selectors/axisSelectors.mjs";
-import { useAppSelector as n } from "../state/hooks.mjs";
-import { computed as r } from "vue";
+import { selectXAxisSettings, selectYAxisSettings } from "../state/selectors/axisSelectors.mjs";
+import { useAppSelector } from "../state/hooks.mjs";
+import { computed } from "vue";
 //#region src/cartesian/useNeedsClip.ts
-function i(i, a) {
-	let o = n((t) => e(t, i)), s = n((e) => t(e, a)), c = r(() => o.value && o.value.allowDataOverflow), l = r(() => s.value && s.value.allowDataOverflow);
+function useNeedsClip(xAxisId, yAxisId) {
+	const xAxis = useAppSelector((state) => selectXAxisSettings(state, xAxisId));
+	const yAxis = useAppSelector((state) => selectYAxisSettings(state, yAxisId));
+	const needClipX = computed(() => {
+		return xAxis.value && xAxis.value.allowDataOverflow;
+	});
+	const needClipY = computed(() => {
+		return yAxis.value && yAxis.value.allowDataOverflow;
+	});
 	return {
-		needClip: r(() => c.value || l.value),
-		needClipX: c,
-		needClipY: l
+		needClip: computed(() => {
+			return needClipX.value || needClipY.value;
+		}),
+		needClipX,
+		needClipY
 	};
 }
 //#endregion
-export { i as useNeedsClip };
+export { useNeedsClip };

package/dist/es/cartesian/utils/get-ticks.mjs

@@ -1,83 +1,118 @@
-import { isNumber as e, isSsr as t, isVisible as n } from "../../utils/validate.mjs";
-import { mathSign as r } from "../../utils/data.mjs";
-import { getStringSize as i } from "../../utils/attrs.mjs";
-import { getAngledTickWidth as a, getNumberIntervalTicks as o, getTickBoundaries as s } from "../../utils/tick.mjs";
-import { getEquidistantTicks as c } from "../../utils/cartesian.mjs";
+import { isNumber, isSsr, isVisible } from "../../utils/validate.mjs";
+import { mathSign } from "../../utils/data.mjs";
+import { getStringSize } from "../../utils/attrs.mjs";
+import { getAngledTickWidth, getNumberIntervalTicks, getTickBoundaries } from "../../utils/tick.mjs";
+import { getEquidistantTicks } from "../../utils/cartesian.mjs";
 //#region src/cartesian/utils/get-ticks.ts
-function l(e, t, r, i, a) {
-	let o = (i || []).slice(), s = o.length, { start: c } = t, { end: l } = t;
-	for (let t = s - 1; t >= 0; t--) {
-		let i = o[t], u, d = () => (u === void 0 && (u = r(i, t)), u);
-		if (t === s - 1) {
-			let n = e * (i.coordinate + e * d() / 2 - l);
-			o[t] = i = {
-				...i,
-				tickCoord: n > 0 ? i.coordinate - n * e : i.coordinate
+function getTicksEnd(sign, boundaries, getTickSize, ticks, minTickGap) {
+	const result = (ticks || []).slice();
+	const len = result.length;
+	const { start } = boundaries;
+	let { end } = boundaries;
+	for (let i = len - 1; i >= 0; i--) {
+		let entry = result[i];
+		let size;
+		const getSize = () => {
+			if (size === void 0) size = getTickSize(entry, i);
+			return size;
+		};
+		if (i === len - 1) {
+			const gap = sign * (entry.coordinate + sign * getSize() / 2 - end);
+			result[i] = entry = {
+				...entry,
+				tickCoord: gap > 0 ? entry.coordinate - gap * sign : entry.coordinate
 			};
-		} else o[t] = i = {
-			...i,
-			tickCoord: i.coordinate
+		} else result[i] = entry = {
+			...entry,
+			tickCoord: entry.coordinate
 		};
-		n(e, i.tickCoord, d, c, l) && (l = i.tickCoord - e * (d() / 2 + a), o[t] = {
-			...i,
-			isShow: !0
-		});
+		if (isVisible(sign, entry.tickCoord, getSize, start, end)) {
+			end = entry.tickCoord - sign * (getSize() / 2 + minTickGap);
+			result[i] = {
+				...entry,
+				isShow: true
+			};
+		}
 	}
-	return o;
+	return result;
 }
-function u(e, t, r, i, a, o) {
-	let s = (i || []).slice(), c = s.length, { start: l, end: u } = t;
-	if (o) {
-		let t = i[c - 1], o = r(t, c - 1), d = e * (t.coordinate + e * o / 2 - u);
-		s[c - 1] = t = {
-			...t,
-			tickCoord: d > 0 ? t.coordinate - d * e : t.coordinate
-		}, n(e, t.tickCoord, () => o, l, u) && (u = t.tickCoord - e * (o / 2 + a), s[c - 1] = {
-			...t,
-			isShow: !0
-		});
+function getTicksStart(sign, boundaries, getTickSize, ticks, minTickGap, preserveEnd) {
+	const result = (ticks || []).slice();
+	const len = result.length;
+	let { start, end } = boundaries;
+	if (preserveEnd) {
+		let tail = ticks[len - 1];
+		const tailSize = getTickSize(tail, len - 1);
+		const tailGap = sign * (tail.coordinate + sign * tailSize / 2 - end);
+		result[len - 1] = tail = {
+			...tail,
+			tickCoord: tailGap > 0 ? tail.coordinate - tailGap * sign : tail.coordinate
+		};
+		if (isVisible(sign, tail.tickCoord, () => tailSize, start, end)) {
+			end = tail.tickCoord - sign * (tailSize / 2 + minTickGap);
+			result[len - 1] = {
+				...tail,
+				isShow: true
+			};
+		}
 	}
-	let d = o ? c - 1 : c;
-	for (let t = 0; t < d; t++) {
-		let i = s[t], o, c = () => (o === void 0 && (o = r(i, t)), o);
-		if (t === 0) {
-			let n = e * (i.coordinate - e * c() / 2 - l);
-			s[t] = i = {
-				...i,
-				tickCoord: n < 0 ? i.coordinate - n * e : i.coordinate
+	const count = preserveEnd ? len - 1 : len;
+	for (let i = 0; i < count; i++) {
+		let entry = result[i];
+		let size;
+		const getSize = () => {
+			if (size === void 0) size = getTickSize(entry, i);
+			return size;
+		};
+		if (i === 0) {
+			const gap = sign * (entry.coordinate - sign * getSize() / 2 - start);
+			result[i] = entry = {
+				...entry,
+				tickCoord: gap < 0 ? entry.coordinate - gap * sign : entry.coordinate
 			};
-		} else s[t] = i = {
-			...i,
-			tickCoord: i.coordinate
+		} else result[i] = entry = {
+			...entry,
+			tickCoord: entry.coordinate
 		};
-		n(e, i.tickCoord, c, l, u) && (l = i.tickCoord + e * (c() / 2 + a), s[t] = {
-			...i,
-			isShow: !0
-		});
+		if (isVisible(sign, entry.tickCoord, getSize, start, end)) {
+			start = entry.tickCoord + sign * (getSize() / 2 + minTickGap);
+			result[i] = {
+				...entry,
+				isShow: true
+			};
+		}
 	}
-	return s;
+	return result;
 }
-function d(n, d, f) {
-	let { tick: p, ticks: m, viewBox: h, minTickGap: g, orientation: _, interval: v, tickFormatter: y, unit: b, angle: x } = n;
-	if (!m || !m.length || !p) return [];
-	if (e(v) || t) return o(m, e(v) ? v : 0) ?? [];
-	let S = [], C = _ === "top" || _ === "bottom" ? "width" : "height", w = b && C === "width" ? i(b, {
-		fontSize: d,
-		letterSpacing: f
+function getTicks(props, fontSize, letterSpacing) {
+	const { tick, ticks, viewBox, minTickGap, orientation, interval, tickFormatter, unit, angle } = props;
+	if (!ticks || !ticks.length || !tick) return [];
+	if (isNumber(interval) || isSsr) return getNumberIntervalTicks(ticks, isNumber(interval) ? interval : 0) ?? [];
+	let candidates = [];
+	const sizeKey = orientation === "top" || orientation === "bottom" ? "width" : "height";
+	const unitSize = unit && sizeKey === "width" ? getStringSize(unit, {
+		fontSize,
+		letterSpacing
 	}) : {
 		width: 0,
 		height: 0
-	}, T = (e, t) => {
-		let n = typeof y == "function" ? y(e.value, t) : e.value;
-		return C === "width" ? a(i(n, {
-			fontSize: d,
-			letterSpacing: f
-		}), w, x) : i(n, {
-			fontSize: d,
-			letterSpacing: f
-		})[C];
-	}, E = m.length >= 2 ? r(m[1].coordinate - m[0].coordinate) : 1, D = s(h, E, C);
-	return v === "equidistantPreserveStart" ? c(E, D, T, m, g) : (S = v === "preserveStart" || v === "preserveStartEnd" ? u(E, D, T, m, g, v === "preserveStartEnd") : l(E, D, T, m, g), S.filter((e) => e.isShow));
+	};
+	const getTickSize = (content, index) => {
+		const value = typeof tickFormatter === "function" ? tickFormatter(content.value, index) : content.value;
+		return sizeKey === "width" ? getAngledTickWidth(getStringSize(value, {
+			fontSize,
+			letterSpacing
+		}), unitSize, angle) : getStringSize(value, {
+			fontSize,
+			letterSpacing
+		})[sizeKey];
+	};
+	const sign = ticks.length >= 2 ? mathSign(ticks[1].coordinate - ticks[0].coordinate) : 1;
+	const boundaries = getTickBoundaries(viewBox, sign, sizeKey);
+	if (interval === "equidistantPreserveStart") return getEquidistantTicks(sign, boundaries, getTickSize, ticks, minTickGap);
+	if (interval === "preserveStart" || interval === "preserveStartEnd") candidates = getTicksStart(sign, boundaries, getTickSize, ticks, minTickGap, interval === "preserveStartEnd");
+	else candidates = getTicksEnd(sign, boundaries, getTickSize, ticks, minTickGap);
+	return candidates.filter((entry) => entry.isShow);
 }
 //#endregion
-export { d as getTicks };
+export { getTicks };