@vtx/ol-map 1.0.163 → 2.0.0-beta.1

package/README.md

@@ -1,205 +1,205 @@
-# ol-map
-
-基于 openlayers 封装的地图库
-
-## 整体思路
-
-## 组件列表
-
--   地图 Map
-    -   底图切换
-        -   天地图-矢量
-        -   天地图-卫星
-    -   绘制 Draw
-        -   点
-        -   线
-        -   面
-        -   圆
-    -   图层 Layer
-        -   图形图层
-        -   影像图层
--   工具栏
-    -   搜索
-    -   工具
-        -   测距
-        -   测面
-        -   框选
-        -   圈选
-        -   多边形选择
-        -   地图书签
-        -   地图下载
-        -   地图打印
-        -   空间定位查询
-        -   比例尺
-        -   鹰眼
-    -   视图
-        -   默认视角
-        -   放大
-        -   缩小
-    -   分析
-        -   管网基础分析
-            -   缓冲区分析
-            -   联通性分析
-            -   流向性分析
-            -   横截面分析
-            -   纵断面分析
-        -   管网结构智能诊断
-            -   爆管关阀分析
-            -   消防栓分析
-            -   纳污范围分析
-            -   污染源分析
-            -   大口径分析
-        -   管网智能分析
-            -   孤立区域诊断
-            -   环状管网诊断
-            -   逆坡识别诊断
-            -   流向异常诊断
-            -   大管套小管诊断
-    -   图层
-        -   全选
-        -   行政区划
-        -   ......
-
-### 地图
-
-#### method
-
-| 方法                        | 作用                     |
-| --------------------------- | ------------------------ |
-| getLayerByFeature(feature)  | 通过图形查询所属图层     |
-| getLayerByKey(keys)         | 根据 keys 查找展示的图层 |
-| getVisibleLayersByKeys(key) | 根据 keys 查找展示的图层 |
-| showTip(content)            | 展示提示                 |
-| hideTip()                   | 隐藏提示                 |
-| showModal(params)           | 展示弹窗                 |
-
-### FeatureLayer 图形图层
-
-#### 示例
-
-```jsx
-// 加载 geoserver
-let layer = new FeatureLayer({
-    url: '/geoserver/zhsw/wms',
-    params: {
-        service: 'WFS',
-        version: '1.0.0',
-        request: 'GetFeature',
-        maxFeatures: 99999,
-        outputFormat: 'application/json',
-        typeName: 'zhsw:putian_network_access_enterprise',
-        QUERY_LAYERS: 'zhsw:putian_network_access_enterprise',
-        ...params,
-    },
-    style: 'RWQY',
-    zIndex: 5,
-    key: 'SS_RWQY',
-    name: '入网企业',
-    autoRefresh: true,
-    template: feature => {
-        return <div>{feature.values_.name}</div>;
-    },
-});
-
-map.addLayer(layer);
-```
-
-```jsx
-// 加载 接口
-let layer = new FeatureLayer({
-    url: '/cloud/zhsw-jcss/api/device/list',
-    params: {
-        deviceTypeId: 'WATER_METER',
-    },
-    style: 'YWJ',
-    zIndex: 5,
-    key: 'SB_YWJ',
-    name: '液位计',
-    labelField: 'deviceFactoryName',
-    autoRefresh: true, // 自动刷新
-    template: feature => {
-        return <PopupTemplate feature={feature} map={map} />;
-    },
-});
-
-map.addLayer(layer);
-```
-
-```jsx
-// 加载 数据
-let layer = new FeatureLayer({
-    data: {
-        name: 'xxx液位计',
-        geometryInfo: { coordType: 'wgs84', type: 'point', lngLats: '119.0248,25.6389' },
-    }, // []
-    style: 'YWJ',
-    zIndex: 5,
-    key: 'SB_YWJ',
-    name: '液位计',
-    labelField: 'name',
-    autoRefresh: true, // 自动刷新
-    template: feature => {
-        return <PopupTemplate feature={feature} map={map} />;
-    },
-});
-
-map.addLayer(layer);
-```
-
-#### api
-
-| 参数          | 说明                                                                         | 类型      | 是否必填 |
-| ------------- | ---------------------------------------------------------------------------- | --------- | -------- |
-| url           | 图层接口                                                                     | string    | 否       |
-| method        | 请求方式                                                                     | string    | 否       |
-| params        | 请求参数                                                                     | object    | 否       |
-| sourceOptions | 数据源图层其他参数                                                           | object    | 否       |
-| data          | 直接通过 json 数据渲染，可忽略上面的请求，但注意必须包含 `geometryInfo` 字段 | object    | 否       |
-| features      | 直接通过图形数据渲染，可忽略上面的请求                                       | object    | 否       |
-| key           | 图层标识                                                                     | string    | 是       |
-| name          | 图层名称                                                                     | string    | 是       |
-| labelField    | 标签取值字段                                                                 | string    | 是       |
-| style         | 图层样式，传入字符串时会直接从 MapIcon 中加载                                | string    | 是       |
-| template      | 缩略看板                                                                     | ReactNode | 否       |
-| autoRefresh   | 自动刷新标识                                                                 | string    | 否       |
-
-#### method
-
-| 方法                                 | 说明                   |
-| ------------------------------------ | ---------------------- |
-| refresh()                            | 刷新图层               |
-| loadData(data)                       | 加载数据               |
-| loadUrlData(url, params, method)     | 通过接口请求加载数据   |
-| loadFeatures(features)               | 加载图形               |
-| getFeatureByFieldValue(field, value) | 通过字段及内容查找图形 |
-
-#### geometryInfo 说明
-
-| 字段      | 说明                                                                  | 类型   | 是否必填 |
-| --------- | :-------------------------------------------------------------------- | ------ | -------- |
-| type      | 图形类型: `point`、`polyline`、`polygon`                              | string | 是       |
-| lngLats   | 经纬度: "119.0248,25.6389", 多个: "119.0248,25.6389;119.0248,25.6389" | string | 是       |
-| coordType | 坐标系: `wgs84`、`bmap`、`amap`                                       | string | 是       |
-
-### ImageLayer 图像图层
-
-#### api
-
-| 参数          | 说明               | 类型      | 是否必填 |
-| ------------- | ------------------ | --------- | -------- |
-| url           | 图层接口           | string    | 否       |
-| method        | 请求方式           | string    | 否       |
-| params        | 请求参数           | object    | 否       |
-| sourceOptions | 数据源图层其他参数 | object    | 否       |
-| key           | 图层标识           | string    | 是       |
-| name          | 图层名称           | string    | 是       |
-| labelField    | 标签取值字段       | string    | 是       |
-| template      | 缩略看板           | ReactNode | 否       |
-
-#### method
-
-| 方法                       | 说明                     |
-| -------------------------- | ------------------------ |
-| getFeatureInfo(event, map) | 获取鼠标点击时的图形信息 |
-
-### Util 工具类
+# ol-map
+
+基于 openlayers 封装的地图库
+
+## 整体思路
+
+## 组件列表
+
+-   地图 Map
+    -   底图切换
+        -   天地图-矢量
+        -   天地图-卫星
+    -   绘制 Draw
+        -   点
+        -   线
+        -   面
+        -   圆
+    -   图层 Layer
+        -   图形图层
+        -   影像图层
+-   工具栏
+    -   搜索
+    -   工具
+        -   测距
+        -   测面
+        -   框选
+        -   圈选
+        -   多边形选择
+        -   地图书签
+        -   地图下载
+        -   地图打印
+        -   空间定位查询
+        -   比例尺
+        -   鹰眼
+    -   视图
+        -   默认视角
+        -   放大
+        -   缩小
+    -   分析
+        -   管网基础分析
+            -   缓冲区分析
+            -   联通性分析
+            -   流向性分析
+            -   横截面分析
+            -   纵断面分析
+        -   管网结构智能诊断
+            -   爆管关阀分析
+            -   消防栓分析
+            -   纳污范围分析
+            -   污染源分析
+            -   大口径分析
+        -   管网智能分析
+            -   孤立区域诊断
+            -   环状管网诊断
+            -   逆坡识别诊断
+            -   流向异常诊断
+            -   大管套小管诊断
+    -   图层
+        -   全选
+        -   行政区划
+        -   ......
+
+### 地图
+
+#### method
+
+| 方法                        | 作用                     |
+| --------------------------- | ------------------------ |
+| getLayerByFeature(feature)  | 通过图形查询所属图层     |
+| getLayerByKey(keys)         | 根据 keys 查找展示的图层 |
+| getVisibleLayersByKeys(key) | 根据 keys 查找展示的图层 |
+| showTip(content)            | 展示提示                 |
+| hideTip()                   | 隐藏提示                 |
+| showModal(params)           | 展示弹窗                 |
+
+### FeatureLayer 图形图层
+
+#### 示例
+
+```jsx
+// 加载 geoserver
+let layer = new FeatureLayer({
+    url: '/geoserver/zhsw/wms',
+    params: {
+        service: 'WFS',
+        version: '1.0.0',
+        request: 'GetFeature',
+        maxFeatures: 99999,
+        outputFormat: 'application/json',
+        typeName: 'zhsw:putian_network_access_enterprise',
+        QUERY_LAYERS: 'zhsw:putian_network_access_enterprise',
+        ...params,
+    },
+    style: 'RWQY',
+    zIndex: 5,
+    key: 'SS_RWQY',
+    name: '入网企业',
+    autoRefresh: true,
+    template: feature => {
+        return <div>{feature.values_.name}</div>;
+    },
+});
+
+map.addLayer(layer);
+```
+
+```jsx
+// 加载 接口
+let layer = new FeatureLayer({
+    url: '/cloud/zhsw-jcss/api/device/list',
+    params: {
+        deviceTypeId: 'WATER_METER',
+    },
+    style: 'YWJ',
+    zIndex: 5,
+    key: 'SB_YWJ',
+    name: '液位计',
+    labelField: 'deviceFactoryName',
+    autoRefresh: true, // 自动刷新
+    template: feature => {
+        return <PopupTemplate feature={feature} map={map} />;
+    },
+});
+
+map.addLayer(layer);
+```
+
+```jsx
+// 加载 数据
+let layer = new FeatureLayer({
+    data: {
+        name: 'xxx液位计',
+        geometryInfo: { coordType: 'wgs84', type: 'point', lngLats: '119.0248,25.6389' },
+    }, // []
+    style: 'YWJ',
+    zIndex: 5,
+    key: 'SB_YWJ',
+    name: '液位计',
+    labelField: 'name',
+    autoRefresh: true, // 自动刷新
+    template: feature => {
+        return <PopupTemplate feature={feature} map={map} />;
+    },
+});
+
+map.addLayer(layer);
+```
+
+#### api
+
+| 参数          | 说明                                                                         | 类型      | 是否必填 |
+| ------------- | ---------------------------------------------------------------------------- | --------- | -------- |
+| url           | 图层接口                                                                     | string    | 否       |
+| method        | 请求方式                                                                     | string    | 否       |
+| params        | 请求参数                                                                     | object    | 否       |
+| sourceOptions | 数据源图层其他参数                                                           | object    | 否       |
+| data          | 直接通过 json 数据渲染，可忽略上面的请求，但注意必须包含 `geometryInfo` 字段 | object    | 否       |
+| features      | 直接通过图形数据渲染，可忽略上面的请求                                       | object    | 否       |
+| key           | 图层标识                                                                     | string    | 是       |
+| name          | 图层名称                                                                     | string    | 是       |
+| labelField    | 标签取值字段                                                                 | string    | 是       |
+| style         | 图层样式，传入字符串时会直接从 MapIcon 中加载                                | string    | 是       |
+| template      | 缩略看板                                                                     | ReactNode | 否       |
+| autoRefresh   | 自动刷新标识                                                                 | string    | 否       |
+
+#### method
+
+| 方法                                 | 说明                   |
+| ------------------------------------ | ---------------------- |
+| refresh()                            | 刷新图层               |
+| loadData(data)                       | 加载数据               |
+| loadUrlData(url, params, method)     | 通过接口请求加载数据   |
+| loadFeatures(features)               | 加载图形               |
+| getFeatureByFieldValue(field, value) | 通过字段及内容查找图形 |
+
+#### geometryInfo 说明
+
+| 字段      | 说明                                                                  | 类型   | 是否必填 |
+| --------- | :-------------------------------------------------------------------- | ------ | -------- |
+| type      | 图形类型: `point`、`polyline`、`polygon`                              | string | 是       |
+| lngLats   | 经纬度: "119.0248,25.6389", 多个: "119.0248,25.6389;119.0248,25.6389" | string | 是       |
+| coordType | 坐标系: `wgs84`、`bmap`、`amap`                                       | string | 是       |
+
+### ImageLayer 图像图层
+
+#### api
+
+| 参数          | 说明               | 类型      | 是否必填 |
+| ------------- | ------------------ | --------- | -------- |
+| url           | 图层接口           | string    | 否       |
+| method        | 请求方式           | string    | 否       |
+| params        | 请求参数           | object    | 否       |
+| sourceOptions | 数据源图层其他参数 | object    | 否       |
+| key           | 图层标识           | string    | 是       |
+| name          | 图层名称           | string    | 是       |
+| labelField    | 标签取值字段       | string    | 是       |
+| template      | 缩略看板           | ReactNode | 否       |
+
+#### method
+
+| 方法                       | 说明                     |
+| -------------------------- | ------------------------ |
+| getFeatureInfo(event, map) | 获取鼠标点击时的图形信息 |
+
+### Util 工具类

