@visactor/react-vchart 1.9.3 → 1.10.0-alpha.1

package/esm/series/BaseSeries.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/BaseSeries.tsx"],"names":[],"mappings":"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","file":"BaseSeries.js","sourcesContent":["import React from 'react';\nimport { isNil, isEqual, pickWithout } from '@visactor/vutils';\nimport RootChartContext from '../context/chart';\nimport {\n  REACT_TO_VCHART_EVENTS,\n  EventsProps,\n  findEventProps,\n  COMMON_EVENTK_KEYS,\n  VCHART_TO_REACT_EVENTS\n} from '../eventsUtils';\nimport { uid } from '../util';\n\nexport interface BaseSeriesProps extends EventsProps {\n  id?: string | number;\n}\n\nexport const createSeries = <T extends BaseSeriesProps>(componentName: string, markNames: string[], type?: string) => {\n  const ignoreKeys = ['id', 'updateId'];\n  const notSpecKeys = COMMON_EVENTK_KEYS.concat(ignoreKeys);\n\n  const Comp: React.FC<T & { updateId?: number }> = props => {\n    const context = React.useContext(RootChartContext);\n\n    const id = React.useRef<string | number>(isNil(props.id) ? uid(type ?? 'series') : props.id);\n\n    const seriesSpec = React.useRef<Partial<T>>();\n    const bindedEvents = React.useRef<Record<string, boolean>>({});\n    const updateId = React.useRef<number>(props.updateId);\n\n    const handleEvent = (e: any) => {\n      const markIds = markNames.map(markName => `${id.current}-${markName}`);\n      if (e?.mark && markIds.includes(e.mark.getUserId())) {\n        props[VCHART_TO_REACT_EVENTS[e.event.type]](e);\n      }\n    };\n\n    const addMarkEvent = (events: EventsProps) => {\n      if (!events || !context.chart) {\n        return;\n      }\n\n      if (bindedEvents) {\n        Object.keys(bindedEvents).forEach(eventKey => {\n          if (!events[eventKey]) {\n            context.chart.off(REACT_TO_VCHART_EVENTS[eventKey], handleEvent);\n          }\n          bindedEvents.current[eventKey] = false;\n        });\n      }\n\n      Object.keys(events).forEach(eventKey => {\n        if (!bindedEvents?.[eventKey]) {\n          context.chart.on(REACT_TO_VCHART_EVENTS[eventKey], handleEvent);\n\n          if (!bindedEvents) {\n            bindedEvents.current = {};\n          }\n          bindedEvents.current[eventKey] = true;\n        }\n      });\n    };\n\n    const removeMarkEvent = () => {\n      addMarkEvent({});\n    };\n\n    const addMarkId = (spec: any) => {\n      markNames.forEach(markName => {\n        const defaultMarkId = `${id.current}-${markName}`;\n\n        if (isNil(spec[markName])) {\n          spec[markName] = { id: defaultMarkId };\n        } else if (isNil(spec[markName].id)) {\n          spec[markName].id = defaultMarkId;\n        }\n      });\n    };\n\n    const insertToContext = (props: Partial<T>) => {\n      if (context.specFromChildren) {\n        if (!context.specFromChildren.series) {\n          context.specFromChildren.series = [];\n        }\n\n        const spec = isNil(type) ? { ...props, id: id.current } : { ...props, id: id.current, type };\n\n        addMarkId(spec);\n        context.specFromChildren.series.push(spec);\n        context.isChildrenUpdated = true;\n      }\n    };\n\n    const updateToContext = (props: Partial<T>) => {\n      if (!context.specFromChildren) {\n        return;\n      }\n\n      if (!context.specFromChildren.series) {\n        insertToContext(props);\n        return;\n      }\n\n      const series = context.specFromChildren.series;\n      const index = series.findIndex((entry: any) => entry.id === id.current);\n\n      if (index >= 0) {\n        series[index] = isNil(type) ? { ...props, id: id.current } : { ...props, id: id.current, type };\n        addMarkId(series[index]);\n      } else {\n        insertToContext(props);\n      }\n      context.isChildrenUpdated = true;\n    };\n\n    const deleteToContext = () => {\n      if (!context.specFromChildren) {\n        return;\n      }\n      const series = context.specFromChildren.series ?? [];\n      const index = series.findIndex((entry: any) => entry.id === id.current);\n\n      if (index >= 0) {\n        const newSeries = series.slice(0, index - 1).concat(series.slice(index + 1));\n        context.specFromChildren.series = newSeries;\n        context.isChildrenUpdated = true;\n      }\n    };\n\n    addMarkEvent(findEventProps(props));\n    if (props.updateId !== updateId.current) {\n      // chart render\n      updateId.current = props.updateId;\n    } else {\n      const newSeriesSpec = pickWithout<T>(props, notSpecKeys);\n\n      addMarkId(newSeriesSpec);\n      if (!isEqual(newSeriesSpec, seriesSpec.current)) {\n        seriesSpec.current = newSeriesSpec;\n        updateToContext(newSeriesSpec);\n      }\n    }\n\n    React.useEffect(() => {\n      return () => {\n        deleteToContext();\n        removeMarkEvent();\n      };\n    }, []);\n\n    return null;\n  };\n\n  Comp.displayName = componentName;\n  return Comp;\n};\n"]}
+{"version":3,"sources":["../src/series/BaseSeries.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,gBAAgB,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,sBAAsB,EAEtB,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACvB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,CAAC,MAAM,YAAY,GAAG,CAA4B,aAAqB,EAAE,SAAmB,EAAE,IAAa,EAAE,EAAE;IACnH,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,CAAC,IAAS,EAAE,QAAyB,EAAE,EAAE;QACzD,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,MAAM,aAAa,GAAG,GAAG,QAAQ,IAAI,QAAQ,EAAE,CAAC;YAEhD,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE;gBACzB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC;aACxC;iBAAM,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE;gBACnC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,aAAa,CAAC;aACnC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,IAAI,GAA8D,KAAK,CAAC,EAAE;;QAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAEnD,MAAM,EAAE,GAAG,MAAA,KAAK,CAAC,EAAE,mCAAI,KAAK,CAAC,WAAW,CAAC;QACzC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAA0B,EAAE,CAAC,CAAC;QAE/D,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;YAC7B,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,QAAQ,EAAE,CAAC,CAAC;YAC/D,IAAI,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,KAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE;gBACnD,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAChD;QACH,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,MAAmB,EAAE,EAAE;YAC3C,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;gBAC7B,OAAO;aACR;YAED,IAAI,YAAY,EAAE;gBAChB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;oBAC3C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;wBACrB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC;qBAClE;oBACD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;gBACzC,CAAC,CAAC,CAAC;aACJ;YAED,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBACrC,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,QAAQ,CAAC,CAAA,EAAE;oBAC7B,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC;oBAEhE,IAAI,CAAC,YAAY,EAAE;wBACjB,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;qBAC3B;oBACD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;iBACvC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,YAAY,CAAC,EAAE,CAAC,CAAC;QACnB,CAAC,CAAC;QAEF,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;QAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACnB,OAAO,GAAG,EAAE;gBACV,eAAe,EAAE,CAAC;gBAClB,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;YAC5B,CAAC,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;IAChC,IAAY,CAAC,SAAS,GAAG,CAAC,SAA0D,EAAE,EAAE;;QACvF,MAAM,aAAa,GAAG,WAAW,CAAI,SAAS,EAAE,WAAW,CAAC,CAAC;QAE7D,SAAS,CAAC,aAAa,EAAE,MAAA,SAAS,CAAC,EAAE,mCAAI,SAAS,CAAC,WAAW,CAAC,CAAC;QAEhE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YACf,aAAqB,CAAC,IAAI,GAAG,IAAI,CAAC;SACpC;QAED,OAAO;YACL,IAAI,EAAE,aAAa;YACnB,QAAQ,EAAE,QAAQ;SACnB,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","file":"BaseSeries.js","sourcesContent":["import React from 'react';\nimport { isNil, pickWithout } from '@visactor/vutils';\nimport RootChartContext from '../context/chart';\nimport {\n  REACT_TO_VCHART_EVENTS,\n  EventsProps,\n  findEventProps,\n  COMMON_EVENTK_KEYS,\n  VCHART_TO_REACT_EVENTS\n} from '../eventsUtils';\nexport interface BaseSeriesProps extends EventsProps {\n  id?: string | number;\n}\n\nexport const createSeries = <T extends BaseSeriesProps>(componentName: string, markNames: string[], type?: string) => {\n  const ignoreKeys = ['id', 'updateId', 'componentId'];\n  const notSpecKeys = COMMON_EVENTK_KEYS.concat(ignoreKeys);\n\n  const addMarkId = (spec: any, seriesId: string | number) => {\n    markNames.forEach(markName => {\n      const defaultMarkId = `${seriesId}-${markName}`;\n\n      if (isNil(spec[markName])) {\n        spec[markName] = { id: defaultMarkId };\n      } else if (isNil(spec[markName].id)) {\n        spec[markName].id = defaultMarkId;\n      }\n    });\n  };\n\n  const Comp: React.FC<T & { updateId?: number; componentId?: string }> = props => {\n    const context = React.useContext(RootChartContext);\n\n    const id = props.id ?? props.componentId;\n    const bindedEvents = React.useRef<Record<string, boolean>>({});\n\n    const handleEvent = (e: any) => {\n      const markIds = markNames.map(markName => `${id}-${markName}`);\n      if (e?.mark && markIds.includes(e.mark.getUserId())) {\n        props[VCHART_TO_REACT_EVENTS[e.event.type]](e);\n      }\n    };\n\n    const addMarkEvent = (events: EventsProps) => {\n      if (!events || !context.chart) {\n        return;\n      }\n\n      if (bindedEvents) {\n        Object.keys(bindedEvents).forEach(eventKey => {\n          if (!events[eventKey]) {\n            context.chart.off(REACT_TO_VCHART_EVENTS[eventKey], handleEvent);\n          }\n          bindedEvents.current[eventKey] = false;\n        });\n      }\n\n      Object.keys(events).forEach(eventKey => {\n        if (!bindedEvents?.[eventKey]) {\n          context.chart.on(REACT_TO_VCHART_EVENTS[eventKey], handleEvent);\n\n          if (!bindedEvents) {\n            bindedEvents.current = {};\n          }\n          bindedEvents.current[eventKey] = true;\n        }\n      });\n    };\n\n    const removeMarkEvent = () => {\n      addMarkEvent({});\n    };\n\n    addMarkEvent(findEventProps(props));\n\n    React.useEffect(() => {\n      return () => {\n        removeMarkEvent();\n        bindedEvents.current = {};\n      };\n    }, []);\n\n    return null;\n  };\n\n  Comp.displayName = componentName;\n  (Comp as any).parseSpec = (compProps: T & { updateId?: number; componentId?: string }) => {\n    const newSeriesSpec = pickWithout<T>(compProps, notSpecKeys);\n\n    addMarkId(newSeriesSpec, compProps.id ?? compProps.componentId);\n\n    if (!isNil(type)) {\n      (newSeriesSpec as any).type = type;\n    }\n\n    return {\n      spec: newSeriesSpec,\n      specName: 'series'\n    };\n  };\n  return Comp;\n};\n"]}

package/esm/series/BoxPlot.d.ts

@@ -3,4 +3,5 @@ import type { IBoxPlotSeriesSpec } from '@visactor/vchart';
 export type BoxPlotProps = BaseSeriesProps & Omit<IBoxPlotSeriesSpec, 'type'>;
 export declare const BoxPlot: import("react").FC<BaseSeriesProps & Omit<IBoxPlotSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/CircularProgress.d.ts

@@ -3,4 +3,5 @@ import type { ICircularProgressSeriesSpec } from '@visactor/vchart';
 export type CircularProgressProps = BaseSeriesProps & Omit<ICircularProgressSeriesSpec, 'type'>;
 export declare const CircularProgress: import("react").FC<BaseSeriesProps & Omit<ICircularProgressSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Dot.d.ts

@@ -3,4 +3,5 @@ import type { IDotSeriesSpec } from '@visactor/vchart';
 export type DotProps = BaseSeriesProps & Omit<IDotSeriesSpec, 'type'>;
 export declare const Dot: import("react").FC<BaseSeriesProps & Omit<IDotSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Funnel.d.ts

@@ -3,4 +3,5 @@ import type { IFunnelSeriesSpec } from '@visactor/vchart';
 export type FunnelProps = BaseSeriesProps & Omit<IFunnelSeriesSpec, 'type'>;
 export declare const Funnel: import("react").FC<BaseSeriesProps & Omit<IFunnelSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Line.d.ts

@@ -3,4 +3,5 @@ import type { ILineSeriesSpec } from '@visactor/vchart';
 export type LineProps = BaseSeriesProps & Omit<ILineSeriesSpec, 'type'>;
 export declare const Line: import("react").FC<BaseSeriesProps & Omit<ILineSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/LinearProgress.d.ts

@@ -3,4 +3,5 @@ import type { ILinearProgressSeriesSpec } from '@visactor/vchart';
 export type LinearProgressProps = BaseSeriesProps & Omit<ILinearProgressSeriesSpec, 'type'>;
 export declare const LinearProgress: import("react").FC<BaseSeriesProps & Omit<ILinearProgressSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Link.d.ts

@@ -3,4 +3,5 @@ import type { ILinkSeriesSpec } from '@visactor/vchart';
 export type LinkProps = BaseSeriesProps & Omit<ILinkSeriesSpec, 'type'>;
 export declare const Link: import("react").FC<BaseSeriesProps & Omit<ILinkSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Map.d.ts

@@ -3,4 +3,5 @@ import type { IMapSeriesSpec } from '@visactor/vchart';
 export type MapProps = BaseSeriesProps & Omit<IMapSeriesSpec, 'type'>;
 export declare const Map: import("react").FC<BaseSeriesProps & Omit<IMapSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Pie.d.ts

@@ -3,4 +3,5 @@ import type { IPieSeriesSpec } from '@visactor/vchart';
 export type PieProps = BaseSeriesProps & Omit<IPieSeriesSpec, 'type'>;
 export declare const Pie: import("react").FC<BaseSeriesProps & Omit<IPieSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Radar.d.ts

@@ -3,4 +3,5 @@ import type { IRadarSeriesSpec } from '@visactor/vchart';
 export type RadarProps = BaseSeriesProps & Omit<IRadarSeriesSpec, 'type'>;
 export declare const Radar: import("react").FC<BaseSeriesProps & Omit<IRadarSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/RangeColumn.d.ts

@@ -3,4 +3,5 @@ import type { IRangeColumnSeriesSpec } from '@visactor/vchart';
 export type RangeColumnProps = BaseSeriesProps & Omit<IRangeColumnSeriesSpec, 'type'>;
 export declare const RangeColumn: import("react").FC<BaseSeriesProps & Omit<IRangeColumnSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Rose.d.ts

@@ -3,4 +3,5 @@ import type { IRoseSeriesSpec } from '@visactor/vchart';
 export type RoseProps = BaseSeriesProps & Omit<IRoseSeriesSpec, 'type'>;
 export declare const Rose: import("react").FC<BaseSeriesProps & Omit<IRoseSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Scatter.d.ts

@@ -3,4 +3,5 @@ import type { IScatterSeriesSpec } from '@visactor/vchart';
 export type ScatterProps = BaseSeriesProps & Omit<IScatterSeriesSpec, 'type'>;
 export declare const Scatter: import("react").FC<BaseSeriesProps & Omit<IScatterSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/Series.d.ts

@@ -3,4 +3,5 @@ import type { IBarSeriesSpec, IAreaSeriesSpec, IBoxPlotSeriesSpec, ICircularProg
 export type SeriesProps = (IBarSeriesSpec | IAreaSeriesSpec | IBoxPlotSeriesSpec | ICircularProgressSeriesSpec | IDotSeriesSpec | IFunnelSeriesSpec | ILineSeriesSpec | ILinearProgressSeriesSpec | ILinkSeriesSpec | IMapSeriesSpec | IPieSeriesSpec | IRadarSeriesSpec | IRangeColumnSeriesSpec | IRoseSeriesSpec | IScatterSeriesSpec | IWordCloudSeriesSpec) & BaseSeriesProps;
 export declare const Series: import("react").FC<SeriesProps & {
     updateId?: number;
+    componentId?: string;
 }>;

package/esm/series/WordCloud.d.ts

@@ -3,4 +3,5 @@ import type { IWordCloudSeriesSpec } from '@visactor/vchart';
 export type WordCloudProps = BaseSeriesProps & Omit<IWordCloudSeriesSpec, 'type'>;
 export declare const WordCloud: import("react").FC<BaseSeriesProps & Omit<IWordCloudSeriesSpec, "type"> & {
     updateId?: number;
+    componentId?: string;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/react-vchart",
-  "version": "1.9.3",
+  "version": "1.10.0-alpha.1",
   "sideEffects": false,
   "description": "The react version of VChart 4.x",
   "keywords": [
@@ -23,10 +23,10 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vchart": "1.9.3",
+    "@visactor/vchart": "1.10.0-alpha.1",
     "@visactor/vutils": "~0.17.4",
-    "@visactor/vrender-core": "0.17.24",
-    "@visactor/vrender-kits": "0.17.24",
+    "@visactor/vrender-core": "0.17.25-alpha.3",
+    "@visactor/vrender-kits": "0.17.25-alpha.3",
     "@visactor/vgrammar-core": "0.11.12",
     "react-is": "^18.2.0"
   },
@@ -54,9 +54,9 @@
     "@types/node": "*",
     "@vitejs/plugin-react": "3.1.0",
     "vite": "3.2.6",
+    "@internal/ts-config": "0.0.1",
     "@internal/bundler": "0.0.1",
-    "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1"
+    "@internal/eslint-config": "0.0.1"
   },
   "peerDependencies": {
     "react": ">=16.0.0",