@heycar/heycars-map 0.2.8 → 0.2.10

package/src/hooks/useMapGeometry.ts

@@ -4,18 +4,18 @@ import { Status } from "./useMapLoader";
 import { useMapSupplier } from "./useMapSupplier";
 
 export const useAmapGeometry = () => {
-  const { status } = useMapSupplier();
+  const payload = useMapSupplier();
   const apiMapDistance = (from: Point, to: Point) => {
-    if (status !== Status.SUCCESS) return undefined;
+    if (payload.status !== Status.SUCCESS) return undefined;
     return AMap.GeometryUtil.distance(from, to);
   };
   return { apiMapDistance };
 };
 
 export const useGmapGeometry = () => {
-  const { status } = useMapSupplier();
+  const payload = useMapSupplier();
   const apiMapDistance = (from: Point, to: Point) => {
-    if (status !== Status.SUCCESS) return undefined;
+    if (payload.status !== Status.SUCCESS) return undefined;
     return google.maps.geometry.spherical.computeDistanceBetween(vec2lnglat(from), vec2lnglat(to));
   };
   return { apiMapDistance };

package/src/hooks/useMapLog.ts

@@ -0,0 +1,12 @@
+import { watchEffect } from "vue-demi";
+
+export interface MapLogProps {
+  log?: boolean;
+}
+
+export const useMapLog = <P extends MapLogProps>(props: P, name: string) => {
+  watchEffect(() => {
+    if (!props.log) return;
+    console.log(`log ${name} props = `, { ...props });
+  });
+};

package/src/hooks/useMapPlace.ts

@@ -33,11 +33,13 @@ export const useAmapPlace = (props: UseMapPlaceProps) => {
             const cityName = addressComponent.city
               ? addressComponent.city
               : addressComponent.province;
+            const countryName = addressComponent.country;
             place.name = name;
             place.lng = lng;
             place.lat = lat;
             place.cityName = cityName;
-            onChange?.({ lng, lat, name, cityName });
+            place.countryName = countryName;
+            onChange?.({ lng, lat, name, cityName, countryName });
             return;
           }
 
@@ -68,10 +70,13 @@ export const useGmapPlace = (props: UseMapPlaceProps) => {
       const { results } = await geocoder.geocode({ language: LANGUAGE, location: { lng, lat } });
       const name = results[0].formatted_address;
       const cityName = geocoderResult2cityName(results[0]);
-      place.name = name;
+      const countryName = results.slice(-1)[0].address_components[0].long_name;
       place.lng = lng;
       place.lat = lat;
-      onChange?.({ lng, lat, name, cityName });
+      place.name = name;
+      place.cityName = cityName;
+      place.countryName = countryName;
+      onChange?.({ lng, lat, name, cityName, countryName });
     }
   );
   return { place, updatePlace };

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/index.ts

@@ -2,6 +2,7 @@ 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";

package/src/types/amap/geocoder.d.ts

@@ -165,6 +165,8 @@ declare global {
     }
 
     export interface AddressComponent {
+      // 国家名称，例如： 日本
+      country: string;
       // 坐标点所在省名称	例如：北京市
       province: string;
       // 坐标点所在城市名称	请注意：当城市是省直辖县时返回为空，以及城市为北京、上海、天津、重庆四个直辖市时，该字段返回为空；省直辖县列表

package/src/types/interface.ts

@@ -7,7 +7,7 @@ export type Place = {
   lat: number;
   name: string;
   cityName?: string;
-  cityId?: string;
+  countryName?: string;
 };
 
 export interface AutoCompletePlace extends Place {

package/src/utils/helper.ts

@@ -0,0 +1,5 @@
+import type { Place } from "../types/interface";
+
+export const isPlace = (place: Partial<Place>): place is Place => {
+  return place.lng !== undefined && place.lat !== undefined;
+};

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,104 +0,0 @@
-import { computed } from "vue-demi";
-import {
-  BusinessRecomendPlaceMap,
-  BusinessRecomendPlaceMapProps,
-} from "../../business-components/BusinessRecomendPlaceMap";
-import { useBusinessMapAutoComplete } from "../../hooks-business/useBusinessMapAutoComplete";
-import { useBusinessRecomendPlaceMap } from "../../hooks-business/useBusinessRecomendPlaceMap";
-
-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 getRecomendPlace: BusinessRecomendPlaceMapProps["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,
-    placeCandidates,
-    panTo,
-    setCenterPlaceByRecomand,
-    mapContext,
-    apiMapDistance,
-  } = useBusinessRecomendPlaceMap();
-
-  (window as any).setCenterPlaceByRecomand = setCenterPlaceByRecomand;
-  return () => {
-    return (
-      <div>
-        placeCandidates: {placeCandidates} <br />
-        centerPlace: {centerPlace.lng} | {centerPlace.lat} | {centerPlace.name} |{" "}
-        {centerPlace.cityName} <br />
-        <BusinessRecomendPlaceMap
-          class={css.demo}
-          title={centerPlace.name}
-          description={"some description"}
-          geoDefaultPosition={[121, 31]}
-          getRecomendPlace={getRecomendPlace}
-          mapContext={mapContext}
-          onGeoError={(e) => console.log("onGeoError e = ", e)}
-        />
-      </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";