vue-chrts 1.0.0 → 2.0.0-beta.1

package/dist/index.js

@@ -1,22 +1,20 @@
-import { default as a } from "./components/AreaChart/AreaChart.js";
+import { default as e } from "./components/AreaChart/AreaChart.js";
 import { default as o } from "./components/LineChart/LineChart.js";
 import { default as p } from "./components/BarChart/BarChart.js";
 import { default as m } from "./components/DonutChart/DonutChart.js";
-import { default as d } from "./components/BubbleChart/BubbleChart.js";
-import { default as n } from "./components/Maps/TopoJSONMap/TopoJSONMap.js";
-import { default as C } from "./components/GanttChart/GanttChart.js";
-import { CurveType as i, LegendPosition as T, Orientation as b } from "./types.js";
-import { DonutType as B } from "./components/DonutChart/types.js";
+import { default as x } from "./components/BubbleChart/BubbleChart.js";
+import { default as l } from "./components/GanttChart/GanttChart.js";
+import { CurveType as C, LegendPosition as h, Orientation as i } from "./types.js";
+import { DonutType as y } from "./components/DonutChart/types.js";
 export {
-  a as AreaChart,
+  e as AreaChart,
   p as BarChart,
-  d as BubbleChart,
-  i as CurveType,
+  x as BubbleChart,
+  C as CurveType,
   m as DonutChart,
-  B as DonutType,
-  C as GanttChart,
-  T as LegendPosition,
+  y as DonutType,
+  l as GanttChart,
+  h as LegendPosition,
   o as LineChart,
-  b as Orientation,
-  n as TopoJSONMap
+  i as Orientation
 };

package/dist/types.d.ts

@@ -62,13 +62,18 @@ export interface AxisConfig {
     minMaxTicksOnlyShowGridLines?: boolean;
     tickValues?: readonly number[] | readonly Date[];
 }
