@cn-map/gaode-svelte 0.0.0-stage → 0.0.1

package/dist/tool/ellipse-editor/ellipse-editor.svelte

@@ -0,0 +1,102 @@
+<script lang="ts">
+  import type { AccessorLike, MapEventProps, Nullable } from '@cn-map/gaode-shared/types'
+  import type { Instance } from '../../types/index.js'
+  import { add, adjust, end, move } from '@cn-map/gaode-shared/const'
+  import { eventsToProps } from '@cn-map/gaode-shared/utils'
+  import { onDestroy, untrack } from 'svelte'
+  import { createEventListeners } from '../../hooks/index.js'
+  import { useMapInstance } from '../../map'
+  import { isAccessor, omitProps, snapshot } from '../../utils/index.js'
+
+  type EllipseEditorEvents = MapEventProps<AMap.EllipseEditorEventType, AMap.EllipseEditor>
+  interface EllipseEditorExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map
+    /**
+     * 要编辑的椭圆对象
+     */
+    target?: AccessorLike<Nullable<AMap.Ellipse>>
+  }
+  type EllipseEditorInitOptions = AMap.EllipseEditorOptions
+    & EllipseEditorExtraInitOptions
+    & Instance<AMap.EllipseEditor>
+
+  export type EllipseEditorProps = EllipseEditorInitOptions & EllipseEditorEvents
+
+  const ellipseEditorEvents: AMap.EllipseEditorEventType[] = [add, end, adjust, move]
+
+  let { instance = $bindable(), target, ...props }: EllipseEditorProps = $props()
+
+  const map = $derived.by(useMapInstance(() => props.map))
+  const restProps = omitProps(() => props, 'map', ...eventsToProps(ellipseEditorEvents))
+
+  const ellipse = $derived((isAccessor(target) ? target() : target) ?? undefined)
+  let ellipseEditor = $state.raw<Nullable<AMap.EllipseEditor>>(null)
+
+  $effect(() => {
+    instance = ellipseEditor
+
+    return () => {
+      instance = null
+    }
+  })
+
+  $effect(() => {
+    if (map) {
+      ellipseEditor = new AMap.EllipseEditor(
+        map,
+        untrack(() => ellipse),
+        snapshot(restProps)
+      )
+    }
+  })
+
+  $effect(() => {
+    ellipseEditor?.setTarget(ellipse)
+  })
+
+  $effect(() => {
+    const editor = ellipseEditor
+    if (restProps.createOptions && editor) {
+      editor._normalCircleStyle = AMap.extend(editor._normalCircleStyle, snapshot(restProps.createOptions))
+    }
+  })
+
+  $effect(() => {
+    const editor = ellipseEditor
+    if (restProps.editOptions && editor) {
+      editor._editStyle = AMap.extend(editor._editStyle, snapshot(restProps.editOptions))
+    }
+  })
+
+  $effect(() => {
+    const editor = ellipseEditor
+    if (restProps.movePoint && editor) {
+      editor._opts.movePoint = snapshot(restProps.movePoint)
+    }
+  })
+
+  $effect(() => {
+    const editor = ellipseEditor
+    if (restProps.resizeXPoint && editor) {
+      editor._opts.resizeXPoint = snapshot(restProps.resizeXPoint)
+    }
+  })
+
+  $effect(() => {
+    const editor = ellipseEditor
+    if (restProps.resizeYPoint && editor) {
+      editor._opts.resizeYPoint = snapshot(restProps.resizeYPoint)
+    }
+  })
+
+  createEventListeners<AMap.EllipseEditorEventType, AMap.EllipseEditor>(
+    () => ellipseEditor,
+    () => props,
+    ellipseEditorEvents
+  )
+
+  onDestroy(() => ellipseEditor?.destroy())
+</script>

package/dist/tool/ellipse-editor/ellipse-editor.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { AccessorLike, MapEventProps, Nullable } from '@cn-map/gaode-shared/types';
+import type { Instance } from '../../types/index.ts';
+type EllipseEditorEvents = MapEventProps<AMap.EllipseEditorEventType, AMap.EllipseEditor>;
+interface EllipseEditorExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map;
+    /**
+     * 要编辑的椭圆对象
+     */
+    target?: AccessorLike<Nullable<AMap.Ellipse>>;
+}
+type EllipseEditorInitOptions = AMap.EllipseEditorOptions & EllipseEditorExtraInitOptions & Instance<AMap.EllipseEditor>;
+export type EllipseEditorProps = EllipseEditorInitOptions & EllipseEditorEvents;
+declare const EllipseEditor: import("svelte").Component<EllipseEditorProps, {}, "instance">;
+type EllipseEditor = ReturnType<typeof EllipseEditor>;
+export default EllipseEditor;

