20191217

@@ -8,5 +8,10 @@
     }],
     "stage-2"
   ],
-  "plugins": ["transform-vue-jsx", "transform-runtime"]
+  // "plugins": ["transform-vue-jsx", "transform-runtime"]
+  "plugins": [
+    "transform-vue-jsx",
+    "transform-runtime",
+    ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }]
+  ]
 }

 {
-  "name": "mybox",
+  "name": "supermapvue",
   "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
@@ -26,6 +26,46 @@
         "babel-runtime": "^6.26.0"
       }
     },
+    "@babel/helper-module-imports": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.7.4.tgz",
+      "integrity": "sha512-dGcrX6K9l8258WFjyDLJwuVKxR4XZfU0/vTUgOQYWEnRD8mgr+p4d6fCUMq/ys0h4CCt/S5JhbvtyErjWouAUQ==",
+      "requires": {
+        "@babel/types": "^7.7.4"
+      }
+    },
+    "@babel/runtime": {
+      "version": "7.7.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.7.6.tgz",
+      "integrity": "sha512-BWAJxpNVa0QlE5gZdWjSxXtemZyZ9RmrmVozxt3NUXeZhVIJ5ANyqmMc0JDrivBZyxUuQvFxlvH4OWWOogGfUw==",
+      "requires": {
+        "regenerator-runtime": "^0.13.2"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.13.3",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz",
+          "integrity": "sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw=="
+        }
+      }
+    },
+    "@babel/types": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.7.4.tgz",
+      "integrity": "sha512-cz5Ji23KCi4T+YIE/BolWosrJuSmoZeN1EFnRtBwF+KKLi8GG/Z2c2hOJJeCXPk4mwk4QFvTmwIodJowXgttRA==",
+      "requires": {
+        "esutils": "^2.0.2",
+        "lodash": "^4.17.13",
+        "to-fast-properties": "^2.0.0"
+      },
+      "dependencies": {
+        "to-fast-properties": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+          "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4="
+        }
+      }
+    },
     "@mapbox/extent": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/@mapbox/extent/-/extent-0.4.0.tgz",
@@ -951,6 +991,15 @@
         "babel-runtime": "^6.22.0"
       }
     },
+    "babel-plugin-import": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-import/-/babel-plugin-import-1.13.0.tgz",
+      "integrity": "sha512-bHU8m0SrY89ub2hBBuYjbennOeH0YUYkVpH6jxKFk0uD8rhN+0jNHIPtXnac+Vn7N/hgkLGGDcIoYK7je3Hhew==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.0.0",
+        "@babel/runtime": "^7.0.0"
+      }
+    },
     "babel-plugin-syntax-async-functions": {
       "version": "6.13.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz",
@@ -6255,7 +6304,8 @@
     },
     "js-yaml": {
       "version": "3.7.0",
-      "resolved": "",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.7.0.tgz",
+      "integrity": "sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=",
       "dev": true,
       "requires": {
         "argparse": "^1.0.7",

@@ -13,6 +13,7 @@
     "@mapbox/mapbox-gl-draw": "^1.1.2",
     "@supermap/iclient-mapboxgl": "^10.0.0",
     "ant-design-vue": "^1.4.10",
+    "babel-plugin-import": "^1.13.0",
     "font-awesome": "^4.7.0",
     "jquery": "^3.4.1",
     "mapbox-gl": "^1.6.0",

@@ -18,8 +18,7 @@ Vue.use(message)
 
 import mapboxgl from 'mapbox-gl';
 import { Logo, MeasureService } from '@supermap/iclient-mapboxgl';
-// import '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css';
-// import MapboxDraw from '@mapbox/mapbox-gl-draw';
+
 export default {
     name: 'HelloWorld',
     data () {

@@ -21,9 +21,6 @@
 <script>
 import Vue from 'vue'
 import mapboxgl from 'mapbox-gl';
-import { Card, Button } from 'ant-design-vue'
-Vue.use(Card)
-Vue.use(Button)
 
 export default {
     name: 'MVT',

@@ -2,7 +2,7 @@
  * @Author: jiangbotao
  * @Date: 2019-12-10 22:15:53
  * @LastEditors: jiangbotao
- * @LastEditTime: 2019-12-16 13:13:06
+ * @LastEditTime: 2019-12-17 00:13:52
  * @FilePath: \supermapvue\src\components\vt\Map_wz.vue
  -->
 <template>

@@ -3,7 +3,7 @@
  * @Author: jiangbotao
  * @Date: 2019-12-10 22:15:53
  * @LastEditors: jiangbotao
- * @LastEditTime: 2019-12-16 13:12:16
+ * @LastEditTime: 2019-12-17 00:12:35
  * @FilePath: \supermapvue\src\components\vt\Map_wz.vue
  -->
 <template>

@@ -2,14 +2,14 @@
  * @Author: jiangbotao
  * @Date: 2019-12-12 17:40:15
  * @LastEditors: jiangbotao
- * @LastEditTime: 2019-12-16 13:14:28
+ * @LastEditTime: 2019-12-17 00:26:31
  * @FilePath: \supermapvue\src\main.js
  */
 import Vue from 'vue'
-import { Layout, Menu, Icon } from 'ant-design-vue'
+import { Layout, Menu, Icon, Card, Button } from 'ant-design-vue'
 import App from './App'
 import router from './router'
-import 'ant-design-vue/dist/antd.css'
+// import 'ant-design-vue/dist/antd.css'
 import 'font-awesome/css/font-awesome.css'
 import './../static/css/custom.css'
 
@@ -17,6 +17,8 @@ Vue.config.productionTip = false
 Vue.use(Layout)
 Vue.use(Menu)
 Vue.use(Icon)
+Vue.use(Card)
+Vue.use(Button)
 
 /* eslint-disable no-new */
 new Vue({