@orbcharts/core 3.0.6 → 4.0.0-alpha.0

package/src/multiGrid/computedDataFn.ts

@@ -1,123 +0,0 @@
-import type { ComputedDataFn, ComputedDatumGrid, DataFormatterGridGrid, ComputedDataMultiGrid } from '../../lib/core-types'
-import { DEFAULT_DATA_FORMATTER_MULTI_GRID_GRID } from '../defaults'
-import {
-  createDefaultDatumId,
-  seriesColorPredicate,
-  createGridSeriesLabels,
-  createMultiGridSeriesLabels,
-  createMultiGridGroupLabels
-} from '../utils/orbchartsUtils'
-import { createTransposedDataGrid } from '../grid/computedDataFn'
-
-export const computedDataFn: ComputedDataFn<'multiGrid'> = (context) => {
-  const { data = [], dataFormatter, chartParams } = context
-  if (!data.length) {
-    return []
-  }
-
-  let multiGridData: ComputedDataMultiGrid = []
-
-  try {
-    const defaultGrid = dataFormatter.gridList[0] || DEFAULT_DATA_FORMATTER_MULTI_GRID_GRID
-
-    // 計算每個grid的dataFormatter
-    const gridDataFormatterList: DataFormatterGridGrid[] = data.map((gridData, gridIndex) => {
-      return dataFormatter.gridList[gridIndex] || defaultGrid
-    })
-
-    const transposedDataGridList = data.map((gridData, gridIndex) => {
-      // 依seriesDirection轉置資料矩陣
-      return createTransposedDataGrid(gridData, gridDataFormatterList[gridIndex])
-    })
-
-    // const isOverlappingMultiGrid = (() => {
-    //   const SlotIndexSet = new Set(gridDataFormatterList.map(d => d.slotIndex))
-    //   // 判斷是否有重疊的grid
-    //   return SlotIndexSet.size !== gridDataFormatterList.length
-    // })()
-
-    const multiGridSeriesLabels = dataFormatter.separateGrid
-      // grid分開的時候，預設每組的seriesLabels相同
-      ? transposedDataGridList
-          .map((gridData, gridIndex) => {
-            return createGridSeriesLabels({
-              transposedDataGrid: gridData,
-              dataFormatterGrid: gridDataFormatterList[gridIndex],
-              chartType: 'multiGrid',
-            })
-          })
-      // grid不分開的時候，預設每個grid相同seriesIndex的seriesLabel相同
-      : transposedDataGridList
-          .map((gridData, gridIndex) => {
-            return createMultiGridSeriesLabels({
-              transposedDataGrid: gridData,
-              dataFormatterGrid: gridDataFormatterList[gridIndex],
-              chartType: 'multiGrid',
-              gridIndex
-            })
-          })
-
-    const SeriesLabelColorMap: Map<string, string> = new Map()
-    let accIndex = 0
-    multiGridSeriesLabels.flat().forEach((label, i) => {
-      if (!SeriesLabelColorMap.has(label)) {
-        const color = seriesColorPredicate(accIndex, chartParams)
-        SeriesLabelColorMap.set(label, color)
-        accIndex ++
-      }
-    })
-
-    // 計算每個grid的資料
-    multiGridData = transposedDataGridList.map((gridData, gridIndex) => {
-      const gridSeriesLabels = multiGridSeriesLabels[gridIndex]
-      const groupLabels = createMultiGridGroupLabels({
-        transposedDataGrid: gridData,
-        dataFormatterGrid: gridDataFormatterList[gridIndex],
-        chartType: 'multiGrid',
-        gridIndex
-      })
-
-      let _index = 0
-      let computedDataGrid: ComputedDatumGrid[][] = gridData.map((seriesData, seriesIndex) => {
-        return seriesData.map((groupDatum, groupIndex) => {
-          
-          const defaultId = createDefaultDatumId('multiGrid', gridIndex, seriesIndex, groupIndex)
-          const groupLabel = groupLabels[groupIndex]
-          const seriesLabel = gridSeriesLabels[seriesIndex]
-    
-          const computedDatum: ComputedDatumGrid = {
-            id: groupDatum.id ? groupDatum.id : defaultId,
-            index: _index,
-            label: groupDatum.label ? groupDatum.label : defaultId,
-            description: groupDatum.description ?? '',
-            data: groupDatum.data,
-            value: groupDatum.value,
-            gridIndex,
-            // accSeriesIndex: seriesIndex, // 預設為seriesIndex
-            seriesIndex,
-            seriesLabel,
-            groupIndex,
-            groupLabel,
-            color: SeriesLabelColorMap.get(seriesLabel),
-            visible: true // 先給一個預設值
-          }
-
-          computedDatum.visible = dataFormatter.visibleFilter(computedDatum, context)
-    
-          _index ++
-    
-          return computedDatum
-        })
-      })
-    
-      return computedDataGrid
-    })
-
-
-  } catch (e) {
-    // console.error(e)
-    throw Error(e)
-  }
-
-  return multiGridData
-}

