@heycar/heycars-map 0.6.9 → 0.6.10

package/dist/index.cjs

@@ -1893,6 +1893,34 @@ const useMapLoader = (props) => {
     onChange
   });
 };
+var WEBGL_STATUS = /* @__PURE__ */ ((WEBGL_STATUS2) => {
+  WEBGL_STATUS2["NOT_SUPPORTED"] = "NOT_SUPPORTED";
+  WEBGL_STATUS2["DISABLED"] = "DISABLED";
+  WEBGL_STATUS2["ENABLED"] = "ENABLED";
+  return WEBGL_STATUS2;
+})(WEBGL_STATUS || {});
+function detectWebGL() {
+  if (typeof window === "undefined")
+    return "NOT_SUPPORTED";
+  if (window.WebGLRenderingContext) {
+    const canvas = document.createElement("canvas");
+    const names = ["webgl", "experimental-webgl", "moz-webgl", "webkit-3d"];
+    let context2 = null;
+    for (const name of names) {
+      try {
+        context2 = canvas.getContext(name);
+        if (context2 && typeof context2.getParameter === "function") {
+          return "ENABLED";
+        }
+      } catch (e) {
+        console.error("MyError: detectWebGL catch e = ", e);
+        return "NOT_SUPPORTED";
+      }
+    }
+    return "DISABLED";
+  }
+  return "NOT_SUPPORTED";
+}
 const ZOOM_WHEEL_RATIO = -135e-5;
 const useAmapWheelZoomCenter = (props) => {
   const { mapRef, enableRef } = props;
@@ -1984,7 +2012,7 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
   );
   watchNoneImmediatePostEffectForMapProperty(mapRef, props, [
     { name: "center", defaultValue: [0, 0] },
-    { name: "zooms", defaultValue: [0, 0] },
+    { name: "zooms", defaultValue: [2, 20] },
     { name: "zoom", defaultValue: 0 },
     { name: "layers", defaultValue: [] },
     { name: "limitBounds", defaultValue: [] },
@@ -2134,7 +2162,6 @@ var createRuntimeFn = (config) => (options) => {
   return className;
 };
 var gmap = "_7anfuo0";
-createRuntimeFn({ defaultClassName: "", variantClassNames: { enable: { true: "_7anfuo1", false: "_7anfuo2" } }, defaultVariants: {}, compoundVariants: [] });
 const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
   const setMap = props.mapRef;
   const { onResize } = props;
@@ -2207,6 +2234,9 @@ const Loading = defineSetup(function Loading2() {
   })]);
 });
 window.movingDraw = !new URLSearchParams(location.search).has("disableMovingDraw");
+if (detectWebGL() === WEBGL_STATUS.ENABLED) {
+  window.forceWebGL = true;
+}
 const MapProvider = defineLagecySetup(function MapProvider2(props, {
   slots
 }) {

package/dist/index.js

@@ -1891,6 +1891,34 @@ const useMapLoader = (props) => {
     onChange
   });
 };
+var WEBGL_STATUS = /* @__PURE__ */ ((WEBGL_STATUS2) => {
+  WEBGL_STATUS2["NOT_SUPPORTED"] = "NOT_SUPPORTED";
+  WEBGL_STATUS2["DISABLED"] = "DISABLED";
+  WEBGL_STATUS2["ENABLED"] = "ENABLED";
+  return WEBGL_STATUS2;
+})(WEBGL_STATUS || {});
+function detectWebGL() {
+  if (typeof window === "undefined")
+    return "NOT_SUPPORTED";
+  if (window.WebGLRenderingContext) {
+    const canvas = document.createElement("canvas");
+    const names = ["webgl", "experimental-webgl", "moz-webgl", "webkit-3d"];
+    let context2 = null;
+    for (const name of names) {
+      try {
+        context2 = canvas.getContext(name);
+        if (context2 && typeof context2.getParameter === "function") {
+          return "ENABLED";
+        }
+      } catch (e) {
+        console.error("MyError: detectWebGL catch e = ", e);
+        return "NOT_SUPPORTED";
+      }
+    }
+    return "DISABLED";
+  }
+  return "NOT_SUPPORTED";
+}
 const ZOOM_WHEEL_RATIO = -135e-5;
 const useAmapWheelZoomCenter = (props) => {
   const { mapRef, enableRef } = props;
@@ -1982,7 +2010,7 @@ const Amap = defineSetup(function Amap2(props, { slots, emit }) {
   );
   watchNoneImmediatePostEffectForMapProperty(mapRef, props, [
     { name: "center", defaultValue: [0, 0] },
-    { name: "zooms", defaultValue: [0, 0] },
+    { name: "zooms", defaultValue: [2, 20] },
     { name: "zoom", defaultValue: 0 },
     { name: "layers", defaultValue: [] },
     { name: "limitBounds", defaultValue: [] },
@@ -2132,7 +2160,6 @@ var createRuntimeFn = (config) => (options) => {
   return className;
 };
 var gmap = "_7anfuo0";
-createRuntimeFn({ defaultClassName: "", variantClassNames: { enable: { true: "_7anfuo1", false: "_7anfuo2" } }, defaultVariants: {}, compoundVariants: [] });
 const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
   const setMap = props.mapRef;
   const { onResize } = props;
@@ -2205,6 +2232,9 @@ const Loading = defineSetup(function Loading2() {
   })]);
 });
 window.movingDraw = !new URLSearchParams(location.search).has("disableMovingDraw");
+if (detectWebGL() === WEBGL_STATUS.ENABLED) {
+  window.forceWebGL = true;
+}
 const MapProvider = defineLagecySetup(function MapProvider2(props, {
   slots
 }) {

package/dist/utils/platform.d.ts

@@ -0,0 +1,25 @@
+export declare enum BRWOSER_PLATFORM {
+    WECHAT = "WECHAT",
+    WECHAT_MINIPROGRAM = "WECHAT_MINIPROGRAM",
+    ALIPAY = "ALIPAY",
+    ALIPAY_MINIPROGRAM = "ALIPAY_MINIPROGRAM",
+    H5 = "H5",
+    NODE_JS = "NODE_JS"
+}
+export declare enum OS_PLATFORM {
+    IOS = "IOS",
+    ANDROID = "ANDROID",
+    OTHER = "OTHER"
+}
+export declare enum WEBGL_STATUS {
+    NOT_SUPPORTED = "NOT_SUPPORTED",
+    DISABLED = "DISABLED",
+    ENABLED = "ENABLED"
+}
+export declare const detectBrowserPlatform: () => BRWOSER_PLATFORM;
+export declare const detectOSPlatform: () => OS_PLATFORM;
+/**
+ * Detects if WebGL is enabled.
+ * Inspired from http://www.browserleaks.com/webgl#howto-detect-webgl
+ */
+export declare function detectWebGL(): WEBGL_STATUS;

package/package.json

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