ym-giswidget-2d 1.0.59 → 1.0.61

package/components/heatmap/Heatmap.vue.d.ts

@@ -0,0 +1,163 @@
+import { default as OLMap } from 'ym-gis-2d/mapView/Map';
+interface IHotspot {
+    x: number;
+    y: number;
+    weight: number;
+}
+interface IHeatLayerOptions {
+    points: IHotspot[];
+    title: string;
+}
+type __VLS_Props = {
+    map: OLMap;
+    data: IHeatLayerOptions[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    activeInteraction: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onActiveInteraction?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    locationRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly title?: string | undefined;
+            readonly width?: number | undefined;
+            readonly height?: number | undefined;
+            readonly minWidth?: number | undefined;
+            readonly minHeight?: number | undefined;
+            readonly resizable?: boolean | undefined;
+            readonly showClose?: boolean | undefined;
+            readonly showMinimize?: boolean | undefined;
+            readonly showMaximize?: boolean | undefined;
+            readonly showDock?: boolean | undefined;
+            readonly drag?: boolean | undefined;
+            readonly showOk?: boolean | undefined;
+            readonly showCancel?: boolean | undefined;
+            readonly okText?: string | undefined;
+            readonly cancelText?: string | undefined;
+            readonly onClose?: ((...args: any[]) => any) | undefined;
+            readonly onResize?: ((...args: any[]) => any) | undefined;
+            readonly onMove?: ((...args: any[]) => any) | undefined;
+            readonly onOk?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            panelRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close", ...args: any[]) => void) & ((event: "resize", ...args: any[]) => void) & ((event: "move", ...args: any[]) => void) & ((event: "ok", ...args: any[]) => void);
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            title?: string;
+            width?: number;
+            height?: number;
+            minWidth?: number;
+            minHeight?: number;
+            resizable?: boolean;
+            showClose?: boolean;
+            showMinimize?: boolean;
+            showMaximize?: boolean;
+            showDock?: boolean;
+            drag?: boolean;
+            showOk?: boolean;
+            showCancel?: boolean;
+            okText?: string;
+            cancelText?: string;
+        }> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            onResize?: ((...args: any[]) => any) | undefined;
+            onMove?: ((...args: any[]) => any) | undefined;
+            onOk?: ((...args: any[]) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            close: (...args: any[]) => void;
+            resize: (...args: any[]) => void;
+            move: (...args: any[]) => void;
+            ok: (...args: any[]) => void;
+        }, string, {
+            title: string;
+            showClose: boolean;
+            drag: boolean;
+            minWidth: number;
+            minHeight: number;
+            resizable: boolean;
+            showMinimize: boolean;
+            showMaximize: boolean;
+            showDock: boolean;
+            showOk: boolean;
+            showCancel: boolean;
+            okText: string;
+            cancelText: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        title: string;
+        showClose: boolean;
+        drag: boolean;
+        minWidth: number;
+        minHeight: number;
+        resizable: boolean;
+        showMinimize: boolean;
+        showMaximize: boolean;
+        showDock: boolean;
+        showOk: boolean;
+        showCancel: boolean;
+        okText: string;
+        cancelText: string;
+    }> & Omit<Readonly<{
+        title?: string;
+        width?: number;
+        height?: number;
+        minWidth?: number;
+        minHeight?: number;
+        resizable?: boolean;
+        showClose?: boolean;
+        showMinimize?: boolean;
+        showMaximize?: boolean;
+        showDock?: boolean;
+        drag?: boolean;
+        showOk?: boolean;
+        showCancel?: boolean;
+        okText?: string;
+        cancelText?: string;
+    }> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onResize?: ((...args: any[]) => any) | undefined;
+        onMove?: ((...args: any[]) => any) | undefined;
+        onOk?: ((...args: any[]) => any) | undefined;
+    }>, "title" | "showClose" | "drag" | "minWidth" | "minHeight" | "resizable" | "showMinimize" | "showMaximize" | "showDock" | "showOk" | "showCancel" | "okText" | "cancelText"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            header?(_: {}): any;
+            default?(_: {}): any;
+            footer?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+export default _default;

