@orbcharts/plugins-basic 3.0.0-alpha.75 → 3.0.0-alpha.76

package/src/multiGrid/types.ts

@@ -1,73 +1,73 @@
-import type { BaseBarsParams } from '../base/BaseBars'
-import type { BaseBarStackParams } from '../base/BaseBarStack'
-import type { BaseBarsTriangleParams } from '../base/BaseBarsTriangle'
-import type { BaseLinesParams } from '../base/BaseLines'
-import type { BaseLineAreasParams } from '../base/BaseLineAreas'
-import type { BaseDotsParams } from '../base/BaseDots'
-import type { BaseGroupAxisParams } from '../base/BaseGroupAxis'
-import type { BaseValueAxisParams } from '../base/BaseValueAxis'
-import type {
-  ChartParams, Layout, ColorType } from '../../lib/core-types'
-
-export interface MultiGridLegendParams {
-  position: 'top' | 'bottom' | 'left' | 'right'
-  justify: 'start' | 'center' | 'end'
-  padding: number
-  backgroundFill: ColorType
-  backgroundStroke: ColorType
-  gap: number
-  listRectWidth: number
-  listRectHeight: number
-  listRectRadius: number
-  // 可針對各grid設定，覆蓋全域設定
-  gridList: Array<{
-    listRectWidth: number
-    listRectHeight: number
-    listRectRadius: number
-  }>
-  textColorType: ColorType
-}
-
-export interface MultiGroupAxisParams extends BaseGroupAxisParams {
-  gridIndexes: number[] | 'all'
-}
-
-export interface MultiValueAxisParams extends BaseValueAxisParams {
-  gridIndexes: number[] | 'all'
-}
-
-export interface MultiValueStackAxisParams extends BaseValueAxisParams {
-  gridIndexes: number[] | 'all'
-}
-
-export interface MultiBarsParams extends BaseBarsParams {
-  gridIndexes: number[] | 'all'
-}
-
-export interface MultiBarStackParams extends BaseBarStackParams {
-  gridIndexes: number[] | 'all'
-}
-
-export interface MultiBarsTriangleParams extends BaseBarsTriangleParams {
-  gridIndexes: number[] | 'all'
-}
-
-export interface MultiLinesParams extends BaseLinesParams {
-  gridIndexes: number[] | 'all'
-}
-
-export interface MultiLineAreasParams extends BaseLineAreasParams {
-  gridIndexes: number[] | 'all'
-}
-
-export interface MultiDotsParams extends BaseDotsParams {
-  gridIndexes: number[] | 'all'
-}
-
-export interface OverlappingValueAxesParams {
-  firstAxis: BaseValueAxisParams
-  secondAxis: BaseValueAxisParams
-  gridIndexes: [number, number]
-}
-
+import type { BaseBarsParams } from '../base/BaseBars'
+import type { BaseBarStackParams } from '../base/BaseBarStack'
+import type { BaseBarsTriangleParams } from '../base/BaseBarsTriangle'
+import type { BaseLinesParams } from '../base/BaseLines'
+import type { BaseLineAreasParams } from '../base/BaseLineAreas'
+import type { BaseDotsParams } from '../base/BaseDots'
+import type { BaseGroupAxisParams } from '../base/BaseGroupAxis'
+import type { BaseValueAxisParams } from '../base/BaseValueAxis'
+import type {
+  ChartParams, Layout, ColorType } from '../../lib/core-types'
+
+export interface MultiGridLegendParams {
+  position: 'top' | 'bottom' | 'left' | 'right'
+  justify: 'start' | 'center' | 'end'
+  padding: number
+  backgroundFill: ColorType
+  backgroundStroke: ColorType
+  gap: number
+  listRectWidth: number
+  listRectHeight: number
+  listRectRadius: number
+  // 可針對各grid設定，覆蓋全域設定
+  gridList: Array<{
+    listRectWidth: number
+    listRectHeight: number
+    listRectRadius: number
+  }>
+  textColorType: ColorType
+}
+
+export interface MultiGroupAxisParams extends BaseGroupAxisParams {
+  gridIndexes: number[] | 'all'
+}
+
+export interface MultiValueAxisParams extends BaseValueAxisParams {
+  gridIndexes: number[] | 'all'
+}
+
+export interface MultiValueStackAxisParams extends BaseValueAxisParams {
+  gridIndexes: number[] | 'all'
+}
+
+export interface MultiBarsParams extends BaseBarsParams {
+  gridIndexes: number[] | 'all'
+}
+
+export interface MultiBarStackParams extends BaseBarStackParams {
+  gridIndexes: number[] | 'all'
+}
+
+export interface MultiBarsTriangleParams extends BaseBarsTriangleParams {
+  gridIndexes: number[] | 'all'
+}
+
+export interface MultiLinesParams extends BaseLinesParams {
+  gridIndexes: number[] | 'all'
+}
+
+export interface MultiLineAreasParams extends BaseLineAreasParams {
+  gridIndexes: number[] | 'all'
+}
+
+export interface MultiDotsParams extends BaseDotsParams {
+  gridIndexes: number[] | 'all'
+}
+
+export interface OverlappingValueAxesParams {
+  firstAxis: BaseValueAxisParams
+  secondAxis: BaseValueAxisParams
+  gridIndexes: [number, number]
+}
+
 export interface OverlappingValueStackAxesParams extends OverlappingValueAxesParams {}

