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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/orbcharts-plugins-basic.es.js +2863 -2860
  2. package/dist/orbcharts-plugins-basic.umd.js +46 -46
  3. package/package.json +2 -2
  4. package/src/base/BaseTooltip.ts +4 -1
  5. package/src/grid/defaults.ts +4 -4
  6. package/src/multiGrid/defaults.ts +4 -4
  7. package/src/series/defaults.ts +2 -2
  8. package/src/tree/defaults.ts +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orbcharts/plugins-basic",
3
- "version": "3.0.0-beta.1",
3
+ "version": "3.0.0-beta.2",
4
4
  "description": "plugins for OrbCharts",
5
5
  "author": "Blue Planet Inc.",
6
6
  "license": "Apache-2.0",
@@ -37,7 +37,7 @@
37
37
  "dependencies": {
38
38
  "@orbcharts/core": "^3.0.0-beta.1",
39
39
  "@orbcharts/core-types": "^3.0.0-beta.1",
40
- "@orbcharts/plugins-basic-types": "^3.0.0-beta.1",
40
+ "@orbcharts/plugins-basic-types": "^3.0.0-beta.2",
41
41
  "d3": "^7.8.5",
42
42
  "rxjs": "^7.8.1"
43
43
  }
package/src/base/BaseTooltip.ts CHANGED
@@ -23,7 +23,7 @@ import type { BasePluginFn } from './types'
23
23
  import { defineNoneDataPlugin, textSizePxObservable } from '../../lib/core'
24
24
  import { getSvgGElementSize, appendSvg } from '../utils/d3Utils'
25
25
  import { getColor, getClassName } from '../utils/orbchartsUtils'
26
-
26
+ import { measureTextWidth } from '../utils/commonUtils'
27
27
 
