@orbcharts/presets-basic 3.0.0-alpha.1

package/src/index.ts

@@ -0,0 +1,103 @@
+import {
+  createSeriesPreset,
+  createGridPreset,
+  createMultiGridPreset,
+  createMultiValuePreset,
+  createRelationshipPreset,
+  createTreePreset } from './createPreset'
+
+// -- series --
+// 通用 - PRESET_SERIES_[name]
+export const PRESET_SERIES_BASIC = createSeriesPreset({
+  // chartParamsId: 'CP_RIGHT_PADDING',
+  allPluginParamsIds: [],
+  description: '基本Series參數'
+})
+// Bubbles - PRESET_BUBBLES_[name]
+export const PRESET_BUBBLES_SCALING_BY_RADIUS = createSeriesPreset({
+  // chartParamsId: 'CP_RIGHT_PADDING',
+  allPluginParamsIds: ['PP_BUBBLES_SCALING_BY_RADIUS', 'PP_SERIES_LEGEND_ROUND'],
+  description: '以半徑尺寸為比例的泡泡圖'
+})
+// Pie - PRESET_PIE_[name]
+export const PRESET_PIE_WITH_INNER_LABELS = createSeriesPreset({
+  // chartParamsId: 'CP_RIGHT_PADDING',
+  allPluginParamsIds: ['PP_PIE_LABELS_INNER', 'PP_SERIES_LEGEND_ROUND'],
+  description: '圓餅圖及內部資料標籤'
+})
+export const PRESET_PIE_DONUT = createSeriesPreset({
+  // chartParamsId: 'CP_RIGHT_PADDING',
+  allPluginParamsIds: ['PP_PIE_DONUT', 'PP_SERIES_LEGEND_ROUND'],
+  description: '甜甜圈圖'
+})
+export const PRESET_PIE_HALF_DONUT = createSeriesPreset({
+  // chartParamsId: 'CP_RIGHT_PADDING',
+  allPluginParamsIds: ['PP_PIE_HALF_DONUT', 'PP_PIE_LABELS_HALF_ANGLE', 'PP_SERIES_LEGEND_ROUND'],
+  description: '半圓甜甜圈圖'
+})
+
+// -- grid --
+// 通用 - PRESET_GRID_[name]
+export const PRESET_GRID_BASIC = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_LONG_PADDING',
+  allPluginParamsIds: ['PP_GRID_LEGEND_BOTTOM'],
+  description: '基本Grid參數'
+})
+export const PRESET_GRID_ROTATE_AXIS_LABEL = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING',
+  allPluginParamsIds: ['PP_GROUP_AXIS_ROTATE_LABEL', 'PP_GRID_LEGEND_BOTTOM'],
+  description: '傾斜標籤'
+})
+// Bars - PRESET_BARS_[name]
+export const PRESET_BARS_ROUND = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING',
+  allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
+  description: '圓角長條圖'
+})
+console.log(PRESET_BARS_ROUND)
+export const PRESET_BARS_HORIZONTAL_AND_ROUND = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING',
+  dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
+  allPluginParamsIds: ['PP_BARS_ROUND', 'PP_GRID_LEGEND_BOTTOM'],
+  description: '橫向圓角長條圖'
+})
+export const PRESET_BARS_THIN = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING',
+  allPluginParamsIds: ['PP_BARS_THIN', 'PP_GRID_LEGEND_BOTTOM'],
+  description: '細長條圖'
+})
+// export const PRESET_BARS_HORIZONTAL_AND_THIN = createGridPreset({
+//   chartParamsId: 'CP_BOTTOM_PADDING',
+//   dataFormatterId: 'DF_BOTTOM_VALUE_AXIS',
+//   allPluginParamsIds: ['PP_BARS_THIN', 'PP_GRID_LEGEND_BOTTOM'],
+//   description: '橫向細長條圖'
+// })
+// Lines - PRESET_LINES_[name]
+// export const PRESET_LINES_WITH_SOLID_DOTS = createGridPreset({
+//   chartParamsId: 'CP_BOTTOM_PADDING',
+//   allPluginParamsIds: ['PP_DOTS_SOLID', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+//   description: '折線圖及實心圓點'
+// })
+export const PRESET_LINES_CURVE = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING',
+  allPluginParamsIds: ['PP_LINES_CURVE', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '弧線折線圖'
+})
+// export const PRESET_LINES_CURVES_WITH_SOLID_DOTS = createGridPreset({
+//   chartParamsId: 'CP_BOTTOM_PADDING',
+//   allPluginParamsIds: ['PP_LINES_CURVE', 'PP_DOTS_SOLID', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+//   description: '弧線折線圖及實心圓點'
+// })
+export const PRESET_LINES_HIGHLIGHT_GROUP_DOTS = createGridPreset({
+  chartParamsId: 'CP_BOTTOM_PADDING_WITH_GROUP_HIGHLIGHT',
+  allPluginParamsIds: ['PP_DOTS_ONLY_SHOW_HIGHLIGHTED', 'PP_GRID_LEGEND_BOTTOM_WITH_LINE_LIST'],
+  description: '折線圖及Highlight Group圓點'
+})
+// -- multi-grid --
+
+// -- multi-value --
+
+// -- relationship --
+
+// -- tree --
+

