@mint-ui/map 1.2.0-test.41 → 1.2.0-test.42

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

@@ -55,19 +55,20 @@ export interface CanvasOption {
  * };
  *
  * // ✅ 올바른 사용 (헬퍼 함수 사용)
- * const data = createCanvasData(serverData, {
- *   id: String(serverData.id),
+ * const dataArray = createCanvasDataArray([serverData], (item) => ({
+ *   id: String(item.id),
  *   position: new Position(lat, lng)
- * });
+ * }));
+ * const data = dataArray[0]; // 단일 항목이 필요한 경우
  * ```
  */
 export declare type CanvasData<T = {}> = T & CanvasOption;
 /**
- * 서버 데이터를 CanvasData로 변환하는 헬퍼 함수
+ * 서버 데이터 배열을 CanvasData 배열로 변환하는 헬퍼 함수
  *
- * @see createCanvasData in ./utils.ts
+ * @see createCanvasDataArray in ./utils.ts
  */
-export { createCanvasData } from './utils';
+export { createCanvasDataArray } from './utils';
 /**
  * 렌더링 유틸리티 함수들 (좌표 변환)
  *

package/dist/components/mint-map/core/advanced/shared/types.js

@@ -14,4 +14,4 @@ exports.CanvasDataType = void 0;
   CanvasDataType["POLYGON"] = "POLYGON";
 })(exports.CanvasDataType || (exports.CanvasDataType = {}));
 
-exports.createCanvasData = utils.createCanvasData;
+exports.createCanvasDataArray = utils.createCanvasDataArray;

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

@@ -61,35 +61,37 @@ export declare const calculateTextBoxWidth: ({ text, fontConfig, padding, minWid
     minWidth: number;
 }) => number;
 /**
- * 서버 데이터를 CanvasData로 변환하는 헬퍼 함수
+ * 서버 데이터 배열을 CanvasData 배열로 변환하는 헬퍼 함수
  *
- * 서버 데이터의 필드가 CanvasOption과 충돌하는 경우 (예: id, position 등),
- * 이 함수를 사용하여 명시적으로 매핑할 수 있습니다.
+ * 서버 데이터 배열의 각 항목을 CanvasData로 변환합니다.
+ * 각 항목마다 다른 CanvasOption을 적용할 수 있습니다.
  *
  * @template T 서버에서 받은 원본 데이터 타입
- * @param serverData 서버에서 받은 원본 데이터
- * @param canvasOptions CanvasOption 필드들 (충돌하는 필드는 여기서 명시적으로 지정)
- * @returns CanvasData<T> 타입의 데이터
+ * @param serverDataArray 서버에서 받은 원본 데이터 배열
+ * @param getCanvasOptions 각 항목에 대해 CanvasOption을 생성하는 함수
+ * @returns CanvasData<T>[] 타입의 데이터 배열
  *
  * @example
  * ```typescript
  * interface ServerData {
  *   id: number;  // CanvasOption의 id와 충돌
  *   name: string;
+ *   lat: number;
+ *   lng: number;
  * }
  *
- * const serverData: ServerData = { id: 123, name: "Test" };
+ * const serverDataArray: ServerData[] = [
+ *   { id: 1, name: "Item 1", lat: 37.5, lng: 127.0 },
+ *   { id: 2, name: "Item 2", lat: 37.6, lng: 127.1 }
+ * ];
  *
  * // ✅ 올바른 사용
- * const canvasData = createCanvasData(serverData, {
- *   id: String(serverData.id),  // 명시적으로 변환
- *   position: new Position(37.5, 127.0)
- * });
+ * const canvasDataArray = createCanvasDataArray(serverDataArray, (item, index) => ({
+ *   id: String(item.id),  // 각 항목마다 명시적으로 변환
+ *   position: new Position(item.lat, item.lng)
+ * }));
  *