package/components/heatmap/Heatmap.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./Heatmap.vue2.js";
+/* empty css             */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _Heatmap = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-39ea422b"]]);
+export {
+  _Heatmap as default
+};

package/components/heatmap/Heatmap.vue2.js

@@ -0,0 +1,258 @@
+import { ElForm, ElFormItem, ElSelect, ElOption, ElSlider } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/slider/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent, ref, reactive, computed, onMounted, onUnmounted, withDirectives, createBlock, openBlock, withCtx, createElementVNode, createVNode, unref, createCommentVNode, createElementBlock, Fragment, renderList, normalizeStyle, vShow } from "vue";
+import DraggablePanel from "../../panel/DraggablePanel.vue.js";
+import { Heatmap } from "ol/layer";
+import { Vector } from "ol/source";
+import { Feature } from "ol";
+import { Point } from "ol/geom";
+const _hoisted_1 = { class: "control-panel" };
+const _hoisted_2 = { class: "panel-section" };
+const _hoisted_3 = { class: "panel-section" };
+const heatmapId = "heatmap456321";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Heatmap",
+  props: {
+    map: {},
+    data: {}
+  },
+  emits: ["activeInteraction"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const gradients = ref({
+      "喷流色带": ["#0000FF", "#00FFFF", "#00FF00", "#FFFF00", "#FF0000"],
+      "热力图色带": ["#000000", "#800000", "#FF0000", "#FF8000", "#FFFF00"],
+      "冷色调色带": ["#00FFFF", "#00BFFF", "#0000FF", "#8A2BE2", "#FF00FF"],
+      "大地色系": ["#000000", "#006400", "#00FF00", "#FFFF00", "#FFA500", "#FF0000"],
+      "紫翠玉色带": ["#440154", "#3B528B", "#21908C", "#5DC963", "#FDE725"]
+    });
+    let reactiveValue = reactive({
+      visible: true,
+      heatOptions: {
+        pointRadius: 15,
+        blurSize: 15,
+        opacity: 0.7,
+        selectedGradient: "热力图色带"
+      }
+    });
+    const gradientStyle = computed(() => {
+      const colors = gradients.value[reactiveValue.heatOptions.selectedGradient];
+      return {
+        background: `linear-gradient(to right, ${colors.join(", ")})`
+      };
+    });
+    onMounted(() => {
+      const heatLayer = getHeatLayer();
+      const title = heatLayer.title;
+      if (title) {
+        const currentData = props.data.find((item) => item.title === title);
+        if (currentData) {
+          reactiveValue.sourceData = currentData;
+          changeSourceData();
+          return;
+        }
+      }
+      reactiveValue.sourceData = props.data[0];
+      changeSourceData();
+    });
+    onUnmounted(() => {
+      reactiveValue.visible = false;
+    });
+    function handleClose() {
+      props.map.removeLayerById(heatmapId);
+      emit("activeInteraction", { success: false, message: "" });
+    }
+    function handleOk() {
+      reactiveValue.visible = false;
+      emit("activeInteraction", { success: false, message: "" });
+    }
+    function changeSourceData() {
+      var _a, _b;
+      const heatLayer = getHeatLayer();
+      heatLayer.title = (_a = reactiveValue.sourceData) == null ? void 0 : _a.title;
+      (_b = heatLayer.getSource()) == null ? void 0 : _b.clear();
+      const selectedData = reactiveValue.sourceData;
+      if (selectedData) {
+        const vectorSource = heatLayer.getSource();
+        selectedData.points.forEach((pt) => {
+          const feature = new Feature({
+            geometry: new Point([pt.x, pt.y]),
+            weight: pt.weight
+          });
+          vectorSource == null ? void 0 : vectorSource.addFeature(feature);
+        });
+        heatLayer.setSource(vectorSource);
+      }
+    }
+    function getHeatLayer() {
+      let heatLayer = props.map.getLayerById(heatmapId);
+      if (!heatLayer) {
+        heatLayer = new Heatmap({
+          source: new Vector(),
+          blur: reactiveValue.heatOptions.blurSize,
+          radius: reactiveValue.heatOptions.pointRadius,
+          opacity: reactiveValue.heatOptions.opacity,
+          gradient: gradients.value[reactiveValue.heatOptions.selectedGradient]
+        });
+        heatLayer.id = heatmapId;
+        props.map.addLayer(heatLayer, false);
+      }
+      return heatLayer;
+    }
+    function updateHeatmapStyle() {
+      const heatmapLayer = getHeatLayer();
+      heatmapLayer.setBlur(reactiveValue.heatOptions.blurSize);
+      heatmapLayer.setRadius(reactiveValue.heatOptions.pointRadius);
+      heatmapLayer.setOpacity(reactiveValue.heatOptions.opacity);
+      heatmapLayer.setGradient(gradients.value[reactiveValue.heatOptions.selectedGradient]);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_slider = ElSlider;
+      const _component_el_form = ElForm;
+      return withDirectives((openBlock(), createBlock(DraggablePanel, {
+        ref: "locationRef",
+        class: "el-current",
+        title: "热力图控制",
+        drag: true,
+        width: 320,
+        height: props.data.length > 1 ? 458 : 408,
+        showMaximize: false,
+        showOk: true,
+        "show-cancel": true,
+        "cancel-text": "关闭",
+        "ok-text": "确认",
+        onOk: handleOk,
+        onClose: handleClose
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_component_el_form, {
+                model: unref(reactiveValue).heatOptions,
+                "label-width": "auto"
+              }, {
+                default: withCtx(() => [
+                  props.data.length > 1 ? (openBlock(), createBlock(_component_el_form_item, {
+                    key: 0,
+                    label: "数据源"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_select, {
+                        modelValue: unref(reactiveValue).sourceData,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(reactiveValue).sourceData = $event),
+                        "value-key": "title",
+                        placeholder: "请选择",
+                        onChange: changeSourceData
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(props.data, (item) => {
+                            return openBlock(), createBlock(_component_el_option, {
+                              key: item.title,
+                              label: item.title,
+                              value: item
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  createVNode(_component_el_form_item, { label: "点半径" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_slider, {
+                        modelValue: unref(reactiveValue).heatOptions.pointRadius,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(reactiveValue).heatOptions.pointRadius = $event),
+                        min: 1,
+                        max: 50,
+                        step: 1,
+                        onInput: updateHeatmapStyle
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "模糊度" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_slider, {
+                        modelValue: unref(reactiveValue).heatOptions.blurSize,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(reactiveValue).heatOptions.blurSize = $event),
+                        min: 1,
+                        max: 50,
+                        step: 1,
+                        onInput: updateHeatmapStyle
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "颜色渐变" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_select, {
+                        modelValue: unref(reactiveValue).heatOptions.selectedGradient,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(reactiveValue).heatOptions.selectedGradient = $event),
+                        placeholder: "请选择",
+                        onChange: updateHeatmapStyle
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(gradients.value, (grad, name) => {
+                            return openBlock(), createBlock(_component_el_option, {
+                              key: name,
+                              label: name,
+                              value: name
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "不透明度" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_slider, {
+                        modelValue: unref(reactiveValue).heatOptions.opacity,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(reactiveValue).heatOptions.opacity = $event),
+                        min: 0,
+                        max: 1,
+                        step: 0.1,
+                        onInput: updateHeatmapStyle
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model"])
+            ]),
+            createElementVNode("div", _hoisted_3, [
+              _cache[5] || (_cache[5] = createElementVNode("h3", null, "热力分布说明", -1)),
+              createElementVNode("div", {
+                class: "gradient-preview",
+                style: normalizeStyle(gradientStyle.value)
+              }, null, 4),
+              _cache[6] || (_cache[6] = createElementVNode("div", { class: "legend" }, [
+                createElementVNode("span", null, "低密度"),
+                createElementVNode("span", null, "中密度"),
+                createElementVNode("span", null, "高密度")
+              ], -1))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["height"])), [
+        [vShow, unref(reactiveValue).visible]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/heatmap/index.css

@@ -0,0 +1,14 @@
+.control-panel[data-v-39ea422b] {
+  padding: 0px 10px;
+}
+.control-panel .gradient-preview[data-v-39ea422b] {
+  height: 25px;
+  border-radius: 5px;
+  margin-bottom: 10px;
+  border: 1px solid #ddd;
+}
+.control-panel .legend[data-v-39ea422b] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 0.85rem;
+}

package/components/heatmap/index.js

@@ -0,0 +1,8 @@
+import "./index.css";
+import { withInstall } from "../../utils/wthInstall.js";
+import _Heatmap from "./Heatmap.vue.js";
+const Heatmap = withInstall(_Heatmap);
+export {
+  Heatmap,
+  Heatmap as default
+};

package/components/horizontally-top-toolbar/HorizontallyTopToolbar.vue2.js

@@ -145,7 +145,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["loaded"],
   setup(__props, { emit: __emit }) {
-    const modules = /* @__PURE__ */ Object.assign({ "../area-measurement/AreaMeasurement.vue": () => import("../area-measurement/AreaMeasurement.vue2.js"), "../area-measurement/index.ts": () => import("../area-measurement/index.js"), "../clear/Clear.vue": () => import("../clear/Clear.vue2.js"), "../clear/index.ts": () => import("../clear/index.js"), "../difference/Difference.vue": () => import("../difference/Difference.vue2.js"), "../difference/index.ts": () => import("../difference/index.js"), "../distance-measurement/DistanceMeasurement.vue": () => import("../distance-measurement/DistanceMeasurement.vue.js"), "../distance-measurement/index.ts": () => import("../distance-measurement/index.js"), "../draw/Draw.vue": () => import("../draw/Draw.vue2.js"), "../draw/index.ts": () => import("../draw/index.js"), "../export/Export.vue": () => import("../export/Export.vue.js"), "../export/index.ts": () => import("../export/index.js"), "./HorizontallyTopToolbar.vue": () => import("./HorizontallyTopToolbar.vue.js"), "./index.ts": () => import("./index.js"), "../identify/Identify.vue": () => import("../identify/Identify.vue2.js"), "../identify/index.ts": () => import("../identify/index.js"), "../import/Import.vue": () => import("../import/Import.vue2.js"), "../import/index.ts": () => import("../import/index.js"), "../layer-switcher/LayerSwitcher.vue": () => import("../layer-switcher/LayerSwitcher.vue.js"), "../layer-switcher/index.ts": () => import("../layer-switcher/index.js"), "../layer-tree/LayerTree.vue": () => import("../layer-tree/LayerTree.vue.js"), "../layer-tree/index.ts": () => import("../layer-tree/index.js"), "../legend/Legend.vue": () => import("../legend/Legend.vue.js"), "../legend/index.ts": () => import("../legend/index.js"), "../location/Location.vue": () => import("../location/Location.vue.js"), "../location/index.ts": () => import("../location/index.js"), "../map-view/MapView.vue": () => import("../map-view/MapView.vue2.js"), "../map-view/index.ts": () => import("../map-view/index.js"), "../modify/Modify.vue": () => import("../modify/Modify.vue2.js"), "../modify/index.ts": () => import("../modify/index.js"), "../mouse-position/MousePositon.vue": () => import("../mouse-position/MousePositon.vue.js"), "../mouse-position/index.ts": () => import("../mouse-position/index.js"), "../multi-screen-panel/PanelMultiScreen.vue": () => import("../multi-screen-panel/PanelMultiScreen.vue.js"), "../multi-screen-panel/index.ts": () => import("../multi-screen-panel/index.js"), "../multi-screen/MultiScreen.vue": () => import("../multi-screen/MultiScreen.vue.js"), "../multi-screen/index.ts": () => import("../multi-screen/index.js"), "../popup/Popup.vue": () => import("../popup/Popup.vue.js"), "../popup/index.ts": () => import("../popup/index.js"), "../scale-line/ScaleLine.vue": () => import("../scale-line/ScaleLine.vue.js"), "../scale-line/index.ts": () => import("../scale-line/index.js"), "../select/Select.vue": () => import("../select/Select.vue2.js"), "../select/index.ts": () => import("../select/index.js"), "../split/Split.vue": () => import("../split/Split.vue2.js"), "../split/index.ts": () => import("../split/index.js"), "../swipe-layer/SwipeLayer.vue": () => import("../swipe-layer/SwipeLayer.vue2.js"), "../swipe-layer/index.ts": () => import("../swipe-layer/index.js"), "../toc-card/TocCard.vue": () => import("../toc-card/TocCard.vue.js"), "../toc-card/index.ts": () => import("../toc-card/index.js") });
+    const modules = /* @__PURE__ */ Object.assign({ "../area-measurement/AreaMeasurement.vue": () => import("../area-measurement/AreaMeasurement.vue2.js"), "../area-measurement/index.ts": () => import("../area-measurement/index.js"), "../clear/Clear.vue": () => import("../clear/Clear.vue2.js"), "../clear/index.ts": () => import("../clear/index.js"), "../difference/Difference.vue": () => import("../difference/Difference.vue2.js"), "../difference/index.ts": () => import("../difference/index.js"), "../distance-measurement/DistanceMeasurement.vue": () => import("../distance-measurement/DistanceMeasurement.vue.js"), "../distance-measurement/index.ts": () => import("../distance-measurement/index.js"), "../draw/Draw.vue": () => import("../draw/Draw.vue2.js"), "../draw/index.ts": () => import("../draw/index.js"), "../export/Export.vue": () => import("../export/Export.vue.js"), "../export/index.ts": () => import("../export/index.js"), "../heatmap/Heatmap.vue": () => import("../heatmap/Heatmap.vue.js"), "../heatmap/index.ts": () => import("../heatmap/index.js"), "./HorizontallyTopToolbar.vue": () => import("./HorizontallyTopToolbar.vue.js"), "./index.ts": () => import("./index.js"), "../identify/Identify.vue": () => import("../identify/Identify.vue2.js"), "../identify/index.ts": () => import("../identify/index.js"), "../import/Import.vue": () => import("../import/Import.vue2.js"), "../import/index.ts": () => import("../import/index.js"), "../layer-switcher/LayerSwitcher.vue": () => import("../layer-switcher/LayerSwitcher.vue.js"), "../layer-switcher/index.ts": () => import("../layer-switcher/index.js"), "../layer-tree/LayerTree.vue": () => import("../layer-tree/LayerTree.vue.js"), "../layer-tree/index.ts": () => import("../layer-tree/index.js"), "../legend/Legend.vue": () => import("../legend/Legend.vue.js"), "../legend/index.ts": () => import("../legend/index.js"), "../location/Location.vue": () => import("../location/Location.vue.js"), "../location/index.ts": () => import("../location/index.js"), "../map-view/MapView.vue": () => import("../map-view/MapView.vue2.js"), "../map-view/index.ts": () => import("../map-view/index.js"), "../modify/Modify.vue": () => import("../modify/Modify.vue2.js"), "../modify/index.ts": () => import("../modify/index.js"), "../mouse-position/MousePositon.vue": () => import("../mouse-position/MousePositon.vue.js"), "../mouse-position/index.ts": () => import("../mouse-position/index.js"), "../multi-screen-panel/PanelMultiScreen.vue": () => import("../multi-screen-panel/PanelMultiScreen.vue.js"), "../multi-screen-panel/index.ts": () => import("../multi-screen-panel/index.js"), "../multi-screen/MultiScreen.vue": () => import("../multi-screen/MultiScreen.vue.js"), "../multi-screen/index.ts": () => import("../multi-screen/index.js"), "../popup/Popup.vue": () => import("../popup/Popup.vue.js"), "../popup/index.ts": () => import("../popup/index.js"), "../scale-line/ScaleLine.vue": () => import("../scale-line/ScaleLine.vue.js"), "../scale-line/index.ts": () => import("../scale-line/index.js"), "../select/Select.vue": () => import("../select/Select.vue2.js"), "../select/index.ts": () => import("../select/index.js"), "../split/Split.vue": () => import("../split/Split.vue2.js"), "../split/index.ts": () => import("../split/index.js"), "../swipe-layer/SwipeLayer.vue": () => import("../swipe-layer/SwipeLayer.vue2.js"), "../swipe-layer/index.ts": () => import("../swipe-layer/index.js"), "../toc-card/TocCard.vue": () => import("../toc-card/TocCard.vue.js"), "../toc-card/index.ts": () => import("../toc-card/index.js") });
     const emit = __emit;
     const props = __props;
     const reactiveValue = reactive({

package/components/layer-switcher/LayerSwitcher.vue.d.ts

@@ -1,8 +1,11 @@
 import { IMapService } from 'ym-gis-2d/entity';
 import { default as OLMap } from 'ym-gis-2d/mapView/Map';
+interface ILayerSwitcher extends IMapService {
+    isRepels?: boolean;
+}
 type __VLS_Props = {
     map: OLMap;
-    layers: IMapService[];
+    layers: ILayerSwitcher[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/layer-switcher/LayerSwitcher.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./LayerSwitcher.vue2.js";
 /* empty css                   */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _LayerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2222fecf"]]);
+const _LayerSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9bf6ad4"]]);
 export {
   _LayerSwitcher as default
 };

package/components/layer-switcher/LayerSwitcher.vue2.js

@@ -13,21 +13,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       activeIds: []
       //用户存储当前激活的图层id
     });
-    onMounted(() => {
+    onMounted(async () => {
       for (const layer of props.layers) {
         if (layer.checked) {
-          reactiveValues.activeIds.push(layer.id);
-          props.map.addMapLayer(layer);
+          await addLayer(layer);
         }
       }
     });
-    function addLayer(layer) {
+    async function addLayer(layer) {
       if (reactiveValues.activeIds.indexOf(layer.id) > -1) {
         reactiveValues.activeIds.splice(reactiveValues.activeIds.indexOf(layer.id), 1);
         props.map.removeLayerById(layer.id);
       } else {
+        const ids = props.layers.filter((t) => t.isRepels).map((t) => t.id);
+        if (layer.isRepels && ids && ids.length > 0) {
+          props.map.removeLayerByIds(ids);
+          reactiveValues.activeIds = reactiveValues.activeIds.filter((t) => ids.indexOf(t) === -1);
+        }
         reactiveValues.activeIds.push(layer.id);
-        props.map.addMapLayer(layer);
+        await props.map.addMapLayer(layer);
       }
     }
     return (_ctx, _cache) => {

package/components/layer-switcher/index.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-.layerSwitcher[data-v-2222fecf] {
+.layerSwitcher[data-v-d9bf6ad4] {
   width: 106px;
   height: 70px;
   position: absolute;
@@ -16,22 +16,22 @@
   -o-transition: width 0.8s, height 0.8s, -o-transform 0.8s;
   /* Opera */
 }
-.layerSwitcher[data-v-2222fecf]:hover {
+.layerSwitcher[data-v-d9bf6ad4]:hover {
   width: unset;
   padding-right: 5px;
   background: rgba(255, 255, 255, 0.3);
   display: flex;
   align-items: center;
 }
-.layerSwitcher:hover .layer[data-v-2222fecf] {
+.layerSwitcher:hover .layer[data-v-d9bf6ad4] {
   margin-left: 5px;
   position: unset;
 }
-.layerSwitcher:hover span[data-v-2222fecf] {
+.layerSwitcher:hover span[data-v-d9bf6ad4] {
   position: unset !important;
   margin-top: 42px;
 }
-.layerSwitcher .mapTypeCard[data-v-2222fecf] {
+.layerSwitcher .mapTypeCard[data-v-d9bf6ad4] {
   position: absolute;
   top: 5px;
   width: 86px;
@@ -53,7 +53,7 @@
   -o-transition: right 0.8s;
   /* Opera */
 }
-.layerSwitcher .mapTypeCard span[data-v-2222fecf] {
+.layerSwitcher .mapTypeCard span[data-v-d9bf6ad4] {
   width: 84px;
   border-radius: 2px;
   height: 16px;
@@ -67,15 +67,15 @@
   background: #888f88;
   opacity: 0.8;
 }
-.layerSwitcher .layer[data-v-2222fecf] {
+.layerSwitcher .layer[data-v-d9bf6ad4] {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }
-.layerSwitcher .layer[data-v-2222fecf]:hover {
+.layerSwitcher .layer[data-v-d9bf6ad4]:hover {
   border: solid 1px #31a5f7;
 }
-.layerSwitcher .layer:hover span[data-v-2222fecf],
-.layerSwitcher .active span[data-v-2222fecf] {
+.layerSwitcher .layer:hover span[data-v-d9bf6ad4],
+.layerSwitcher .active span[data-v-d9bf6ad4] {
   background: #31a5f7;
 }

package/components/map-view/MapView.vue.d.ts

@@ -395,10 +395,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         refresh: () => void;
         fitLayer: (layer: import('ym-gis-2d/layers/IBaseLayer').IBaseLayer) => void;
         fitLayerById: (id: string) => void;
+        fitFilterByLayerTag: (layerTag: string, filter: string, isSelected?: boolean) => Promise<void>;
         addMapLayer: (layerInfo: import('ym-gis-2d/entity').IMapService) => Promise<import('ol/layer/Base').default>;
         addMapLayers: (layerInfo: import('ym-gis-2d/entity').IMapService[]) => Promise<import('ol/layer/Base').default[]>;
         addLayer: (layer: import('ol/layer/Base').default, fitLayer?: boolean) => void;
         removeLayerById: (id: string) => void;
+        removeLayerByIds: (ids: string[]) => void;
         getLayerById: (id: string) => import('ol/layer/Base').default | undefined;
         getLayerByLayerTag: (layerTag: string) => import('ol/layer/Base').default | undefined;
         getLayersByIds: (ids: string[]) => import('ol/layer/Base').default[];

package/components/map-view/index.d.ts

@@ -390,10 +390,12 @@ export declare const MapView: import('../../utils').WithInstall<import('vue').De
         refresh: () => void;
         fitLayer: (layer: import('ym-gis-2d/layers/IBaseLayer').IBaseLayer) => void;
         fitLayerById: (id: string) => void;
+        fitFilterByLayerTag: (layerTag: string, filter: string, isSelected?: boolean) => Promise<void>;
         addMapLayer: (layerInfo: import('ym-gis-2d/entity').IMapService) => Promise<import('ol/layer/Base').default>;
         addMapLayers: (layerInfo: import('ym-gis-2d/entity').IMapService[]) => Promise<import('ol/layer/Base').default[]>;
         addLayer: (layer: import('ol/layer/Base').default, fitLayer?: boolean) => void;
         removeLayerById: (id: string) => void;
+        removeLayerByIds: (ids: string[]) => void;
         getLayerById: (id: string) => import('ol/layer/Base').default | undefined;
         getLayerByLayerTag: (layerTag: string) => import('ol/layer/Base').default | undefined;
         getLayersByIds: (ids: string[]) => import('ol/layer/Base').default[];

package/components/multi-screen/MultiScreen.vue.d.ts

@@ -397,10 +397,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         refresh: () => void;
         fitLayer: (layer: import('ym-gis-2d/layers/IBaseLayer').IBaseLayer) => void;
         fitLayerById: (id: string) => void;
+        fitFilterByLayerTag: (layerTag: string, filter: string, isSelected?: boolean) => Promise<void>;
         addMapLayer: (layerInfo: IMapService) => Promise<import('ol/layer/Base').default>;
         addMapLayers: (layerInfo: IMapService[]) => Promise<import('ol/layer/Base').default[]>;
         addLayer: (layer: import('ol/layer/Base').default, fitLayer?: boolean) => void;
         removeLayerById: (id: string) => void;
+        removeLayerByIds: (ids: string[]) => void;
         getLayerById: (id: string) => import('ol/layer/Base').default | undefined;
         getLayerByLayerTag: (layerTag: string) => import('ol/layer/Base').default | undefined;
         getLayersByIds: (ids: string[]) => import('ol/layer/Base').default[];

package/components/multi-screen/index.d.ts

@@ -393,10 +393,12 @@ export declare const MultiScreen: import('../../utils').WithInstall<import('vue'
         refresh: () => void;
         fitLayer: (layer: import('ym-gis-2d/layers/IBaseLayer').IBaseLayer) => void;
         fitLayerById: (id: string) => void;
+        fitFilterByLayerTag: (layerTag: string, filter: string, isSelected?: boolean) => Promise<void>;
         addMapLayer: (layerInfo: import('ym-gis-2d/entity').IMapService) => Promise<import('ol/layer/Base').default>;
         addMapLayers: (layerInfo: import('ym-gis-2d/entity').IMapService[]) => Promise<import('ol/layer/Base').default[]>;
         addLayer: (layer: import('ol/layer/Base').default, fitLayer?: boolean) => void;
         removeLayerById: (id: string) => void;
+        removeLayerByIds: (ids: string[]) => void;
         getLayerById: (id: string) => import('ol/layer/Base').default | undefined;
         getLayerByLayerTag: (layerTag: string) => import('ol/layer/Base').default | undefined;
         getLayersByIds: (ids: string[]) => import('ol/layer/Base').default[];

package/index.d.ts

@@ -19,3 +19,4 @@ export * from './components/location';
 export * from './components/split';
 export * from './components/difference';
 export * from './components/modify';
+export * from './components/heatmap';

package/index.js

@@ -20,6 +20,7 @@ import { Location } from "./components/location/index.js";
 import { Split } from "./components/split/index.js";
 import { Difference } from "./components/difference/index.js";
 import { Modify } from "./components/modify/index.js";
+import { Heatmap } from "./components/heatmap/index.js";
 export {
   AreaMeasurement,
   Clear,
@@ -27,6 +28,7 @@ export {
   DistanceMeasurement,
   Draw,
   Export,
+  Heatmap,
   HorizontallyTopToolbar,
   Identify,
   Import,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ym-giswidget-2d",
-  "version": "1.0.59",
+  "version": "1.0.61",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -10,6 +10,6 @@
     "element-plus": "^2.9.0",
     "jszip": "^3.10.1",
     "ol": "^9.2.4",
-    "ym-gis-2d": "1.0.38"
+    "ym-gis-2d": "1.0.40"
   }
 }

package/components/layer-switcher/index.d.ts

@@ -1,8 +0,0 @@
-export declare const LayerSwitcher: import('../../utils').WithInstall<import('vue').DefineComponent<{
-    map: import('ym-gis-2d/mapView/Map').default;
-    layers: import('ym-gis-2d/entity').IMapService[];
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    map: import('ym-gis-2d/mapView/Map').default;
-    layers: import('ym-gis-2d/entity').IMapService[];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
-export default LayerSwitcher;