package/src/multiGridDataFormatterFiles/index.ts

@@ -0,0 +1 @@
+export const temp = {}

package/src/multiGridPluginParamsFiles/index.ts

@@ -0,0 +1 @@
+export const temp = {}

package/src/multiValueDataFormatterFiles/index.ts

@@ -0,0 +1 @@
+export const temp = {}

package/src/multiValuePluginParamsFiles/index.ts

@@ -0,0 +1 @@
+export const temp = {}

package/src/relationshipDataFormatterFiles/index.ts

@@ -0,0 +1 @@
+export const temp = {}

package/src/relationshipPluginParamsFiles/index.ts

@@ -0,0 +1 @@
+export const temp = {}

package/src/seriesDataFormatterFiles/index.ts

@@ -0,0 +1 @@
+export const temp = {}

package/src/seriesPluginParamsFiles/Bubbles/PP_BUBBLES_SCALING_BY_RADIUS.ts

@@ -0,0 +1,12 @@
+import type { PluginParamsFile } from '../../types'
+import type { BubblesParams } from '@orbcharts/plugins-basic'
+
+export const PP_BUBBLES_SCALING_BY_RADIUS: PluginParamsFile<BubblesParams> = {
+  id: 'PP_BUBBLES_SCALING_BY_RADIUS',
+  chartType: 'series',
+  pluginName: 'Bubbles',
+  description: '以半徑尺寸為比例的泡泡圖',
+  data: {
+    bubbleScaleType: 'radius'
+  }
+}

package/src/seriesPluginParamsFiles/Bubbles/index.ts

@@ -0,0 +1 @@
+export { PP_BUBBLES_SCALING_BY_RADIUS } from './PP_BUBBLES_SCALING_BY_RADIUS'

package/src/seriesPluginParamsFiles/Pie/PP_PIE_DONUT.ts

@@ -0,0 +1,12 @@
+import type { PluginParamsFile } from '../../types'
+import type { PieParams } from '@orbcharts/plugins-basic'
+
+export const PP_PIE_DONUT: PluginParamsFile<PieParams> = {
+  id: 'PP_PIE_DONUT',
+  chartType: 'series',
+  pluginName: 'Pie',
+  description: '甜甜圈圖',
+  data: {
+    innerRadius: 0.5
+  }
+}

package/src/seriesPluginParamsFiles/Pie/PP_PIE_HALF_DONUT.ts

