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

package/dist/tool/rectangle-editor/rectangle-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, 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 RectangleEditorEvents = MapEventProps<AMap.RectangleEditorEventType, AMap.RectangleEditor>
+  interface RectangleEditorExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map
+    /**
+     * 要编辑的矩形对象
+     */
+    target?: AccessorLike<Nullable<AMap.Rectangle>>
+  }
+  type RectangleEditorInitOptions = AMap.RectangleEditorOptions
+    & RectangleEditorExtraInitOptions
+    & Instance<AMap.RectangleEditor>
+
+  export type RectangleEditorProps = RectangleEditorInitOptions & RectangleEditorEvents
+
+  const rectangleEditorEvents: AMap.RectangleEditorEventType[] = [add, end, adjust, move]
+
+  let { instance = $bindable(), target, ...props }: RectangleEditorProps = $props()
+
+  const map = $derived.by(useMapInstance(() => props.map))
+  const restProps = omitProps(() => props, 'map', ...eventsToProps(rectangleEditorEvents))
+
+  const rectangle = $derived((isAccessor(target) ? target() : target) ?? undefined)
+  let rectangleEditor = $state.raw<Nullable<AMap.RectangleEditor>>(null)
+
+  $effect(() => {
+    instance = rectangleEditor
+
+    return () => {
+      instance = null
+    }
+  })
+
+  $effect(() => {
+    if (map) {
+      rectangleEditor = new AMap.RectangleEditor(
+        map,
+        untrack(() => rectangle),
+        snapshot(restProps)
+      )
+    }
+  })
+
+  $effect(() => {
+    rectangleEditor?.setTarget(rectangle)
+  })
+
+  $effect(() => {
+    const editor = rectangleEditor
+    if (restProps.createOptions && editor) {
+      editor._normalRectangleStyle = AMap.extend(editor._normalRectangleStyle, snapshot(restProps.createOptions))
+    }
+  })
+
+  $effect(() => {
+    const editor = rectangleEditor
+    if (restProps.editOptions && editor) {
+      editor._editStyle = AMap.extend(editor._editStyle, snapshot(restProps.editOptions))
+    }
+  })
+
+  $effect(() => {
+    const editor = rectangleEditor
+    if (restProps.northEastPoint && editor) {
+      editor._opts.northEastPoint = snapshot(restProps.northEastPoint)
+    }
+  })
+
+  $effect(() => {
+    const editor = rectangleEditor
+    if (restProps.southWestPoint && editor) {
+      editor._opts.southWestPoint = snapshot(restProps.southWestPoint)
+    }
+  })
+
+  createEventListeners<AMap.RectangleEditorEventType, AMap.RectangleEditor>(
+    () => rectangleEditor,
+    () => props,
+    rectangleEditorEvents
+  )
+
+  onDestroy(() => rectangleEditor?.destroy())
+</script>

package/dist/tool/rectangle-editor/rectangle-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 RectangleEditorEvents = MapEventProps<AMap.RectangleEditorEventType, AMap.RectangleEditor>;
+interface RectangleEditorExtraInitOptions {
+    /**
+     * 地图对象
+     */
+    map?: AMap.Map;
+    /**
+     * 要编辑的矩形对象
+     */
+    target?: AccessorLike<Nullable<AMap.Rectangle>>;
+}
+type RectangleEditorInitOptions = AMap.RectangleEditorOptions & RectangleEditorExtraInitOptions & Instance<AMap.RectangleEditor>;
+export type RectangleEditorProps = RectangleEditorInitOptions & RectangleEditorEvents;
+declare const RectangleEditor: import("svelte").Component<RectangleEditorProps, {}, "instance">;
+type RectangleEditor = ReturnType<typeof RectangleEditor>;
+export default RectangleEditor;

package/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+import type { Nullable } from '@cn-map/gaode-shared/types';
+/**
+ * 地图对象实例
+ * @template T - 地图对象类型
+ */
+export interface Instance<T> {
+    instance?: Nullable<T>;
+}

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/helpers.d.ts

@@ -0,0 +1,17 @@
+import type { Accessor, AccessorLike } from '@cn-map/gaode-shared/types';
+type FlattenKeys<T> = T extends ReadonlyArray<infer U> ? FlattenKeys<U> : T;
+/**
+ * Reactive proxy view of `props` that omits the given keys, keeping reads reactive.
+ */
+export declare function omitProps<T extends Record<string | symbol, any>, Args extends (keyof T | ReadonlyArray<keyof T>)[]>(getProps: Accessor<T>, ...keys: Args): Omit<T, Extract<FlattenKeys<Args[number]>, keyof T>>;
+/**
+ * Type guard for an Accessor (a function returning a value).
+ */
+export declare function isAccessor<T>(target: AccessorLike<T>): target is Accessor<T>;
+/**
+ * Strips Svelte reactivity for class initialization: deep-copies plain objects/arrays,
+ * keeps class instances by reference, and avoids `$state.snapshot()`'s `toJSON` handling.
+ * 委托给 `clone(obj, true)`。
+ */
+export declare function snapshot<T>(obj: T): T;
+export {};