- * // canvasData는 CanvasData<ServerData> 타입이며:
- * // - id: string (CanvasOption의 id)
- * // - name: string (서버 데이터의 name)
- * // - position: Position (CanvasOption의 position)
+ * // canvasDataArray는 CanvasData<ServerData>[] 타입입니다
  * ```
  */
-export declare function createCanvasData<T extends Record<string, any>>(serverData: T, canvasOptions: CanvasOption): CanvasData<T>;
+export declare function createCanvasDataArray<T extends Record<string, any>>(serverDataArray: T[], getCanvasOptions: (serverData: T, index: number) => CanvasOption): CanvasData<T>[];

package/dist/components/mint-map/core/advanced/shared/utils.js

@@ -213,48 +213,53 @@ var calculateTextBoxWidth = function (_a) {
   return Math.max(minWidth, textWidth + padding);
 };
 /**
- * 서버 데이터를 CanvasData로 변환하는 헬퍼 함수
+ * 서버 데이터 배열을 CanvasData 배열로 변환하는 헬퍼 함수
  *
- * 서버 데이터의 필드가 CanvasOption과 충돌하는 경우 (예: id, position 등),
- * 이 함수를 사용하여 명시적으로 매핑할 수 있습니다.
+ * 서버 데이터 배열의 각 항목을 CanvasData로 변환합니다.
+ * 각 항목마다 다른 CanvasOption을 적용할 수 있습니다.
  *
  * @template T 서버에서 받은 원본 데이터 타입
- * @param serverData 서버에서 받은 원본 데이터
- * @param canvasOptions CanvasOption 필드들 (충돌하는 필드는 여기서 명시적으로 지정)
- * @returns CanvasData<T> 타입의 데이터
+ * @param serverDataArray 서버에서 받은 원본 데이터 배열
+ * @param getCanvasOptions 각 항목에 대해 CanvasOption을 생성하는 함수
+ * @returns CanvasData<T>[] 타입의 데이터 배열
  *
  * @example
  * ```typescript
  * interface ServerData {
  *   id: number;  // CanvasOption의 id와 충돌
  *   name: string;
+ *   lat: number;
+ *   lng: number;
  * }
  *
- * const serverData: ServerData = { id: 123, name: "Test" };
+ * const serverDataArray: ServerData[] = [
+ *   { id: 1, name: "Item 1", lat: 37.5, lng: 127.0 },
+ *   { id: 2, name: "Item 2", lat: 37.6, lng: 127.1 }
+ * ];
  *
  * // ✅ 올바른 사용
- * const canvasData = createCanvasData(serverData, {
- *   id: String(serverData.id),  // 명시적으로 변환
- *   position: new Position(37.5, 127.0)
- * });
+ * const canvasDataArray = createCanvasDataArray(serverDataArray, (item, index) => ({
+ *   id: String(item.id),  // 각 항목마다 명시적으로 변환
+ *   position: new Position(item.lat, item.lng)
+ * }));
  *
- * // canvasData는 CanvasData<ServerData> 타입이며:
- * // - id: string (CanvasOption의 id)
- * // - name: string (서버 데이터의 name)
- * // - position: Position (CanvasOption의 position)
+ * // canvasDataArray는 CanvasData<ServerData>[] 타입입니다
  * ```
  */
 
-function createCanvasData(serverData, canvasOptions) {
-  // 서버 데이터와 CanvasOption을 결합
-  // CanvasOption의 필드가 우선되므로 충돌하는 필드는 canvasOptions의 값이 사용됨
-  return tslib.__assign(tslib.__assign({}, serverData), canvasOptions);
+function createCanvasDataArray(serverDataArray, getCanvasOptions) {
+  return serverDataArray.map(function (serverData, index) {
+    var canvasOptions = getCanvasOptions(serverData, index); // 서버 데이터와 CanvasOption을 결합
+    // CanvasOption의 필드가 우선되므로 충돌하는 필드는 canvasOptions의 값이 사용됨
+
+    return tslib.__assign(tslib.__assign({}, serverData), canvasOptions);
+  });
 }
 
 exports.calculateTextBoxWidth = calculateTextBoxWidth;
 exports.computeMarkerOffset = computeMarkerOffset;
 exports.computePolygonOffsets = computePolygonOffsets;
-exports.createCanvasData = createCanvasData;
+exports.createCanvasDataArray = createCanvasDataArray;
 exports.hexToRgba = hexToRgba;
 exports.isPointInMarkerData = isPointInMarkerData;
 exports.isPointInPolygon = isPointInPolygon;

package/dist/index.es.js

@@ -989,42 +989,47 @@ var calculateTextBoxWidth = function (_a) {
   return Math.max(minWidth, textWidth + padding);
 };
 /**
- * 서버 데이터를 CanvasData로 변환하는 헬퍼 함수
+ * 서버 데이터 배열을 CanvasData 배열로 변환하는 헬퍼 함수
  *
- * 서버 데이터의 필드가 CanvasOption과 충돌하는 경우 (예: id, position 등),
- * 이 함수를 사용하여 명시적으로 매핑할 수 있습니다.
+ * 서버 데이터 배열의 각 항목을 CanvasData로 변환합니다.
+ * 각 항목마다 다른 CanvasOption을 적용할 수 있습니다.
  *
  * @template T 서버에서 받은 원본 데이터 타입
- * @param serverData 서버에서 받은 원본 데이터
- * @param canvasOptions CanvasOption 필드들 (충돌하는 필드는 여기서 명시적으로 지정)
- * @returns CanvasData<T> 타입의 데이터
+ * @param serverDataArray 서버에서 받은 원본 데이터 배열
+ * @param getCanvasOptions 각 항목에 대해 CanvasOption을 생성하는 함수
+ * @returns CanvasData<T>[] 타입의 데이터 배열
  *
  * @example
  * ```typescript
  * interface ServerData {
  *   id: number;  // CanvasOption의 id와 충돌
  *   name: string;
+ *   lat: number;
+ *   lng: number;
  * }
  *
