@orbcharts/core 3.0.0-alpha.21

package/src/types/ContextObserverSeries.ts

@@ -0,0 +1,8 @@
+import { Observable } from 'rxjs'
+import type { ContextObserverBase } from './ContextObserver'
+import type { ComputedDatumSeries } from './ComputedDataSeries'
+
+export interface ContextObserverSeries<PluginParams> extends ContextObserverBase<'series', PluginParams> {
+  seriesHighlight$: Observable<string[]>
+  SeriesDataMap$: Observable<Map<string, ComputedDatumSeries[]>>
+}

package/src/types/ContextObserverTree.ts

@@ -0,0 +1,5 @@
+import type { ContextObserverBase } from './ContextObserver'
+
+export interface ContextObserverTree<PluginParams> extends ContextObserverBase<'tree', PluginParams> {
+
+}

package/src/types/ContextSubject.ts

@@ -0,0 +1,18 @@
+import { Observable, Subject, BehaviorSubject } from 'rxjs'
+import type { ChartType } from './Chart'
+import type { EventTypeMap } from './Event'
+import type { ChartParamsPartial } from './ChartParams'
+// import type { Data } from './Data'
+import type { DataFormatterPartialTypeMap } from './DataFormatter'
+import type { DataTypeMap } from './Data'
+import type { DataFormatterTypeMap } from './DataFormatter'
+import type { PluginEntity } from './Plugin'
+
+export interface ContextSubject<T extends ChartType> {
+  data$: Subject<DataTypeMap<T>>
+  dataFormatter$: Subject<DataFormatterPartialTypeMap<T>>
+  plugins$: Subject<PluginEntity<T, any, any>[]>
+  // pluginParams$: Subject<{[keys: string]: unknown}>
+  chartParams$: Subject<ChartParamsPartial>
+  event$: Subject<EventTypeMap<T>>
+}

package/src/types/Data.ts

@@ -0,0 +1,45 @@
+import { ChartType } from './Chart'
+import { DataSeries, DataSeriesDatum, DataSeriesValue } from './DataSeries'
+import { DataGrid, DataGridDatum, DataGridValue } from './DataGrid'
+import { DataMultiGrid, DataMultiGridDatum, DataMultiGridValue } from './DataMultiGrid'
+import { DataMultiValue, DataMultiValueDatum, DataMultiValueValue } from './DataMultiValue'
+import { DataTree, DataTreeDatum, DataTreeObj } from './DataTree'
+import { DataRelationship, Node, Edge } from './DataRelationship'
+
+// 基本欄位（皆為可選，無填寫則在 formatXX 程式中產生預設值）
+export interface DatumBase {
+  id?: string
+  label?: string
+  tooltipContent?: string
+  data?: any // 使用者注入的資料
+}
+
+// 需具備value的datum
+export interface DatumValue {
+  value: number | null
+}
+
+// 透過類型選擇Data
+export type DataTypeMap<T extends ChartType> = T extends 'series' ? DataSeries
+  : T extends 'grid' ? DataGrid
+  : T extends 'multiGrid' ? DataMultiGrid
+  : T extends 'multiValue' ? DataMultiValue
+  : T extends 'relationship' ? DataRelationship
+  : T extends 'tree' ? DataTree
+  : unknown
+
+// 透過類型選擇Datum
+export type DatumTypeMap<T extends ChartType> = T extends 'series' ? DataSeriesDatum | DataSeriesValue
+: T extends 'grid' ? DataGridDatum | DataGridValue
+: T extends 'multiGrid' ? DataMultiGridDatum | DataMultiGridValue
+: T extends 'multiValue' ? DataMultiValueDatum | DataMultiValueValue
+: T extends 'relationship' ? Node | Edge
+: T extends 'tree' ? DataTreeDatum | DataTreeObj
+: unknown
+
+// export type Data = DataSeries
+//   | DataGrid
+//   | DataMultiGrid
+//   | DataMultiValue
+//   | DataTree
+//   | DataRelationship

package/src/types/DataFormatter.ts

