@mapcatch/util 1.0.15-a → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapcatch/util",
-  "version": "1.0.15-a",
+  "version": "2.0.0",
   "main": "./dist/catchUtil.min.esm.js",
   "repository": "",
   "author": "wanyanyan",
@@ -9,20 +9,39 @@
     "build": "vite build",
     "start": "vite --host --port 5174",
     "lint": "eslint src/ --fix",
-    "format": "prettier-eslint --write src/*.js"
+    "format": "prettier-eslint --write src/*.js",
+    "prepare": "husky",
+    "lint-staged": "lint-staged"
+  },
+  "lint-staged": {
+    "src/**/*.js": "yarn lint"
   },
   "dependencies": {
-    "@turf/turf": "^6.5.0",
+    "@turf/turf": "^7.1.0",
+    "@xmldom/xmldom": "^0.9.2",
+    "cdt2d": "^1.0.0",
+    "eslint": "8.22.0",
     "gl-matrix": "^3.4.3",
     "glsl-float-to-rgba": "^1.0.0",
     "glsl-rgba-to-float": "^1.0.0",
     "lodash": "^4.17.21",
+    "mapbox-gl": "^3.6.0",
+    "mathjs": "13.0.3",
     "moment": "^2.29.4",
+    "pbf": "3.2.1",
+    "proj4": "^2.12.1",
+    "protocol-buffers-schema": "^3.6.0",
     "regl": "^2.1.0",
+    "satellite-geo-calc": "^0.0.7",
+    "svg-path-commander": "^2.0.10",
     "upng-js": "^2.1.0",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/eslint-parser": "^7.25.1",
+    "husky": "^9.1.6",
+    "lint-staged": "^15.2.10",
     "vite": "^3.0.9",
     "vite-plugin-glslify": "^2.0.2"
   }

package/src/constants/annotation_color.js

@@ -0,0 +1,7 @@
+export default {
+  point: '#F02DB8',
+  line: '#F0B32D',
+  polygon: '#2DF0D7',
+  vertex: '#2d8cf0',
+  midPoint: '#2d8cf0'
+}

package/src/constants/annotation_draw_style.js