package/package.json

@@ -1,120 +1,121 @@
-{
-  "name": "@vtx/ol-map",
-  "version": "1.0.163",
-  "description": "React components for Vortex",
-  "keywords": [
-    "react",
-    "react-component"
-  ],
-  "files": [
-    "lib"
-  ],
-  "main": "lib/index.js",
-  "scripts": {
-    "start": "dumi dev",
-    "build": "dumi build",
-    "compile": "gulp compile",
-    "lint": "npm run lint:script && npm run lint:style",
-    "lint:script": "eslint components --ext .js,.jsx",
-    "lint:style": "stylelint components/**/*.less --syntax less",
-    "fix": "eslint --fix --ext .js,.jsx components && npm run style:fix",
-    "style:fix": "stylelint components/**/*.less --syntax less --fix",
-    "prettier": "prettier -c --write **/*",
-    "pretty-quick": "pretty-quick",
-    "pub": "npm publish --access=public",
-    "bump": "gulp bump --prerelease",
-    "release": "release-it --no-npm.publish",
-    "version": "npm run changelog && git add CHANGELOG.md",
-    "changelog": "conventional-changelog -p custom-config -i CHANGELOG.md -s -r 0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://git.cloudhw.cn:3443/front-end/maps/ol-map.git"
-  },
-  "license": "ISC",
-  "bugs": {
-    "url": "https://git.cloudhw.cn:3443/front-end/maps/ol-map/-/issues"
-  },
-  "homepage": "https://git.cloudhw.cn:3443/front-end/maps/ol-map.git",
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release v${version}"
-    }
-  },
-  "changelog": {
-    "emojis": true,
-    "authorName": true
-  },
-  "dependencies": {
-    "@ant-design/icons": "4.7.0",
-    "@turf/turf": "^6.5.0",
-    "@vtx/map-icon": "latest",
-    "@vtx/utils": "^1.0.10",
-    "ahooks": "^3.1.5",
-    "antd": "4.20.5",
-    "axios": "^0.21.1",
-    "classnames": "^2.2.6",
-    "crypto-js": "^4.2.0",
-    "html2canvas": "^1.4.1",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.1",
-    "ol": "6.15.1",
-    "print-js": "^1.6.0",
-    "prop-types": "^15.8.1",
-    "qs": "^6.14.0"
-  },
-  "peerDependencies": {
-    "react": ">=16.12.0",
-    "react-dom": ">=16.12.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.6.4",
-    "@babel/core": "^7.6.4",
-    "@babel/plugin-proposal-class-properties": "^7.5.5",
-    "@babel/plugin-transform-runtime": "^7.6.2",
-    "@babel/preset-env": "^7.6.3",
-    "@babel/preset-react": "^7.6.3",
-    "@babel/runtime": "^7.6.3",
-    "@commitlint/cli": "^8.3.4",
-    "@commitlint/config-conventional": "^8.3.4",
-    "@umijs/plugin-locale": "^0.10.8",
-    "babel-eslint": "^10.1.0",
-    "babel-plugin-import": "^1.13.3",
-    "conventional-changelog-cli": "^2.1.1",
-    "conventional-changelog-custom-config": "^0.3.1",
-    "dumi": "^1.0.10",
-    "echarts": "^5.5.1",
-    "echarts-for-react": "^3.0.2",
-    "eslint": "^6.6.0",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "gulp": "^4.0.2",
-    "gulp-babel": "^8.0.0",
-    "gulp-bump": "^3.1.3",
-    "gulp-clean": "^0.4.0",
-    "gulp-less": "5.0.0",
-    "gulp-sourcemaps": "^2.6.5",
-    "husky": "^4.0.7",
-    "jquery": "^3.6.0",
-    "less": "^3.10.3",
-    "less-plugin-autoprefix": "^2.0.0",
-    "less-plugin-npm-import": "^2.1.0",
-    "merge2": "^1.3.0",
-    "prettier": "^1.18.2",
-    "pretty-quick": "^2.0.0",
-    "release-it": "^14.6.1",
-    "rimraf": "^3.0.0",
-    "stylelint": "11.0.0",
-    "stylelint-config-prettier": "^6.0.0",
-    "stylelint-config-rational-order": "^0.1.2",
-    "stylelint-config-standard": "^19.0.0",
-    "stylelint-declaration-block-no-ignored-properties": "^2.1.0",
-    "stylelint-order": "^3.0.0",
-    "through2": "^3.0.1"
-  }
+{
+  "name": "@vtx/ol-map",
+  "version": "2.0.0-beta.1",
+  "description": "React components for Vortex",
+  "keywords": [
+    "react",
+    "react-component"
+  ],
+  "files": [
+    "lib"
+  ],
+  "main": "lib/index.js",
+  "scripts": {
+    "start": "dumi dev",
+    "build": "dumi build",
+    "compile": "gulp compile",
+    "lint": "npm run lint:script && npm run lint:style",
+    "lint:script": "eslint components --ext .js,.jsx",
+    "lint:style": "stylelint components/**/*.less --syntax less",
+    "fix": "eslint --fix --ext .js,.jsx components && npm run style:fix",
+    "style:fix": "stylelint components/**/*.less --syntax less --fix",
+    "prettier": "prettier -c --write **/*",
+    "pretty-quick": "pretty-quick",
+    "pub": "npm publish --access=public",
+    "bump": "gulp bump --prerelease",
+    "release": "release-it --no-npm.publish",
+    "version": "npm run changelog && git add CHANGELOG.md",
+    "changelog": "conventional-changelog -p custom-config -i CHANGELOG.md -s -r 0",
+    "publish:beta": "npm publish --tag beta"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.cloudhw.cn:3443/front-end/maps/ol-map.git"
+  },
+  "license": "ISC",
+  "bugs": {
+    "url": "https://git.cloudhw.cn:3443/front-end/maps/ol-map/-/issues"
+  },
+  "homepage": "https://git.cloudhw.cn:3443/front-end/maps/ol-map.git",
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release v${version}"
+    }
+  },
+  "changelog": {
+    "emojis": true,
+    "authorName": true
+  },
+  "dependencies": {
+    "@ant-design/icons": "^6.0.0",
+    "@turf/turf": "^6.5.0",
+    "@vtx/map-icon": "latest",
+    "@vtx/utils": "^1.0.10",
+    "ahooks": "^3.1.5",
+    "antd": "^6.0.1",
+    "axios": "^0.21.1",
+    "classnames": "^2.2.6",
+    "crypto-js": "^4.2.0",
+    "html2canvas": "^1.4.1",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.1",
+    "ol": "6.15.1",
+    "print-js": "^1.6.0",
+    "prop-types": "^15.8.1",
+    "qs": "^6.14.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.6.4",
+    "@babel/core": "^7.6.4",
+    "@babel/plugin-proposal-class-properties": "^7.5.5",
+    "@babel/plugin-transform-runtime": "^7.6.2",
+    "@babel/preset-env": "^7.6.3",
+    "@babel/preset-react": "^7.6.3",
+    "@babel/runtime": "^7.6.3",
+    "@commitlint/cli": "^8.3.4",
+    "@commitlint/config-conventional": "^8.3.4",
+    "@umijs/plugin-locale": "^0.10.8",
+    "babel-eslint": "^10.1.0",
+    "babel-plugin-import": "^1.13.3",
+    "conventional-changelog-cli": "^2.1.1",
+    "conventional-changelog-custom-config": "^0.3.1",
+    "dumi": "^2.4.21",
+    "echarts": "^5.5.1",
+    "echarts-for-react": "^3.0.2",
+    "eslint": "^6.6.0",
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "gulp": "^4.0.2",
+    "gulp-babel": "^8.0.0",
+    "gulp-bump": "^3.1.3",
+    "gulp-clean": "^0.4.0",
+    "gulp-less": "5.0.0",
+    "gulp-sourcemaps": "^2.6.5",
+    "husky": "^4.0.7",
+    "jquery": "^3.6.0",
+    "less": "^3.10.3",
+    "less-plugin-autoprefix": "^2.0.0",
+    "less-plugin-npm-import": "^2.1.0",
+    "merge2": "^1.3.0",
+    "prettier": "^1.18.2",
+    "pretty-quick": "^2.0.0",
+    "release-it": "^14.6.1",
+    "rimraf": "^3.0.0",
+    "stylelint": "11.0.0",
+    "stylelint-config-prettier": "^6.0.0",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-config-standard": "^19.0.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.1.0",
+    "stylelint-order": "^3.0.0",
+    "through2": "^3.0.1"
+  }
 }