@@ -0,0 +1,99 @@
+import type { ChartType } from './Chart'
+import type { ChartParams } from './ChartParams'
+import type { DataTypeMap, DatumTypeMap } from './Data'
+import type { DataFormatterSeries, DataFormatterSeriesPartial } from './DataFormatterSeries'
+import type { DataFormatterGrid, DataFormatterGridPartial } from './DataFormatterGrid'
+import type { DataFormatterMultiGrid, DataFormatterMultiGridPartial } from './DataFormatterMultiGrid'
+import type { DataFormatterMultiValue, DataFormatterMultiValuePartial } from './DataFormatterMultiValue'
+import type { DataFormatterTree, DataFormatterTreePartial } from './DataFormatterTree'
+import type { DataFormatterRelationship, DataFormatterRelationshipPartial } from './DataFormatterRelationship'
+import type { AxisPosition } from './Axis'
+import type { Layout } from './Layout'
+
+// export type DataFormatter = DataFormatterSeries
+//   | DataFormatterGrid
+//   | DataFormatterMultiGrid
+//   | DataFormatterMultiValue
+//   | DataFormatterTree
+//   | DataFormatterRelationship
+
+// export type DataFormatterPartial = DataFormatterSeriesPartial
+//   | DataFormatterGridPartial
+//   | DataFormatterMultiGridPartial
+//   | DataFormatterMultiValuePartial
+//   | DataFormatterTreePartial
+//   | DataFormatterRelationshipPartial
+
+// dataFormatter計算當中會使用的資料
+export interface DataFormatterContext<T extends ChartType> {
+  data: DataTypeMap<T>
+  dataFormatter: DataFormatterTypeMap<T>
+  chartParams: ChartParams
+  layout: Layout
+}
+
+
+// 透過類型選擇DataFormatter
+export type DataFormatterTypeMap<T extends ChartType> = T extends 'series' ? DataFormatterSeries
+  : T extends 'grid' ? DataFormatterGrid
+  : T extends 'multiGrid' ? DataFormatterMultiGrid
+  : T extends 'multiValue' ? DataFormatterMultiValue
+  : T extends 'relationship' ? DataFormatterRelationship
+  : T extends 'tree' ? DataFormatterTree
+  : DataFormatterBase<T>
+
+// 透過類型選擇DataFormatter（可選欄位）
+export type DataFormatterPartialTypeMap<T extends ChartType> = T extends 'series' ? DataFormatterSeriesPartial
+  : T extends 'grid' ? DataFormatterGridPartial
+  : T extends 'multiGrid' ? DataFormatterMultiGridPartial
+  : T extends 'multiValue' ? DataFormatterMultiValuePartial
+  : T extends 'relationship' ? DataFormatterRelationshipPartial
+  : T extends 'tree' ? DataFormatterTreePartial
+  : DataFormatterBasePartial<T>
+
+// 基本介面
+export interface DataFormatterBase<T extends ChartType> {
+  // colors: Colors
+  // padding: Padding
+  type: T
+  visibleFilter: VisibleFilter<T>
+  tooltipContentFormat: TooltipContentFormat<T>
+}
+
+export type DataFormatterBasePartial<T extends ChartType> = Partial<DataFormatterBase<T>>
+
+// 有value
+// export interface DataFormatterValue {
+//   valueFormat: ValueFormat
+// }
+
+// 有axis
+// export interface DataFormatterAxis {
+//   // domainMinValue?: number
+//   // domainMaxValue?: number
+//   // domainMinRange?: number
+//   // domainMaxRange?: number
+//   valueDomain: [number | 'auto', number | 'auto']
+//   valueRange: [number, number] // 0-1
+// }
+
+export interface DataFormatterValueAxis {
+  position: AxisPosition
+  scaleDomain: [number | 'auto', number | 'auto']
+  scaleRange: [number, number]
+  label: string
+}
+
+export interface DataFormatterGroupAxis {
+  position: AxisPosition
+  scaleDomain: [number | 'auto', number | 'auto']
+  scalePadding: number
+  label: string
+}
+
+
+// export type ValueFormat = string | ((text: d3.NumberValue) => string)
+
+export type VisibleFilter<T extends ChartType> = (datum: DatumTypeMap<T>, rowIndex: number, columnIndex: number, context: DataFormatterContext<T>) => boolean | null
+
+export type TooltipContentFormat<T extends ChartType> = (datum: DatumTypeMap<T>, rowIndex: number, columnIndex: number, context: DataFormatterContext<T>) => string | null