-export interface MarkerConfig {
-    type?: "circle" | "square" | "triangle" | "diamond";
-    size?: number;
-    strokeWidth?: number;
-    color?: string;
-    strokeColor?: string;
-}
+export type MarkerConfig = {
+    id: string;
+    config: {
+        [key: string]: {
+            type?: "circle" | "square" | "triangle" | "diamond";
+            size?: number;
+            strokeWidth?: number;
+            color?: string;
+            strokeColor?: string;
+        };
+    };
+};
 export interface CrosshairConfig {
     color?: string;
     strokeColor?: string;

package/dist/utils.d.ts

@@ -2,7 +2,7 @@ import { MarkerConfig } from './types';
 export declare function getDistributedIndices(length: number, numTicks: number): number[];
 export declare function getFirstPropertyValue(obj: unknown): undefined;
 export declare const markerShape: (type: string, size: number, strokeWidth: number, color: string, strokeColor: string) => string;
-export declare function createMarkers(markerConfig: Record<string, MarkerConfig>): string;
+export declare function createMarkers(markerConfig: MarkerConfig): string;
 export declare const flattenData: (data: any[], xAxis: string) => {
     month: any;
 }[];

package/dist/utils.js

@@ -1,4 +1,4 @@
-function m(t) {
+function p(t) {
   if (t && Object.keys(t).length > 0) {
     const e = Object.keys(t)[0];
     return t[e];
@@ -18,10 +18,10 @@ const o = (t, e, r, n, $) => {
       return "";
   }
 };
-function p(t) {
-  return Object.entries(t).map(([e, r]) => {
+function m(t) {
+  return Object.entries(t.config).map(([e, r]) => {
     const n = r.type || "circle", $ = r.size || 10, c = r.strokeWidth || 2, a = r.color || "#000", l = r.strokeColor || r.color || "#000";
-    return `<marker id="circle-marker-${e}" viewBox="0 0 ${$} ${$}" refX="${$ / 2}" refY="${$ / 2}" markerWidth="${$ / 2}" markerHeight="${$ / 2}">
+    return `<marker id="${t.id}-${e}" viewBox="0 0 ${$} ${$}" refX="${$ / 2}" refY="${$ / 2}" markerWidth="${$ / 2}" markerHeight="${$ / 2}">
         ${o(n, $, c, a, l)}
       </marker>`;
   }).join(`
@@ -42,9 +42,9 @@ const f = (t, e) => {
   }));
 }, y = (t) => Intl.DateTimeFormat().format(t);
 export {
-  p as createMarkers,
+  m as createMarkers,
   y as dateFormatter,
   f as flattenData,
-  m as getFirstPropertyValue,
+  p as getFirstPropertyValue,
   o as markerShape
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-chrts",
-  "version": "1.0.0",
+  "version": "2.0.0-beta.1",
   "type": "module",
   "files": [
     "dist"
@@ -28,8 +28,8 @@
     "@tanstack/vue-table": "^8.21.2",
     "@types/node": "^22.13.11",
     "@types/rollup": "^0.54.0",
-    "@unovis/ts": "^1.6.1",
-    "@unovis/vue": "^1.6.1",
+    "@unovis/ts": "^1.6.2",
+    "@unovis/vue": "^1.6.2",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/tsconfig": "^0.7.0",
     "@vueuse/core": "^13.0.0",

package/dist/components/Maps/TopoJSONMap/TopoJSONMap.js

@@ -1,59 +0,0 @@
-import { defineComponent as d, ref as m, computed as c, createElementBlock as f, openBlock as g, createVNode as r, unref as t, withCtx as v } from "vue";
-import { VisSingleContainer as S, VisTopoJSONMap as h, VisTooltip as _ } from "@unovis/vue";
-import { TopoJSONMap as n } from "@unovis/ts";
-const b = { class: "bg-white p-48" }, C = /* @__PURE__ */ d({
-  __name: "TopoJSONMap",
-  props: {
-    mapFeatureKey: {},
-    data: {}
-  },
-  setup(s) {
-    const l = s, i = {
-      [n.selectors.feature]: (e) => `${e.properties.name}`
-    }, p = (e) => 5, a = m(null), u = c(() => a.value === "US" ? [
-      { id: "US", color: "red" }
-    ] : []);
-    return console.log(l.data), (e, T) => (g(), f("div", b, [
-      r(t(S), {
-        height: 800,
-        duration: 600,
-        data: {
-          areas: u.value,
-          points: [
-            {
-              id: "ams",
-              latitude: 52.35598,
-              longitude: 4.95035,
-              label: "Amsterdam",
-              color: "red"
-            }
-          ]
-        }
-      }, {
-        default: v(() => [
-          r(t(h), {
-            topojson: e.data,
-            pointRadius: p,
-            "point-label": (o) => o.label,
-            "map-feature-name": e.mapFeatureKey,
-            events: {
-              [t(n).selectors.feature]: {
-                mouseenter: (o) => {
-                  o.id === "US" && (a.value = "US");
-                },
-                mouseleave: (o) => {
-                  o.id === "US" && (a.value = null);
-                }
-              }
-            }
-          }, null, 8, ["topojson", "point-label", "map-feature-name", "events"]),
-          r(t(_), { triggers: i })
-        ]),
-        _: 1
-      }, 8, ["data"])
-    ]));
-  }
-});
-export {
-  C as default
-};

package/dist/components/Maps/TopoJSONMap/TopoJSONMap.vue.d.ts

@@ -1,14 +0,0 @@
-import { MapsData } from './types';
-declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & MapsData<T> & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {};
-    emit: {};
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/Maps/TopoJSONMap/TopoJSONMap2.js

@@ -1,4 +0,0 @@
-import f from "./TopoJSONMap.js";
-export {
-  f as default
-};

package/dist/components/Maps/TopoJSONMap/types.d.ts

@@ -1,5 +0,0 @@
-import { Topology } from 'topojson-specification';
-export type MapsData<T extends Record<string, any>> = {
-    mapFeatureKey: keyof T;
-    data: Topology<T>;
-};