28
28
  interface BaseTooltipContext {
29
29
  rootSelection: d3.Selection<any, unknown, any, unknown>
@@ -287,6 +287,9 @@ export const createBaseTooltip: BasePluginFn<BaseTooltipContext> = (pluginName:
287
287
  eventData,
288
288
  // context
289
289
  {
290
+ utils: {
291
+ measureTextWidth
292
+ },
290
293
  styles: data.tooltipStyle
291
294
  }
292
295
  )
package/src/grid/defaults.ts CHANGED
@@ -188,7 +188,7 @@ export const DEFAULT_GRID_TOOLTIP_PARAMS: GridTooltipParams = {
188
188
  // </g>`
189
189
  // }
190
190
  // },
191
- renderFn: (eventData, { styles }) => {
191
+ renderFn: (eventData, { styles, utils }) => {
192
192
  const bulletWidth = styles.textSizePx * 0.7
193
193
  const offset = (styles.textSizePx / 2) - (bulletWidth / 2)
194
194
 
@@ -197,7 +197,7 @@ export const DEFAULT_GRID_TOOLTIP_PARAMS: GridTooltipParams = {
197
197
  const text = `${group.seriesLabel}${group.value}`
198
198
  return text.length > acc.length ? text : acc
199
199
  }, '')
200
- const maxTextWidth = measureTextWidth(maxLengthText, styles.textSizePx)
200
+ const maxTextWidth = utils.measureTextWidth(maxLengthText, styles.textSizePx)
201
201
  const lineEndX = maxTextWidth + styles.textSizePx * 2
202
202
  const contentSvg = eventData.groups
203
203
  .map((group, i) => {
@@ -216,7 +216,7 @@ export const DEFAULT_GRID_TOOLTIP_PARAMS: GridTooltipParams = {
216
216
  ${contentSvg}`
217
217
  }
218
218
  }
219
- DEFAULT_GRID_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styles }) => {
219
+ DEFAULT_GRID_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styles, utils }) => {
220
220
  const bulletWidth = styles.textSizePx * 0.7
221
221
  const offset = (styles.textSizePx / 2) - (bulletWidth / 2)
222
222
 
@@ -225,7 +225,7 @@ DEFAULT_GRID_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styles }) =
225
225
  const text = \`\${group.seriesLabel}\${group.value}\`
226
226
  return text.length > acc.length ? text : acc
227
227
  }, '')
228
- const maxTextWidth = measureTextWidth(maxLengthText, styles.textSizePx)
228
+ const maxTextWidth = utils.measureTextWidth(maxLengthText, styles.textSizePx)
229
229
  const lineEndX = maxTextWidth + styles.textSizePx * 2
230
230
  const contentSvg = eventData.groups
231
231
  .map((group, i) => {
package/src/multiGrid/defaults.ts CHANGED
@@ -168,7 +168,7 @@ export const DEFAULT_MULTI_GRID_TOOLTIP_PARAMS: MultiGridTooltipParams = {
168
168
  textColorType: 'primary',
169
169
  offset: [20, 5],
170
170
  padding: 10,
171
- renderFn: (eventData, { styles }) => {
171
+ renderFn: (eventData, { styles, utils }) => {
172
172
  const bulletWidth = styles.textSizePx * 0.7
173
173
  const offset = (styles.textSizePx / 2) - (bulletWidth / 2)
174
174
 
@@ -177,7 +177,7 @@ export const DEFAULT_MULTI_GRID_TOOLTIP_PARAMS: MultiGridTooltipParams = {
177
177
  const text = `${group.seriesLabel}${group.value}`
178
178
  return text.length > acc.length ? text : acc
179
179
  }, '')
180
- const maxTextWidth = measureTextWidth(maxLengthText, styles.textSizePx)
180
+ const maxTextWidth = utils.measureTextWidth(maxLengthText, styles.textSizePx)
181
181
  const lineEndX = maxTextWidth + styles.textSizePx * 2
182
182
  const contentSvg = eventData.groups
183
183
  .map((group, i) => {
@@ -196,7 +196,7 @@ export const DEFAULT_MULTI_GRID_TOOLTIP_PARAMS: MultiGridTooltipParams = {
196
196
  ${contentSvg}`
197
197
  }
198
198
  }
199
- DEFAULT_MULTI_GRID_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styles }) => {
199
+ DEFAULT_MULTI_GRID_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styles, utils }) => {
200
200
  const bulletWidth = styles.textSizePx * 0.7
201
201
  const offset = (styles.textSizePx / 2) - (bulletWidth / 2)
202
202
 
@@ -205,7 +205,7 @@ DEFAULT_MULTI_GRID_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { style
205
205
  const text = \`\${group.seriesLabel}\${group.value}\`
206
206
  return text.length > acc.length ? text : acc
207
207
  }, '')
208
- const maxTextWidth = measureTextWidth(maxLengthText, styles.textSizePx)
208
+ const maxTextWidth = utils.measureTextWidth(maxLengthText, styles.textSizePx)
209
209
  const lineEndX = maxTextWidth + styles.textSizePx * 2
210
210
  const contentSvg = eventData.groups
211
211
  .map((group, i) => {
package/src/series/defaults.ts CHANGED
@@ -158,7 +158,7 @@ export const DEFAULT_SERIES_TOOLTIP_PARAMS: SeriesTooltipParams = {
158
158
  textColorType: 'primary',
159
159
  offset: [20, 5],
160
160
  padding: 10,
161
- renderFn: (eventData, { styles }) => {
161
+ renderFn: (eventData, { styles, utils }) => {
162
162
  const hasSeriesLabel = eventData.seriesLabel.slice(0, 7) === 'series_' ? false : true
163
163
  const hasDatumLabel = eventData.datum.label.slice(0, 7) === 'series_' ? false : true
164
164
  const bulletWidth = styles.textSizePx * 0.7
@@ -182,7 +182,7 @@ export const DEFAULT_SERIES_TOOLTIP_PARAMS: SeriesTooltipParams = {
182
182
  </g>`
183
183
  },
184
184
  }
185
- DEFAULT_SERIES_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styles }) => {
185
+ DEFAULT_SERIES_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styles, utils }) => {
186
186
  const hasSeriesLabel = eventData.seriesLabel.slice(0, 7) === 'series_' ? false : true
187
187
  const hasDatumLabel = eventData.datum.label.slice(0, 7) === 'series_' ? false : true
188
188
  const bulletWidth = styles.textSizePx * 0.7
package/src/tree/defaults.ts CHANGED
@@ -30,7 +30,7 @@ export const DEFAULT_TREE_TOOLTIP_PARAMS: TreeTooltipParams = {
30
30
  textColorType: 'primary',
31
31
  offset: [20, 5],
32
32
  padding: 10,
33
- renderFn: (eventData, { styles }) => {
33
+ renderFn: (eventData, { styles, utils }) => {
34
34
  const hasCategoryLabel = eventData.categoryLabel ? true : false
35
35
  const hasDatumLabel = eventData.datum.label ? true : false
36
36
  const bulletWidth = styles.textSizePx * 0.7
@@ -54,7 +54,7 @@ export const DEFAULT_TREE_TOOLTIP_PARAMS: TreeTooltipParams = {
54
54
  </g>`
55
55
  },
56
56
  }
57
- DEFAULT_TREE_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styles }) => {
57
+ DEFAULT_TREE_TOOLTIP_PARAMS.renderFn.toString = () => `(eventData, { styles, utils }) => {
58
58
  const hasCategoryLabel = eventData.categoryLabel ? true : false
59
59
  const hasDatumLabel = eventData.datum.label ? true : false
60
60
  const bulletWidth = styles.textSizePx * 0.7