package/src/types/DataFormatterGrid.ts

@@ -0,0 +1,40 @@
+import type { DataGridDatum, DataGridValue } from './DataGrid'
+import type { DataFormatterBase, DataFormatterBasePartial, DataFormatterValueAxis, DataFormatterGroupAxis, DataFormatterContext } from './DataFormatter'
+// import type { AxisPosition } from './Axis'
+
+export type SeriesType = 'row' | 'column' // default: 'row'
+
+export interface DataFormatterGrid
+  extends DataFormatterBase<'grid'> {
+  grid: DataFormatterGridGrid
+  valueAxis: DataFormatterValueAxis
+  groupAxis: DataFormatterGroupAxis
+  // visibleGroupRange: [number, number] | null
+  colorsPredicate: (datum: DataGridDatum | DataGridValue, rowIndex: number, columnIndex: number, context: DataFormatterContext<'grid'>) => string
+}
+
+export type DataFormatterGridPartial = Partial<DataFormatterGrid> | Partial<{
+  grid: Partial<DataFormatterGridGrid>
+  valueAxis: Partial<DataFormatterValueAxis>
+  groupAxis: Partial<DataFormatterGroupAxis>
+}>
+
+// grid欄位
+export interface DataFormatterGridGrid {
+  // labelFormat: (datum: DataGridDatum) => string
+  // rowUnitLabel: string
+  rowLabels: string[]
+  // rowLabelFormat: string | ((text: any) => string)
+  // columnUnitLabel: string
+  columnLabels: string[]
+  // columnLabelFormat: string | ((text: any) => string)
+  seriesType: SeriesType
+}
+
+// const test: DataFormatterGridPartial = {
+//   type: 'grid',
+//   grid: {
+//     rowLabels: [],
+//     // a: ''
+//   }
+// }

package/src/types/DataFormatterMultiGrid.ts

@@ -0,0 +1,23 @@
+import { DataGridDatum, DataGridValue } from './DataGrid'
+import { DataFormatterGridGrid } from './DataFormatterGrid'
+import { DataFormatterBase, DataFormatterValueAxis, DataFormatterGroupAxis, DataFormatterContext } from './DataFormatter'
+import { AxisPosition } from './Axis'
+
+export interface DataFormatterMultiGrid
+  extends DataFormatterBase<'multiGrid'> {
+  multiGrid: Array<DataFormatterMultiGridMultiGrid>
+  // visibleGroupRange: [number, number] | null
+}
+
+export type DataFormatterMultiGridPartial = Partial<DataFormatterMultiGrid> | Partial<{
+  multiGrid: Array<Partial<DataFormatterMultiGridMultiGrid>>
+}>
+
+// multiGrid欄位
+export interface DataFormatterMultiGridMultiGrid {
+  grid: DataFormatterGridGrid
+  valueAxis: DataFormatterValueAxis // default: 'left'
+  groupAxis: DataFormatterGroupAxis // default: 'bottom'
+  colorsPredicate: (datum: DataGridDatum | DataGridValue, rowIndex: number, columnIndex: number, context: DataFormatterContext<'grid'>) => string
+  // colors: Colors
+}

package/src/types/DataFormatterMultiValue.ts