package/dist/tool/ellipse-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EllipseEditor } from './ellipse-editor.svelte';
+export type { EllipseEditorProps } from './ellipse-editor.svelte';

package/dist/tool/ellipse-editor/index.js

@@ -0,0 +1 @@
+export { default as EllipseEditor } from './ellipse-editor.svelte';

package/dist/tool/index.d.ts

@@ -0,0 +1,8 @@
+export { BezierCurveEditor, type BezierCurveEditorProps } from './bezier-curve-editor';
+export { CircleEditor, type CircleEditorProps } from './circle-editor';
+export { EllipseEditor, type EllipseEditorProps } from './ellipse-editor';
+export { MouseTool, type MouseToolProps } from './mouse-tool';
+export { PolygonEditor, type PolygonEditorProps } from './polygon-editor';
+export { PolylineEditor, type PolylineEditorProps } from './polyline-editor';
+export { RangingTool, type RangingToolProps } from './ranging-tool';
+export { RectangleEditor, type RectangleEditorProps } from './rectangle-editor';

package/dist/tool/index.js

@@ -0,0 +1,8 @@
+export { BezierCurveEditor } from './bezier-curve-editor';
+export { CircleEditor } from './circle-editor';
+export { EllipseEditor } from './ellipse-editor';
+export { MouseTool } from './mouse-tool';
+export { PolygonEditor } from './polygon-editor';
+export { PolylineEditor } from './polyline-editor';
+export { RangingTool } from './ranging-tool';
+export { RectangleEditor } from './rectangle-editor';

package/dist/tool/mouse-tool/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MouseTool } from './mouse-tool.svelte';
+export type { MouseToolProps } from './mouse-tool.svelte';

package/dist/tool/mouse-tool/index.js

@@ -0,0 +1 @@
+export { default as MouseTool } from './mouse-tool.svelte';

package/dist/tool/mouse-tool/mouse-tool.svelte

@@ -0,0 +1,72 @@
+<script lang="ts">
+  import type { MapEventProps, Nullable } from '@cn-map/gaode-shared/types'
+  import type { Instance } from '../../types/index.js'
+  import { draw } from '@cn-map/gaode-shared/const'
+  import { eventsToProps } from '@cn-map/gaode-shared/utils'
+  import { untrack } from 'svelte'
+  import { createEventListeners } from '../../hooks/index.js'
+  import { useMapInstance } from '../../map'
+  import { omitProps } from '../../utils/index.js'
+
+  type MouseToolEvents = MapEventProps<AMap.MouseToolEventType, AMap.MouseTool>
+  interface MouserToolExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map
+    /**
+     * 是否在卸载时清除绘制的图形
+     */
+    clearOnClose?: boolean
+  }
+  type MouseToolInitOptions = AMap.MouseToolOptions & MouserToolExtraInitOptions & Instance<AMap.MouseTool>
+
+  export type MouseToolProps = MouseToolInitOptions & MouseToolEvents
+
+  const mouseToolEvents: AMap.MouseToolEventType[] = [draw]
+
+  let { instance = $bindable(), ...props }: MouseToolProps = $props()
+
+  const map = $derived.by(useMapInstance(() => props.map))
+  const restProps = omitProps(() => props, 'map', ...eventsToProps(mouseToolEvents))
+
+  let mouseTool = $state.raw<Nullable<AMap.MouseTool>>(null)
+
+  $effect(() => {
+    instance = mouseTool
+
+    return () => {
+      instance = null
+    }
+  })
+
+  $effect(() => {
+    if (!map) return
+
+    const dragEnable = map.getStatus().dragEnable
+
+    mouseTool = new AMap.MouseTool(
+      map,
+      untrack(() => restProps.toolBubble)
+    )
+
+    return () => {
+      mouseTool?.close(restProps.clearOnClose)
+      map.setStatus({ dragEnable })
+      mouseTool = null
+    }
+  })
+
+  $effect(() => {
+    const _mouseTool = mouseTool
+    if (!_mouseTool) return
+
+    _mouseTool.overlayBubble = restProps.toolBubble || false
+  })
+
+  createEventListeners<AMap.MouseToolEventType, AMap.MouseTool>(
+    () => mouseTool,
+    () => props,
+    mouseToolEvents
+  )
+</script>

