@mint-ui/map 1.2.0-test.52 → 1.2.0-test.54

package/.eslintrc.js

@@ -8,7 +8,10 @@ module.exports = {
 	overrides: [
 		{
 			files: [ '*.ts', '*.tsx' ],
-			rules: { 'no-undef': 'off' }
+			rules: {
+				'brace-style': 'off',
+				'no-undef': 'off'
+			}
 		}
 	],
 	parser: '@typescript-eslint/parser',
@@ -29,7 +32,11 @@ module.exports = {
 				objectsInArrays: false
 			}
 		],
-		'brace-style': [ 'error', 'allman' ],
+		'brace-style': [
+			'error',
+			'allman',
+			{ allowSingleLine: false }
+		],
 		'class-methods-use-this': 'off',
 		'comma-dangle': [ 'error', 'never' ],
 		'eol-last': [ 'error', 'never' ],
@@ -62,8 +69,8 @@ module.exports = {
 		'no-tabs': [ 'error', { allowIndentationTabs: true }],
 		'no-unused-vars': 'off',
 		'object-curly-newline': [ 'error', {
-			ExportDeclaration: 'never',
-			ImportDeclaration: 'never',
+			ExportDeclaration: { minProperties: 3, multiline: true },
+			ImportDeclaration: { minProperties: 3, multiline: true },
 			ObjectExpression: {
 				minProperties: 3,
 				multiline: true

package/.vscode/settings.json

@@ -1,11 +1,34 @@
 {
-  "editor.formatOnSave": false,
-  "editor.codeActionsOnSave": {
-    "source.fixAll": "never",
-    "source.fixAll.eslint": "never",
-    "source.organizeImports": "never"
-  },
-  "eslint.enable": false,
-  "typescript.format.enable": false,
-  "javascript.format.enable": false
+	"editor.defaultFormatter": "dbaeumer.vscode-eslint",
+	"editor.formatOnSave": true,
+	"editor.codeActionsOnSave": {
+		"source.fixAll.eslint": "explicit"
+	},
+	"editor.insertSpaces": false,
+	"editor.tabSize": 2,
+	"eslint.enable": true,
+	"eslint.validate": [
+		"javascript",
+		"javascriptreact",
+		"typescript",
+		"typescriptreact"
+	],
+	"[typescript]": {
+		"editor.insertSpaces": false,
+		"editor.tabSize": 2
+	},
+	"[typescriptreact]": {
+		"editor.insertSpaces": false,
+		"editor.tabSize": 2
+	},
+	"[javascript]": {
+		"editor.insertSpaces": false,
+		"editor.tabSize": 2
+	},
+	"[javascriptreact]": {
+		"editor.insertSpaces": false,
+		"editor.tabSize": 2
+	},
+	"typescript.format.enable": false,
+	"javascript.format.enable": false
 }

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

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
-import { MintMapProps } from "../types/MintMapProps";
+import { PropsWithChildren } from 'react';
+import { MintMapProps } from '../types/MintMapProps';
 export declare function MintMapCore({ onLoad, visible, zoomLevel, center, centerMoveWithPanning, children }: PropsWithChildren<MintMapProps>): JSX.Element;

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

@@ -5,13 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var classNames = require('classnames/bind');
 var React = require('react');
-var MapTypes = require('../types/MapTypes.js');
-var MintMapProvider = require('./provider/MintMapProvider.js');
 var MintMapCore_module = require('./MintMapCore.module.scss.js');
-require('./advanced/shared/types.js');
-require('./advanced/shared/utils.js');
-var context = require('./advanced/shared/context.js');
-require('./advanced/shared/performance.js');
+var MintMapProvider = require('./provider/MintMapProvider.js');
+var MapTypes = require('../types/MapTypes.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,9 +25,9 @@ function MintMapCore(_a) {
       center = _a.center,
       _c = _a.centerMoveWithPanning,
       centerMoveWithPanning = _c === void 0 ? false : _c,
-      children = _a.children; //controller
+      children = _a.children; // controller
 
-  var controller = MintMapProvider.useMintMapController(); //맵 초기화
+  var controller = MintMapProvider.useMintMapController(); // 맵 초기화
 
   var elementRef = React.useRef(null);
 
@@ -58,7 +54,7 @@ function MintMapCore(_a) {
               map_1 = _a.sent();
 
               if (!currMapInitialized.current) {
-                currMapInitialized.current = true; //onload callback (setTimeout 으로 맵이 초기화 될 텀을 준다. 특히 google map..)
+                currMapInitialized.current = true; // onload callback (setTimeout 으로 맵이 초기화 될 텀을 준다. 특히 google map..)
 
                 setTimeout(function () {
                   // console.log('setMapInitialized true');
@@ -77,7 +73,7 @@ function MintMapCore(_a) {
         });
       });
     })();
-  }, [controller, elementRef]); //줌레벨
+  }, [controller, elementRef]); // 줌레벨
 
   React.useEffect(function () {
     if (zoomLevel && controller && mapInitialized) {
@@ -87,7 +83,7 @@ function MintMapCore(_a) {
         controller === null || controller === void 0 ? void 0 : controller.setZoomLevel(zoomLevel);
       }
     }
-  }, [zoomLevel]); //센터
+  }, [zoomLevel]); // 센터
 
   React.useEffect(function () {
     if (center && controller && mapInitialized) {
@@ -100,12 +96,12 @@ function MintMapCore(_a) {
   }, [center]);
   return React__default["default"].createElement("div", {
     className: cn('mint-map-root')
-  }, mapInitialized && React__default["default"].createElement(context.CanvasProvider, null, children), React__default["default"].createElement("div", {
+  }, mapInitialized && children, React__default["default"].createElement("div", {
     className: cn('mint-map-container'),
+    ref: elementRef,
     style: {
       visibility: visible ? 'inherit' : 'hidden'
-    },
-    ref: elementRef
+    }
   }));
 }
 

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

@@ -1,8 +1,8 @@
-import React from "react";
-import { MarkerOptions } from "../../../types";
-import { CanvasData, CustomRenderBase, CustomRenderEvent } from "../shared";
-export { CanvasProvider, LRUCache, SpatialHashGrid, CanvasDataType } from "../shared";
-export type { CanvasOption, CanvasData, CustomRenderBase, CustomRenderEvent, RenderUtils, RenderBaseParams, RenderEventParams } from "../shared";
+import React from 'react';
+import { MarkerOptions } from '../../../types';
+import { CanvasData, CustomRenderBase, CustomRenderEvent } from '../shared';
+export { CanvasDataType, CanvasProvider, LRUCache, SpatialHashGrid } from '../shared';
+export type { CanvasData, CanvasOption, CustomRenderBase, CustomRenderEvent, RenderBaseParams, RenderEventParams, RenderUtils } from '../shared';
 /**
  * CanvasMarkerLayer Props
  *

package/dist/components/mint-map/core/advanced/CanvasMarkerLayer/CanvasMarkerLayer.js

@@ -3,25 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var React = require('react');
 var Konva = require('konva');
-var MintMapProvider = require('../../provider/MintMapProvider.js');
+var React = require('react');
+var reactDom = require('react-dom');
 var MapDrawables = require('../../../types/MapDrawables.js');
 require('../../../types/MapTypes.js');
 require('../../../types/MapEventTypes.js');
-var reactDom = require('react-dom');
-var types = require('../shared/types.js');
-var utils = require('../shared/utils.js');
+var MintMapProvider = require('../../provider/MintMapProvider.js');
 var context = require('../shared/context.js');
+var helpers = require('../shared/helpers.js');
+var hooks = require('../shared/hooks.js');
 var performance = require('../shared/performance.js');
+var types = require('../shared/types.js');
+var utils = require('../shared/utils.js');
 var viewport = require('../shared/viewport.js');
-var hooks = require('../shared/hooks.js');
-var helpers = require('../shared/helpers.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Konva__default = /*#__PURE__*/_interopDefaultLegacy(Konva);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var CanvasMarkerLayer = function (props) {
   var data = props.data,
@@ -83,11 +83,6 @@ var CanvasMarkerLayer = function (props) {
 
   var updateViewport = function () {
     viewport.updateViewport(stageRef.current, cullingMargin, viewportRef);
-  }; // 뷰포트 내부 여부 확인 (바운딩 박스 캐싱)
-
-
-  var isInViewport = function (item) {
-    return viewport.isInViewport(item, viewportRef, boundingBoxCacheRef, computeBoundingBox);
   }; // 마커 좌표 변환 (위경도 → 화면 좌표, LRU 캐시 사용)
 
 
@@ -111,11 +106,16 @@ var CanvasMarkerLayer = function (props) {
     var offsetY = item.offsetY || 0; // 오프셋을 적용한 마커 중심점 기준으로 바운딩 박스 계산
 
     return {
-      minX: offset.x + offsetX - boxWidth / 2,
-      minY: offset.y + offsetY - boxHeight - tailHeight,
       maxX: offset.x + offsetX + boxWidth / 2,
-      maxY: offset.y + offsetY
+      maxY: offset.y + offsetY,
+      minX: offset.x + offsetX - boxWidth / 2,
+      minY: offset.y + offsetY - boxHeight - tailHeight
     };
+  }; // 뷰포트 내부 여부 확인 (바운딩 박스 캐싱)
+
+
+  var isInViewport = function (item) {
+    return viewport.isInViewport(item, viewportRef, boundingBoxCacheRef, computeBoundingBox);
   }; // 공간 인덱스 빌드 (빠른 Hit Test용)
 
 
@@ -125,10 +125,10 @@ var CanvasMarkerLayer = function (props) {
 
 
   var renderUtils = {
+    getOrComputeMarkerOffset: getOrComputeMarkerOffset,
     getOrComputePolygonOffsets: function () {
       return null;
-    },
-    getOrComputeMarkerOffset: getOrComputeMarkerOffset
+    }
   }; // Base Layer 렌더링 (뷰포트 컬링 적용, 선택된 마커 제외)
 
   var doRenderBase = function () {
@@ -138,9 +138,12 @@ var CanvasMarkerLayer = function (props) {
 
     if (!shape) {
       shape = new Konva__default["default"].Shape({
+        hitStrokeWidth: 0,
+        listening: false,
         name: 'base-render-shape',
-        sceneFunc: function (context, shape) {
-          var ctx = context;
+        perfectDrawEnabled: false,
+        sceneFunc: function (konvaContext) {
+          var ctx = konvaContext;
           var hovered = hoveredItemRef.current; // 뷰포트 컬링: 화면에 보이는 항목만 필터링
 
           var visibleItems = enableViewportCullingRef.current ? dataRef.current.filter(function (item) {
@@ -156,9 +159,9 @@ var CanvasMarkerLayer = function (props) {
 
           renderBase({
             ctx: ctx,
+            hoveredItem: hovered,
             items: visibleItems,
             selectedIds: selectedIdsRef.current,
-            hoveredItem: hovered,
             utils: renderUtils
           }); // hover된 항목을 마지막에 렌더링하여 최상위에 표시
 
@@ -166,17 +169,14 @@ var CanvasMarkerLayer = function (props) {
             if (!enableViewportCullingRef.current || isInViewport(hovered)) {
               renderBase({
                 ctx: ctx,
+                hoveredItem: hovered,
                 items: [hovered],
                 selectedIds: selectedIdsRef.current,
-                hoveredItem: hovered,
                 utils: renderUtils
               });
             }
           }
-        },
-        perfectDrawEnabled: false,
-        listening: false,
-        hitStrokeWidth: 0
+        }
       });
       layer.add(shape);
     }
@@ -192,9 +192,12 @@ var CanvasMarkerLayer = function (props) {
 
     if (!shape) {
       shape = new Konva__default["default"].Shape({
+        hitStrokeWidth: 0,
+        listening: false,
         name: 'event-render-shape',
-        sceneFunc: function (context, shape) {
-          var ctx = context;
+        perfectDrawEnabled: false,
+        sceneFunc: function (konvaContext) {
+          var ctx = konvaContext;
           var selectedItems = helpers.mapValuesToArray(selectedItemsMapRef.current);
           var hovered = hoveredItemRef.current;
 
@@ -202,11 +205,11 @@ var CanvasMarkerLayer = function (props) {
             renderEvent({
               ctx: ctx,
               hoveredItem: null,
-              utils: renderUtils,
+              selectedItem: selectedItemRef.current,
               selectedItems: selectedItems.filter(function (item) {
                 return item.id !== hovered.id;
               }),
-              selectedItem: selectedItemRef.current
+              utils: renderUtils
             });
 
             if (!enableViewportCullingRef.current || isInViewport(hovered)) {
@@ -217,24 +220,21 @@ var CanvasMarkerLayer = function (props) {
               renderEvent({
                 ctx: ctx,
                 hoveredItem: hovered,
-                utils: renderUtils,
+                selectedItem: selectedItemRef.current,
                 selectedItems: hoverSelectedItems,
-                selectedItem: selectedItemRef.current
+                utils: renderUtils
               });
             }
           } else {
             renderEvent({
               ctx: ctx,
               hoveredItem: hovered,
-              utils: renderUtils,
+              selectedItem: selectedItemRef.current,
               selectedItems: selectedItems,
-              selectedItem: selectedItemRef.current
+              utils: renderUtils
             });
           }
-        },
-        perfectDrawEnabled: false,
-        listening: false,
-        hitStrokeWidth: 0
+        }
       });
       layer.add(shape);
     }
@@ -255,14 +255,14 @@ var CanvasMarkerLayer = function (props) {
 
 
   var _g = hooks.createMapEventHandlers({
-    controller: controller,
+    accumTranslateRef: accumTranslateRef,
+    boundingBoxCacheRef: boundingBoxCacheRef,
     containerRef: containerRef,
+    controller: controller,
     markerRef: markerRef,
+    offsetCacheRef: offsetCacheRef,
     options: options,
     prevCenterOffsetRef: prevCenterOffsetRef,
-    accumTranslateRef: accumTranslateRef,
-    offsetCacheRef: offsetCacheRef,
-    boundingBoxCacheRef: boundingBoxCacheRef,
     renderAllImmediate: renderAllImmediate
   }),
       handleIdle = _g.handleIdle,
@@ -314,18 +314,18 @@ var CanvasMarkerLayer = function (props) {
   }; // Hover 상태 설정 및 렌더링
 
 
-  var setHovered = function (data) {
+  var setHovered = function (hoveredData) {
     // 드래그 중에는 hover 상태 변경을 무시하고 드래그 시작 시점의 상태 유지
     if (draggingRef.current) {
       return;
     }
 
-    hoveredItemRef.current = data;
+    hoveredItemRef.current = hoveredData;
 
     if (draggingRef.current) {
       controller.setMapCursor('grabbing');
     } else {
-      controller.setMapCursor(data ? 'pointer' : 'grab');
+      controller.setMapCursor(hoveredData ? 'pointer' : 'grab');
     }
 
     if (renderEvent) {
@@ -336,26 +336,26 @@ var CanvasMarkerLayer = function (props) {
   }; // 클릭 처리: 선택 상태 업데이트
 
 
-  var handleLocalClick = function (data) {
+  var handleLocalClick = function (clickedData) {
     if (enableMultiSelect) {
       var newSelected = new Set(selectedIdsRef.current);
 
-      if (newSelected.has(data.id)) {
-        newSelected.delete(data.id);
-        selectedItemsMapRef.current.delete(data.id);
+      if (newSelected.has(clickedData.id)) {
+        newSelected.delete(clickedData.id);
+        selectedItemsMapRef.current.delete(clickedData.id);
       } else {
-        newSelected.add(data.id);
-        selectedItemsMapRef.current.set(data.id, data);
+        newSelected.add(clickedData.id);
+        selectedItemsMapRef.current.set(clickedData.id, clickedData);
       }
 
       selectedIdsRef.current = newSelected;
     } else {
       var newSelected = new Set();
 
-      if (!selectedIdsRef.current.has(data.id)) {
-        newSelected.add(data.id);
+      if (!selectedIdsRef.current.has(clickedData.id)) {
+        newSelected.add(clickedData.id);
         selectedItemsMapRef.current.clear();
-        selectedItemsMapRef.current.set(data.id, data);
+        selectedItemsMapRef.current.set(clickedData.id, clickedData);
       } else {
         selectedItemsMapRef.current.clear();
       }
@@ -373,10 +373,10 @@ var CanvasMarkerLayer = function (props) {
     if (disableInteractionRef.current) return;
     var clickedOffset = helpers.validateEvent(event, context$1, controller);
     if (!clickedOffset) return;
-    var data = findData(clickedOffset);
-    if (!data) return;
-    handleLocalClick(data);
-    onClick === null || onClick === void 0 ? void 0 : onClick(data, selectedIdsRef.current);
+    var clickedData = findData(clickedOffset);
+    if (!clickedData) return;
+    handleLocalClick(clickedData);
+    onClick === null || onClick === void 0 ? void 0 : onClick(clickedData, selectedIdsRef.current);
   }; // 마우스 이동 이벤트 핸들러 (hover 감지)
 
 
@@ -445,8 +445,8 @@ var CanvasMarkerLayer = function (props) {
     var mapDiv = controller.mapDivElement;
     var stage = new Konva__default["default"].Stage({
       container: containerRef.current,
-      width: mapDiv.offsetWidth,
-      height: mapDiv.offsetHeight
+      height: mapDiv.offsetHeight,
+      width: mapDiv.offsetWidth
     });
     stageRef.current = stage;
     var baseLayer = new Konva__default["default"].Layer({
@@ -501,22 +501,22 @@ var CanvasMarkerLayer = function (props) {
 
     if (context$1) {
       componentInstance = {
-        zIndex: currentZIndex,
-        hitTest: function (offset) {
-          return findData(offset) !== null;
-        },
-        onClick: onClick,
-        onMouseOver: onMouseOver,
-        onMouseOut: onMouseOut,
         findData: findData,
-        setHovered: setHovered,
-        handleLocalClick: handleLocalClick,
         getSelectedIds: function () {
           return selectedIdsRef.current;
         },
+        handleLocalClick: handleLocalClick,
+        hitTest: function (offset) {
+          return findData(offset) !== null;
+        },
         isInteractionDisabled: function () {
           return disableInteractionRef.current;
-        }
+        },
+        onClick: onClick,
+        onMouseOut: onMouseOut,
+        onMouseOver: onMouseOver,
+        setHovered: setHovered,
+        zIndex: currentZIndex
       };
       context$1.registerComponent(componentInstance);
     }
@@ -617,18 +617,18 @@ var CanvasMarkerLayer = function (props) {
   return reactDom.createPortal(React__default["default"].createElement("div", {
     ref: containerRef,
     style: {
+      height: '100%',
       position: 'absolute',
-      width: '100%',
-      height: '100%'
+      width: '100%'
     }
   }), divElement);
 };
 
+exports.CanvasProvider = context.CanvasProvider;
+exports.LRUCache = performance.LRUCache;
+exports.SpatialHashGrid = performance.SpatialHashGrid;
 Object.defineProperty(exports, 'CanvasDataType', {
     enumerable: true,
     get: function () { return types.CanvasDataType; }
 });
-exports.CanvasProvider = context.CanvasProvider;
-exports.LRUCache = performance.LRUCache;
-exports.SpatialHashGrid = performance.SpatialHashGrid;
 exports["default"] = CanvasMarkerLayer;

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

@@ -1,3 +1,3 @@
-export { default as CanvasMarkerLayer } from "./CanvasMarkerLayer";
-export * from "./CanvasMarkerLayer";
-export * from "../shared";
+export * from '../shared';
+export * from './CanvasMarkerLayer';
+export { default as CanvasMarkerLayer } from './CanvasMarkerLayer';

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

@@ -1,8 +1,8 @@
-import React from "react";
-import { MarkerOptions } from "../../../types";
-import { CanvasData } from "../shared";
-export { CanvasProvider, LRUCache, SpatialHashGrid } from "../shared";
-export type { CanvasOption, CanvasData, RenderUtils } from "../shared";
+import React from 'react';
+import { MarkerOptions } from '../../../types';
+import { CanvasData } from '../shared';
+export { CanvasProvider, LRUCache, SpatialHashGrid } from '../shared';
+export type { CanvasData, CanvasOption, RenderUtils } from '../shared';
 /**
  * 폴리곤 스타일 정의
  */
@@ -165,19 +165,19 @@ interface CanvasPolygonLayerPropsWithObjectStyle<T> extends CanvasPolygonLayerBa
      */
     renderStyle: PolygonStyleObject;
     /** 다른 방식 props는 사용 불가 */
-    baseFillColor?: never;
-    baseStrokeColor?: never;
-    baseLineWidth?: never;
-    selectedFillColor?: never;
-    selectedStrokeColor?: never;
-    selectedLineWidth?: never;
     activeFillColor?: never;
-    activeStrokeColor?: never;
     activeLineWidth?: never;
+    activeStrokeColor?: never;
+    baseFillColor?: never;
+    baseLineWidth?: never;
+    baseStrokeColor?: never;
+    customStyle?: never;
     hoveredFillColor?: never;
-    hoveredStrokeColor?: never;
     hoveredLineWidth?: never;
-    customStyle?: never;
+    hoveredStrokeColor?: never;
+    selectedFillColor?: never;
+    selectedLineWidth?: never;
+    selectedStrokeColor?: never;
 }
 /**
  * 함수 Props 방식 (커스터마이징 방식)
@@ -218,19 +218,19 @@ interface CanvasPolygonLayerPropsWithCustomStyle<T> extends CanvasPolygonLayerBa
      */
     customStyle: PolygonStyleCustomizer<T>;
     /** 다른 방식 props는 사용 불가 */
-    baseFillColor?: never;
-    baseStrokeColor?: never;
-    baseLineWidth?: never;
-    selectedFillColor?: never;
-    selectedStrokeColor?: never;
-    selectedLineWidth?: never;
     activeFillColor?: never;
-    activeStrokeColor?: never;
     activeLineWidth?: never;
+    activeStrokeColor?: never;
+    baseFillColor?: never;
+    baseLineWidth?: never;
+    baseStrokeColor?: never;
     hoveredFillColor?: never;
-    hoveredStrokeColor?: never;
     hoveredLineWidth?: never;
+    hoveredStrokeColor?: never;
     renderStyle?: never;
+    selectedFillColor?: never;
+    selectedLineWidth?: never;
+    selectedStrokeColor?: never;
 }
 /**
  * CanvasPolygonLayer Props (Discriminated Union)