@@ -0,0 +1,19 @@
+import { DataMultiValueDatum, DataMultiValue } from './DataMultiValue'
+import { DataFormatterBase, DataFormatterValueAxis } from './DataFormatter'
+
+export interface DataFormatterMultiValue
+  extends DataFormatterBase<'multiValue'> {
+  // labelFormat: (datum: unknown) => string
+  multiValue: Array<DataFormatterMultiValueMultiValue>
+  xAxis: DataFormatterValueAxis
+  yAxis: DataFormatterValueAxis
+}
+
+export type DataFormatterMultiValuePartial = Partial<DataFormatterMultiValue> | Partial<{
+  multiValue: Array<Partial<DataFormatterMultiValueMultiValue>>
+}>
+
+// multiValue欄位
+export interface DataFormatterMultiValueMultiValue {
+  unitLabel: string
+}

package/src/types/DataFormatterRelationship.ts

@@ -0,0 +1,23 @@
+import { Node, Edge, DataRelationship } from './DataRelationship'
+import { DataFormatterBase } from './DataFormatter'
+
+export interface DataFormatterRelationship
+  extends DataFormatterBase<'relationship'> {
+  // node: DataFormatterRelationshipNode
+  // edge: DataFormatterRelationshipEdge
+}
+
+export type DataFormatterRelationshipPartial = Partial<DataFormatterRelationship> | Partial<{
+  // node: Partial<DataFormatterRelationshipNode>
+  // edge: Partial<DataFormatterRelationshipEdge>
+}>
+
+// export interface DataFormatterRelationshipNode {
+//   labelFormat: (node: unknown) => string
+//   descriptionFormat: (node: unknown) => string
+// }
+
+// export interface DataFormatterRelationshipEdge {
+//   labelFormat: (edge: unknown, startNode: unknown, endNode: unknown) => string
+//   descriptionFormat: (edge: unknown, startNode: unknown, endNode: unknown) => string
+// }

package/src/types/DataFormatterSeries.ts

@@ -0,0 +1,26 @@
+import { DataSeriesDatum, DataSeriesValue, DataSeries } from './DataSeries'
+import { DataFormatterBase, DataFormatterContext } from './DataFormatter'
+// import { ComputedDatumSeries } from './ComputedDataSeries'
+
+export interface DataFormatterSeries
+  extends DataFormatterBase<'series'> {
+  // series: DataFormatterSeriesSeries
+  unitLabel: string
+  seriesLabels: string[]
+  // labelFormat: (datum: DataSeriesDatum) => string
+  // mapSeries: (datum: DataSeriesDatum | DataSeriesValue, rowIndex: number, columnIndex: number, context: DataFormatterContext<'series'>) => string
+  colorsPredicate: (datum: DataSeriesDatum | DataSeriesValue, rowIndex: number, columnIndex: number, context: DataFormatterContext<'series'>) => string
+  sort: ((a: DataSeriesDatum | DataSeriesValue, b: DataSeriesDatum | number) => number) | null
+  // colors: Colors
+}
+
+export type DataFormatterSeriesPartial = Partial<DataFormatterSeries> | Partial<{
+  // series: Partial<DataFormatterSeriesSeries>
+}>
+
+// export interface DataFormatterSeriesSeries {
+//   unitLabel: string
+//   seriesLabels: string[]
+//   // labelFormat: (datum: DataSeriesDatum) => string
+//   sort: ((computedDatum: ComputedDatumSeries) => number) | null
+// }

package/src/types/DataFormatterTree.ts

@@ -0,0 +1,10 @@
+import { DataTreeDatum, DataTree } from './DataTree'
+import { DataFormatterBase } from './DataFormatter'
+
+export interface DataFormatterTree
+  extends DataFormatterBase<'tree'> {
+  // labelFormat: (datum: unknown) => string
+  // descriptionFormat: (datum: unknown) => string
+}
+
+export type DataFormatterTreePartial = Partial<DataFormatterTree>

package/src/types/DataGrid.ts

@@ -0,0 +1,11 @@
+import type { DatumBase, DatumValue } from './Data'
+
+// export type DataGrid = DataGridDatum[][] | DataGridValue[][]
+export type DataGrid = (DataGridDatum | DataGridValue)[][]
+
+export type DataGridValue = number | null
+
+export interface DataGridDatum extends DatumBase, DatumValue {
+}
+
+

