@orbcharts/core 3.0.0-beta.5 → 3.0.0-beta.6

package/src/relationship/contextObserverCallback.ts

@@ -1,12 +1,80 @@
-import type { ContextObserverCallback } from '../../lib/core-types'
-
-export const contextObserverCallback: ContextObserverCallback<'relationship'> = ({ subject, observer }) => {
-
-  return {
-    fullParams$: observer.fullParams$,
-    fullChartParams$: observer.fullChartParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    computedData$: observer.computedData$,
-    layout$: observer.layout$,
-  }
-}
+import { map, shareReplay } from 'rxjs'
+import type { ContextObserverCallback } from '../../lib/core-types'
+import { highlightObservable, categoryDataMapObservable, textSizePxObservable } from '../utils/observables'
+import {
+  categoryLabelsObservable,
+  NodeMapObservable,
+  EdgeMapObservable,
+  relationshipVisibleComputedDataObservable
+} from '../utils/relationshipObservables'
+
+export const contextObserverCallback: ContextObserverCallback<'relationship'> = ({ subject, observer }) => {
+
+  const textSizePx$ = textSizePxObservable(observer.fullChartParams$).pipe(
+    shareReplay(1)
+  )
+
+  const relationshipHighlightNodes$ = highlightObservable({
+    datumList$: observer.computedData$.pipe(map(data => data.nodes)),
+    fullChartParams$: observer.fullChartParams$,
+    event$: subject.event$
+  }).pipe(
+    shareReplay(1)
+  )
+
+  const relationshipHighlightEdges$ = highlightObservable({
+    datumList$: observer.computedData$.pipe(map(data => data.edges)),
+    fullChartParams$: observer.fullChartParams$,
+    event$: subject.event$
+  }).pipe(
+    shareReplay(1)
+  )
+
+  const CategoryNodeMap$ = categoryDataMapObservable({
+    datumList$: observer.computedData$.pipe(map(data => data.nodes))
+  }).pipe(
+    shareReplay(1)
+  )
+
+  const CategoryEdgeMap$ = categoryDataMapObservable({
+    datumList$: observer.computedData$.pipe(map(data => data.edges))
+  }).pipe(
+    shareReplay(1)
+  )
+
+  const NodeMap$ = NodeMapObservable(observer.computedData$).pipe(
+    shareReplay(1)
+  )
+
+  const EdgeMap$ = EdgeMapObservable(observer.computedData$).pipe(
+    shareReplay(1)
+  )
+
+  const categoryLabels$ = categoryLabelsObservable(CategoryNodeMap$, CategoryEdgeMap$).pipe(
+    shareReplay(1)
+  )
+
+  const visibleComputedData$ = relationshipVisibleComputedDataObservable({
+    computedData$: observer.computedData$,
+    NodeMap$
+  }).pipe(
+    shareReplay(1)
+  )
+
+  return {
+    fullParams$: observer.fullParams$,
+    fullChartParams$: observer.fullChartParams$,
+    fullDataFormatter$: observer.fullDataFormatter$,
+    computedData$: observer.computedData$,
+    layout$: observer.layout$,
+    textSizePx$,
+    relationshipHighlightNodes$,
+    relationshipHighlightEdges$,
+    categoryLabels$,
+    CategoryNodeMap$,
+    CategoryEdgeMap$,
+    NodeMap$,
+    EdgeMap$,
+    visibleComputedData$
+  }
+}

package/src/relationship/dataFormatterValidator.ts

