@mapless/react 0.0.2 → 0.0.4

package/dist/index.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import react, { forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import react, { forwardRef, memo, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import "mapbox-gl/dist/mapbox-gl.css";
 import { Draw, Lang, LngLat, Mapless, Marker, PaintBoard, Popup, PositionMarker, PositionMouse, QuickTrans, Singleton, attachBoundary, attachCluster, attachCurve, attachHeatmap, attachImageData, attachLine, attachMarker, attachMovable, attachNewStation as core_attachNewStation, attachNode, attachOldStation as core_attachOldStation, attachPolygon, attachRoutes, attachShape, attachStep, attachTrack, calculateObjectsInPolygon, darkSource, defaultSource, detachBoundary, detachCluster, detachCurve, detachHeatmap, detachImageData, detachLine, detachMarker, detachMovable, detachNewStation, detachNode, detachOldStation, detachPolygon, detachRoutes, detachShape, detachStep, detachTrack, ellipse, genPrefixId, getBoundary, getCluster, getCoordDisplayName, getCurve, getHeatmap, getImageData, getLine, getMarker, getMovable, getNewStation, getNode, getOldStation, getPaintCenter, getPaintCenterNRadius, getPolygon, getRoutes, getShape, getStep, getTrack, lightSource, maplessPreset, propwmsTransformRequest, sourcesMap, test2Point, throttle, transformCoordinate } from "@mapless/core";
 import { Button, Flex, FloatButton, Input, InputNumber, Popover, Select, Space, Tooltip, Typography, message } from "antd";
@@ -2047,8 +2047,25 @@ const Float_index_module = {
     title: "title-Ikuh0j",
     close: "close-og7mQm"
 };
+const floatState = {
+    activeFloatId: null,
+    setActiveFloatId (id) {
+        if (this.activeFloatId) {
+            const { style } = document.getElementById(this.activeFloatId) || {};
+            style?.setProperty('z-index', '1000');
+        }
+        this.activeFloatId = id;
+        if (id) {
+            const { style } = document.getElementById(id) || {};
+            style?.setProperty('z-index', '1001');
+        }
+    }
+};
+const useFloatStore = ()=>floatState;
 const Float = (props)=>{
     const { title, open, children, onCancel } = props;
+    const id = useId();
+    const floatStore = useFloatStore();
     const [position, setPosition] = useState({
         top: '10px',
         right: '400px'
@@ -2063,6 +2080,7 @@ const Float = (props)=>{
     const handleMouseDown = (e)=>{
         e.preventDefault();
         setHasMoved(false);
+        floatStore.setActiveFloatId(id);
         if (containerRef.current) {
             const rect = containerRef.current.getBoundingClientRect();
             setOffset({
@@ -2094,6 +2112,12 @@ const Float = (props)=>{
     const handleMouseUp = useCallback(()=>{
         setIsDragging(false);
     }, []);
+    const handleContainerClick = useCallback(()=>{
+        floatStore.setActiveFloatId(id);
+    }, [
+        id,
+        floatStore
+    ]);
     useEffect(()=>{
         if (isDragging) {
             document.addEventListener('mousemove', handleMouseMove);
@@ -2108,7 +2132,15 @@ const Float = (props)=>{
         handleMouseMove,
         handleMouseUp
     ]);
+    useEffect(()=>{
+        if (open) floatStore.setActiveFloatId(id);
+    }, [
+        open,
+        id,
+        floatStore
+    ]);
     return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsxs("div", {
+        id: id,
         ref: containerRef,
         className: `${Float_index_module.root} ${isDragging ? Float_index_module.dragging : ''}`,
         style: {
@@ -2116,6 +2148,7 @@ const Float = (props)=>{
             right: position.right,
             display: open ? 'flex' : 'none'
         },
+        onClick: handleContainerClick,
         children: [
             /*#__PURE__*/ jsxs(Flex, {
                 className: Float_index_module.title,

package/dist/types/components/CoordinateTrans/components/index.d.ts

@@ -1,3 +1,4 @@
+import { parseCoordinate } from './CoordinateInput/parseMethods';
 import FormatChange from './FormatChange';
 declare const _default: {
     DDD: (props: {
@@ -33,5 +34,5 @@ declare const _default: {
     }) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
-export { FormatChange };
+export { FormatChange, parseCoordinate };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/CoordinateTrans/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CoordinateTrans/components/index.ts"],"names":[],"mappings":"AAGA,OAAO,YAAY,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG1C,wBAAsC;AACtC,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CoordinateTrans/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAIjE,OAAO,YAAY,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG1C,wBAAsC;AACtC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/types/components/CoordinateTrans/index.d.ts

@@ -1,7 +1,7 @@
 import CoordinateTrans from './CoordinateTrans';
-import { FormatChange } from './components';
+import { FormatChange, parseCoordinate } from './components';
 import { CoordinateInput } from './components/CoordinateInput';
 export default CoordinateTrans;
-export { CoordinateTrans, CoordinateInput, FormatChange };
+export { CoordinateTrans, CoordinateInput, FormatChange, parseCoordinate };
 export * from './weapon';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/CoordinateTrans/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CoordinateTrans/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,eAAe,eAAe,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC;AAE1D,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CoordinateTrans/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,eAAe,eAAe,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAE3E,cAAc,UAAU,CAAC"}

package/dist/types/components/Float/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Float/index.tsx"],"names":[],"mappings":"AAMA,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,gCAiG/B,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Float/index.tsx"],"names":[],"mappings":"AAOA,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,gCAiH/B,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/types/components/Float/store.d.ts

@@ -0,0 +1,5 @@
+export declare const useFloatStore: () => {
+    activeFloatId: string | null;
+    setActiveFloatId(id: string | null): void;
+};
+//# sourceMappingURL=store.d.ts.map

package/dist/types/components/Float/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../src/components/Float/store.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa;mBAdD,MAAM,GAAG,IAAI;yBACf,MAAM,GAAG,IAAI;CAaS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapless/react",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "description": "React components for mapless library",
   "main": "dist/index.js",