@heycar/heycars-map 0.5.2 → 0.5.4

package/dist/business-components/TaxiCar/TaxiCar.css.d.ts

@@ -9,3 +9,4 @@ export declare const hide: import("@vanilla-extract/recipes").RuntimeFn<{
         false: {};
     };
 }>;
+export declare const taxiCarTitle: string;

package/dist/index.cjs

@@ -1867,21 +1867,17 @@ const useAmapWheelZoomCenter = (props) => {
     const { deltaY } = e;
     const prevZoom = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : 0;
     const zoom = prevZoom + ZOOM_WHEEL_RATIO * deltaY;
-    console.log("handleWheel zoom = ", zoom);
     (_c = mapRef.value) == null ? void 0 : _c.setZoom(zoom);
   };
   Vue.watch(
     () => enableRef == null ? void 0 : enableRef.value,
     (enable, _, onCleanup) => {
       if (enable) {
-        console.log("addEventListener wheel");
         addEventListener("wheel", handleWheel);
       } else {
-        console.log("removeEventListener wheel");
         removeEventListener("wheel", handleWheel);
       }
       onCleanup(() => {
-        console.log("onClean removeEventListener wheel");
         removeEventListener("wheel", handleWheel);
       });
     },
@@ -2038,6 +2034,7 @@ const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
     return Vue.h("div", { ref: elementRef, class: gmap }, (_a = slots.default) == null ? void 0 : _a.call(slots));
   };
 });
