@mint-ui/map 2.1.1-alpha1 → 2.1.1-alpha2

package/dist/atom/GoogleMap/GoogleMap.js

@@ -1,13 +1,69 @@
 'use strict';
 
-require('tslib');
+var tslib = require('tslib');
 var classNames = require('classnames/bind');
-require('react');
+var React = require('react');
 var GoogleMap_module = require('./GoogleMap.module.scss.js');
-require('./GoogleMapManager.js');
+var GoogleMapManager = require('./GoogleMapManager.js');
+var hook = require('../../common/hook.js');
+var MapManager = require('../../module/map/MapManager.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-classNames__default["default"].bind(GoogleMap_module);
+var cn = classNames__default["default"].bind(GoogleMap_module);
+function GoogleMap(_a) {
+  var api = _a.api,
+      _b = _a.id,
+      id = _b === void 0 ? 'google-map' : _b,
+      _c = _a.option,
+      option = _c === void 0 ? MapManager.MapOptionsDefault : _c,
+      _d = _a.width,
+      width = _d === void 0 ? 800 : _d,
+      _e = _a.height,
+      height = _e === void 0 ? 800 : _e,
+      libraries = _a.libraries,
+      markers = _a.markers,
+      style = _a.style,
+      className = _a.className,
+      children = _a.children,
+      props = tslib.__rest(_a, ["api", "id", "option", "width", "height", "libraries", "markers", "style", "className", "children"]);
+
+  var _f = React.useState(undefined),
+      mapState = _f[0],
+      setMapState = _f[1];
+
+  var mapManager = new GoogleMapManager(api);
+
+  window.init = function () {
+    setMapState(mapManager.getMap(id, option));
+  };
+
+  hook(mapManager.getScriptUrl(libraries, 'init'));
+  React.useEffect(function () {
+    if (mapState && markers) {
+      mapManager.drawMarkers(mapState, markers);
+    }
+  }, [mapState, markers]);
+  var mergeStyle = {
+    height: height,
+    width: width
+  };
+
+  if (style) {
+    mergeStyle = tslib.__assign(tslib.__assign({}, mergeStyle), style);
+  }
+
+  return React__default["default"].createElement("div", tslib.__assign({
+    className: cn('google-map-wrapper', className),
+    id: "".concat(id, "-wrapper"),
+    style: mergeStyle
+  }, props), React__default["default"].createElement("div", {
+    className: cn('google-map'),
+    id: id
+  }), children);
+}
+
+module.exports = GoogleMap;

package/dist/atom/GoogleMap/GoogleMapManager.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var util = require('../../common/util.js');
 var MapManager = require('../../module/map/MapManager.js');
 
-(function (_super) {
+var GoogleMapManager = function (_super) {
   tslib.__extends(GoogleMapManager, _super);
 
   function GoogleMapManager() {
@@ -105,4 +105,6 @@ var MapManager = require('../../module/map/MapManager.js');
   };
 
   return GoogleMapManager;
-})(MapManager);
+}(MapManager["default"]);
+
+module.exports = GoogleMapManager;

package/dist/atom/GoogleMap/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var GoogleMap = require('./GoogleMap.js');
+
+
+
+module.exports = GoogleMap;

package/dist/atom/NaverMap/NaverMap.js

@@ -1,13 +1,67 @@
 'use strict';
 
-require('tslib');
+var tslib = require('tslib');
 var classNames = require('classnames/bind');
-require('react');
+var React = require('react');
 var NaverMap_module = require('./NaverMap.module.scss.js');
-require('./NaverMapManager.js');
+var NaverMapManager = require('./NaverMapManager.js');
+var hook = require('../../common/hook.js');
+var MapManager = require('../../module/map/MapManager.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-classNames__default["default"].bind(NaverMap_module);
+var cn = classNames__default["default"].bind(NaverMap_module);
+function NaverMap(_a) {
+  var api = _a.api,
+      _b = _a.id,
+      id = _b === void 0 ? 'naver-map' : _b,
+      _c = _a.option,
+      option = _c === void 0 ? MapManager.MapOptionsDefault : _c,
+      _d = _a.width,
+      width = _d === void 0 ? 800 : _d,
+      _e = _a.height,
+      height = _e === void 0 ? 800 : _e,
+      libraries = _a.libraries,
+      markers = _a.markers,
+      style = _a.style,
+      className = _a.className,
+      children = _a.children,
+      props = tslib.__rest(_a, ["api", "id", "option", "width", "height", "libraries", "markers", "style", "className", "children"]);
+
+  var _f = React.useState(undefined),
+      mapState = _f[0],
+      setMapState = _f[1];
+
+  var mapManager = new NaverMapManager(api);
+  console.dir(1);
+  hook(mapManager.getScriptUrl(libraries), function () {
+    setMapState(mapManager.getMap(id, option));
+  });
+  React.useEffect(function () {
+    if (mapState && markers) {
+      mapManager.drawMarkers(mapState, markers);
+    }
+  }, [mapState, markers]);
+  var mergeStyle = {
+    height: height,
+    width: width
+  };
+
+  if (style) {
+    mergeStyle = tslib.__assign(tslib.__assign({}, mergeStyle), style);
+  }
+
+  return React__default["default"].createElement("div", tslib.__assign({
+    className: cn('naver-map-wrapper', className),
+    id: "".concat(id, "-wrapper"),
+    style: mergeStyle
+  }, props), React__default["default"].createElement("div", {
+    className: cn('naver-map'),
+    id: id
+  }), children);
+}
+
+module.exports = NaverMap;

package/dist/atom/NaverMap/NaverMapManager.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var util = require('../../common/util.js');
 var MapManager = require('../../module/map/MapManager.js');
 
-(function (_super) {
+var NaverMapManager = function (_super) {
   tslib.__extends(NaverMapManager, _super);
 
   function NaverMapManager() {
@@ -115,4 +115,6 @@ var MapManager = require('../../module/map/MapManager.js');
   };
 
   return NaverMapManager;
-})(MapManager);
+}(MapManager["default"]);
+
+module.exports = NaverMapManager;

package/dist/atom/NaverMap/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var NaverMap = require('./NaverMap.js');
+
+
+
+module.exports = NaverMap;

package/dist/atom/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var GoogleMap = require('./GoogleMap/GoogleMap.js');
+var NaverMap = require('./NaverMap/NaverMap.js');
+
+var atom = {
+  GoogleMap: GoogleMap,
+  NaverMap: NaverMap
+};
+
+module.exports = atom;

package/dist/common/hook.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+
+function useScript(url, onLoad) {
+  React.useEffect(function () {
+    var script = document.createElement('script');
+    script.src = url;
+    script.async = true;
+    script.defer = true;
+
+    if (onLoad) {
+      script.addEventListener('load', onLoad);
+    }
+
+    document.body.appendChild(script);
+    return function () {
+      return document.body.removeChild(script);
+    };
+  }, [url]);
+}
+
+module.exports = useScript;

package/dist/index.d.ts

@@ -1,2 +1,10 @@
-export * from './atom';
-export * from './moleclue';
+declare const _default: {
+    atom: {
+        GoogleMap: typeof import("./atom/GoogleMap").default;
+        NaverMap: typeof import("./atom/NaverMap").default;
+    };
+    moleclue: {
+        Map: typeof import("./moleclue/Map").default;
+    };
+};
+export default _default;

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { __extends, __assign } from 'tslib';
+import { __extends, __assign, __rest } from 'tslib';
 import classNames from 'classnames/bind';
-import 'react';
+import React, { useEffect, useState } from 'react';
 import styleInject from 'style-inject';
 
 var css_248z$1 = ".GoogleMap-module_google-map-wrapper__Ixip9 {\n  position: relative;\n  background-color: whitesmoke;\n}\n\n.GoogleMap-module_google-map__2k3RV {\n  width: 100%;\n  height: 100%;\n}";
@@ -17,6 +17,15 @@ function buildUrl(baseUrl, param) {
   return "".concat(baseUrl, "?").concat(params);
 }
 
+var MapCenterDefault = {
+  lat: 37.5666103,
+  lng: 126.9783882
+};
+var MapOptionsDefault = {
+  center: MapCenterDefault,
+  zoom: 16
+};
+
 var MapManager = function () {
   function MapManager(api) {
     this.api = api;
@@ -25,7 +34,7 @@ var MapManager = function () {
   return MapManager;
 }();
 
-(function (_super) {
+var GoogleMapManager = function (_super) {
   __extends(GoogleMapManager, _super);
 
   function GoogleMapManager() {
@@ -126,15 +135,84 @@ var MapManager = function () {
   };
 
   return GoogleMapManager;
-})(MapManager);
+}(MapManager);
+
+function useScript(url, onLoad) {
+  useEffect(function () {
+    var script = document.createElement('script');
+    script.src = url;
+    script.async = true;
+    script.defer = true;
+
+    if (onLoad) {
+      script.addEventListener('load', onLoad);
+    }
+
+    document.body.appendChild(script);
+    return function () {
+      return document.body.removeChild(script);
+    };
+  }, [url]);
+}
 
-classNames.bind(styles$1);
+var cn$1 = classNames.bind(styles$1);
+function GoogleMap(_a) {
+  var api = _a.api,
+      _b = _a.id,
+      id = _b === void 0 ? 'google-map' : _b,
+      _c = _a.option,
+      option = _c === void 0 ? MapOptionsDefault : _c,
+      _d = _a.width,
+      width = _d === void 0 ? 800 : _d,
+      _e = _a.height,
+      height = _e === void 0 ? 800 : _e,
+      libraries = _a.libraries,
+      markers = _a.markers,
+      style = _a.style,
+      className = _a.className,
+      children = _a.children,
+      props = __rest(_a, ["api", "id", "option", "width", "height", "libraries", "markers", "style", "className", "children"]);
+
+  var _f = useState(undefined),
+      mapState = _f[0],
+      setMapState = _f[1];
+
+  var mapManager = new GoogleMapManager(api);
+
+  window.init = function () {
+    setMapState(mapManager.getMap(id, option));
+  };
+
+  useScript(mapManager.getScriptUrl(libraries, 'init'));
+  useEffect(function () {
+    if (mapState && markers) {
+      mapManager.drawMarkers(mapState, markers);
+    }
+  }, [mapState, markers]);
+  var mergeStyle = {
+    height: height,
+    width: width
+  };
+
+  if (style) {
+    mergeStyle = __assign(__assign({}, mergeStyle), style);
+  }
+
+  return React.createElement("div", __assign({
+    className: cn$1('google-map-wrapper', className),
+    id: "".concat(id, "-wrapper"),
+    style: mergeStyle
+  }, props), React.createElement("div", {
+    className: cn$1('google-map'),
+    id: id
+  }), children);
+}
 
 var css_248z = ".NaverMap-module_naver-map-wrapper__dt2kP {\n  position: relative;\n  background-color: whitesmoke;\n}\n\n.NaverMap-module_naver-map__zTbF2 {\n  width: 100%;\n  height: 100%;\n}";
 var styles = {"naver-map-wrapper":"NaverMap-module_naver-map-wrapper__dt2kP","naver-map":"NaverMap-module_naver-map__zTbF2"};
 styleInject(css_248z);
 
-(function (_super) {
+var NaverMapManager = function (_super) {
   __extends(NaverMapManager, _super);
 
   function NaverMapManager() {
@@ -245,6 +323,98 @@ styleInject(css_248z);
   };
 
   return NaverMapManager;
-})(MapManager);
+}(MapManager);
+
+var cn = classNames.bind(styles);
+function NaverMap(_a) {
+  var api = _a.api,
+      _b = _a.id,
+      id = _b === void 0 ? 'naver-map' : _b,
+      _c = _a.option,
+      option = _c === void 0 ? MapOptionsDefault : _c,
+      _d = _a.width,
+      width = _d === void 0 ? 800 : _d,
+      _e = _a.height,
+      height = _e === void 0 ? 800 : _e,
+      libraries = _a.libraries,
+      markers = _a.markers,
+      style = _a.style,
+      className = _a.className,
+      children = _a.children,
+      props = __rest(_a, ["api", "id", "option", "width", "height", "libraries", "markers", "style", "className", "children"]);
+
+  var _f = useState(undefined),
+      mapState = _f[0],
+      setMapState = _f[1];
+
+  var mapManager = new NaverMapManager(api);
+  console.dir(1);
+  useScript(mapManager.getScriptUrl(libraries), function () {
+    setMapState(mapManager.getMap(id, option));
+  });
+  useEffect(function () {
+    if (mapState && markers) {
+      mapManager.drawMarkers(mapState, markers);
+    }
+  }, [mapState, markers]);
+  var mergeStyle = {
+    height: height,
+    width: width
+  };
+
+  if (style) {
+    mergeStyle = __assign(__assign({}, mergeStyle), style);
+  }
+
+  return React.createElement("div", __assign({
+    className: cn('naver-map-wrapper', className),
+    id: "".concat(id, "-wrapper"),
+    style: mergeStyle
+  }, props), React.createElement("div", {
+    className: cn('naver-map'),
+    id: id
+  }), children);
+}
+
+var atom = {
+  GoogleMap: GoogleMap,
+  NaverMap: NaverMap
+};
+
+function Map(_a) {
+  var mapType = _a.mapType,
+      props = __rest(_a, ["mapType"]);
+
+  var tag;
+
+  switch (mapType) {
+    case 'naver':
+      tag = React.createElement(NaverMap, __assign({
+        "data-type": mapType
+      }, props));
+      break;
+
+    case 'google':
+      tag = React.createElement(GoogleMap, __assign({
+        "data-type": mapType
+      }, props));
+      break;
+
+    default:
+      tag = null;
+      break;
+  }
+
+  return tag;
+}
+
+var moleclue = {
+  Map: Map
+};
+
+var index = {
+  atom: atom,
+  moleclue: moleclue
+};
 
-classNames.bind(styles);
+export { index as default };

package/dist/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-require('./atom/GoogleMap/GoogleMap.js');
-require('./atom/NaverMap/NaverMap.js');
-require('tslib');
-require('react');
+var index = require('./index2.js');
 
+
+
+module.exports = index;

package/dist/index.umd.js

@@ -1,12 +1,13 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('tslib'), require('classnames/bind'), require('react'), require('style-inject')) :
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('tslib'), require('classnames/bind'), require('react'), require('style-inject')) :
 	typeof define === 'function' && define.amd ? define(['tslib', 'classnames/bind', 'react', 'style-inject'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.tslib, global.classNames, null, global.styleInject));
+	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global["@mint-ui/map"] = factory(global.tslib, global.classNames, global.React, global.styleInject));
 })(this, (function (tslib, classNames, React, styleInject) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 	var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+	var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 	var styleInject__default = /*#__PURE__*/_interopDefaultLegacy(styleInject);
 
 	var css_248z$1 = ".GoogleMap-module_google-map-wrapper__Ixip9 {\n  position: relative;\n  background-color: whitesmoke;\n}\n\n.GoogleMap-module_google-map__2k3RV {\n  width: 100%;\n  height: 100%;\n}";
@@ -23,6 +24,15 @@
 	  return "".concat(baseUrl, "?").concat(params);
 	}
 
+	var MapCenterDefault = {
+	  lat: 37.5666103,
+	  lng: 126.9783882
+	};
+	var MapOptionsDefault = {
+	  center: MapCenterDefault,
+	  zoom: 16
+	};
+
 	var MapManager = function () {
 	  function MapManager(api) {
 	    this.api = api;
@@ -31,7 +41,7 @@
 	  return MapManager;
 	}();
 
-	(function (_super) {
+	var GoogleMapManager = function (_super) {
 	  tslib.__extends(GoogleMapManager, _super);
 
 	  function GoogleMapManager() {
@@ -132,15 +142,84 @@
 	  };
 
 	  return GoogleMapManager;
-	})(MapManager);
+	}(MapManager);
+
+	function useScript(url, onLoad) {
+	  React.useEffect(function () {
+	    var script = document.createElement('script');
+	    script.src = url;
+	    script.async = true;
+	    script.defer = true;
+
+	    if (onLoad) {
+	      script.addEventListener('load', onLoad);
+	    }
+
+	    document.body.appendChild(script);
+	    return function () {
+	      return document.body.removeChild(script);
+	    };
+	  }, [url]);
+	}
 
-	classNames__default["default"].bind(styles$1);
+	var cn$1 = classNames__default["default"].bind(styles$1);
+	function GoogleMap(_a) {
+	  var api = _a.api,
+	      _b = _a.id,
+	      id = _b === void 0 ? 'google-map' : _b,
+	      _c = _a.option,
+	      option = _c === void 0 ? MapOptionsDefault : _c,
+	      _d = _a.width,
+	      width = _d === void 0 ? 800 : _d,
+	      _e = _a.height,
+	      height = _e === void 0 ? 800 : _e,
+	      libraries = _a.libraries,
+	      markers = _a.markers,
+	      style = _a.style,
+	      className = _a.className,
+	      children = _a.children,
+	      props = tslib.__rest(_a, ["api", "id", "option", "width", "height", "libraries", "markers", "style", "className", "children"]);
+
+	  var _f = React.useState(undefined),
+	      mapState = _f[0],
+	      setMapState = _f[1];
+
+	  var mapManager = new GoogleMapManager(api);
+
+	  window.init = function () {
+	    setMapState(mapManager.getMap(id, option));
+	  };
+
+	  useScript(mapManager.getScriptUrl(libraries, 'init'));
+	  React.useEffect(function () {
+	    if (mapState && markers) {
+	      mapManager.drawMarkers(mapState, markers);
+	    }
+	  }, [mapState, markers]);
+	  var mergeStyle = {
+	    height: height,
+	    width: width
+	  };
+
+	  if (style) {
+	    mergeStyle = tslib.__assign(tslib.__assign({}, mergeStyle), style);
+	  }
+
+	  return React__default["default"].createElement("div", tslib.__assign({
+	    className: cn$1('google-map-wrapper', className),
+	    id: "".concat(id, "-wrapper"),
+	    style: mergeStyle
+	  }, props), React__default["default"].createElement("div", {
+	    className: cn$1('google-map'),
+	    id: id
+	  }), children);
+	}
 
 	var css_248z = ".NaverMap-module_naver-map-wrapper__dt2kP {\n  position: relative;\n  background-color: whitesmoke;\n}\n\n.NaverMap-module_naver-map__zTbF2 {\n  width: 100%;\n  height: 100%;\n}";
 	var styles = {"naver-map-wrapper":"NaverMap-module_naver-map-wrapper__dt2kP","naver-map":"NaverMap-module_naver-map__zTbF2"};
 	styleInject__default["default"](css_248z);
 
-	(function (_super) {
+	var NaverMapManager = function (_super) {
 	  tslib.__extends(NaverMapManager, _super);
 
 	  function NaverMapManager() {
@@ -251,8 +330,100 @@
 	  };
 
 	  return NaverMapManager;
-	})(MapManager);
+	}(MapManager);
+
+	var cn = classNames__default["default"].bind(styles);
+	function NaverMap(_a) {
+	  var api = _a.api,
+	      _b = _a.id,
+	      id = _b === void 0 ? 'naver-map' : _b,
+	      _c = _a.option,
+	      option = _c === void 0 ? MapOptionsDefault : _c,
+	      _d = _a.width,
+	      width = _d === void 0 ? 800 : _d,
+	      _e = _a.height,
+	      height = _e === void 0 ? 800 : _e,
+	      libraries = _a.libraries,
+	      markers = _a.markers,
+	      style = _a.style,
+	      className = _a.className,
+	      children = _a.children,
+	      props = tslib.__rest(_a, ["api", "id", "option", "width", "height", "libraries", "markers", "style", "className", "children"]);
+
+	  var _f = React.useState(undefined),
+	      mapState = _f[0],
+	      setMapState = _f[1];
+
+	  var mapManager = new NaverMapManager(api);
+	  console.dir(1);
+	  useScript(mapManager.getScriptUrl(libraries), function () {
+	    setMapState(mapManager.getMap(id, option));
+	  });
+	  React.useEffect(function () {
+	    if (mapState && markers) {
+	      mapManager.drawMarkers(mapState, markers);
+	    }
+	  }, [mapState, markers]);
+	  var mergeStyle = {
+	    height: height,
+	    width: width
+	  };
+
+	  if (style) {
+	    mergeStyle = tslib.__assign(tslib.__assign({}, mergeStyle), style);
+	  }
+
+	  return React__default["default"].createElement("div", tslib.__assign({
+	    className: cn('naver-map-wrapper', className),
+	    id: "".concat(id, "-wrapper"),
+	    style: mergeStyle
+	  }, props), React__default["default"].createElement("div", {
+	    className: cn('naver-map'),
+	    id: id
+	  }), children);
+	}
+
+	var atom = {
+	  GoogleMap: GoogleMap,
+	  NaverMap: NaverMap
+	};
+
+	function Map(_a) {
+	  var mapType = _a.mapType,
+	      props = tslib.__rest(_a, ["mapType"]);
+
+	  var tag;
+
+	  switch (mapType) {
+	    case 'naver':
+	      tag = React__default["default"].createElement(NaverMap, tslib.__assign({
+	        "data-type": mapType
+	      }, props));
+	      break;
+
+	    case 'google':
+	      tag = React__default["default"].createElement(GoogleMap, tslib.__assign({
+	        "data-type": mapType
+	      }, props));
+	      break;
+
+	    default:
+	      tag = null;
+	      break;
+	  }
+
+	  return tag;
+	}
+
+	var moleclue = {
+	  Map: Map
+	};
+
+	var index = {
+	  atom: atom,
+	  moleclue: moleclue
+	};
 
-	classNames__default["default"].bind(styles);
+	return index;
 
 }));