@@ -0,0 +1,228 @@
+import annotationColor from './annotation_color'
+
+export default [
+  {
+    'id': 'gl-draw-polygon-fill-inactive',
+    'type': 'fill',
+    'filter': ['all',
+      ['==', 'active', 'false'],
+      ['==', '$type', 'Polygon'],
+      ['!=', 'mode', 'static']
+    ],
+    'paint': {
+      'fill-color': '#3bb2d0',
+      'fill-outline-color': '#3bb2d0',
+      'fill-opacity': 0.1
+    }
+  },
+  {
+    'id': 'gl-draw-polygon-fill-active',
+    'type': 'fill',
+    'filter': ['all', ['==', 'active', 'true'], ['==', '$type', 'Polygon']],
+    'paint': {
+      'fill-color': ['string', ['get', 'user_color'], '#2d8cf0'],
+      'fill-outline-color': ['string', ['get', 'user_color'], '#2d8cf0'],
+      'fill-opacity': 0.1
+    }
+  },
+  {
+    'id': 'gl-draw-polygon-stroke-inactive',
+    'type': 'line',
+    'filter': ['all',
+      ['==', 'active', 'false'],
+      ['==', '$type', 'Polygon'],
+      ['!=', 'mode', 'static']
+    ],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    'paint': {
+      'line-color': '#3bb2d0',
+      'line-width': 2
+    }
+  },
+  {
+    'id': 'gl-draw-polygon-stroke-active_stroke',
+    'type': 'line',
+    'filter': ['all', ['==', 'active', 'true'], ['==', '$type', 'Polygon']],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    'paint': {
+      'line-color': '#ffffff',
+      'line-width': 4
+    }
+  },
+  {
+    'id': 'gl-draw-polygon-stroke-active',
+    'type': 'line',
+    'filter': ['all', ['==', 'active', 'true'], ['==', '$type', 'Polygon']],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    'paint': {
+      'line-color': ['string', ['get', 'user_color'], '#2d8cf0'],
+      'line-width': 2
+    }
+  },
+  {
+    'id': 'gl-draw-line-inactive',
+    'type': 'line',
+    'filter': ['all',
+      ['==', 'active', 'false'],
+      ['==', '$type', 'LineString'],
+      ['!=', 'mode', 'static']
+    ],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    'paint': {
+      'line-color': '#3bb2d0',
+      'line-width': 2
+    }
+  },
+  {
+    'id': 'gl-draw-line-active_stroke',
+    'type': 'line',
+    'filter': ['all',
+      ['==', '$type', 'LineString'],
+      ['==', 'active', 'true']
+    ],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    'paint': {
+      'line-color': '#ffffff',
+      'line-width': 4
+    }
+  },
+  {
+    'id': 'gl-draw-line-active',
+    'type': 'line',
+    'filter': ['all',
+      ['==', '$type', 'LineString'],
+      ['==', 'active', 'true']
+    ],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    'paint': {
+      'line-color': ['string', ['get', 'user_color'], '#2d8cf0'],
+      'line-width': 2
+    }
+  },
+  {
+    'id': 'gl-draw-polygon-and-line-vertex-stroke-inactive',
+    'type': 'circle',
+    'filter': ['all',
+      ['==', 'meta', 'vertex'],
+      ['==', '$type', 'Point'],
+      ['!=', 'mode', 'static']
+    ],
+    'paint': {
+      'circle-radius': 7,
+      'circle-color': '#fff'
+    }
+  },
+  {
+    'id': 'gl-draw-polygon-and-line-vertex-inactive',
+    'type': 'circle',
+    'filter': ['all',
+      ['==', 'meta', 'vertex'],
+      ['==', '$type', 'Point'],
+      ['!=', 'mode', 'static']
+    ],
+    'paint': {
+      'circle-radius': 5,
+      'circle-color': annotationColor.vertex
+    }
+  },
+  {
+    'id': 'gl-draw-point-inactive',
+    'type': 'circle',
+    'filter': ['all',
+      ['==', 'active', 'false'],
+      ['==', '$type', 'Point'],
+      ['==', 'meta', 'feature'],
+      ['!=', 'mode', 'static']
+    ],
+    'paint': {
+      'circle-radius': 5,
+      'circle-color': '#ffffff'
+    }
+  },
+  {
+    'id': 'gl-draw-point-active',
+    'type': 'circle',
+    'filter': ['all',
+      ['==', '$type', 'Point'],
+      ['!=', 'meta', 'midpoint'],
+      ['==', 'active', 'true']],
+    'paint': {
+      'circle-radius': 5,
+      'circle-color': '#2d8cf0'
+    }
+  },
+  {
+    'id': 'gl-draw-polygon-midpoint',
+    'type': 'symbol',
+    'filter': ['all',
+      ['==', '$type', 'Point'],
+      ['==', 'meta', 'midpoint']],
+    'layout': {
+      'icon-image': 'add',
+      'icon-size': 0.6
+    }
+  },
+  {
+    'id': 'gl-draw-polygon-fill-static',
+    'type': 'fill',
+    'filter': ['all', ['==', 'mode', 'static'], ['==', '$type', 'Polygon']],
+    'paint': {
+      'fill-color': '#3bb2d0',
+      'fill-outline-color': '#3bb2d0',
+      'fill-opacity': 0.1
+    }
+  },
+  {
+    'id': 'gl-draw-polygon-stroke-static',
+    'type': 'line',
+    'filter': ['all', ['==', 'mode', 'static'], ['==', '$type', 'Polygon']],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    'paint': {
+      'line-color': '#3bb2d0',
+      'line-width': 2
+    }
+  },
+  {
+    'id': 'gl-draw-line-static',
+    'type': 'line',
+    'filter': ['all', ['==', 'mode', 'static'], ['==', '$type', 'LineString']],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    'paint': {
+      'line-color': '#3bb2d0',
+      'line-width': 2
+    }
+  },
+  {
+    'id': 'gl-draw-point-static',
+    'type': 'circle',
+    'filter': ['all', ['==', 'mode', 'static'], ['==', '$type', 'Point']],
+    'paint': {
+      'circle-radius': 7,
+      'circle-color': '#3bb2d0'
+    }
+  }
+]

package/src/constants/annotation_label_style.js

@@ -0,0 +1,76 @@
+export default [
+  {
+    'id': 'annotation_name_label',
+    'type': 'symbol',
+    source: 'annotations_label',
+    metadata: {
+      layerType: 'label'
+    },
+    paint: {
+      'text-color': '#000000',
+      'text-halo-color': '#ffffff',
+      'text-halo-width': 1.5,
+      'text-opacity': [
+        'case',
+        ['boolean', ['feature-state', 'hovered'], false], 1,
+        0
+      ]
+    },
+    layout: {
+      'text-field': ['get', 'name'],
+      'text-size': 12,
+      'text-anchor': 'bottom',
+      'text-rotate': ['get', 'angle'],
+      'text-allow-overlap': true,
+      'text-line-height': 2,
+      'text-offset': [
+        'case',
+        ['boolean', ['==', ['get', 'type'], 'point'], false], [0, -1.8],
+        [0, 0]
+      ]
+    }
+  },
+  {
+    'id': 'annotation_line_label',
+    'type': 'symbol',
+    source: 'annotations_label',
+    metadata: {
+      layerType: 'label'
+    },
+    filter: ['==', 'type', 'line'],
+    paint: {
+      'text-color': '#000000',
+      'text-halo-color': '#ffffff',
+      'text-halo-width': 1.5
+    },
+    layout: {
+      'text-field': ['concat', ['number-format', ['get', 'distance2d'], { 'min-fraction-digits': 2, 'max-fraction-digits': 2 }], ' m'],
+      'text-size': 12,
+      'text-anchor': 'top',
+      'text-rotate': ['get', 'angle'],
+      'text-allow-overlap': true,
+      'text-line-height': 1.5
+    }
+  },
+  {
+    'id': 'annotation_polygon_label',
+    'type': 'symbol',
+    source: 'annotations_label',
+    metadata: {
+      layerType: 'label'
+    },
+    filter: ['==', 'type', 'polygon'],
+    paint: {
+      'text-color': '#000000',
+      'text-halo-color': '#ffffff',
+      'text-halo-width': 1.5
+    },
+    layout: {
+      'text-field': ['concat', ['number-format', ['get', 'area2d'], { 'min-fraction-digits': 2, 'max-fraction-digits': 2 }], ' ㎡'],
+      'text-size': 12,
+      'text-anchor': 'top',
+      'text-allow-overlap': true,
+      'text-line-height': 1.5
+    }
+  }
+]

