@mint-ui/map 0.10.0-beta-test2 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mint-ui/map",
3
- "version": "0.10.0-beta-test2",
3
+ "version": "1.0.1",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.es.js",
6
6
  "browser": "./dist/index.umd.js",
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- import { Position } from "../../types";
3
- export declare type TransitionType = 'diagonal';
4
- export declare type TransitionSizeFunction = (zoomLevel: number) => number;
5
- export interface MarkerAutoTransitionOption {
6
- type?: TransitionType;
7
- sizeInMeter?: number | TransitionSizeFunction;
8
- }
9
- export interface MarkerAutoTransitionContextType {
10
- option: Required<MarkerAutoTransitionOption>;
11
- transition: (pos: Position) => {
12
- pos: Position;
13
- no?: number;
14
- };
15
- }
16
- export declare const MarkerAutoTransitionContext: React.Context<MarkerAutoTransitionContextType>;
17
- export declare const baseCenter: Position;
18
- export interface MarkerAutoTransitionProviderProps extends MarkerAutoTransitionOption {
19
- }
20
- export declare function MarkerAutoTransitionProvider({ children, sizeInMeter, type, }: React.PropsWithChildren<MarkerAutoTransitionProviderProps>): JSX.Element;
@@ -1,105 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- require('../../types/MapDrawables.js');
7
- var MapTypes = require('../../types/MapTypes.js');
8
- require('../../types/MapEventTypes.js');
9
- require('../util/animation.js');
10
- var geo = require('../util/geo.js');
11
- require('tslib');
12
- require('../util/polygon.js');
13
- require('../util/status.js');
14
- var MintMapProvider = require('./MintMapProvider.js');
15
-
16
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
-
18
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
-
20
- var MarkerAutoTransitionContext = React.createContext({
21
- option: {
22
- sizeInMeter: 2,
23
- type: 'diagonal'
24
- },
25
- transition: function (pos) {
26
- return {
27
- pos: pos,
28
- no: undefined
29
- };
30
- }
31
- }); // provider
32
-
33
- var baseCenter = new MapTypes.Position(37.504497373023206, 127.04896282498558);
34
- function MarkerAutoTransitionProvider(_a) {
35
- var children = _a.children,
36
- _b = _a.sizeInMeter,
37
- sizeInMeter = _b === void 0 ? 2 : _b,
38
- _c = _a.type,
39
- type = _c === void 0 ? 'diagonal' : _c;
40
- var controller = MintMapProvider.useMintMapController();
41
-
42
- var _d = React.useState(controller.getZoomLevel()),
43
- zoom = _d[0],
44
- setZoom = _d[1];
45
-
46
- React.useEffect(function () {
47
- var onZoomChanged = function () {
48
- setZoom(controller.getZoomLevel());
49
- };
50
-
51
- controller.addEventListener('ZOOM_CHANGED', onZoomChanged);
52
- return function () {
53
- controller.removeEventListener('ZOOM_CHANGED', onZoomChanged);
54
- };
55
- }, []);
56
- var calcSize = typeof sizeInMeter === 'number' ? sizeInMeter : sizeInMeter(controller.getZoomLevel());
57
- var deltaLat = geo.GeoCalulator.convertMeterToLatitudeValue(calcSize);
58
- var offset1 = controller.positionToOffset(baseCenter);
59
- var offset2 = controller.positionToOffset(new MapTypes.Position(baseCenter.lat + deltaLat, baseCenter.lng));
60
- var deltaOffsetY = offset2.y - offset1.y;
61
- var offset3 = new MapTypes.Offset(offset1.x + deltaOffsetY, offset2.y);
62
- var deltaLng = baseCenter.lng - controller.offsetToPosition(offset3).lng;
63
- var posMap = new Map();
64
-
65
- var transition = function (pos) {
66
- var key = positionToMapKey(pos);
67
- var count = posMap.get(key);
68
-
69
- if (count === undefined) {
70
- count = 1;
71
- posMap.set(key, count);
72
- return {
73
- no: count,
74
- pos: pos
75
- };
76
- } //type : diagonal
77
-
78
-
79
- var newPos = new MapTypes.Position(pos.lat + count * deltaLat, pos.lng + count * deltaLng);
80
- count += 1;
81
- posMap.set(key, count);
82
- return {
83
- no: count,
84
- pos: newPos
85
- };
86
- };
87
-
88
- return React__default["default"].createElement(MarkerAutoTransitionContext.Provider, {
89
- value: {
90
- option: {
91
- sizeInMeter: sizeInMeter,
92
- type: type
93
- },
94
- transition: transition
95
- }
96
- }, zoom && children);
97
- }
98
-
99
- function positionToMapKey(pos) {
100
- return "".concat(pos.lat, "-").concat(pos.lng);
101
- }
102
-
103
- exports.MarkerAutoTransitionContext = MarkerAutoTransitionContext;
104
- exports.MarkerAutoTransitionProvider = MarkerAutoTransitionProvider;
105
- exports.baseCenter = baseCenter;