fix: 修改配置项目

This commit is contained in:
MTrun
2022-01-25 11:09:32 +08:00
parent 953b8c3486
commit bbeba4a8d8
78 changed files with 86 additions and 55 deletions
@@ -0,0 +1,11 @@
import { getUUID } from '@/utils'
export default class Config {
name: string = 'BarCommon'
id: string = getUUID()
attr = { w: 500, h: 300 }
// 图表的
public config = {
global: {}
}
}
@@ -0,0 +1,7 @@
<template>
<div>配置项目</div>
</template>
<script setup lang="ts">
</script>
@@ -0,0 +1,14 @@
import BarCommon from './index.vue'
import image from '@/assets/images/chart/charts/bar_x.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const BarCommonConfig: ConfigType = {
key: 'VBarCommon',
title: '柱状图',
category: ChatCategoryEnum.BAR,
categoryName: ChatCategoryEnumName.BAR,
package: PackagesCategoryEnum.CHARTS,
node: BarCommon,
image: image
}
@@ -0,0 +1,16 @@
<template>
<div>
这里是柱状图组件渲染
</div>
</template>
<script setup lang="ts">
const props = defineProps({
chart: {
type: Object,
require: true
}
})
</script>
<style lang="scss" scoped></style>
@@ -0,0 +1,14 @@
import BarCrossrange from './index.vue'
import image from '@/assets/images/chart/charts/bar_y.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const BarCrossrangefig: ConfigType = {
key: 'VBarCrossrange',
title: '横向柱状图',
category: ChatCategoryEnum.BAR,
categoryName: ChatCategoryEnumName.BAR,
package: PackagesCategoryEnum.CHARTS,
node: BarCrossrange,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
柱状图组件渲染
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,4 @@
import { BarCommonConfig } from './BarCommon/index'
import { BarCrossrangefig } from './BarCrossrange/index'
export default [BarCommonConfig, BarCrossrangefig]
@@ -0,0 +1,14 @@
import LineCommon from './index.vue'
import image from '@/assets/images/chart/charts/line.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const LineCommonConfig: ConfigType = {
key: 'VLineCommon',
title: '折线图',
category: ChatCategoryEnum.LINE,
categoryName: ChatCategoryEnumName.LINE,
package: PackagesCategoryEnum.CHARTS,
node: LineCommon,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
line组件渲染
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,14 @@
import LineGradientSingle from './index.vue'
import image from '@/assets/images/chart/charts/line_gradient_single.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const LineGradientSingleConfig: ConfigType = {
key: 'VLineGradientSingle',
title: '折线面积图',
category: ChatCategoryEnum.LINE,
categoryName: ChatCategoryEnumName.LINE,
package: PackagesCategoryEnum.CHARTS,
node: LineGradientSingle,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
line组件渲染
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,14 @@
import LineGradients from './index.vue'
import image from '@/assets/images/chart/charts/line_gradient2.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const LineGradientsConfig: ConfigType = {
key: 'VLineGradientSingle',
title: '折线面积图',
category: ChatCategoryEnum.LINE,
categoryName: ChatCategoryEnumName.LINE,
package: PackagesCategoryEnum.CHARTS,
node: LineGradients,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
line组件渲染
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,5 @@
import { LineCommonConfig } from './LineCommon/index'
import { LineGradientSingleConfig } from './LineGradientSingle/index'
import { LineGradientsConfig } from './LineGradients/index'
export default [LineCommonConfig, LineGradientSingleConfig, LineGradientsConfig]
@@ -0,0 +1,14 @@
import MapChine from './index.vue'
import image from '@/assets/images/chart/charts/map.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const MapChineConfig: ConfigType = {
key: 'VMapChine',
title: '北京地图',
category: ChatCategoryEnum.MAP,
categoryName: ChatCategoryEnumName.MAP,
package: PackagesCategoryEnum.CHARTS,
node: MapChine,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
line组件渲染
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,3 @@
import { MapChineConfig } from './MapChine/index'
export default [MapChineConfig]
@@ -0,0 +1,14 @@
import Funnel from './index.vue'
import image from '@/assets/images/chart/charts/funnel.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const FunnelConfig: ConfigType = {
key: 'VFunnel',
title: '漏斗图',
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.CHARTS,
node: Funnel,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
水波
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,14 @@
import Heatmap from './index.vue'
import image from '@/assets/images/chart/charts/heatmap.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const HeatmapConfig: ConfigType = {
key: 'VHeatmap',
title: '热力图',
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.CHARTS,
node: Heatmap,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
水波
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,14 @@
import Point from './index.vue'
import image from '@/assets/images/chart/charts/Point.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const PointConfig: ConfigType = {
key: 'VPoint',
title: '热力图',
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.CHARTS,
node: Point,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
水波
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,14 @@
import Radar from './index.vue'
import image from '@/assets/images/chart/charts/radar.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const RadarConfig: ConfigType = {
key: 'VRadar',
title: '雷达',
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.CHARTS,
node: Radar,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
水波
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,14 @@
import TreeMap from './index.vue'
import image from '@/assets/images/chart/charts/tree_map.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const TreeMapConfig: ConfigType = {
key: 'VTreeMap',
title: '树形分布',
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.CHARTS,
node: TreeMap,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
水波
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,14 @@
import Variable from './index.vue'
import image from '@/assets/images/chart/charts/water_variable.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const VariableConfig: ConfigType = {
key: 'VVariable',
title: '折线面积图',
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.CHARTS,
node: Variable,
image: image
}
@@ -0,0 +1,13 @@
<template>
<div>
水波
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,8 @@
import { RadarConfig } from './Radar/index'
import { FunnelConfig } from './Funnel/index'
import { HeatmapConfig } from './Heatmap/index'
import { PointConfig } from './Point/index'
import { VariableConfig } from './Variable/index'
import { TreeMapConfig } from './TreeMap/index'
export default [RadarConfig, FunnelConfig, HeatmapConfig,PointConfig, VariableConfig, TreeMapConfig]
@@ -0,0 +1,14 @@
import PieCommon from './index.vue'
import image from '@/assets/images/chart/charts/pie.png'
import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const PieCommonConfig: ConfigType = {
key: 'VPieCommon',
title: '计量图',
category: ChatCategoryEnum.PIE,
categoryName: ChatCategoryEnumName.PIE,
package: PackagesCategoryEnum.CHARTS,
node: PieCommon,
image
}
@@ -0,0 +1,13 @@
<template>
<div>
饼图渲染
</div>
</template>
<script setup lang="ts">
</script>
<style lang="scss" scoped>
</style>
@@ -0,0 +1,3 @@
import { PieCommonConfig } from './PieCommon/index'
export default [PieCommonConfig]
+15
View File
@@ -0,0 +1,15 @@
export enum ChatCategoryEnum {
BAR = 'Bars',
PIE = 'Pies',
LINE = 'Lines',
MAP = 'Maps',
MORE = 'Mores'
}
export enum ChatCategoryEnumName {
BAR = '柱状图',
PIE = '饼图',
LINE = '折线图',
MAP = '地图',
MORE = '更多'
}
+7
View File
@@ -0,0 +1,7 @@
import Bars from './Bars'
import Pies from './Pies'
import Lines from './Lines'
import Mores from './Mores'
import Maps from './Maps'
export const ChartList = [...Bars, ...Pies, ...Lines, ...Maps , ...Mores]