@@ -0,0 +1,14 @@
+import type { PluginParamsFile } from '../../types'
+import type { PieParams } from '@orbcharts/plugins-basic'
+
+export const PP_PIE_HALF_DONUT: PluginParamsFile<PieParams> = {
+  id: 'PP_PIE_HALF_DONUT',
+  chartType: 'series',
+  pluginName: 'Pie',
+  description: '半圓甜甜圈圖',
+  data: {
+    innerRadius: 0.5,
+    startAngle: - Math.PI / 2,
+    endAngle: Math.PI / 2,
+  }
+}

package/src/seriesPluginParamsFiles/Pie/index.ts

@@ -0,0 +1,2 @@
+export { PP_PIE_DONUT } from './PP_PIE_DONUT'
+export { PP_PIE_HALF_DONUT } from './PP_PIE_HALF_DONUT'

package/src/seriesPluginParamsFiles/PieLabels/PP_PIE_LABELS_HALF_ANGLE.ts

@@ -0,0 +1,13 @@
+import type { PluginParamsFile } from '../../types'
+import type { PieLabelsParams } from '@orbcharts/plugins-basic'
+
+export const PP_PIE_LABELS_HALF_ANGLE: PluginParamsFile<PieLabelsParams> = {
+  id: 'PP_PIE_LABELS_HALF_ANGLE',
+  chartType: 'series',
+  pluginName: 'PieLabels',
+  description: '半圓甜甜圈資料標籤',
+  data: {
+    startAngle: - Math.PI / 2,
+    endAngle: Math.PI / 2,
+  }
+}

package/src/seriesPluginParamsFiles/PieLabels/PP_PIE_LABELS_INNER.ts

@@ -0,0 +1,13 @@
+import type { PluginParamsFile } from '../../types'
+import type { PieLabelsParams } from '@orbcharts/plugins-basic'
+
+export const PP_PIE_LABELS_INNER: PluginParamsFile<PieLabelsParams> = {
+  id: 'PP_PIE_LABELS_INNER',
+  chartType: 'series',
+  pluginName: 'PieLabels',
+  description: '圖內資料標籤',
+  data: {
+    "labelCentroid": 1.3,
+    "labelColorType": "primary"
+  }
+}

package/src/seriesPluginParamsFiles/PieLabels/index.ts

@@ -0,0 +1,2 @@
+export { PP_PIE_LABELS_HALF_ANGLE } from './PP_PIE_LABELS_HALF_ANGLE'
+export { PP_PIE_LABELS_INNER } from './PP_PIE_LABELS_INNER'

package/src/seriesPluginParamsFiles/SeriesLegend/PP_SERIES_LEGEND_ROUND.ts

@@ -0,0 +1,12 @@
+import type { PluginParamsFile } from '../../types'
+import type { SeriesLegendParams } from '@orbcharts/plugins-basic'
+
+export const PP_SERIES_LEGEND_ROUND: PluginParamsFile<SeriesLegendParams> = {
+  id: 'PP_SERIES_LEGEND_BOTTOM',
+  chartType: 'series',
+  pluginName: 'SeriesLegend',
+  description: '圓型圖例列點',
+  data: {
+    listRectRadius: 7
+  }
+}

package/src/seriesPluginParamsFiles/SeriesLegend/index.ts

@@ -0,0 +1 @@
+export { PP_SERIES_LEGEND_ROUND } from './PP_SERIES_LEGEND_ROUND'

package/src/seriesPluginParamsFiles/index.ts

@@ -0,0 +1,4 @@
+export * from './Bubbles'
+export * from './Pie'
+export * from './PieLabels'
+export * from './SeriesLegend'

package/src/treeDataFormatterFiles/index.ts

@@ -0,0 +1 @@
+export const temp = {}

package/src/treePluginParamsFiles/index.ts

@@ -0,0 +1 @@
+export const temp = {}

package/src/types.ts