package/src/types/DataMultiGrid.ts

@@ -0,0 +1,7 @@
+import type { DataGrid, DataGridDatum, DataGridValue } from './DataGrid'
+
+export type DataMultiGrid = DataGrid[]
+
+export interface DataMultiGridDatum extends DataGridDatum {}
+
+export type DataMultiGridValue = DataGridValue

package/src/types/DataMultiValue.ts

@@ -0,0 +1,11 @@
+import type { DatumBase, DatumValue } from './Data'
+
+// export type DataMultiValue = DataMultiValueDatum[][] | DataMultiValueValue[][]
+export type DataMultiValue = (DataMultiValueDatum | DataMultiValueValue)[][]
+
+export type DataMultiValueValue = number
+
+export interface DataMultiValueDatum extends DatumBase, DatumValue {
+}
+
+

package/src/types/DataRelationship.ts

@@ -0,0 +1,27 @@
+import type { DatumBase } from './Data'
+
+export type DataRelationship = DataRelationshipObj | DataRelationshipList
+
+// 物件資料
+export interface DataRelationshipObj {
+  nodes: Node[]
+  edges: Edge[]
+}
+
+// 陣列資料
+export type DataRelationshipList = [
+  Node[],
+  Edge[]
+]
+
+
+export interface Node extends DatumBase {
+  id: string
+  value?: number
+}
+
+export interface Edge extends DatumBase {
+  start: string
+  end: string
+  value?: number
+}

package/src/types/DataSeries.ts

@@ -0,0 +1,11 @@
+import type { DatumBase, DatumValue } from './Data'
+
+// export type DataSeries = DataSeriesDatum[][] | DataSeriesDatum[] | DataSeriesValue[][] | DataSeriesValue[]
+export type DataSeries = (DataSeriesDatum | DataSeriesValue)[][] | (DataSeriesDatum | DataSeriesValue)[]
+
+export type DataSeriesValue = number | null
+
+export interface DataSeriesDatum extends DatumBase, DatumValue {
+}
+
+

package/src/types/DataTree.ts

@@ -0,0 +1,18 @@
+import type { DatumBase } from './Data'
+
+export type DataTree = DataTreeObj | DataTreeDatum[]
+
+// 樹狀結構
+export interface DataTreeObj extends DatumBase {
+  id: string
+  value?: number
+  children?: DataTreeObj[]
+}
+
+// 陣列資料
+export interface DataTreeDatum extends DatumBase {
+  id: string
+  value?: number
+  parent?: string
+}
+

package/src/types/Event.ts