package/dist/tool/mouse-tool/mouse-tool.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { MapEventProps } from '@cn-map/gaode-shared/types';
+import type { Instance } from '../../types/index.ts';
+type MouseToolEvents = MapEventProps<AMap.MouseToolEventType, AMap.MouseTool>;
+interface MouserToolExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map;
+    /**
+     * 是否在卸载时清除绘制的图形
+     */
+    clearOnClose?: boolean;
+}
+type MouseToolInitOptions = AMap.MouseToolOptions & MouserToolExtraInitOptions & Instance<AMap.MouseTool>;
+export type MouseToolProps = MouseToolInitOptions & MouseToolEvents;
+declare const MouseTool: import("svelte").Component<MouseToolProps, {}, "instance">;
+type MouseTool = ReturnType<typeof MouseTool>;
+export default MouseTool;

package/dist/tool/polygon-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PolygonEditor } from './polygon-editor.svelte';
+export type { PolygonEditorProps } from './polygon-editor.svelte';

package/dist/tool/polygon-editor/index.js

@@ -0,0 +1 @@
+export { default as PolygonEditor } from './polygon-editor.svelte';

package/dist/tool/polygon-editor/polygon-editor.svelte

@@ -0,0 +1,98 @@
+<script lang="ts">
+  import type { AccessorLike, MapEventProps, Nullable } from '@cn-map/gaode-shared/types'
+  import type { Instance } from '../../types/index.js'
+  import { add, addNode, adjust, end, removeNode } from '@cn-map/gaode-shared/const'
+  import { patchPolygonEditor } from '@cn-map/gaode-shared/patch'
+  import { eventsToProps } from '@cn-map/gaode-shared/utils'
+  import { onDestroy, untrack } from 'svelte'
+  import { createEventListeners } from '../../hooks/index.js'
+  import { useMapInstance } from '../../map'
+  import { isAccessor, omitProps, snapshot } from '../../utils/index.js'
+
+  type PolygonEditorEvents = MapEventProps<AMap.PolygonEditorEventType, AMap.PolygonEditor>
+  interface PolygonEditorExtraInitOptions {
+    /**
+     * 地图实例
+     */
+    map?: AMap.Map
+    /**
+     * 要编辑的多边形对象
+     */
+    target?: AccessorLike<Nullable<AMap.Polygon>>
+  }
+  type PolygonEditorInitOptions = AMap.PolygonEditorOptions
+    & PolygonEditorExtraInitOptions
+    & Instance<AMap.PolygonEditor>
+
+  export type PolygonEditorProps = PolygonEditorInitOptions & PolygonEditorEvents
+
+  const polygonEditorEvents: AMap.PolygonEditorEventType[] = [add, end, adjust, addNode, removeNode]
+
+  let { instance = $bindable(), target, ...props }: PolygonEditorProps = $props()
+
+  const map = $derived.by(useMapInstance(() => props.map))
+  const restProps = omitProps(() => props, 'map', ...eventsToProps(polygonEditorEvents))
+
+  const polygon = $derived((isAccessor(target) ? target() : target) ?? undefined)
+  let polygonEditor = $state.raw<Nullable<AMap.PolygonEditor>>(null)
+
+  $effect(() => {
+    instance = polygonEditor
+
+    return () => {
+      instance = null
+    }
+  })
+
+  $effect(() => {
+    if (map) {
+      polygonEditor = new AMap.PolygonEditor(
+        map,
+        untrack(() => polygon),
+        snapshot(restProps)
+      )
+      patchPolygonEditor()
+    }
+  })
+
+  $effect(() => {
+    polygonEditor?.setTarget(polygon)
+  })
+
+  $effect(() => {
+    const editor = polygonEditor
+    if (restProps.createOptions && editor) {
+      editor._opt.createOptions = snapshot(restProps.createOptions)
+    }
+  })
+
+  $effect(() => {
+    const editor = polygonEditor
+    if (restProps.editOptions && editor) {
+      editor._opt.editOptions = snapshot(restProps.editOptions)
+    }
+  })
+
+  $effect(() => {
+    const editor = polygonEditor
+    if (restProps.controlPoint && editor) {
+      editor.controlPoint = AMap.extend(editor.controlPoint, snapshot(restProps.controlPoint))
+      editor.movePoint = AMap.extend(editor.movePoint, snapshot(restProps.controlPoint))
+    }
+  })
+
+  $effect(() => {
+    const editor = polygonEditor
+    if (restProps.midControlPoint && editor) {
+      editor.midControlPoint = AMap.extend(editor.midControlPoint, snapshot(restProps.midControlPoint))
+    }
+  })
+
+  createEventListeners<AMap.PolygonEditorEventType, AMap.PolygonEditor>(
+    () => polygonEditor,
+    () => props,
+    polygonEditorEvents
+  )
+
+  onDestroy(() => polygonEditor?.destroy())
+</script>