@@ -0,0 +1,58 @@
+import type {
+  ChartParamsPartial,
+  DataFormatterPartialTypeMap,
+  ChartType,
+  Preset } from '@orbcharts/core'
+import * as chartParams from './chartParamsFiles'
+import * as seriesDataFormatters from './seriesDataFormatterFiles'
+import * as seriesPluginParams from './seriesPluginParamsFiles'
+import * as gridDataFormatters from './gridDataFormatterFiles'
+import * as gridPluginParams from './gridPluginParamsFiles'
+import * as multiGridDataFormatters from './multiGridDataFormatterFiles'
+import * as multiGridPluginParams from './multiGridPluginParamsFiles'
+import * as multiValueDataFormatters from './multiValueDataFormatterFiles'
+import * as multiValuePluginParams from './multiValuePluginParamsFiles'
+import * as relationshipDataFormatters from './relationshipDataFormatterFiles'
+import * as relationshipPluginParams from './relationshipPluginParamsFiles'
+import * as treeDataFormatters from './treeDataFormatterFiles'
+import * as treePluginParams from './treePluginParamsFiles'
+
+export interface ChartParamsFile {
+  id: string
+  description: string
+  data: ChartParamsPartial
+}
+
+export interface DataFormatterFile<T extends ChartType> {
+  id: string
+  chartType: T
+  description: string
+  data: DataFormatterPartialTypeMap<T>
+}
+
+export interface PluginParamsFile<PluginParams> {
+  id: string
+  chartType: ChartType
+  pluginName: string
+  description: string
+  data: Partial<PluginParams>
+}
+
+export interface PresetFile<T extends ChartType> {
+  chartParamsId?: keyof typeof chartParams
+  dataFormatterId?: T extends 'series' ? keyof typeof seriesDataFormatters
+    : T extends 'grid' ? keyof typeof gridDataFormatters
+    : T extends 'multiGrid' ? keyof typeof multiGridDataFormatters
+    : T extends 'multiValue' ? keyof typeof multiValueDataFormatters
+    : T extends 'relationship' ? keyof typeof relationshipDataFormatters
+    : T extends 'tree' ? keyof typeof treeDataFormatters
+    : undefined
+  allPluginParamsIds?:  T extends 'series' ? (keyof typeof seriesPluginParams)[]
+    : T extends 'grid' ? (keyof typeof gridPluginParams)[]
+    : T extends 'multiGrid' ? (keyof typeof multiGridPluginParams)[]
+    : T extends 'multiValue' ? (keyof typeof multiValuePluginParams)[]
+    : T extends 'relationship' ? (keyof typeof relationshipPluginParams)[]
+    : T extends 'tree' ? (keyof typeof treePluginParams)[]
+    : undefined,
+  description: string
+}

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "outDir": "./dist/",
+    "sourceMap": true,
+    "noImplicitAny": true,
+    "module": "es6",
+    "target": "es5",
+    "jsx": "react",
+    "allowJs": true,
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports" : true,
+    "esModuleInterop" : true
+  }
+}

package/vite.config.js

@@ -0,0 +1,45 @@
+// import { fileURLToPath, URL } from 'node:url'
+
+// import { resolve } from 'path'
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+
+const releaseConfig = {
+  plugins: [
+    dts({
+      insertTypesEntry: true
+    })
+  ],
+  compilerOptions: {
+    composite: true
+  },
+  build: {
+    lib: {
+      entry: "src/index.ts",
+      name: 'orbcharts-presets-basic',
+      formats: ["es", "umd"],
+      fileName: format => `orbcharts-presets-basic.${format}.js`
+    },
+    // rollupOptions: {
+    //   input: {
+    //     main: resolve(__dirname, "src/index.ts")
+    //   },
+    //   external: ['vue'],
+    //   output: {
+    //     assetFileNames: 'my-library.css',
+    //     exports: "named",
+    //     globals: {
+    //       vue: 'Vue',
+    //     },
+    //   },
+    // },
+  }
+}
+
+export default defineConfig(({ command, mode }) => {
+  if (mode === 'release') {
+    return releaseConfig
+  } else {
+    return releaseConfig
+  }
+})