+window.movingDraw = !new URLSearchParams(location.search).has("disableMovingDraw");
 const MapProvider = defineLagecySetup(function MapProvider2(props, {
   slots
 }) {
@@ -2330,7 +2327,10 @@ const useADrivingRoute = (props) => {
   const outputRoute = Vue.reactive({ path: [], distance: 0, duration: 0 });
   const amapDriving = new AMap.Driving({});
   watchPostEffectForDeepOption(
-    () => ({ ...props }),
+    () => {
+      const { from, to } = props;
+      return { from, to };
+    },
     ({ from, to }) => {
       amapDriving.search(
         AMap.LngLat.from(from),
@@ -2524,7 +2524,7 @@ const useAmapFitView = (props) => {
   const overlayGroup = /* @__PURE__ */ new Set();
   let timer = void 0;
   const setFitView = () => {
-    var _a;
+    var _a, _b;
     const map = mapRef.value;
     if (!map)
       return;
@@ -2532,6 +2532,12 @@ const useAmapFitView = (props) => {
     const [top, right, bottom, left] = (_a = props.padding) != null ? _a : [0, 0, 0, 0];
     spaceLog("setFitView", "overlayGroup = ", overlayGroup);
     map.setFitView([...overlayGroup], false, [top * vw, bottom * vw, left * vw, right * vw]);
+    if (overlayGroup.size === 1) {
+      const [overlay] = [...overlayGroup];
+      const position = (_b = overlay.getPosition) == null ? void 0 : _b.call(overlay);
+      if (position)
+        map.panTo(position);
+    }
   };
   const registerFitVeiw = {
     add: (overlay) => {
@@ -2781,7 +2787,7 @@ var pointIcon = createRuntimeFn({ defaultClassName: "", variantClassNames: { typ
 var pointInfoBox = "_4a4ovk1";
 var pointInfoBoxDescription = "_4a4ovk4";
 var pointInfoBoxEmphasize$1 = "_4a4ovk5";
-var pointInfoBoxTitle$1 = "_4a4ovk3";
+var pointInfoBoxTitle = "_4a4ovk3";
 var pointLayout$1 = "_4a4ovk0";
 var pointSingleInfoBox$1 = "_4a4ovk2";
 const AStartEndPoint = defineSetup(function AStartEndPoint2(props) {
@@ -2797,7 +2803,7 @@ const AStartEndPoint = defineSetup(function AStartEndPoint2(props) {
       return `
         <div class="${pointLayout$1}">
           <div class="${pointSingleInfoBox$1}">
-            <div class="${pointInfoBoxTitle$1}">${props.title}</div>
+            <div class="${pointInfoBoxTitle}">${props.title}</div>
           </div>
           <img src="${icon}" class="${pointIcon({
         type: props.type
@@ -2807,7 +2813,7 @@ const AStartEndPoint = defineSetup(function AStartEndPoint2(props) {
     return `
         <div class="${pointLayout$1}">
           <div class="${pointInfoBox}">
-            <div class="${pointInfoBoxTitle$1}">${(_a = props.title) != null ? _a : ""}</div>
+            <div class="${pointInfoBoxTitle}">${(_a = props.title) != null ? _a : ""}</div>
             <div class="${pointInfoBoxDescription}">${descriptionRow}</div>
           </div>
           <img src="${icon}" class="${pointIcon({
@@ -2843,7 +2849,7 @@ const GStartEndPoint = defineSetup(function GStartEndPoint2(props) {
         class: pointLayout$1
       }, `
           <div class="${pointSingleInfoBox$1}">
-            <div class="${pointInfoBoxTitle$1}">${props.title}</div>
+            <div class="${pointInfoBoxTitle}">${props.title}</div>
           </div>
           <img src="${icon}" class="${pointIcon({
         type: props.type
@@ -2853,7 +2859,7 @@ const GStartEndPoint = defineSetup(function GStartEndPoint2(props) {
       class: pointLayout$1
     }, `
         <div class="${pointInfoBox}">
-          <div class="${pointInfoBoxTitle$1}">${(_a = props.title) != null ? _a : ""}</div>
+          <div class="${pointInfoBoxTitle}">${(_a = props.title) != null ? _a : ""}</div>
           <div class="${pointInfoBoxDescription}">${descriptionRow}</div>
         </div>
         <img src="${icon}" class="${pointIcon({
@@ -4088,9 +4094,9 @@ const TaxiCar_css_ts_vanilla = "";
 var carIcon = "_65j3sr1";
 var hide = createRuntimeFn({ defaultClassName: "", variantClassNames: { hide: { true: "_65j3sr2", false: "_65j3sr3" } }, defaultVariants: {}, compoundVariants: [] });
 var pointInfoBoxEmphasize = "_4a4ovk5";
-var pointInfoBoxTitle = "_4a4ovk3";
 var pointLayout = "_4a4ovk0";
 var pointSingleInfoBox = "_4a4ovk2";
+var taxiCarTitle = "_65j3sr4";
 const ATaxiCar = defineSetup(function ATaxiCar2(props) {
   const contentRef = Vue.computed(() => {
     var _a;
@@ -4105,7 +4111,7 @@ const ATaxiCar = defineSetup(function ATaxiCar2(props) {
         <div class="${pointSingleInfoBox} ${hide({
       hide: !hide$1
     })}">
-          <div class="${pointInfoBoxTitle}">${titleRow}</div>
+          <div class="${taxiCarTitle}">${titleRow}</div>
         </div>
         <img src="${imgTaxicar}" class="${carIcon} ${hide({
       hide: hide$1
@@ -4125,7 +4131,7 @@ const ATaxiCar = defineSetup(function ATaxiCar2(props) {
       "registerOverlay": props.registerOverlay,
       "zIndex": ZINDEX_CAR_LAYER
     }
-  }), Vue.h(AmapMarker, {
+  }), !!contentRef.value.box && Vue.h(AmapMarker, {
     "attrs": {
       "position": props.position,
       "content": contentRef.value.box,
@@ -4154,7 +4160,7 @@ const GTaxiCar = defineSetup(function GTaxiCar2(props) {
         <div class="${pointSingleInfoBox} ${hide({
       hide: !hide$1
     })}">
-          <div class="${pointInfoBoxTitle}">${titleRow}</div>
+          <div class="${taxiCarTitle}">${titleRow}</div>
         </div>
         <img src="${imgTaxicar}" class="${carIcon} ${hide({
       hide: hide$1
@@ -4173,7 +4179,7 @@ const GTaxiCar = defineSetup(function GTaxiCar2(props) {
         "registerOverlay": props.registerOverlay,
         "zIndex": ZINDEX_CAR_LAYER
       }
-    }), Vue.h(GmapAdvancedMarkerView, {
+    }), !!contentRef.value.box && Vue.h(GmapAdvancedMarkerView, {
       "attrs": {
         "position": vec2lnglat(props.position),
         "content": contentRef.value.box,
@@ -4262,7 +4268,10 @@ const useAWalkingRoute = (props) => {
   const pathRef = Vue.shallowRef([]);
   const amapWalking = new AMap.Walking({});
   watchPostEffectForDeepOption(
-    () => ({ ...props }),
+    () => {
+      const { from, to } = props;
+      return { from, to };
+    },
     ({ from, to }) => {
       amapWalking.search(AMap.LngLat.from(from), AMap.LngLat.from(to), (status, result) => {
         switch (status) {

package/dist/index.js

@@ -1865,21 +1865,17 @@ const useAmapWheelZoomCenter = (props) => {
     const { deltaY } = e;
     const prevZoom = (_b = (_a = mapRef.value) == null ? void 0 : _a.getZoom()) != null ? _b : 0;
     const zoom = prevZoom + ZOOM_WHEEL_RATIO * deltaY;
-    console.log("handleWheel zoom = ", zoom);
     (_c = mapRef.value) == null ? void 0 : _c.setZoom(zoom);
   };
   watch(
     () => enableRef == null ? void 0 : enableRef.value,
     (enable, _, onCleanup) => {
       if (enable) {
-        console.log("addEventListener wheel");
         addEventListener("wheel", handleWheel);
       } else {
-        console.log("removeEventListener wheel");
         removeEventListener("wheel", handleWheel);
       }
       onCleanup(() => {
-        console.log("onClean removeEventListener wheel");
         removeEventListener("wheel", handleWheel);
       });
     },
@@ -2036,6 +2032,7 @@ const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
     return h("div", { ref: elementRef, class: gmap }, (_a = slots.default) == null ? void 0 : _a.call(slots));
   };
 });
+window.movingDraw = !new URLSearchParams(location.search).has("disableMovingDraw");
 const MapProvider = defineLagecySetup(function MapProvider2(props, {
   slots
 }) {
@@ -2328,7 +2325,10 @@ const useADrivingRoute = (props) => {
   const outputRoute = reactive({ path: [], distance: 0, duration: 0 });
   const amapDriving = new AMap.Driving({});
   watchPostEffectForDeepOption(
-    () => ({ ...props }),
+    () => {
+      const { from, to } = props;
+      return { from, to };
+    },
     ({ from, to }) => {
       amapDriving.search(
         AMap.LngLat.from(from),
@@ -2522,7 +2522,7 @@ const useAmapFitView = (props) => {
   const overlayGroup = /* @__PURE__ */ new Set();
   let timer = void 0;
   const setFitView = () => {
-    var _a;
+    var _a, _b;
     const map = mapRef.value;
     if (!map)
       return;
@@ -2530,6 +2530,12 @@ const useAmapFitView = (props) => {
     const [top, right, bottom, left] = (_a = props.padding) != null ? _a : [0, 0, 0, 0];
     spaceLog("setFitView", "overlayGroup = ", overlayGroup);
     map.setFitView([...overlayGroup], false, [top * vw, bottom * vw, left * vw, right * vw]);
+    if (overlayGroup.size === 1) {
+      const [overlay] = [...overlayGroup];
+      const position = (_b = overlay.getPosition) == null ? void 0 : _b.call(overlay);
+      if (position)
+        map.panTo(position);
+    }
   };
   const registerFitVeiw = {
     add: (overlay) => {
@@ -2779,7 +2785,7 @@ var pointIcon = createRuntimeFn({ defaultClassName: "", variantClassNames: { typ
 var pointInfoBox = "_4a4ovk1";
 var pointInfoBoxDescription = "_4a4ovk4";
 var pointInfoBoxEmphasize$1 = "_4a4ovk5";
-var pointInfoBoxTitle$1 = "_4a4ovk3";
+var pointInfoBoxTitle = "_4a4ovk3";
 var pointLayout$1 = "_4a4ovk0";
 var pointSingleInfoBox$1 = "_4a4ovk2";
 const AStartEndPoint = defineSetup(function AStartEndPoint2(props) {
@@ -2795,7 +2801,7 @@ const AStartEndPoint = defineSetup(function AStartEndPoint2(props) {
       return `
         <div class="${pointLayout$1}">
           <div class="${pointSingleInfoBox$1}">
-            <div class="${pointInfoBoxTitle$1}">${props.title}</div>
+            <div class="${pointInfoBoxTitle}">${props.title}</div>
           </div>
           <img src="${icon}" class="${pointIcon({
         type: props.type
@@ -2805,7 +2811,7 @@ const AStartEndPoint = defineSetup(function AStartEndPoint2(props) {
     return `
         <div class="${pointLayout$1}">
           <div class="${pointInfoBox}">
-            <div class="${pointInfoBoxTitle$1}">${(_a = props.title) != null ? _a : ""}</div>
+            <div class="${pointInfoBoxTitle}">${(_a = props.title) != null ? _a : ""}</div>
             <div class="${pointInfoBoxDescription}">${descriptionRow}</div>
           </div>
           <img src="${icon}" class="${pointIcon({
@@ -2841,7 +2847,7 @@ const GStartEndPoint = defineSetup(function GStartEndPoint2(props) {
         class: pointLayout$1
       }, `
           <div class="${pointSingleInfoBox$1}">
-            <div class="${pointInfoBoxTitle$1}">${props.title}</div>
+            <div class="${pointInfoBoxTitle}">${props.title}</div>
           </div>
           <img src="${icon}" class="${pointIcon({
         type: props.type
@@ -2851,7 +2857,7 @@ const GStartEndPoint = defineSetup(function GStartEndPoint2(props) {
       class: pointLayout$1
     }, `
         <div class="${pointInfoBox}">
-          <div class="${pointInfoBoxTitle$1}">${(_a = props.title) != null ? _a : ""}</div>
+          <div class="${pointInfoBoxTitle}">${(_a = props.title) != null ? _a : ""}</div>
           <div class="${pointInfoBoxDescription}">${descriptionRow}</div>
         </div>
         <img src="${icon}" class="${pointIcon({
@@ -4086,9 +4092,9 @@ const TaxiCar_css_ts_vanilla = "";
 var carIcon = "_65j3sr1";
 var hide = createRuntimeFn({ defaultClassName: "", variantClassNames: { hide: { true: "_65j3sr2", false: "_65j3sr3" } }, defaultVariants: {}, compoundVariants: [] });
 var pointInfoBoxEmphasize = "_4a4ovk5";
-var pointInfoBoxTitle = "_4a4ovk3";
 var pointLayout = "_4a4ovk0";
 var pointSingleInfoBox = "_4a4ovk2";
+var taxiCarTitle = "_65j3sr4";
 const ATaxiCar = defineSetup(function ATaxiCar2(props) {
   const contentRef = computed(() => {
     var _a;
@@ -4103,7 +4109,7 @@ const ATaxiCar = defineSetup(function ATaxiCar2(props) {
         <div class="${pointSingleInfoBox} ${hide({
       hide: !hide$1
     })}">
-          <div class="${pointInfoBoxTitle}">${titleRow}</div>
+          <div class="${taxiCarTitle}">${titleRow}</div>
         </div>
         <img src="${imgTaxicar}" class="${carIcon} ${hide({
       hide: hide$1
@@ -4123,7 +4129,7 @@ const ATaxiCar = defineSetup(function ATaxiCar2(props) {
       "registerOverlay": props.registerOverlay,
       "zIndex": ZINDEX_CAR_LAYER
     }
-  }), h(AmapMarker, {
+  }), !!contentRef.value.box && h(AmapMarker, {
     "attrs": {
       "position": props.position,
       "content": contentRef.value.box,
@@ -4152,7 +4158,7 @@ const GTaxiCar = defineSetup(function GTaxiCar2(props) {
         <div class="${pointSingleInfoBox} ${hide({
       hide: !hide$1
     })}">
-          <div class="${pointInfoBoxTitle}">${titleRow}</div>
+          <div class="${taxiCarTitle}">${titleRow}</div>
         </div>
         <img src="${imgTaxicar}" class="${carIcon} ${hide({
       hide: hide$1
@@ -4171,7 +4177,7 @@ const GTaxiCar = defineSetup(function GTaxiCar2(props) {
         "registerOverlay": props.registerOverlay,
         "zIndex": ZINDEX_CAR_LAYER
       }
-    }), h(GmapAdvancedMarkerView, {
+    }), !!contentRef.value.box && h(GmapAdvancedMarkerView, {
       "attrs": {
         "position": vec2lnglat(props.position),
         "content": contentRef.value.box,
@@ -4260,7 +4266,10 @@ const useAWalkingRoute = (props) => {
   const pathRef = shallowRef([]);
   const amapWalking = new AMap.Walking({});
   watchPostEffectForDeepOption(
-    () => ({ ...props }),
+    () => {
+      const { from, to } = props;
+      return { from, to };
+    },
     ({ from, to }) => {
       amapWalking.search(AMap.LngLat.from(from), AMap.LngLat.from(to), (status, result) => {
         switch (status) {

package/dist/style.css

@@ -108,6 +108,9 @@
   height: 3.2vw;
 }._1d8ur7t0 {
   position: relative;
+}
+.amap-logo, .amap-copyright {
+  opacity: 0;
 }._7anfuo0 {
   height: inherit;
   width: inherit;
@@ -230,6 +233,14 @@
 }
 ._65j3sr2 {
   visibility: hidden;
+}
+._65j3sr4 {
+  font-size: 3.2vw;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #1E1E1E;
+  line-height: 3.8vw;
+  white-space: nowrap;
 }@keyframes rrvp0y0 {
   0% {
     transform: scale(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heycar/heycars-map",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "type": "module",
   "scripts": {
     "dev": "vite -c vite.config.dev.ts",

package/todo.md

@@ -5,6 +5,7 @@ https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-
 4. 做完其他事情进入首页，变成了获取定位失败，但其实 gps 是 ok 的，因为刷新页面是有点位的
 5. map 的两个 slot loading 和 error slot 没有生效
 6. 企业微信如果关闭定位，会不停的跳 geoError 事件
+7. 司机已接单页面，title 倒计时, 1s 更新一次 title，引起 walking 接口 1s 触发
 
 缩放问题
 
@@ -79,3 +80,17 @@ https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-
 - 5347
 - 5348
 - 5057
+
+  0.5.3
+
+- 4867
+- 4920
+- 5252
+- 5366
+- 5364
+- 5373
+
+  0.5.4
+
+- 5375
+- 4946