@vue-start/map 0.0.1

package/README.md

@@ -0,0 +1,11 @@
+# `@vue-start/map`
+
+> TODO: description
+
+## Usage
+
+```
+const map = require('@vue-start/map');
+
+// TODO: DEMONSTRATE API
+```

package/dist/index.d.ts

@@ -0,0 +1,439 @@
+import * as vue from 'vue';
+import { ShallowRef, ExtractPropTypes, PropType, WatchSource, UnwrapNestedRefs, Ref, UnwrapRef } from 'vue';
+
+declare type TEvents = {
+    type: AMap.EventType;
+    handler: (...args: any[]) => void;
+    once?: boolean;
+}[];
+
+interface IMapProvide {
+    mapRef: ShallowRef<AMap.Map>;
+    overlayGroup?: AMap.OverlayGroup;
+    layerGroup?: AMap.LayerGroup;
+}
+declare const provideMap: (opts: IMapProvide) => void;
+declare const useMap: <T extends IMapProvide>() => T;
+declare type TLoadOpts = {
+    key: string;
+    version: string;
+    plugins?: string[];
+    AMapUI?: {
+        version?: string;
+        plugins?: string[];
+    };
+    Loca?: {
+        version?: string;
+    };
+};
+declare const mapProps: () => {
+    securityJsCode: {
+        type: StringConstructor;
+    };
+    loadOpts: {
+        type: PropType<TLoadOpts>;
+    };
+    opts: {
+        type: PropType<AMap.MapOptions>;
+    };
+    events: {
+        type: PropType<TEvents>;
+    };
+};
+declare type MapProps = Partial<ExtractPropTypes<ReturnType<typeof mapProps>>>;
+declare global {
+    interface Window {
+        _AMapSecurityConfig?: {
+            securityJsCode: string;
+        };
+    }
+}
+declare const Map: vue.DefineComponent<Partial<ExtractPropTypes<{
+    securityJsCode: {
+        type: StringConstructor;
+    };
+    loadOpts: {
+        type: PropType<TLoadOpts>;
+    };
+    opts: {
+        type: PropType<AMap.MapOptions>;
+    };
+    events: {
+        type: PropType<TEvents>;
+    };
+}>>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<Partial<ExtractPropTypes<{
+    securityJsCode: {
+        type: StringConstructor;
+    };
+    loadOpts: {
+        type: PropType<TLoadOpts>;
+    };
+    opts: {
+        type: PropType<AMap.MapOptions>;
+    };
+    events: {
+        type: PropType<TEvents>;
+    };
+}>>>, {}>;
+
+declare const useMapPlugin: (plugins: string[], cb: () => void) => void;
+declare const MapPlugin: vue.DefineComponent<{
+    plugins: PropType<string[]>;
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | null | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    plugins: PropType<string[]>;
+}>>, {}>;
+declare const MapPluginType: {
+    ElasticMarker: string;
+    ControlBar: string;
+    ToolBar: string;
+    Scale: string;
+    HawkEye: string;
+    MapType: string;
+    AdvancedInfoWindow: string;
+    DragRoute: string;
+    IndoorMap: string;
+    MouseTool: string;
+    CircleEditor: string;
+    PolygonEditor: string;
+    PolylineEditor: string;
+    MarkerCluster: string;
+    RangingTool: string;
+    /********************* api **************************/
+    Geolocation: string;
+    Geocoder: string;
+    AutoComplete: string;
+    PlaceSearch: string;
+    LineSearch: string;
+    DistrictSearch: string;
+    StationSearch: string;
+    CitySearch: string;
+    CloudDataSearch: string;
+    RoadInfoSearch: string;
+    Driving: string;
+    TruckDriving: string;
+    Transfer: string;
+    Walking: string;
+    Riding: string;
+    ArrivalRange: string;
+    GraspRoad: string;
+    HeatMap: string;
+    Weather: string;
+};
+
+/**
+ * overlay 绑定快捷方式
+ * @param overlay
+ */
+declare const useMapOverlayConnect: (overlay: any) => void;
+/**
+ * 目前OverlayGroup支持Marker, Polygon, Polyline, Circle, Rectangle, Ellipse 和 BezierCurve。
+ */
+declare const OverlayGroup: vue.DefineComponent<{
+    /**
+     * 首次添加到地图中的标识；
+     * 值为true时，将OverlayGroup对象添加到地图中；
+     */
+    bind: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bindTime: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    opts$: {
+        type: PropType<{
+            options: AMap.OverlayOptions;
+        }>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: PropType<TEvents>;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * 首次添加到地图中的标识；
+     * 值为true时，将OverlayGroup对象添加到地图中；
+     */
+    bind: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bindTime: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    opts$: {
+        type: PropType<{
+            options: AMap.OverlayOptions;
+        }>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: PropType<TEvents>;
+    };
+}>>, {
+    show: boolean;
+    bind: boolean;
+    bindTime: number;
+}>;
+
+declare const InfoWindow: vue.DefineComponent<{
+    opts: {
+        type: PropType<AMap.InfoOptions>;
+    };
+    opts$: {
+        type: PropType<AMap.InfoOptions>;
+    };
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    opts: {
+        type: PropType<AMap.InfoOptions>;
+    };
+    opts$: {
+        type: PropType<AMap.InfoOptions>;
+    };
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>>, {
+    height: number;
+}>;
+
+/******************************* base *******************************/
+declare const CircleMarker: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const Text: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const ElasticMarker: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+/******************************* overlay group *******************************/
+declare const Marker: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const Polygon: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const Polyline: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const Circle: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const Rectangle: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const Ellipse: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const BezierCurve: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const ToolBar: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const Scale: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const HawkEye: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const MapType: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const ControlBar: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+
+declare const useMapLayerConnect: (layer: any) => void;
+declare const LayerGroup: vue.DefineComponent<{
+    bind: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bindTime: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    opts$: {
+        type: PropType<{
+            options: AMap.OverlayOptions;
+        }>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: PropType<TEvents>;
+    };
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    bind: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bindTime: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    opts$: {
+        type: PropType<{
+            options: AMap.OverlayOptions;
+        }>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: PropType<TEvents>;
+    };
+}>>, {
+    show: boolean;
+    bind: boolean;
+    bindTime: number;
+}>;
+
+declare const LabelsLayer: vue.DefineComponent<{
+    opts: {
+        type: PropType<AMap.LabelsLayerOptions>;
+    };
+    itemOpts: {
+        type: PropType<AMap.LabelMarkerOptions>;
+    };
+    data: {
+        type: PropType<AMap.LabelMarkerOptions[]>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: PropType<TEvents>;
+    };
+}, () => null, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    opts: {
+        type: PropType<AMap.LabelsLayerOptions>;
+    };
+    itemOpts: {
+        type: PropType<AMap.LabelMarkerOptions>;
+    };
+    data: {
+        type: PropType<AMap.LabelMarkerOptions[]>;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: PropType<TEvents>;
+    };
+}>>, {
+    show: boolean;
+}>;
+
+declare const TileLayer: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const TileLayerSatellite: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const TileLayerRoadNet: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const TileLayerTraffic: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const Buildings: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const MassMarks: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const TileLayerFlexible: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const ImageLayer: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const VideoLayer: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const CanvasLayer: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const CustomLayer: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const DistrictLayerWorld: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const DistrictLayerCountry: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const DistrictLayerProvince: vue.DefineComponent<any, any, any, vue.ComputedOptions, vue.MethodOptions, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+declare const HeatMap: vue.DefineComponent<any, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;
+
+interface IUseMapApiOptions {
+    initEmit?: boolean;
+    opts?: Record<string, any>;
+    params?: any[] | (() => any[]);
+    deps?: WatchSource[];
+    onComplete?: (status: string, result: any) => void;
+    onSuccess?: (result: Record<string, any>) => void;
+    onNoData?: (result: any) => void;
+    onFail?: (err: any) => void;
+}
+interface IUseMapApiResult {
+    data: UnwrapNestedRefs<any>;
+    requesting: Ref<UnwrapRef<boolean>>;
+    request: (opts?: Record<string, any>, params?: any[]) => void;
+}
+/**
+ * api组成说明 `AMap.${PluginName}_MethodName`
+ * PluginName 插件名称
+ * MethodName 要调用该插件的方法名称
+ * @param api
+ * @param options
+ */
+declare const useMapApi: (api: string, options: IUseMapApiOptions) => IUseMapApiResult;
+
+declare const ApiNames: {
+    Geocoder_getLocation: string;
+    Geocoder_getAddress: string;
+    Autocomplete_search: string;
+    PlaceSearch_search: string;
+    PlaceSearch_searchNearBy: string;
+    PlaceSearch_searchInBounds: string;
+    PlaceSearch_getDetails: string;
+    DistrictSearch_search: string;
+    LineSearch_search: string;
+    LineSearch_searchById: string;
+    StationSearch_search: string;
+    StationSearch_searchById: string;
+};
+
+export { ApiNames, BezierCurve, Buildings, CanvasLayer, Circle, CircleMarker, ControlBar, CustomLayer, DistrictLayerCountry, DistrictLayerProvince, DistrictLayerWorld, ElasticMarker, Ellipse, HawkEye, HeatMap, IMapProvide, IUseMapApiOptions, IUseMapApiResult, ImageLayer, InfoWindow, LabelsLayer, LayerGroup, Map, MapPlugin, MapPluginType, MapProps, MapType, Marker, MassMarks, OverlayGroup, Polygon, Polyline, Rectangle, Scale, TLoadOpts, Text, TileLayer, TileLayerFlexible, TileLayerRoadNet, TileLayerSatellite, TileLayerTraffic, ToolBar, VideoLayer, provideMap, useMap, useMapApi, useMapLayerConnect, useMapOverlayConnect, useMapPlugin };

package/dist/index.es.js

@@ -0,0 +1,603 @@
+import { defineComponent as v, shallowRef as U, ref as g, createVNode as A, provide as X, inject as Y, toRef as C, Teleport as $, mergeProps as Z } from "vue";
+import ee from "@amap/amap-jsapi-loader";
+import { useEffect as i, useWatch as R, createExposeObj as ae, useState as te } from "@vue-start/hooks";
+import { forEach as B, size as x, upperFirst as re, isFunction as h, isNumber as J, debounce as z, isArray as _, map as ne, omit as oe, isBoolean as ce, split as se, get as ue } from "lodash";
+const V = (e, a) => {
+  i(() => (B(a, (r) => {
+    e.on(r.type, r.handler, void 0, r.once);
+  }), () => {
+    B(a, (r) => {
+      e.off(r.type, r.handler);
+    });
+  }), []);
+}, q = Symbol("amap-key"), j = (e) => X(q, e), m = () => Y(q), ie = () => ({
+  securityJsCode: {
+    type: String
+  },
+  loadOpts: {
+    type: Object
+  },
+  opts: {
+    type: Object
+  },
+  events: {
+    type: Array
+  }
+}), le = (e) => {
+  var a;
+  if (!!e) {
+    if (!window._AMapSecurityConfig || !((a = window._AMapSecurityConfig) != null && a.securityJsCode)) {
+      window._AMapSecurityConfig = {
+        securityJsCode: e
+      };
+      return;
+    }
+    window._AMapSecurityConfig.securityJsCode !== e && (window._AMapSecurityConfig = {
+      securityJsCode: e
+    }, console.warn("\u5F53\u524Dwindow\u5BF9\u8C61\u5DF2\u7ECF\u6CE8\u5165\u8FC7securityJsCode\u503C\uFF0C\u53EF\u80FD\u9020\u6210\u95EE\u9898"));
+  }
+}, pe = v({
+  props: {
+    events: {
+      type: Array
+    }
+  },
+  setup: (e) => {
+    const {
+      mapRef: a
+    } = m();
+    return V(a.value, e.events), () => null;
+  }
+}), Le = v({
+  props: {
+    ...ie()
+  },
+  setup: (e, {
+    slots: a,
+    expose: r
+  }) => {
+    le(e.securityJsCode);
+    const n = U(), t = g();
+    return r({
+      mapRef: n,
+      domRef: t
+    }), i(() => (ee.load({
+      version: "2.0",
+      ...e.loadOpts
+    }).then((o) => {
+      const u = new o.Map(t.value, {
+        ...e.opts
+      });
+      u.on("complete", () => {
+        n.value = u;
+      });
+    }).catch((o) => {
+      console.error("\u52A0\u8F7D\u5730\u56FE\u9519\u8BEF"), console.error(o);
+    }), () => {
+      n.value && n.value.destroy();
+    }), []), j({
+      mapRef: n
+    }), () => {
+      var o;
+      return A("div", {
+        ref: t
+      }, [n.value && A(pe, {
+        events: e.events
+      }, null), n.value && ((o = a.default) == null ? void 0 : o.call(a))]);
+    };
+  }
+}), K = (e, a) => {
+  const { mapRef: r } = m();
+  i(() => {
+    if (!r.value) {
+      console.warn("\u8BF7\u5728Map\u7EC4\u4EF6\u5185\u4F7F\u7528 useMapPlugin");
+      return;
+    }
+    if (!e || x(e) <= 0) {
+      a();
+      return;
+    }
+    window.AMap.plugin(e, a);
+  }, []);
+}, de = v({
+  props: {
+    plugins: Array
+  },
+  setup: (e, { slots: a }) => {
+    const r = g(!1);
+    return K(e.plugins, () => {
+      r.value = !0;
+    }), () => {
+      var n;
+      return r.value ? (n = a.default) == null ? void 0 : n.call(a) : null;
+    };
+  }
+}), S = {
+  ElasticMarker: "AMap.ElasticMarker",
+  ControlBar: "AMap.ControlBar",
+  ToolBar: "AMap.ToolBar",
+  Scale: "AMap.Scale",
+  HawkEye: "AMap.HawkEye",
+  MapType: "AMap.MapType",
+  AdvancedInfoWindow: "AMap.AdvancedInfoWindow",
+  DragRoute: "AMap.DragRoute",
+  IndoorMap: "AMap.IndoorMap",
+  MouseTool: "AMap.MouseTool",
+  CircleEditor: "AMap.CircleEditor",
+  PolygonEditor: "AMap.PolygonEditor",
+  PolylineEditor: "AMap.PolylineEditor",
+  MarkerCluster: "AMap.MarkerCluster",
+  RangingTool: "AMap.RangingTool",
+  Geolocation: "AMap.Geolocation",
+  Geocoder: "AMap.Geocoder",
+  AutoComplete: "AMap.AutoComplete",
+  PlaceSearch: "AMap.PlaceSearch",
+  LineSearch: "AMap.LineSearch",
+  DistrictSearch: "AMap.DistrictSearch",
+  StationSearch: "AMap.StationSearch",
+  CitySearch: "AMap.CitySearch",
+  CloudDataSearch: "AMap.CloudDataSearch",
+  RoadInfoSearch: "AMap.RoadInfoSearch",
+  Driving: "AMap.Driving",
+  TruckDriving: "AMap.TruckDriving",
+  Transfer: "AMap.Transfer",
+  Walking: "AMap.Walking",
+  Riding: "AMap.Riding",
+  ArrivalRange: "AMap.ArrivalRange",
+  GraspRoad: "AMap.GraspRoad",
+  HeatMap: "AMap.HeatMap",
+  Weather: "AMap.Weather"
+}, G = (e) => {
+  const {
+    mapRef: a
+  } = m();
+  i(() => (a.value.add(e), () => {
+    try {
+      a.value.remove(e);
+    } catch (r) {
+      console.error(r);
+    }
+  }), []);
+}, Q = (e) => {
+  const {
+    mapRef: a
+  } = m();
+  i(() => (e.setMap(a.value), () => {
+    try {
+      e.setMap(null);
+    } catch (r) {
+      console.error(r);
+    }
+  }), []);
+}, F = (e) => {
+  const {
+    mapRef: a
+  } = m();
+  i(() => (a.value.addControl(e), () => {
+    try {
+      a.value.removeControl(e);
+    } catch (r) {
+      console.error(r);
+    }
+  }), []);
+}, P = (e, a) => {
+  const r = () => {
+    e && h(e.show) && e.show();
+  }, n = () => {
+    e && h(e.hide) && e.hide();
+  };
+  i(() => {
+    a.value || n();
+  }, []), R(() => {
+    a.value ? r() : n();
+  }, a);
+}, k = (e, a) => {
+  i(() => {
+    B(a.value, (r, n) => {
+      const t = "set" + re(n);
+      e[t] && h(e[t]) && e[t](r);
+    });
+  }, a);
+}, c = (e, {
+  useMapConnect: a,
+  createFeatureObj: r,
+  needDom: n
+}) => v({
+  props: {
+    opts: {
+      type: Object
+    },
+    opts$: {
+      type: Object
+    },
+    show: {
+      type: Boolean,
+      default: !0
+    },
+    events: {
+      type: Array
+    }
+  },
+  setup: (t, {
+    slots: o,
+    expose: u
+  }) => {
+    const s = r ? r(t.opts) : new window.AMap[e](t.opts);
+    a(s);
+    const p = C(t, "show");
+    P(s, p);
+    const d = C(t, "opts$");
+    k(s, d), V(s, t.events), u({
+      getFeature: () => s
+    });
+    const M = g();
+    return i(() => {
+      M.value && h(s.setContent) && s.setContent(M.value);
+    }, M), () => n && o.default ? A($, {
+      to: "body"
+    }, {
+      default: () => [A("div", {
+        ref: M
+      }, [o.default()])]
+    }) : null;
+  }
+}), L = (e, a) => v({
+  props: {
+    ...a.props
+  },
+  setup: (r, {
+    slots: n,
+    expose: t
+  }) => {
+    const o = g();
+    return t(ae(o, ["getFeature"])), () => A(de, {
+      plugins: e
+    }, {
+      default: () => [A(a, Z({
+        ref: o
+      }, r), n)]
+    });
+  }
+}), Me = () => {
+  const { mapRef: e, overlayGroup: a } = m();
+  return { addToMap: (t) => {
+    if (a) {
+      _(t) ? a.addOverlays(t) : a.addOverlay(t);
+      return;
+    }
+    e.value.add(t);
+  }, removeFromMap: (t) => {
+    if (a) {
+      _(t) ? a.removeOverlays(t) : a.removeOverlay(t);
+      return;
+    }
+    try {
+      e.value.remove(t);
+    } catch (o) {
+      console.error(o);
+    }
+  } };
+}, w = (e) => {
+  const { addToMap: a, removeFromMap: r } = Me();
+  i(() => (a(e), () => {
+    r(e);
+  }), []);
+}, be = v({
+  props: {
+    bind: { type: Boolean, default: !1 },
+    bindTime: { type: Number, default: void 0 },
+    opts$: { type: Object },
+    show: { type: Boolean, default: !0 },
+    events: { type: Array }
+  },
+  setup: (e, { slots: a, expose: r }) => {
+    const { mapRef: n } = m(), t = new window.AMap.OverlayGroup();
+    let o = !1;
+    const u = () => {
+      o || (n.value.add(t), o = !0);
+    }, s = () => {
+      try {
+        n.value.remove(t);
+      } catch (l) {
+        console.error(l);
+      }
+      o = !1;
+    }, p = () => t;
+    i(() => () => {
+      s();
+    }, []), i(() => {
+      if (!J(e.bindTime))
+        return;
+      const l = setTimeout(() => {
+        u();
+      }, e.bindTime);
+      return () => {
+        l && clearTimeout(l);
+      };
+    }, []);
+    const d = z(() => {
+      u();
+    }, 300);
+    R(
+      () => {
+        e.bind && d();
+      },
+      () => e.bind
+    );
+    const M = C(e, "show");
+    P(t, M);
+    const T = C(e, "opts$");
+    return k(t, T), r({ getFeature: p, addToMap: u, removeFormMap: s }), j({ mapRef: n, overlayGroup: t }), () => {
+      var l;
+      return (l = a.default) == null ? void 0 : l.call(a);
+    };
+  }
+}), Re = v({
+  props: {
+    opts: {
+      type: Object
+    },
+    opts$: {
+      type: Object
+    },
+    height: {
+      type: Number,
+      default: void 0
+    }
+  },
+  setup: (e, {
+    slots: a,
+    emit: r
+  }) => {
+    const {
+      mapRef: n
+    } = m(), t = new window.AMap.InfoWindow({
+      closeWhenClickMap: !0,
+      isCustom: !!a.default,
+      ...e.opts
+    }), o = C(e, "opts$");
+    k(t, o);
+    const u = () => {
+      r("close");
+    };
+    i(() => (t.on("close", u), () => {
+      t.off("close", u), t.close();
+    }), []), i(() => {
+      var d, M;
+      const p = ((d = e.opts$) == null ? void 0 : d.position) || ((M = e.opts) == null ? void 0 : M.position);
+      !p || t.open(n.value, p, e.height);
+    }, () => {
+      var p;
+      return (p = e.opts$) == null ? void 0 : p.position;
+    });
+    const s = g();
+    return i(() => {
+      s.value && h(t.setContent) && t.setContent(s.value);
+    }, s), () => a.default ? A($, {
+      to: "body"
+    }, {
+      default: () => [A("div", {
+        ref: s
+      }, [a.default()])]
+    }) : null;
+  }
+}), Fe = c("CircleMarker", { useMapConnect: G }), Oe = c("Text", { useMapConnect: G }), Be = c("ElasticMarker", { useMapConnect: G }), _e = c("Marker", { useMapConnect: w, needDom: !0 }), Pe = c("Polygon", { useMapConnect: w }), ke = c("Polyline", { useMapConnect: w }), Ee = c("Circle", { useMapConnect: w }), De = c("Rectangle", { useMapConnect: w }), je = c("Ellipse", { useMapConnect: w }), Ge = c("BezierCurve", { useMapConnect: w }), ye = c("ToolBar", { useMapConnect: F }), Ie = L([S.ToolBar], ye), fe = c("Scale", { useMapConnect: F }), Ne = L([S.Scale], fe), me = c("HawkEye", { useMapConnect: F }), He = L([S.HawkEye], me), ve = c("MapType", { useMapConnect: F }), We = L([S.MapType], ve), Ae = c("ControlBar", { useMapConnect: F }), $e = L([S.ControlBar], Ae), Ce = () => {
+  const { mapRef: e, layerGroup: a } = m();
+  return { addToMap: (t) => {
+    if (a) {
+      _(t) ? a.addLayers(t) : a.addLayer(t);
+      return;
+    }
+    e.value.add(t);
+  }, removeFromMap: (t) => {
+    if (a) {
+      _(t) ? a.removeLayers(t) : a.removeLayer(t);
+      return;
+    }
+    try {
+      e.value.remove(t);
+    } catch (o) {
+      console.error(o);
+    }
+  } };
+}, y = (e) => {
+  const { addToMap: a, removeFromMap: r } = Ce();
+  i(() => (a(e), () => {
+    r(e);
+  }), []);
+}, xe = v({
+  props: {
+    bind: { type: Boolean, default: !1 },
+    bindTime: { type: Number, default: void 0 },
+    opts$: { type: Object },
+    show: { type: Boolean, default: !0 },
+    events: { type: Array }
+  },
+  setup: (e, { slots: a, expose: r }) => {
+    const { mapRef: n } = m(), t = new window.AMap.LayerGroup();
+    let o = !1;
+    const u = () => {
+      o || (t.setMap(n.value), o = !0);
+    }, s = () => {
+      try {
+        t.setMap(null);
+      } catch (l) {
+        console.error(l);
+      }
+      o = !1;
+    }, p = () => t;
+    i(() => () => {
+      s();
+    }, []), i(() => {
+      if (!J(e.bindTime))
+        return;
+      const l = setTimeout(() => {
+        u();
+      }, e.bindTime);
+      return () => {
+        l && clearTimeout(l);
+      };
+    }, []);
+    const d = z(() => {
+      u();
+    }, 300);
+    R(
+      () => {
+        e.bind && d();
+      },
+      () => e.bind
+    );
+    const M = C(e, "show");
+    P(t, M);
+    const T = C(e, "opts$");
+    return k(t, T), r({ getFeature: p, addToMap: u, removeFormMap: s }), j({ mapRef: n, layerGroup: t }), () => {
+      var l;
+      return (l = a.default) == null ? void 0 : l.call(a);
+    };
+  }
+}), Je = v({
+  props: {
+    opts: { type: Object },
+    itemOpts: { type: Object },
+    data: { type: Array },
+    show: { type: Boolean, default: !0 },
+    events: { type: Array }
+  },
+  setup: (e, { expose: a }) => {
+    const { mapRef: r } = m(), n = new window.AMap.LabelsLayer(e.opts), t = () => ne(e.data, (s) => {
+      const p = new window.AMap.LabelMarker({
+        ...e.itemOpts,
+        ...s
+      });
+      return e.events && B(e.events, (d) => {
+        p.on(d.type, d.handler, void 0, d.once);
+      }), p;
+    }), o = () => {
+      n.clear();
+      const s = t();
+      n.add(s);
+    };
+    i(() => (x(e.data) > 0 && o(), r.value.add(n), () => {
+      n.clear(), r.value.remove(n);
+    }), []), R(
+      () => {
+        o();
+      },
+      () => e.data
+    );
+    const u = C(e, "show");
+    return P(n, u), a({ getFeature: () => n }), () => null;
+  }
+}), ze = c("TileLayer", { useMapConnect: y }), Ve = c("TileLayer.Satellite", {
+  useMapConnect: y,
+  createFeatureObj: (e) => new window.AMap.TileLayer.Satellite(e)
+}), qe = c("TileLayer.RoadNet", {
+  useMapConnect: y,
+  createFeatureObj: (e) => new window.AMap.TileLayer.RoadNet(e)
+}), Ke = c("TileLayer.Traffic", {
+  useMapConnect: y,
+  createFeatureObj: (e) => new window.AMap.TileLayer.Traffic(e)
+}), Qe = c("Buildings", { useMapConnect: y }), Ue = c("MassMarks", {
+  useMapConnect: Q,
+  createFeatureObj: (e) => new window.AMap.MassMarks((e == null ? void 0 : e.data) || [], oe(e, "data"))
+}), Xe = c("TileLayer.Flexible", {
+  useMapConnect: y,
+  createFeatureObj: (e) => new window.AMap.TileLayer.Flexible(e)
+}), Ye = c("ImageLayer", { useMapConnect: y }), Ze = c("VideoLayer", { useMapConnect: y }), ea = c("CanvasLayer", { useMapConnect: y }), aa = c("CustomLayer", { useMapConnect: y }), ta = c("DistrictLayer.World", {
+  useMapConnect: y,
+  createFeatureObj: (e) => new window.AMap.DistrictLayer.World(e)
+}), ra = c("DistrictLayer.Country", {
+  useMapConnect: y,
+  createFeatureObj: (e) => new window.AMap.DistrictLayer.Country(e)
+}), na = c("DistrictLayer.Province", {
+  useMapConnect: y,
+  createFeatureObj: (e) => new window.AMap.DistrictLayer.Province(e)
+}), he = c("HeatMap", {
+  useMapConnect: Q,
+  createFeatureObj: (e) => new window.AMap.HeatMap(null, e)
+}), oa = L([S.HeatMap], he), ca = (e, a) => {
+  let r = !1, n = null;
+  const [t, o] = te(), u = g(ce(a.initEmit) ? a.initEmit : !1), s = se(e, "_"), p = s[0], d = s[1], M = () => {
+    const f = ue(window, p);
+    return f ? new f({ ...a.opts, ...n == null ? void 0 : n.opts }) : null;
+  }, T = (f) => f || (h(a.params) ? a.params() : a.params || []), l = () => {
+    if (!n)
+      return;
+    const f = M();
+    if (!f || !h(f[d]))
+      return;
+    const D = T(n.params);
+    u.value = !0, f[d](...D, (O, b) => {
+      var I, N, H, W;
+      o(b), (I = a.onComplete) == null || I.call(a, O, b), O === "complete" ? (N = a.onSuccess) == null || N.call(a, b) : O === "error" ? (H = a.onFail) == null || H.call(a, b) : O === "no_data" && ((W = a.onNoData) == null || W.call(a, b)), n = null, u.value = !1;
+    });
+  };
+  K([p], () => {
+    r = !0, l();
+  });
+  const E = (f, D) => {
+    n = { opts: f || a.opts, params: T(D) }, r && l();
+  };
+  return i(() => {
+    a.initEmit && E();
+  }, []), R(() => E(), a.deps || []), { data: t, request: E, requesting: u };
+}, sa = {
+  Geocoder_getLocation: "AMap.Geocoder_getLocation",
+  Geocoder_getAddress: "AMap.Geocoder_getAddress",
+  Autocomplete_search: "AMap.Autocomplete_search",
+  PlaceSearch_search: "AMap.PlaceSearch_search",
+  PlaceSearch_searchNearBy: "AMap.PlaceSearch_searchNearBy",
+  PlaceSearch_searchInBounds: "AMap.PlaceSearch_searchInBounds",
+  PlaceSearch_getDetails: "AMap.PlaceSearch_getDetails",
+  DistrictSearch_search: "AMap.DistrictSearch_search",
+  LineSearch_search: "AMap.LineSearch_search",
+  LineSearch_searchById: "AMap.LineSearch_searchById",
+  StationSearch_search: "AMap.StationSearch_search",
+  StationSearch_searchById: "AMap.StationSearch_searchById"
+};
+export {
+  sa as ApiNames,
+  Ge as BezierCurve,
+  Qe as Buildings,
+  ea as CanvasLayer,
+  Ee as Circle,
+  Fe as CircleMarker,
+  $e as ControlBar,
+  aa as CustomLayer,
+  ra as DistrictLayerCountry,
+  na as DistrictLayerProvince,
+  ta as DistrictLayerWorld,
+  Be as ElasticMarker,
+  je as Ellipse,
+  He as HawkEye,
+  oa as HeatMap,
+  Ye as ImageLayer,
+  Re as InfoWindow,
+  Je as LabelsLayer,
+  xe as LayerGroup,
+  Le as Map,
+  de as MapPlugin,
+  S as MapPluginType,
+  We as MapType,
+  _e as Marker,
+  Ue as MassMarks,
+  be as OverlayGroup,
+  Pe as Polygon,
+  ke as Polyline,
+  De as Rectangle,
+  Ne as Scale,
+  Oe as Text,
+  ze as TileLayer,
+  Xe as TileLayerFlexible,
+  qe as TileLayerRoadNet,
+  Ve as TileLayerSatellite,
+  Ke as TileLayerTraffic,
+  Ie as ToolBar,
+  Ze as VideoLayer,
+  j as provideMap,
+  m as useMap,
+  ca as useMapApi,
+  y as useMapLayerConnect,
+  w as useMapOverlayConnect,
+  K as useMapPlugin
+};

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),H=require("@amap/amap-jsapi-loader"),i=require("@vue-start/hooks"),u=require("lodash"),V=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},$=V(H),j=(e,a)=>{i.useEffect(()=>(u.forEach(a,r=>{e.on(r.type,r.handler,void 0,r.once)}),()=>{u.forEach(a,r=>{e.off(r.type,r.handler)})}),[])},G=Symbol("amap-key"),b=e=>o.provide(G,e),C=()=>o.inject(G),x=()=>({securityJsCode:{type:String},loadOpts:{type:Object},opts:{type:Object},events:{type:Array}}),J=e=>{var a;if(!!e){if(!window._AMapSecurityConfig||!((a=window._AMapSecurityConfig)!=null&&a.securityJsCode)){window._AMapSecurityConfig={securityJsCode:e};return}window._AMapSecurityConfig.securityJsCode!==e&&(window._AMapSecurityConfig={securityJsCode:e},console.warn("\u5F53\u524Dwindow\u5BF9\u8C61\u5DF2\u7ECF\u6CE8\u5165\u8FC7securityJsCode\u503C\uFF0C\u53EF\u80FD\u9020\u6210\u95EE\u9898"))}},q=o.defineComponent({props:{events:{type:Array}},setup:e=>{const{mapRef:a}=C();return j(a.value,e.events),()=>null}}),z=o.defineComponent({props:{...x()},setup:(e,{slots:a,expose:r})=>{J(e.securityJsCode);const n=o.shallowRef(),t=o.ref();return r({mapRef:n,domRef:t}),i.useEffect(()=>($.default.load({version:"2.0",...e.loadOpts}).then(c=>{const p=new c.Map(t.value,{...e.opts});p.on("complete",()=>{n.value=p})}).catch(c=>{console.error("\u52A0\u8F7D\u5730\u56FE\u9519\u8BEF"),console.error(c)}),()=>{n.value&&n.value.destroy()}),[]),b({mapRef:n}),()=>{var c;return o.createVNode("div",{ref:t},[n.value&&o.createVNode(q,{events:e.events},null),n.value&&((c=a.default)==null?void 0:c.call(a))])}}}),k=(e,a)=>{const{mapRef:r}=C();i.useEffect(()=>{if(!r.value){console.warn("\u8BF7\u5728Map\u7EC4\u4EF6\u5185\u4F7F\u7528 useMapPlugin");return}if(!e||u.size(e)<=0){a();return}window.AMap.plugin(e,a)},[])},W=o.defineComponent({props:{plugins:Array},setup:(e,{slots:a})=>{const r=o.ref(!1);return k(e.plugins,()=>{r.value=!0}),()=>{var n;return r.value?(n=a.default)==null?void 0:n.call(a):null}}}),A={ElasticMarker:"AMap.ElasticMarker",ControlBar:"AMap.ControlBar",ToolBar:"AMap.ToolBar",Scale:"AMap.Scale",HawkEye:"AMap.HawkEye",MapType:"AMap.MapType",AdvancedInfoWindow:"AMap.AdvancedInfoWindow",DragRoute:"AMap.DragRoute",IndoorMap:"AMap.IndoorMap",MouseTool:"AMap.MouseTool",CircleEditor:"AMap.CircleEditor",PolygonEditor:"AMap.PolygonEditor",PolylineEditor:"AMap.PolylineEditor",MarkerCluster:"AMap.MarkerCluster",RangingTool:"AMap.RangingTool",Geolocation:"AMap.Geolocation",Geocoder:"AMap.Geocoder",AutoComplete:"AMap.AutoComplete",PlaceSearch:"AMap.PlaceSearch",LineSearch:"AMap.LineSearch",DistrictSearch:"AMap.DistrictSearch",StationSearch:"AMap.StationSearch",CitySearch:"AMap.CitySearch",CloudDataSearch:"AMap.CloudDataSearch",RoadInfoSearch:"AMap.RoadInfoSearch",Driving:"AMap.Driving",TruckDriving:"AMap.TruckDriving",Transfer:"AMap.Transfer",Walking:"AMap.Walking",Riding:"AMap.Riding",ArrivalRange:"AMap.ArrivalRange",GraspRoad:"AMap.GraspRoad",HeatMap:"AMap.HeatMap",Weather:"AMap.Weather"},B=e=>{const{mapRef:a}=C();i.useEffect(()=>(a.value.add(e),()=>{try{a.value.remove(e)}catch(r){console.error(r)}}),[])},I=e=>{const{mapRef:a}=C();i.useEffect(()=>(e.setMap(a.value),()=>{try{e.setMap(null)}catch(r){console.error(r)}}),[])},L=e=>{const{mapRef:a}=C();i.useEffect(()=>(a.value.addControl(e),()=>{try{a.value.removeControl(e)}catch(r){console.error(r)}}),[])},E=(e,a)=>{const r=()=>{e&&u.isFunction(e.show)&&e.show()},n=()=>{e&&u.isFunction(e.hide)&&e.hide()};i.useEffect(()=>{a.value||n()},[]),i.useWatch(()=>{a.value?r():n()},a)},R=(e,a)=>{i.useEffect(()=>{u.forEach(a.value,(r,n)=>{const t="set"+u.upperFirst(n);e[t]&&u.isFunction(e[t])&&e[t](r)})},a)},s=(e,{useMapConnect:a,createFeatureObj:r,needDom:n})=>o.defineComponent({props:{opts:{type:Object},opts$:{type:Object},show:{type:Boolean,default:!0},events:{type:Array}},setup:(t,{slots:c,expose:p})=>{const l=r?r(t.opts):new window.AMap[e](t.opts);a(l);const f=o.toRef(t,"show");E(l,f);const M=o.toRef(t,"opts$");R(l,M),j(l,t.events),p({getFeature:()=>l});const m=o.ref();return i.useEffect(()=>{m.value&&u.isFunction(l.setContent)&&l.setContent(m.value)},m),()=>n&&c.default?o.createVNode(o.Teleport,{to:"body"},{default:()=>[o.createVNode("div",{ref:m},[c.default()])]}):null}}),T=(e,a)=>o.defineComponent({props:{...a.props},setup:(r,{slots:n,expose:t})=>{const c=o.ref();return t(i.createExposeObj(c,["getFeature"])),()=>o.createVNode(W,{plugins:e},{default:()=>[o.createVNode(a,o.mergeProps({ref:c},r),n)]})}}),K=()=>{const{mapRef:e,overlayGroup:a}=C();return{addToMap:t=>{if(a){u.isArray(t)?a.addOverlays(t):a.addOverlay(t);return}e.value.add(t)},removeFromMap:t=>{if(a){u.isArray(t)?a.removeOverlays(t):a.removeOverlay(t);return}try{e.value.remove(t)}catch(c){console.error(c)}}}},h=e=>{const{addToMap:a,removeFromMap:r}=K();i.useEffect(()=>(a(e),()=>{r(e)}),[])},Q=o.defineComponent({props:{bind:{type:Boolean,default:!1},bindTime:{type:Number,default:void 0},opts$:{type:Object},show:{type:Boolean,default:!0},events:{type:Array}},setup:(e,{slots:a,expose:r})=>{const{mapRef:n}=C(),t=new window.AMap.OverlayGroup;let c=!1;const p=()=>{c||(n.value.add(t),c=!0)},l=()=>{try{n.value.remove(t)}catch(d){console.error(d)}c=!1},f=()=>t;i.useEffect(()=>()=>{l()},[]),i.useEffect(()=>{if(!u.isNumber(e.bindTime))return;const d=setTimeout(()=>{p()},e.bindTime);return()=>{d&&clearTimeout(d)}},[]);const M=u.debounce(()=>{p()},300);i.useWatch(()=>{e.bind&&M()},()=>e.bind);const m=o.toRef(e,"show");E(t,m);const w=o.toRef(e,"opts$");return R(t,w),r({getFeature:f,addToMap:p,removeFormMap:l}),b({mapRef:n,overlayGroup:t}),()=>{var d;return(d=a.default)==null?void 0:d.call(a)}}}),U=o.defineComponent({props:{opts:{type:Object},opts$:{type:Object},height:{type:Number,default:void 0}},setup:(e,{slots:a,emit:r})=>{const{mapRef:n}=C(),t=new window.AMap.InfoWindow({closeWhenClickMap:!0,isCustom:!!a.default,...e.opts}),c=o.toRef(e,"opts$");R(t,c);const p=()=>{r("close")};i.useEffect(()=>(t.on("close",p),()=>{t.off("close",p),t.close()}),[]),i.useEffect(()=>{var M,m;const f=((M=e.opts$)==null?void 0:M.position)||((m=e.opts)==null?void 0:m.position);!f||t.open(n.value,f,e.height)},()=>{var f;return(f=e.opts$)==null?void 0:f.position});const l=o.ref();return i.useEffect(()=>{l.value&&u.isFunction(t.setContent)&&t.setContent(l.value)},l),()=>a.default?o.createVNode(o.Teleport,{to:"body"},{default:()=>[o.createVNode("div",{ref:l},[a.default()])]}):null}}),X=s("CircleMarker",{useMapConnect:B}),Y=s("Text",{useMapConnect:B}),Z=s("ElasticMarker",{useMapConnect:B}),ee=s("Marker",{useMapConnect:h,needDom:!0}),ae=s("Polygon",{useMapConnect:h}),te=s("Polyline",{useMapConnect:h}),re=s("Circle",{useMapConnect:h}),ne=s("Rectangle",{useMapConnect:h}),oe=s("Ellipse",{useMapConnect:h}),ce=s("BezierCurve",{useMapConnect:h}),se=s("ToolBar",{useMapConnect:L}),ue=T([A.ToolBar],se),ie=s("Scale",{useMapConnect:L}),le=T([A.Scale],ie),pe=s("HawkEye",{useMapConnect:L}),de=T([A.HawkEye],pe),fe=s("MapType",{useMapConnect:L}),Me=T([A.MapType],fe),ye=s("ControlBar",{useMapConnect:L}),me=T([A.ControlBar],ye),Ce=()=>{const{mapRef:e,layerGroup:a}=C();return{addToMap:t=>{if(a){u.isArray(t)?a.addLayers(t):a.addLayer(t);return}e.value.add(t)},removeFromMap:t=>{if(a){u.isArray(t)?a.removeLayers(t):a.removeLayer(t);return}try{e.value.remove(t)}catch(c){console.error(c)}}}},y=e=>{const{addToMap:a,removeFromMap:r}=Ce();i.useEffect(()=>(a(e),()=>{r(e)}),[])},ve=o.defineComponent({props:{bind:{type:Boolean,default:!1},bindTime:{type:Number,default:void 0},opts$:{type:Object},show:{type:Boolean,default:!0},events:{type:Array}},setup:(e,{slots:a,expose:r})=>{const{mapRef:n}=C(),t=new window.AMap.LayerGroup;let c=!1;const p=()=>{c||(t.setMap(n.value),c=!0)},l=()=>{try{t.setMap(null)}catch(d){console.error(d)}c=!1},f=()=>t;i.useEffect(()=>()=>{l()},[]),i.useEffect(()=>{if(!u.isNumber(e.bindTime))return;const d=setTimeout(()=>{p()},e.bindTime);return()=>{d&&clearTimeout(d)}},[]);const M=u.debounce(()=>{p()},300);i.useWatch(()=>{e.bind&&M()},()=>e.bind);const m=o.toRef(e,"show");E(t,m);const w=o.toRef(e,"opts$");return R(t,w),r({getFeature:f,addToMap:p,removeFormMap:l}),b({mapRef:n,layerGroup:t}),()=>{var d;return(d=a.default)==null?void 0:d.call(a)}}}),he=o.defineComponent({props:{opts:{type:Object},itemOpts:{type:Object},data:{type:Array},show:{type:Boolean,default:!0},events:{type:Array}},setup:(e,{expose:a})=>{const{mapRef:r}=C(),n=new window.AMap.LabelsLayer(e.opts),t=()=>u.map(e.data,l=>{const f=new window.AMap.LabelMarker({...e.itemOpts,...l});return e.events&&u.forEach(e.events,M=>{f.on(M.type,M.handler,void 0,M.once)}),f}),c=()=>{n.clear();const l=t();n.add(l)};i.useEffect(()=>(u.size(e.data)>0&&c(),r.value.add(n),()=>{n.clear(),r.value.remove(n)}),[]),i.useWatch(()=>{c()},()=>e.data);const p=o.toRef(e,"show");return E(n,p),a({getFeature:()=>n}),()=>null}}),Ae=s("TileLayer",{useMapConnect:y}),we=s("TileLayer.Satellite",{useMapConnect:y,createFeatureObj:e=>new window.AMap.TileLayer.Satellite(e)}),Te=s("TileLayer.RoadNet",{useMapConnect:y,createFeatureObj:e=>new window.AMap.TileLayer.RoadNet(e)}),ge=s("TileLayer.Traffic",{useMapConnect:y,createFeatureObj:e=>new window.AMap.TileLayer.Traffic(e)}),Le=s("Buildings",{useMapConnect:y}),Se=s("MassMarks",{useMapConnect:I,createFeatureObj:e=>new window.AMap.MassMarks((e==null?void 0:e.data)||[],u.omit(e,"data"))}),be=s("TileLayer.Flexible",{useMapConnect:y,createFeatureObj:e=>new window.AMap.TileLayer.Flexible(e)}),Ee=s("ImageLayer",{useMapConnect:y}),Re=s("VideoLayer",{useMapConnect:y}),Fe=s("CanvasLayer",{useMapConnect:y}),Pe=s("CustomLayer",{useMapConnect:y}),ke=s("DistrictLayer.World",{useMapConnect:y,createFeatureObj:e=>new window.AMap.DistrictLayer.World(e)}),Be=s("DistrictLayer.Country",{useMapConnect:y,createFeatureObj:e=>new window.AMap.DistrictLayer.Country(e)}),Oe=s("DistrictLayer.Province",{useMapConnect:y,createFeatureObj:e=>new window.AMap.DistrictLayer.Province(e)}),_e=s("HeatMap",{useMapConnect:I,createFeatureObj:e=>new window.AMap.HeatMap(null,e)}),De=T([A.HeatMap],_e),Ne=(e,a)=>{let r=!1,n=null;const[t,c]=i.useState(),p=o.ref(u.isBoolean(a.initEmit)?a.initEmit:!1),l=u.split(e,"_"),f=l[0],M=l[1],m=()=>{const v=u.get(window,f);return v?new v({...a.opts,...n==null?void 0:n.opts}):null},w=v=>v||(u.isFunction(a.params)?a.params():a.params||[]),d=()=>{if(!n)return;const v=m();if(!v||!u.isFunction(v[M]))return;const P=w(n.params);p.value=!0,v[M](...P,(S,g)=>{var O,_,D,N;c(g),(O=a.onComplete)==null||O.call(a,S,g),S==="complete"?(_=a.onSuccess)==null||_.call(a,g):S==="error"?(D=a.onFail)==null||D.call(a,g):S==="no_data"&&((N=a.onNoData)==null||N.call(a,g)),n=null,p.value=!1})};k([f],()=>{r=!0,d()});const F=(v,P)=>{n={opts:v||a.opts,params:w(P)},r&&d()};return i.useEffect(()=>{a.initEmit&&F()},[]),i.useWatch(()=>F(),a.deps||[]),{data:t,request:F,requesting:p}},je={Geocoder_getLocation:"AMap.Geocoder_getLocation",Geocoder_getAddress:"AMap.Geocoder_getAddress",Autocomplete_search:"AMap.Autocomplete_search",PlaceSearch_search:"AMap.PlaceSearch_search",PlaceSearch_searchNearBy:"AMap.PlaceSearch_searchNearBy",PlaceSearch_searchInBounds:"AMap.PlaceSearch_searchInBounds",PlaceSearch_getDetails:"AMap.PlaceSearch_getDetails",DistrictSearch_search:"AMap.DistrictSearch_search",LineSearch_search:"AMap.LineSearch_search",LineSearch_searchById:"AMap.LineSearch_searchById",StationSearch_search:"AMap.StationSearch_search",StationSearch_searchById:"AMap.StationSearch_searchById"};exports.ApiNames=je;exports.BezierCurve=ce;exports.Buildings=Le;exports.CanvasLayer=Fe;exports.Circle=re;exports.CircleMarker=X;exports.ControlBar=me;exports.CustomLayer=Pe;exports.DistrictLayerCountry=Be;exports.DistrictLayerProvince=Oe;exports.DistrictLayerWorld=ke;exports.ElasticMarker=Z;exports.Ellipse=oe;exports.HawkEye=de;exports.HeatMap=De;exports.ImageLayer=Ee;exports.InfoWindow=U;exports.LabelsLayer=he;exports.LayerGroup=ve;exports.Map=z;exports.MapPlugin=W;exports.MapPluginType=A;exports.MapType=Me;exports.Marker=ee;exports.MassMarks=Se;exports.OverlayGroup=Q;exports.Polygon=ae;exports.Polyline=te;exports.Rectangle=ne;exports.Scale=le;exports.Text=Y;exports.TileLayer=Ae;exports.TileLayerFlexible=be;exports.TileLayerRoadNet=Te;exports.TileLayerSatellite=we;exports.TileLayerTraffic=ge;exports.ToolBar=ue;exports.VideoLayer=Re;exports.provideMap=b;exports.useMap=C;exports.useMapApi=Ne;exports.useMapLayerConnect=y;exports.useMapOverlayConnect=h;exports.useMapPlugin=k;

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@vue-start/map",
+  "version": "0.0.1",
+  "description": "amap wrapper",
+  "keywords": [
+    "amap"
+  ],
+  "author": "zx <zxpstudy@163.com>",
+  "homepage": "https://github.com/zxeryu/vue-start#readme",
+  "license": "MIT",
+  "files": [
+    "dist/"
+  ],
+  "types": "dist/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zxeryu/vue-start.git"
+  },
+  "scripts": {
+    "build": "node ../../tool/build.js"
+  },
+  "bugs": {
+    "url": "https://github.com/zxeryu/vue-start/issues"
+  },
+  "gitHead": "d3f4f972c152c3d8985c2b390af992a342e2d632"
+}