@orbcharts/core 3.0.6 → 4.0.0-alpha.0

package/src/multiValue/contextObserverCallback.ts

@@ -1,328 +0,0 @@
-import { map, shareReplay, distinctUntilChanged } from 'rxjs'
-import type { Observable } from 'rxjs'
-import type { ContextObserverCallback, ContextObserverTypeMap } from '../../lib/core-types'
-import {
-  highlightObservable,
-  categoryDataMapObservable,
-  textSizePxObservable,
-  containerSizeObservable
-} from '../utils/observables'
-import {
-  computedXYDataObservable,
-  // multiValueAxesTransformObservable,
-  // multiValueAxesReverseTransformObservable,
-  graphicTransformObservable,
-  graphicReverseScaleObservable,
-  categoryLabelsObservable,
-  visibleComputedDataObservable,
-  visibleComputedSumDataObservable,
-  visibleComputedRankingByIndexDataObservable,
-  visibleComputedRankingBySumDataObservable,
-  visibleComputedXYDataObservable,
-  containerPositionObservable,
-  // containerSizeObservable,
-  xyMinMaxObservable,
-  valueLabelsObservable,
-  filteredXYMinMaxDataObservable,
-  // visibleComputedRankingDataObservable,
-  // rankingAmountLimitObservable,
-  // rankingScaleObservable
-  xScaleObservable,
-  // xSumScaleObservable,
-  yScaleObservable,
-  ordinalScaleDomainObservable,
-  ordinalPaddingObservable,
-  ordinalScaleObservable,
-  // valueLabelsObservable
-} from './multiValueObservables'
-
-export const contextObserverCallback: ContextObserverCallback<'multiValue'> = ({ subject, observer }) => {
-
-  const textSizePx$ = textSizePxObservable(observer.fullChartParams$).pipe(
-    shareReplay(1)
-  )
-
-  const isCategorySeprate$ = observer.fullDataFormatter$.pipe(
-    map(d => d.separateCategory),
-    distinctUntilChanged(),
-    shareReplay(1)
-  )
-  
-  const containerPosition$ = containerPositionObservable({
-    computedData$: observer.computedData$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    layout$: observer.layout$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const containerSize$ = containerSizeObservable({
-    layout$: observer.layout$,
-    containerPosition$,
-    container$: observer.fullDataFormatter$.pipe( 
-      map(d => d.container)
-    )
-  }).pipe(
-    shareReplay(1)
-  )
-
-  // const multiValueAxesSize$ = multiValueAxesSizeObservable({
-  //   fullDataFormatter$: observer.fullDataFormatter$,
-  //   layout$: observer.layout$
-  // }).pipe(
-  //   shareReplay(1)
-  // )
-
-  // [xValueIndex, yValueIndex]
-  const xyValueIndex$: Observable<[number, number]> = observer.fullDataFormatter$.pipe(
-    map(d => [d.xAxis.valueIndex, d.yAxis.valueIndex] as [number, number]),
-    distinctUntilChanged((a, b) => a[0] === b[0] && a[1] === b[1]),
-    shareReplay(1)
-  )
-
-  const datumList$ = observer.computedData$.pipe(
-    map(d => d.flat().flat())
-  ).pipe(
-    shareReplay(1)
-  )
-
-  const highlight$ = highlightObservable({
-    datumList$,
-    fullChartParams$: observer.fullChartParams$,
-    event$: subject.event$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const categoryLabels$ = categoryLabelsObservable({
-    computedData$: observer.computedData$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const CategoryDataMap$ = categoryDataMapObservable({
-    datumList$: datumList$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const valueLabels$ = valueLabelsObservable({
-    fullDataFormatter$: observer.fullDataFormatter$,
-    computedData$: observer.computedData$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const xyMinMax$ = xyMinMaxObservable({
-    computedData$: observer.computedData$,
-    xyValueIndex$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const visibleComputedData$ = visibleComputedDataObservable({
-    computedData$: observer.computedData$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const ordinalScaleDomain$ = ordinalScaleDomainObservable({
-    fullDataFormatter$: observer.fullDataFormatter$,
-    visibleComputedData$: visibleComputedData$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const visibleComputedSumData$ = visibleComputedSumDataObservable({
-    visibleComputedData$,
-    ordinalScaleDomain$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  // const valueIndex$ = observer.fullDataFormatter$.pipe(
-  //   map(d => d.yAxis.valueIndex),
-  //   distinctUntilChanged()
-  // )
-
-  const visibleComputedRankingByIndexData$ = visibleComputedRankingByIndexDataObservable({
-    xyValueIndex$, // * 依據 valueIndex 來取得 visibleComputedData
-    isCategorySeprate$,
-    visibleComputedData$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const visibleComputedRankingBySumData$ = visibleComputedRankingBySumDataObservable({
-    isCategorySeprate$,
-    visibleComputedSumData$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const computedXYData$ = computedXYDataObservable({
-    computedData$: observer.computedData$,
-    xyMinMax$,
-    xyValueIndex$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    layout$: observer.layout$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const visibleComputedXYData$ = visibleComputedXYDataObservable({
-    computedXYData$: computedXYData$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const filteredXYMinMaxData$ = filteredXYMinMaxDataObservable({
-    visibleComputedXYData$: visibleComputedXYData$,
-    xyMinMax$,
-    xyValueIndex$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  // const visibleComputedRankingData$ = visibleComputedRankingDataObservable({
-  //   visibleComputedData$
-  // }).pipe(
-  //   shareReplay(1)
-  // )
-
-  // const rankingAmountLimit$ = rankingAmountLimitObservable({
-  //   layout$: observer.layout$,
-  //   textSizePx$
-  // }).pipe(
-  //   shareReplay(1)
-  // )
-
-  // const rankingScale$ = rankingScaleObservable({
-  //   layout$: observer.layout$,
-  //   visibleComputedRankingData$,
-  //   rankingAmountLimit$
-  // }).pipe(
-  //   shareReplay(1)
-  // )
-
-  // const multiValueAxesTransform$ = multiValueAxesTransformObservable({
-  //   fullDataFormatter$: observer.fullDataFormatter$,
-  //   layout$: observer.layout$
-  // }).pipe(
-  //   shareReplay(1)
-  // )
-
-  // const multiValueAxesReverseTransform$ = multiValueAxesReverseTransformObservable({
-  //   multiValueAxesTransform$
-  // }).pipe(
-  //   shareReplay(1)
-  // )
-  
-  const graphicTransform$ = graphicTransformObservable({
-    xyMinMax$,
-    xyValueIndex$,
-    filteredXYMinMaxData$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    layout$: observer.layout$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const graphicReverseScale$ = graphicReverseScaleObservable({
-    containerPosition$: containerPosition$,
-    // multiValueAxesTransform$: multiValueAxesTransform$,
-    graphicTransform$: graphicTransform$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const xScale$ = xScaleObservable({
-    visibleComputedSumData$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    filteredXYMinMaxData$,
-    containerSize$: containerSize$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  // const xSumScale$ = xSumScaleObservable({
-  //   fullDataFormatter$: observer.fullDataFormatter$,
-  //   filteredXYMinMaxData$,
-  //   containerSize$: containerSize$,
-  // }).pipe(
-  //   shareReplay(1)
-  // )
-
-  const yScale$ = yScaleObservable({
-    fullDataFormatter$: observer.fullDataFormatter$,
-    filteredXYMinMaxData$,
-    containerSize$: containerSize$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const ordinalPadding$ = ordinalPaddingObservable({
-    ordinalScaleDomain$,
-    computedData$: observer.computedData$,
-    containerSize$: containerSize$,
-  }).pipe(
-    shareReplay(1)
-  )
-
-  const ordinalScale$ = ordinalScaleObservable({
-    ordinalScaleDomain$,
-    computedData$: observer.computedData$,
-    containerSize$: containerSize$,
-    ordinalPadding$
-  }).pipe(
-    shareReplay(1)
-  )
-
-  // const valueLabels$ = valueLabelsObservable({
-  //   fullDataFormatter$: observer.fullDataFormatter$,
-  //   computedData$: observer.computedData$,
-  // }).pipe(
-  //   shareReplay(1)
-  // )
-
-  return <ContextObserverTypeMap<'multiValue', any>>{
-    fullParams$: observer.fullParams$,
-    fullChartParams$: observer.fullChartParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    computedData$: observer.computedData$,
-    layout$: observer.layout$,
-    textSizePx$,
-    isCategorySeprate$,
-    containerPosition$,
-    containerSize$,
-    // multiValueAxesSize$,
-    highlight$,
-    categoryLabels$,
-    CategoryDataMap$,
-    valueLabels$,
-    xyMinMax$,
-    xyValueIndex$,
-    // computedXYData$,
-    visibleComputedData$,
-    visibleComputedSumData$,
-    visibleComputedRankingByIndexData$,
-    visibleComputedRankingBySumData$,
-    visibleComputedXYData$,
-    filteredXYMinMaxData$,
-    // visibleComputedRankingData$,
-    // rankingScale$,
-    // multiValueAxesTransform$,
-    // multiValueAxesReverseTransform$,
-    graphicTransform$,
-    graphicReverseScale$,
-    xScale$,
-    // xSumScale$,
-    yScale$,
-    ordinalScaleDomain$,
-    ordinalPadding$,
-    ordinalScale$,
-    // valueLabels$
-  }
-}

package/src/multiValue/dataFormatterValidator.ts

@@ -1,95 +0,0 @@
-import type { DataFormatterValidator, DataFormatterTypeMap } from '../../lib/core-types'
-import { validateColumns } from '../utils/validator'
-
-export const dataFormatterValidator: DataFormatterValidator<'multiValue'> = (dataFormatter: DataFormatterTypeMap<'multiValue'>) => {
-  const result = validateColumns(dataFormatter, {
-    visibleFilter: {
-      toBeTypes: ['Function']
-    },
-    container: {
-      toBeTypes: ['object']
-    },
-    categoryLabels: {
-      toBeTypes: ['string[]']
-    },
-    valueLabels: {
-      toBeTypes: ['string[]']
-    },
-    xAxis: {
-      toBeTypes: ['object']
-    },
-    yAxis: {
-      toBeTypes: ['object']
-    },
-    separateCategory: {
-      toBeTypes: ['boolean']
-    }
-  })
-  if (result.status === 'error') {
-    return result
-  }
-  if (dataFormatter.yAxis) {
-    const valueAxisResult = validateColumns(dataFormatter.yAxis, {
-      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']
-      },
-      valueIndex: {
-        toBeTypes: ['number']
-      }
-    })
-    if (valueAxisResult.status === 'error') {
-      return valueAxisResult
-    }
-  }
-  if (dataFormatter.xAxis) {
-    const groupAxisResult = validateColumns(dataFormatter.xAxis, {
-      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']
-      },
-      valueIndex: {
-        toBeTypes: ['number']
-      }
-    })
-    if (groupAxisResult.status === 'error') {
-      return groupAxisResult
-    }
-  }
-  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/multiValue/dataValidator.ts

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