合并分支 'feature/branch_cxr' 到 'develop'

Feature/branch cxr

查看合并请求 !28

package.json

@@ -34,6 +34,7 @@
     "@antv/l7-renderer": "2.15.0",
     "@antv/l7-scene": "2.15.0",
     "@antv/l7-source": "2.15.0",
+    "@antv/l7-three": "2.15.0",
     "@antv/l7-utils": "2.15.0",
     "@antv/s2": "1.35.0",
     "@antv/util": "^2.0.17",
@@ -65,14 +66,17 @@
     "lodash.isstring": "^4.0.1",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
+    "popmotion": "^11.0.5",
     "screenfull": "4.2.0",
     "sockjs-client": "^1.6.0",
     "stompjs": "^2.3.3",
     "svg-sprite-loader": "4.1.3",
     "svgo": "1.2.2",
+    "three": "^0.115.0",
     "tinymce": "^5.8.2",
     "umy-ui": "^1.1.6",
     "vue": "2.6.10",
+    "vue-amap": "^0.5.10",
     "vue-clipboard2": "0.3.1",
     "vue-codemirror": "^4.0.6",
     "vue-friendly-iframe": "^0.20.0",
@@ -89,8 +93,7 @@
     "vuex": "3.1.0",
     "webpack": "^4.46.0",
     "xlsx": "^0.17.0",
-    "xss": "^1.0.14",
-		"vue-amap": "^0.5.10"
+    "xss": "^1.0.14"
   },
   "devDependencies": {
     "@babel/core": "^7.4.0-0",

src/lang/zh.js

@@ -1371,6 +1371,7 @@ export default {
     table_column_custom: '自定义',
     chart_table_pivot: '透视表',
     chart_heat_map: '热力图',
+    chart_building: '点击建筑',
     chart_3d_column_chart_map: '3D柱图',
     table_pivot_row: '数据行',
     field_error_tips: '该字段所对应的数据集原始字段发生变更（包括维度、指标，字段类型，字段被删除等），建议重新编辑',

src/views/chart/chart/util.js

@@ -2180,6 +2180,40 @@ export const TYPE_CONFIGS = [
       ]
     }
   },
+  // 点击建筑
+  {
+    render: 'antv',
+    category: 'chart.chart_type_space',
+    value: 'chart_building',
+    title: 'chart.chart_building',
+    icon: 'building',
+    properties: [
+      'color-selector',
+      'size-selector-ant-v',
+      'title-selector-ant-v'
+    ],
+    propertyInner: {
+      'color-selector': [
+        'mapStyle'
+      ],
+      'size-selector-ant-v': [
+        'mapPitch'
+      ],
+      'title-selector-ant-v': [
+        'show',
+        'title',
+        'fontSize',
+        'color',
+        'hPosition',
+        'isItalic',
+        'isBolder',
+        'remarkShow',
+        'fontFamily',
+        'letterSpace',
+        'fontShadow'
+      ]
+    }
+  },
   /* 下面是echarts图表类型 */
   {
     render: 'echarts',

src/views/chart/components/ChartComponentG2.vue

@@ -68,6 +68,8 @@ import { baseCityBrightnessMapOptionAntV } from '@/views/chart/chart/cityBrightn
 import { baseCitySweepMapOptionAntV } from '@/views/chart/chart/citySweep/citySweep_antv'
 import { clear } from 'size-sensor'
 import { baseSankeyOptionAntV } from '@/views/chart/chart/sankey/sankey_antv'
+
+import { baseBuildingOptionAntV } from '@/views/chart/chart/building/building'
 export default {
   name: 'ChartComponentG2',
   components: { TitleRemark, ViewTrackBar, ChartTitleUpdate },
@@ -263,6 +265,7 @@ export default {
           ]
         }
       }
+      console.log('chart.type ',chart.type )
       if (chart.type === 'bar') {
         this.myChart = baseBarOptionAntV(this.myChart, this.chartId, chart, this.antVAction, true, false)
       } else if (chart.type === 'bar-group') {
@@ -313,12 +316,17 @@ export default {
         this.myChart = baseBubbleMapOption(this.myChart, this.chartId, chart, this.antVAction)
       } else if (chart.type === 'city-brightness') {
         this.myChart = baseCityBrightnessMapOptionAntV(this.myChart, this.chartId, chart, this.antVAction)
+
       } else if (chart.type === 'city-sweep') {
         this.myChart = baseCitySweepMapOptionAntV(this.myChart, this.chartId, chart, this.antVAction)
-      } else if (chart.type === 'chart_sankey') {
+       } else if (chart.type === 'chart_sankey') {
         this.myChart = baseSankeyOptionAntV(this.myChart, this.chartId, chart, this.antVAction)
       } else if (chart.type === 'threeDColumn') {
         this.myChart = base3DColumnOptionAntV(this.myChart, this.chartId, chart, this.antVAction)
+
+      } else if (chart.type === 'chart_building') {
+        this.myChart = baseBuildingOptionAntV(this.myChart, this.chartId, chart, this.antVAction)
+
       } else {
         if (this.myChart) {
           this.antVRenderStatus = false
@@ -327,7 +335,7 @@ export default {
       }
 
       if (this.myChart && !equalsAny(chart.type, 'liquid', 'flow-map', 'bubble', 'city-brightness','city-sweep') && this.searchCount > 0) {
-        this.myChart.options.animation = false
+         this.myChart.options.animation = false
       }
       if (this.myChart?.options?.legend) {
         let pageNavigatorInactiveFill, pageNavigatorFill

vue.config.js

@@ -42,7 +42,17 @@ module.exports = {
       filename: 'index.html'
     }
   },
+
   configureWebpack: {
+    module: {
+      rules: [
+        {
+          test: /\.mjs$/,
+          include: /node_modules/,
+          type: 'javascript/auto'
+        }
+      ]
+    },
     name: name,
     devtool: 'source-map',
     resolve: {