@orbcharts/core 3.0.6 → 4.0.0-alpha.0

package/src/relationship/computedDataFn.ts

@@ -1,159 +0,0 @@
-import type {
-  DataRelationshipObj,
-  DataRelationshipList,
-  Node,
-  Edge,
-  ComputedDataFn,
-  ComputedDataRelationship,
-  ComputedNode,
-  ComputedEdge
-} from '../../lib/core-types'
-import { createDefaultCategoryLabel, seriesColorPredicate } from '../utils/orbchartsUtils'
-
-export const computedDataFn: ComputedDataFn<'relationship'> = (context) => {
-  const { data, dataFormatter, chartParams } = context
-
-  const defaultCategoryLabel = createDefaultCategoryLabel()
-
-  let computedNodes: ComputedNode[] = []
-  let computedEdges: ComputedEdge[] = []
-
-  try {
-    // -- 取得nodes和edges資料 --
-    let nodes: Node[] = []
-    let edges: Edge[] = []
-    if ((data as DataRelationshipObj).nodes) {
-      nodes = (data as DataRelationshipObj).nodes
-      edges = (data as DataRelationshipObj).edges
-    } else if ((data as DataRelationshipList)[0]) {
-      nodes = (data as DataRelationshipList)[0]
-      edges = (data as DataRelationshipList)[1]
-    } else {
-      // 無值直接回傳
-      return {
-        nodes: [],
-        edges: []
-      } as ComputedDataRelationship
-    }
-
-    const categoryLabels = (() => {
-      // 先使用 dataFormatter.categoryLabels
-      const CategoryLabelsSet = new Set(dataFormatter.categoryLabels)
-      // 再加入 datum 中的 categoryLabel
-      for (let datum of nodes) {
-        const categoryLabel = datum.categoryLabel ?? defaultCategoryLabel
-        CategoryLabelsSet.add(categoryLabel) // 不重覆
-      }
-      for (let datum of edges) {
-        const categoryLabel = datum.categoryLabel ?? defaultCategoryLabel
-        CategoryLabelsSet.add(categoryLabel) // 不重覆
-      }
-      return Array.from(CategoryLabelsSet)
-    })()
-    
-    // <categoryLabel, categoryIndex>
-    const CategoryIndexMap = new Map<string, number>(
-      categoryLabels.map((label, index) => [label, index])
-    )
-
-    // -- nodes --
-    computedNodes = nodes.map((node, i) => {
-      const categoryLabel = node.categoryLabel ?? defaultCategoryLabel
-      const categoryIndex = CategoryIndexMap.get(categoryLabel) ?? 0
-      
-      const computedNode: ComputedNode = {
-        id: node.id,
-        index: i,
-        label: node.label ?? '',
-        description: node.description ?? '',
-        data: node.data ?? {},
-        value: node.value ?? 0,
-        categoryIndex,
-        categoryLabel,
-        color: seriesColorPredicate(categoryIndex, chartParams),
-        // startNodes: [], // 後面再取得資料
-        // startNodeIds: [], // 後面再取得資料
-        // endNodes: [], // 後面再取得資料
-        // endNodeIds: [], // 後面再取得資料
-        visible: true // 先給預設值
-      }
-      
-      computedNode.visible = dataFormatter.visibleFilter(computedNode, context)
-
-      return computedNode
-    })
-
-    const NodesMap: Map<string, ComputedNode> = new Map(computedNodes.map(d => [d.id, d]))
-
-    // const StartNodesMap: Map<string, ComputedNode[]> = (function () {
-    //   const _StartNodesMap = new Map()
-    //   computedEdges.forEach(edge => {
-    //     const startNodes: ComputedNode[] = _StartNodesMap.get(edge.endNodeId) ?? []
-    //     startNodes.push(edge.startNode)
-    //     _StartNodesMap.set(edge.endNodeId, startNodes)
-    //   })
-    //   return _StartNodesMap
-    // })()
-    
-    // const EndNodesMap: Map<string, ComputedNode[]> = (function () {
-    //   const _EndNodesMap = new Map()
-    //   computedEdges.forEach(edge => {
-    //     const endNodes: ComputedNode[] = _EndNodesMap.get(edge.startNodeId) ?? []
-    //     endNodes.push(edge.endNode)
-    //     _EndNodesMap.set(edge.startNodeId, endNodes)
-    //   })
-    //   return _EndNodesMap
-    // })()
-
-    // -- edges --
-    computedEdges = edges
-      .map((edge, i) => {
-        const startNode = NodesMap.get(edge.start)
-        const endNode = NodesMap.get(edge.end)
-        return {
-          edge,
-          startNode,
-          endNode
-        }
-      })
-      .filter(({ edge }) => {
-        const startNode = NodesMap.get(edge.start)
-        const endNode = NodesMap.get(edge.end)
-        return startNode != null && endNode != null
-      })
-      .map(({ edge, startNode, endNode }, i) => {
-        const categoryLabel = edge.categoryLabel ?? defaultCategoryLabel
-        // const startNode = NodesMap.get(edge.start)
-        // const endNode = NodesMap.get(edge.end)
-
-        const computedEdge: ComputedEdge = {
-          id: edge.id,
-          index: i,
-          label: edge.label ?? '',
-          description: edge.description ?? '',
-          data: edge.data ?? {},
-          value: edge.value ?? 0,
-          categoryIndex: CategoryIndexMap.get(categoryLabel),
-          categoryLabel,
-          color: seriesColorPredicate(i, chartParams),
-          startNode,
-          // startNodeId: edge.start,
-          endNode,
-          // endNodeId: edge.end,
-          visible: startNode.visible && endNode.visible
-        }
-
-        return computedEdge
-      })
-
-    
-  } catch (e) {
-    // console.error(e)
-    throw Error(e)
-  }
-
-  return {
-    nodes: computedNodes,
-    edges: computedEdges
-  }
-}

