@mint-ui/map 0.5.6-beta → 0.5.8-beta

package/dist/components/mint-map/core/MintMapController.d.ts

@@ -61,4 +61,5 @@ export declare abstract class MintMapController {
     checkBoundsChangeThrottleTime(): boolean;
     getBaseToMapZoom(zoomBase: number): number;
     getMapToBaseZoom(mapZoom: number): number;
+    printStatus(): void;
 }

package/dist/components/mint-map/core/MintMapController.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var uuid = require('uuid');
 var MapTypes = require('../types/MapTypes.js');
+require('./util/animation.js');
+require('./util/geo.js');
+require('./util/polygon.js');
+var status = require('./util/status.js');
 
 var MintMapController =
 /** @class */
@@ -168,6 +172,10 @@ function () {
     throw new Error("[getMapToBaseZoom][".concat(mapZoom, "] is not valid zoom level"));
   };
 
+  MintMapController.prototype.printStatus = function () {
+    status.Status.print();
+  };
+
   return MintMapController;
 }();
 

package/dist/components/mint-map/core/advanced/shapes/CircleMarker.d.ts

@@ -9,6 +9,7 @@ export interface CircleMarkerProps {
     zIndex?: number;
     svgProperties?: React.SVGProps<SVGSVGElement>;
     shapeProperties?: React.SVGProps<SVGCircleElement>;
+    debugLabel?: string;
 }
 /**
  * CircleMarker
@@ -17,4 +18,4 @@ export interface CircleMarkerProps {
  *
  * @returns {JSX.Element} JSX
  */
-export declare function CircleMarker({ children, center, radius, radiusUnit, background, svgProperties, shapeProperties, visible, zIndex, }: PropsWithChildren<CircleMarkerProps>): JSX.Element;
+export declare function CircleMarker({ children, center, radius, radiusUnit, background, svgProperties, shapeProperties, visible, zIndex, debugLabel, }: PropsWithChildren<CircleMarkerProps>): JSX.Element;

package/dist/components/mint-map/core/advanced/shapes/CircleMarker.js

@@ -13,6 +13,7 @@ var SVGCircle = require('./base/SVGCircle.js');
 require('../../util/animation.js');
 var geo = require('../../util/geo.js');
 require('../../util/polygon.js');
