grid-webgl-openlayers 1.0.0

package/dist/vue.js

@@ -0,0 +1,321 @@
+import { defineComponent as x, watch as c, onBeforeUnmount as L, ref as D, computed as b, onMounted as S, openBlock as M, createElementBlock as R, normalizeStyle as v, toDisplayString as G, createCommentVNode as _, createElementVNode as T, renderSlot as P } from "vue";
+import { G as V, r as I, g as Z, L as k } from "./layerControlHelpers-BSZqa4fP.js";
+const $ = /* @__PURE__ */ x({
+  __name: "GredGridMap",
+  props: {
+    map: {},
+    dataUrl: {},
+    data: {},
+    showChoropleth: { type: Boolean, default: !0 },
+    showGrid: { type: Boolean, default: !1 },
+    showLabels: { type: Boolean, default: !0 },
+    choroplethOpacity: { default: 0.75 },
+    choroplethZIndex: { default: 2 },
+    labelsZIndex: { default: 3 },
+    labelDistance: { default: 80 },
+    labelPrecision: { default: 1 },
+    labelFontSize: { default: 11 },
+    colorRamp: {},
+    legendMin: {},
+    legendMax: {},
+    displayMin: {},
+    displayMax: {},
+    autoFit: { type: Boolean, default: !0 },
+    fitPadding: { default: 40 },
+    fitMaxZoom: { default: 10 },
+    onPointerMove: {}
+  },
+  emits: ["ready", "load", "pointermove", "legend-change", "display-change", "error"],
+  setup(d, { expose: p, emit: g }) {
+    const e = d, s = g;
+    let t = null, n = null;
+    async function u(a) {
+      if (!e.dataUrl && !e.data) {
+        s("error", "GredGridMap: dataUrl or data is required");
+        return;
+      }
+      try {
+        r(), t = await V.create({
+          map: a,
+          dataUrl: e.dataUrl,
+          data: e.data,
+          showChoropleth: e.showChoropleth,
+          showGrid: e.showGrid,
+          showLabels: e.showLabels,
+          choroplethOpacity: e.choroplethOpacity,
+          choroplethZIndex: e.choroplethZIndex,
+          labelsZIndex: e.labelsZIndex,
+          labelDistance: e.labelDistance,
+          labelPrecision: e.labelPrecision,
+          labelFontSize: e.labelFontSize,
+          colorRamp: e.colorRamp,
+          legendMin: e.legendMin,
+          legendMax: e.legendMax,
+          displayMin: e.displayMin,
+          displayMax: e.displayMax,
+          autoFit: e.autoFit,
+          fitPadding: e.fitPadding,
+          fitMaxZoom: e.fitMaxZoom,
+          onPointerMove: (l) => {
+            var i;
+            (i = e.onPointerMove) == null || i.call(e, l), s("pointermove", l);
+          }
+        }), s("load", t.stats), s("legend-change", t.getLegendRange()), s("ready", t);
+      } catch (l) {
+        s("error", l instanceof Error ? l.message : String(l));
+      }
+    }
+    function r() {
+      n == null || n(), n = null, t == null || t.destroy(), t = null;
+    }
+    function h() {
+      t && t.setLayerVisibility({
+        choropleth: e.showChoropleth,
+        grid: e.showGrid,
+        labels: e.showLabels
+      });
+    }
+    function o() {
+      t && (e.colorRamp ? t.setColorRamp(e.colorRamp) : e.legendMin != null && e.legendMax != null && t.setLegendRange(e.legendMin, e.legendMax), s("legend-change", t.getLegendRange()));
+    }
+    return c(
+      () => e.map,
+      (a) => {
+        a ? u(a) : r();
+      },
+      { immediate: !0 }
+    ), c(
+      () => [e.dataUrl, e.data],
+      () => {
+        e.map && u(e.map);
+      }
+    ), c(
+      () => [e.showChoropleth, e.showGrid, e.showLabels],
+      () => h()
+    ), c(
+      () => [e.legendMin, e.legendMax, e.colorRamp],
+      () => o()
+    ), L(r), p({
+      getOverlay: () => t,
+      fitToData: () => t == null ? void 0 : t.fitToData(),
+      refreshView: () => t == null ? void 0 : t.refreshView(),
+      getValueAt: (a, l) => (t == null ? void 0 : t.getValueAt(a, l)) ?? null,
+      getLayerVisibility: () => (t == null ? void 0 : t.getLayerVisibility()) ?? null,
+      setLayerVisibility: (a) => t == null ? void 0 : t.setLayerVisibility(a),
+      setShowChoropleth: (a) => t == null ? void 0 : t.setShowChoropleth(a),
+      setShowGrid: (a) => t == null ? void 0 : t.setShowGrid(a),
+      setShowLabels: (a) => t == null ? void 0 : t.setShowLabels(a),
+      getLegendRange: () => (t == null ? void 0 : t.getLegendRange()) ?? null,
+      setLegendRange: (a, l) => {
+        t == null || t.setLegendRange(a, l), t && s("legend-change", t.getLegendRange());
+      },
+      getDisplayRange: () => (t == null ? void 0 : t.getDisplayRange()) ?? null,
+      setDisplayRange: (a, l) => {
+        t == null || t.setDisplayRange(a, l), t && s("display-change", t.getDisplayRange());
+      },
+      setColorRamp: (a) => {
+        t == null || t.setColorRamp(a), t && s("legend-change", t.getLegendRange());
+      },
+      onPointerMove: (a) => (n == null || n(), t ? (n = t.onPointerMove(a), n) : () => {
+      })
+    }), (a, l) => null;
+  }
+}), B = {
+  key: 0,
+  class: "gred-legend-panel__title"
+}, z = {
+  key: 1,
+  class: "gred-legend-panel__controls"
+}, F = /* @__PURE__ */ x({
+  __name: "GredLegendPanel",
+  props: {
+    overlay: {},
+    colorRamp: {},
+    legendTicks: {},
+    legendMode: { default: "blocks" },
+    displayMin: {},
+    displayMax: {},
+    precision: { default: 1 },
+    title: { default: "格点值" },
+    showTitle: { type: Boolean, default: !0 },
+    placement: { default: "bottom-right" },
+    background: {},
+    width: {},
+    padding: {},
+    borderRadius: {},
+    boxShadow: {},
+    zIndex: {},
+    bottom: {},
+    right: {},
+    left: {},
+    top: {},
+    font: {}
+  },
+  emits: ["change"],
+  setup(d, { expose: p, emit: g }) {
+    const e = d, s = g, t = D(null);
+    let n = null;
+    const u = b(() => {
+      const l = {
+        background: e.background,
+        width: e.width,
+        padding: e.padding,
+        borderRadius: e.borderRadius,
+        boxShadow: e.boxShadow,
+        zIndex: e.zIndex,
+        bottom: e.bottom,
+        right: e.right,
+        left: e.left,
+        top: e.top,
+        font: e.font
+      };
+      return I(e.placement, l);
+    }), r = b(() => Z(e.overlay));
+    function h() {
+      var l;
+      return (l = e.colorRamp) != null && l.length ? e.colorRamp : e.overlay ? e.overlay.getColorRamp() : [];
+    }
+    function o() {
+      var f;
+      if (!t.value) return;
+      const l = h();
+      if (l.length === 0) return;
+      const i = (f = e.overlay) == null ? void 0 : f.getDisplayRange();
+      n == null || n.destroy(), n = new k({
+        container: t.value,
+        colorRamp: l,
+        legendTicks: e.legendTicks,
+        legendMode: e.legendMode,
+        displayMin: e.displayMin ?? (i == null ? void 0 : i.min),
+        displayMax: e.displayMax ?? (i == null ? void 0 : i.max),
+        precision: e.precision,
+        showTitle: !1,
+        onChange: ({ displayMin: y, displayMax: m }) => {
+          var w;
+          (w = e.overlay) == null || w.setDisplayRange(y, m), s("change", { displayMin: y, displayMax: m });
+        }
+      });
+    }
+    function a() {
+      if (!n) return;
+      const l = h();
+      if (l.length && n.setColorRamp(l, e.legendTicks), n.setLegendMode(e.legendMode), e.displayMin != null && e.displayMax != null)
+        n.setDisplayRange(e.displayMin, e.displayMax, !0);
+      else if (e.overlay) {
+        const i = e.overlay.getDisplayRange();
+        n.setDisplayRange(i.min, i.max, !0);
+      }
+    }
+    return S(o), c(() => e.overlay, o), c(
+      () => [e.colorRamp, e.legendTicks, e.legendMode, e.displayMin, e.displayMax],
+      () => n ? a() : o(),
+      { deep: !0 }
+    ), L(() => {
+      n == null || n.destroy(), n = null;
+    }), p({
+      getSlider: () => n,
+      setDisplayRange: (l, i) => n == null ? void 0 : n.setDisplayRange(l, i, !0),
+      getDisplayRange: () => (n == null ? void 0 : n.getDisplayRange()) ?? null,
+      setLegendMode: (l) => n == null ? void 0 : n.setLegendMode(l),
+      layer: r
+    }), (l, i) => (M(), R("div", {
+      class: "gred-legend-panel",
+      style: v(u.value)
+    }, [
+      d.showTitle && d.title ? (M(), R("div", B, G(d.title), 1)) : _("", !0),
+      T("div", {
+        ref_key: "sliderHost",
+        ref: t,
+        class: "gred-legend-panel__slider"
+      }, null, 512),
+      l.$slots.controls ? (M(), R("div", z, [
+        P(l.$slots, "controls", {
+          overlay: d.overlay,
+          layer: r.value
+        }, void 0, !0)
+      ])) : _("", !0)
+    ], 4));
+  }
+}), C = (d, p) => {
+  const g = d.__vccOpts || d;
+  for (const [e, s] of p)
+    g[e] = s;
+  return g;
+}, A = /* @__PURE__ */ C(F, [["__scopeId", "data-v-ce6d21e6"]]), U = /* @__PURE__ */ x({
+  __name: "GredLegendSlider",
+  props: {
+    overlay: {},
+    colorRamp: {},
+    legendTicks: {},
+    legendMode: { default: "blocks" },
+    displayMin: {},
+    displayMax: {},
+    precision: { default: 1 },
+    title: { default: "格点值" }
+  },
+  emits: ["change"],
+  setup(d, { expose: p, emit: g }) {
+    const e = d, s = g, t = D(null);
+    let n = null;
+    function u() {
+      var o;
+      return (o = e.colorRamp) != null && o.length ? e.colorRamp : e.overlay ? e.overlay.getColorRamp() : [];
+    }
+    function r() {
+      var i;
+      if (!t.value) return;
+      const o = u();
+      if (o.length === 0) return;
+      const a = (i = e.overlay) == null ? void 0 : i.getDisplayRange();
+      n == null || n.destroy(), n = new k({
+        container: t.value,
+        colorRamp: o,
+        legendTicks: e.legendTicks,
+        legendMode: e.legendMode,
+        displayMin: e.displayMin ?? (a == null ? void 0 : a.min),
+        displayMax: e.displayMax ?? (a == null ? void 0 : a.max),
+        precision: e.precision,
+        onChange: ({ displayMin: f, displayMax: y }) => {
+          var m;
+          (m = e.overlay) == null || m.setDisplayRange(f, y), s("change", { displayMin: f, displayMax: y });
+        }
+      });
+      const l = t.value.querySelector(".gred-legend-slider__title");
+      l && (l.textContent = e.title);
+    }
+    function h() {
+      if (!n) return;
+      const o = u();
+      if (o.length && n.setColorRamp(o, e.legendTicks), e.displayMin != null && e.displayMax != null)
+        n.setDisplayRange(e.displayMin, e.displayMax, !0);
+      else if (e.overlay) {
+        const a = e.overlay.getDisplayRange();
+        n.setDisplayRange(a.min, a.max, !0);
+      }
+    }
+    return S(r), c(() => e.overlay, r), c(
+      () => [e.colorRamp, e.legendTicks, e.legendMode, e.displayMin, e.displayMax],
+      () => {
+        n ? (h(), e.legendMode && n.setLegendMode(e.legendMode)) : r();
+      },
+      { deep: !0 }
+    ), L(() => {
+      n == null || n.destroy(), n = null;
+    }), p({
+      setDisplayRange: (o, a) => n == null ? void 0 : n.setDisplayRange(o, a, !0),
+      getDisplayRange: () => (n == null ? void 0 : n.getDisplayRange()) ?? null,
+      getLegendTicks: () => (n == null ? void 0 : n.getLegendTicks()) ?? [],
+      setLegendMode: (o) => n == null ? void 0 : n.setLegendMode(o)
+    }), (o, a) => (M(), R("div", {
+      ref_key: "host",
+      ref: t,
+      class: "gred-legend-slider-host"
+    }, null, 512));
+  }
+}), q = /* @__PURE__ */ C(U, [["__scopeId", "data-v-d893e60a"]]);
+export {
+  $ as GredGridMap,
+  A as GredLegendPanel,
+  q as GredLegendSlider
+};
+//# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.js","sources":["../src/vue/GredGridMap.vue","../src/vue/GredLegendPanel.vue","../src/vue/GredLegendSlider.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onBeforeUnmount, watch } from \"vue\"\r\nimport type Map from \"ol/Map\"\r\nimport { GridMapView } from \"../core/GridMapView\"\r\nimport type { ArrayDataJson, ColorRampItem } from \"../data/gridDataCore\"\r\nimport type { GridMapPointerEvent, GridMapStats, GridLayerVisibility, DisplayRange } from \"../core/types\"\r\nimport type { GridMapView as GridMapViewType } from \"../core/GridMapView\"\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    map: Map | null | undefined\r\n    dataUrl?: string\r\n    data?: ArrayDataJson\r\n    showChoropleth?: boolean\r\n    showGrid?: boolean\r\n    showLabels?: boolean\r\n    choroplethOpacity?: number\r\n    choroplethZIndex?: number\r\n    labelsZIndex?: number\r\n    labelDistance?: number\r\n    labelPrecision?: number\r\n    labelFontSize?: number\r\n    colorRamp?: ColorRampItem[]\r\n    legendMin?: number\r\n    legendMax?: number\r\n    displayMin?: number\r\n    displayMax?: number\r\n    autoFit?: boolean\r\n    fitPadding?: number | [number, number, number, number]\r\n    fitMaxZoom?: number\r\n    /** 创建时绑定鼠标拾取，等价于 onPointerMove 回调 */\r\n    onPointerMove?: (event: GridMapPointerEvent) => void\r\n  }>(),\r\n  {\r\n    showChoropleth: true,\r\n    showGrid: false,\r\n    showLabels: true,\r\n    choroplethOpacity: 0.75,\r\n    choroplethZIndex: 2,\r\n    labelsZIndex: 3,\r\n    labelDistance: 80,\r\n    labelPrecision: 1,\r\n    labelFontSize: 11,\r\n    autoFit: true,\r\n    fitPadding: 40,\r\n    fitMaxZoom: 10,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  ready: [view: GridMapViewType]\r\n  load: [stats: GridMapStats]\r\n  pointermove: [event: GridMapPointerEvent]\r\n  \"legend-change\": [range: DisplayRange]\r\n  \"display-change\": [range: DisplayRange]\r\n  error: [message: string]\r\n}>()\r\n\r\nlet overlay: GridMapViewType | null = null\r\nlet unbindPointer: (() => void) | null = null\r\n\r\nasync function attachToMap(map: Map) {\r\n  if (!props.dataUrl && !props.data) {\r\n    emit(\"error\", \"GredGridMap: dataUrl or data is required\")\r\n    return\r\n  }\r\n\r\n  try {\r\n    teardown()\r\n\r\n    overlay = await GridMapView.create({\r\n      map,\r\n      dataUrl: props.dataUrl,\r\n      data: props.data,\r\n      showChoropleth: props.showChoropleth,\r\n      showGrid: props.showGrid,\r\n      showLabels: props.showLabels,\r\n      choroplethOpacity: props.choroplethOpacity,\r\n      choroplethZIndex: props.choroplethZIndex,\r\n      labelsZIndex: props.labelsZIndex,\r\n      labelDistance: props.labelDistance,\r\n      labelPrecision: props.labelPrecision,\r\n      labelFontSize: props.labelFontSize,\r\n      colorRamp: props.colorRamp,\r\n      legendMin: props.legendMin,\r\n      legendMax: props.legendMax,\r\n      displayMin: props.displayMin,\r\n      displayMax: props.displayMax,\r\n      autoFit: props.autoFit,\r\n      fitPadding: props.fitPadding,\r\n      fitMaxZoom: props.fitMaxZoom,\r\n      onPointerMove: (ev) => {\r\n        props.onPointerMove?.(ev)\r\n        emit(\"pointermove\", ev)\r\n      },\r\n    })\r\n    emit(\"load\", overlay.stats)\r\n    emit(\"legend-change\", overlay.getLegendRange())\r\n    emit(\"ready\", overlay)\r\n  } catch (e) {\r\n    emit(\"error\", e instanceof Error ? e.message : String(e))\r\n  }\r\n}\r\n\r\nfunction teardown() {\r\n  unbindPointer?.()\r\n  unbindPointer = null\r\n  overlay?.destroy()\r\n  overlay = null\r\n}\r\n\r\nfunction syncLayerState() {\r\n  if (!overlay) return\r\n  overlay.setLayerVisibility({\r\n    choropleth: props.showChoropleth,\r\n    grid: props.showGrid,\r\n    labels: props.showLabels,\r\n  })\r\n}\r\n\r\nfunction syncLegend() {\r\n  if (!overlay) return\r\n  if (props.colorRamp) {\r\n    overlay.setColorRamp(props.colorRamp)\r\n  } else if (props.legendMin != null && props.legendMax != null) {\r\n    overlay.setLegendRange(props.legendMin, props.legendMax)\r\n  }\r\n  emit(\"legend-change\", overlay.getLegendRange())\r\n}\r\n\r\nwatch(\r\n  () => props.map,\r\n  (map) => {\r\n    if (map) void attachToMap(map)\r\n    else teardown()\r\n  },\r\n  { immediate: true },\r\n)\r\n\r\nwatch(\r\n  () => [props.dataUrl, props.data] as const,\r\n  () => {\r\n    if (props.map) void attachToMap(props.map)\r\n  },\r\n)\r\n\r\nwatch(\r\n  () => [props.showChoropleth, props.showGrid, props.showLabels] as const,\r\n  () => syncLayerState(),\r\n)\r\n\r\nwatch(\r\n  () => [props.legendMin, props.legendMax, props.colorRamp] as const,\r\n  () => syncLegend(),\r\n)\r\n\r\nonBeforeUnmount(teardown)\r\n\r\ndefineExpose({\r\n  getOverlay: () => overlay,\r\n  fitToData: () => overlay?.fitToData(),\r\n  refreshView: () => overlay?.refreshView(),\r\n  getValueAt: (lon: number, lat: number) => overlay?.getValueAt(lon, lat) ?? null,\r\n  getLayerVisibility: (): GridLayerVisibility | null => overlay?.getLayerVisibility() ?? null,\r\n  setLayerVisibility: (v: Partial<GridLayerVisibility>) => overlay?.setLayerVisibility(v),\r\n  setShowChoropleth: (visible: boolean) => overlay?.setShowChoropleth(visible),\r\n  setShowGrid: (visible: boolean) => overlay?.setShowGrid(visible),\r\n  setShowLabels: (visible: boolean) => overlay?.setShowLabels(visible),\r\n  getLegendRange: () => overlay?.getLegendRange() ?? null,\r\n  setLegendRange: (min: number, max: number) => {\r\n    overlay?.setLegendRange(min, max)\r\n    if (overlay) emit(\"legend-change\", overlay.getLegendRange())\r\n  },\r\n  getDisplayRange: () => overlay?.getDisplayRange() ?? null,\r\n  setDisplayRange: (min: number, max: number) => {\r\n    overlay?.setDisplayRange(min, max)\r\n    if (overlay) emit(\"display-change\", overlay.getDisplayRange())\r\n  },\r\n  setColorRamp: (ramp: ColorRampItem[]) => {\r\n    overlay?.setColorRamp(ramp)\r\n    if (overlay) emit(\"legend-change\", overlay.getLegendRange())\r\n  },\r\n  onPointerMove: (handler: (ev: GridMapPointerEvent) => void) => {\r\n    unbindPointer?.()\r\n    if (!overlay) return () => {}\r\n    unbindPointer = overlay.onPointerMove(handler)\r\n    return unbindPointer\r\n  },\r\n})\r\n</script>\r\n\r\n<template>\r\n  <!-- renderless -->\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\"\r\nimport { LegendRangeSlider } from \"../ui/LegendRangeSlider\"\r\nimport { createLayerControlApi } from \"../ui/layerControlHelpers\"\r\nimport { resolveLegendPanelStyle, type LegendPanelPlacement, type LegendPanelStyle } from \"../ui/legendPanelTypes\"\r\nimport type { GridMapView } from \"../core/GridMapView\"\r\nimport type { ColorRampItem } from \"../data/gridDataCore\"\r\nimport type { LayerControlApi } from \"../ui/layerControlHelpers\"\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    overlay?: GridMapView | null\r\n    colorRamp?: ColorRampItem[]\r\n    legendTicks?: number[]\r\n    /** 直接传入：gradient | blocks，默认 blocks */\r\n    legendMode?: \"gradient\" | \"blocks\"\r\n    displayMin?: number\r\n    displayMax?: number\r\n    precision?: number\r\n    title?: string\r\n    showTitle?: boolean\r\n    placement?: LegendPanelPlacement\r\n    background?: string\r\n    width?: string | number\r\n    padding?: string\r\n    borderRadius?: string\r\n    boxShadow?: string\r\n    zIndex?: number\r\n    bottom?: string | number\r\n    right?: string | number\r\n    left?: string | number\r\n    top?: string | number\r\n    font?: string\r\n  }>(),\r\n  {\r\n    legendMode: \"blocks\",\r\n    precision: 1,\r\n    title: \"格点值\",\r\n    showTitle: true,\r\n    placement: \"bottom-right\",\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  change: [range: { displayMin: number; displayMax: number }]\r\n}>()\r\n\r\nconst sliderHost = ref<HTMLElement | null>(null)\r\nlet slider: LegendRangeSlider | null = null\r\n\r\nconst panelStyle = computed(() => {\r\n  const style: LegendPanelStyle = {\r\n    background: props.background,\r\n    width: props.width,\r\n    padding: props.padding,\r\n    borderRadius: props.borderRadius,\r\n    boxShadow: props.boxShadow,\r\n    zIndex: props.zIndex,\r\n    bottom: props.bottom,\r\n    right: props.right,\r\n    left: props.left,\r\n    top: props.top,\r\n    font: props.font,\r\n  }\r\n  return resolveLegendPanelStyle(props.placement, style)\r\n})\r\n\r\nconst layer = computed<LayerControlApi>(() => createLayerControlApi(props.overlay))\r\n\r\nfunction getColorRamp(): ColorRampItem[] {\r\n  if (props.colorRamp?.length) return props.colorRamp\r\n  if (props.overlay) return props.overlay.getColorRamp()\r\n  return []\r\n}\r\n\r\nfunction mountSlider() {\r\n  if (!sliderHost.value) return\r\n  const colorRamp = getColorRamp()\r\n  if (colorRamp.length === 0) return\r\n\r\n  const display = props.overlay?.getDisplayRange()\r\n\r\n  slider?.destroy()\r\n  slider = new LegendRangeSlider({\r\n    container: sliderHost.value,\r\n    colorRamp,\r\n    legendTicks: props.legendTicks,\r\n    legendMode: props.legendMode,\r\n    displayMin: props.displayMin ?? display?.min,\r\n    displayMax: props.displayMax ?? display?.max,\r\n    precision: props.precision,\r\n    showTitle: false,\r\n    onChange: ({ displayMin, displayMax }) => {\r\n      props.overlay?.setDisplayRange(displayMin, displayMax)\r\n      emit(\"change\", { displayMin, displayMax })\r\n    },\r\n  })\r\n}\r\n\r\nfunction syncSlider() {\r\n  if (!slider) return\r\n  const colorRamp = getColorRamp()\r\n  if (colorRamp.length) slider.setColorRamp(colorRamp, props.legendTicks)\r\n  slider.setLegendMode(props.legendMode)\r\n  if (props.displayMin != null && props.displayMax != null) {\r\n    slider.setDisplayRange(props.displayMin, props.displayMax, true)\r\n  } else if (props.overlay) {\r\n    const d = props.overlay.getDisplayRange()\r\n    slider.setDisplayRange(d.min, d.max, true)\r\n  }\r\n}\r\n\r\nonMounted(mountSlider)\r\nwatch(() => props.overlay, mountSlider)\r\nwatch(\r\n  () =>\r\n    [props.colorRamp, props.legendTicks, props.legendMode, props.displayMin, props.displayMax] as const,\r\n  () => (slider ? syncSlider() : mountSlider()),\r\n  { deep: true },\r\n)\r\nonBeforeUnmount(() => {\r\n  slider?.destroy()\r\n  slider = null\r\n})\r\n\r\ndefineExpose({\r\n  getSlider: () => slider,\r\n  setDisplayRange: (min: number, max: number) => slider?.setDisplayRange(min, max, true),\r\n  getDisplayRange: () => slider?.getDisplayRange() ?? null,\r\n  setLegendMode: (mode: \"gradient\" | \"blocks\") => slider?.setLegendMode(mode),\r\n  layer,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"gred-legend-panel\" :style=\"panelStyle\">\r\n    <div v-if=\"showTitle && title\" class=\"gred-legend-panel__title\">{{ title }}</div>\r\n    <div ref=\"sliderHost\" class=\"gred-legend-panel__slider\" />\r\n    <div v-if=\"$slots.controls\" class=\"gred-legend-panel__controls\">\r\n      <slot name=\"controls\" :overlay=\"overlay\" :layer=\"layer\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.gred-legend-panel__title {\r\n  margin-bottom: 6px;\r\n  color: #333;\r\n  font-size: 12px;\r\n}\r\n.gred-legend-panel__controls {\r\n  margin-top: 8px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 6px;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { onBeforeUnmount, onMounted, ref, watch } from \"vue\"\r\nimport { LegendRangeSlider } from \"../ui/LegendRangeSlider\"\r\nimport type { GridMapView } from \"../core/GridMapView\"\r\nimport type { ColorRampItem } from \"../data/gridDataCore\"\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    overlay?: GridMapView | null\r\n    /** 外部色带（数值间隔可不规则） */\r\n    colorRamp?: ColorRampItem[]\r\n    /** 图例刻度；不传则从 colorRamp 提取 */\r\n    legendTicks?: number[]\r\n    /** gradient 连续色带 | blocks 离散色块 */\r\n    legendMode?: \"gradient\" | \"blocks\"\r\n    displayMin?: number\r\n    displayMax?: number\r\n    precision?: number\r\n    title?: string\r\n  }>(),\r\n  {\r\n    precision: 1,\r\n    legendMode: \"blocks\",\r\n    title: \"格点值\",\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  change: [range: { displayMin: number; displayMax: number }]\r\n}>()\r\n\r\nconst host = ref<HTMLElement | null>(null)\r\nlet slider: LegendRangeSlider | null = null\r\n\r\nfunction getColorRamp(): ColorRampItem[] {\r\n  if (props.colorRamp?.length) return props.colorRamp\r\n  if (props.overlay) return props.overlay.getColorRamp()\r\n  return []\r\n}\r\n\r\nfunction mountSlider() {\r\n  if (!host.value) return\r\n  const colorRamp = getColorRamp()\r\n  if (colorRamp.length === 0) return\r\n\r\n  const display = props.overlay?.getDisplayRange()\r\n\r\n  slider?.destroy()\r\n  slider = new LegendRangeSlider({\r\n    container: host.value,\r\n    colorRamp,\r\n    legendTicks: props.legendTicks,\r\n    legendMode: props.legendMode,\r\n    displayMin: props.displayMin ?? display?.min,\r\n    displayMax: props.displayMax ?? display?.max,\r\n    precision: props.precision,\r\n    onChange: ({ displayMin, displayMax }) => {\r\n      props.overlay?.setDisplayRange(displayMin, displayMax)\r\n      emit(\"change\", { displayMin, displayMax })\r\n    },\r\n  })\r\n\r\n  const titleEl = host.value.querySelector(\".gred-legend-slider__title\")\r\n  if (titleEl) titleEl.textContent = props.title\r\n}\r\n\r\nfunction syncFromProps() {\r\n  if (!slider) return\r\n  const colorRamp = getColorRamp()\r\n  if (colorRamp.length) slider.setColorRamp(colorRamp, props.legendTicks)\r\n  if (props.displayMin != null && props.displayMax != null) {\r\n    slider.setDisplayRange(props.displayMin, props.displayMax, true)\r\n  } else if (props.overlay) {\r\n    const d = props.overlay.getDisplayRange()\r\n    slider.setDisplayRange(d.min, d.max, true)\r\n  }\r\n}\r\n\r\nonMounted(mountSlider)\r\n\r\nwatch(() => props.overlay, mountSlider)\r\nwatch(\r\n  () => [props.colorRamp, props.legendTicks, props.legendMode, props.displayMin, props.displayMax] as const,\r\n  () => {\r\n    if (slider) {\r\n      syncFromProps()\r\n      if (props.legendMode) slider.setLegendMode(props.legendMode)\r\n    } else mountSlider()\r\n  },\r\n  { deep: true },\r\n)\r\n\r\nonBeforeUnmount(() => {\r\n  slider?.destroy()\r\n  slider = null\r\n})\r\n\r\ndefineExpose({\r\n  setDisplayRange: (min: number, max: number) => slider?.setDisplayRange(min, max, true),\r\n  getDisplayRange: () => slider?.getDisplayRange() ?? null,\r\n  getLegendTicks: () => slider?.getLegendTicks() ?? [],\r\n  setLegendMode: (mode: \"gradient\" | \"blocks\") => slider?.setLegendMode(mode),\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"host\" class=\"gred-legend-slider-host\" />\r\n</template>\r\n\r\n<style scoped>\r\n.gred-legend-slider-host {\r\n  min-width: 220px;\r\n}\r\n</style>\r\n"],"names":["props","__props","emit","__emit","overlay","unbindPointer","attachToMap","map","teardown","GridMapView","ev","_a","e","syncLayerState","syncLegend","watch","onBeforeUnmount","__expose","lon","lat","v","visible","min","max","ramp","handler","sliderHost","ref","slider","panelStyle","computed","style","resolveLegendPanelStyle","layer","createLayerControlApi","getColorRamp","mountSlider","colorRamp","display","LegendRangeSlider","displayMin","displayMax","syncSlider","d","onMounted","mode","_createElementBlock","_hoisted_1","_toDisplayString","_createElementVNode","$slots","_openBlock","_hoisted_2","_renderSlot","_ctx","host","titleEl","syncFromProps"],"mappings":"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"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "grid-webgl-openlayers",
+  "version": "1.0.0",
+  "description": "OpenLayers + WebGL grid choropleth and value labels for array grid JSON data",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./vue": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.js"
+    },
+    "./style.css": "./dist/grid-webgl-openlayers.css"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "dev": "npm run prepare:demo-data && vite",
+    "build": "npm run build:lib",
+    "build:lib": "vite build --mode lib",
+    "prepublishOnly": "npm run build:lib",
+    "prepare:demo-data": "node scripts/prepare-demo-data.mjs",
+    "prebuild:demo": "npm run prepare:demo-data",
+    "build:demo": "vite build --mode demo",
+    "preview:demo": "vite preview --outDir dist-demo"
+  },
+  "peerDependencies": {
+    "ol": "^9.0.0 || ^10.0.0",
+    "vue": "^3.3.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@mapbox/tiny-sdf": "^2.2.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "ol": "^10.4.0",
+    "typescript": "^5.7.0",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vue": "^3.5.13"
+  },
+  "keywords": [
+    "webgl",
+    "openlayers",
+    "grid",
+    "choropleth",
+    "vue",
+    "weather"
+  ],
+  "license": "MIT"
+}