package/dist/tool/polygon-editor/polygon-editor.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { AccessorLike, MapEventProps, Nullable } from '@cn-map/gaode-shared/types';
+import type { Instance } from '../../types/index.ts';
+type PolygonEditorEvents = MapEventProps<AMap.PolygonEditorEventType, AMap.PolygonEditor>;
+interface PolygonEditorExtraInitOptions {
+    /**
+     * 地图实例
+     */
+    map?: AMap.Map;
+    /**
+     * 要编辑的多边形对象
+     */
+    target?: AccessorLike<Nullable<AMap.Polygon>>;
+}
+type PolygonEditorInitOptions = AMap.PolygonEditorOptions & PolygonEditorExtraInitOptions & Instance<AMap.PolygonEditor>;
+export type PolygonEditorProps = PolygonEditorInitOptions & PolygonEditorEvents;
+declare const PolygonEditor: import("svelte").Component<PolygonEditorProps, {}, "instance">;
+type PolygonEditor = ReturnType<typeof PolygonEditor>;
+export default PolygonEditor;

package/dist/tool/polyline-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PolylineEditor } from './polyline-editor.svelte';
+export type { PolylineEditorProps } from './polyline-editor.svelte';

package/dist/tool/polyline-editor/index.js

@@ -0,0 +1 @@
+export { default as PolylineEditor } from './polyline-editor.svelte';

package/dist/tool/polyline-editor/polyline-editor.svelte

@@ -0,0 +1,95 @@
+<script lang="ts">
+  import type { AccessorLike, MapEventProps, Nullable } from '@cn-map/gaode-shared/types'
+  import type { Instance } from '../../types/index.js'
+  import { add, addNode, adjust, end, removeNode } from '@cn-map/gaode-shared/const'
+  import { eventsToProps } from '@cn-map/gaode-shared/utils'
+  import { onDestroy, untrack } from 'svelte'
+  import { createEventListeners } from '../../hooks/index.js'
+  import { useMapInstance } from '../../map'
+  import { isAccessor, omitProps, snapshot } from '../../utils/index.js'
+
+  type PolylineEditorEvents = MapEventProps<AMap.PolylineEditorEventType, AMap.PolylineEditor>
+  interface PolylineEditorExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map
+    /**
+     * 要编辑的折线对象
+     */
+    target?: AccessorLike<Nullable<AMap.Polyline>>
+  }
+  type PolylineEditorInitOptions = AMap.PolylineEditorOptions
+    & PolylineEditorExtraInitOptions
+    & Instance<AMap.PolylineEditor>
+
+  export type PolylineEditorProps = PolylineEditorInitOptions & PolylineEditorEvents
+
+  const polylineEditorEvents: AMap.PolylineEditorEventType[] = [add, end, adjust, addNode, removeNode]
+
+  let { instance = $bindable(), target, ...props }: PolylineEditorProps = $props()
+
+  const map = $derived.by(useMapInstance(() => props.map))
+  const restProps = omitProps(() => props, 'map', ...eventsToProps(polylineEditorEvents))
+
+  const polyline = $derived((isAccessor(target) ? target() : target) ?? undefined)
+  let polylineEditor = $state.raw<Nullable<AMap.PolylineEditor>>(null)
+
+  $effect(() => {
+    instance = polylineEditor
+
+    return () => {
+      instance = null
+    }
+  })
+
+  $effect(() => {
+    if (map) {
+      polylineEditor = new AMap.PolylineEditor(
+        map,
+        untrack(() => polyline),
+        snapshot(restProps)
+      )
+    }
+  })
+
+  $effect(() => {
+    polylineEditor?.setTarget(polyline)
+  })
+
+  $effect(() => {
+    const editor = polylineEditor
+    if (restProps.createOptions && editor) {
+      editor._defaultStyle = AMap.extend(editor._defaultStyle, snapshot(restProps.createOptions))
+    }
+  })
+
+  $effect(() => {
+    const editor = polylineEditor
+    if (restProps.editOptions && editor) {
+      editor._selectStyle = AMap.extend(editor._selectStyle, snapshot(restProps.editOptions))
+    }
+  })
+
+  $effect(() => {
+    const editor = polylineEditor
+    if (restProps.controlPoint && editor) {
+      editor._markerOptions = AMap.extend(editor._markerOptions, snapshot(restProps.controlPoint))
+    }
+  })
+
+  $effect(() => {
+    const editor = polylineEditor
+    if (restProps.midControlPoint && editor) {
+      editor._middleMarkerOptions = AMap.extend(editor._middleMarkerOptions, snapshot(restProps.midControlPoint))
+    }
+  })
+
+  createEventListeners<AMap.PolylineEditorEventType, AMap.PolylineEditor>(
+    () => polylineEditor,
+    () => props,
+    polylineEditorEvents
+  )
+
+  onDestroy(() => polylineEditor?.destroy())
+</script>