- * const serverData: ServerData = { id: 123, name: "Test" };
+ * const serverDataArray: ServerData[] = [
+ *   { id: 1, name: "Item 1", lat: 37.5, lng: 127.0 },
+ *   { id: 2, name: "Item 2", lat: 37.6, lng: 127.1 }
+ * ];
  *
  * // ✅ 올바른 사용
- * const canvasData = createCanvasData(serverData, {
- *   id: String(serverData.id),  // 명시적으로 변환
- *   position: new Position(37.5, 127.0)
- * });
+ * const canvasDataArray = createCanvasDataArray(serverDataArray, (item, index) => ({
+ *   id: String(item.id),  // 각 항목마다 명시적으로 변환
+ *   position: new Position(item.lat, item.lng)
+ * }));
  *
- * // canvasData는 CanvasData<ServerData> 타입이며:
- * // - id: string (CanvasOption의 id)
- * // - name: string (서버 데이터의 name)
- * // - position: Position (CanvasOption의 position)
+ * // canvasDataArray는 CanvasData<ServerData>[] 타입입니다
  * ```
  */
 
-function createCanvasData(serverData, canvasOptions) {
-  // 서버 데이터와 CanvasOption을 결합
-  // CanvasOption의 필드가 우선되므로 충돌하는 필드는 canvasOptions의 값이 사용됨
-  return __assign(__assign({}, serverData), canvasOptions);
+function createCanvasDataArray(serverDataArray, getCanvasOptions) {
+  return serverDataArray.map(function (serverData, index) {
+    var canvasOptions = getCanvasOptions(serverData, index); // 서버 데이터와 CanvasOption을 결합
+    // CanvasOption의 필드가 우선되므로 충돌하는 필드는 canvasOptions의 값이 사용됨
+
+    return __assign(__assign({}, serverData), canvasOptions);
+  });
 }
 
 /**
@@ -9880,4 +9885,4 @@ function MintMap(_a) {
   }), loading));
 }
 
-export { AnimationPlayer, Bounds, CanvasDataType, CanvasMarker, CanvasMarkerClaude, CanvasMarkerHanquf, CircleMarker, DEFAULT_CULLING_MARGIN, DEFAULT_MAX_CACHE_SIZE, Drawable, GeoCalulator, GoogleMintMapController, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SPATIAL_GRID_CELL_SIZE, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, WoongCanvasMarker, WoongCanvasPolygon, WoongCanvasProvider, buildSpatialIndex, calculateTextBoxWidth, computeMarkerOffset, computePolygonOffsets, createCanvasData, createMapEventHandlers, getClusterInfo, getMapOfType, hexToRgba, isInViewport, isPointInMarkerData, isPointInPolygon, isPointInPolygonData, log, mapValuesToArray, syncExternalSelectedItems, syncSelectedItems, updateViewport, useMarkerMoving, useMintMapController, useWoongCanvasContext, validateEvent, waiting };
+export { AnimationPlayer, Bounds, CanvasDataType, CanvasMarker, CanvasMarkerClaude, CanvasMarkerHanquf, CircleMarker, DEFAULT_CULLING_MARGIN, DEFAULT_MAX_CACHE_SIZE, Drawable, GeoCalulator, GoogleMintMapController, LRUCache, MapBuildingProjection, MapCanvasMarkerWrapper, MapCanvasWrapper, MapControlWrapper, MapEvent, MapLoadingWithImage, MapMarkerWrapper, MapPolygonWrapper, MapPolylineWrapper, MapUIEvent, Marker, MintMap, MintMapCanvasRenderer, MintMapController, MintMapCore, MintMapProvider, NaverMintMapController, Offset, PointLoading, Polygon, PolygonCalculator, PolygonMarker, Polyline, Position, SPATIAL_GRID_CELL_SIZE, SVGCircle, SVGPolygon, SVGRect, Spacing, SpatialHashGrid, Status, WoongCanvasMarker, WoongCanvasPolygon, WoongCanvasProvider, buildSpatialIndex, calculateTextBoxWidth, computeMarkerOffset, computePolygonOffsets, createCanvasDataArray, createMapEventHandlers, getClusterInfo, getMapOfType, hexToRgba, isInViewport, isPointInMarkerData, isPointInPolygon, isPointInPolygonData, log, mapValuesToArray, syncExternalSelectedItems, syncSelectedItems, updateViewport, useMarkerMoving, useMintMapController, useWoongCanvasContext, validateEvent, waiting };

package/dist/index.js

@@ -72,7 +72,7 @@ Object.defineProperty(exports, 'CanvasDataType', {
 exports.calculateTextBoxWidth = utils.calculateTextBoxWidth;
 exports.computeMarkerOffset = utils.computeMarkerOffset;
 exports.computePolygonOffsets = utils.computePolygonOffsets;
-exports.createCanvasData = utils.createCanvasData;
+exports.createCanvasDataArray = utils.createCanvasDataArray;
 exports.hexToRgba = utils.hexToRgba;
 exports.isPointInMarkerData = utils.isPointInMarkerData;
 exports.isPointInPolygon = utils.isPointInPolygon;

package/dist/index.umd.js

@@ -993,42 +993,47 @@
     return Math.max(minWidth, textWidth + padding);
   };
   /**
-   * 서버 데이터를 CanvasData로 변환하는 헬퍼 함수
+   * 서버 데이터 배열을 CanvasData 배열로 변환하는 헬퍼 함수
    *
-   * 서버 데이터의 필드가 CanvasOption과 충돌하는 경우 (예: id, position 등),
-   * 이 함수를 사용하여 명시적으로 매핑할 수 있습니다.
+   * 서버 데이터 배열의 각 항목을 CanvasData로 변환합니다.
+   * 각 항목마다 다른 CanvasOption을 적용할 수 있습니다.
    *
    * @template T 서버에서 받은 원본 데이터 타입
-   * @param serverData 서버에서 받은 원본 데이터
-   * @param canvasOptions CanvasOption 필드들 (충돌하는 필드는 여기서 명시적으로 지정)
-   * @returns CanvasData<T> 타입의 데이터
+   * @param serverDataArray 서버에서 받은 원본 데이터 배열
+   * @param getCanvasOptions 각 항목에 대해 CanvasOption을 생성하는 함수
+   * @returns CanvasData<T>[] 타입의 데이터 배열
    *
    * @example
    * ```typescript
    * interface ServerData {
    *   id: number;  // CanvasOption의 id와 충돌
    *   name: string;
+   *   lat: number;
+   *   lng: number;
    * }
    *
