同步最新代码

Author: muyao1987

LICENSE

@@ -34,7 +34,7 @@ Mars2D 基础项目 是基于[Mars2D 平台](http://mars2d.cn)做的一个应用
 
 ## 视频讲解
 
-建议先看一遍视频讲解，再实际操作。您可以[新页面查看高清视频](https://www.bilibili.com/video/bv1JF411q7Ut/)
+建议先看一遍视频讲解，再实际操作。您可以[新页面查看高清视频](https://www.bilibili.com/video/BV1DR4y1G75T/)
 
 
 
@@ -109,23 +109,12 @@ npm run build
 
 ## 运行效果
 
-访问[基础项目 Vue 版](http://mars2d.cn/project/jcxm-vue/index.html) 在线体验效果和功能
+访问[基础项目 Vue 版](http://mars2d.cn/project/vue/index.html) 在线体验效果和功能
 
 ![image](https://muyao1987.gitee.io/cdn/mars2d.cn/xm/jcxm-vue/1.jpg)
 
 
 
-## 浏览器支持
-
-本地开发推荐使用`Chrome 80+` 浏览器
-
-支持现代浏览器, 不支持 IE
-
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
-| :-: | :-: | :-: | :-: | :-: |
-| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
-
- 
 
 
 ## 如何反馈问题？
@@ -470,7 +459,7 @@ export function onUnmounted(): void {
 #### `map.ts`和`index.vue`各自代码业务分离的原则
 
 - 涉及地图业务的操作均写在 map.ts 中
-- 涉及 UI 层面、和地图无关的操作均写在 index.vue 中,vue 中尽量不使用 mars2d 和 Leaflet 开头的类
+- 涉及 UI 层面、和地图无关的操作均写在 index.vue 中,vue 中尽量不使用 mars2d 和 L 开头的类
 
 #### index.vue 与 map.ts 交互
 
@@ -606,7 +595,7 @@ const show = (name: string) => {
 ```json
 // dependencies中添加
 {
-  "mars2d": "^3.2.0",
+  "mars2d": "^3.0.0",
   "mars2d-cesium": "^1.89.0",
   "@turf/turf": "^6.5.0",
   "kml-geojson": "^1.2.0",
@@ -682,7 +671,7 @@ app.use(injectState(widgetStore), key)
 
 ### 1. 如果切换mars2d到授权版
 
- 参考 [获取Mars2D](http://mars2d.cn/dev/guide/basics/download.html)中“从 Mars2D官网 下载获取”章节介绍。
+ 参考 [获取Mars2D SDK类库](http://mars2d.cn/dev/guide/basics/download.html)中“从 Mars2D官网 下载获取”章节介绍。
 
  流程大概是：
 - 将npm安装后的`node_modules/mars2d/`下的所有文件拷贝一份放在`src\common\mars2d-sdk\`目录。
@@ -702,7 +691,7 @@ chainWebpack: (config) => {
   "mars2d-cesium": "^1.89.0",
 },
 ```
- ![image](http://mars2d.cn/dev/img/guide/basics-download-import.jpg) 
+ ![image](http://mars2d.cn/dev/img/guide/start-download-import.jpg) 
 
 
 ### 2. 局域网离线使用时注意事项
@@ -715,7 +704,7 @@ chainWebpack: (config) => {
 
 - 修改 config.json 中`terrain`配置中，将已有的`"show": true`配置，改为`"show": false`
 - 修改 config.json 中`basemaps`数组配置中，将已有的`"show": true`的图层，将该值改为`"show": false` ，并将单张图片或离线地图加上`"show": true`，并修改相关 URL 地址。
-- 您也可以参考教程[发布三维数据服务](http://mars2d.cn/dev/guide/data/server.html)进行部署离线地图服务，里面也有一些示例离线数据。
+- 您也可以参考教程[发布地图服务](http://mars2d.cn/dev/guide/data/server.html)进行部署离线地图服务，里面也有一些示例离线数据。
 
 
 

README.md

@@ -3,36 +3,36 @@
   "version": "3.0.0",
   "description": "在Vue3技术栈下的Mars2D平台 基础项目",
   "scripts": {
-    "serve": "vite",
-    "dev": "npm run clean-cache && vite",
+    "dev": "vite",
+    "serve": "npm run clean-cache && vite",
     "clean-cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite",
     "clean-lib": "rimraf node_modules",
     "preview": "vite preview",
     "build": "npm run lint && vite build",
-    "build-tsc": "vue-tsc --noEmit && vite build",
-    "lint": "eslint ./src/**/*.{js,jsx,vue,ts,tsx} --fix"
+    "lint": "eslint ./src/**/*.{js,jsx,vue,ts,tsx} --fix && vue-tsc --noEmit"
   },
   "dependencies": {
-    "leaflet": "^1.7.1",
     "@iconify/vue": "^3.1.3",
     "@turf/turf": "^6.5.0",
-    "ant-design-vue": "3.0.0-beta.10",
+    "ant-design-vue": "3.0.0-beta.13",
     "axios": "^0.25.0",
     "core-js": "^3.20.3",
     "echarts": "^5.2.2",
     "echarts-gl": "^2.0.8",
     "kml-geojson": "^1.2.0",
+    "leaflet": "^1.7.1",
     "localforage": "^1.10.0",
-    "mars2d": "^3.0.9",
-    "mars2d-esri": "^3.0.9",
+    "mars2d": "^3.0.12",
+    "mars2d-esri": "^3.0.12",
     "nprogress": "^0.2.0",
     "uuid": "^8.3.2",
     "vue": "^3.2.31",
     "vue-color-kit": "^1.0.5",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
-    "@types/node": "^17.0.18",
+    "@types/leaflet": "^1.7.1",
+    "@types/node": "^17.0.21",
     "@vitejs/plugin-vue": "^2.1.0",
     "@vue/eslint-config-typescript": "^10.0.0",
     "consola": "^2.15.3",
@@ -48,7 +48,7 @@
     "standard": "^16.0.4",
     "typescript": "^4.5.5",
     "unplugin-vue-components": "^0.17.13",
-    "vite": "^2.8.4",
+    "vite": "^2.8.6",
     "vite-plugin-eslint": "^1.3.0",
     "vite-plugin-style-import": "^2.0.0",
     "vue-tsc": "^0.31.1"

package.json

@@ -3,17 +3,17 @@
  * @copyright 火星科技 mars2d.cn
  * @author 火星吴彦祖 2022-02-19
  */
-import { inject, onMounted, onUnmounted } from "vue"
+import { inject, onBeforeMount, onBeforeUnmount } from "vue"
 
 export default function useLifecycle(mapWork: any): void {
   const getMapInstance = inject<any>("getMapInstance")
-  onMounted(() => {
+  onBeforeMount(() => {
     if (mapWork.onMounted) {
       const map = getMapInstance()
       mapWork.onMounted(map)
     }
   })
-  onUnmounted(() => {
+  onBeforeUnmount(() => {
     if (mapWork.onUnmounted) {
       mapWork.onUnmounted()
     }

src/common/uses/use-lifecycle.ts

@@ -1,24 +1,24 @@
-@font-size-base: 13px; // 主要字体大小
+
 
 @mars-basecolor: #000; // 基础字体颜色
 @mars-basecolor-reverse: #fff; // 基础字体颜色-反色
-@dropdown-color-base: #76838f; //下拉菜单字体颜色
+@primary-color: #20a0ff; // 主要颜色
 @mars-disable-color: rgb(51, 32, 32); // 禁用字体颜色
-@button-color-base: #fff; // 按钮字体颜色
-@button-color-active: #fff; // 按钮激活字体颜色
-
+@mars-background-active: rgba(37, 49, 63, 0.788); // 全局激活背景色
+@font-size-base: 13px; // 主要字体大小
 @border-color-ordinary: #666; // 普通边框颜色
 @border-color-base: #4db3ff; // 基础边框颜色
-
-@primary-color: #20a0ff; // 主要颜色
+@tree-border-color: #ccc; //树控件复选框边框颜色
 @mars-ordinary-color: #6fcaff; // 普通颜色
-@background-base: rgba(255, 255, 255, 0.75); // 基础背景色
-@mars-background-active: rgba(37, 49, 63, 0.788); // 全局激活背景色
 @form-input-background: rgb(255 255 255 / 9%); // input 背景色
 @input-background-active: rgba(37, 49, 63, 0.788); // input 激活背景色
+@background-base: rgba(255, 255, 255, 0.75); // 基础背景色
 @button-background-base: #20a0ff; // 按钮背景
+@button-color-base: #fff; // 按钮字体颜色
+@button-color-active: #fff; // 按钮激活字体颜色
 @button-background-active: #4db3ff; // 按钮激活背景颜色
 @collapse-header-color: #4db3ff; // 折叠面板头部颜色
+@dropdown-color-base: #76838f; //下拉菜单字体颜色
 
 .mars-main-view {
   color: @mars-basecolor;

src/components/mars-ui/base.less

@@ -25,6 +25,8 @@ export default defineComponent({
   color: @mars-basecolor;
   background-color: @form-input-background !important;
   border-color: @border-color-ordinary;
+  font-size: 12px !important;
+
   :deep(.ant-input) {
     background-color: @form-input-background !important;
     border-color: @border-color-ordinary;