package/src/constants/annotation_style.js

@@ -0,0 +1,118 @@
+export default [
+  {
+    'id': 'annotation_polygon',
+    'type': 'fill',
+    source: 'annotations',
+    metadata: {
+      layerType: 'annotation'
+    },
+    filter: ['all', ['==', '$type', 'Polygon'], ['==', 'visible', true]],
+    paint: {
+      'fill-color': ['get', 'color'],
+      'fill-opacity': [
+        'case',
+        ['boolean', ['feature-state', 'selected'], false], 0,
+        0.2
+      ]
+    }
+  },
+  // {
+  //   'id': 'annotation_circle',
+  //   'type': 'circle',
+  //   source: 'annotations',
+  //   metadata: {
+  //     layerType: 'annotation'
+  //   },
+  //   filter: ['all', ['==', '$type', 'Point'], ['==', 'visible', true]],
+  //   paint: {
+  //     'circle-color': ['get', 'color'],
+  //     'circle-radius': 5,
+  //     'circle-opacity': [
+  //       'case',
+  //       ['boolean', ['feature-state', 'selected'], false], 0,
+  //       1
+  //     ],
+  //     'circle-stroke-color': '#ffffff',
+  //     'circle-stroke-opacity': [
+  //       'case',
+  //       ['boolean', ['feature-state', 'selected'], false], 0,
+  //       1
+  //     ],
+  //     'circle-stroke-width': 1
+  //   }
+  // },
+  {
+    'id': 'annotation_marker',
+    'type': 'symbol',
+    source: 'annotations',
+    metadata: {
+      layerType: 'annotation'
+    },
+    filter: ['all', ['==', '$type', 'Point'], ['==', 'visible', true]],
+    'layout': {
+      'icon-image': 'locate',
+      'icon-size': 1,
+      'icon-allow-overlap': true,
+      'icon-offset': [0, -15]
+    },
+    'paint': {
+      'icon-color': ['get', 'color'],
+      'icon-halo-width': [
+        'case',
+        ['boolean', ['feature-state', 'hovered'], false], 4,
+        ['boolean', ['feature-state', 'selected'], false], 4,
+        0
+      ],
+      'icon-halo-color': '#ffffff',
+      'icon-halo-blur': 0
+    }
+  },
+  {
+    'id': 'annotation_line_stroke',
+    'type': 'line',
+    source: 'annotations',
+    metadata: {
+      layerType: 'annotation'
+    },
+    filter: ['all', ['any', ['==', '$type', 'Polygon'], ['==', '$type', 'LineString']], ['==', 'visible', true]],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    paint: {
+      'line-color': '#ffffff',
+      'line-opacity': [
+        'case',
+        ['boolean', ['feature-state', 'selected'], false], 0,
+        1
+      ],
+      'line-width': [
+        'case',
+        ['boolean', ['feature-state', 'hovered'], false], 4,
+        0
+      ]
+    }
+  },
+  {
+    'id': 'annotation_line',
+    'type': 'line',
+    source: 'annotations',
+    metadata: {
+      layerType: 'annotation'
+    },
+    filter: ['all', ['any', ['==', '$type', 'Polygon'], ['==', '$type', 'LineString']], ['==', 'visible', true]],
+    'layout': {
+      'line-cap': 'round',
+      'line-join': 'round'
+    },
+    paint: {
+      'line-color': ['get', 'color'],
+      'line-opacity': [
+        'case',
+        ['boolean', ['feature-state', 'selected'], false], 0,
+        1
+      ],
+      'line-width': 2
+    }
+  }
+]

package/src/constants/cameras.js

@@ -1,5 +1,5 @@
 export default {
-  normal: ['FC6310R', 'FC6310'],
+  normal: ['FC6310R', 'FC6310', 'M3E'],
   infrared: ['M3T'],
   multispectral: ['FC6360']
 }