@orbcharts/plugins-basic 3.0.0-beta.1 → 3.0.0-beta.3

package/src/noneData/defaults.ts

@@ -1,103 +1,103 @@
-import type { ContainerPluginParams, TooltipParams } from '../../lib/plugins-basic-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 '../../lib/plugins-basic-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 () {
+    
+  }
 })