@heycar/heycars-map 0.2.7 → 0.2.9

package/src/hooks/useMapRecomendPlace.ts

@@ -33,12 +33,14 @@ export interface UseMapRecomendPlaceProps<C = Record<string, any>> {
   pointRef: Ref<Point>;
   context?: C;
   getLimit: (context?: C) => number;
-  getRecomendPlace: (place: Place, context?: C) => Promise<Place[]>;
+  // 如果返回 undefined, 表示当前位置无服务可提供
+  getRecomendPlace: (place: Place, context?: C) => Promise<Place[] | undefined>;
   onChangePlace?: UseMapPlaceProps["onChange"];
   onChange?: (place: Place) => any;
 }
 export const useAmapRecomendPlace = <C>(props: UseMapRecomendPlaceProps<C>) => {
   const { pointRef, getRecomendPlace, getLimit, context, onChange, onChangePlace } = props;
+  const availableRef = ref(true);
   const placeCandidatesRef = ref<Place[]>([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
@@ -49,19 +51,34 @@ export const useAmapRecomendPlace = <C>(props: UseMapRecomendPlaceProps<C>) => {
     async () => {
       await readyPromise;
       const placeCandidates = await getRecomendPlace({ ...place }, context);
+      if (placeCandidates === undefined) {
+        availableRef.value = false;
+        placeCandidatesRef.value = [];
+        Object.assign(recomendPlace, { ...place });
+        onChange?.({ ...place });
+        return;
+      }
       const { shortestPlace, shortestDistance } = findAmapNearestPlace(place, placeCandidates);
       const limit = getLimit(context);
       const resultPlace = shortestDistance > limit ? place : shortestPlace;
+      availableRef.value = true;
       placeCandidatesRef.value = placeCandidates;
       Object.assign(recomendPlace, { ...resultPlace });
       onChange?.({ ...resultPlace });
     }
   );
-  return { recomendPlace, placeCandidates: placeCandidatesRef, updateRecomandPlace, updatePlace };
+  return {
+    recomendPlace,
+    placeCandidates: placeCandidatesRef,
+    availableRef,
+    updateRecomandPlace,
+    updatePlace,
+  };
 };
 
 export const useGmapRecomendPlace = <C>(props: UseMapRecomendPlaceProps<C>) => {
   const { pointRef, getRecomendPlace, getLimit, context, onChange, onChangePlace } = props;
+  const availableRef = ref(true);
   const placeCandidatesRef = ref<Place[]>([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
@@ -72,15 +89,29 @@ export const useGmapRecomendPlace = <C>(props: UseMapRecomendPlaceProps<C>) => {
     async () => {
       await readyPromise;
       const placeCandidates = await getRecomendPlace({ ...place }, context);
+      if (placeCandidates === undefined) {
+        availableRef.value = false;
+        placeCandidatesRef.value = [];
+        Object.assign(recomendPlace, { ...place });
+        onChange?.({ ...place });
+        return;
+      }
       const { shortestPlace, shortestDistance } = findGmapNearestPlace(place, placeCandidates);
       const limit = getLimit(context);
       const resultPlace = shortestDistance > limit ? place : shortestPlace;
+      availableRef.value = true;
       placeCandidatesRef.value = placeCandidates;
       Object.assign(recomendPlace, { ...resultPlace });
       onChange?.({ ...resultPlace });
     }
   );
-  return { recomendPlace, placeCandidates: placeCandidatesRef, updateRecomandPlace, updatePlace };
+  return {
+    recomendPlace,
+    placeCandidates: placeCandidatesRef,
+    availableRef,
+    updateRecomandPlace,
+    updatePlace,
+  };
 };
 
 export const useMapRecomendPlace = <C>(props: UseMapRecomendPlaceProps<C>) => {

package/src/hooks-business/useBusinessRecomendPlaceMap.ts

@@ -0,0 +1,45 @@
+import { reactive, ref } from "vue-demi";
+import { useMapGeometry } from "../hooks/useMapGeometry";
+import type { Place, Point } from "../types/interface";
+
+export interface BusinessRecomendPlaceContext {
+  panTo: (value: Point) => void;
+  setCenterPlaceByRecomand: (value: Point) => void;
+  onChangeCenterPlace: (value: Place) => void;
+  onChangeRecomendPlaces: (value: Place[]) => void;
+}
+
+export const useBusinessRecomendPlaceMap = () => {
+  const centerPlace = reactive<Place>({
+    lng: 0,
+    lat: 0,
+    name: "",
+    cityName: undefined,
+  });
+  const placeCandidates = ref<Place[]>([]);
+  const { apiMapDistance } = useMapGeometry();
+  const panTo = (value: Point) => mapContext.panTo(value);
+  const setCenterPlaceByRecomand = (value: Point) => mapContext.setCenterPlaceByRecomand(value);
+  const mapContext: BusinessRecomendPlaceContext = {
+    panTo: () => {
+      throw new Error("MyError: panTo used before assigned");
+    },
+    setCenterPlaceByRecomand: () => {
+      throw new Error("MyError: setCenterPlaceByRecomand used before assigned");
+    },
+    onChangeCenterPlace: (place: Place) => {
+      Object.assign(centerPlace, { ...place });
+    },
+    onChangeRecomendPlaces: (places: Place[]) => {
+      placeCandidates.value = [...places];
+    },
+  };
+  return {
+    mapContext,
+    centerPlace,
+    placeCandidates,
+    panTo,
+    setCenterPlaceByRecomand,
+    apiMapDistance,
+  };
+};

package/src/hooks-business/{useBusinessMapRecomendPlace.ts → useLagecyMapRecomendPlace.ts}

@@ -9,7 +9,7 @@ import type { MapShallowRef, Place, Point } from "../types/interface";
 interface CenterPlaceSource {
   source: "default" | "geo" | "drag" | "recomend" | "api";
 }
-export interface UseBusinessMapRecomendPlaceProps
+export interface UseLagecyMapRecomendPlace
   extends Pick<UseMapRecomendPlaceProps<CenterPlaceSource>, "getRecomendPlace"> {
   mapRef: MapShallowRef;
   defaultCenterPoint?: Point;
@@ -23,7 +23,7 @@ export interface UseBusinessMapRecomendPlaceProps
   onChangePlace?: UseMapPlaceProps["onChange"];
   onChangeRecomandPlace?: UseMapRecomendPlaceProps["onChange"];
 }
-export const useBusinessMapRecomendPlace = (props: UseBusinessMapRecomendPlaceProps) => {
+export const useLagecyMapRecomendPlace = (props: UseLagecyMapRecomendPlace) => {
   const {
     mapRef,
     geoDefaultPosition,
@@ -135,6 +135,7 @@ export const useBusinessMapRecomendPlace = (props: UseBusinessMapRecomendPlacePr
       onChangeRecomandPlace?.(place);
     },
   });
+
   return {
     isDragging,
     geoLoading,

package/src/index.ts

@@ -1,6 +1,8 @@
 import "./style.css";
 export { AddressBox } from "./business-components/AddressBox";
 export { BusinessQuotingMap } from "./business-components/BusinessQuotingMap";
+export { BusinessRecomendPlaceMap } from "./business-components/BusinessRecomendPlaceMap";
+export { BusinessTaxiEndMap } from "./business-components/BusinessTaxiEndMap";
 export { BusinessTaxiServiceMap } from "./business-components/BusinessTaxiServiceMap";
 export { DrivingLine } from "./business-components/DrivingLine";
 export { DrivingRoute } from "./business-components/DrivingRoute";
@@ -14,8 +16,8 @@ export { WalkingRoute } from "./business-components/WalkingRoute";
 export { WaveCircle } from "./business-components/WaveCircle";
 export * from "./components/MapProvider";
 export * from "./hooks-business/useBusinessMapAutoComplete";
-export * from "./hooks-business/useBusinessMapRecomendPlace";
 export * from "./hooks-business/useBusinessQuotingMap";
+export * from "./hooks-business/useBusinessRecomendPlaceMap";
 export * from "./hooks-business/useBusinessTaxiServiceMap";
 export { useDrivingRoute } from "./hooks/useDrivingRoute";
 export { useGeoLocation } from "./hooks/useGeoLocation";

package/src/types/interface.ts

@@ -47,4 +47,14 @@ export type DriverStatus =
   | "driverArrived"
   | "inService"
   | "canceled"
-  | "endService";
+  | "endService"
+  | "completed"
+  | "canceling"
+  | "banlanceRefund"
+  | "waitBanlanceRefund"
+  | "rechargePayed"
+  | "waitRechargePay"
+  | "payed"
+  | "waitpay"
+  | "refund"
+  | "confirmed";

package/todo.md

@@ -23,3 +23,9 @@ https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-
 2. locator 气泡长度限制
 3. locator 拖动次数多了会不更新
 4. 郝瑞 searh Place 接口搜索次数多了会不更新
+
+---
+
+1. apiDistance 在 created 生命周期里调用的时候，即便设置了 5 秒延迟，运行到 api 内部的时候 status === 'loading'
+2. getRecomend 接口需要增加一个返回参数，表示当前地区是否可以提供服务
+3. 孙明 刚才传入 complted 状态，地图未显示

package/dist/components/Demo/BusinessDemo.d.ts

@@ -1,2 +0,0 @@
-export declare const ABusinessDemo: import("vue").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;
-export declare const GBusinessDemo: import("vue").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;

package/dist/components/Demo/Demo.d.ts

@@ -1,2 +0,0 @@
-export declare const DemoGmap: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;
-export declare const DemoAmap: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;

package/dist/components/Demo/DemoBusinessQuoting.d.ts

@@ -1 +0,0 @@
-export declare const DemoBusinessQuoting: import("vue").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;

package/dist/components/Demo/DemoBusinessTaxiService.d.ts

@@ -1,2 +0,0 @@
-export declare const DemoBusinessTaxiService: import("vue").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;
-export declare const TaxiCarServicePage: import("vue").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;

package/dist/components/Demo/Hello.d.ts

@@ -1,17 +0,0 @@
-export declare const Hello: import("vue").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<{
-    className?: string | undefined;
-    qyc: number;
-    style: any;
-}>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<{
-    className?: string | undefined;
-    qyc: number;
-    style: any;
-}, Required<{
-    className?: string | undefined;
-    qyc: number;
-    style: any;
-}>>, never, {
-    className?: string | undefined;
-    qyc: number;
-    style: any;
-}, {}>;

package/dist/components/Demo/HeycarDemo.d.ts

@@ -1,3 +0,0 @@
-export declare const HeycarDemo: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;
-export declare const SomeOuterPage: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;
-export declare const SomeHomePage: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;

package/dist/components/Demo/index.d.ts

@@ -1 +0,0 @@
-export * from "./Demo";

package/src/components/Demo/BusinessDemo.tsx

@@ -1,117 +0,0 @@
-import { APlaceCircle, GPlaceCircle } from "../../business-components/PlaceCircle";
-import { GWaveCircle } from "../../business-components/WaveCircle";
-import { defineSetup } from "../../types/helper";
-import { Amap } from "../Amap";
-import { AmapLoader } from "../AmapLoader";
-import { Gmap } from "../Gmap";
-import { GmapLoader } from "../GmapLoader";
-import * as css from "./Demo.css";
-
-const gmapApiKey = import.meta.env.VITE_GMAP_API_KEY;
-const gmapId = import.meta.env.VITE_GMAP_MAP_ID;
-const amapApiKey = import.meta.env.VITE_AMAP_API_KEY;
-const amapApiSecret = import.meta.env.VITE_AMAP_API_SECRET;
-
-export const ABusinessDemo = defineSetup(function ABusinessDemo() {
-  return () => (
-    <AmapLoader
-      apiKey={amapApiKey}
-      apiSecret={amapApiSecret}
-      loading={() => <div>loading</div>}
-      fallback={() => <div>error</div>}
-      plugins={["AMap.AutoComplete"]}
-    >
-      <Amap class={css.demo} center={[0, 0]} zoom={3}>
-        {/* <APassengerCircle position={[0, 0]} /> */}
-        {/* <AAddressBox position={[0, 0]} title={"Martyrs Lawn"} description={"您将在此处上车"} /> */}
-        <APlaceCircle position={[0, 0]} label={"Kenkey Hut"} />
-        {/* <AAddressLocator position={[0, 0]} /> */}
-        {/* <AmapMarker position={[0, 0]} /> */}
-        {/* <AStartEndPoint
-          type="end"
-          position={[0, 0]}
-          title="2月14日 11:00 用车"
-          description={"全程 *4.12公里* 约行驶 *22分钟*"}
-        /> */}
-        {/* <ATaxiCar position={[0, 0]} angle={90} title="距离终点 *4.2公里* 预计 *25分钟*" /> */}
-        {/* <ADrivingLine
-          path={[
-            [-5, -5],
-            [-4, -3],
-            [-3, -4],
-            [-2, -1],
-            [-1, -2],
-            [0, 1],
-            [1, 0],
-            [2, 2],
-          ]}
-        /> */}
-        {/* <AWalkingLine
-          path={[
-            [-5, -5],
-            [-4, -3],
-            [-3, -4],
-            [-2, -1],
-            [-1, -2],
-            [0, 1],
-            [1, 0],
-            [2, 2],
-          ]}
-        /> */}
-        {/* <AWaveCircle position={[0, 0]} /> */}
-      </Amap>
-    </AmapLoader>
-  );
-});
-
-export const GBusinessDemo = defineSetup(function GBusinessDemo() {
-  return () => (
-    <GmapLoader
-      version="beta"
-      apiKey={gmapApiKey}
-      loading={() => <div>loading</div>}
-      fallback={() => <div>error</div>}
-      libraries={["places", "marker"]}
-    >
-      <Gmap class={css.demo} center={{ lat: 0, lng: 0 }} zoom={3} mapId={gmapId}>
-        {/* {/* <GmapMarker position={{ lat: 0, lng: 0 }} /> */}
-        {/* <GPassengerCircle position={[0, 0]} /> */}
-        {/* <GAddressLocator position={[0, 0]} /> */}
-        <GPlaceCircle position={[0, 0]} />
-        {/* <GAddressBox position={[0, 0]} title={"当前区域暂未开通服务"} /> */}
-        {/* <GStartEndPoint
-          type="start"
-          position={[0, 0]}
-          title="Webster Dental Plaza"
-          description={"全程 *4.12公里* 约行驶 *22分钟*"}
-        /> */}
-        {/* <GTaxiCar position={[0, 0]} /> */}
-        {/* <GDrivingLine
-          path={[
-            [-5, -5],
-            [-4, -3],
-            [-3, -4],
-            [-2, -1],
-            [-1, -2],
-            [0, 1],
-            [1, 0],
-            [2, 2],
-          ]}
-        /> */}
-        {/* <GWalkingLine
-          path={[
-            [-5, -5],
-            [-4, -3],
-            [-3, -4],
-            [-2, -1],
-            [-1, -2],
-            [0, 1],
-            [1, 0],
-            [2, 2],
-          ]}
-        /> */}
-        <GWaveCircle position={[0, 0]} />
-      </Gmap>
-    </GmapLoader>
-  );
-});

package/src/components/Demo/DemoBusinessQuoting.tsx

@@ -1,38 +0,0 @@
-import { BusinessQuotingMap } from "../../business-components/BusinessQuotingMap";
-import { useBusinessQuotingMap } from "../../hooks-business/useBusinessQuotingMap";
-import { defineSetup } from "../../types/helper";
-import { MapProvider } from "../MapProvider/MapProvider";
-import * as css from "./Demo.css";
-
-const gmapApiKey = import.meta.env.VITE_GMAP_API_KEY;
-const gmapId = import.meta.env.VITE_GMAP_MAP_ID;
-const amapApiKey = import.meta.env.VITE_AMAP_API_KEY;
-const amapApiSecret = import.meta.env.VITE_AMAP_API_SECRET;
-
-export const DemoBusinessQuoting = defineSetup(function DemoBusinessTaxiService() {
-  return () => (
-    <MapProvider
-      amapKey={amapApiKey}
-      amapSecret={amapApiSecret}
-      gmapId={gmapId}
-      gmapKey={gmapApiKey}
-      supplier={"amap"}
-    >
-      <SomeQuotingPage />
-    </MapProvider>
-  );
-});
-
-const SomeQuotingPage = defineSetup(function SomeQuotingPage() {
-  const { setMap, registerFitVeiw } = useBusinessQuotingMap();
-  return () => (
-    <BusinessQuotingMap
-      class={css.demo}
-      from={{ lng: 121.4, lat: 31.2, name: "from place name" }}
-      to={{ lng: 121.5, lat: 31.4, name: "to place name" }}
-      renderDescription={({ distance, duration }) => `全程 *${distance}公里*  约行驶 *${duration}*`}
-      mapRef={setMap}
-      registerOverlay={registerFitVeiw}
-    />
-  );
-});

package/src/components/Demo/Hello.tsx

@@ -1,15 +0,0 @@
-import { defineSetup } from "../../types/helper";
-
-export const Hello = defineSetup(function Hello(props: {
-  className?: string;
-  qyc: number;
-  style: any;
-}) {
-  return () => (
-    <section>
-      <span class={props.className} style={props.style}>
-        hello
-      </span>
-    </section>
-  );
-});

package/src/components/Demo/HeycarDemo.tsx

@@ -1,181 +0,0 @@
-import { computed } from "vue-demi";
-import { PickupPoints } from "../../business-components/PickupPoints";
-import { useBusinessMapAutoComplete } from "../../hooks-business/useBusinessMapAutoComplete";
-import {
-  useBusinessMapRecomendPlace,
-  UseBusinessMapRecomendPlaceProps,
-} from "../../hooks-business/useBusinessMapRecomendPlace";
-import { useHeycarMap } from "../../hooks/useHeycarMap";
-import { useMapFitView } from "../../hooks/useMapFitView";
-import { useMapGeometry } from "../../hooks/useMapGeometry";
-import { defineSetup } from "../../types/helper";
-import { HeycarMap, MapProvider } from "../MapProvider/MapProvider";
-import * as css from "./Demo.css";
-
-const gmapApiKey = import.meta.env.VITE_GMAP_API_KEY;
-const gmapId = import.meta.env.VITE_GMAP_MAP_ID;
-const amapApiKey = import.meta.env.VITE_AMAP_API_KEY;
-const amapApiSecret = import.meta.env.VITE_AMAP_API_SECRET;
-
-export const HeycarDemo = defineSetup(function HeycarDemo() {
-  return () => (
-    <MapProvider
-      amapKey={amapApiKey}
-      amapSecret={amapApiSecret}
-      gmapId={gmapId}
-      gmapKey={gmapApiKey}
-      supplier={"amap"}
-    >
-      <SomeHomePage />
-    </MapProvider>
-  );
-});
-
-export const SomeOuterPage = defineSetup(function SomeOuterPage() {
-  return () => {
-    return (
-      <div>
-        <SomeAutoComplete cityName="上海市"></SomeAutoComplete>
-        <HeycarMap
-          class={css.demo}
-          fallback={() => <div>error</div>}
-          loading={() => <div>loading</div>}
-          center={[121.5, 31]}
-          zoom={13}
-        ></HeycarMap>
-      </div>
-    );
-  };
-});
-const SomeAutoComplete = defineSetup(function SomeAutoComplete(props: { cityName: string }) {
-  const { autoCompletePlaces, setKeyword, setCity } = useBusinessMapAutoComplete({
-    cityNameRef: computed(() => props.cityName),
-  });
-  (window as any).setKeyword = setKeyword;
-  (window as any).setCity = setCity;
-  return () => {
-    const list = autoCompletePlaces.value.map((place) => (
-      <div>
-        {place.lng} | {place.lat} | {place.name} | {place.description}
-      </div>
-    ));
-    return <div>{list}</div>;
-  };
-});
-
-export const SomeHomePage = defineSetup(function SomeHomePage() {
-  const { mapRef, setMap } = useHeycarMap();
-  const getRecomendPlace: UseBusinessMapRecomendPlaceProps["getRecomendPlace"] = async (
-    place,
-    context
-  ) => {
-    const { lat, lng } = place;
-    console.log("getRecomendPlace context?.source = ", context?.source);
-    return [
-      { lat: lat + 0.0001, lng: lng + 0.0001, name: "place name 1" },
-      { lat: lat + 0.002, lng: lng + 0.002, name: "place name 2" },
-    ];
-  };
-  const {
-    centerPlace,
-    centerPoint,
-    placeCandidates,
-    isDragging,
-    geoLoading,
-    geoPosition,
-    setCenterPlaceByRecomand,
-    setCenterByPlace,
-  } = useBusinessMapRecomendPlace({
-    geoDefaultPosition: [0, 0],
-    mapRef,
-    recomendPlaceGeoLimit: 300,
-    recomendPlaceDragLimit: 30,
-    getRecomendPlace,
-    onChangeGeoLocation: (v) => console.log("onChangeGeoLocation: ", v),
-    onChangePlace: (v) => console.log("onChangePlace: ", v),
-    onChangeRecomandPlace: (v) => console.log("onChangeRecomandPlace: ", v),
-  });
-  const { registerFitVeiw, setFitView } = useMapFitView({
-    mapRef,
-    padding: [15, 15, 5, 15],
-    autoFitTimeout: 5000,
-  });
-  const { apiMapDistance } = useMapGeometry();
-  (window as any).setCenterPlaceByRecomand = setCenterPlaceByRecomand;
-  (window as any).setFitView = setFitView;
-  return () => {
-    return (
-      <div>
-        distance:{" "}
-        {apiMapDistance(centerPoint.value, [
-          centerPoint.value[0] + 0.01,
-          centerPoint.value[1] + 0.01,
-        ])}{" "}
-        <br />
-        geoLoading: {`${geoLoading.value}`} <br />
-        isDragging: {`${isDragging.value}`} <br />
-        geoPosition: {geoPosition.value[0]} | {geoPosition.value[1]} <br />
-        centerPlace: {centerPlace.lng} | {centerPlace.lat} | {centerPlace.name} |{" "}
-        {centerPlace.cityName} <br />
-        <HeycarMap
-          class={css.demo}
-          fallback={() => <div>error</div>}
-          loading={() => <div>loading</div>}
-          center={centerPoint.value}
-          zoom={centerPoint.value[0] === 0 ? 3 : 13}
-          mapRef={setMap}
-        >
-          {/* <StartEndPoint
-            registerOverlay={registerFitVeiw}
-            position={[121.4897065, 31.0842552]}
-            title={"start point"}
-            type="start"
-          /> */}
-          {/* <StartEndPoint
-            registerOverlay={registerFitVeiw}
-            position={[centerPoint.value[0] + 0.01, centerPoint.value[1] + 0.01]}
-            title={"end point"}
-            type="end"
-          /> */}
-          <PickupPoints places={placeCandidates.value} onClick={setCenterByPlace} />
-          {/* <AddressBox
-            type="box"
-            position={centerPoint.value}
-            title={"Martyrs Lawn"}
-            description={"您将在此处上车"}
-          /> */}
-          {/* <TaxiCar position={[121, 31]} angle={0} /> */}
-          {/* <PickupPoints
-            positions={[
-              [-1, -1],
-              [-2, -2],
-            ]}
-            labels={["place name 1", "place name 2"]}
-          /> */}
-          {/* <DrivingRoute
-            from={[121, 31]}
-            to={[121.6, 31.3]}
-            render={({ path, angle }) => [
-              <DrivingLine path={path} />,
-              <TaxiCar position={[121, 31]} angle={angle} />,
-            ]}
-          /> */}
-          {/* <PassengerCircle position={centerPoint.value} size="small" /> */}
-          {/* <PlaceCircle
-            position={centerPoint.value}
-            label={"some place"}
-            hideIcon
-            onClick={() => {
-              debugger;
-            }}
-          /> */}
-          {/* <WalkingRoute
-            from={centerPoint.value}
-            to={[centerPoint.value[0] + 0.01, centerPoint.value[1] + 0.01]}
-            render={({ path }) => <WalkingLine path={path} />}
-          /> */}
-        </HeycarMap>
-      </div>
-    );
-  };
-});

package/src/components/Demo/TemplateDemo.vue

@@ -1,11 +0,0 @@
-<script>
-import { defineComponent } from "vue";
-import { Hello } from "./Hello";
-
-export default defineComponent({
-  components: { Hello },
-});
-</script>
-<template>
-  <Hello class="hi3" qyc="3"></Hello>
-</template>

package/src/components/Demo/index.ts

@@ -1 +0,0 @@
-export * from "./Demo";