package/dist/utils/helpers.js

@@ -0,0 +1,48 @@
+import { clone } from '@cn-map/gaode-shared/utils';
+/**
+ * Reactive proxy view of `props` that omits the given keys, keeping reads reactive.
+ */
+export function omitProps(getProps, ...keys) {
+    const source = getProps();
+    const flatKeys = new Set(keys.flat(Infinity));
+    return new Proxy(source, {
+        get(target, key, receiver) {
+            if (flatKeys.has(key)) {
+                return undefined;
+            }
+            return Reflect.get(target, key, receiver);
+        },
+        set() {
+            return false;
+        },
+        has(target, key) {
+            if (flatKeys.has(key)) {
+                return false;
+            }
+            return Reflect.has(target, key);
+        },
+        ownKeys(target) {
+            return Reflect.ownKeys(target).filter(key => !flatKeys.has(key));
+        },
+        getOwnPropertyDescriptor(target, key) {
+            if (flatKeys.has(key)) {
+                return undefined;
+            }
+            return Reflect.getOwnPropertyDescriptor(target, key);
+        },
+    });
+}
+/**
+ * Type guard for an Accessor (a function returning a value).
+ */
+export function isAccessor(target) {
+    return typeof target === 'function';
+}
+/**
+ * Strips Svelte reactivity for class initialization: deep-copies plain objects/arrays,
+ * keeps class instances by reference, and avoids `$state.snapshot()`'s `toJSON` handling.
+ * 委托给 `clone(obj, true)`。
+ */
+export function snapshot(obj) {
+    return clone(obj, true);
+}

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export { isAccessor, omitProps, snapshot } from './helpers';

package/dist/utils/index.js

@@ -0,0 +1 @@
+export { isAccessor, omitProps, snapshot } from './helpers';

package/package.json

@@ -1,6 +1,100 @@
 {
   "name": "@cn-map/gaode-svelte",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.1",
+  "description": "高德地图 svelte 组件",
+  "keywords": [
+    "amap",
+    "svelte",
+    "地图",
+    "高德",
+    "高德地图"
+  ],
+  "bugs": {
+    "url": "https://gtihub.com/Jungzl/amap/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Jungzl/amap.git",
+    "directory": "packages/svelte"
+  },
+  "files": [
+    "!dist/**/*.spec.*",
+    "!dist/**/*.test.*",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "loca": [
+        "./dist/loca/index.d.ts"
+      ]
+    }
+  },
+  "svelte": "./dist/index.js",
+  "imports": {
+    "#lib": "./src/lib/index.ts",
+    "#lib/*": "./src/lib/*",
+    "#loca": "./src/lib/loca/index.ts",
+    "#loca/*": "./src/lib/loca/*",
+    "#hooks": "./src/lib/hooks/index.ts",
+    "#utils": "./src/lib/utils/index.ts",
+    "#types": "./src/lib/types/index.ts"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./loca": {
+      "types": "./dist/loca/index.d.ts",
+      "svelte": "./dist/loca/index.js",
+      "default": "./dist/loca/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@cn-map/gaode-jsapi-loader": "^0.0.1",
+    "@cn-map/gaode-shared": "^0.0.1"
+  },
+  "devDependencies": {
+    "@cn-map/gaode-types": "^2.1.0",
+    "@sveltejs/kit": "^3.2.0",
+    "@sveltejs/package": "^3.0.2",
+    "@sveltejs/vite-plugin-svelte": "^7.3.1",
+    "jsdom": "^31.0.0",
+    "svelte": "^5.57.3",
+    "svelte-check": "^4.7.8",
+    "vitest-browser-svelte": "^3.1.0"
+  },
+  "peerDependencies": {
+    "@cn-map/gaode-types": "^2.0.0",
+    "svelte": "^5.57.0"
+  },
+  "peerDependenciesMeta": {
+    "@cn-map/gaode-types": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "sync": "svelte-kit sync",
+    "package": "svelte-package",
+    "build": "pnpm sync && pnpm package && tsdown",
+    "dev": "svelte-package --watch",
+    "check:type": "svelte-check",
+    "publint": "publint",
+    "attw": "attw --pack . --ignore-rules internal-resolution-error cjs-resolves-to-esm",
+    "test": "vitest run",
+    "test:e2e": "vitest run -p e2e",
+    "test:e2e:watch": "vitest -p e2e",
+    "test:unit": "vitest run -p unit",
+    "test:unit:watch": "vitest -p unit",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage --bail=1"
+  }
 }