package/src/relationship/contextObserverCallback.ts

@@ -1,80 +0,0 @@
-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 './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,14 +0,0 @@
-import type { DataFormatterValidator, DataFormatterTypeMap } from '../../lib/core-types'
-import { validateColumns } from '../utils/validator'
-
-export const dataFormatterValidator: DataFormatterValidator<'relationship'> = (dataFormatter: DataFormatterTypeMap<'relationship'>) => {
-  const result = validateColumns(dataFormatter, {
-    visibleFilter: {
-      toBeTypes: ['Function']
-    },
-    categoryLabels: {
-      toBeTypes: ['string[]']
-    }
-  })
-  return result
-}

package/src/relationship/dataValidator.ts

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

package/src/relationship/relationshipObservables.ts

@@ -1,85 +0,0 @@
-import {
-  combineLatest,
-  distinctUntilChanged,
-  filter,
-  map,
-  merge,
-  takeUntil,
-  shareReplay,
-  switchMap,
-  Subject,
-  Observable } from 'rxjs'
-import type {
-  ChartParams,
-  ComputedDataRelationship,
-  ComputedDataTypeMap,
-  ComputedNode,
-  ComputedEdge,
-  DataFormatterTree } from '../../lib/core-types'
-
-
-export const categoryLabelsObservable = (
-  CategoryNodeMap$: Observable<Map<string, ComputedNode[]>>,
-  CategoryEdgeMap$: Observable<Map<string, ComputedEdge[]>>
-): Observable<string[]> => {
-  return combineLatest({
-    CategoryNodeMap: CategoryNodeMap$,
-    CategoryEdgeMap: CategoryEdgeMap$
-  }).pipe(
-    switchMap(async d => d),
-    map(data => {
-      return [...Array.from(data.CategoryNodeMap.keys()), ...Array.from(data.CategoryEdgeMap.keys())]
-    }),
-    distinctUntilChanged((a, b) => {
-      return JSON.stringify(a) === JSON.stringify(b)
-    }),
-  )
-}
-
-export const NodeMapObservable = (computedData$: Observable<ComputedDataRelationship>) => {
-  return computedData$.pipe(
-    map(data => {
-      const nodeMap = new Map<string, ComputedNode>()
-      data.nodes.forEach(node => {
-        nodeMap.set(node.id, node)
-      })
-      return nodeMap
-    }),
-  )
-}
-
-export const EdgeMapObservable = (computedData$: Observable<ComputedDataRelationship>) => {
-  return computedData$.pipe(
-    map(data => {
-      const edgeMap = new Map<string, ComputedEdge>()
-      data.edges.forEach(edge => {
-        edgeMap.set(edge.id, edge)
-      })
-      return edgeMap
-    }),
-  )
-}
-
-// 所有可見的節點
-export const relationshipVisibleComputedDataObservable = ({ computedData$, NodeMap$ }: {
-  computedData$: Observable<ComputedDataRelationship>
-  NodeMap$: Observable<Map<string, ComputedNode>>
-}) => {
-  return combineLatest({
-    computedData: computedData$,
-    NodeMap: NodeMap$
-  }).pipe(
-    switchMap(async d => d),
-    map(data => {
-      return {
-        nodes: data.computedData.nodes.filter(node => node.visible),
-        edges: data.computedData.edges
-          .filter(edge => edge.visible)
-          // 依照節點是否存在篩選
-          .filter(edge => {
-            return data.NodeMap.has(edge.startNode.id) && data.NodeMap.has(edge.endNode.id)
-          })
-      }
-    })
-  )
-}