-   * const serverData: ServerData = { id: 123, name: "Test" };
+   * const serverDataArray: ServerData[] = [
+   *   { id: 1, name: "Item 1", lat: 37.5, lng: 127.0 },
+   *   { id: 2, name: "Item 2", lat: 37.6, lng: 127.1 }
+   * ];
    *
    * // ✅ 올바른 사용
-   * const canvasData = createCanvasData(serverData, {
-   *   id: String(serverData.id),  // 명시적으로 변환
-   *   position: new Position(37.5, 127.0)
-   * });
+   * const canvasDataArray = createCanvasDataArray(serverDataArray, (item, index) => ({
+   *   id: String(item.id),  // 각 항목마다 명시적으로 변환
+   *   position: new Position(item.lat, item.lng)
+   * }));
    *
-   * // canvasData는 CanvasData<ServerData> 타입이며:
-   * // - id: string (CanvasOption의 id)
-   * // - name: string (서버 데이터의 name)
-   * // - position: Position (CanvasOption의 position)
+   * // canvasDataArray는 CanvasData<ServerData>[] 타입입니다
    * ```
    */
 
-  function createCanvasData(serverData, canvasOptions) {
-    // 서버 데이터와 CanvasOption을 결합
-    // CanvasOption의 필드가 우선되므로 충돌하는 필드는 canvasOptions의 값이 사용됨
-    return tslib.__assign(tslib.__assign({}, serverData), canvasOptions);
+  function createCanvasDataArray(serverDataArray, getCanvasOptions) {
+    return serverDataArray.map(function (serverData, index) {
+      var canvasOptions = getCanvasOptions(serverData, index); // 서버 데이터와 CanvasOption을 결합
+      // CanvasOption의 필드가 우선되므로 충돌하는 필드는 canvasOptions의 값이 사용됨
+
+      return tslib.__assign(tslib.__assign({}, serverData), canvasOptions);
+    });
   }
 
   /**
@@ -9934,7 +9939,7 @@
   exports.calculateTextBoxWidth = calculateTextBoxWidth;
   exports.computeMarkerOffset = computeMarkerOffset;
   exports.computePolygonOffsets = computePolygonOffsets;
-  exports.createCanvasData = createCanvasData;
+  exports.createCanvasDataArray = createCanvasDataArray;
   exports.createMapEventHandlers = createMapEventHandlers;
   exports.getClusterInfo = getClusterInfo;
   exports.getMapOfType = getMapOfType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "1.2.0-test.41",
+  "version": "1.2.0-test.42",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",