package/dist/tool/polyline-editor/polyline-editor.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { AccessorLike, MapEventProps, Nullable } from '@cn-map/gaode-shared/types';
+import type { Instance } from '../../types/index.ts';
+type PolylineEditorEvents = MapEventProps<AMap.PolylineEditorEventType, AMap.PolylineEditor>;
+interface PolylineEditorExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map;
+    /**
+     * 要编辑的折线对象
+     */
+    target?: AccessorLike<Nullable<AMap.Polyline>>;
+}
+type PolylineEditorInitOptions = AMap.PolylineEditorOptions & PolylineEditorExtraInitOptions & Instance<AMap.PolylineEditor>;
+export type PolylineEditorProps = PolylineEditorInitOptions & PolylineEditorEvents;
+declare const PolylineEditor: import("svelte").Component<PolylineEditorProps, {}, "instance">;
+type PolylineEditor = ReturnType<typeof PolylineEditor>;
+export default PolylineEditor;

package/dist/tool/ranging-tool/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RangingTool } from './ranging-tool.svelte';
+export type { RangingToolProps } from './ranging-tool.svelte';

package/dist/tool/ranging-tool/index.js

@@ -0,0 +1 @@
+export { default as RangingTool } from './ranging-tool.svelte';

package/dist/tool/ranging-tool/ranging-tool.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+  import type { MapEventProps, Nullable } from '@cn-map/gaode-shared/types'
+  import type { Instance } from '../../types/index.js'
+  import { addNode, end, removeNode } from '@cn-map/gaode-shared/const'
+  import { eventsToProps } from '@cn-map/gaode-shared/utils'
+  import { untrack } from 'svelte'
+  import { createEventListeners } from '../../hooks/index.js'
+  import { useMapInstance } from '../../map'
+  import { omitProps, snapshot } from '../../utils/index.js'
+
+  type RangingToolEvents = MapEventProps<AMap.RangingToolEventType, AMap.RangingTool>
+  interface RangingToolExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map
+  }
+  type RangingToolInitOptions = AMap.RangingToolOptions & RangingToolExtraInitOptions & Instance<AMap.RangingTool>
+
+  export type RangingToolProps = RangingToolInitOptions & RangingToolEvents
+
+  const rangingToolEvents: AMap.RangingToolEventType[] = [addNode, removeNode, end]
+
+  let { instance = $bindable(), ...props }: RangingToolProps = $props()
+
+  const map = $derived.by(useMapInstance(() => props.map))
+  const restProps = omitProps(() => props, 'map', ...eventsToProps(rangingToolEvents))
+
+  let rangingTool = $state.raw<Nullable<AMap.RangingTool>>(null)
+
+  $effect(() => {
+    instance = rangingTool
+
+    return () => {
+      instance = null
+    }
+  })
+
+  $effect(() => {
+    if (!map) return
+
+    rangingTool = new AMap.RangingTool(
+      map,
+      untrack(() => snapshot(restProps))
+    )
+
+    return () => {
+      rangingTool?.turnOff(true)
+      rangingTool = null
+    }
+  })
+
+  $effect(() => {
+    rangingTool?.setOptions(snapshot(restProps))
+  })
+
+  createEventListeners<AMap.RangingToolEventType, AMap.RangingTool>(
+    () => rangingTool,
+    () => props,
+    rangingToolEvents
+  )
+</script>

package/dist/tool/ranging-tool/ranging-tool.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { MapEventProps } from '@cn-map/gaode-shared/types';
+import type { Instance } from '../../types/index.ts';
+type RangingToolEvents = MapEventProps<AMap.RangingToolEventType, AMap.RangingTool>;
+interface RangingToolExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map;
+}
+type RangingToolInitOptions = AMap.RangingToolOptions & RangingToolExtraInitOptions & Instance<AMap.RangingTool>;
+export type RangingToolProps = RangingToolInitOptions & RangingToolEvents;
+declare const RangingTool: import("svelte").Component<RangingToolProps, {}, "instance">;
+type RangingTool = ReturnType<typeof RangingTool>;
+export default RangingTool;

package/dist/tool/rectangle-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RectangleEditor } from './rectangle-editor.svelte';
+export type { RectangleEditorProps } from './rectangle-editor.svelte';

package/dist/tool/rectangle-editor/index.js

@@ -0,0 +1 @@
+export { default as RectangleEditor } from './rectangle-editor.svelte';