package/src/series/computedDataFn.ts

@@ -1,88 +0,0 @@
-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,132 +0,0 @@
-import { map, share, shareReplay } from 'rxjs'
-import type { ContextObserverCallback } from '../../lib/core-types'
-import {
-  seriesDataMapObservable,
-  groupDataMapObservable } from '../utils/observables'
-import { highlightObservable, textSizePxObservable } from '../utils/observables'
-
-import {
-  datumLabelsObservable,
-  separateSeriesObservable,
-  separateLabelObservable,
-  sumSeriesObservable,
-  seriesVisibleComputedDataObservable,
-  seriesComputedSortedDataObservable,
-  seriesLabelsObservable,
-  seriesContainerPositionObservable,
-  datumContainerPositionMapObservable
-} from './seriesObservables'
-
-export const contextObserverCallback: ContextObserverCallback<'series'> = ({ subject, observer }) => {
-
-  const textSizePx$ = textSizePxObservable(observer.fullChartParams$).pipe(
-    shareReplay(1)
-  )
-
-  const datumLabels$ = datumLabelsObservable({
-    computedData$: observer.computedData$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const separateSeries$ = separateSeriesObservable({
-    fullDataFormatter$: observer.fullDataFormatter$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const separateLabel$ = separateLabelObservable({
-    fullDataFormatter$: observer.fullDataFormatter$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const sumSeries$ = sumSeriesObservable({
-    fullDataFormatter$: observer.fullDataFormatter$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  // const visibleComputedData$ = seriesVisibleComputedDataObservable({
-  //   computedData$: observer.computedData$,
-  // }).pipe(
-  //   shareReplay(1)
-  // )
-
-  const computedSortedData$ = seriesComputedSortedDataObservable({
-    computedData$: observer.computedData$,
-    separateSeries$: separateSeries$,
-    separateLabel$: separateLabel$,
-    sumSeries$: sumSeries$,
-    datumLabels$: datumLabels$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const visibleComputedSortedData$ = seriesVisibleComputedDataObservable({
-    computedData$: computedSortedData$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  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$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const SeriesDataMap$ = seriesDataMapObservable({
-    datumList$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const seriesContainerPosition$ = seriesContainerPositionObservable({
-    computedSortedData$: computedSortedData$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    layout$: observer.layout$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const DatumContainerPositionMap$ = datumContainerPositionMapObservable({
-    seriesContainerPosition$: seriesContainerPosition$,
-    computedSortedData$: computedSortedData$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  return {
-    fullParams$: observer.fullParams$,
-    fullChartParams$: observer.fullChartParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    computedData$: observer.computedData$,
-    layout$: observer.layout$,
-    textSizePx$,
-    // visibleComputedData$,
-    visibleComputedSortedData$,
-    separateSeries$,
-    separateLabel$,
-    sumSeries$,
-    computedSortedData$,
-    seriesHighlight$,
-    seriesLabels$,
-    SeriesDataMap$,
-    seriesContainerPosition$,
-    DatumContainerPositionMap$,
-  }
-}

package/src/series/dataFormatterValidator.ts

@@ -1,47 +0,0 @@
-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, {
-      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/series/dataValidator.ts

@@ -1,13 +0,0 @@
-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
-}