vccs 0.1.0 → 0.2.0

package/dist/es/utils/validate.mjs

@@ -1,31 +1,42 @@
 //#region src/utils/validate.ts
-function e(e) {
-	return typeof e == "number" && e != +e;
-}
-function t(t) {
-	return (typeof t == "number" || t instanceof Number) && !e(t);
-}
-function n({ width: e, height: n }) {
-	return !(!t(e) || e <= 0 || !t(n) || n <= 0);
-}
-function r(e) {
-	return Number.isFinite(e);
-}
-function i(e) {
-	return typeof e == "string" && e.indexOf("%") === e.length - 1;
-}
-function a(e, t) {
-	return e === "horizontal" && t === "xAxis" || e === "vertical" && t === "yAxis" || e === "centric" && t === "angleAxis" || e === "radial" && t === "radiusAxis";
-}
-function o(e, t, n, r, i) {
-	if (e * t < e * r || e * t > e * i) return !1;
-	let a = n();
-	return e * (t - e * a / 2 - r) >= 0 && e * (t + e * a / 2 - i) <= 0;
-}
-var s = typeof window > "u";
-function c(e) {
-	return e == null;
-}
-var l = (e) => t(e) || typeof e == "string";
+function isNan(value) {
+	return typeof value == "number" && value != +value;
+}
+function isNumber(value) {
+	return (typeof value === "number" || value instanceof Number) && !isNan(value);
+}
+/**
+* validate the width and height props of a chart element
+* @param  {object} el A chart element
+* @return {boolean}   true If the props width and height are number, and greater than 0
+*/
+function validateWidthHeight({ width, height }) {
+	if (!isNumber(width) || width <= 0 || !isNumber(height) || height <= 0) return false;
+	return true;
+}
+function isWellBehavedNumber(n) {
+	return Number.isFinite(n);
+}
+function isPercent(value) {
+	return typeof value === "string" && value.indexOf("%") === value.length - 1;
+}
+function isCategoricalAxis(layout, axisType) {
+	return layout === "horizontal" && axisType === "xAxis" || layout === "vertical" && axisType === "yAxis" || layout === "centric" && axisType === "angleAxis" || layout === "radial" && axisType === "radiusAxis";
+}
+function isVisible(sign, tickPosition, getSize, start, end) {
+	if (sign * tickPosition < sign * start || sign * tickPosition > sign * end) return false;
+	const size = getSize();
+	return sign * (tickPosition - sign * size / 2 - start) >= 0 && sign * (tickPosition + sign * size / 2 - end) <= 0;
+}
+var isSsr = typeof window === "undefined";
+/**
+* Checks if the value is null or undefined
+* @param {any} value The value to check
+* @returns {boolean} true if the value is null or undefined
+*/
+function isNullish(value) {
+	return value === null || typeof value === "undefined";
+}
+var isNumOrStr = (value) => isNumber(value) || typeof value === "string";
 //#endregion
-export { a as isCategoricalAxis, e as isNan, c as isNullish, l as isNumOrStr, t as isNumber, i as isPercent, s as isSsr, o as isVisible, r as isWellBehavedNumber, n as validateWidthHeight };
+export { isCategoricalAxis, isNan, isNullish, isNumOrStr, isNumber, isPercent, isSsr, isVisible, isWellBehavedNumber, validateWidthHeight };

package/dist/hooks/useIsAnimating.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+/**
+ * Tracks whether a component is currently animating.
+ *
+ * When `isAnimationActive` is `false`, always returns `false` regardless of
+ * internal state — this ensures `isAnimationActive={false}` immediately
+ * disables all animation-gated rendering (e.g. deferred LabelList).
+ *
+ * When `isAnimationActive` is `true`, starts as `true` and can be set to
+ * `false` via the returned ref (typically on animation end).
+ *
+ * Re-entering `isAnimationActive=true` resets internal state to `true`.
+ */
+export declare function useIsAnimating(isAnimationActive: () => boolean): Ref<boolean>;

package/dist/shape/Trapezoid.d.ts

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+import { WithSVGProps } from '../types';
+declare const TrapezoidVueProps: {
+    className: {
+        type: PropType<string>;
+        default: any;
+    };
+    x: {
+        type: PropType<number>;
+        default: number;
+    };
+    y: {
+        type: PropType<number>;
+        default: number;
+    };
+    upperWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    lowerWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    height: {
+        type: PropType<number>;
+        default: number;
+    };
+};
+export type TrapezoidComponentProps = WithSVGProps<typeof TrapezoidVueProps>;
+export declare const Trapezoid: import('vue').DefineComponent<TrapezoidComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TrapezoidComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export {};

package/dist/shape/index.d.ts

@@ -6,3 +6,4 @@ export * from './Dot';
 export * from './Rectangle';
 export * from './Symbols';
 export * from './Sector';
+export * from './Trapezoid';

package/dist/state/graphicalItemsSlice.d.ts

@@ -23,7 +23,7 @@ export type ErrorBarsSettings = {
     dataKey: DataKey<any>;
 };
 export type CartesianGraphicalItemType = 'area' | 'bar' | 'line' | 'scatter';
-export type PolarGraphicalItemType = 'pie' | 'radar' | 'radialBar';
+export type PolarGraphicalItemType = 'pie' | 'radar' | 'radialBar' | 'funnel';
 export interface GraphicalItemSettings extends MaybeStackedGraphicalItem {
     data: ChartData;
     dataKey: DataKey<any> | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vccs",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Composable charting components for Vue 3 — an unofficial port of Recharts",
   "author": "rick-hup",
   "license": "MIT",