@@ -1,10 +1,10 @@
-import type { DataFormatterValidator, DataFormatterTypeMap } from '../../lib/core-types'
-
-export const dataFormatterValidator: DataFormatterValidator<'relationship'> = (dataFormatter: DataFormatterTypeMap<'relationship'>) => {
-  
-  return {
-    status: 'success',
-    columnName: '',
-    expectToBe: ''
-  }
+import type { DataFormatterValidator, DataFormatterTypeMap } from '../../lib/core-types'
+
+export const dataFormatterValidator: DataFormatterValidator<'relationship'> = (dataFormatter: DataFormatterTypeMap<'relationship'>) => {
+  
+  return {
+    status: 'success',
+    columnName: '',
+    expectToBe: ''
+  }
 }

package/src/relationship/dataValidator.ts

@@ -1,10 +1,10 @@
-import type { DataValidator, DataTypeMap } from '../../lib/core-types'
-
-export const dataValidator: DataValidator<'relationship'> = (data: DataTypeMap<'relationship'>) => {
-
-  return {
-    status: 'success',
-    columnName: '',
-    expectToBe: ''
-  }
+import type { DataValidator, DataTypeMap } from '../../lib/core-types'
+
+export const dataValidator: DataValidator<'relationship'> = (data: DataTypeMap<'relationship'>) => {
+
+  return {
+    status: 'success',
+    columnName: '',
+    expectToBe: ''
+  }
 }

package/src/series/computedDataFn.ts

@@ -1,88 +1,88 @@
-import type { DataSeries, DataSeriesDatum, ComputedDataFn, ComputedDatumSeries } from '../../lib/core-types'
-import { formatValueToLabel, createDefaultDatumId, createDefaultSeriesLabel, seriesColorPredicate } from '../utils/orbchartsUtils'
-
-export const computedDataFn: ComputedDataFn<'series'> = (context) => {
-  const { data = [], dataFormatter, chartParams } = context
-  if (!data.length) {
-    return []
-  }
-
-  let computedDataSeries: ComputedDatumSeries[][] = []
-  
-  try {
-
-    const createComputedDatumSeries = (seriesData: number | DataSeriesDatum, seriesIndex: number, itemIndex: number, currentIndex: number): ComputedDatumSeries => {
-      const defaultId = createDefaultDatumId(dataFormatter.type, seriesIndex, itemIndex)
-      const seriesLabel = dataFormatter.seriesLabels[seriesIndex] || createDefaultSeriesLabel('series', seriesIndex)
-      const color = seriesColorPredicate(seriesIndex, chartParams)
-      if (typeof seriesData === 'number') {
-        return {
-          id: defaultId,
-          index: currentIndex,
-          seq: 0, // 先給預設值
-          label: defaultId,
-          description: '',
-          data: {},
-          value: seriesData,
-          seriesIndex: seriesIndex,
-          seriesLabel,
-          color,
-          visible: true // 先給預設值
-        }
-      } else {
-        return {
-          id: seriesData.id ? seriesData.id : defaultId,
-          index: currentIndex,
-          seq: 0, // 先給預設值
-          label: seriesData.label ? seriesData.label : defaultId,
-          description: seriesData.description,
-          data: seriesData.data ?? {},
-          value: seriesData.value,
-          seriesIndex: seriesIndex,
-          seriesLabel,
-          color,
-          visible: true // 先給預設值
-        }
-      }
-    }
-    
-    computedDataSeries = data
-      .map((seriesData, seriesIndex) => {
-        if (Array.isArray(seriesData)) {
-          return seriesData.map((item, itemIndex) => 
-            createComputedDatumSeries(item, seriesIndex, itemIndex, computedDataSeries.length + itemIndex)
-          )
-        } else {
-          return createComputedDatumSeries(seriesData, seriesIndex, 0, computedDataSeries.length)
-        }
-      })
-      // 攤為一維陣列
-      .flat()
-      // 排序後給 seq
-      .sort(dataFormatter.sort ?? undefined)
-      .map((datum, index) => {
-        datum.seq = index
-        return datum
-      })
-      .map(datum => {
-        datum.visible = dataFormatter.visibleFilter(datum, context)
-        return datum
-      })
-      // 恢復原排序
-      .sort((a, b) => a.index - b.index)
-      // 依seriesIndex分組（二維陣列）
-      .reduce((acc, datum) => {
-        if (!acc[datum.seriesIndex]) {
-          acc[datum.seriesIndex] = []
-        }
-        acc[datum.seriesIndex].push(datum)
-        return acc
-      }, [])
-
-  } catch (e) {
-    // console.error(e)
-    throw Error(e)
-  }
-  
-  return computedDataSeries
-}
+import type { DataSeries, DataSeriesDatum, ComputedDataFn, ComputedDatumSeries } from '../../lib/core-types'
+import { formatValueToLabel, createDefaultDatumId, createDefaultSeriesLabel, seriesColorPredicate } from '../utils/orbchartsUtils'
+
+export const computedDataFn: ComputedDataFn<'series'> = (context) => {
+  const { data = [], dataFormatter, chartParams } = context
+  if (!data.length) {
+    return []
+  }
+
+  let computedDataSeries: ComputedDatumSeries[][] = []
+  
+  try {
+
+    const createComputedDatumSeries = (seriesData: number | DataSeriesDatum, seriesIndex: number, itemIndex: number, currentIndex: number): ComputedDatumSeries => {
+      const defaultId = createDefaultDatumId(dataFormatter.type, seriesIndex, itemIndex)
+      const seriesLabel = dataFormatter.seriesLabels[seriesIndex] || createDefaultSeriesLabel('series', seriesIndex)
+      const color = seriesColorPredicate(seriesIndex, chartParams)
+      if (typeof seriesData === 'number') {
+        return {
+          id: defaultId,
+          index: currentIndex,
+          seq: 0, // 先給預設值
+          label: defaultId,
+          description: '',
+          data: {},
+          value: seriesData,
+          seriesIndex: seriesIndex,
+          seriesLabel,
+          color,
+          visible: true // 先給預設值
+        }
+      } else {
+        return {
+          id: seriesData.id ? seriesData.id : defaultId,
+          index: currentIndex,
+          seq: 0, // 先給預設值
+          label: seriesData.label ? seriesData.label : defaultId,
+          description: seriesData.description,
+          data: seriesData.data ?? {},
+          value: seriesData.value,
+          seriesIndex: seriesIndex,
+          seriesLabel,
+          color,
+          visible: true // 先給預設值
+        }
+      }
+    }
+    
+    computedDataSeries = data
+      .map((seriesData, seriesIndex) => {
+        if (Array.isArray(seriesData)) {
+          return seriesData.map((item, itemIndex) => 
+            createComputedDatumSeries(item, seriesIndex, itemIndex, computedDataSeries.length + itemIndex)
+          )
+        } else {
+          return createComputedDatumSeries(seriesData, seriesIndex, 0, computedDataSeries.length)
+        }
+      })
+      // 攤為一維陣列
+      .flat()
+      // 排序後給 seq
+      .sort(dataFormatter.sort ?? undefined)
+      .map((datum, index) => {
+        datum.seq = index
+        return datum
+      })
+      .map(datum => {
+        datum.visible = dataFormatter.visibleFilter(datum, context)
+        return datum
+      })
+      // 恢復原排序
+      .sort((a, b) => a.index - b.index)
+      // 依seriesIndex分組（二維陣列）
+      .reduce((acc, datum) => {
+        if (!acc[datum.seriesIndex]) {
+          acc[datum.seriesIndex] = []
+        }
+        acc[datum.seriesIndex].push(datum)
+        return acc
+      }, [])
+
+  } catch (e) {
+    // console.error(e)
+    throw Error(e)
+  }
+  
+  return computedDataSeries
+}

package/src/series/contextObserverCallback.ts

@@ -1,100 +1,100 @@
-import { map, shareReplay } from 'rxjs'
-import type { ContextObserverCallback } from '../../lib/core-types'
-import {
-  seriesDataMapObservable,
-  groupDataMapObservable } from '../utils/observables'
-import { highlightObservable, textSizePxObservable } from '../utils/observables'
-
-import {
-  separateSeriesObservable,
-  seriesVisibleComputedDataObservable,
-  seriesComputedLayoutDataObservable,
-  seriesLabelsObservable,
-  seriesContainerPositionObservable,
-  seriesContainerPositionMapObservable
-} from '../utils/seriesObservables'
-
-export const contextObserverCallback: ContextObserverCallback<'series'> = ({ subject, observer }) => {
-
-  const textSizePx$ = textSizePxObservable(observer.fullChartParams$).pipe(
-    shareReplay(1)
-  )
-
-  const separateSeries$ = separateSeriesObservable({
-    fullDataFormatter$: observer.fullDataFormatter$
-  })
-
-  const visibleComputedData$ = seriesVisibleComputedDataObservable({
-    computedData$: observer.computedData$,
-  })
-
-  const computedLayoutData$ = seriesComputedLayoutDataObservable({
-    computedData$: observer.computedData$,
-    fullDataFormatter$: observer.fullDataFormatter$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const visibleComputedLayoutData$ = seriesVisibleComputedDataObservable({
-    computedData$: computedLayoutData$,
-  })
-
-  const datumList$ = observer.computedData$.pipe(
-    map(d => d.flat())
-  ).pipe(
-    shareReplay(1)
-  )
-
-  const seriesHighlight$ = highlightObservable({
-    datumList$,
-    fullChartParams$: observer.fullChartParams$,
-    event$: subject.event$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const seriesLabels$ = seriesLabelsObservable({
-    computedData$: observer.computedData$,
-  })
-
-
-  const SeriesDataMap$ = seriesDataMapObservable({
-    datumList$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const seriesContainerPosition$ = seriesContainerPositionObservable({
-    computedData$: observer.computedData$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    layout$: observer.layout$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const SeriesContainerPositionMap$ = seriesContainerPositionMapObservable({
-    seriesContainerPosition$: seriesContainerPosition$,
-    seriesLabels$: seriesLabels$,
-    separateSeries$: separateSeries$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  return {
-    fullParams$: observer.fullParams$,
-    fullChartParams$: observer.fullChartParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    computedData$: observer.computedData$,
-    layout$: observer.layout$,
-    textSizePx$,
-    visibleComputedData$,
-    visibleComputedLayoutData$,
-    separateSeries$,
-    computedLayoutData$,
-    seriesHighlight$,
-    seriesLabels$,
-    SeriesDataMap$,
-    seriesContainerPosition$,
-    SeriesContainerPositionMap$,
-  }
-}
+import { map, shareReplay } from 'rxjs'
+import type { ContextObserverCallback } from '../../lib/core-types'
+import {
+  seriesDataMapObservable,
+  groupDataMapObservable } from '../utils/observables'
+import { highlightObservable, textSizePxObservable } from '../utils/observables'
+
+import {
+  separateSeriesObservable,
+  seriesVisibleComputedDataObservable,
+  seriesComputedLayoutDataObservable,
+  seriesLabelsObservable,
+  seriesContainerPositionObservable,
+  seriesContainerPositionMapObservable
+} from '../utils/seriesObservables'
+
+export const contextObserverCallback: ContextObserverCallback<'series'> = ({ subject, observer }) => {
+
+  const textSizePx$ = textSizePxObservable(observer.fullChartParams$).pipe(
+    shareReplay(1)
+  )
+
+  const separateSeries$ = separateSeriesObservable({
+    fullDataFormatter$: observer.fullDataFormatter$
+  })
+
+  const visibleComputedData$ = seriesVisibleComputedDataObservable({
+    computedData$: observer.computedData$,
+  })
+
+  const computedLayoutData$ = seriesComputedLayoutDataObservable({
+    computedData$: observer.computedData$,
+    fullDataFormatter$: observer.fullDataFormatter$
+  }).pipe(
+    shareReplay(1)
+  )
+
+  const visibleComputedLayoutData$ = seriesVisibleComputedDataObservable({
+    computedData$: computedLayoutData$,
+  })
+
+  const datumList$ = observer.computedData$.pipe(
+    map(d => d.flat())
+  ).pipe(
+    shareReplay(1)
+  )
+
+  const seriesHighlight$ = highlightObservable({
+    datumList$,
+    fullChartParams$: observer.fullChartParams$,
+    event$: subject.event$
+  }).pipe(
+    shareReplay(1)
+  )
+
+  const seriesLabels$ = seriesLabelsObservable({
+    computedData$: observer.computedData$,
+  })
+
+
+  const SeriesDataMap$ = seriesDataMapObservable({
+    datumList$
+  }).pipe(
+    shareReplay(1)
+  )
+
+  const seriesContainerPosition$ = seriesContainerPositionObservable({
+    computedData$: observer.computedData$,
+    fullDataFormatter$: observer.fullDataFormatter$,
+    layout$: observer.layout$,
+  }).pipe(
+    shareReplay(1)
+  )
+
+  const SeriesContainerPositionMap$ = seriesContainerPositionMapObservable({
+    seriesContainerPosition$: seriesContainerPosition$,
+    seriesLabels$: seriesLabels$,
+    separateSeries$: separateSeries$,
+  }).pipe(
+    shareReplay(1)
+  )
+
+  return {
+    fullParams$: observer.fullParams$,
+    fullChartParams$: observer.fullChartParams$,
+    fullDataFormatter$: observer.fullDataFormatter$,
+    computedData$: observer.computedData$,
+    layout$: observer.layout$,
+    textSizePx$,
+    visibleComputedData$,
+    visibleComputedLayoutData$,
+    separateSeries$,
+    computedLayoutData$,
+    seriesHighlight$,
+    seriesLabels$,
+    SeriesDataMap$,
+    seriesContainerPosition$,
+    SeriesContainerPositionMap$,
+  }
+}

package/src/series/dataFormatterValidator.ts

@@ -1,42 +1,42 @@
-import type { DataFormatterValidator, DataFormatterTypeMap } from '../../lib/core-types'
-import { validateColumns } from '../utils/validator'
-
-export const dataFormatterValidator: DataFormatterValidator<'series'> = (dataFormatter: DataFormatterTypeMap<'series'>) => {
-  const result = validateColumns(dataFormatter, {
-    visibleFilter: {
-      toBeTypes: ['Function']
-    },
-    sort: {
-      toBeTypes: ['Function', 'null']
-    },
-    seriesLabels: {
-      toBeTypes: ['string[]']
-    },
-    container: {
-      toBeTypes: ['object']
-    },
-    separateSeries: {
-      toBeTypes: ['boolean']
-    },
-    sumSeries: {
-      toBeTypes: ['boolean']
-    }
-  })
-  if (dataFormatter.container) {
-    const containerResult = validateColumns(dataFormatter.container, {
-      gap: {
-        toBeTypes: ['number']
-      },
-      rowAmount: {
-        toBeTypes: ['number']
-      },
-      columnAmount: {
-        toBeTypes: ['number']
-      }
-    })
-    if (containerResult.status === 'error') {
-      return containerResult
-    }
-  }
-  return result
+import type { DataFormatterValidator, DataFormatterTypeMap } from '../../lib/core-types'
+import { validateColumns } from '../utils/validator'
+
+export const dataFormatterValidator: DataFormatterValidator<'series'> = (dataFormatter: DataFormatterTypeMap<'series'>) => {
+  const result = validateColumns(dataFormatter, {
+    visibleFilter: {
+      toBeTypes: ['Function']
+    },
+    sort: {
+      toBeTypes: ['Function', 'null']
+    },
+    seriesLabels: {
+      toBeTypes: ['string[]']
+    },
+    container: {
+      toBeTypes: ['object']
+    },
+    separateSeries: {
+      toBeTypes: ['boolean']
+    },
+    sumSeries: {
+      toBeTypes: ['boolean']
+    }
+  })
+  if (dataFormatter.container) {
+    const containerResult = validateColumns(dataFormatter.container, {
+      gap: {
+        toBeTypes: ['number']
+      },
+      rowAmount: {
+        toBeTypes: ['number']
+      },
+      columnAmount: {
+        toBeTypes: ['number']
+      }
+    })
+    if (containerResult.status === 'error') {
+      return containerResult
+    }
+  }
+  return result
 }

package/src/series/dataValidator.ts

@@ -1,13 +1,13 @@
-import type { DataValidator, DataTypeMap } from '../../lib/core-types'
-import { validateColumns } from '../utils/validator'
-
-export const dataValidator: DataValidator<'series'> = (data: DataTypeMap<'series'>) => {
-  const result = validateColumns({ data }, {
-    data: {
-      toBe: '(DataSeriesDatum | DataSeriesValue)[][] | (DataSeriesDatum | DataSeriesValue)[]',
-      // 畢免資料量過大檢查不完，不深度檢查
-      test: (value) => Array.isArray(value)
-    }
-  })
-  return result
+import type { DataValidator, DataTypeMap } from '../../lib/core-types'
+import { validateColumns } from '../utils/validator'
+
+export const dataValidator: DataValidator<'series'> = (data: DataTypeMap<'series'>) => {
+  const result = validateColumns({ data }, {
+    data: {
+      toBe: '(DataSeriesDatum | DataSeriesValue)[][] | (DataSeriesDatum | DataSeriesValue)[]',
+      // 畢免資料量過大檢查不完，不深度檢查
+      test: (value) => Array.isArray(value)
+    }
+  })
+  return result
 }