package/src/noneData/defaults.ts

@@ -1,103 +1,103 @@
-import type { ContainerPluginParams, TooltipParams } from './types'
-import type { EventTypeMap, EventBaseSeriesValue, EventBaseGridValue, EventBaseCategoryValue } from '../../lib/core-types'
-
-export const CONTAINER_PLUGIN_PARAMS: ContainerPluginParams = {
-  header: {
-    height: 36,
-    text: [],
-    textStyle: []
-  },
-  footer: {
-    height: 0,
-    text: [],
-    textStyle: []
-  }
-}
-
-export const TOOLTIP_PARAMS: TooltipParams = {
-  backgroundColorType: 'background',
-  strokeColorType: 'primary',
-  backgroundOpacity: 0.8,
-  textColorType: 'primary',
-  offset: [20, 5],
-  padding: 10,
-  textRenderFn: (eventData) => {
-    if (eventData.highlightTarget === 'datum' && eventData.datum) {
-      return [`${(eventData as EventTypeMap<'series'>).datum.label}: ${(eventData as EventTypeMap<'series'>).datum.value}`]
-    } else if (eventData.highlightTarget === 'series') {
-      const label = (eventData as EventBaseSeriesValue).seriesLabel
-      const valueArr = (eventData as EventBaseSeriesValue).series
-        .filter(d => d.visible == true)
-        .map(d => {
-          return d.value
-        })
-      const value = valueArr.length > 5
-        ? valueArr.slice(0, 5).join(',') + '...'
-        : valueArr.join(',')
-      return [label, value]
-    } else if (eventData.highlightTarget === 'group') {
-      const label = (eventData as EventBaseGridValue<'grid'>).groupLabel
-      const valueArr = (eventData as EventBaseGridValue<'grid'>).series
-        .filter(d => d.visible == true)
-        .map(d => {
-          return d.value
-        })
-      const value = valueArr.length > 5
-        ? valueArr.slice(0, 5).join(',') + '...'
-        : valueArr.join(',')
-      return [label, value]
-    } else if (eventData.highlightTarget === 'category') {
-      const label = (eventData as EventBaseCategoryValue<any>).categoryLabel
-      const valueArr = (eventData as EventBaseCategoryValue<'multiValue'>).category
-        .filter(d => d.visible == true)
-        .map(d => {
-          return d.value
-        })
-      const value = valueArr.length > 5
-        ? valueArr.slice(0, 5).join(',') + '...'
-        : valueArr.join(',')
-      return [label, value]
-    }
-    return []
-  },
-  svgRenderFn: null
-}
-TOOLTIP_PARAMS.textRenderFn.toString = () => `(eventData) => {
-  if (eventData.highlightTarget === 'datum' && eventData.datum) {
-    return [\`\${eventData.datum.label}: \${eventData.datum.value}\`]
-  } else if (eventData.highlightTarget === 'series') {
-    const label = (eventData as EventBaseSeriesValue<any, any>).seriesLabel
-    const valueArr = (eventData as EventBaseSeriesValue<any, any>).series
-      .filter(d => d.visible == true)
-      .map(d => {
-        return d.value
-      })
-    const value = valueArr.length > 5
-      ? valueArr.slice(0, 5).join(',') + '...'
-      : valueArr.join(',')
-    return [label, value]
-  } else if (eventData.highlightTarget === 'group') {
-    const label = (eventData as EventBaseGridValue<any, any>).groupLabel
-    const valueArr = (eventData as EventBaseGridValue<any, any>).series
-      .filter(d => d.visible == true)
-      .map(d => {
-        return d.value
-      })
-    const value = valueArr.length > 5
-      ? valueArr.slice(0, 5).join(',') + '...'
-      : valueArr.join(',')
-    return [label, value]
-  } else if (eventData.highlightTarget === 'category') {
-    const label = (eventData as EventBaseCategoryValue<any, any>).categoryLabel
-    const valueArr = (eventData as EventBaseCategoryValue<any, any>).category
-      .filter(d => d.visible == true)
-      .map(d => {
-        return d.value
-      })
-    const value = valueArr.length > 5
-      ? valueArr.slice(0, 5).join(',') + '...'
-      : valueArr.join(',')
-    return [label, value]
-  }
-  return []
+import type { ContainerPluginParams, TooltipParams } from './types'
+import type { EventTypeMap, EventBaseSeriesValue, EventBaseGridValue, EventBaseCategoryValue } from '../../lib/core-types'
+
+export const CONTAINER_PLUGIN_PARAMS: ContainerPluginParams = {
+  header: {
+    height: 36,
+    text: [],
+    textStyle: []
+  },
+  footer: {
+    height: 0,
+    text: [],
+    textStyle: []
+  }
+}
+
+export const TOOLTIP_PARAMS: TooltipParams = {
+  backgroundColorType: 'background',
+  strokeColorType: 'primary',
+  backgroundOpacity: 0.8,
+  textColorType: 'primary',
+  offset: [20, 5],
+  padding: 10,
+  textRenderFn: (eventData) => {
+    if (eventData.highlightTarget === 'datum' && eventData.datum) {
+      return [`${(eventData as EventTypeMap<'series'>).datum.label}: ${(eventData as EventTypeMap<'series'>).datum.value}`]
+    } else if (eventData.highlightTarget === 'series') {
+      const label = (eventData as EventBaseSeriesValue).seriesLabel
+      const valueArr = (eventData as EventBaseSeriesValue).series
+        .filter(d => d.visible == true)
+        .map(d => {
+          return d.value
+        })
+      const value = valueArr.length > 5
+        ? valueArr.slice(0, 5).join(',') + '...'
+        : valueArr.join(',')
+      return [label, value]
+    } else if (eventData.highlightTarget === 'group') {
+      const label = (eventData as EventBaseGridValue<'grid'>).groupLabel
+      const valueArr = (eventData as EventBaseGridValue<'grid'>).series
+        .filter(d => d.visible == true)
+        .map(d => {
+          return d.value
+        })
+      const value = valueArr.length > 5
+        ? valueArr.slice(0, 5).join(',') + '...'
+        : valueArr.join(',')
+      return [label, value]
+    } else if (eventData.highlightTarget === 'category') {
+      const label = (eventData as EventBaseCategoryValue<any>).categoryLabel
+      const valueArr = (eventData as EventBaseCategoryValue<'multiValue'>).category
+        .filter(d => d.visible == true)
+        .map(d => {
+          return d.value
+        })
+      const value = valueArr.length > 5
+        ? valueArr.slice(0, 5).join(',') + '...'
+        : valueArr.join(',')
+      return [label, value]
+    }
+    return []
+  },
+  svgRenderFn: null
+}
+TOOLTIP_PARAMS.textRenderFn.toString = () => `(eventData) => {
+  if (eventData.highlightTarget === 'datum' && eventData.datum) {
+    return [\`\${eventData.datum.label}: \${eventData.datum.value}\`]
+  } else if (eventData.highlightTarget === 'series') {
+    const label = (eventData as EventBaseSeriesValue<any, any>).seriesLabel
+    const valueArr = (eventData as EventBaseSeriesValue<any, any>).series
+      .filter(d => d.visible == true)
+      .map(d => {
+        return d.value
+      })
+    const value = valueArr.length > 5
+      ? valueArr.slice(0, 5).join(',') + '...'
+      : valueArr.join(',')
+    return [label, value]
+  } else if (eventData.highlightTarget === 'group') {
+    const label = (eventData as EventBaseGridValue<any, any>).groupLabel
+    const valueArr = (eventData as EventBaseGridValue<any, any>).series
+      .filter(d => d.visible == true)
+      .map(d => {
+        return d.value
+      })
+    const value = valueArr.length > 5
+      ? valueArr.slice(0, 5).join(',') + '...'
+      : valueArr.join(',')
+    return [label, value]
+  } else if (eventData.highlightTarget === 'category') {
+    const label = (eventData as EventBaseCategoryValue<any, any>).categoryLabel
+    const valueArr = (eventData as EventBaseCategoryValue<any, any>).category
+      .filter(d => d.visible == true)
+      .map(d => {
+        return d.value
+      })
+    const value = valueArr.length > 5
+      ? valueArr.slice(0, 5).join(',') + '...'
+      : valueArr.join(',')
+    return [label, value]
+  }
+  return []
 }`

package/src/noneData/index.ts

@@ -1,4 +1,4 @@
-export * from './defaults'
-export * from './types'
-// export { Container } from './plugins/Container'
+export * from './defaults'
+export * from './types'
+// export { Container } from './plugins/Container'
 export { Tooltip } from './plugins/Tooltip'

package/src/noneData/plugins/Container.ts

@@ -1,28 +1,28 @@
-import * as d3 from 'd3'
-import type { DefinePluginConfig } from '../../../lib/core-types'
-import {
-  defineNoneDataPlugin } from '../../../lib/core'
-import { CONTAINER_PLUGIN_PARAMS } from '../defaults'
-import { LAYER_INDEX_OF_BG } from '../../const'
-
-const pluginName = 'Container'
-
-const pluginConfig: DefinePluginConfig<typeof pluginName, typeof CONTAINER_PLUGIN_PARAMS> = {
-  name: pluginName,
-  defaultParams: CONTAINER_PLUGIN_PARAMS,
-  layerIndex: LAYER_INDEX_OF_BG,
-  validator: (params, { validateColumns }) => {
-    return {
-      status: 'success',
-      columnName: '',
-      expectToBe: '',
-    }
-  }
-}
-
-export const Container = defineNoneDataPlugin(pluginConfig)(({ selection }) => {
-  
-  return function unsubscribe () {
-    
-  }
+import * as d3 from 'd3'
+import type { DefinePluginConfig } from '../../../lib/core-types'
+import {
+  defineNoneDataPlugin } from '../../../lib/core'
+import { CONTAINER_PLUGIN_PARAMS } from '../defaults'
+import { LAYER_INDEX_OF_BG } from '../../const'
+
+const pluginName = 'Container'
+
+const pluginConfig: DefinePluginConfig<typeof pluginName, typeof CONTAINER_PLUGIN_PARAMS> = {
+  name: pluginName,
+  defaultParams: CONTAINER_PLUGIN_PARAMS,
+  layerIndex: LAYER_INDEX_OF_BG,
+  validator: (params, { validateColumns }) => {
+    return {
+      status: 'success',
+      columnName: '',
+      expectToBe: '',
+    }
+  }
+}
+
+export const Container = defineNoneDataPlugin(pluginConfig)(({ selection }) => {
+  
+  return function unsubscribe () {
+    
+  }
 })