+require('../../util/status.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -40,7 +41,8 @@ function CircleMarker(_a) {
       shapeProperties = _e === void 0 ? {} : _e,
       _f = _a.visible,
       visible = _f === void 0 ? true : _f,
-      zIndex = _a.zIndex; //controller
+      zIndex = _a.zIndex,
+      debugLabel = _a.debugLabel; //controller
 
   var controller = MintMapProvider.useMintMapController(); //zoom start event
 
@@ -124,7 +126,8 @@ function CircleMarker(_a) {
     anchor: anchor,
     visible: visible,
     disablePointerEvent: true,
-    zIndex: zIndex
+    zIndex: zIndex,
+    debugLabel: debugLabel
   }, mapVisible && React__default["default"].createElement(SVGCircle.SVGCircle, {
     radius: computedRadius,
     background: background,

package/dist/components/mint-map/core/advanced/shapes/PolygonMarker.d.ts

@@ -15,6 +15,7 @@ export interface PolygonMarkerProps {
     mode?: 'POLYGON' | 'POLYLINE';
     svgProperties?: React.SVGProps<SVGSVGElement>;
     shapeProperties?: React.SVGProps<SVGPathElement>;
+    debugLabel?: string;
 }
 /**
  *PolygonMarker
@@ -23,4 +24,4 @@ export interface PolygonMarkerProps {
  *
  * @returns {JSX.Element} JSX
  */
-export declare function PolygonMarker({ children, position, background, innerPositions, simplifyPath, simplifyTolerance, lastReapeated, svgProperties, shapeProperties, visible, zIndex, mode, }: PropsWithChildren<PolygonMarkerProps>): JSX.Element;
+export declare function PolygonMarker({ children, position, background, innerPositions, simplifyPath, simplifyTolerance, lastReapeated, svgProperties, shapeProperties, visible, zIndex, mode, debugLabel, }: PropsWithChildren<PolygonMarkerProps>): JSX.Element;

package/dist/components/mint-map/core/advanced/shapes/PolygonMarker.js

@@ -13,6 +13,7 @@ require('../../util/animation.js');
 require('../../util/geo.js');
 require('tslib');
 var polygon = require('../../util/polygon.js');
+require('../../util/status.js');
 var NaverMintMapController = require('../../../naver/NaverMintMapController.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -46,7 +47,8 @@ function PolygonMarker(_a) {
       visible = _g === void 0 ? true : _g,
       zIndex = _a.zIndex,
       _h = _a.mode,
-      mode = _h === void 0 ? 'POLYGON' : _h; //controller
+      mode = _h === void 0 ? 'POLYGON' : _h,
+      debugLabel = _a.debugLabel; //controller
 
   var controller = MintMapProvider.useMintMapController(); //zoom start event
 
@@ -164,7 +166,8 @@ function PolygonMarker(_a) {
     position: polygonStart,
     visible: visible,
     disablePointerEvent: true,
-    zIndex: zIndex
+    zIndex: zIndex,
+    debugLabel: debugLabel
   }, mapVisible && React__default["default"].createElement(SVGPolygon.SVGPolygon, {
     path: offsets,
     innerPath: innerOffsets,

package/dist/components/mint-map/core/util/index.d.ts

@@ -3,3 +3,5 @@ export * from './geo';
 export * from './waiting';
 export * from './cluster';
 export * from './polygon';
+export * from './log';
+export * from './status';

package/dist/components/mint-map/core/util/log.d.ts

@@ -0,0 +1 @@
+export declare function log(debug: boolean | undefined, label: string | undefined, ...args: any[]): void;

package/dist/components/mint-map/core/util/log.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+function log(debug, label) {
+  var args = [];
+
+  for (var _i = 2; _i < arguments.length; _i++) {
+    args[_i - 2] = arguments[_i];
+  }
+
+  if (!debug) return;
+  args && console.log.apply(console, tslib.__spreadArray(['[mint-map debug]', label || ''], args, false));
+}
+
+exports.log = log;

package/dist/components/mint-map/core/util/status.d.ts

@@ -0,0 +1,9 @@
+declare class MintMapStatus {
+    marker: number;
+    byLabel: Map<string, number>;
+    init(): void;
+    print(): void;
+    setMarker(inc: number, label?: string): void;
+}
+export declare const Status: MintMapStatus;
+export {};

package/dist/components/mint-map/core/util/status.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MintMapStatus =
+/** @class */
+function () {
+  function MintMapStatus() {
+    this.marker = 0;
+    this.byLabel = new Map();
+  }
+
+  MintMapStatus.prototype.init = function () {
+    this.marker = 0;
+    this.byLabel.clear();
+  };
+
+  MintMapStatus.prototype.print = function () {
+    var str = "[mint-map status]\n\nmarker : ".concat(this.marker, "\n ");
+
+    if (this.byLabel.size > 0) {
+      str += '\n-------- status detail (by label) ----------';
+      this.byLabel.forEach(function (val, key) {
+        str += "\n(".concat(key, ") : ").concat(val);
+      });
+      str += '\n\n';
+    }
+
+    console.log(str);
+  };
+
+  MintMapStatus.prototype.setMarker = function (inc, label) {
+    this.marker += inc;
+
+    if (label) {
+      var curr = this.byLabel.get(label);
+      var calc = 0;
+
+      if (curr === undefined) {
+        calc = inc;
+      } else {
+        calc = curr + inc;
+      }
+
+      if (calc === 0) {
+        this.byLabel.delete(label);
+      } else {
+        this.byLabel.set(label, calc);
+      }
+    }
+  };
+
+  return MintMapStatus;
+}();
+
+var Status = new MintMapStatus();
+
+exports.Status = Status;

package/dist/components/mint-map/google/GoogleMintMapController.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
+var log = require('../core/util/log.js');
+var status = require('../core/util/status.js');
 var MintMapController = require('../core/MintMapController.js');
 var waiting = require('../core/util/waiting.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
@@ -216,6 +218,8 @@ function (_super) {
         googleMarker_1 = new google.maps.Marker(options);
       }
 
+      log.log(this.mapProps.debug || marker.options.debug, marker.options.debugLabel, this.type + ' marker created');
+      status.Status.setMarker(1, marker.options.debugLabel);
       marker.native = googleMarker_1;
       ((_a = marker.options) === null || _a === void 0 ? void 0 : _a.event) && marker.options.event.forEach(function (handler, key) {
         if (_this.markerEvents.includes(key)) {
@@ -254,6 +258,8 @@ function (_super) {
           marker.native.position = options.position;
         }
       }
+
+      log.log(this.mapProps.debug || options.debug, marker.options.debugLabel, this.type + ' marker updated');
     }
   };
 
@@ -320,6 +326,8 @@ function (_super) {
       } else if (drawable.native instanceof google.maps.marker.AdvancedMarkerView) {
         google.maps.event.clearInstanceListeners(drawable.native);
         drawable.native.map = null;
+        log.log(this.mapProps.debug || drawable.options.debug, drawable.options.debugLabel, this.type + ' marker cleared');
+        status.Status.setMarker(-1, drawable.options.debugLabel);
         return true;
       }
     }

package/dist/components/mint-map/kakao/KakaoMintMapController.js

@@ -8,6 +8,8 @@ var waiting = require('../core/util/waiting.js');
 var tools = require('@mint-ui/tools');
 var MapTypes = require('../types/MapTypes.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
+var log = require('../core/util/log.js');
+var status = require('../core/util/status.js');
 
 var KakaoMintMapController =
 /** @class */
@@ -233,6 +235,8 @@ function (_super) {
         this.updateMarker(marker, marker.options);
       } else {
         kakaoMarker_1 = new kakao.maps.CustomOverlay(options);
+        log.log(this.mapProps.debug || marker.options.debug, marker.options.debugLabel, this.type + ' marker created');
+        status.Status.setMarker(1, marker.options.debugLabel);
         marker.options.visible !== undefined && kakaoMarker_1.setVisible(marker.options.visible);
         this.removeParentElementsMargin(marker);
         marker.native = kakaoMarker_1;
@@ -261,6 +265,7 @@ function (_super) {
           marker.native.setVisible(options.visible);
         }
 
+        log.log(this.mapProps.debug || options.debug, marker.options.debugLabel, this.type + ' marker updated');
         this.removeParentElementsMargin(marker);
       }
     }
@@ -333,6 +338,8 @@ function (_super) {
           (_a = this.markerPool) === null || _a === void 0 ? void 0 : _a.releasePoolItem(drawable.native);
         } else {
           drawable.native.setMap(null);
+          log.log(this.mapProps.debug || drawable.options.debug, drawable.options.debugLabel, this.type + ' marker cleared');
+          status.Status.setMarker(-1, drawable.options.debugLabel);
         }
       } else {
         drawable.native.setMap(null);

package/dist/components/mint-map/naver/NaverMintMapController.js

@@ -8,6 +8,8 @@ var waiting = require('../core/util/waiting.js');
 var tools = require('@mint-ui/tools');
 var MapTypes = require('../types/MapTypes.js');
 var MapEventTypes = require('../types/MapEventTypes.js');
+var log = require('../core/util/log.js');
+var status = require('../core/util/status.js');
 
 var NaverMintMapController =
 /** @class */
@@ -216,8 +218,7 @@ function (_super) {
         map: this.map,
         position: marker.options.position,
         visible: marker.options.visible === undefined || marker.options.visible
-      }; //console.log('controller createMarker', marker.options);
-
+      };
       marker.element && (options.icon = {
         content: marker.element,
         anchor: marker.options.anchor
@@ -235,6 +236,8 @@ function (_super) {
         marker.native = naverMarker_1;
       }
 
+      log.log(this.mapProps.debug || marker.options.debug, marker.options.debugLabel, this.type + ' marker created');
+      status.Status.setMarker(1, marker.options.debugLabel);
       ((_a = marker.options) === null || _a === void 0 ? void 0 : _a.event) && marker.options.event.forEach(function (handler, key) {
         if (_this.markerEvents.includes(key)) {
           naver.maps.Event.addListener(naverMarker_1, key, handler);
@@ -268,7 +271,9 @@ function (_super) {
           marker.native.setIcon(tslib.__assign(tslib.__assign({}, marker.native.getIcon()), {
             anchor: options.anchor
           }));
-        } // const newOption = {
+        }
+
+        log.log(this.mapProps.debug || options.debug, marker.options.debugLabel, this.type + ' marker updated'); // const newOption = {
         //   map:map,
         //   position:options.position instanceof Position?options.position:marker.native.getPosition(),
         //   visible:options.visible === undefined || options.visible,
@@ -282,7 +287,6 @@ function (_super) {
         //   visible:options.visible === undefined || options.visible,
         //   icon:{...marker.native.getIcon(), anchor:options.anchor}
         // })
-
       }
     }
   };
@@ -340,6 +344,9 @@ function (_super) {
         } else {
           drawable.native.setMap(null);
         }
+
+        log.log(this.mapProps.debug || drawable.options.debug, drawable.options.debugLabel, this.type + ' marker cleared');
+        status.Status.setMarker(-1, drawable.options.debugLabel);
       } else {
         drawable.native.setMap(null);
       }

package/dist/components/mint-map/types/MapDrawables.d.ts

@@ -12,6 +12,14 @@ export interface DrawableOptions {
      * 이벤트 목록
      */
     event?: Map<keyof DocumentEventMap, (e: Event) => boolean | void>;
+    /**
+     * 디버그
+     */
+    debug?: boolean;
+    /**
+     * 디버그상의 label
+     */
+    debugLabel?: string;
 }
 export declare abstract class Drawable {
     /**

package/dist/components/mint-map/types/MintMapProps.d.ts

@@ -68,6 +68,10 @@ export interface MintMapProps extends MintMapEvents {
      * 맵 로딩화면
      */
     mapLoadingComponent?: () => JSX.Element;
+    /**
+     * 디버그
+     */
+    debug?: boolean;
 }
 /**
  * 지도의 기본 설정