+
+
+
diff --git a/src/layout/components/LayoutMain/index.vue b/src/layout/components/LayoutMain/index.vue
index 9c9d9a2ac5383cd68bd47a385cfacf3ca96a9349..11cc3bbcf897fc9cf6ecc7f1fb25a1c163ebd908 100644
--- a/src/layout/components/LayoutMain/index.vue
+++ b/src/layout/components/LayoutMain/index.vue
@@ -1,13 +1,9 @@
-
-
diff --git a/src/layout/components/LayoutTransitionMain/index.vue b/src/layout/components/LayoutTransitionMain/index.vue
index 41f67ccd1cd9f2a1dc3a2fbc37498016660999d3..a0204c6a4fd4d7819eefee35af46fec72318e572 100644
--- a/src/layout/components/LayoutTransitionMain/index.vue
+++ b/src/layout/components/LayoutTransitionMain/index.vue
@@ -2,7 +2,7 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 展示标签
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Bars/BarBackCommon/data.json b/src/packages/components/Charts/Bars/BarBackCommon/data.json
new file mode 100644
index 0000000000000000000000000000000000000000..dadb18dd8a350b2a3c82f8824d96a898f556d8a6
--- /dev/null
+++ b/src/packages/components/Charts/Bars/BarBackCommon/data.json
@@ -0,0 +1,191 @@
+{
+ "dimensions": [
+ "product",
+ "Africa",
+ "EU",
+ "China",
+ "USA"
+ ],
+ "source": [
+ {
+ "type": "Nail polish",
+ "country": "Africa",
+ "value": 4229
+ },
+ {
+ "type": "Nail polish",
+ "country": "EU",
+ "value": 4376
+ },
+ {
+ "type": "Nail polish",
+ "country": "China",
+ "value": 3054
+ },
+ {
+ "type": "Nail polish",
+ "country": "USA",
+ "value": 12814
+ },
+ {
+ "type": "Eyebrow pencil",
+ "country": "Africa",
+ "value": 3932
+ },
+ {
+ "type": "Eyebrow pencil",
+ "country": "EU",
+ "value": 3987
+ },
+ {
+ "type": "Eyebrow pencil",
+ "country": "China",
+ "value": 5067
+ },
+ {
+ "type": "Eyebrow pencil",
+ "country": "USA",
+ "value": 13012
+ },
+ {
+ "type": "Rouge",
+ "country": "Africa",
+ "value": 5221
+ },
+ {
+ "type": "Rouge",
+ "country": "EU",
+ "value": 3574
+ },
+ {
+ "type": "Rouge",
+ "country": "China",
+ "value": 7004
+ },
+ {
+ "type": "Rouge",
+ "country": "USA",
+ "value": 11624
+ },
+ {
+ "type": "Lipstick",
+ "country": "Africa",
+ "value": 9256
+ },
+ {
+ "type": "Lipstick",
+ "country": "EU",
+ "value": 4376
+ },
+ {
+ "type": "Lipstick",
+ "country": "China",
+ "value": 9054
+ },
+ {
+ "type": "Lipstick",
+ "country": "USA",
+ "value": 8814
+ },
+ {
+ "type": "Eyeshadows",
+ "country": "Africa",
+ "value": 3308
+ },
+ {
+ "type": "Eyeshadows",
+ "country": "EU",
+ "value": 4572
+ },
+ {
+ "type": "Eyeshadows",
+ "country": "China",
+ "value": 12043
+ },
+ {
+ "type": "Eyeshadows",
+ "country": "USA",
+ "value": 12998
+ },
+ {
+ "type": "Eyeliner",
+ "country": "Africa",
+ "value": 5432
+ },
+ {
+ "type": "Eyeliner",
+ "country": "EU",
+ "value": 3417
+ },
+ {
+ "type": "Eyeliner",
+ "country": "China",
+ "value": 15067
+ },
+ {
+ "type": "Eyeliner",
+ "country": "USA",
+ "value": 12321
+ },
+ {
+ "type": "Foundation",
+ "country": "Africa",
+ "value": 13701
+ },
+ {
+ "type": "Foundation",
+ "country": "EU",
+ "value": 5231
+ },
+ {
+ "type": "Foundation",
+ "country": "China",
+ "value": 10119
+ },
+ {
+ "type": "Foundation",
+ "country": "USA",
+ "value": 10342
+ },
+ {
+ "type": "Lip gloss",
+ "country": "Africa",
+ "value": 4008
+ },
+ {
+ "type": "Lip gloss",
+ "country": "EU",
+ "value": 4572
+ },
+ {
+ "type": "Lip gloss",
+ "country": "China",
+ "value": 12043
+ },
+ {
+ "type": "Lip gloss",
+ "country": "USA",
+ "value": 22998
+ },
+ {
+ "type": "Mascara",
+ "country": "Africa",
+ "value": 18712
+ },
+ {
+ "type": "Mascara",
+ "country": "EU",
+ "value": 6134
+ },
+ {
+ "type": "Mascara",
+ "country": "China",
+ "value": 10419
+ },
+ {
+ "type": "Mascara",
+ "country": "USA",
+ "value": 11261
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/Bars/BarBackCommon/index.ts b/src/packages/components/Charts/Bars/BarBackCommon/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..710a14bdad25e221f8c3d423f9a4fb6178217c34
--- /dev/null
+++ b/src/packages/components/Charts/Bars/BarBackCommon/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const BarBackCommonConfig: ConfigType = {
+ key: 'BarBackCommon',
+ chartKey: 'VBarBackCommon',
+ conKey: 'VCBarBackCommon',
+ title: '多折线字节版',
+ category: ChatCategoryEnum.BAR,
+ categoryName: ChatCategoryEnumName.BAR,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'visactor_line.png'
+}
diff --git a/src/packages/components/Charts/Bars/BarBackCommon/index.vue b/src/packages/components/Charts/Bars/BarBackCommon/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2cd846f57f9698346dc3a9a8756852cf6e99d8cc
--- /dev/null
+++ b/src/packages/components/Charts/Bars/BarBackCommon/index.vue
@@ -0,0 +1,259 @@
+
+
+
+
+
+
+
+
+
+
+
+
import { ref, nextTick, computed, watch, PropType } from 'vue'
import VChart from 'vue-echarts'
+import { useCanvasInitOptions } from '@/hooks/useCanvasInitOptions.hook'
import { use } from 'echarts/core'
import { CanvasRenderer } from 'echarts/renderers'
import { BarChart } from 'echarts/charts'
@@ -25,6 +26,7 @@ import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore
import { isPreview } from '@/utils'
import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent } from 'echarts/components'
import isObject from 'lodash/isObject'
+import cloneDeep from 'lodash/cloneDeep'
const props = defineProps({
themeSetting: {
@@ -41,11 +43,14 @@ const props = defineProps({
}
})
+const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSetting)
+
use([DatasetComponent, CanvasRenderer, BarChart, GridComponent, TooltipComponent, LegendComponent])
const replaceMergeArr = ref()
const option = computed(() => {
+ console.log("BarCommon>>>>",props.chartConfig)
return mergeTheme(props.chartConfig.option, props.themeSetting, includes)
})
@@ -57,11 +62,23 @@ watch(
if (!isObject(newData) || !('dimensions' in newData)) return
if (Array.isArray(newData?.dimensions)) {
const seriesArr = []
- for (let i = 0; i < newData.dimensions.length - 1; i++) {
- seriesArr.push(seriesItem)
+ // 对oldData进行判断，防止传入错误数据之后对旧维度判断产生干扰
+ // 此处计算的是dimensions的Y轴维度，若是dimensions.length为0或1，则默认为1，排除X轴维度干扰
+ const oldDimensions = Array.isArray(oldData?.dimensions)&&oldData.dimensions.length >= 1 ? oldData.dimensions.length : 1;
+ const newDimensions = newData.dimensions.length >= 1 ? newData.dimensions.length : 1;
+ const dimensionsGap = newDimensions - oldDimensions;
+ if (dimensionsGap < 0) {
+ props.chartConfig.option.series.splice(newDimensions - 1)
+ } else if (dimensionsGap > 0) {
+ if(!oldData || !oldData?.dimensions || !Array.isArray(oldData?.dimensions) || !oldData?.dimensions.length ) {
+ props.chartConfig.option.series=[]
+ }
+ for (let i = 0; i < dimensionsGap; i++) {
+ seriesArr.push(cloneDeep(seriesItem))
+ }
+ props.chartConfig.option.series.push(...seriesArr)
}
replaceMergeArr.value = ['series']
- props.chartConfig.option.series = seriesArr
nextTick(() => {
replaceMergeArr.value = []
})
@@ -75,5 +92,7 @@ watch(
}
)
-const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore)
+const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (newData: any) => {
+ props.chartConfig.option.dataset = newData
+})
diff --git a/src/packages/components/Charts/Bars/BarCrossrange/index.vue b/src/packages/components/Charts/Bars/BarCrossrange/index.vue
index c8d2957a7beb137bc27e9a7eede745a9ef327a89..8e6fa8f9dfecd8382cb926fe614e268ca683d0af 100644
--- a/src/packages/components/Charts/Bars/BarCrossrange/index.vue
+++ b/src/packages/components/Charts/Bars/BarCrossrange/index.vue
@@ -1,9 +1,9 @@
import { ref, nextTick, computed, watch, PropType } from 'vue'
import VChart from 'vue-echarts'
+import { useCanvasInitOptions } from '@/hooks/useCanvasInitOptions.hook'
import { use } from 'echarts/core'
import { CanvasRenderer } from 'echarts/renderers'
import { BarChart } from 'echarts/charts'
@@ -21,9 +22,9 @@ import { mergeTheme } from '@/packages/public/chart'
import config, { includes, seriesItem } from './config'
import { useChartDataFetch } from '@/hooks'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
-import { isPreview } from '@/utils'
import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent } from 'echarts/components'
import isObject from 'lodash/isObject'
+import cloneDeep from 'lodash/cloneDeep'
const props = defineProps({
themeSetting: {
@@ -40,6 +41,8 @@ const props = defineProps({
}
})
+const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSetting)
+
use([DatasetComponent, CanvasRenderer, BarChart, GridComponent, TooltipComponent, LegendComponent])
const replaceMergeArr = ref()
@@ -57,7 +60,7 @@ watch(
if (Array.isArray(newData?.dimensions)) {
const seriesArr = []
for (let i = 0; i < newData.dimensions.length - 1; i++) {
- seriesArr.push(seriesItem)
+ seriesArr.push(cloneDeep(seriesItem))
}
replaceMergeArr.value = ['series']
props.chartConfig.option.series = seriesArr
@@ -74,5 +77,7 @@ watch(
}
)
-const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore)
+const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (newData: any) => {
+ props.chartConfig.option.dataset = newData
+})
diff --git a/src/packages/components/Charts/Bars/BarLine/config.ts b/src/packages/components/Charts/Bars/BarLine/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ea34b4ba37217e27eb41a40967442b7d44439e32
--- /dev/null
+++ b/src/packages/components/Charts/Bars/BarLine/config.ts
@@ -0,0 +1,74 @@
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import { BarLineConfig } from './index'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+import dataJson from './data.json'
+
+export const includes = ['legend', 'xAxis', 'yAxis', 'grid']
+// 柱状折线组合图 分别定义series
+// 写死name可以定义legend显示的名称
+export const barSeriesItem = {
+ type: 'bar',
+ barWidth: 15,
+ label: {
+ show: true,
+ position: 'top',
+ color: '#fff',
+ fontSize: 12
+ },
+ itemStyle: {
+ color: null,
+ borderRadius: 2
+ }
+}
+
+export const lineSeriesItem = {
+ type: 'line',
+ symbol: 'circle',
+ label: {
+ show: true,
+ position: 'top',
+ color: '#fff',
+ fontSize: 12
+ },
+ symbolSize: 5, //设定实心点的大小
+ itemStyle: {
+ borderWidth: 1
+ },
+ lineStyle: {
+ type: 'solid',
+ width: 3,
+ color: null
+ }
+}
+
+export const option = {
+ tooltip: {
+ show: true,
+ trigger: 'axis',
+ axisPointer: {
+ show: true,
+ type: 'shadow'
+ }
+ },
+ legend: {
+ data: null
+ },
+ xAxis: {
+ show: true,
+ type: 'category'
+ },
+ yAxis: {
+ show: true,
+ type: 'value'
+ },
+ dataset: { ...dataJson },
+ series: [barSeriesItem, lineSeriesItem]
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = BarLineConfig.key
+ public chartConfig = cloneDeep(BarLineConfig)
+ // 图表配置项
+ public option = echartOptionProfixHandle(option, includes)
+}
diff --git a/src/packages/components/Charts/Bars/BarLine/config.vue b/src/packages/components/Charts/Bars/BarLine/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a098bdac5cf18fbed1233caa64092de97db672ce
--- /dev/null
+++ b/src/packages/components/Charts/Bars/BarLine/config.vue
@@ -0,0 +1,138 @@
+
+
+
+
+
+ {{ item.type == 'bar' ? '「柱状图」' : '「折线图」' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 曲线
+
+
+
+
+
+
+
+
+
+
+ 展示标签
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Bars/BarLine/data.json b/src/packages/components/Charts/Bars/BarLine/data.json
new file mode 100644
index 0000000000000000000000000000000000000000..4b6ee3b4878b7e42446ed1c97a3f0c46673526eb
--- /dev/null
+++ b/src/packages/components/Charts/Bars/BarLine/data.json
@@ -0,0 +1,40 @@
+{
+ "dimensions": ["product", "data1", "data2"],
+ "source": [
+ {
+ "product": "1月",
+ "data1": 104,
+ "data2": 30
+ },
+ {
+ "product": "2月",
+ "data1": 56,
+ "data2": 56
+ },
+ {
+ "product": "3月",
+ "data1": 136,
+ "data2": 36
+ },
+ {
+ "product": "4月",
+ "data1": 86,
+ "data2": 6
+ },
+ {
+ "product": "5月",
+ "data1": 98,
+ "data2": 10
+ },
+ {
+ "product": "6月",
+ "data1": 86,
+ "data2": 70
+ },
+ {
+ "product": "7月",
+ "data1": 77,
+ "data2": 57
+ }
+ ]
+}
diff --git a/src/packages/components/Charts/Bars/BarLine/index.ts b/src/packages/components/Charts/Bars/BarLine/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..03ff28ff2bf0569f9a8ff75f854ccf06b93ee7bc
--- /dev/null
+++ b/src/packages/components/Charts/Bars/BarLine/index.ts
@@ -0,0 +1,16 @@
+// 公共类型声明
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+// 当前[信息模块]分类声明
+import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
+
+export const BarLineConfig: ConfigType = {
+ key: 'BarLine',
+ chartKey: 'VBarLine',
+ conKey: 'VCBarLine',
+ title: '柱状图 & 折线图',
+ category: ChatCategoryEnum.BAR,
+ categoryName: ChatCategoryEnumName.BAR,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'bar_line.png'
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/Bars/BarLine/index.vue b/src/packages/components/Charts/Bars/BarLine/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b74922fc7c545780b2fb57a8e07933dd0bb87f1d
--- /dev/null
+++ b/src/packages/components/Charts/Bars/BarLine/index.vue
@@ -0,0 +1,96 @@
+
+
import { PropType, computed, watch, ref, nextTick } from 'vue'
import VChart from 'vue-echarts'
+import { useCanvasInitOptions } from '@/hooks/useCanvasInitOptions.hook'
import { use } from 'echarts/core'
import { CanvasRenderer } from 'echarts/renderers'
import { LineChart } from 'echarts/charts'
@@ -41,6 +42,8 @@ const props = defineProps({
}
})
+const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSetting)
+
use([DatasetComponent, CanvasRenderer, LineChart, GridComponent, TooltipComponent, LegendComponent])
const replaceMergeArr = ref()
diff --git a/src/packages/components/Charts/Lines/LineGradientSingle/index.vue b/src/packages/components/Charts/Lines/LineGradientSingle/index.vue
index e0d9fb7e349cc1e02ed2994d9a4607b76f2b2dd6..5f9f2d6c7efda3a340edd0905ad9bd232a1308f0 100644
--- a/src/packages/components/Charts/Lines/LineGradientSingle/index.vue
+++ b/src/packages/components/Charts/Lines/LineGradientSingle/index.vue
@@ -1,5 +1,5 @@
-
+
diff --git a/src/packages/components/Charts/Lines/LineGradients/index.vue b/src/packages/components/Charts/Lines/LineGradients/index.vue
index 8643426fdb5a50478421984afda52eea19c84ee4..ea67334b9c74a0d759007a3aa4f7ce2426a7549c 100644
--- a/src/packages/components/Charts/Lines/LineGradients/index.vue
+++ b/src/packages/components/Charts/Lines/LineGradients/index.vue
@@ -1,10 +1,11 @@
-
+
diff --git a/src/packages/components/Charts/Maps/MapAmap/config.ts b/src/packages/components/Charts/Maps/MapAmap/config.ts
index 97bf903c34f8d8fcfa9e5d70733710e9712473ea..b4545f208b234444e6f5231a6bf8ef5a3c0b05f6 100644
--- a/src/packages/components/Charts/Maps/MapAmap/config.ts
+++ b/src/packages/components/Charts/Maps/MapAmap/config.ts
@@ -30,6 +30,11 @@ export enum ViewModeEnum {
STEREOSCOPIC = '3D'
}
+export const ShowHideEnum = {
+ SHOW: true,
+ HIDE: false
+}
+
export enum FeaturesEnum {
BG = 'bg',
POINT = 'point',
@@ -46,6 +51,22 @@ export enum MarkerEnum {
NONE = 'none'
}
+
+export enum amapBoundaryTypeEnum {
+ // 国家
+ COUNTRY = 'country',
+ // 省/直辖市
+ PROVINCE = 'province',
+ // 市
+ CITY = 'city',
+ // 区/县
+ DISTRICT = 'district',
+ // 商圈
+ BIZ_AREA = 'biz_area'
+
+}
+
+
export const option = {
dataset: dataJson,
mapOptions: {
@@ -54,6 +75,16 @@ export const option = {
amapKey: 'd5f3e16589dbecae64d05fe90e2ba4f2',
amapStyleKey: ThemeEnum.DARK,
amapStyleKeyCustom: '',
+ amapBoundary:{
+ amapBoundaryEnable:false,
+ amapBoundaryName:'北京市',
+ amapBoundaryType:'province',
+ amapBoundaryFillOpacity:0.5,
+ amapBoundaryFillColor:'#00B2D5',
+ amapBoundaryStrokeWeight:1,
+ amapBoundaryStrokeOpacity:0.5,
+ amapBoundaryStrokeColor:'#00D3FC'
+ },
amapLon: 116.397428,
amapLat: 39.90923,
amapZindex: 11,
@@ -68,8 +99,42 @@ export const option = {
cursor: 'pointer',
clickable: true
},
+ markerCard:{
+ markerCardEnable:false,
+ markerCardTitle:'信息面板',
+ markerCardFillColor:'#FFFFFF82', //背景颜色
+ markerCardTextFillColor:'#000000FF', //字体颜色,
+ markerCardWidth:'30rem',
+ markerCardHeight:'15rem',
+ markerCardBorderRadius:20,
+ markerIcon:'', //图标
+ markerImage:'', //详情图
+ markerIconWidth:80, //图标宽度
+ markerIconHeight:80, //图标高度
+ markerIconDivWidth:80, //图标容器宽度
+ markerIconDivHeight:80 //图标容器高度
+ },
mapMarkerType: MarkerEnum.CIRCLE_MARKER,
viewMode: ViewModeEnum.PLANE,
+ showLabel: ShowHideEnum.SHOW,
+ satelliteTileLayer: {
+ show: ShowHideEnum.HIDE,
+ zIndex: 1,
+ opacity: 1,
+ zooms: [3, 18]
+ },
+ roadNetTileLayer: {
+ show: ShowHideEnum.HIDE,
+ zIndex: 2,
+ opacity: 1,
+ zooms: [3, 18]
+ },
+ trafficTileLayer: {
+ show: ShowHideEnum.HIDE,
+ zIndex: 3,
+ opacity: 1,
+ zooms: [3, 18]
+ },
lang: LangEnum.ZH_CN,
features: [FeaturesEnum.BG, FeaturesEnum.POINT, FeaturesEnum.ROAD, FeaturesEnum.BUILDING]
}
diff --git a/src/packages/components/Charts/Maps/MapAmap/config.vue b/src/packages/components/Charts/Maps/MapAmap/config.vue
index be3864bc3c2ef0b220b930a3f102559848635e94..e2ee518c932080254b8c3e641e4f59a32bcb211f 100644
--- a/src/packages/components/Charts/Maps/MapAmap/config.vue
+++ b/src/packages/components/Charts/Maps/MapAmap/config.vue
@@ -16,19 +16,72 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+ 是否显示
+
+
+
@@ -76,11 +129,155 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 是否显示
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 是否显示
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 是否显示
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Maps/MapAmap/data.json b/src/packages/components/Charts/Maps/MapAmap/data.json
index 97a5d9ea34995160de69b92f480eb94ae92b15ea..2786f83ba27e6dace523773a32dcc9cd3dd6ebf8 100644
--- a/src/packages/components/Charts/Maps/MapAmap/data.json
+++ b/src/packages/components/Charts/Maps/MapAmap/data.json
@@ -1,19 +1,37 @@
{
"markers": [
{
+ "id": 1,
+ "icon": "https://goviewpro.tos-cn-beijing.volces.com/charts-img-db/charts-img-db_id_4tmtkbnsdle000.png?date=1704421394543",
"name": "某某地市",
"value": 10,
- "position": [116.300467, 39.907761]
+ "position": [
+ 116.314699,
+ 39.913191
+ ],
+ "mapId": 97189
},
{
+ "id": 2,
+ "icon": "https://goviewpro.tos-cn-beijing.volces.com/charts-img-db/charts-img-db_id_4tmtkbnsdle000.png?date=1704421394543",
"name": "某某地市",
"value": 15,
- "position": [116.400567, 39.908761]
+ "position": [
+ 116.599051,
+ 39.87525
+ ],
+ "mapId": 97188
},
{
+ "id": 3,
+ "icon": "https://goviewpro.tos-cn-beijing.volces.com/charts-img-db/charts-img-db_id_4tmtkbnsdle000.png?date=1704421394543",
"name": "某某地市",
"value": 20,
- "position": [116.200467, 39.937761]
+ "position": [
+ 116.148827,
+ 39.785055
+ ],
+ "mapId": 97187
}
]
-}
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/Maps/MapAmap/index.vue b/src/packages/components/Charts/Maps/MapAmap/index.vue
index 741013cb14a562691a3eca3a6495e1c91a55eeb2..a16459d8954317b2e57f1e7270e75b81ba8d93c5 100644
--- a/src/packages/components/Charts/Maps/MapAmap/index.vue
+++ b/src/packages/components/Charts/Maps/MapAmap/index.vue
@@ -1,16 +1,70 @@
-
+
-
-
-
+
+
@@ -129,7 +125,7 @@
>
-
+
@@ -180,6 +176,22 @@
显示南海群岛
+
+ 点击进入下级
+
+
+
+
+
+
+
@@ -191,7 +203,7 @@
-
+
@@ -223,6 +235,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Maps/MapBase/mapGeojson/empty.json b/src/packages/components/Charts/Maps/MapBase/mapGeojson/empty.json
index 73fe6ff78107baa21c097e10fcdcd9d19503c714..60a9c4c40e963e3840af4835ebf03fe0da2cd6be 100644
--- a/src/packages/components/Charts/Maps/MapBase/mapGeojson/empty.json
+++ b/src/packages/components/Charts/Maps/MapBase/mapGeojson/empty.json
@@ -1,4 +1,4 @@
-{
- "type":"FeatureCollection",
- "features":[]
+{
+ "type":"FeatureCollection",
+ "features":[]
}
\ No newline at end of file
diff --git a/src/packages/components/Charts/Maps/MapCesium/config.ts b/src/packages/components/Charts/Maps/MapCesium/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7dea7c95c7c5e9870cf3d7ab2300b881001c184b
--- /dev/null
+++ b/src/packages/components/Charts/Maps/MapCesium/config.ts
@@ -0,0 +1,83 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { MapCesiumConfig } from './index'
+import { chartInitConfig } from '@/settings/designSetting'
+import cloneDeep from 'lodash/cloneDeep'
+import dataJson from './data.json'
+
+export enum ThemeEnum {
+ NORMAL = 'normal',
+ DARK = 'dark',
+ LIGHT = 'light',
+ WHITES_MOKE = 'whitesmoke',
+ FRESH = 'fresh',
+ GREY = 'grey',
+ GRAFFITI = 'graffiti',
+ MACARON = 'macaron',
+ BLUE = 'blue',
+ DARKBLUE = 'darkblue',
+ WINE = 'wine'
+}
+
+export enum LangEnum {
+ ZH_CN = 'zh_cn',
+ EN = 'en',
+ ZH_EN = 'zh_en'
+}
+
+export enum ViewModeEnum {
+ PLANE = '2D',
+ STEREOSCOPIC = '3D'
+}
+
+export enum FeaturesEnum {
+ BG = 'bg',
+ POINT = 'point',
+ ROAD = 'road',
+ BUILDING = 'building'
+}
+
+export enum MarkerEnum {
+ // 圆圈
+ CIRCLE_MARKER = 'CircleMarker',
+ // 定位标点
+ MARKER = 'Marker',
+ // 暂无
+ NONE = 'none'
+}
+
+export const option = {
+ dataset: dataJson,
+ mapOptions: {
+ pitch: 60,
+ skyColor: '#53A9DE',
+ amapKey: 'd5f3e16589dbecae64d05fe90e2ba4f2',
+ amapStyleKey: ThemeEnum.DARK,
+ amapStyleKeyCustom: '',
+ amapLon: 116.397428,
+ amapLat: 39.90923,
+ amapZindex: 11,
+ marker: {
+ fillColor: '#E98984FF',
+ fillOpacity: 0.5,
+ strokeColor: 'white',
+ strokeWeight: 2,
+ strokeOpacity: 0.5,
+ zIndex: 10,
+ bubble: true,
+ cursor: 'pointer',
+ clickable: true
+ },
+ mapMarkerType: MarkerEnum.CIRCLE_MARKER,
+ viewMode: ViewModeEnum.PLANE,
+ lang: LangEnum.ZH_CN,
+ features: [FeaturesEnum.BG, FeaturesEnum.POINT, FeaturesEnum.ROAD, FeaturesEnum.BUILDING]
+ }
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = MapCesiumConfig.key
+ public attr = { ...chartInitConfig, w: 1000, h: 800, zIndex: -1 }
+ public chartConfig = cloneDeep(MapCesiumConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Charts/Maps/MapCesium/config.vue b/src/packages/components/Charts/Maps/MapCesium/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..be3864bc3c2ef0b220b930a3f102559848635e94
--- /dev/null
+++ b/src/packages/components/Charts/Maps/MapCesium/config.vue
@@ -0,0 +1,199 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ °
+
+
+
+
+ °
+
+
+
+
+
+
+
+
+
+
+ {{ song.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Maps/MapCesium/data.json b/src/packages/components/Charts/Maps/MapCesium/data.json
new file mode 100644
index 0000000000000000000000000000000000000000..97a5d9ea34995160de69b92f480eb94ae92b15ea
--- /dev/null
+++ b/src/packages/components/Charts/Maps/MapCesium/data.json
@@ -0,0 +1,19 @@
+{
+ "markers": [
+ {
+ "name": "某某地市",
+ "value": 10,
+ "position": [116.300467, 39.907761]
+ },
+ {
+ "name": "某某地市",
+ "value": 15,
+ "position": [116.400567, 39.908761]
+ },
+ {
+ "name": "某某地市",
+ "value": 20,
+ "position": [116.200467, 39.937761]
+ }
+ ]
+}
diff --git a/src/packages/components/Charts/Maps/MapCesium/index.ts b/src/packages/components/Charts/Maps/MapCesium/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..96f8eeefe0e607c0c216c323771ab09320d70f3e
--- /dev/null
+++ b/src/packages/components/Charts/Maps/MapCesium/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const MapCesiumConfig: ConfigType = {
+ key: 'MapCesium',
+ chartKey: 'VMapCesium',
+ conKey: 'VCMapCesium',
+ title: 'CesiumGIS地图',
+ category: ChatCategoryEnum.MAP,
+ categoryName: ChatCategoryEnumName.MAP,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'map_cesium.png'
+}
diff --git a/src/packages/components/Charts/Maps/MapCesium/index.vue b/src/packages/components/Charts/Maps/MapCesium/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b267a27a5895fb24f0f8f332cc136d4774e96a28
--- /dev/null
+++ b/src/packages/components/Charts/Maps/MapCesium/index.vue
@@ -0,0 +1,267 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Charts/Maps/index.ts b/src/packages/components/Charts/Maps/index.ts
index 6fa94dccdfa30d173dfc9719cc4f0c4e7aace15a..ca3a7e883d703d0f946fe040d931f83b90d4a46c 100644
--- a/src/packages/components/Charts/Maps/index.ts
+++ b/src/packages/components/Charts/Maps/index.ts
@@ -1,4 +1,5 @@
import { MapBaseConfig } from './MapBase/index'
import { MapAmapConfig } from './MapAmap/index'
+import { MapCesiumConfig } from './MapCesium/index'
-export default [MapBaseConfig, MapAmapConfig]
+export default [MapBaseConfig, MapAmapConfig,MapCesiumConfig]
diff --git a/src/packages/components/Charts/Mores/BarLineCommon/config.ts b/src/packages/components/Charts/Mores/BarLineCommon/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..eea157e4f2237346fabc89054aeba258e244e6d5
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BarLineCommon/config.ts
@@ -0,0 +1,56 @@
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import { BarLineCommonConfig } from './index'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+import dataJson from './data.json'
+
+export const includes = ['legend', 'xAxis', 'yAxis', 'grid']
+export const seriesItem = {
+ type: 'bar',
+ barWidth: 15,
+ label: {
+ show: true,
+ position: 'top',
+ color: '#fff',
+ fontSize: 12
+ },
+ itemStyle: {
+ color: null,
+ borderRadius: 2
+ }
+}
+export const option = {
+ tooltip: {
+ show: true,
+ trigger: 'axis',
+ axisPointer: {
+ show: true,
+ type: 'shadow'
+ }
+ },
+ xAxis: {
+ show: true,
+ type: 'category'
+ },
+ yAxis: {
+ show: true,
+ type: 'value'
+ },
+ dataset: dataJson,
+ lineOptions: {
+ background: '#00000000',
+ legends: {
+ legendsVisible: true,
+ legendsPosition: "middle",
+ legendsOrient: "top"
+ }
+ },
+ series: [seriesItem, seriesItem]
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = BarLineCommonConfig.key
+ public chartConfig = cloneDeep(BarLineCommonConfig)
+ // 图表配置项
+ public option = echartOptionProfixHandle(option, includes)
+}
diff --git a/src/packages/components/Charts/Mores/BarLineCommon/config.vue b/src/packages/components/Charts/Mores/BarLineCommon/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..cda8aecd8d44ca622d9e837e76b89779324fe884
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BarLineCommon/config.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 展示标签
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/BarLineCommon/data.json b/src/packages/components/Charts/Mores/BarLineCommon/data.json
new file mode 100644
index 0000000000000000000000000000000000000000..a95c50b21666a9d27ba2b4c9c383f797044cb102
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BarLineCommon/data.json
@@ -0,0 +1,91 @@
+{
+ "dimensions": [
+ "date",
+ "早餐",
+ "午餐",
+ "饮料",
+ "咖啡"
+ ],
+ "source": [
+ {
+ "id": "id0",
+ "values": [
+ {
+ "date": "周一",
+ "早餐": 40,
+ "午餐": 45
+ },
+ {
+ "date": "周二",
+ "早餐": 32,
+ "午餐": 52
+ },
+ {
+ "date": "周三",
+ "早餐": 29,
+ "午餐": 48
+ },
+ {
+ "date": "周四",
+ "早餐": 25,
+ "午餐": 45
+ },
+ {
+ "date": "周五",
+ "早餐": 33,
+ "午餐": 40
+ },
+ {
+ "date": "周六",
+ "早餐": 22,
+ "午餐": 34
+ },
+ {
+ "date": "周日",
+ "早餐": 24,
+ "午餐": 28
+ }
+ ]
+ },
+ {
+ "id": "id1",
+ "values": [
+ {
+ "date": "周一",
+ "饮料": 22,
+ "咖啡": 12
+ },
+ {
+ "date": "周二",
+ "饮料": 43,
+ "咖啡": 63
+ },
+ {
+ "date": "周三",
+ "饮料": 33,
+ "咖啡": 13
+ },
+ {
+ "date": "周四",
+ "饮料": 22,
+ "咖啡": 29
+ },
+ {
+ "date": "周五",
+ "饮料": 10,
+ "咖啡": 16
+ },
+ {
+ "date": "周六",
+ "饮料": 30,
+ "咖啡": 60
+ },
+ {
+ "date": "周日",
+ "饮料": 50,
+ "咖啡": 26
+ }
+ ]
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/Mores/BarLineCommon/index.ts b/src/packages/components/Charts/Mores/BarLineCommon/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..739a0bea3fae6d5448b020d7d5832f27056a29f5
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BarLineCommon/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const BarLineCommonConfig: ConfigType = {
+ key: 'BarLineCommon',
+ chartKey: 'VBarLineCommon',
+ conKey: 'VCBarLineCommon',
+ title: '柱状折线字节版',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'visactor_bar_line.png'
+}
diff --git a/src/packages/components/Charts/Mores/BarLineCommon/index.vue b/src/packages/components/Charts/Mores/BarLineCommon/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c39f7cd2e77329393e2b6eab04c3dc23d95d9f45
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BarLineCommon/index.vue
@@ -0,0 +1,251 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 展示标签
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/BiaxLineCommon/data.json b/src/packages/components/Charts/Mores/BiaxLineCommon/data.json
new file mode 100644
index 0000000000000000000000000000000000000000..a95c50b21666a9d27ba2b4c9c383f797044cb102
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BiaxLineCommon/data.json
@@ -0,0 +1,91 @@
+{
+ "dimensions": [
+ "date",
+ "早餐",
+ "午餐",
+ "饮料",
+ "咖啡"
+ ],
+ "source": [
+ {
+ "id": "id0",
+ "values": [
+ {
+ "date": "周一",
+ "早餐": 40,
+ "午餐": 45
+ },
+ {
+ "date": "周二",
+ "早餐": 32,
+ "午餐": 52
+ },
+ {
+ "date": "周三",
+ "早餐": 29,
+ "午餐": 48
+ },
+ {
+ "date": "周四",
+ "早餐": 25,
+ "午餐": 45
+ },
+ {
+ "date": "周五",
+ "早餐": 33,
+ "午餐": 40
+ },
+ {
+ "date": "周六",
+ "早餐": 22,
+ "午餐": 34
+ },
+ {
+ "date": "周日",
+ "早餐": 24,
+ "午餐": 28
+ }
+ ]
+ },
+ {
+ "id": "id1",
+ "values": [
+ {
+ "date": "周一",
+ "饮料": 22,
+ "咖啡": 12
+ },
+ {
+ "date": "周二",
+ "饮料": 43,
+ "咖啡": 63
+ },
+ {
+ "date": "周三",
+ "饮料": 33,
+ "咖啡": 13
+ },
+ {
+ "date": "周四",
+ "饮料": 22,
+ "咖啡": 29
+ },
+ {
+ "date": "周五",
+ "饮料": 10,
+ "咖啡": 16
+ },
+ {
+ "date": "周六",
+ "饮料": 30,
+ "咖啡": 60
+ },
+ {
+ "date": "周日",
+ "饮料": 50,
+ "咖啡": 26
+ }
+ ]
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/Mores/BiaxLineCommon/index.ts b/src/packages/components/Charts/Mores/BiaxLineCommon/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1489cd4be2be993a30f015b5e762cbf1497d48d8
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BiaxLineCommon/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const BiaxLineCommonConfig: ConfigType = {
+ key: 'BiaxLineCommon',
+ chartKey: 'VBiaxLineCommon',
+ conKey: 'VCBiaxLineCommon',
+ title: '双轴折线字节版',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'visactor_biax_line.png'
+}
diff --git a/src/packages/components/Charts/Mores/BiaxLineCommon/index.vue b/src/packages/components/Charts/Mores/BiaxLineCommon/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..263ec7f7f6eb0b73ce76bf929d9af4b15cf0e5af
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BiaxLineCommon/index.vue
@@ -0,0 +1,276 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Charts/Mores/Dial/index.ts b/src/packages/components/Charts/Mores/Dial/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3b9b2923971d8f68b693e63069818d17db2f9595
--- /dev/null
+++ b/src/packages/components/Charts/Mores/Dial/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const DialConfig: ConfigType = {
+ key: 'Dial',
+ chartKey: 'VDial',
+ conKey: 'VCDial',
+ title: '表盘',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.COMMON,
+ image:'dial.png'
+}
diff --git a/src/packages/components/Charts/Mores/Dial/index.vue b/src/packages/components/Charts/Mores/Dial/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..cdd7c6d3fadfd3190b1ee2645e11b548932b5d84
--- /dev/null
+++ b/src/packages/components/Charts/Mores/Dial/index.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/Funnel/index.vue b/src/packages/components/Charts/Mores/Funnel/index.vue
index 45726ae20ad7bcb76e05c1a4b3fdd5041ead76f6..e4c16174c8a72212adc91e2126402e0a08686c04 100644
--- a/src/packages/components/Charts/Mores/Funnel/index.vue
+++ b/src/packages/components/Charts/Mores/Funnel/index.vue
@@ -1,10 +1,19 @@
-
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/GroundGlass/index.ts b/src/packages/components/Charts/Mores/GroundGlass/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3e33a8db635f6c0067e31e83f49c9434316389b8
--- /dev/null
+++ b/src/packages/components/Charts/Mores/GroundGlass/index.ts
@@ -0,0 +1,25 @@
+// 公共类型声明
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+// 当前[信息模块]分类声明
+import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
+
+
+
+export const GroundGlassConfig: ConfigType = {
+ // 唯一key
+ key: 'GroundGlass',
+ // 图表组件渲染 Components 格式: V + key
+ chartKey: 'VGroundGlass',
+ // 配置组件渲染 Components 格式: VC + key
+ conKey: 'VCGroundGlass',
+ // 名称
+ title: '磨砂玻璃透视',
+ // 子分类目录
+ category: ChatCategoryEnum.MORE,
+ // 子分类目录
+ categoryName: ChatCategoryEnumName.MORE,
+ // 包分类
+ package: PackagesCategoryEnum.CHARTS,
+ // 图片
+ image: 'ground_glass.png'
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/Mores/GroundGlass/index.vue b/src/packages/components/Charts/Mores/GroundGlass/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7d461ab7b47187dcd206f256cd1508343d7f51c6
--- /dev/null
+++ b/src/packages/components/Charts/Mores/GroundGlass/index.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 展示标签
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/data.json b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/data.json
new file mode 100644
index 0000000000000000000000000000000000000000..677690ad10251082b5b7baefdd41019b47fa3243
--- /dev/null
+++ b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/data.json
@@ -0,0 +1,303 @@
+{
+ "dimensions": [
+ "level",
+ "0-3",
+ "3-6",
+ "6-9",
+ "9-13"
+ ],
+ "source": [
+ {
+ "values": [
+ {
+ "time": "12814",
+ "month": "Jan",
+ "level": "0-3",
+ "location": "沿海"
+ },
+ {
+ "time": "3054",
+ "month": "Jan",
+ "level": "3-6",
+ "location": "沿海"
+ },
+ {
+ "time": "4376",
+ "month": "Jan",
+ "level": "6-9",
+ "location": "沿海"
+ },
+ {
+ "time": "4229",
+ "month": "Jan",
+ "level": "9-12",
+ "location": "沿海"
+ },
+ {
+ "time": "8814",
+ "month": "Feb",
+ "level": "0-3",
+ "location": "沿海"
+ },
+ {
+ "time": "5067",
+ "month": "Feb",
+ "level": "3-6",
+ "location": "沿海"
+ },
+ {
+ "time": "13987",
+ "month": "Feb",
+ "level": "6-9",
+ "location": "沿海"
+ },
+ {
+ "time": "3932",
+ "month": "Feb",
+ "level": "9-12",
+ "location": "沿海"
+ },
+ {
+ "time": "11624",
+ "month": "Mar",
+ "level": "0-3",
+ "location": "沿海"
+ },
+ {
+ "time": "7004",
+ "month": "Mar",
+ "level": "3-6",
+ "location": "沿海"
+ },
+ {
+ "time": "3574",
+ "month": "Mar",
+ "level": "6-9",
+ "location": "沿海"
+ },
+ {
+ "time": "5221",
+ "month": "Mar",
+ "level": "9-12",
+ "location": "沿海"
+ },
+ {
+ "time": "8814",
+ "month": "Apr",
+ "level": "0-3",
+ "location": "沿海"
+ },
+ {
+ "time": "9054",
+ "month": "Apr",
+ "level": "3-6",
+ "location": "沿海"
+ },
+ {
+ "time": "4376",
+ "month": "Apr",
+ "level": "6-9",
+ "location": "沿海"
+ },
+ {
+ "time": "5256",
+ "month": "Apr",
+ "level": "9-12",
+ "location": "沿海"
+ },
+ {
+ "time": "9998",
+ "month": "May",
+ "level": "0-3",
+ "location": "沿海"
+ },
+ {
+ "time": "5043",
+ "month": "May",
+ "level": "3-6",
+ "location": "沿海"
+ },
+ {
+ "time": "4572",
+ "month": "May",
+ "level": "6-9",
+ "location": "沿海"
+ },
+ {
+ "time": "3308",
+ "month": "May",
+ "level": "9-12",
+ "location": "沿海"
+ },
+ {
+ "time": "12321",
+ "month": "Jun",
+ "level": "0-3",
+ "location": "沿海"
+ },
+ {
+ "time": "15067",
+ "month": "Jun",
+ "level": "3-6",
+ "location": "沿海"
+ },
+ {
+ "time": "3417",
+ "month": "Jun",
+ "level": "6-9",
+ "location": "沿海"
+ },
+ {
+ "time": "5432",
+ "month": "Jun",
+ "level": "9-12",
+ "location": "沿海"
+ },
+ {
+ "time": "8912",
+ "month": "Jan",
+ "level": "0-3",
+ "location": "内陆"
+ },
+ {
+ "time": "1753",
+ "month": "Jan",
+ "level": "3-6",
+ "location": "内陆"
+ },
+ {
+ "time": "1905",
+ "month": "Jan",
+ "level": "6-9",
+ "location": "内陆"
+ },
+ {
+ "time": "2057",
+ "month": "Jan",
+ "level": "9-12",
+ "location": "内陆"
+ },
+ {
+ "time": "6987",
+ "month": "Feb",
+ "level": "0-3",
+ "location": "内陆"
+ },
+ {
+ "time": "1873",
+ "month": "Feb",
+ "level": "3-6",
+ "location": "内陆"
+ },
+ {
+ "time": "8017",
+ "month": "Feb",
+ "level": "6-9",
+ "location": "内陆"
+ },
+ {
+ "time": "3056",
+ "month": "Feb",
+ "level": "9-12",
+ "location": "内陆"
+ },
+ {
+ "time": "8124",
+ "month": "Mar",
+ "level": "0-3",
+ "location": "内陆"
+ },
+ {
+ "time": "6900",
+ "month": "Mar",
+ "level": "3-6",
+ "location": "内陆"
+ },
+ {
+ "time": "2768",
+ "month": "Mar",
+ "level": "6-9",
+ "location": "内陆"
+ },
+ {
+ "time": "1070",
+ "month": "Mar",
+ "level": "9-12",
+ "location": "内陆"
+ },
+ {
+ "time": "3986",
+ "month": "Apr",
+ "level": "0-3",
+ "location": "内陆"
+ },
+ {
+ "time": "7986",
+ "month": "Apr",
+ "level": "3-6",
+ "location": "内陆"
+ },
+ {
+ "time": "1453",
+ "month": "Apr",
+ "level": "6-9",
+ "location": "内陆"
+ },
+ {
+ "time": "3215",
+ "month": "Apr",
+ "level": "9-12",
+ "location": "内陆"
+ },
+ {
+ "time": "7905",
+ "month": "May",
+ "level": "0-3",
+ "location": "内陆"
+ },
+ {
+ "time": "4908",
+ "month": "May",
+ "level": "3-6",
+ "location": "内陆"
+ },
+ {
+ "time": "1030",
+ "month": "May",
+ "level": "6-9",
+ "location": "内陆"
+ },
+ {
+ "time": "852",
+ "month": "May",
+ "level": "9-12",
+ "location": "内陆"
+ },
+ {
+ "time": "3018",
+ "month": "Jun",
+ "level": "0-3",
+ "location": "内陆"
+ },
+ {
+ "time": "8954",
+ "month": "Jun",
+ "level": "3-6",
+ "location": "内陆"
+ },
+ {
+ "time": "1395",
+ "month": "Jun",
+ "level": "6-9",
+ "location": "内陆"
+ },
+ {
+ "time": "3520",
+ "month": "Jun",
+ "level": "9-12",
+ "location": "内陆"
+ }
+ ]
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/index.ts b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3713c37900771f70350fbd37f0223ff5b1754b3e
--- /dev/null
+++ b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const GroupedStackedRoseChartCommonConfig: ConfigType = {
+ key: 'GroupedStackedRoseChartCommon',
+ chartKey: 'VGroupedStackedRoseChartCommon',
+ conKey: 'VCGroupedStackedRoseChartCommon',
+ title: '分组堆叠玫瑰图字节版',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'grouped_stacked_rose_chart.png'
+}
diff --git a/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/index.vue b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f2cef69294740b86e1e784d49b6aa08cbd9082d1
--- /dev/null
+++ b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/index.vue
@@ -0,0 +1,227 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 展示标签
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/data.json b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/data.json
new file mode 100644
index 0000000000000000000000000000000000000000..35b96f57bb07b5db128dd84997a687060838d6f9
--- /dev/null
+++ b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/data.json
@@ -0,0 +1,310 @@
+{
+ "dimensions": [
+ "product",
+ "0-3",
+ "3-6",
+ "6-9",
+ "9-13"
+ ],
+ "source": [
+ {
+ "id": "barData",
+ "values": [
+ {
+ "State": "AL",
+ "age": "Under 5 Years",
+ "population": 310504,
+ "type": "a"
+ },
+ {
+ "State": "AL",
+ "age": "5 to 13 Years",
+ "population": 552339,
+ "type": "a"
+ },
+ {
+ "State": "AL",
+ "age": "14 to 17 Years",
+ "population": 259034,
+ "type": "a"
+ },
+ {
+ "State": "AL",
+ "age": "18 to 24 Years",
+ "population": 450818,
+ "type": "b"
+ },
+ {
+ "State": "AL",
+ "age": "25 to 44 Years",
+ "population": 1231572,
+ "type": "c"
+ },
+ {
+ "State": "AL",
+ "age": "45 to 64 Years",
+ "population": 1215966,
+ "type": "d"
+ },
+ {
+ "State": "AL",
+ "age": "65 Years and Over",
+ "population": 641667,
+ "type": "d"
+ },
+ {
+ "State": "AK",
+ "age": "Under 5 Years",
+ "population": 52083,
+ "type": "a"
+ },
+ {
+ "State": "AK",
+ "age": "5 to 13 Years",
+ "population": 85640,
+ "type": "a"
+ },
+ {
+ "State": "AK",
+ "age": "14 to 17 Years",
+ "population": 42153,
+ "type": "a"
+ },
+ {
+ "State": "AK",
+ "age": "18 to 24 Years",
+ "population": 74257,
+ "type": "b"
+ },
+ {
+ "State": "AK",
+ "age": "25 to 44 Years",
+ "population": 198724,
+ "type": "c"
+ },
+ {
+ "State": "AK",
+ "age": "45 to 64 Years",
+ "population": 183159,
+ "type": "d"
+ },
+ {
+ "State": "AK",
+ "age": "65 Years and Over",
+ "population": 50277,
+ "type": "d"
+ },
+ {
+ "State": "AZ",
+ "age": "Under 5 Years",
+ "population": 515910,
+ "type": "a"
+ },
+ {
+ "State": "AZ",
+ "age": "5 to 13 Years",
+ "population": 828669,
+ "type": "a"
+ },
+ {
+ "State": "AZ",
+ "age": "14 to 17 Years",
+ "population": 362642,
+ "type": "a"
+ },
+ {
+ "State": "AZ",
+ "age": "18 to 24 Years",
+ "population": 601943,
+ "type": "b"
+ },
+ {
+ "State": "AZ",
+ "age": "25 to 44 Years",
+ "population": 1804762,
+ "type": "c"
+ },
+ {
+ "State": "AZ",
+ "age": "45 to 64 Years",
+ "population": 1523681,
+ "type": "d"
+ },
+ {
+ "State": "AZ",
+ "age": "65 Years and Over",
+ "population": 862573,
+ "type": "d"
+ },
+ {
+ "State": "AR",
+ "age": "Under 5 Years",
+ "population": 202070,
+ "type": "a"
+ },
+ {
+ "State": "AR",
+ "age": "5 to 13 Years",
+ "population": 343207,
+ "type": "a"
+ },
+ {
+ "State": "AR",
+ "age": "14 to 17 Years",
+ "population": 157204,
+ "type": "a"
+ },
+ {
+ "State": "AR",
+ "age": "18 to 24 Years",
+ "population": 264160,
+ "type": "b"
+ },
+ {
+ "State": "AR",
+ "age": "25 to 44 Years",
+ "population": 754420,
+ "type": "c"
+ },
+ {
+ "State": "AR",
+ "age": "45 to 64 Years",
+ "population": 727124,
+ "type": "d"
+ },
+ {
+ "State": "AR",
+ "age": "65 Years and Over",
+ "population": 407205,
+ "type": "d"
+ },
+ {
+ "State": "CA",
+ "age": "Under 5 Years",
+ "population": 2704659,
+ "type": "a"
+ },
+ {
+ "State": "CA",
+ "age": "5 to 13 Years",
+ "population": 4499890,
+ "type": "a"
+ },
+ {
+ "State": "CA",
+ "age": "14 to 17 Years",
+ "population": 2159981,
+ "type": "a"
+ },
+ {
+ "State": "CA",
+ "age": "18 to 24 Years",
+ "population": 3853788,
+ "type": "b"
+ },
+ {
+ "State": "CA",
+ "age": "25 to 44 Years",
+ "population": 10604510,
+ "type": "c"
+ },
+ {
+ "State": "CA",
+ "age": "45 to 64 Years",
+ "population": 8819342,
+ "type": "d"
+ },
+ {
+ "State": "CA",
+ "age": "65 Years and Over",
+ "population": 4114496,
+ "type": "d"
+ },
+ {
+ "State": "CO",
+ "age": "Under 5 Years",
+ "population": 358280,
+ "type": "a"
+ },
+ {
+ "State": "CO",
+ "age": "5 to 13 Years",
+ "population": 587154,
+ "type": "a"
+ },
+ {
+ "State": "CO",
+ "age": "14 to 17 Years",
+ "population": 261701,
+ "type": "a"
+ },
+ {
+ "State": "CO",
+ "age": "18 to 24 Years",
+ "population": 466194,
+ "type": "b"
+ },
+ {
+ "State": "CO",
+ "age": "25 to 44 Years",
+ "population": 1464939,
+ "type": "c"
+ },
+ {
+ "State": "CO",
+ "age": "45 to 64 Years",
+ "population": 1290094,
+ "type": "d"
+ },
+ {
+ "State": "CO",
+ "age": "65 Years and Over",
+ "population": 511094,
+ "type": "d"
+ },
+ {
+ "State": "CT",
+ "age": "Under 5 Years",
+ "population": 211637,
+ "type": "a"
+ },
+ {
+ "State": "CT",
+ "age": "5 to 13 Years",
+ "population": 403658,
+ "type": "a"
+ },
+ {
+ "State": "CT",
+ "age": "14 to 17 Years",
+ "population": 196918,
+ "type": "a"
+ },
+ {
+ "State": "CT",
+ "age": "18 to 24 Years",
+ "population": 325110,
+ "type": "b"
+ },
+ {
+ "State": "CT",
+ "age": "25 to 44 Years",
+ "population": 916955,
+ "type": "c"
+ },
+ {
+ "State": "CT",
+ "age": "45 to 64 Years",
+ "population": 968967,
+ "type": "d"
+ },
+ {
+ "State": "CT",
+ "age": "65 Years and Over",
+ "population": 478007,
+ "type": "d"
+ }
+ ]
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/index.ts b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f49064ae186c9a4a3dbb024dac23617728d10867
--- /dev/null
+++ b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const PolarCoordinateAxisCommonConfig: ConfigType = {
+ key: 'PolarCoordinateAxisCommon',
+ chartKey: 'VPolarCoordinateAxisCommon',
+ conKey: 'VCPolarCoordinateAxisCommon',
+ title: '极坐标轴图字节版',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'polar_coordinate_axis.png'
+}
diff --git a/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/index.vue b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..fc2944662a267c94bb0d73c6a370429e3c5c315e
--- /dev/null
+++ b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/index.vue
@@ -0,0 +1,274 @@
+
+
diff --git a/src/packages/components/Charts/Mores/Radar/index.vue b/src/packages/components/Charts/Mores/Radar/index.vue
index 2e52326700a763df73fad1bb6789bdb159848b6f..164516efafce49b906811c3e6d7eb3b34985830f 100644
--- a/src/packages/components/Charts/Mores/Radar/index.vue
+++ b/src/packages/components/Charts/Mores/Radar/index.vue
@@ -1,16 +1,17 @@
-
+
+
+
+
+
+
+
@@ -31,24 +47,8 @@
>
-
-
-
-
-
-
-
-
-
-
+
@@ -69,6 +69,18 @@
v-model:value="item.data[1].itemStyle.shadowColor"
>
+
+
diff --git a/src/packages/components/Charts/Pies/PieCircle/index.vue b/src/packages/components/Charts/Pies/PieCircle/index.vue
index 60f5c921d58d3542591d5d829dfcdac7ad6fa2b0..bf6250cdc0ad7c8a03b95eef013e5e8e0e0751a0 100644
--- a/src/packages/components/Charts/Pies/PieCircle/index.vue
+++ b/src/packages/components/Charts/Pies/PieCircle/index.vue
@@ -1,10 +1,11 @@
-
+
diff --git a/src/packages/components/Charts/Scatters/ScatterCommon/config.ts b/src/packages/components/Charts/Scatters/ScatterCommon/config.ts
index e0a847eca5ffa4e93c842d46948db2f020cbee11..916d43babd75a9263750aee6716fead67a9cc8f1 100644
--- a/src/packages/components/Charts/Scatters/ScatterCommon/config.ts
+++ b/src/packages/components/Charts/Scatters/ScatterCommon/config.ts
@@ -47,10 +47,9 @@ export const option = {
tooltip: {
showDelay: 0,
formatter: (params: { value: string | any[]; seriesName: string; name: string }) => {
- // console.log(params)
return params.value.length > 1
? `${params.seriesName}：
${params.value[0]} ${params.value[1]}` - : `${params.seriesName}：
${params.name} ${params.value}` + : `${params.name} ${params.value}` }, axisPointer: { show: true, diff --git a/src/packages/components/Charts/Scatters/ScatterCommon/index.vue b/src/packages/components/Charts/Scatters/ScatterCommon/index.vue index fd69109f853bbc6c885d6965112c2ff9298b8f95..4a02d93b57144528c7b0e51e758c724d4674fd39 100644 --- a/src/packages/components/Charts/Scatters/ScatterCommon/index.vue +++ b/src/packages/components/Charts/Scatters/ScatterCommon/index.vue @@ -1,6 +1,7 @@
import { PropType, computed, watch, ref, nextTick } from 'vue'
import VChart from 'vue-echarts'
+import { useCanvasInitOptions } from '@/hooks/useCanvasInitOptions.hook'
import { use } from 'echarts/core'
import { CanvasRenderer } from 'echarts/renderers'
import { ScatterChart, EffectScatterChart } from 'echarts/charts'
@@ -46,6 +48,8 @@ const props = defineProps({
}
})
+const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSetting)
+
use([
DatasetComponent,
CanvasRenderer,
diff --git a/src/packages/components/Charts/Scatters/ScatterLogarithmicRegression/index.vue b/src/packages/components/Charts/Scatters/ScatterLogarithmicRegression/index.vue
index d1c9255d7d47af6dfb0d59837c39705e608c946c..1df5f8091126c307fcdf8471ba2830bf9f91f940 100644
--- a/src/packages/components/Charts/Scatters/ScatterLogarithmicRegression/index.vue
+++ b/src/packages/components/Charts/Scatters/ScatterLogarithmicRegression/index.vue
@@ -1,6 +1,7 @@
import { PropType, computed, ref } from 'vue'
import VChart from 'vue-echarts'
+import { useCanvasInitOptions } from '@/hooks/useCanvasInitOptions.hook'
import ecStat from 'echarts-stat'
import { use, registerTransform } from 'echarts/core'
import { CanvasRenderer } from 'echarts/renderers'
@@ -47,6 +49,8 @@ const props = defineProps({
}
})
+const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSetting)
+
use([
DatasetComponent,
CanvasRenderer,
diff --git a/src/packages/components/Charts/index.d.ts b/src/packages/components/Charts/index.d.ts
index c033c2969f1895310a492e37c9e68d2935b754c0..d7cc271474200fb67f8391da1838c0ea2bd8dc6f 100644
--- a/src/packages/components/Charts/index.d.ts
+++ b/src/packages/components/Charts/index.d.ts
@@ -14,5 +14,6 @@ export enum ChatCategoryEnumName {
LINE = '折线图',
SCATTER = '散点图',
MAP = '地图',
+ COMBINATION = '组合图',
MORE = '更多'
}
diff --git a/src/packages/components/Decorates/Borders/Border01/index.ts b/src/packages/components/Decorates/Borders/Border01/index.ts
index 4cc33f6abf70c386e403191855c49ec96bdf9532..2124d4c41f29d453b291dbda9506f4d16759f8d4 100644
--- a/src/packages/components/Decorates/Borders/Border01/index.ts
+++ b/src/packages/components/Decorates/Borders/Border01/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border01Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border01Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border01.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border02/index.ts b/src/packages/components/Decorates/Borders/Border02/index.ts
index 29d4ecdeb7776ea67b04c64c001a6f5f294eb397..de6ecc707d5db22a901e4bc27e9a411d233d0daa 100644
--- a/src/packages/components/Decorates/Borders/Border02/index.ts
+++ b/src/packages/components/Decorates/Borders/Border02/index.ts
@@ -1,5 +1,5 @@
import image from '@/assets/images/chart/decorates/border02.png'
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border02Config: ConfigType = {
@@ -10,5 +10,6 @@ export const Border02Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border02.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border03/index.ts b/src/packages/components/Decorates/Borders/Border03/index.ts
index 0f2759a8e2d89c167f942659f7fc1ba8af78f13e..e2ffb9d2f1180e3d4d70e77a87c9021837310efd 100644
--- a/src/packages/components/Decorates/Borders/Border03/index.ts
+++ b/src/packages/components/Decorates/Borders/Border03/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border03Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border03Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border03.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border04/index.ts b/src/packages/components/Decorates/Borders/Border04/index.ts
index 42b351c41c96f28d985abb4f4f1c0c2248c3cec7..e82cd5d73b45291dad6c2ad72a3b9ee44849d427 100644
--- a/src/packages/components/Decorates/Borders/Border04/index.ts
+++ b/src/packages/components/Decorates/Borders/Border04/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border04Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border04Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border04.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border05/index.ts b/src/packages/components/Decorates/Borders/Border05/index.ts
index b9c71cd23352fad8e59d12c6de9fca1cbacd3ffd..ebee42f0fa2170941c11a658f2ba25eadeaef84e 100644
--- a/src/packages/components/Decorates/Borders/Border05/index.ts
+++ b/src/packages/components/Decorates/Borders/Border05/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border05Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border05Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border05.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border06/index.ts b/src/packages/components/Decorates/Borders/Border06/index.ts
index f32e3be41acec55cf2c6c7e2010509e77f6036bf..5cb72fd3b9696d5bcbb5d4ca1d6a6ec562ef7226 100644
--- a/src/packages/components/Decorates/Borders/Border06/index.ts
+++ b/src/packages/components/Decorates/Borders/Border06/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border06Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border06Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border06.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border07/index.ts b/src/packages/components/Decorates/Borders/Border07/index.ts
index 4d751913102a6adbfc5b142ae6184ab37469b2ba..f58d8b91f209f17682e2b7bdc9823ca8c194da80 100644
--- a/src/packages/components/Decorates/Borders/Border07/index.ts
+++ b/src/packages/components/Decorates/Borders/Border07/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border07Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border07Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border07.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border08/index.ts b/src/packages/components/Decorates/Borders/Border08/index.ts
index 7096ea1e0a49e5294648a342475333dba3ceaacd..c8413c9087f614b29f66c8e380e1d2700dac415a 100644
--- a/src/packages/components/Decorates/Borders/Border08/index.ts
+++ b/src/packages/components/Decorates/Borders/Border08/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border08Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border08Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border08.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border09/index.ts b/src/packages/components/Decorates/Borders/Border09/index.ts
index 45078b020491d7bd6f06b82a197b87d6654602db..7c5b4a633c7b213ad6178f7d2633d0c82030f755 100644
--- a/src/packages/components/Decorates/Borders/Border09/index.ts
+++ b/src/packages/components/Decorates/Borders/Border09/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border09Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border09Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border09.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border10/index.ts b/src/packages/components/Decorates/Borders/Border10/index.ts
index e059257cf8f9c1556a1b642c61b510fc38dadf7f..ffc07d2bb43672c37640817a6fac577d4a69ce2e 100644
--- a/src/packages/components/Decorates/Borders/Border10/index.ts
+++ b/src/packages/components/Decorates/Borders/Border10/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border10Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border10Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border10.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border11/index.ts b/src/packages/components/Decorates/Borders/Border11/index.ts
index 12bc1245928298cb32818d16287d408a74be7440..22b6798f36a24fd80159b8497c5ea338a323c053 100644
--- a/src/packages/components/Decorates/Borders/Border11/index.ts
+++ b/src/packages/components/Decorates/Borders/Border11/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border11Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border11Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border11.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border12/index.ts b/src/packages/components/Decorates/Borders/Border12/index.ts
index ecd821627416f90a452436ea363d5679e1f7f47a..6c6ed9de6daa2c53b910f60d5944e1159bc32ff6 100644
--- a/src/packages/components/Decorates/Borders/Border12/index.ts
+++ b/src/packages/components/Decorates/Borders/Border12/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border12Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border12Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border12.png'
}
diff --git a/src/packages/components/Decorates/Borders/Border13/index.ts b/src/packages/components/Decorates/Borders/Border13/index.ts
index 051448938a9c9e61cce55aa15c0943f692d912a0..f103e1c464fe25af697a6a58875ab79bde7137dd 100644
--- a/src/packages/components/Decorates/Borders/Border13/index.ts
+++ b/src/packages/components/Decorates/Borders/Border13/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Border13Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Border13Config: ConfigType = {
category: ChatCategoryEnum.BORDER,
categoryName: ChatCategoryEnumName.BORDER,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'border13.png'
}
diff --git a/src/packages/components/Decorates/Decorates/Decorates01/index.ts b/src/packages/components/Decorates/Decorates/Decorates01/index.ts
index 8e9f760c6034e1a55c47a1ba9563e312cca40690..292a1752d016b6c40d3b9bfc2398f83e39df1d56 100644
--- a/src/packages/components/Decorates/Decorates/Decorates01/index.ts
+++ b/src/packages/components/Decorates/Decorates/Decorates01/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
export const Decorates01Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Decorates01Config: ConfigType = {
category: ChatCategoryEnum.DECORATE,
categoryName: ChatCategoryEnumName.DECORATE,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'decorates01.png'
}
diff --git a/src/packages/components/Decorates/Decorates/Decorates02/index.ts b/src/packages/components/Decorates/Decorates/Decorates02/index.ts
index 09e7332899913594ac6346b618347b55b862b0be..b371fbf37811d37431da1a20892d28f17b9b6523 100644
--- a/src/packages/components/Decorates/Decorates/Decorates02/index.ts
+++ b/src/packages/components/Decorates/Decorates/Decorates02/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
export const Decorates02Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Decorates02Config: ConfigType = {
category: ChatCategoryEnum.DECORATE,
categoryName: ChatCategoryEnumName.DECORATE,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'decorates02.png'
}
diff --git a/src/packages/components/Decorates/Decorates/Decorates03/index.ts b/src/packages/components/Decorates/Decorates/Decorates03/index.ts
index a580504af243e5debc3e090a494e57735ae918d9..9e8f6ca1fb29f9e33ec1491cc7a7f55785605311 100644
--- a/src/packages/components/Decorates/Decorates/Decorates03/index.ts
+++ b/src/packages/components/Decorates/Decorates/Decorates03/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Decorates03Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Decorates03Config: ConfigType = {
category: ChatCategoryEnum.DECORATE,
categoryName: ChatCategoryEnumName.DECORATE,
package: PackagesCategoryEnum.DECORATES,
- image: 'decorates01.png'
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'decorates03.png'
}
diff --git a/src/packages/components/Decorates/Decorates/Decorates04/index.ts b/src/packages/components/Decorates/Decorates/Decorates04/index.ts
index 32c4b8390d877212169ae4eae4fa527a3f9b2873..8811f65c034f4bc29ab639f524153ab83e9db395 100644
--- a/src/packages/components/Decorates/Decorates/Decorates04/index.ts
+++ b/src/packages/components/Decorates/Decorates/Decorates04/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Decorates04Config: ConfigType = {
@@ -9,5 +9,6 @@ export const Decorates04Config: ConfigType = {
category: ChatCategoryEnum.DECORATE,
categoryName: ChatCategoryEnumName.DECORATE,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'decorates04.png'
}
diff --git a/src/packages/components/Decorates/Decorates/Decorates05/index.ts b/src/packages/components/Decorates/Decorates/Decorates05/index.ts
index ba1405d45789f745bde7f641dbfe95e111388ac1..c605887d1a6f2d208c9ae0f145a1d51a29475813 100644
--- a/src/packages/components/Decorates/Decorates/Decorates05/index.ts
+++ b/src/packages/components/Decorates/Decorates/Decorates05/index.ts
@@ -1,5 +1,5 @@
import image from '@/assets/images/chart/decorates/decorates05.png'
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const Decorates05Config: ConfigType = {
@@ -10,5 +10,6 @@ export const Decorates05Config: ConfigType = {
category: ChatCategoryEnum.DECORATE,
categoryName: ChatCategoryEnumName.DECORATE,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'decorates05.png'
}
diff --git a/src/packages/components/Decorates/Decorates/Decorates06/index.ts b/src/packages/components/Decorates/Decorates/Decorates06/index.ts
index 6667bfa273897dd6e673d1a870a1b597b62e5a46..29acf222701bf7c400b1a1bcc6db077d9e8c3b4f 100644
--- a/src/packages/components/Decorates/Decorates/Decorates06/index.ts
+++ b/src/packages/components/Decorates/Decorates/Decorates06/index.ts
@@ -9,6 +9,6 @@ export const Decorates06Config: ConfigType = {
category: ChatCategoryEnum.DECORATE,
categoryName: ChatCategoryEnumName.DECORATE,
package: PackagesCategoryEnum.DECORATES,
- chartFrame: ChartFrameEnum.COMMON,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'decorates06.png'
}
diff --git a/src/packages/components/Decorates/Decorates/Decorates07/config.ts b/src/packages/components/Decorates/Decorates/Decorates07/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..896783855eb514116aa95314cf0a140afc350f80
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates07/config.ts
@@ -0,0 +1,171 @@
+import { PublicConfigClass } from '@/packages/public'
+import { chartInitConfig } from '@/settings/designSetting'
+import { CreateComponentType } from '@/packages/index.d'
+import { Decorates07Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+
+
+
+export const pointFlickerStatusType = [
+ {
+ label: '开',
+ value: '1'
+ },
+ {
+ label: '关',
+ value: '0'
+ }
+]
+
+
+export const pointFlickerType = [
+ {
+ label: '即时',
+ value: 'immediately'
+ },
+ {
+ label: '渐变',
+ value: 'slow'
+ }
+]
+
+export const pointFrequencyType = [
+ {
+ label: '低',
+ value: 3000
+ },
+ {
+ label: '中',
+ value: 1000
+ },
+ {
+ label: '快',
+ value: 500
+ },
+ {
+ label: '超快',
+ value: 100
+ },
+ {
+ label: '嗷比快',
+ value: 10
+ }
+]
+
+
+export const pointStatusType = [
+ {
+ label: '关闭',
+ value: '0'
+ },
+ {
+ label: '开启',
+ value: '1'
+ },
+ {
+ label: '异常',
+ value: '2'
+ }
+]
+
+export const alignItemsType = [
+ {
+ label: '左侧对齐',
+ value: 'start'
+ },
+ {
+ label: '居中对齐',
+ value: 'center'
+ },
+ {
+ label: '右侧对齐',
+ value: 'end'
+ }
+]
+
+
+
+export const justifyContentType = [
+ {
+ label: '左侧对齐',
+ value: 'start'
+ },
+ {
+ label: '右侧对齐',
+ value: 'end'
+ },
+ {
+ label: '居中对齐',
+ value: 'center'
+ },
+ {
+ label: '左右对齐',
+ value: 'space-between'
+ },
+ {
+ label: '左右居中对齐(偏居中)',
+ value: 'space-evenly'
+ },
+ {
+ label: '左右居中对齐(偏左右)',
+ value: 'space-around'
+ },
+
+]
+
+
+
+export const flexDirectionType = [
+ {
+ label: '上下',
+ value: 'column'
+ },
+ {
+ label: '下上',
+ value: 'column-reverse'
+ },
+ {
+ label: '左右',
+ value: 'row'
+ },{
+ label: '右左',
+ value: 'row-reverse'
+ },
+
+]
+
+
+export const option = {
+ colors: ['#25ECD921', '#1DC1F585'],//背景颜色 ，描边颜色
+ dataset: '状态',//标题
+ textColor: '#fff', //标题颜色
+ textSize: 32, // 标题字体大小
+ borderSize:'1', //描边粗细
+ borderRadius: '0', //圆角
+ pointStatus: '1',//指示灯状态0关闭1开启2异常
+ pointFlickerStatus: '0',//指示灯闪动开关
+ pointFrequency:1000, //指示灯闪动频次 低：3000 中:1000 快:500
+ pointFlicker:'immediately',//指示灯闪动效果 即时:immediately 缓慢渐变:slow
+
+ // changeOpcity: 1,//闪动控制器
+
+ pointOpenColor:'#10c504', //开启状态颜色
+ pointOpenShadowColor:'#b5ffae', //开启状态发光颜色
+
+ pointCloseColor:'#eee',//关闭状态颜色
+
+ pointErrorColor:'#d9001b',
+ pointErrorShadowColor:'#d93d53',//异常状态发光颜色
+ pointSize:'32',//状态灯大小
+ flexDirection: 'column',//排列方式flex-Direction 常用几种 column:上下 column-reverse:下上 row:左右 row-reverse:右左
+ justifyContent: 'center',
+ alignItems: 'center'
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = Decorates07Config.key
+ public attr = { ...chartInitConfig, w: 500, h: 70, zIndex: 1 }
+ public chartConfig = cloneDeep(Decorates07Config)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/Decorates/Decorates07/config.vue b/src/packages/components/Decorates/Decorates/Decorates07/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..71955647dd914f388ef75903a5e8a54f38ecae8d
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates07/config.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{optionData.justifyContent}}
+
+
+ {{optionData.alignItems}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 恢复默认
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Decorates/Decorates07/index.ts b/src/packages/components/Decorates/Decorates/Decorates07/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ffc6fbfbb27dfc2f96fc02e834fa4f6dd153d189
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates07/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const Decorates07Config: ConfigType = {
+ key: 'Decorates07',
+ chartKey: 'VDecorates07',
+ conKey: 'VCDecorates07',
+ title: '装饰-07',
+ category: ChatCategoryEnum.DECORATE,
+ categoryName: ChatCategoryEnumName.DECORATE,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'status_lamp.png'
+}
diff --git a/src/packages/components/Decorates/Decorates/Decorates07/index.vue b/src/packages/components/Decorates/Decorates/Decorates07/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3cd71b456069a145ebd2e7f060de1768424e34ca
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates07/index.vue
@@ -0,0 +1,212 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{optionData.justifyContent}}
+
+
+ {{optionData.alignItems}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 恢复默认
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Decorates/Decorates08/index.ts b/src/packages/components/Decorates/Decorates/Decorates08/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..db33f48bac1809ae9e1a3b2282de1a48b824d20e
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates08/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const Decorates08Config: ConfigType = {
+ key: 'Decorates08',
+ chartKey: 'VDecorates08',
+ conKey: 'VCDecorates08',
+ title: '装饰-08',
+ category: ChatCategoryEnum.DECORATE,
+ categoryName: ChatCategoryEnumName.DECORATE,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'decorates08.png'
+}
diff --git a/src/packages/components/Decorates/Decorates/Decorates08/index.vue b/src/packages/components/Decorates/Decorates/Decorates08/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1032c293fd954dac47d40ec45b05153b47676f48
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates08/index.vue
@@ -0,0 +1,165 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Decorates/Decorates/Decorates09/config.ts b/src/packages/components/Decorates/Decorates/Decorates09/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9dec232973d5b09af21b510177ea615b2d0c6dd8
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates09/config.ts
@@ -0,0 +1,23 @@
+import { PublicConfigClass } from '@/packages/public'
+import { chartInitConfig } from '@/settings/designSetting'
+import { CreateComponentType } from '@/packages/index.d'
+import { Decorates09Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+
+
+
+export const option = {
+ dataset: '状态',//标题
+ roundDotNum:100,//点数量
+ roundDotColor: '#FFFFFFFF', //圆点颜色
+ roundDotSize: 5, // 圆点大小
+
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = Decorates09Config.key
+ public attr = { ...chartInitConfig, w: 500, h: 70, zIndex: 1 }
+ public chartConfig = cloneDeep(Decorates09Config)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/Decorates/Decorates09/config.vue b/src/packages/components/Decorates/Decorates/Decorates09/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a393f1a957c185fd537f22927d84dc3b45456395
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates09/config.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Decorates/Decorates09/index.ts b/src/packages/components/Decorates/Decorates/Decorates09/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3837913d2a715d0759e1fa540facee9c012c08ff
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates09/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const Decorates09Config: ConfigType = {
+ key: 'Decorates09',
+ chartKey: 'VDecorates09',
+ conKey: 'VCDecorates09',
+ title: '装饰-09',
+ category: ChatCategoryEnum.DECORATE,
+ categoryName: ChatCategoryEnumName.DECORATE,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.COMMON,
+ image: 'round_dot.png'
+}
diff --git a/src/packages/components/Decorates/Decorates/Decorates09/index.vue b/src/packages/components/Decorates/Decorates/Decorates09/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..006d5b1b076b3cd3a90c515045c2beaa46ec6421
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates09/index.vue
@@ -0,0 +1,185 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/FlowChart/FlowChartLine/index.ts b/src/packages/components/Decorates/FlowChart/FlowChartLine/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1fcd992313ff702219fa9ffc40cb9f44166ca01a
--- /dev/null
+++ b/src/packages/components/Decorates/FlowChart/FlowChartLine/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
+
+export const FlowChartLineConfig: ConfigType = {
+ key: 'FlowChartLine',
+ chartKey: 'VFlowChartLine',
+ conKey: 'VCFlowChartLine',
+ title: '流程线',
+ category: ChatCategoryEnum.FlowChart,
+ categoryName: ChatCategoryEnumName.FlowChart,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'flow-zhexian.png'
+}
diff --git a/src/packages/components/Decorates/FlowChart/FlowChartLine/index.vue b/src/packages/components/Decorates/FlowChart/FlowChartLine/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..015523e64e14e61d784dca46b9efe5bb0e4ece47
--- /dev/null
+++ b/src/packages/components/Decorates/FlowChart/FlowChartLine/index.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/FlowChart/index.ts b/src/packages/components/Decorates/FlowChart/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f96b146a7ab9f8cd906d45ee690945a1c1577c97
--- /dev/null
+++ b/src/packages/components/Decorates/FlowChart/index.ts
@@ -0,0 +1,3 @@
+import { FlowChartLineConfig } from './FlowChartLine/index'
+
+export default [FlowChartLineConfig]
diff --git a/src/packages/components/Decorates/Mores/CirclePoint/config.ts b/src/packages/components/Decorates/Mores/CirclePoint/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a319e802801702e18b445ebb546a802daafeafc9
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/CirclePoint/config.ts
@@ -0,0 +1,20 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { CirclePointConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+import { chartInitConfig } from '@/settings/designSetting'
+
+export const option = {
+ outCircle: 15,
+ inCircle: 5,
+ outCircleColor: '#3f5261',
+ inCircleColor: '#fff',
+ outCircleWidth: 2
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = CirclePointConfig.key
+ public attr = { ...chartInitConfig, w: 97, h: 97, zIndex: 1 }
+ public chartConfig = cloneDeep(CirclePointConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/Mores/CirclePoint/config.vue b/src/packages/components/Decorates/Mores/CirclePoint/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7b7c6b7a61b634acf63466b6581602c96f2f6e91
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/CirclePoint/config.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/CirclePoint/index.ts b/src/packages/components/Decorates/Mores/CirclePoint/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bcc83d8dab2b314cc21f91712d5252971f7871e8
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/CirclePoint/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
+
+export const CirclePointConfig: ConfigType = {
+ key: 'CirclePoint',
+ chartKey: 'VCirclePoint',
+ conKey: 'VCCirclePoint',
+ title: '圆点光环',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'flow-circle.png'
+}
diff --git a/src/packages/components/Decorates/Mores/CirclePoint/index.vue b/src/packages/components/Decorates/Mores/CirclePoint/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4567465034f1307c2455abfd96d832ad2fa52d0e
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/CirclePoint/index.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/CountDown/index.ts b/src/packages/components/Decorates/Mores/CountDown/index.ts
index 58648fcd38c5f32f8f50e3c33ba893e0f9108cd1..1673c506840e7baa13818e08966b919420d6573f 100644
--- a/src/packages/components/Decorates/Mores/CountDown/index.ts
+++ b/src/packages/components/Decorates/Mores/CountDown/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const CountDownConfig: ConfigType = {
@@ -9,5 +9,6 @@ export const CountDownConfig: ConfigType = {
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.COMMON,
image: 'countdown.png'
}
diff --git a/src/packages/components/Decorates/Mores/FlipperNumber/config.ts b/src/packages/components/Decorates/Mores/FlipperNumber/config.ts
index 36a043774b39c967b861bab0a6c3b1e030341700..4485612849bc64e5e51b1dad31fbc4ce2e4426b0 100644
--- a/src/packages/components/Decorates/Mores/FlipperNumber/config.ts
+++ b/src/packages/components/Decorates/Mores/FlipperNumber/config.ts
@@ -16,6 +16,7 @@ export interface OptionType {
flipperGap: number
flipperType: FlipType
flipperSpeed: number
+ flipperBorderWidth: number
}
export const option: OptionType = {
@@ -28,7 +29,8 @@ export const option: OptionType = {
flipperRadius: 5,
flipperGap: 10,
flipperType: 'down',
- flipperSpeed: 450
+ flipperSpeed: 450,
+ flipperBorderWidth: 0,
}
export default class Config extends PublicConfigClass implements CreateComponentType {
diff --git a/src/packages/components/Decorates/Mores/FlipperNumber/config.vue b/src/packages/components/Decorates/Mores/FlipperNumber/config.vue
index f2c65a961d214bc71ed49ce9cf4c2d0ea634b688..91d4450a140f194c74ae9de0631684bf7d6e3385 100644
--- a/src/packages/components/Decorates/Mores/FlipperNumber/config.vue
+++ b/src/packages/components/Decorates/Mores/FlipperNumber/config.vue
@@ -16,12 +16,16 @@
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/FullScreen/index.ts b/src/packages/components/Decorates/Mores/FullScreen/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..19e37683afa91ce63edf20070abc54668b961d2d
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/FullScreen/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const FullScreenConfig: ConfigType = {
+ key: 'FullScreen',
+ chartKey: 'VFullScreen',
+ conKey: 'VCFullScreen',
+ title: '全屏按钮',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'fullScreen.png'
+}
diff --git a/src/packages/components/Decorates/Mores/FullScreen/index.vue b/src/packages/components/Decorates/Mores/FullScreen/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..89590bb06530433b4aaabe26e6412d935666fb85
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/FullScreen/index.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/Number/index.ts b/src/packages/components/Decorates/Mores/Number/index.ts
index 59726cf6ccaf3ec7658a271a57d585d4e8bc4943..8543e403ff924b03ff413d076e70dba2efb5bb1f 100644
--- a/src/packages/components/Decorates/Mores/Number/index.ts
+++ b/src/packages/components/Decorates/Mores/Number/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
export const NumberConfig: ConfigType = {
@@ -9,5 +9,6 @@ export const NumberConfig: ConfigType = {
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.COMMON,
image: 'number.png'
}
diff --git a/src/packages/components/Decorates/Mores/PipelineH/config.ts b/src/packages/components/Decorates/Mores/PipelineH/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6df11312198295f0d451d8d52a758aa6e308aa89
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/PipelineH/config.ts
@@ -0,0 +1,19 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { chartInitConfig } from '@/settings/designSetting'
+import { PipelineHConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ color_type: 1,
+ o_color: '#0a7ae2',
+ i_color: '#119bfa',
+ line_class: 'svg_ani_flow'
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = PipelineHConfig.key
+ public attr = { ...chartInitConfig, w: 500, h: 15, zIndex: -1 }
+ public chartConfig = cloneDeep(PipelineHConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/Mores/PipelineH/config.vue b/src/packages/components/Decorates/Mores/PipelineH/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..bc039e8e84c622cd531bc3ad08405dd942ae09cd
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/PipelineH/config.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/PipelineH/index.ts b/src/packages/components/Decorates/Mores/PipelineH/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5f6128711b6a989909a935d9cc94ce6cbb67bab3
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/PipelineH/index.ts
@@ -0,0 +1,13 @@
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const PipelineHConfig: ConfigType = {
+ key: 'PipelineH',
+ chartKey: 'VPipelineH',
+ conKey: 'VCPipelineH',
+ title: '管道-横向',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.DECORATES,
+ image: 'Pipeline_H.png'
+}
diff --git a/src/packages/components/Decorates/Mores/PipelineH/index.vue b/src/packages/components/Decorates/Mores/PipelineH/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..15da8449cf75d381ba7709edf88f912e23fca592
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/PipelineH/index.vue
@@ -0,0 +1,141 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/PipelineV/index.ts b/src/packages/components/Decorates/Mores/PipelineV/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e99f81a1e6b92106abfa4550f2aab15ba3f8643d
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/PipelineV/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const PipelineVConfig: ConfigType = {
+ key: 'PipelineV',
+ chartKey: 'VPipelineV',
+ conKey: 'VCPipelineV',
+ title: '管道-纵向',
+ category: ChatCategoryEnum.MORE,
+ categoryName: ChatCategoryEnumName.MORE,
+ package: PackagesCategoryEnum.DECORATES,
+ image: 'Pipeline_V.png'
+}
+
diff --git a/src/packages/components/Decorates/Mores/PipelineV/index.vue b/src/packages/components/Decorates/Mores/PipelineV/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..108a3c1fcb0130b85f23e31776942bb8e6606866
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/PipelineV/index.vue
@@ -0,0 +1,115 @@
+
+ = import.meta.glob("../../images/earth/*", { eager: true })
for(let item in modules) {
const n = item.split('/').pop()
diff --git a/src/packages/components/Decorates/Three/ThreeEarth01/code/world/Basic.ts b/src/packages/components/Decorates/Three/ThreeEarth01/code/world/Basic.ts
index bfe9d760dbe45ffcd23858cf3eb96863c5b3f1a5..45a1543553bc164134c78a8afc3b33a456d52ba6 100644
--- a/src/packages/components/Decorates/Three/ThreeEarth01/code/world/Basic.ts
+++ b/src/packages/components/Decorates/Three/ThreeEarth01/code/world/Basic.ts
@@ -31,7 +31,8 @@ export class Basic {
this.renderer = new THREE.WebGLRenderer({
// canvas: this.dom,
alpha: true, // 透明
- antialias: true // 抗锯齿
+ antialias: true, // 抗锯齿
+ preserveDrawingBuffer: true
})
this.renderer.setPixelRatio(window.devicePixelRatio) // 设置屏幕像素比
this.renderer.setSize(window.innerWidth, window.innerHeight) // 设置渲染器宽高
diff --git a/src/packages/components/Decorates/Three/ThreeEarth01/index.ts b/src/packages/components/Decorates/Three/ThreeEarth01/index.ts
index 1bb29b93b1939e3d938463a525b27d15ade02b53..23857d3a59831fc65790b4e4df45e22002793111 100644
--- a/src/packages/components/Decorates/Three/ThreeEarth01/index.ts
+++ b/src/packages/components/Decorates/Three/ThreeEarth01/index.ts
@@ -9,6 +9,6 @@ export const ThreeEarth01Config: ConfigType = {
category: ChatCategoryEnum.THREE,
categoryName: ChatCategoryEnumName.THREE,
package: PackagesCategoryEnum.DECORATES,
- chartFrame: ChartFrameEnum.STATIC,
+ chartFrame: ChartFrameEnum.COMMON,
image: 'threeEarth01.png'
}
diff --git a/src/packages/components/Decorates/index.d.ts b/src/packages/components/Decorates/index.d.ts
index d20047eb8d1324dfa7f8c95c865f81ab42687d36..5a7e8c1491e29a1931a6c0951e240c8cbedacd81 100644
--- a/src/packages/components/Decorates/index.d.ts
+++ b/src/packages/components/Decorates/index.d.ts
@@ -1,6 +1,7 @@
export enum ChatCategoryEnum {
BORDER = 'Borders',
DECORATE = 'Decorates',
+ FlowChart = 'FlowChart',
THREE = 'Three',
MORE = 'Mores'
}
@@ -8,6 +9,7 @@ export enum ChatCategoryEnum {
export enum ChatCategoryEnumName {
BORDER = '边框',
DECORATE = '装饰',
+ FlowChart = '流程',
THREE = '三维',
MORE = '更多'
-}
\ No newline at end of file
+}
diff --git a/src/packages/components/Decorates/index.ts b/src/packages/components/Decorates/index.ts
index 17b64130bbf47796500baccb01b354b253c14d9a..75f20813e2ed27400f02ccdb09c303542742d839 100644
--- a/src/packages/components/Decorates/index.ts
+++ b/src/packages/components/Decorates/index.ts
@@ -1,6 +1,7 @@
import Borders from './Borders'
import Decorates from './Decorates'
+import FlowChart from './FlowChart'
import Three from './Three'
import Mores from './Mores'
-export const DecorateList = [...Borders, ...Decorates, ...Three, ...Mores]
+export const DecorateList = [...Borders, ...Decorates,...FlowChart, ...Three, ...Mores]
diff --git a/src/packages/components/Icons/Common/index.ts b/src/packages/components/Icons/Common/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..86560d70823fbf05d5e33c99f79a0c03f86e01e2
--- /dev/null
+++ b/src/packages/components/Icons/Common/index.ts
@@ -0,0 +1,84 @@
+import { IconConfig } from '../Default/Icon/index'
+import { PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+
+const iconNames = [
+ 'uim:adobe',
+ 'uim:airplay',
+ 'uim:align',
+ 'uim:angle-double-down',
+ 'uim:angle-double-left',
+ 'uim:angle-double-right',
+ 'uim:angle-double-up',
+ 'uim:angle-down',
+ 'uim:angle-left',
+ 'uim:angle-right',
+ 'uim:angle-up',
+ 'uim:android-alt',
+ 'uim:apple',
+ 'uim:apps',
+ 'uim:bag',
+ 'uim:battery-bolt',
+ 'uim:bing',
+ 'uim:box',
+ 'uim:briefcase',
+ 'uim:calender',
+ 'uim:chart',
+ 'uim:chart-pie',
+ 'uim:circle-layer',
+ 'uim:clinic-medical',
+ 'uim:clock',
+ 'uim:comment-alt',
+ 'uim:comment-alt-dots',
+ 'uim:docker',
+ 'uim:download-alt',
+ 'uim:dribbble',
+ 'uim:dropbox',
+ 'uim:entry',
+ 'uim:exclamation-circle',
+ 'uim:exclamation-triangle',
+ 'uim:exit',
+ 'uim:facebook',
+ 'uim:facebook-messenger',
+ 'uim:facebook-messenger-alt',
+ 'uim:google-drive',
+ 'uim:google-play',
+ 'uim:graph-bar',
+ 'uim:head-side-mask',
+ 'uim:horizontal-align-left',
+ 'uim:hospital',
+ 'uim:house-user',
+ 'uim:image-v',
+ 'uim:key-skeleton',
+ 'uim:layer-group',
+ 'uim:layers-alt',
+ 'uim:link-h',
+ 'uim:microscope',
+ 'uim:microsoft',
+ 'uim:object-group',
+ 'uim:object-ungroup',
+ 'uim:paypal',
+ 'uim:refresh',
+ 'uim:repeat',
+ 'uim:right-indent-alt',
+ 'uim:rocket',
+ 'uim:shield-plus',
+ 'uim:social-distancing',
+ 'uim:telegram-alt',
+ 'uim:user-md',
+ 'uim:toilet-paper',
+ 'uim:youtube'
+]
+const iconList = iconNames.map(name => ({
+ ...IconConfig,
+ category: ChatCategoryEnum.COMMON,
+ categoryName: ChatCategoryEnumName.COMMON,
+ package: PackagesCategoryEnum.ICONS,
+ image: name,
+ icon: name,
+ dataset: name,
+ title: name.replace('uim:', ''),
+ redirectComponent: `${IconConfig.package}/${IconConfig.category}/${IconConfig.key}` // 跳转组件路径规则：packageName/categoryName/componentKey
+}))
+
+export default iconList
diff --git a/src/packages/components/Icons/Default/Icon/config.ts b/src/packages/components/Icons/Default/Icon/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..677fef671e2827baf40d0252e9aa4e016e9a4aa4
--- /dev/null
+++ b/src/packages/components/Icons/Default/Icon/config.ts
@@ -0,0 +1,20 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { chartInitConfig } from '@/settings/designSetting'
+import { IconConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ // 图标名称
+ dataset: 'uim:apple',
+ color: '#03A9F4',
+ size: 64,
+ rotate: 0 // 旋转角度
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = IconConfig.key
+ public attr = { ...chartInitConfig, w: 64, h: 64, zIndex: 1 }
+ public chartConfig = cloneDeep(IconConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Icons/Default/Icon/config.vue b/src/packages/components/Icons/Default/Icon/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..961f6baaae4c0fa26cc7b6dfd026c30f854ae7ce
--- /dev/null
+++ b/src/packages/components/Icons/Default/Icon/config.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Icons/Default/Icon/index.ts b/src/packages/components/Icons/Default/Icon/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..47af1f9f7619717f362801a95cb82faa8c5409d8
--- /dev/null
+++ b/src/packages/components/Icons/Default/Icon/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const IconConfig: ConfigType = {
+ key: 'Icon',
+ chartKey: 'VIcon',
+ conKey: 'VCIcon',
+ title: '图标',
+ category: ChatCategoryEnum.DEFAULT,
+ categoryName: ChatCategoryEnumName.DEFAULT,
+ package: PackagesCategoryEnum.ICONS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'icon.png'
+}
diff --git a/src/packages/components/Icons/Default/Icon/index.vue b/src/packages/components/Icons/Default/Icon/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..cbfc81aeaf231a800a5f090bb9e2af0a1707c0c4
--- /dev/null
+++ b/src/packages/components/Icons/Default/Icon/index.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/Icons/MaterialLine/index.ts b/src/packages/components/Icons/MaterialLine/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..adeac12737d7e37bee1dedfae7612f0bd17657cf
--- /dev/null
+++ b/src/packages/components/Icons/MaterialLine/index.ts
@@ -0,0 +1,45 @@
+import { IconConfig } from '../Default/Icon/index'
+import { PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+
+const iconNames = [
+ 'line-md:beer-alt-filled-loop',
+ 'line-md:beer-alt-twotone-loop',
+ 'line-md:cloud-braces-loop',
+ 'line-md:cloud-download-loop',
+ 'line-md:cloud-download-outline-loop',
+ 'line-md:cloud-upload-loop',
+ 'line-md:cloud-upload-outline-loop',
+ 'line-md:coffee-half-empty-twotone-loop',
+ 'line-md:coffee-loop',
+ 'line-md:coffee-twotone-loop',
+ 'line-md:downloading-loop',
+ 'line-md:github-loop',
+ 'line-md:light-dark-loop',
+ 'line-md:loading-alt-loop',
+ 'line-md:loading-loop',
+ 'line-md:loading-twotone-loop',
+ 'line-md:moon-alt-loop',
+ 'line-md:moon-alt-to-sunny-outline-loop-transition',
+ 'line-md:moon-filled-loop',
+ 'line-md:moon-filled-to-sunny-filled-loop-transition',
+ 'line-md:star-pulsating-filled-loop',
+ 'line-md:star-pulsating-loop',
+ 'line-md:star-pulsating-twotone-loop',
+ 'line-md:upload-loop',
+ 'line-md:upload-outline-loop',
+ 'line-md:uploading-loop'
+]
+const iconList = iconNames.map(name => ({
+ ...IconConfig,
+ category: ChatCategoryEnum.ML,
+ categoryName: ChatCategoryEnumName.ML,
+ package: PackagesCategoryEnum.ICONS,
+ image: name,
+ icon: name,
+ dataset: name,
+ title: name.replace('line-md:', ''),
+ redirectComponent: `${IconConfig.package}/${IconConfig.category}/${IconConfig.key}` // 跳转组件路径规则：packageName/categoryName/componentKey
+}))
+
+export default iconList
diff --git a/src/packages/components/Icons/Weather/index.ts b/src/packages/components/Icons/Weather/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f8ead1a1a69cc57a0193c3d425c1f556bd35ea21
--- /dev/null
+++ b/src/packages/components/Icons/Weather/index.ts
@@ -0,0 +1,53 @@
+import { IconConfig } from '../Default/Icon/index'
+import { PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../index.d'
+
+const iconNames = [
+ 'wi:cloud',
+ 'wi:cloudy',
+ 'wi:cloudy-gusts',
+ 'wi:cloudy-windy',
+ 'wi:day-cloudy',
+ 'wi:day-cloudy-high',
+ 'wi:day-hail',
+ 'wi:day-haze',
+ 'wi:day-light-wind',
+ 'wi:day-lightning',
+ 'wi:day-rain',
+ 'wi:day-rain-mix',
+ 'wi:day-rain-wind',
+ 'wi:day-showers',
+ 'wi:day-sleet',
+ 'wi:day-sleet-storm',
+ 'wi:day-snow',
+ 'wi:day-snow-thunderstorm',
+ 'wi:day-snow-wind',
+ 'wi:day-sprinkle',
+ 'wi:day-storm-showers',
+ 'wi:day-sunny',
+ 'wi:day-sunny-overcast',
+ 'wi:hail',
+ 'wi:horizon',
+ 'wi:horizon-alt',
+ 'wi:hot',
+ 'wi:lightning',
+ 'wi:night-alt-cloudy',
+ 'wi:night-alt-cloudy-gusts',
+ 'wi:night-alt-cloudy-high',
+ 'wi:night-alt-hail',
+ 'wi:night-alt-lightning',
+ 'wi:umbrella'
+]
+const iconList = iconNames.map(name => ({
+ ...IconConfig,
+ category: ChatCategoryEnum.WEATHER,
+ categoryName: ChatCategoryEnumName.WEATHER,
+ package: PackagesCategoryEnum.ICONS,
+ image: name,
+ icon: name,
+ dataset: name,
+ title: name.replace('wi:', ''),
+ redirectComponent: `${IconConfig.package}/${IconConfig.category}/${IconConfig.key}` // 跳转组件路径规则：packageName/categoryName/componentKey
+}))
+
+export default iconList
diff --git a/src/packages/components/Icons/index.d.ts b/src/packages/components/Icons/index.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a7f74a9477d4458bb83e5d7eeabf8f8029e11c6c
--- /dev/null
+++ b/src/packages/components/Icons/index.d.ts
@@ -0,0 +1,13 @@
+export enum ChatCategoryEnum {
+ ML = 'MaterialLine',
+ COMMON = 'Common',
+ WEATHER = 'Weather',
+ DEFAULT = 'Default' // 这个仅用来表示组件分类目录，不要在 index.ts 中导入
+}
+
+export enum ChatCategoryEnumName {
+ ML = '动画',
+ COMMON = '通用',
+ WEATHER = '天气',
+ DEFAULT = '默认'
+}
diff --git a/src/packages/components/Icons/index.ts b/src/packages/components/Icons/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4c126002a24309f8c4a0a1465f8052c1518b689d
--- /dev/null
+++ b/src/packages/components/Icons/index.ts
@@ -0,0 +1,5 @@
+import MaterialLine from './MaterialLine'
+import Common from './Common'
+import Weather from './Weather'
+
+export const IconList = [...MaterialLine, ...Weather, ...Common]
diff --git a/src/packages/components/Informations/Inputs/InputsDate/config.ts b/src/packages/components/Informations/Inputs/InputsDate/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..02b639c618e55f68a555e03ecfaf78b348cfb53b
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsDate/config.ts
@@ -0,0 +1,31 @@
+import dayjs from 'dayjs'
+import cloneDeep from 'lodash/cloneDeep'
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { chartInitConfig } from '@/settings/designSetting'
+import { COMPONENT_INTERACT_EVENT_KET } from '@/enums/eventEnum'
+import { interactActions, ComponentInteractEventEnum, DefaultTypeEnum, DifferUnitEnum } from './interact'
+import { InputsDateConfig } from './index'
+
+export const option = {
+ // 时间组件展示类型，必须和 interactActions 中定义的数据一致
+ [COMPONENT_INTERACT_EVENT_KET]: ComponentInteractEventEnum.DATE,
+ // 下拉展示
+ isPanel: 0,
+ // 默认值
+ dataset: dayjs().valueOf() as number | number[] | null,
+ // 默认值类型
+ defaultType: DefaultTypeEnum.STATIC,
+ // 动态默认值偏移单位
+ differUnit: [DifferUnitEnum.DAY, DifferUnitEnum.DAY],
+ // 动态默认值偏移值
+ differValue: [0, 0]
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = InputsDateConfig.key
+ public attr = { ...chartInitConfig, w: 260, h: 32, zIndex: -1 }
+ public chartConfig = cloneDeep(InputsDateConfig)
+ public interactActions = interactActions
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Informations/Inputs/InputsDate/config.vue b/src/packages/components/Informations/Inputs/InputsDate/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..228fa494182a2b83c394d1cfef9ada21a61c51a9
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsDate/config.vue
@@ -0,0 +1,214 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 打开页面时浏览器操作系统的系统时间+偏移量(单位)
+
+
+
+
+
+ {{DifferUnitObject[optionData.differUnit[0]]}}
+
+
+
+
+
+
+
+
+ {{DifferUnitObject[optionData.differUnit[1]]}}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Informations/Inputs/InputsDate/index.ts b/src/packages/components/Informations/Inputs/InputsDate/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ed9200c6769aed55ead5bdefb9a0ce8e400a925d
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsDate/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const InputsDateConfig: ConfigType = {
+ key: 'InputsDate',
+ chartKey: 'VInputsDate',
+ conKey: 'VCInputsDate',
+ title: '时间选择器',
+ category: ChatCategoryEnum.INPUTS,
+ categoryName: ChatCategoryEnumName.INPUTS,
+ package: PackagesCategoryEnum.INFORMATIONS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'inputs_date.png'
+}
diff --git a/src/packages/components/Informations/Inputs/InputsDate/index.vue b/src/packages/components/Informations/Inputs/InputsDate/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a8e16bc133926c9520705f6ebe35e33aed8bd4c1
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsDate/index.vue
@@ -0,0 +1,148 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Informations/Inputs/InputsInput/index.ts b/src/packages/components/Informations/Inputs/InputsInput/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ac3ab47e5a4b3259c3ffd7d973e8735c354d5d09
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsInput/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const InputsInputConfig: ConfigType = {
+ key: 'InputsInput',
+ chartKey: 'VInputsInput',
+ conKey: 'VCInputsInput',
+ title: '输入框',
+ category: ChatCategoryEnum.INPUTS,
+ categoryName: ChatCategoryEnumName.INPUTS,
+ package: PackagesCategoryEnum.INFORMATIONS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'inputs_input.png'
+}
\ No newline at end of file
diff --git a/src/packages/components/Informations/Inputs/InputsInput/index.vue b/src/packages/components/Informations/Inputs/InputsInput/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e01e75f302a2a3318522c38ae117c49abcb72fe2
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsInput/index.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Informations/Inputs/InputsPagination/index.ts b/src/packages/components/Informations/Inputs/InputsPagination/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c1a69252450a65290260c7654abd76c997c2588f
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsPagination/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const InputsPaginationConfig: ConfigType = {
+ key: 'InputsPagination',
+ chartKey: 'VInputsPagination',
+ conKey: 'VCInputsPagination',
+ title: '分页',
+ category: ChatCategoryEnum.INPUTS,
+ categoryName: ChatCategoryEnumName.INPUTS,
+ package: PackagesCategoryEnum.INFORMATIONS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'inputs_pagination.png'
+}
\ No newline at end of file
diff --git a/src/packages/components/Informations/Inputs/InputsPagination/index.vue b/src/packages/components/Informations/Inputs/InputsPagination/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2dc81c752f7081be9ed6cc800613db5d6daaca58
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsPagination/index.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Informations/Inputs/InputsSelect/index.ts b/src/packages/components/Informations/Inputs/InputsSelect/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8e4d21cbd2313b6090ab3fbc253b1c87ba5d890f
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsSelect/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const InputsSelectConfig: ConfigType = {
+ key: 'InputsSelect',
+ chartKey: 'VInputsSelect',
+ conKey: 'VCInputsSelect',
+ title: '下拉选择器',
+ category: ChatCategoryEnum.INPUTS,
+ categoryName: ChatCategoryEnumName.INPUTS,
+ package: PackagesCategoryEnum.INFORMATIONS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'inputs_select.png'
+}
diff --git a/src/packages/components/Informations/Inputs/InputsSelect/index.vue b/src/packages/components/Informations/Inputs/InputsSelect/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..714d40218b2b6f95499aeb89993aa73570c107b0
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsSelect/index.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Informations/Inputs/InputsTab/index.ts b/src/packages/components/Informations/Inputs/InputsTab/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..29276c2cdad41e82e0265de191f7a0e32ab04516
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsTab/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
+
+export const InputsTabConfig: ConfigType = {
+ key: 'InputsTab',
+ chartKey: 'VInputsTab',
+ conKey: 'VCInputsTab',
+ title: '标签选择器',
+ category: ChatCategoryEnum.INPUTS,
+ categoryName: ChatCategoryEnumName.INPUTS,
+ package: PackagesCategoryEnum.INFORMATIONS,
+ chartFrame: ChartFrameEnum.STATIC,
+ image: 'inputs_tab.png'
+}
diff --git a/src/packages/components/Informations/Inputs/InputsTab/index.vue b/src/packages/components/Informations/Inputs/InputsTab/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a02900b9b00cbe986392e38b92ee95a51adbfbb9
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsTab/index.vue
@@ -0,0 +1,53 @@
+
+
+ {{ item.label }}
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Informations/Inputs/InputsTab/interact.ts b/src/packages/components/Informations/Inputs/InputsTab/interact.ts
new file mode 100644
index 0000000000000000000000000000000000000000..adc753069e09a9b74da52b830dac1d55df6269f5
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsTab/interact.ts
@@ -0,0 +1,27 @@
+import { InteractEventOn, InteractActionsType } from '@/enums/eventEnum'
+
+// 时间组件类型
+export enum ComponentInteractEventEnum {
+ DATA = 'data'
+}
+
+// 联动参数
+export enum ComponentInteractParamsEnum {
+ DATA = 'data'
+}
+
+// 定义组件触发回调事件
+export const interactActions: InteractActionsType[] = [
+ {
+ interactType: InteractEventOn.CHANGE,
+ interactName: '选择完成',
+ componentEmitEvents: {
+ [ComponentInteractEventEnum.DATA]: [
+ {
+ value: ComponentInteractParamsEnum.DATA,
+ label: '选择项'
+ }
+ ]
+ }
+ }
+]
diff --git a/src/packages/components/Informations/Inputs/index.ts b/src/packages/components/Informations/Inputs/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..215dd78ac39a3cbfb495a4a7c1fd8cc02ccd0ffb
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/index.ts
@@ -0,0 +1,7 @@
+import { InputsDateConfig } from './InputsDate/index'
+import { InputsSelectConfig } from './InputsSelect/index'
+import { InputsTabConfig } from './InputsTab/index'
+import { InputsPaginationConfig } from "./InputsPagination/index";
+import { InputsInputConfig} from "./InputsInput/index";
+
+export default [InputsDateConfig, InputsSelectConfig, InputsTabConfig,InputsPaginationConfig,InputsInputConfig]
diff --git a/src/packages/components/Informations/Mores/Iframe/config.ts b/src/packages/components/Informations/Mores/Iframe/config.ts
index 2e96c2118c3af55eac1b8e7a856b781645d951d4..a9cf94c6a64bc726c54df05542af16875b1f0d70 100644
--- a/src/packages/components/Informations/Mores/Iframe/config.ts
+++ b/src/packages/components/Informations/Mores/Iframe/config.ts
@@ -14,7 +14,7 @@ export const option = {
export default class Config extends PublicConfigClass implements CreateComponentType
{
public key = IframeConfig.key
- public attr = { ...chartInitConfig, w: 800, h: 800, zIndex: -1 }
+ public attr = { ...chartInitConfig, w: 1200, h: 800, zIndex: -1 }
public chartConfig = cloneDeep(IframeConfig)
public option = cloneDeep(option)
}
diff --git a/src/packages/components/Informations/Mores/Image/index.vue b/src/packages/components/Informations/Mores/Image/index.vue
index fc3b98f4b42ab909e58f2c2f5095d4d4f7e8cd63..db15b5619907c27e183cc384384b7421fa45a2dd 100644
--- a/src/packages/components/Informations/Mores/Image/index.vue
+++ b/src/packages/components/Informations/Mores/Image/index.vue
@@ -7,7 +7,8 @@
:fallback-src="requireErrorImg()"
:width="w"
:height="h"
- >
+ lazy
+ />
diff --git a/src/packages/components/Informations/Mores/ImageCarousel/config.ts b/src/packages/components/Informations/Mores/ImageCarousel/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c49fb619212d6a0118a526c1fe1e81d9bc76db05
--- /dev/null
+++ b/src/packages/components/Informations/Mores/ImageCarousel/config.ts
@@ -0,0 +1,44 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { ImageCarouselConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+import logo from '@/assets/logo.png'
+
+export const option = {
+ // 图片资源列表
+ dataset: [
+ 'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.jpeg',
+ 'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg',
+ 'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg',
+ ],
+ // 自动播放
+ autoplay: true,
+ // 自动播放的间隔（豪秒）
+ interval: 5000,
+ // 每页显示的图片数量
+ slidesPerview: 1,
+ // 轮播方向
+ direction: "horizontal",
+ // 拖曳切换
+ draggable: true,
+ // 居中显示
+ centeredSlides: false,
+ // 过渡效果
+ effect: "slide",
+ // 是否显示指示点
+ showDots: true,
+ // 指示器样式
+ dotType: "dot",
+ // 指示器位置
+ dotPlacement: "bottom",
+ // 显示箭头
+ showArrow: false,
+ // 图片样式
+ fit: "contain",
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = ImageCarouselConfig.key
+ public chartConfig = cloneDeep(ImageCarouselConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Informations/Mores/ImageCarousel/config.vue b/src/packages/components/Informations/Mores/ImageCarousel/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..17c39805dbdfeea7709f4fb4e508a53e51a475a7
--- /dev/null
+++ b/src/packages/components/Informations/Mores/ImageCarousel/config.vue
@@ -0,0 +1,168 @@
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Bars/BarCommon/index.vue b/src/packages/components/Charts/Bars/BarCommon/index.vue
index 77f6da022423b0c4cc356fa9612f4fe5d2e901b9..2e5ec57ef36103a3f0a060b3c83a72fbebb7c314 100644
--- a/src/packages/components/Charts/Bars/BarCommon/index.vue
+++ b/src/packages/components/Charts/Bars/BarCommon/index.vue
@@ -1,9 +1,9 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Charts/Maps/MapAmap/myIcon.vue b/src/packages/components/Charts/Maps/MapAmap/myIcon.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1032c293fd954dac47d40ec45b05153b47676f48
--- /dev/null
+++ b/src/packages/components/Charts/Maps/MapAmap/myIcon.vue
@@ -0,0 +1,165 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Charts/Maps/MapBase/config.ts b/src/packages/components/Charts/Maps/MapBase/config.ts
index 888fe6b7b7e70b5486278ba97185a9aff77f7de5..a5d8ee15fd441c609c10d3a359cc2986f3943d09 100644
--- a/src/packages/components/Charts/Maps/MapBase/config.ts
+++ b/src/packages/components/Charts/Maps/MapBase/config.ts
@@ -1,157 +1,183 @@
-import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
-import { MapBaseConfig } from './index'
-import { chartInitConfig } from '@/settings/designSetting'
-import { CreateComponentType } from '@/packages/index.d'
-import cloneDeep from 'lodash/cloneDeep'
-import dataJson from './data.json'
-
-export const includes = []
-
-export const option = {
- dataset: dataJson,
- mapRegion: {
- adcode: 'china',
- showHainanIsLands: true
- },
- tooltip: {
- show: true,
- trigger: 'item'
- },
- visualMap: {
- show: true,
- orient: 'vertical',
- pieces: [
- { gte: 1000, label: '>1000' }, // 不指定 max，表示 max 为无限大（Infinity）。
- { gte: 600, lte: 999, label: '600-999' },
- { gte: 200, lte: 599, label: '200-599' },
- { gte: 50, lte: 199, label: '49-199' },
- { gte: 10, lte: 49, label: '10-49' },
- { lte: 9, label: '<9' } // 不指定 min，表示 min 为无限大（-Infinity）。
- ],
- inRange: {
- // 渐变颜色，从小到大
- color: ['#c3d7df', '#5cb3cc', '#8abcd1', '#66a9c9', '#2f90b9', '#1781b5']
- },
- textStyle: {
- color: '#fff'
- }
- },
- geo: {
- show: false,
- type: 'map',
- roam: false,
- map: 'china',
- selectedMode: false, //是否允许选中多个区域
- zoom: 1
- },
- series: [
- {
- name: '',
- type: 'effectScatter',
- coordinateSystem: 'geo',
- symbolSize: 4,
- legendHoverLink: true,
- showEffectOn: 'render',
- rippleEffect: {
- scale: 6,
- color: '#FFFFFF',
- brushType: 'fill'
- },
- tooltip: {
- show: true,
- backgroundColor: 'rgba(0,0,0,.6)',
- borderColor: 'rgba(147, 235, 248, .8)',
- textStyle: {
- color: '#FFF'
- }
- },
- label: {
- formatter: '{b}',
- fontSize: 11,
- offset: [0, 2],
- position: 'bottom',
- textBorderColor: '#fff',
- textShadowColor: '#000',
- textShadowBlur: 10,
- textBorderWidth: 0,
- color: '#FFFFFF',
- show: true
- },
- itemStyle: {
- color: '#FFFFFF',
- borderColor: 'rgba(225,255,255,2)',
- borderWidth: 4,
- shadowColor: '#E1FFFF',
- shadowBlur: 10
- },
- data: []
- },
- {
- name: '区域',
- type: 'map',
- map: 'china',
- data: [],
- selectedMode: false,
- zoom: 1,
- geoIndex: 1,
- tooltip: {
- show: true,
- backgroundColor: '#00000060',
- borderColor: 'rgba(147, 235, 248, 0.8)',
- textStyle: {
- color: '#FFFFFF',
- fontSize: 12,
- }
- },
- label: {
- show: false,
- color: '#FFFFFF',
- fontSize: 12,
- },
- emphasis: {
- disabled: false,
- label: {
- color: '#FFFFFF',
- fontSize: 12,
- },
- itemStyle: {
- areaColor: '#389BB7',
- shadowColor: '#389BB7',
- borderWidth: 1
- }
- },
- itemStyle: {
- borderColor: '#93EBF8',
- borderWidth: 1,
- areaColor: {
- type: 'radial',
- x: 0.5,
- y: 0.5,
- r: 0.8,
- colorStops: [
- {
- offset: 0,
- color: '#93ebf800' // 0% 处的颜色
- },
- {
- offset: 1,
- color: '#93ebf820' // 100% 处的颜色
- }
- ],
- globalCoord: false
- },
- shadowColor: '#80D9F842',
- shadowOffsetX: -2,
- shadowOffsetY: 2,
- shadowBlur: 10
- }
- }
- ]
-}
-export const MapDefaultConfig = { ...option }
-export default class Config extends PublicConfigClass implements CreateComponentType {
- public key: string = MapBaseConfig.key
- public attr = { ...chartInitConfig, w: 750, h: 800, zIndex: -1 }
- public chartConfig = cloneDeep(MapBaseConfig)
- public option = echartOptionProfixHandle(option, includes)
-}
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import { MapBaseConfig } from './index'
+import { chartInitConfig } from '@/settings/designSetting'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+import dataJson from './data.json'
+
+export const includes = []
+
+export const option = {
+ dataset: dataJson,
+ mapRegion: {
+ adcode: 'china',
+ showHainanIsLands: true,
+ enter: false,
+ backSize: 20,
+ backColor: '#ffffff'
+ },
+ tooltip: {
+ show: true,
+ trigger: 'item'
+ },
+ visualMap: {
+ show: true,
+ orient: 'vertical',
+ pieces: [
+ { gte: 1000, label: '>1000' }, // 不指定 max，表示 max 为无限大（Infinity）。
+ { gte: 600, lte: 999, label: '600-999' },
+ { gte: 200, lte: 599, label: '200-599' },
+ { gte: 50, lte: 199, label: '49-199' },
+ { gte: 10, lte: 49, label: '10-49' },
+ { lte: 9, label: '<9' } // 不指定 min，表示 min 为无限大（-Infinity）。
+ ],
+ inRange: {
+ // 渐变颜色，从小到大
+ color: ['#c3d7df', '#5cb3cc', '#8abcd1', '#66a9c9', '#2f90b9', '#1781b5']
+ },
+ textStyle: {
+ color: '#fff'
+ }
+ },
+ geo: {
+ show: false,
+ type: 'map',
+ roam: false,
+ map: 'china',
+ selectedMode: false, //是否允许选中多个区域
+ zoom: 1
+ },
+ series: [
+ {
+ name: '',
+ type: 'effectScatter',
+ coordinateSystem: 'geo',
+ symbolSize: 4,
+ legendHoverLink: true,
+ showEffectOn: 'render',
+ rippleEffect: {
+ scale: 6,
+ color: '#FFFFFF',
+ brushType: 'fill'
+ },
+ tooltip: {
+ show: true,
+ backgroundColor: 'rgba(0,0,0,.6)',
+ borderColor: 'rgba(147, 235, 248, .8)',
+ textStyle: {
+ color: '#FFF'
+ }
+ },
+ label: {
+ formatter: '{b}',
+ fontSize: 11,
+ offset: [0, 2],
+ position: 'bottom',
+ textBorderColor: '#fff',
+ textShadowColor: '#000',
+ textShadowBlur: 10,
+ textBorderWidth: 0,
+ color: '#FFFFFF',
+ show: true
+ },
+ itemStyle: {
+ color: '#FFFFFF',
+ borderColor: 'rgba(225,255,255,2)',
+ borderWidth: 4,
+ shadowColor: '#E1FFFF',
+ shadowBlur: 10
+ },
+ data: [],
+ encode: {
+ value: 2
+ }
+ },
+ {
+ name: '区域',
+ type: 'map',
+ map: 'china',
+ data: [],
+ selectedMode: false,
+ zoom: 1,
+ geoIndex: 1,
+ tooltip: {
+ show: true,
+ backgroundColor: '#00000060',
+ borderColor: 'rgba(147, 235, 248, 0.8)',
+ textStyle: {
+ color: '#FFFFFF',
+ fontSize: 12
+ }
+ },
+ label: {
+ show: false,
+ color: '#FFFFFF',
+ fontSize: 12
+ },
+ emphasis: {
+ disabled: false,
+ label: {
+ color: '#FFFFFF',
+ fontSize: 12
+ },
+ itemStyle: {
+ areaColor: '#389BB7',
+ shadowColor: '#389BB7',
+ borderWidth: 1
+ }
+ },
+ itemStyle: {
+ borderColor: '#93EBF8',
+ borderWidth: 1,
+ areaColor: {
+ type: 'radial',
+ x: 0.5,
+ y: 0.5,
+ r: 0.8,
+ colorStops: [
+ {
+ offset: 0,
+ color: '#93ebf800' // 0% 处的颜色
+ },
+ {
+ offset: 1,
+ color: '#93ebf820' // 100% 处的颜色
+ }
+ ],
+ globalCoord: false
+ },
+ shadowColor: '#80D9F842',
+ shadowOffsetX: -2,
+ shadowOffsetY: 2,
+ shadowBlur: 10
+ }
+ },
+ {
+ type: 'lines',
+ zlevel: 2,
+ effect: {
+ show: true,
+ period: 4, //箭头指向速度，值越小速度越快
+ trailLength: 0.4, //特效尾迹长度[0,1]值越大，尾迹越长重
+ symbol: 'arrow', //箭头图标
+ symbolSize: 7 //图标大小
+ },
+ lineStyle: {
+ normal: {
+ color: '#4fb6d2',
+ width: 1, //线条宽度
+ opacity: 0.1, //尾迹线条透明度
+ curveness: 0.3 //尾迹线条曲直度
+ }
+ },
+ data: []
+ }
+ ]
+}
+export const MapDefaultConfig = { ...option }
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key: string = MapBaseConfig.key
+ public attr = { ...chartInitConfig, w: 750, h: 800, zIndex: -1 }
+ public chartConfig = cloneDeep(MapBaseConfig)
+ public option = echartOptionProfixHandle(option, includes)
+}
diff --git a/src/packages/components/Charts/Maps/MapBase/config.vue b/src/packages/components/Charts/Maps/MapBase/config.vue
index b3ef4961366ac3993a2bf0cfa5b8626b98292271..c3677dbe721a844b5afa07e41f3636a95fe8e4aa 100644
--- a/src/packages/components/Charts/Maps/MapBase/config.vue
+++ b/src/packages/components/Charts/Maps/MapBase/config.vue
@@ -69,11 +69,7 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | 数据类型 | +数据详情 | +
|---|---|
| {{key}} | +{{ value }} | +
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/BiaxLineCommon/config.ts b/src/packages/components/Charts/Mores/BiaxLineCommon/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c7b28fc23a90ddb22a09ee75d62121a196967133
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BiaxLineCommon/config.ts
@@ -0,0 +1,56 @@
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import { BiaxLineCommonConfig } from './index'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+import dataJson from './data.json'
+
+export const includes = ['legend', 'xAxis', 'yAxis', 'grid']
+export const seriesItem = {
+ type: 'bar',
+ barWidth: 15,
+ label: {
+ show: true,
+ position: 'top',
+ color: '#fff',
+ fontSize: 12
+ },
+ itemStyle: {
+ color: null,
+ borderRadius: 2
+ }
+}
+export const option = {
+ tooltip: {
+ show: true,
+ trigger: 'axis',
+ axisPointer: {
+ show: true,
+ type: 'shadow'
+ }
+ },
+ xAxis: {
+ show: true,
+ type: 'category'
+ },
+ yAxis: {
+ show: true,
+ type: 'value'
+ },
+ dataset: dataJson,
+ lineOptions: {
+ background: '#00000000',
+ legends: {
+ legendsVisible: true,
+ legendsPosition: "middle",
+ legendsOrient: "top"
+ }
+ },
+ series: [seriesItem, seriesItem]
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = BiaxLineCommonConfig.key
+ public chartConfig = cloneDeep(BiaxLineCommonConfig)
+ // 图表配置项
+ public option = echartOptionProfixHandle(option, includes)
+}
diff --git a/src/packages/components/Charts/Mores/BiaxLineCommon/config.vue b/src/packages/components/Charts/Mores/BiaxLineCommon/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..cda8aecd8d44ca622d9e837e76b89779324fe884
--- /dev/null
+++ b/src/packages/components/Charts/Mores/BiaxLineCommon/config.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/Dial/config.ts b/src/packages/components/Charts/Mores/Dial/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..19a771b45c060bef7b2cfdf2700d3ba811d7a063
--- /dev/null
+++ b/src/packages/components/Charts/Mores/Dial/config.ts
@@ -0,0 +1,91 @@
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import { DialConfig } from './index'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const includes = []
+const option = {
+ backgroundColor: '#0E1327',
+ dataset:70,
+ series: [{
+ type: "gauge",
+ data: [{
+ value: 70,
+ itemStyle: { // 指针样式
+ color: '#2AF4FF'
+ }
+ }],
+ min: 0, //最小刻度
+ max: 100, //最大刻度
+ splitNumber: 10, //刻度数量
+ center: ['50%', '55%'],
+ radius: '80%',
+ axisLine: {
+ lineStyle: {
+ color: [
+ [0, 'rgba(0,212,230,0.5)'],
+ [1, 'rgba(28,128,245,0)']
+ ],
+ width: 170
+ }
+ },
+ axisLabel: { // 文字样式
+ color: '#eee',
+ fontSize: 14,
+ },
+ axisTick: {
+ show: false,
+ },
+ splitLine: {
+ show: false,
+ },
+ detail: {
+ show: false,
+ },
+ pointer: {
+ length: '80%',
+ width: 4
+ },
+ animationDuration: 2000,
+ },
+ {
+ name: '外部刻度',
+ type: 'gauge',
+ center: ['50%', '55%'],
+ radius: '90%',
+ axisLine: {
+ show: true,
+ lineStyle: {
+ width: 25,
+ color: [ // 表盘外部颜色
+ [0, '#1369E380'],
+ [1, '#1369E380']
+ ],
+ }
+ },
+ axisLabel: {
+ show:false,
+ },
+ axisTick: {
+ splitNumber: 5,
+ lineStyle: { //刻度颜色
+ color: '#42E5FB',
+ width: 2,
+ },
+ },
+ splitLine: {
+ length: 15,
+ lineStyle: {
+ color: '#42E5FB',
+ }
+ },
+ },
+ ]
+};
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key: string = DialConfig.key
+ public chartConfig = cloneDeep(DialConfig)
+ // 图表配置项
+ public option = echartOptionProfixHandle(option, includes)
+}
diff --git a/src/packages/components/Charts/Mores/Dial/config.vue b/src/packages/components/Charts/Mores/Dial/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..151a2f1d2aba2b4c648a2c91fccf7eb56e61213f
--- /dev/null
+++ b/src/packages/components/Charts/Mores/Dial/config.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/config.ts b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0b8ecd06702dd161ed166e239a8f780ada59348f
--- /dev/null
+++ b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/config.ts
@@ -0,0 +1,56 @@
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import {GroupedStackedRoseChartCommonConfig} from './index'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+import dataJson from './data.json'
+
+export const includes = ['legend', 'xAxis', 'yAxis', 'grid']
+export const seriesItem = {
+ type: 'bar',
+ barWidth: 15,
+ label: {
+ show: true,
+ position: 'top',
+ color: '#fff',
+ fontSize: 12
+ },
+ itemStyle: {
+ color: null,
+ borderRadius: 2
+ }
+}
+export const option = {
+ tooltip: {
+ show: true,
+ trigger: 'axis',
+ axisPointer: {
+ show: true,
+ type: 'shadow'
+ }
+ },
+ xAxis: {
+ show: true,
+ type: 'category'
+ },
+ yAxis: {
+ show: true,
+ type: 'value'
+ },
+ dataset: dataJson,
+ lineOptions: {
+ background: '#00000000',
+ legends: {
+ legendsVisible: true,
+ legendsPosition: "middle",
+ legendsOrient: "top"
+ }
+ },
+ series: [seriesItem, seriesItem]
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = GroupedStackedRoseChartCommonConfig.key
+ public chartConfig = cloneDeep(GroupedStackedRoseChartCommonConfig)
+ // 图表配置项
+ public option = echartOptionProfixHandle(option, includes)
+}
diff --git a/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/config.vue b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..cda8aecd8d44ca622d9e837e76b89779324fe884
--- /dev/null
+++ b/src/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/config.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/Heatmap/index.vue b/src/packages/components/Charts/Mores/Heatmap/index.vue
index 45cb810c4b7d1ab21fd442f95c7cbed25b16ff7a..26efd567e74a73df738f857c619e7c707f0ffb7b 100644
--- a/src/packages/components/Charts/Mores/Heatmap/index.vue
+++ b/src/packages/components/Charts/Mores/Heatmap/index.vue
@@ -1,16 +1,25 @@
-
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/config.ts b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cd56e3439f22ddc57dd868e6874901b4b7f86378
--- /dev/null
+++ b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/config.ts
@@ -0,0 +1,56 @@
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import {PolarCoordinateAxisCommonConfig} from './index'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+import dataJson from './data.json'
+
+export const includes = ['legend', 'xAxis', 'yAxis', 'grid']
+export const seriesItem = {
+ type: 'bar',
+ barWidth: 15,
+ label: {
+ show: true,
+ position: 'top',
+ color: '#fff',
+ fontSize: 12
+ },
+ itemStyle: {
+ color: null,
+ borderRadius: 2
+ }
+}
+export const option = {
+ tooltip: {
+ show: true,
+ trigger: 'axis',
+ axisPointer: {
+ show: true,
+ type: 'shadow'
+ }
+ },
+ xAxis: {
+ show: true,
+ type: 'category'
+ },
+ yAxis: {
+ show: true,
+ type: 'value'
+ },
+ dataset: dataJson,
+ lineOptions: {
+ background: '#00000000',
+ legends: {
+ legendsVisible: true,
+ legendsPosition: "middle",
+ legendsOrient: "top"
+ }
+ },
+ series: [seriesItem, seriesItem]
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = PolarCoordinateAxisCommonConfig.key
+ public chartConfig = cloneDeep(PolarCoordinateAxisCommonConfig)
+ // 图表配置项
+ public option = echartOptionProfixHandle(option, includes)
+}
diff --git a/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/config.vue b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..cda8aecd8d44ca622d9e837e76b89779324fe884
--- /dev/null
+++ b/src/packages/components/Charts/Mores/PolarCoordinateAxisCommon/config.vue
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/Process/index.vue b/src/packages/components/Charts/Mores/Process/index.vue
index 5faf79bfdc739a62fd90e5dc52fa705af3575966..f4ce62121691858fc28fadf8dd7ee33c8d46c1ee 100644
--- a/src/packages/components/Charts/Mores/Process/index.vue
+++ b/src/packages/components/Charts/Mores/Process/index.vue
@@ -3,7 +3,7 @@
:type="type"
:height="h"
:processing="processing"
- :percentage="option.dataset"
+ :percentage="dataset"
:indicator-placement="indicatorPlacement"
:color="color"
:rail-color="railColor"
@@ -15,7 +15,7 @@
fontSize: `${indicatorTextSize}px`
}"
>
- {{ option.dataset }} {{ unit }}
+ {{ dataset }} {{ unit }}
+
+
+
+
+
diff --git a/src/packages/components/Charts/Mores/index.ts b/src/packages/components/Charts/Mores/index.ts
index 7539cf21a5bbf2e219b06e5848f147a24a78d055..22021219aff7a50fb87bac8ee8549f10676bc6e8 100644
--- a/src/packages/components/Charts/Mores/index.ts
+++ b/src/packages/components/Charts/Mores/index.ts
@@ -4,5 +4,33 @@ import { FunnelConfig } from './Funnel/index'
import { HeatmapConfig } from './Heatmap/index'
import { WaterPoloConfig } from './WaterPolo/index'
import { TreeMapConfig } from './TreeMap/index'
+import {MoreInstrumentConfig} from "./MoreInstrument/index";
+import { BarLineCommonConfig } from '@/packages/components/Charts/Mores/BarLineCommon/index'
+import {BiaxLineCommonConfig} from "@/packages/components/Charts/Mores/BiaxLineCommon/index";
+import {GroupedStackedRoseChartCommonConfig} from "@/packages/components/Charts/Mores/GroupedStackedRoseChartCommon/index";
+import {PolarCoordinateAxisCommonConfig} from "@/packages/components/Charts/Mores/PolarCoordinateAxisCommon/index";
+import {WeatherConfig} from "@/packages/components/Charts/Mores/Weather/index";
+import {GroundGlassConfig} from "@/packages/components/Charts/Mores/GroundGlass/index";
-export default [ProcessConfig, RadarConfig, FunnelConfig, HeatmapConfig, WaterPoloConfig, TreeMapConfig]
+import { DialConfig } from './Dial/index'
+import { SankeyConfig } from './Sankey/index'
+import { GraphConfig } from './Graph/index'
+
+export default [
+ ProcessConfig,
+ RadarConfig,
+ FunnelConfig,
+ HeatmapConfig,
+ WaterPoloConfig,
+ TreeMapConfig,
+ GraphConfig,
+ SankeyConfig,
+ DialConfig,
+ MoreInstrumentConfig,
+ BarLineCommonConfig,
+ BiaxLineCommonConfig,
+ GroupedStackedRoseChartCommonConfig,
+ PolarCoordinateAxisCommonConfig,
+ WeatherConfig,
+ GroundGlassConfig
+]
diff --git a/src/packages/components/Charts/Pies/PieCircle/config.vue b/src/packages/components/Charts/Pies/PieCircle/config.vue
index a3206946ff7e26b385f260239765be3a9fe9d453..f343aa23d1f78796f2f0d485dcb8b6164de46c25 100644
--- a/src/packages/components/Charts/Pies/PieCircle/config.vue
+++ b/src/packages/components/Charts/Pies/PieCircle/config.vue
@@ -7,6 +7,22 @@
+
+ ${params.value[0]} ${params.value[1]}` - : `${params.seriesName}：
${params.name} ${params.value}` + : `${params.name} ${params.value}` }, axisPointer: { show: true, diff --git a/src/packages/components/Charts/Scatters/ScatterCommon/index.vue b/src/packages/components/Charts/Scatters/ScatterCommon/index.vue index fd69109f853bbc6c885d6965112c2ff9298b8f95..4a02d93b57144528c7b0e51e758c724d4674fd39 100644 --- a/src/packages/components/Charts/Scatters/ScatterCommon/index.vue +++ b/src/packages/components/Charts/Scatters/ScatterCommon/index.vue @@ -1,6 +1,7 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ dataset }}
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Decorates/Decorates08/config.ts b/src/packages/components/Decorates/Decorates/Decorates08/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..574438d66c20acabd522a86da8f656e383cc2c97
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates08/config.ts
@@ -0,0 +1,171 @@
+import { PublicConfigClass } from '@/packages/public'
+import { chartInitConfig } from '@/settings/designSetting'
+import { CreateComponentType } from '@/packages/index.d'
+import { Decorates08Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+
+
+
+export const pointFlickerStatusType = [
+ {
+ label: '开',
+ value: '1'
+ },
+ {
+ label: '关',
+ value: '0'
+ }
+]
+
+
+export const pointFlickerType = [
+ {
+ label: '即时',
+ value: 'immediately'
+ },
+ {
+ label: '渐变',
+ value: 'slow'
+ }
+]
+
+export const pointFrequencyType = [
+ {
+ label: '低',
+ value: 3000
+ },
+ {
+ label: '中',
+ value: 1000
+ },
+ {
+ label: '快',
+ value: 500
+ },
+ {
+ label: '超快',
+ value: 100
+ },
+ {
+ label: '嗷比快',
+ value: 10
+ }
+]
+
+
+export const pointStatusType = [
+ {
+ label: '关闭',
+ value: '0'
+ },
+ {
+ label: '开启',
+ value: '1'
+ },
+ {
+ label: '异常',
+ value: '2'
+ }
+]
+
+export const alignItemsType = [
+ {
+ label: '左侧对齐',
+ value: 'start'
+ },
+ {
+ label: '居中对齐',
+ value: 'center'
+ },
+ {
+ label: '右侧对齐',
+ value: 'end'
+ }
+]
+
+
+
+export const justifyContentType = [
+ {
+ label: '左侧对齐',
+ value: 'start'
+ },
+ {
+ label: '右侧对齐',
+ value: 'end'
+ },
+ {
+ label: '居中对齐',
+ value: 'center'
+ },
+ {
+ label: '左右对齐',
+ value: 'space-between'
+ },
+ {
+ label: '左右居中对齐(偏居中)',
+ value: 'space-evenly'
+ },
+ {
+ label: '左右居中对齐(偏左右)',
+ value: 'space-around'
+ },
+
+]
+
+
+
+export const flexDirectionType = [
+ {
+ label: '上下',
+ value: 'column'
+ },
+ {
+ label: '下上',
+ value: 'column-reverse'
+ },
+ {
+ label: '左右',
+ value: 'row'
+ },{
+ label: '右左',
+ value: 'row-reverse'
+ },
+
+]
+
+
+export const option = {
+ colors: ['#25ECD921', '#1DC1F585'],//背景颜色 ，描边颜色
+ dataset: '状态',//标题
+ textColor: '#fff', //标题颜色
+ textSize: 32, // 标题字体大小
+ borderSize:'1', //描边粗细
+ borderRadius: '0', //圆角
+ pointStatus: '1',//指示灯状态0关闭1开启2异常
+ pointFlickerStatus: '0',//指示灯闪动开关
+ pointFrequency:1000, //指示灯闪动频次 低：3000 中:1000 快:500
+ pointFlicker:'immediately',//指示灯闪动效果 即时:immediately 缓慢渐变:slow
+
+ // changeOpcity: 1,//闪动控制器
+
+ pointOpenColor:'#10c504', //开启状态颜色
+ pointOpenShadowColor:'#b5ffae', //开启状态发光颜色
+
+ pointCloseColor:'#eee',//关闭状态颜色
+
+ pointErrorColor:'#d9001b',
+ pointErrorShadowColor:'#d93d53',//异常状态发光颜色
+ pointSize:'32',//状态灯大小
+ flexDirection: 'column',//排列方式flex-Direction 常用几种 column:上下 column-reverse:下上 row:左右 row-reverse:右左
+ justifyContent: 'center',
+ alignItems: 'center'
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = Decorates08Config.key
+ public attr = { ...chartInitConfig, w: 500, h: 70, zIndex: 1 }
+ public chartConfig = cloneDeep(Decorates08Config)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/Decorates/Decorates08/config.vue b/src/packages/components/Decorates/Decorates/Decorates08/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..71955647dd914f388ef75903a5e8a54f38ecae8d
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates08/config.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Decorates/Decorates/index.ts b/src/packages/components/Decorates/Decorates/index.ts
index 0d9d46048fb6a024d1db7ac82ff7a1c9ec41a88a..4ef13365a9e4cf5341a8498d3e4fe27cd9f2da28 100644
--- a/src/packages/components/Decorates/Decorates/index.ts
+++ b/src/packages/components/Decorates/Decorates/index.ts
@@ -4,6 +4,9 @@ import { Decorates03Config } from './Decorates03/index'
import { Decorates04Config } from './Decorates04/index'
import { Decorates05Config } from './Decorates05/index'
import { Decorates06Config } from './Decorates06/index'
+import { Decorates07Config } from './Decorates07/index'
+import { Decorates08Config } from './Decorates08/index'
+import { Decorates09Config } from './Decorates09/index'
export default [
Decorates01Config,
@@ -11,5 +14,8 @@ export default [
Decorates03Config,
Decorates04Config,
Decorates05Config,
- Decorates06Config
+ Decorates06Config,
+ Decorates07Config,
+ Decorates08Config,
+ Decorates09Config
]
diff --git a/src/packages/components/Decorates/FlowChart/FlowChartLine/config.ts b/src/packages/components/Decorates/FlowChart/FlowChartLine/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..db010cbc809234b2d17fcfc2bc4884f79de829b4
--- /dev/null
+++ b/src/packages/components/Decorates/FlowChart/FlowChartLine/config.ts
@@ -0,0 +1,19 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { FlowChartLineConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ endWidth: 15,
+ lineWidth: 2, //线条粗细
+ lineNum: 2, //向下数量
+ lineNumUp: 2, //向上数量
+ backgroundCol: '#303a4c', //线条背景
+ animateCol: '#3788ea' //流动动画背景
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = FlowChartLineConfig.key
+ public chartConfig = cloneDeep(FlowChartLineConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/FlowChart/FlowChartLine/config.vue b/src/packages/components/Decorates/FlowChart/FlowChartLine/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1595aea1a4892d90b7dfcec4f00ed9bfb0bacb40
--- /dev/null
+++ b/src/packages/components/Decorates/FlowChart/FlowChartLine/config.vue
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/PipelineV/config.ts b/src/packages/components/Decorates/Mores/PipelineV/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e302975169855c72e36d7eeb1711f79c5a34bf15
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/PipelineV/config.ts
@@ -0,0 +1,19 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { chartInitConfig } from '@/settings/designSetting'
+import { PipelineVConfig } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+ color_type: 1,
+ o_color: '#0a7ae2',
+ i_color: '#119bfa',
+ line_class: 'svg_ani_flow'
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = PipelineVConfig.key
+ public attr = { ...chartInitConfig, w: 15, h: 500, zIndex: -1 }
+ public chartConfig = cloneDeep(PipelineVConfig)
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Decorates/Mores/PipelineV/config.vue b/src/packages/components/Decorates/Mores/PipelineV/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..bc039e8e84c622cd531bc3ad08405dd942ae09cd
--- /dev/null
+++ b/src/packages/components/Decorates/Mores/PipelineV/config.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Decorates/Mores/TimeCommon/index.ts b/src/packages/components/Decorates/Mores/TimeCommon/index.ts
index 427d25d244c7a30d2fb2056a588258d9ab544135..9acebb1d55e00462b202f8252a68e45f6d72100c 100644
--- a/src/packages/components/Decorates/Mores/TimeCommon/index.ts
+++ b/src/packages/components/Decorates/Mores/TimeCommon/index.ts
@@ -1,4 +1,4 @@
-import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ConfigType, PackagesCategoryEnum,ChartFrameEnum } from '@/packages/index.d'
import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
export const TimeCommonConfig: ConfigType = {
@@ -9,5 +9,6 @@ export const TimeCommonConfig: ConfigType = {
category: ChatCategoryEnum.MORE,
categoryName: ChatCategoryEnumName.MORE,
package: PackagesCategoryEnum.DECORATES,
+ chartFrame: ChartFrameEnum.STATIC,
image: 'time.png'
}
diff --git a/src/packages/components/Decorates/Mores/index.ts b/src/packages/components/Decorates/Mores/index.ts
index 855f6e273384307a75b8a65a493e8fa77930f274..95f26040dec60f0b2e6fc40d5f99b34bd2ed2fec 100644
--- a/src/packages/components/Decorates/Mores/index.ts
+++ b/src/packages/components/Decorates/Mores/index.ts
@@ -1,7 +1,21 @@
import { NumberConfig } from './Number/index'
import { TimeCommonConfig } from './TimeCommon/index'
import { ClockConfig } from './Clock/index'
+import { FullScreenConfig } from './FullScreen/index'
import { CountDownConfig } from './CountDown/index'
import { FlipperNumberConfig } from './FlipperNumber'
+import { PipelineHConfig } from './PipelineH/index'
+import { PipelineVConfig } from './PipelineV/index'
+import { CirclePointConfig } from './CirclePoint/index'
-export default [NumberConfig, FlipperNumberConfig, TimeCommonConfig, CountDownConfig, ClockConfig]
+export default [
+ NumberConfig,
+ FlipperNumberConfig,
+ TimeCommonConfig,
+ CountDownConfig,
+ ClockConfig,
+ FullScreenConfig,
+ PipelineHConfig,
+ PipelineVConfig,
+ CirclePointConfig
+]
diff --git a/src/packages/components/Decorates/Three/ThreeEarth01/code/Utils/arc.ts b/src/packages/components/Decorates/Three/ThreeEarth01/code/Utils/arc.ts
index 76db98fce5005f8bf94b2e514dd3131435c75d11..cc328529388b6e39866f16837f24870de137a006 100644
--- a/src/packages/components/Decorates/Three/ThreeEarth01/code/Utils/arc.ts
+++ b/src/packages/components/Decorates/Three/ThreeEarth01/code/Utils/arc.ts
@@ -1,4 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-nocheck
import {
ArcCurve,
diff --git a/src/packages/components/Decorates/Three/ThreeEarth01/code/world/Assets.ts b/src/packages/components/Decorates/Three/ThreeEarth01/code/world/Assets.ts
index bd8df6c48bf6a52653e993450e6e30b22ab11a30..3293b3505675c1f028579eac4f02a1bedd0d4f6f 100644
--- a/src/packages/components/Decorates/Three/ThreeEarth01/code/world/Assets.ts
+++ b/src/packages/components/Decorates/Three/ThreeEarth01/code/world/Assets.ts
@@ -15,7 +15,7 @@ export interface IResources {
const fileSuffix = ['earth', 'gradient', 'redCircle', 'label', 'aperture', 'glow', 'light_column', 'aircraft']
const textures: ITextures[] = []
-const modules = import.meta.globEager("../../images/earth/*");
+const modules: Record
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Informations/Inputs/InputsInput/interact.ts b/src/packages/components/Informations/Inputs/InputsInput/interact.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d6c070f480980788fb45fdbe8e7e099e68d86fef
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsInput/interact.ts
@@ -0,0 +1,27 @@
+import { InteractEventOn, InteractActionsType } from '@/enums/eventEnum'
+
+// 时间组件类型
+export enum ComponentInteractEventEnum {
+ DATA = 'data'
+}
+
+// 联动参数
+export enum ComponentInteractParamsEnum {
+ DATA = 'data'
+}
+
+// 定义组件触发回调事件
+export const interactActions: InteractActionsType[] = [
+ {
+ interactType: InteractEventOn.CHANGE,
+ interactName: '选择完成',
+ componentEmitEvents: {
+ [ComponentInteractEventEnum.DATA]: [
+ {
+ value: ComponentInteractParamsEnum.DATA,
+ label: '选择项'
+ }
+ ]
+ }
+ }
+]
diff --git a/src/packages/components/Informations/Inputs/InputsPagination/config.ts b/src/packages/components/Informations/Inputs/InputsPagination/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7d73e5a127007e3ac194cb0d594c859c505dd275
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsPagination/config.ts
@@ -0,0 +1,26 @@
+import cloneDeep from 'lodash/cloneDeep'
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { chartInitConfig } from '@/settings/designSetting'
+import { COMPONENT_INTERACT_EVENT_KET } from '@/enums/eventEnum'
+import { interactActions, ComponentInteractEventEnum } from './interact'
+import {InputsPaginationConfig} from "./index";
+
+export const option = {
+ // 时间组件展示类型，必须和 interactActions 中定义的数据一致
+ [COMPONENT_INTERACT_EVENT_KET]: ComponentInteractEventEnum.DATA,
+ // 默认值
+ pageValue:1,
+ sizeValue:[2,4,8,10,20],
+ pageSize:4,
+ // 暴露配置内容给用户
+ dataset: 10
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = InputsPaginationConfig.key
+ public attr = { ...chartInitConfig, w: 395, h: 32, zIndex: -1 }
+ public chartConfig = cloneDeep(InputsPaginationConfig)
+ public interactActions = interactActions
+ public option = cloneDeep(option)
+}
\ No newline at end of file
diff --git a/src/packages/components/Informations/Inputs/InputsPagination/config.vue b/src/packages/components/Informations/Inputs/InputsPagination/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3599781dfcc3413af14c3ffd3fe19fe2fe68138b
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsPagination/config.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Informations/Inputs/InputsPagination/interact.ts b/src/packages/components/Informations/Inputs/InputsPagination/interact.ts
new file mode 100644
index 0000000000000000000000000000000000000000..acc1453fafe55b1934e06828d549b819e97bf605
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsPagination/interact.ts
@@ -0,0 +1,32 @@
+import { InteractEventOn, InteractActionsType } from '@/enums/eventEnum'
+
+// 时间组件类型
+export enum ComponentInteractEventEnum {
+ DATA = 'data'
+}
+
+// 联动参数
+export enum ComponentInteractParamsEnum {
+ DATA = 'data',
+ DATA2 = 'data2'
+}
+
+// 定义组件触发回调事件
+export const interactActions: InteractActionsType[] = [
+ {
+ interactType: InteractEventOn.CHANGE,
+ interactName: '选择完成',
+ componentEmitEvents: {
+ [ComponentInteractEventEnum.DATA]: [
+ {
+ value: ComponentInteractParamsEnum.DATA,
+ label: '页数'
+ },
+ {
+ value: ComponentInteractParamsEnum.DATA2,
+ label: '每页条数'
+ }
+ ]
+ }
+ }
+]
\ No newline at end of file
diff --git a/src/packages/components/Informations/Inputs/InputsSelect/config.ts b/src/packages/components/Informations/Inputs/InputsSelect/config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8a07c5e6aa164a985bb29cbd8d8ebf55b4ed93a7
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsSelect/config.ts
@@ -0,0 +1,37 @@
+import cloneDeep from 'lodash/cloneDeep'
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { chartInitConfig } from '@/settings/designSetting'
+import { COMPONENT_INTERACT_EVENT_KET } from '@/enums/eventEnum'
+import { interactActions, ComponentInteractEventEnum } from './interact'
+import { InputsSelectConfig } from './index'
+
+export const option = {
+ // 时间组件展示类型，必须和 interactActions 中定义的数据一致
+ [COMPONENT_INTERACT_EVENT_KET]: ComponentInteractEventEnum.DATA,
+ // 默认值
+ selectValue: '1',
+ // 暴露配置内容给用户
+ dataset: [
+ {
+ label: '选项1',
+ value: '1'
+ },
+ {
+ label: '选项2',
+ value: '2'
+ },
+ {
+ label: '选项3',
+ value: '3'
+ }
+ ]
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key = InputsSelectConfig.key
+ public attr = { ...chartInitConfig, w: 260, h: 32, zIndex: -1 }
+ public chartConfig = cloneDeep(InputsSelectConfig)
+ public interactActions = interactActions
+ public option = cloneDeep(option)
+}
diff --git a/src/packages/components/Informations/Inputs/InputsSelect/config.vue b/src/packages/components/Informations/Inputs/InputsSelect/config.vue
new file mode 100644
index 0000000000000000000000000000000000000000..67472c2fac8d370f8c6111bfa2e65ae6c0751fe2
--- /dev/null
+++ b/src/packages/components/Informations/Inputs/InputsSelect/config.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/Informations/Mores/Video/index.vue b/src/packages/components/Informations/Mores/Video/index.vue
index b184c83d251062fc3b07357aa737e659fc018c5c..1726645aafec7c5744f9a77e66df17f278deb700 100644
--- a/src/packages/components/Informations/Mores/Video/index.vue
+++ b/src/packages/components/Informations/Mores/Video/index.vue
@@ -36,7 +36,7 @@ let option = shallowReactive({ ...configOption })
// 预览更新
const vVideoRef = ref(null)
useChartDataFetch(props.chartConfig, useChartEditStore, (newData: any) => {
- option = newData
+ option.dataset = newData
})
// 编辑更新
diff --git a/src/packages/components/Informations/Mores/WordCloud/config.vue b/src/packages/components/Informations/Mores/WordCloud/config.vue
index 7893425506f9fd578ee47e2428eed7992e9c1e0e..90efaabd7dd6ab3777eda89f12c32e6b8f9da568 100644
--- a/src/packages/components/Informations/Mores/WordCloud/config.vue
+++ b/src/packages/components/Informations/Mores/WordCloud/config.vue
@@ -1,4 +1,5 @@
+
+
+
+
+
+
+
diff --git a/src/packages/components/Informations/Texts/TextCommon/config.vue b/src/packages/components/Informations/Texts/TextCommon/config.vue
index c2a9e44e27f4fe02759f5c8211cc2967156f2040..4fa6912e3354b7aa5fc96b95cea56225de7e522d 100644
--- a/src/packages/components/Informations/Texts/TextCommon/config.vue
+++ b/src/packages/components/Informations/Texts/TextCommon/config.vue
@@ -2,7 +2,7 @@
+
+ {{cardTitle}}
+
+
+
+
+
+
+ -
+
-
+
+ {{ item.title }}+{{ item.content }}+ +
+
+
+
+
+
+
+
+
+
+
diff --git a/src/packages/components/Tables/Tables/index.ts b/src/packages/components/Tables/Tables/index.ts
index dbad93ec91080908f93032b295eccd1a55db8047..45ca3a63c294ea4c0f89ed3c013b5c0100bfb979 100644
--- a/src/packages/components/Tables/Tables/index.ts
+++ b/src/packages/components/Tables/Tables/index.ts
@@ -1,4 +1,5 @@
import { TableListConfig } from './TableList'
import { TableScrollBoardConfig } from './TableScrollBoard'
+import { TablesBasicConfig } from "./TablesBasic/index";
-export default [TableListConfig, TableScrollBoardConfig]
+export default [TableListConfig, TableScrollBoardConfig,TablesBasicConfig]
diff --git a/src/packages/index.d.ts b/src/packages/index.d.ts
index e1f626b370c52c96383df5e5fa8e5e511b9d06c7..888149cbb1b539bffd2b6a2bc42aecf13acf71f5 100644
--- a/src/packages/index.d.ts
+++ b/src/packages/index.d.ts
@@ -1,4 +1,4 @@
-import { BaseEvent, EventLife } from '@/enums/eventEnum'
+import { BaseEvent, EventLife, InteractEvents, InteractEventOn, InteractActionsType } from '@/enums/eventEnum'
import type { GlobalThemeJsonType } from '@/settings/chartThemes/index'
import type { RequestConfigType } from '@/store/modules/chartEditStore/chartEditStore.d'
@@ -15,15 +15,34 @@ export enum ChartFrameEnum {
// 组件配置
export type ConfigType = {
+ // 组件 key
key: string
+ // 画布组件 key
chartKey: string
+ // 右侧设置面板组件 key
conKey: string
+ // 标题
title: string
+ // 分类
category: string
+ // 分类名称
categoryName: string
+ // 所属包
package: string
+ // 归类
chartFrame?: ChartFrameEnum
+ // 预览图
image: string
+ // 从指定路径创建创建该组件
+ redirectComponent?: string
+ // 组件预设的 dataset 值(图片/图标)
+ dataset?: any
+ // 禁用 拖拽或双击生成组件
+ disabled?: boolean
+ // 图标
+ icon?: string
+ // 事件
+ configEvents?: { [T: string]: Function }
}
// 数据请求
@@ -69,7 +88,20 @@ export enum FilterEnum {
SKEW_Y = 'skewY',
// 混合模式
- BLEND_MODE = 'blendMode'
+ BLEND_MODE = 'blendMode',
+ //动画开关
+ ANIMATIONS_OPEN = 'animationsOpen',
+ //动画循环
+ ANIMATIONS_CIRCULATE = 'animationsCirculate',
+ //动画曲线
+ ANIMATIONS_CURVE = 'animationsCurve',
+ //动画方向
+ ANIMATIONS_DIRECTION = 'animationsDirection',
+ //动画时长
+ CIRCULATE_PLAY_TIME = 'circulatePlayTime',
+ //动画延迟时长
+ CIRCULATE_DELAY_TIME = 'circulateDelayTime'
+
}
export const BlendModeEnumList = [
@@ -113,23 +145,52 @@ export interface PublicConfigType {
[FilterEnum.BLEND_MODE]: string
// 动画
animations: string[]
+
+ // // 动画开关
+ [FilterEnum.ANIMATIONS_OPEN]: boolean,
+
+ // 动画循环
+ [FilterEnum.ANIMATIONS_CIRCULATE]: boolean,
+
+ //动画播放速度曲线默认平滑
+ [FilterEnum.ANIMATIONS_CURVE]: string,
+
+ //动画方向
+ [FilterEnum.ANIMATIONS_DIRECTION]: string,
+
+ // 动画时长/秒
+ [FilterEnum.CIRCULATE_PLAY_TIME]: number,
+
+ // 动画延迟时长/秒
+ [FilterEnum.CIRCULATE_DELAY_TIME]: number,
+ }
+ preview?: {
+ // 预览超出隐藏
+ overFlowHidden?: boolean
}
filter?: string
status: StatusType
+ interactActions?: InteractActionsType[]
events: {
baseEvent: {
[K in BaseEvent]?: string
- },
+ }
advancedEvents: {
[K in EventLife]?: string
}
+ interactEvents: {
+ [InteractEvents.INTERACT_ON]: InteractEventOn | undefined
+ [InteractEvents.INTERACT_COMPONENT_ID]: string | undefined
+ [InteractEvents.INTERACT_FN]: { [name: string]: string }
+ }[]
}
}
export interface CreateComponentType extends PublicConfigType, requestConfig {
key: string
chartConfig: ConfigType
- option: GlobalThemeJsonType,
+ option: GlobalThemeJsonType
+ groupList?: Array
-
{{ item.title }}
+
+
+
+
+
+
+
+
+
+
+ 删除
+
+
-
-
+
@@ -23,8 +23,11 @@ import { ref, watch, computed, reactive } from 'vue'
import { ConfigType } from '@/packages/index.d'
import { useSettingStore } from '@/store/modules/settingStore/settingStore'
import { loadAsyncComponent } from '@/utils'
+import { usePackagesStore } from '@/store/modules/packagesStore/packagesStore'
+import { PackagesCategoryEnum } from '@/packages/index.d'
const ChartsItemBox = loadAsyncComponent(() => import('../ChartsItemBox/index.vue'))
+const packagesStore = usePackagesStore()
const props = defineProps({
selectOptions: {
@@ -61,7 +64,7 @@ let packages = reactive<{
saveSelectOptions: {}
})
-const selectValue = ref
+
+
+
+ 编写方式同正常JSON写法
+
+
+
+ 取消
+ 保存 & 发送请求
+
@@ -82,9 +91,12 @@ const pondData = computed(() => {
return data[0]
})
-watch(() => props.modelShow, (newValue) => {
- modelShowRef.value = newValue
-})
+watch(
+ () => props.modelShow,
+ newValue => {
+ modelShowRef.value = newValue
+ }
+)
watch(
() => pondData.value,
@@ -189,7 +201,7 @@ const deletePond = (targetData: RequestDataPondItemType) => {
}
// 关闭
-const closeHandle = () => {
+const closeAndSendHandle = () => {
// 将所选内容赋值给对象
if (pondData.value) {
targetData.value.request = {
@@ -200,6 +212,14 @@ const closeHandle = () => {
emit('update:modelShow', false)
emit('sendHandle')
}
+
+const closeHandle = () => {
+ emit('update:modelShow', false)
+}
+
+const onEsc = () => {
+ closeHandle()
+}
diff --git a/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue b/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
index 05e5ce4db6f8c1ac1ca9297ea37695d642f39914..6e632cc5ba911abe8778d2660246b35e4cd8ddcd 100644
--- a/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
@@ -5,6 +5,7 @@
组件 id：
+
@@ -28,7 +39,7 @@
import { PropType } from 'vue'
import { CreateComponentGroupType } from '@/packages/index.d'
import { animationsClass, getFilterStyle, getTransformStyle, getBlendModeStyle } from '@/utils'
-import { getSizeStyle, getComponentAttrStyle, getStatusStyle } from '../../utils'
+import { getSizeStyle, getComponentAttrStyle, getStatusStyle, getPreviewConfigStyle } from '../../utils'
import { useLifeHandler } from '@/hooks'
const props = defineProps({
@@ -54,6 +65,5 @@ const props = defineProps({
diff --git a/src/views/preview/components/PreviewRenderList/index.vue b/src/views/preview/components/PreviewRenderList/index.vue
index ee5ea39c59aca3bf5065f1f15d5609584e641444..b2f54e46fe172c0478e6df0668f3f7b57d463756 100644
--- a/src/views/preview/components/PreviewRenderList/index.vue
+++ b/src/views/preview/components/PreviewRenderList/index.vue
@@ -1,15 +1,20 @@
-
@@ -29,7 +34,10 @@
:chartConfig="item"
:themeSetting="themeSetting"
:themeColor="themeColor"
- :style="{ ...getSizeStyle(item.attr) }"
+ :style="{
+ ...getSizeStyle(item.attr),
+ ...getFilterStyle(item.styles)
+ }"
v-on="useLifeHandler(item)"
>
@@ -42,36 +50,51 @@ import { ChartEditStorageType } from '../../index.d'
import { PreviewRenderGroup } from '../PreviewRenderGroup/index'
import { CreateComponentGroupType } from '@/packages/index.d'
import { chartColors } from '@/settings/chartThemes/index'
-import { animationsClass, getFilterStyle, getTransformStyle, getBlendModeStyle } from '@/utils'
-import { getSizeStyle, getComponentAttrStyle, getStatusStyle } from '../../utils'
+import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
+import {
+ animationsClass,
+ getFilterStyle,
+ getTransformStyle,
+ getBlendModeStyle,
+ getAnimationsPlayDurationStyle,
+ getAnimationsRepeatStyle,
+ getAnimationsRepeatClass,
+ animationsIsOpenClass,
+ getAnimationsCurveStyle,
+ getAnimationsPlayDelayStyle,
+ colorCustomMerge
+} from '@/utils'
+import { getSizeStyle, getComponentAttrStyle, getStatusStyle,getPreviewConfigStyle } from '../../utils'
import { useLifeHandler } from '@/hooks'
-
+type ChartEditStoreType = typeof useChartEditStore
// 初始化数据池
const { initDataPond, clearMittDataPondMap } = useChartDataPondFetch()
+const chartEditStore = useChartEditStore()
-const props = defineProps({
- localStorageInfo: {
- type: Object as PropType
+
@@ -23,9 +19,7 @@
@@ -36,7 +30,7 @@
import { computed } from 'vue'
import { PreviewRenderList } from './components/PreviewRenderList'
import { getFilterStyle, routerTurnByName, getSessionStorage, setTitle } from '@/utils'
-import { getEditCanvasConfigStyle, getSessionStorageInfo } from './utils'
+import { getEditCanvasConfigStyle, getSessionStorageInfo, keyRecordHandle, dragCanvas } from './utils'
import { PageEnum } from '@/enums/pageEnum'
import { StorageEnum } from '@/enums/storageEnum'
import { useScale } from './hooks/useScale.hook'
@@ -44,12 +38,14 @@ import { useStore } from './hooks/useStore.hook'
import { PreviewScaleEnum } from '@/enums/styleEnum'
import { useComInstall } from './hooks/useComInstall.hook'
import type { ChartEditStorageType } from './index.d'
+import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
const storageList: ChartEditStorageType[] = getSessionStorage(
StorageEnum.GO_CHART_STORAGE_LIST
)
const localStorageInfo = await getSessionStorageInfo() as unknown as ChartEditStorageType
+console.log(localStorageInfo)
// @ts-ignore
if (localStorageInfo.isRelease === false) {
routerTurnByName(PageEnum.REDIRECT_UN_PUBLISH_NAME, true, false)
@@ -64,15 +60,16 @@ const previewRefStyle = computed(() => {
})
const showEntity = computed(() => {
- const type = localStorageInfo.editCanvasConfig.previewScaleType
- return (
- type === PreviewScaleEnum.SCROLL_Y || type === PreviewScaleEnum.SCROLL_X
- )
+ const type = localStorageInfo .editCanvasConfig.previewScaleType
+ return type === PreviewScaleEnum.SCROLL_Y || type === PreviewScaleEnum.SCROLL_X
})
useStore(localStorageInfo)
const { entityRef, previewRef } = useScale(localStorageInfo)
const { show } = useComInstall(localStorageInfo)
+
+// 开启键盘监听
+keyRecordHandle()
diff --git a/types/global.d.ts b/types/global.d.ts
index aabfe766c5a85e417e024cc2539e5bddcb59cf1f..1d35096ae86822d1cbaaf16e4c6c214e63863bae 100644
--- a/types/global.d.ts
+++ b/types/global.d.ts
@@ -1,4 +1,5 @@
interface Window {
+ _AMapSecurityConfig: { securityJsCode: string };
$loading: any
$message: any
$dialog: any
diff --git a/vite.config.ts b/vite.config.ts
index ad47cad4a66d8b5aa8d1c9780643a6f1044c7c01..25c7ce8d37e9c6491420a5ccbd041194bf0ba073 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,12 +1,15 @@
-import { defineConfig, loadEnv } from 'vite'
+import { defineConfig, loadEnv,normalizePath} from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
import { OUTPUT_DIR, brotliSize, chunkSizeWarningLimit, terserOptions, rollupOptions } from './build/constant'
import viteCompression from 'vite-plugin-compression'
-import { axiosPre } from './src/settings/httpSetting'
+import {axiosPre, cesiumApi} from './src/settings/httpSetting'
import { viteMockServe } from 'vite-plugin-mock'
-import monacoEditorPlugin from 'vite-plugin-monaco-editor'
-
+import monacoEditorPlugin from 'vite-plugin-monaco-editor'
+import { viteExternalsPlugin } from 'vite-plugin-externals'
+import { viteStaticCopy } from 'vite-plugin-static-copy'
+import path from 'path'
+import cesium from 'vite-plugin-cesium'
function pathResolve(dir: string) {
return resolve(process.cwd(), '.', dir)
}
@@ -52,12 +55,84 @@ export default ({ mode }) => defineConfig({
changeOrigin: true,
ws: true,
secure: true,
+ },
+ [cesiumApi]: {
+ target: 'http://192.168.2.249:9033',
+ changeOrigin: true,
+ ws: true,
+ secure: true
}
}
},
plugins: [
- vue(),
- monacoEditorPlugin({
+ vue({
+ template: {
+ compilerOptions: {
+ // 排除 iconify 图标影子组件编译报错
+ isCustomElement: tag => tag.startsWith('iconify-icon')
+ }
+ }
+ }),
+ cesium(),
+ viteExternalsPlugin({
+ 'cesium': 'Cesium',
+
+ 'xbsj-renderer/dist-node/xr-base-utils': 'xbsj["xr-base-utils"]',
+ 'xbsj-renderer/dist-node/xr-math': 'xbsj["xr-math"]',
+ 'xbsj-renderer/dist-node/xr-utils': 'xbsj["xr-utils"]',
+ 'xbsj-renderer/dist-node/xr-cesium': 'xbsj["xr-cesium"]',
+
+ 'xbsj-xe2/dist-node/xe2': 'XE2["xe2"]',
+ 'xbsj-xe2/dist-node/xe2-base': 'XE2["xe2-base"]',
+ 'xbsj-xe2/dist-node/xe2-base-utils': 'XE2["xe2-base-utils"]',
+ 'xbsj-xe2/dist-node/xe2-utils': 'XE2["xe2-utils"]',
+ 'xbsj-xe2/dist-node/xe2-cesium': 'XE2["xe2-cesium"]',
+ 'xbsj-xe2/dist-node/xe2-mapbox': 'XE2["xe2-mapbox"]',
+ 'xbsj-xe2/dist-node/xe2-ue': 'XE2["xe2-ue"]',
+ 'xbsj-xe2/dist-node/utility-xe2-plugin': 'XE2["utility-xe2-plugin"]',
+ 'xbsj-xe2/dist-node/xe2-all-in-one': 'XE2["xe2-all-in-one"]',
+ 'xbsj-xe2/dist-node/xe2-base-objects': 'XE2["xe2-base-objects"]',
+ 'xbsj-xe2/dist-node/xe2-objects': 'XE2["xe2-objects"]',
+ 'xbsj-xe2/dist-node/xe2-cesium-objects': 'XE2["xe2-cesium-objects"]',
+ 'xbsj-xe2/dist-node/xe2-ue-objects': 'XE2["xe2-ue-objects"]',
+ 'xbsj-xe2/dist-node/xe2-openlayers': 'XE2["xe2-openlayers"]',
+ 'xbsj-xe2/dist-node/xe2-openlayers-objects': 'XE2["xe2-openlayers-objects"]',
+
+ 'smplotting-xe2-plugin/dist-node/smplotting-xe2-plugin': 'XE2["smplotting-xe2-plugin"]',
+ 'smplotting-xe2-plugin/dist-node/smplotting-xe2-plugin-main': 'XE2["smplotting-xe2-plugin-main"]',
+ 'esobjs-xe2-plugin/dist-node/esobjs-xe2-plugin': 'XE2["esobjs-xe2-plugin"]',
+ 'esobjs-xe2-plugin/dist-node/esobjs-xe2-plugin-main': 'XE2["esobjs-xe2-plugin-main"]',
+ }, { useWindow: false }),
+ // 运行和构建时copy
+ viteStaticCopy({
+ targets: [
+ {
+ src: normalizePath(path.resolve(__dirname, './node_modules/xbsj-xe2/dist-web')),//wu
+ dest: './js/xbsj-xe2'
+ },
+ {
+ src: normalizePath(path.resolve(__dirname, './node_modules/xbsj-xe2-assets/dist-web')),//w
+ dest: './js/xbsj-xe2-assets'
+ },
+ {
+ src: normalizePath(path.resolve(__dirname, './node_modules/smplotting-xe2-plugin/dist-web')),//wu
+ dest: './js/smplotting-xe2-plugin'
+ },
+ {
+ src: normalizePath(path.resolve(__dirname, './node_modules/esobjs-xe2-plugin/dist-web')),
+ dest: './js/esobjs-xe2-plugin'
+ },
+ {
+ src: normalizePath(path.resolve(__dirname, './node_modules/esobjs-xe2-plugin-assets/dist-web')),//wu
+ dest: './js/esobjs-xe2-plugin-assets'
+ },
+ {
+ src: normalizePath(path.resolve(__dirname, './node_modules/vue-xe2-plugin/dist-web')),
+ dest: './js/vue-xe2-plugin'
+ }
+ ]
+ }),
+ (monacoEditorPlugin as any).default({
languageWorkers: ['editorWorkerService', 'typescript', 'json', 'html']
}),
viteMockServe({
@@ -81,12 +156,12 @@ export default ({ mode }) => defineConfig({
})
],
build: {
- target: 'es2015',
+ target: 'es2020',
outDir: OUTPUT_DIR,
// minify: 'terser', // 如果需要用terser混淆，可打开这两行
// terserOptions: terserOptions,
rollupOptions: rollupOptions,
- brotliSize: brotliSize,
+ reportCompressedSize: brotliSize,
chunkSizeWarningLimit: chunkSizeWarningLimit
}
})
@@ -10,9 +8,7 @@
-
-