@@ -0,0 +1,114 @@
+import * as d3 from 'd3'
+import type { ChartType } from './Chart'
+import type { ComputedDatumBase } from './ComputedData'
+import type { ComputedDataSeries, ComputedDatumSeries } from './ComputedDataSeries'
+import type { ComputedDataGrid, ComputedDatumGrid } from './ComputedDataGrid'
+import type { ComputedDataMultiGrid } from './ComputedDataMultiGrid'
+import type { ComputedDataMultiValue, ComputedDatumMultiValue } from './ComputedDataMultiValue'
+import type { ComputedNode } from './ComputedDataRelationship'
+import type { ComputedDataTree } from './ComputedDataTree'
+import type { HighlightTarget } from './ChartParams'
+
+export type EventName = 'click'
+  | 'mouseover'
+  | 'mousemove'
+  | 'mouseout'
+  | 'dragstart'
+  | 'drag'
+  | 'dragend'
+  | 'resize'
+  | 'transitionMove'
+  | 'transitionEnd'
+  // | 'enterDuration'
+
+// export interface Event<EventData = unknown> {
+//   eventName: EventName
+//   data: EventData
+// }
+
+// export interface ShareEvent<EventData = unknown> extends Event<EventData> {
+//   pluginName: string
+// }
+
+// export interface EventData {
+
+// }
+
+// 透過類型選擇Event
+export type EventTypeMap<T extends ChartType> = T extends 'series' ? EventSeries
+  : T extends 'grid' ? EventGrid
+  : T extends 'multiGrid' ? EventMultiGrid
+  : T extends 'multiValue' ? EventMultiValue
+  : T extends 'relationship' ? EventRelationship
+  : T extends 'tree' ? EventTree
+  : EventBase
+
+export interface EventBase {
+  eventName: EventName
+  pluginName: string
+  // data: EventData
+  type: ChartType
+  event: MouseEvent | undefined
+  highlightTarget: HighlightTarget
+  datum: ComputedDatumBase | null
+  tween?: number
+}
+
+export interface EventSeries extends EventBase {
+  type: 'series'
+  data: ComputedDataSeries
+  series: ComputedDatumSeries[]
+  seriesIndex: number
+  seriesLabel: string
+  datum: ComputedDatumSeries | null
+  // highlightTarget: 'series' | 'datum' | 'none'
+  // highlightLabel: string | null
+  // highlightId: string | null
+}
+
+export interface EventGrid extends EventBase {
+  type: 'grid'
+  data: ComputedDataGrid
+  series: ComputedDatumGrid[]
+  seriesIndex: number
+  seriesLabel: string
+  groups: ComputedDatumGrid[]
+  groupIndex: number
+  groupLabel: string
+  datum: ComputedDatumGrid | null
+  // highlightTarget: 'series' | 'group' | 'datum' | 'none'
+  // highlightLabel: string | null
+  // highlightId: string | null
+}
+
+export interface EventMultiGrid extends EventBase {
+  type: 'multiGrid'
+  data: ComputedDataMultiGrid
+  gridIndex: number
+  series: ComputedDatumGrid[]
+  seriesIndex: number
+  seriesLabel: string
+  group: ComputedDatumGrid[]
+  groupIndex: number
+  groupLabel: string
+  datum: ComputedDatumGrid | null
+  // highlightTarget: 'series' | 'group' | 'datum' | 'none'
+  // highlightLabel: string | null
+  // highlightId: string | null
+}
+
+export interface EventMultiValue extends EventBase {
+  type: 'multiValue'
+  datum: ComputedDatumMultiValue | null
+}
+
+export interface EventRelationship extends EventBase {
+  type: 'relationship'
+  datum: ComputedNode | null
+}
+
+export interface EventTree extends EventBase {
+  type: 'tree'
+  datum: ComputedDataTree | null
+}
+

package/src/types/Layout.ts

@@ -0,0 +1,12 @@
+import type { Padding } from './Padding'
+
+export interface Layout extends Padding {
+  width: number
+  height: number
+  // top: number
+  // right: number
+  // bottom: number
+  // left: number
+  rootWidth: number
+  rootHeight: number
+}

package/src/types/Padding.ts

@@ -0,0 +1,6 @@
+export interface Padding {
+  top: number
+  right: number
+  bottom: number
+  left: number
+}

package/src/types/Plugin.ts