package/dist/index2.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var index$1 = require('./atom/index.js');
+var index$2 = require('./moleclue/index.js');
+
+var index = {
+  atom: index$1,
+  moleclue: index$2
+};
+
+module.exports = index;

package/dist/module/map/MapManager.js

@@ -1,5 +1,16 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MapCenterDefault = {
+  lat: 37.5666103,
+  lng: 126.9783882
+};
+var MapOptionsDefault = {
+  center: MapCenterDefault,
+  zoom: 16
+};
+
 var MapManager = function () {
   function MapManager(api) {
     this.api = api;
@@ -8,4 +19,6 @@ var MapManager = function () {
   return MapManager;
 }();
 
-module.exports = MapManager;
+exports.MapCenterDefault = MapCenterDefault;
+exports.MapOptionsDefault = MapOptionsDefault;
+exports["default"] = MapManager;

package/dist/moleclue/Map/Map.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var GoogleMap = require('../../atom/GoogleMap/GoogleMap.js');
+var NaverMap = require('../../atom/NaverMap/NaverMap.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function Map(_a) {
+  var mapType = _a.mapType,
+      props = tslib.__rest(_a, ["mapType"]);
+
+  var tag;
+
+  switch (mapType) {
+    case 'naver':
+      tag = React__default["default"].createElement(NaverMap, tslib.__assign({
+        "data-type": mapType
+      }, props));
+      break;
+
+    case 'google':
+      tag = React__default["default"].createElement(GoogleMap, tslib.__assign({
+        "data-type": mapType
+      }, props));
+      break;
+
+    default:
+      tag = null;
+      break;
+  }
+
+  return tag;
+}
+
+module.exports = Map;

package/dist/moleclue/Map/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var Map = require('./Map.js');
+
+
+
+module.exports = Map;

package/dist/moleclue/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var Map = require('./Map/Map.js');
+
+var moleclue = {
+  Map: Map
+};
+
+module.exports = moleclue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mint-ui/map",
-  "version": "2.1.1-alpha1",
+  "version": "2.1.1-alpha2",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "browser": "./dist/index.umd.js",
@@ -66,4 +66,4 @@
     "build": "rollup -c",
     "postbuild": "shx rm -rf ./dist/dist"
   }
-}
+}