package/src/multiGrid/contextObserverCallback.ts

@@ -1,109 +0,0 @@
-import {
-  map,
-  switchMap,
-  merge,
-  forkJoin,
-  shareReplay,
-  Observable } from 'rxjs'
-import type { ContextObserverCallback, DataGridDatum } from '../../lib/core-types'
-import { multiGridEachDetailObservable, multiGridContainerObservable } from './multiGridObservables'
-import { textSizePxObservable, containerSizeObservable, highlightObservable } from '../utils/observables'
-// import { createMultiGridSeriesLabels } from '../utils/orbchartsUtils'
-import { filteredMinMaxValueObservable } from '../grid/gridObservables'
-
-export const contextObserverCallback: ContextObserverCallback<'multiGrid'> = ({ subject, observer }) => {
-
-  const textSizePx$ = textSizePxObservable(observer.fullChartParams$).pipe(
-    shareReplay(1)
-  )
-
-  const multiGridContainerPosition$ = multiGridContainerObservable({
-    computedData$: observer.computedData$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    layout$: observer.layout$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const containerSize$ = containerSizeObservable({
-    layout$: observer.layout$,
-    containerPosition$: multiGridContainerPosition$.pipe(
-      map(d => d.flat())
-    ),
-    container$: observer.fullDataFormatter$.pipe(
-      map(d => d.container)
-    )
-  }).pipe(
-    shareReplay(1)
-  )
-
-  // highlight全部grid
-  const multiGridHighlight$ = highlightObservable({
-    datumList$: observer.computedData$.pipe(
-      map(d => d.flat().flat()),
-      shareReplay(1)
-    ),
-    fullChartParams$: observer.fullChartParams$,
-    event$: subject.event$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const multiGridEachDetail$ = multiGridEachDetailObservable({
-    fullDataFormatter$: observer.fullDataFormatter$,
-    computedData$: observer.computedData$,
-    layout$: observer.layout$,
-    fullChartParams$: observer.fullChartParams$,
-    event$: subject.event$,
-    containerSize$
-  }).pipe(
-    shareReplay(1)
-  )
-  // multiGridContainerPosition$.subscribe(d => {
-  //   console.log('multiGridContainerPosition$', d)
-  // })
-
-  const filteredMinMaxValue$: Observable<[number, number]> = multiGridEachDetail$.pipe(
-    switchMap(details => {
-      return forkJoin(details.map((detail, index) => {
-        return detail.filteredMinMaxValue$
-      }))
-    }),
-    map(filteredMinMaxValue => {
-      return [
-        Math.min(...filteredMinMaxValue.map(d => d[0])),
-        Math.max(...filteredMinMaxValue.map(d => d[1]))
-      ]
-    })
-  )
-
-  const filteredStackedMinMaxValue$: Observable<[number, number]> = multiGridEachDetail$.pipe(
-    switchMap(details => {
-      return forkJoin(details.map((detail, index) => {
-        return detail.filteredStackedMinMaxValue$
-      }))
-    }),
-    map(filteredMinMaxValue => {
-      return [
-        Math.min(...filteredMinMaxValue.map(d => d[0])),
-        Math.max(...filteredMinMaxValue.map(d => d[1]))
-      ]
-    })
-  )
-
-  return {
-    fullParams$: observer.fullParams$,
-    fullChartParams$: observer.fullChartParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    computedData$: observer.computedData$,
-    layout$: observer.layout$,
-    textSizePx$,
-    containerSize$,
-    multiGridHighlight$,
-    multiGridContainerPosition$,
-    filteredMinMaxValue$,
-    filteredStackedMinMaxValue$,
-    multiGridEachDetail$,
-    // multiGridContainer$
-  }
-}

package/src/multiGrid/dataFormatterValidator.ts

@@ -1,121 +0,0 @@
-import type { DataFormatterValidator, DataFormatterTypeMap, ValidatorResult } from '../../lib/core-types'
-import { validateColumns } from '../utils/validator'
-
-export const dataFormatterValidator: DataFormatterValidator<'multiGrid'> = (dataFormatter: DataFormatterTypeMap<'multiGrid'>) => {
-  const result = validateColumns(dataFormatter, {
-    visibleFilter: {
-      toBeTypes: ['Function']
-    },
-    gridList: {
-      toBeTypes: ['object[]']
-    },
-    container: {
-      toBeTypes: ['object']
-    },
-    separateGrid: {
-      toBeTypes: ['boolean']
-    }
-  })
-  if (dataFormatter.gridList) {
-    const gridListResultArr = dataFormatter.gridList.map((grid, index) => {
-      const gridResult = validateColumns(grid, {
-        seriesDirection: {
-          toBe: '"row" | "column"',
-          test: (value) => value === 'row' || value === 'column'
-        },
-        rowLabels: {
-          toBeTypes: ['string[]']
-        },
-        columnLabels: {
-          toBeTypes: ['string[]']
-        },
-        valueAxis: {
-          toBeTypes: ['object']
-        },
-        groupAxis: {
-          toBeTypes: ['object']
-        },
-        separateSeries: {
-          toBeTypes: ['boolean']
-        }
-      })
-      if (gridResult.status === 'error') {
-        return gridResult
-      } else {
-        if (grid.valueAxis) {
-          const valueAxisResult = validateColumns(grid.valueAxis, {
-            position: {
-              toBe: '"top" | "bottom" | "left" | "right"',
-              test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
-            },
-            scaleDomain: {
-              toBe: '[number | "min" | "auto", number | "max" | "auto"]',
-              test: (value) => Array.isArray(value) && value.length === 2 && (typeof value[0] === 'number' || value[0] === 'min' || value[0] === 'auto') && (typeof value[1] === 'number' || value[1] === 'max' || value[1] === 'auto')
-            },
-            scaleRange: {
-              toBe: '[number, number]',
-              test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && typeof value[1] === 'number'
-            },
-            label: {
-              toBeTypes: ['string']
-            }
-          })
-          if (valueAxisResult.status === 'error') {
-            return valueAxisResult
-          }
-        } else if (grid.groupAxis) {
-          const groupAxisResult = validateColumns(grid.groupAxis, {
-            position: {
-              toBe: '"top" | "bottom" | "left" | "right"',
-              test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
-            },
-            scaleDomain: {
-              toBe: '[number, number | "max"]',
-              test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && (typeof value[1] === 'number' || value[1] === 'max')
-            },
-            scalePadding: {
-              toBeTypes: ['number']
-            },
-            label: {
-              toBeTypes: ['string']
-            }
-          })
-          if (groupAxisResult.status === 'error') {
-            return groupAxisResult
-          }
-        }
-        return <ValidatorResult>{
-          status: 'success',
-          columnName: '',
-          expectToBe: ''
-        }
-      }
-    })
-    const gridListResult = gridListResultArr.find((gridResult) => gridResult.status === 'error')
-    if (gridListResult) {
-      return gridListResult
-    }
-  }
-  if (dataFormatter.container) {
-    const containerResult = validateColumns(dataFormatter.container, {
-      columnAmount: {
-        toBeTypes: ['number']
-      },
-      rowAmount: {
-        toBeTypes: ['number']
-      },
-      columnGap: {
-        toBe: '"auto" | number',
-        test: (value: any) => value === 'auto' || typeof value === 'number'
-      },
-      rowGap: {
-        toBe: '"auto" | number',
-        test: (value: any) => value === 'auto' || typeof value === 'number'
-      },
-    })
-    if (containerResult.status === 'error') {
-      return containerResult
-    }
-  }
-  return result
-}

package/src/multiGrid/dataValidator.ts

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