@@ -0,0 +1,60 @@
+import * as d3 from 'd3'
+import { Subject } from 'rxjs'
+import type { ChartType } from './Chart'
+import type { ContextSubject } from './ContextSubject'
+import type { ContextObserverTypeMap } from './ContextObserver'
+
+// // 透過類型選擇Plugin
+// export type PluginParamsMap<T extends ChartType, PluginParams> = T extends 'series' ? Plugin<DataSeries, DataFormatterSeries, ComputedDataSeries, PluginParams>
+//   : T extends 'grid' ? Plugin<DataGrid, DataFormatterGrid, ComputedDataGrid, PluginParams>
+//   : T extends 'multiGrid' ? Plugin<DataMultiGrid, DataFormatterMultiGrid, ComputedDataMultiGrid, PluginParams>
+//   : T extends 'multiValue' ? Plugin<DataMultiValue, DataFormatterMultiValue, ComputedDataMultiValue, PluginParams>
+//   : T extends 'relationship' ? Plugin<DataRelationship, DataFormatterRelationship, ComputedDataRelationship, PluginParams>
+//   : T extends 'tree' ? Plugin<DataTree, DataFormatterTree, ComputedDataTree, PluginParams>
+//   : Plugin<unknown, unknown, unknown, unknown>
+
+export interface CreateBasePlugin {
+  <T extends ChartType>(): DefinePlugin<T>
+}
+
+export interface DefinePlugin<T extends ChartType> {
+  <PluginName, PluginParams>(name: PluginName , defaultParams: PluginParams): DefinePluginInitFn<T, PluginName, PluginParams>
+}
+
+export interface DefinePluginInitFn<T extends ChartType, PluginName, PluginParams> {
+  (initFn: PluginInitFn<T, PluginName, PluginParams>): PluginConstructor<T, PluginName, PluginParams>
+}
+
+// export interface CreatePlugin<T extends ChartType, PluginName, PluginParams> {
+//   (): PluginEntity<T, PluginName, PluginParams>
+// }
+
+export interface PluginConstructor<T extends ChartType, PluginName, PluginParams> {
+  new (): PluginEntity<T, PluginName, PluginParams>
+}
+
+export interface PluginEntity<T extends ChartType, PluginName, PluginParams> {
+  params$: Subject<Partial<PluginParams>>
+  name: PluginName
+  defaultParams: PluginParams
+  // presetParams: Partial<PluginParams>
+  init: () => void
+  destroy: () => void
+  setPresetParams: (presetParams: Partial<PluginParams>) => void
+  setContext: (pluginContext: PluginContext<T, PluginName, PluginParams>) => void
+}
+
+export interface PluginInitFn<T extends ChartType, PluginName, PluginParams> {
+  (pluginContext: PluginContext<T, PluginName, PluginParams>): () => void
+}
+
+export interface PluginContext<T extends ChartType, PluginName, PluginParams> {
+  selection: d3.Selection<any, unknown, any, unknown>
+  rootSelection: d3.Selection<any, unknown, any, unknown>
+  name: PluginName
+  chartType: ChartType, // 這邊的ChartType是由 createChart 時依 chart類別決定的，所以不能使用 pluginContext 本身的類別 T
+  // 原本的store
+  // selection: d3.Selection<SVGGElement, unknown, HTMLElement, unknown>
+  subject: ContextSubject<T>
+  observer: ContextObserverTypeMap<T, PluginParams>
+}

package/src/types/TransformData.ts

@@ -0,0 +1,8 @@
+export interface TransformData {
+  translate: [number, number]
+  scale: [number, number]
+  rotate: number
+  rotateX: number
+  rotateY: number
+  value: string
+}

package/src/types/index.ts

@@ -0,0 +1,37 @@
+export * from './Axis'
+export * from './Chart'
+export * from './ChartParams'
+export * from './ComputedData'
+export * from './ComputedDataGrid'
+export * from './ComputedDataMultiGrid'
+export * from './ComputedDataMultiValue'
+export * from './ComputedDataRelationship'
+export * from './ComputedDataSeries'
+export * from './ComputedDataTree'
+export * from './ContextObserver'
+export * from './ContextObserverGrid'
+export * from './ContextObserverMultiGrid'
+export * from './ContextObserverMultiValue'
+export * from './ContextObserverRelationship'
+export * from './ContextObserverSeries'
+export * from './ContextObserverTree'
+export * from './ContextSubject'
+export * from './Data'
+export * from './DataFormatter'
+export * from './DataFormatterGrid'
+export * from './DataFormatterMultiGrid'
+export * from './DataFormatterMultiValue'
+export * from './DataFormatterRelationship'
+export * from './DataFormatterSeries'
+export * from './DataFormatterTree'
+export * from './DataGrid'
+export * from './DataMultiGrid'
+export * from './DataMultiValue'
+export * from './DataRelationship'
+export * from './DataSeries'
+export * from './DataTree'
+export * from './Event'
+export * from './Layout'
+export * from './Padding'
+export * from './Plugin'
+export * from './TransformData'