@orbcharts/core 4.0.0-alpha.0 → 4.0.0-beta.0

package/src/chart/defaults.ts

@@ -1,120 +1,120 @@
-import type { Encoding, Theme, SizeConfig } from '../types'
-
-// export const DEFAULT_CHART_WIDTH = 800
-
-// export const DEFAULT_CHART_HEIGHT = 500
-
-export const DEFAULT_SIZE_CONFIG: SizeConfig = {
-  width: 'auto',
-  height: 'auto',
-  resizeDebounce: 50
-}
-
-export const DEFAULT_DATA_ENCODING: Encoding = {
-  dataset: {
-    from: 'dataset',
-    sort: 'original'
-  },
-  series: {
-    from: 'series',
-    sort: 'original'
-  },
-  category: {
-    from: 'category',
-    sort: 'original'
-  },
-  value: {
-    from: 'value',
-    sort: 'original',
-    aggregate: 'none'
-  },
-  multivariate: [
-    { from: 'x', name: 'x' },
-    { from: 'y', name: 'y' },
-    { from: 'z', name: 'z' },
-  ],
-  color: {
-    from: 'series',
-  }
-}
-
-export const DEFAULT_THEME: Theme = {
-  // colorScheme: 'light',
-  // colors: {
-  //   light: {
-  //     data: ['#5B8FF9', '#61DDAA', '#65789B', '#F6BD16', '#7262FD', '#78D3F8', '#9661BC', '#F6903D', '#008685', '#F08BB4'],
-  //     primary: '#000000',
-  //     secondary: '#595959',
-  //     dataContrast: ['#FF4D4F', '#FAAD14', '#52C41A', '#1890FF', '#722ED1', '#EB2F96', '#13C2C2', '#FA541C', '#2F54EB', '#A0D911'],
-  //     background: '#FFFFFF'
-  //   },
-  //   dark: {
-  //     data: ['#5B8FF9', '#61DDAA', '#65789B', '#F6BD16', '#7262FD', '#78D3F8', '#9661BC', '#F6903D', '#008685', '#F08BB4'],
-  //     primary: '#FFFFFF',
-  //     secondary: '#BFBFBF',
-  //     dataContrast: ['#FF4D4F', '#FAAD14', '#52C41A', '#1890FF', '#722ED1', '#EB2F96', '#13C2C2', '#FA541C', '#2F54EB', '#A0D911'],
-  //     background: '#1F1F1F'
-  //   }
-  // },
-  // fontSize: '12px'
-  colorScheme: 'light',
-  colors: {
-    light: {
-      data: [
-        // "#0088FF",
-        // "#FF3232",
-        // "#38BEA8",
-        // "#6F3BD5",
-        // "#314285",
-        // "#42C724",
-        // "#D52580",
-        // "#F4721B",
-        // "#D117EA",
-        // "#7E7D7D"
-        '#4E79A7', // blue
-        '#F28E2B', // orange
-        '#E15759', // red
-        '#76B7B2', // teal
-        '#59A14F', // green
-        '#EDC948', // yellow (已調過不刺眼)
-        '#B07AA1', // purple
-        '#FF9DA7', // pink
-        '#9C755F', // brown
-        '#BAB0AC', // gray
-      ],
-      primary: '#000000',
-      secondary: '#e0e0e0',
-      dataContrast: ['#ffffff', '#000000'],
-      background: '#FFFFFF'
-    },
-    dark: {
-      data: [
-        // "#4BABFF",
-        // "#FF6C6C",
-        // "#7DD3C4",
-        // "#8E6BC9",
-        // "#5366AC",
-        // "#86DC72",
-        // "#FF72BB",
-        // "#F9B052",
-        // "#EF76FF",
-        // "#C4C4C4"
-        '#7EA6E0', // blue (亮化)
-        '#FFB86B', // orange
-        '#FF7A7A', // red
-        '#6ED0CC', // teal
-        '#7ED97A', // green
-        '#FFE06E', // yellow
-        '#D4A5D8', // purple
-        '#FFB3BA', // pink
-        '#C89F7A', // brown
-        '#D3D3D3', // gray
-      ],
-      primary: '#FFFFFF',
-      secondary: '#e0e0e0',
-      dataContrast: ['#ffffff', '#000000'],
-      background: '#000000'
-    }
-  },
-  fontSize: '0.875rem'
+import type { Encoding, Theme, SizeConfig } from '../types'
+
+// export const DEFAULT_CHART_WIDTH = 800
+
+// export const DEFAULT_CHART_HEIGHT = 500
+
+export const DEFAULT_SIZE_CONFIG: SizeConfig = {
+  width: 'auto',
+  height: 'auto',
+  resizeDebounce: 50
+}
+
+export const DEFAULT_DATA_ENCODING: Encoding = {
+  dataset: {
+    from: 'dataset',
+    sort: 'original'
+  },
+  series: {
+    from: 'series',
+    sort: 'original'
+  },
+  category: {
+    from: 'category',
+    sort: 'original'
+  },
+  value: {
+    from: 'value',
+    sort: 'original',
+    aggregate: 'none'
+  },
+  multivariate: [
+    { from: 'x', name: 'x' },
+    { from: 'y', name: 'y' },
+    { from: 'z', name: 'z' },
+  ],
+  color: {
+    from: 'series',
+  }
+}
+
+export const DEFAULT_THEME: Theme = {
+  // colorScheme: 'light',
+  // colors: {
+  //   light: {
+  //     data: ['#5B8FF9', '#61DDAA', '#65789B', '#F6BD16', '#7262FD', '#78D3F8', '#9661BC', '#F6903D', '#008685', '#F08BB4'],
+  //     primary: '#000000',
+  //     secondary: '#595959',
+  //     dataContrast: ['#FF4D4F', '#FAAD14', '#52C41A', '#1890FF', '#722ED1', '#EB2F96', '#13C2C2', '#FA541C', '#2F54EB', '#A0D911'],
+  //     background: '#FFFFFF'
+  //   },
+  //   dark: {
+  //     data: ['#5B8FF9', '#61DDAA', '#65789B', '#F6BD16', '#7262FD', '#78D3F8', '#9661BC', '#F6903D', '#008685', '#F08BB4'],
+  //     primary: '#FFFFFF',
+  //     secondary: '#BFBFBF',
+  //     dataContrast: ['#FF4D4F', '#FAAD14', '#52C41A', '#1890FF', '#722ED1', '#EB2F96', '#13C2C2', '#FA541C', '#2F54EB', '#A0D911'],
+  //     background: '#1F1F1F'
+  //   }
+  // },
+  // fontSize: '12px'
+  colorScheme: 'light',
+  colors: {
+    light: {
+      data: [
+        // "#0088FF",
+        // "#FF3232",
+        // "#38BEA8",
+        // "#6F3BD5",
+        // "#314285",
+        // "#42C724",
+        // "#D52580",
+        // "#F4721B",
+        // "#D117EA",
+        // "#7E7D7D"
+        '#4E79A7', // blue
+        '#F28E2B', // orange
+        '#E15759', // red
+        '#76B7B2', // teal
+        '#59A14F', // green
+        '#EDC948', // yellow (已調過不刺眼)
+        '#B07AA1', // purple
+        '#FF9DA7', // pink
+        '#9C755F', // brown
+        '#BAB0AC', // gray
+      ],
+      primary: '#000000',
+      secondary: '#e0e0e0',
+      dataContrast: ['#ffffff', '#000000'],
+      background: '#FFFFFF'
+    },
+    dark: {
+      data: [
+        // "#4BABFF",
+        // "#FF6C6C",
+        // "#7DD3C4",
+        // "#8E6BC9",
+        // "#5366AC",
+        // "#86DC72",
+        // "#FF72BB",
+        // "#F9B052",
+        // "#EF76FF",
+        // "#C4C4C4"
+        '#7EA6E0', // blue (亮化)
+        '#FFB86B', // orange
+        '#FF7A7A', // red
+        '#6ED0CC', // teal
+        '#7ED97A', // green
+        '#FFE06E', // yellow
+        '#D4A5D8', // purple
+        '#FFB3BA', // pink
+        '#C89F7A', // brown
+        '#D3D3D3', // gray
+      ],
+      primary: '#FFFFFF',
+      secondary: '#e0e0e0',
+      dataContrast: ['#ffffff', '#000000'],
+      background: '#000000'
+    }
+  },
+  fontSize: '0.875rem'
 }

package/src/defineCanvasLayer.ts

@@ -1,24 +1,24 @@
-import type { ChartContext, DefineLayerConfig, LayerEntity, ExtendableContext, LayerEnableProps } from "./types"
-import { createLayer } from "./layer/createLayer"
-
-export const defineCanvasLayer = <
-  ExtendContext extends ExtendableContext,
-  PluginParams extends Record<string, any>,
-  LayerParams extends Record<string, any>,
->(config: DefineLayerConfig<'canvas', ExtendContext, PluginParams, LayerParams>) => {
-  return class Layer implements LayerEntity<ExtendContext, PluginParams, LayerParams> {
-    _name: string
-    _defaultParams: LayerParams
-    _layerIndex: number
-    _initShow: boolean
-    _enable: (enableProps: LayerEnableProps<'canvas', ExtendContext, PluginParams, LayerParams>) => void
-    _disable: () => void
-    _updateParams: (params: Partial<LayerParams>) => void
-    _forceReplaceParams: (params: LayerParams) => void
-    _getParams: () => Readonly<LayerParams>
-    _destroy: () => void
-    constructor () {
-      return createLayer<ExtendContext, PluginParams, LayerParams>('canvas', config)
-    }
-  }
+import type { ChartContext, DefineLayerConfig, LayerEntity, ExtendableContext, LayerEnableProps } from "./types"
+import { createLayer } from "./layer/createLayer"
+
+export const defineCanvasLayer = <
+  ExtendContext extends ExtendableContext,
+  PluginParams extends Record<string, any>,
+  LayerParams extends Record<string, any>,
+>(config: DefineLayerConfig<'canvas', ExtendContext, PluginParams, LayerParams>) => {
+  return class Layer implements LayerEntity<ExtendContext, PluginParams, LayerParams> {
+    _name: string
+    _defaultParams: LayerParams
+    _layerIndex: number
+    _initShow: boolean
+    _enable: (enableProps: LayerEnableProps<'canvas', ExtendContext, PluginParams, LayerParams>) => void
+    _disable: () => void
+    _updateParams: (params: Partial<LayerParams>) => void
+    _forceReplaceParams: (params: LayerParams) => void
+    _getParams: () => Readonly<LayerParams>
+    _destroy: () => void
+    constructor () {
+      return createLayer<ExtendContext, PluginParams, LayerParams>('canvas', config)
+    }
+  }
 }

package/src/defineCanvasPlugin.ts

@@ -1,39 +1,39 @@
-import type { DeepPartial, DefinePluginConfig, PluginEntity, ChartContext, ExtendableContext } from './types'
-import { createPlugin } from './plugin/createPlugin'
-
-export const defineCanvasPlugin = <
-  ExtendContext extends ExtendableContext,
-  PluginParams extends Record<string, any>,
-  AllLayerParams extends Record<string, any>,
->(config: DefinePluginConfig<ExtendContext, PluginParams, AllLayerParams>) => {
-  return class Plugin implements PluginEntity<'canvas', PluginParams, AllLayerParams> {
-    _name: string
-    _elementType: 'canvas'
-    _getId: () => string
-    _setId: (id: string) => void
-    _injectContext: (context: ChartContext<{}>) => void
-    show: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
-    showOnly: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
-    showAll: () => void
-    hide: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
-    hideAll: () => void
-    toggle: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
-    // setLayers: (partial: DeepPartial<PluginParams>) => void
-    getShownLayerNames: () => (keyof AllLayerParams)[]
-    updateParams: (patch: DeepPartial<PluginParams | AllLayerParams>) => void
-    forceReplaceParams: (full: PluginParams | AllLayerParams) => void
-    getParams: () => Readonly<PluginParams | AllLayerParams>
-    // layer: <LayerName extends keyof PluginParams>(name: LayerName) => {
-    //   // set: (partial: DeepPartial<PluginParams[LayerName]>) => void
-    //   update: (patch: DeepPartial<PluginParams[LayerName]>) => void
-    //   replace: (full: PluginParams[LayerName]) => void
-    //   show: () => void
-    //   hide: () => void
-    //   toggle: () => void
-    // }
-    destroy: () => void
-    constructor (params?: DeepPartial<PluginParams | AllLayerParams>) {
-      return createPlugin('canvas', config, params)
-    }
-  }
+import type { DeepPartial, DefinePluginConfig, PluginEntity, ChartContext, ExtendableContext } from './types'
+import { createPlugin } from './plugin/createPlugin'
+
+export const defineCanvasPlugin = <
+  ExtendContext extends ExtendableContext,
+  PluginParams extends Record<string, any>,
+  AllLayerParams extends Record<string, any>,
+>(config: DefinePluginConfig<ExtendContext, PluginParams, AllLayerParams>) => {
+  return class Plugin implements PluginEntity<'canvas', PluginParams, AllLayerParams> {
+    _name: string
+    _elementType: 'canvas'
+    _getId: () => string
+    _setId: (id: string) => void
+    _injectContext: (context: ChartContext<{}>) => void
+    show: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
+    showOnly: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
+    showAll: () => void
+    hide: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
+    hideAll: () => void
+    toggle: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
+    // setLayers: (partial: DeepPartial<PluginParams>) => void
+    getShownLayerNames: () => (keyof AllLayerParams)[]
+    updateParams: (patch: DeepPartial<PluginParams | AllLayerParams>) => void
+    forceReplaceParams: (full: PluginParams | AllLayerParams) => void
+    getParams: () => Readonly<PluginParams | AllLayerParams>
+    // layer: <LayerName extends keyof PluginParams>(name: LayerName) => {
+    //   // set: (partial: DeepPartial<PluginParams[LayerName]>) => void
+    //   update: (patch: DeepPartial<PluginParams[LayerName]>) => void
+    //   replace: (full: PluginParams[LayerName]) => void
+    //   show: () => void
+    //   hide: () => void
+    //   toggle: () => void
+    // }
+    destroy: () => void
+    constructor (params?: DeepPartial<PluginParams | AllLayerParams>) {
+      return createPlugin('canvas', config, params)
+    }
+  }
 }

package/src/defineSVGLayer.ts

@@ -1,24 +1,24 @@
-import type { ChartContext, DefineLayerConfig, LayerEntity, ExtendableContext, LayerEnableProps } from "./types"
-import { createLayer } from "./layer/createLayer"
-
-export const defineSVGLayer = <
-  ExtendContext extends ExtendableContext,
-  PluginParams extends Record<string, any>,
-  LayerParams extends Record<string, any>,
->(config: DefineLayerConfig<'svg', ExtendContext, PluginParams, LayerParams>) => {
-  return class Layer implements LayerEntity<ExtendContext, PluginParams, LayerParams> {
-    _name: string
-    _defaultParams: LayerParams
-    _layerIndex: number
-    _initShow: boolean
-    _enable: (enableProps: LayerEnableProps<'svg', ExtendContext, PluginParams, LayerParams>) => void
-    _disable: () => void
-    _updateParams: (params: Partial<LayerParams>) => void
-    _forceReplaceParams: (params: LayerParams) => void
-    _getParams: () => Readonly<LayerParams>
-    _destroy: () => void
-    constructor () {
-      return createLayer<ExtendContext, PluginParams, LayerParams>('svg', config)
-    }
-  }
+import type { ChartContext, DefineLayerConfig, LayerEntity, ExtendableContext, LayerEnableProps } from "./types"
+import { createLayer } from "./layer/createLayer"
+
+export const defineSVGLayer = <
+  ExtendContext extends ExtendableContext,
+  PluginParams extends Record<string, any>,
+  LayerParams extends Record<string, any>,
+>(config: DefineLayerConfig<'svg', ExtendContext, PluginParams, LayerParams>) => {
+  return class Layer implements LayerEntity<ExtendContext, PluginParams, LayerParams> {
+    _name: string
+    _defaultParams: LayerParams
+    _layerIndex: number
+    _initShow: boolean
+    _enable: (enableProps: LayerEnableProps<'svg', ExtendContext, PluginParams, LayerParams>) => void
+    _disable: () => void
+    _updateParams: (params: Partial<LayerParams>) => void
+    _forceReplaceParams: (params: LayerParams) => void
+    _getParams: () => Readonly<LayerParams>
+    _destroy: () => void
+    constructor () {
+      return createLayer<ExtendContext, PluginParams, LayerParams>('svg', config)
+    }
+  }
 }

package/src/defineSVGPlugin.ts

@@ -1,39 +1,39 @@
-import type { DeepPartial, DefinePluginConfig, PluginEntity, ChartContext, ExtendableContext } from './types'
-import { createPlugin } from './plugin/createPlugin'
-
-export const defineSVGPlugin = <
-  ExtendContext extends ExtendableContext,
-  PluginParams extends Record<string, any>,
-  AllLayerParams extends Record<string, any>,
->(config: DefinePluginConfig<ExtendContext, PluginParams, AllLayerParams>) => {
-  return class Plugin implements PluginEntity<'svg', PluginParams, AllLayerParams> {
-    _name: string
-    _elementType: 'svg'
-    _getId: () => string
-    _setId: (id: string) => void
-    _injectContext: (context: ChartContext<{}>) => void
-    show: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
-    showOnly: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
-    showAll: () => void
-    hide: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
-    hideAll: () => void
-    toggle: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
-    // setLayers: (partial: DeepPartial<PluginParams>) => void
-    getShownLayerNames: () => (keyof AllLayerParams)[]
-    updateParams: (patch: DeepPartial<PluginParams | AllLayerParams>) => void
-    forceReplaceParams: (full: PluginParams | AllLayerParams) => void
-    getParams: () => Readonly<PluginParams | AllLayerParams>
-    // layer: <LayerName extends keyof PluginParams>(name: LayerName) => {
-    //   // set: (partial: DeepPartial<PluginParams[LayerName]>) => void
-    //   update: (patch: DeepPartial<PluginParams[LayerName]>) => void
-    //   replace: (full: PluginParams[LayerName]) => void
-    //   show: () => void
-    //   hide: () => void
-    //   toggle: () => void
-    // }
-    destroy: () => void
-    constructor (params?: DeepPartial<PluginParams | AllLayerParams>) {
-      return createPlugin('svg', config, params)
-    }
-  }
+import type { DeepPartial, DefinePluginConfig, PluginEntity, ChartContext, ExtendableContext } from './types'
+import { createPlugin } from './plugin/createPlugin'
+
+export const defineSVGPlugin = <
+  ExtendContext extends ExtendableContext,
+  PluginParams extends Record<string, any>,
+  AllLayerParams extends Record<string, any>,
+>(config: DefinePluginConfig<ExtendContext, PluginParams, AllLayerParams>) => {
+  return class Plugin implements PluginEntity<'svg', PluginParams, AllLayerParams> {
+    _name: string
+    _elementType: 'svg'
+    _getId: () => string
+    _setId: (id: string) => void
+    _injectContext: (context: ChartContext<{}>) => void
+    show: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
+    showOnly: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
+    showAll: () => void
+    hide: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
+    hideAll: () => void
+    toggle: (names: (keyof AllLayerParams) | (keyof AllLayerParams)[]) => void
+    // setLayers: (partial: DeepPartial<PluginParams>) => void
+    getShownLayerNames: () => (keyof AllLayerParams)[]
+    updateParams: (patch: DeepPartial<PluginParams | AllLayerParams>) => void
+    forceReplaceParams: (full: PluginParams | AllLayerParams) => void
+    getParams: () => Readonly<PluginParams | AllLayerParams>
+    // layer: <LayerName extends keyof PluginParams>(name: LayerName) => {
+    //   // set: (partial: DeepPartial<PluginParams[LayerName]>) => void
+    //   update: (patch: DeepPartial<PluginParams[LayerName]>) => void
+    //   replace: (full: PluginParams[LayerName]) => void
+    //   show: () => void
+    //   hide: () => void
+    //   toggle: () => void
+    // }
+    destroy: () => void
+    constructor (params?: DeepPartial<PluginParams | AllLayerParams>) {
+      return createPlugin('svg', config, params)
+    }
+  }
 }

package/src/index.ts

@@ -1,8 +1,8 @@
-
-export { OrbCharts } from './OrbCharts'
-export { defineSVGPlugin } from './defineSVGPlugin'
-export { defineSVGLayer } from './defineSVGLayer'
-export { defineCanvasPlugin } from './defineCanvasPlugin'
-export { defineCanvasLayer } from './defineCanvasLayer'
-export * from './types'
-export * from './utils'
+
+export { OrbCharts } from './OrbCharts'
+export { defineSVGPlugin } from './defineSVGPlugin'
+export { defineSVGLayer } from './defineSVGLayer'
+export { defineCanvasPlugin } from './defineCanvasPlugin'
+export { defineCanvasLayer } from './defineCanvasLayer'
+export * from './types'
+export * from './utils'