ym-giswidget-2d 1.0.30 → 1.0.31

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

@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["loaded"],
   setup(__props, { emit: __emit }) {
-    const modules = /* @__PURE__ */ Object.assign({ "../clear/Clear.vue": () => import("../clear/Clear.vue2.js"), "../clear/index.ts": () => import("../clear/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-tree/LayerTree.vue": () => import("../layer-tree/LayerTree.vue.js"), "../layer-tree/index.ts": () => import("../layer-tree/index.js"), "../map-view/MapView.vue": () => import("../map-view/MapView.vue2.js"), "../map-view/index.ts": () => import("../map-view/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"), "../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({ "../clear/Clear.vue": () => import("../clear/Clear.vue2.js"), "../clear/index.ts": () => import("../clear/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-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"), "../map-view/MapView.vue": () => import("../map-view/MapView.vue2.js"), "../map-view/index.ts": () => import("../map-view/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"), "../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/legend/Legend.vue.d.ts

@@ -0,0 +1,14 @@
+import { IMapService } from 'ym-gis-2d/entity';
+import { default as OLMap } from 'ym-gis-2d/mapView/Map';
+/**
+ * showGeodetic 是否显示经纬度坐标，默认为false。如果是true，则显示经纬度坐标，否则根据地图坐标系显示坐标
+ */
+type __VLS_Props = {
+    map: OLMap;
+    layers: IMapService[];
+    title?: string;
+};
+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, {
+    legendRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/components/legend/Legend.vue.js

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

package/components/legend/Legend.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent, ref, onMounted, onUnmounted, createElementBlock, openBlock } from "vue";
+import LegendControl from "ym-gis-2d/controls/LegendControl";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Legend",
+  props: {
+    map: {},
+    layers: {},
+    title: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const legendRef = ref();
+    onMounted(() => {
+      const control = new LegendControl({
+        target: legendRef.value,
+        className: "legend",
+        layerInfos: props.layers,
+        title: props.title
+      });
+      props.map.controlManager.addControl("legend", control);
+    });
+    onUnmounted(() => {
+      props.map.controlManager.removeControl("legend");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "legendRef",
+        ref: legendRef,
+        class: "legend-container"
+      }, null, 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/legend/index.css

@@ -0,0 +1,11 @@
+.legend-container[data-v-83757dcb] {
+  position: absolute;
+  left: 10px;
+  top: 10px;
+  background-color: var(--system-primary-color);
+  border: 1px solid var(--system-primary-border-color);
+}
+.legend-container[data-v-83757dcb] .legend {
+  color: var(--system-primary-text-color);
+  margin: 9px;
+}

package/components/legend/index.d.ts

@@ -0,0 +1,12 @@
+export declare const Legend: import('../../utils').WithInstall<import('vue').DefineComponent<{
+    map: import('ym-gis-2d/mapView/Map').default;
+    layers: import('ym-gis-2d/entity').IMapService[];
+    title?: string;
+}, {}, {}, {}, {}, 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[];
+    title?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    legendRef: HTMLDivElement;
+}, HTMLDivElement>>;
+export default Legend;

package/components/legend/index.js

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

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

@@ -64,6 +64,49 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             relatedId?: string | undefined;
             minScale?: number | undefined;
             maxScale?: number | undefined;
+            legend?: {
+                layerName: string;
+                title: string;
+                rules: {
+                    name: string;
+                    title: string;
+                    filter: string;
+                    symbolizers: {
+                        Polygon?: {
+                            stroke: string;
+                            "stroke-width": string;
+                            "stroke-opacity": string;
+                            "stroke-linecap": string;
+                            "stroke-linejoin": string;
+                            fill: string;
+                            "fill-opacity": string;
+                        } | undefined;
+                        Line?: {
+                            stroke: string;
+                            "stroke-width": string;
+                            "stroke-opacity": string;
+                            "stroke-linecap": string;
+                            "stroke-linejoin": string;
+                        } | undefined;
+                        Point?: {
+                            title: string;
+                            abstract: string;
+                            url: string;
+                            size: string;
+                            opacity: string;
+                            rotation: string;
+                            graphics: {
+                                mark: string;
+                                fill: string;
+                                "fill-opacity": string;
+                            }[];
+                        } | undefined;
+                        imgUrl?: string | undefined;
+                    }[];
+                }[];
+                url?: string | undefined;
+            }[] | undefined;
+            showLegend?: boolean | undefined;
         } | undefined;
         interactionManager: {
             map: {

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

@@ -63,6 +63,49 @@ export declare const MapView: import('../../utils').WithInstall<import('vue').De
             relatedId?: string | undefined;
             minScale?: number | undefined;
             maxScale?: number | undefined;
+            legend?: {
+                layerName: string;
+                title: string;
+                rules: {
+                    name: string;
+                    title: string;
+                    filter: string;
+                    symbolizers: {
+                        Polygon?: {
+                            stroke: string;
+                            "stroke-width": string;
+                            "stroke-opacity": string;
+                            "stroke-linecap": string;
+                            "stroke-linejoin": string;
+                            fill: string;
+                            "fill-opacity": string;
+                        } | undefined;
+                        Line?: {
+                            stroke: string;
+                            "stroke-width": string;
+                            "stroke-opacity": string;
+                            "stroke-linecap": string;
+                            "stroke-linejoin": string;
+                        } | undefined;
+                        Point?: {
+                            title: string;
+                            abstract: string;
+                            url: string;
+                            size: string;
+                            opacity: string;
+                            rotation: string;
+                            graphics: {
+                                mark: string;
+                                fill: string;
+                                "fill-opacity": string;
+                            }[];
+                        } | undefined;
+                        imgUrl?: string | undefined;
+                    }[];
+                }[];
+                url?: string | undefined;
+            }[] | undefined;
+            showLegend?: boolean | undefined;
         } | undefined;
         interactionManager: {
             map: {

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

@@ -70,6 +70,49 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             relatedId?: string | undefined;
             minScale?: number | undefined;
             maxScale?: number | undefined;
+            legend?: {
+                layerName: string;
+                title: string;
+                rules: {
+                    name: string;
+                    title: string;
+                    filter: string;
+                    symbolizers: {
+                        Polygon?: {
+                            stroke: string;
+                            "stroke-width": string;
+                            "stroke-opacity": string;
+                            "stroke-linecap": string;
+                            "stroke-linejoin": string;
+                            fill: string;
+                            "fill-opacity": string;
+                        } | undefined;
+                        Line?: {
+                            stroke: string;
+                            "stroke-width": string;
+                            "stroke-opacity": string;
+                            "stroke-linecap": string;
+                            "stroke-linejoin": string;
+                        } | undefined;
+                        Point?: {
+                            title: string;
+                            abstract: string;
+                            url: string;
+                            size: string;
+                            opacity: string;
+                            rotation: string;
+                            graphics: {
+                                mark: string;
+                                fill: string;
+                                "fill-opacity": string;
+                            }[];
+                        } | undefined;
+                        imgUrl?: string | undefined;
+                    }[];
+                }[];
+                url?: string | undefined;
+            }[] | undefined;
+            showLegend?: boolean | undefined;
         } | undefined;
         interactionManager: {
             map: {

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

@@ -66,6 +66,49 @@ export declare const MultiScreen: import('../../utils').WithInstall<import('vue'
             relatedId?: string | undefined;
             minScale?: number | undefined;
             maxScale?: number | undefined;
+            legend?: {
+                layerName: string;
+                title: string;
+                rules: {
+                    name: string;
+                    title: string;
+                    filter: string;
+                    symbolizers: {
+                        Polygon?: {
+                            stroke: string;
+                            "stroke-width": string;
+                            "stroke-opacity": string;
+                            "stroke-linecap": string;
+                            "stroke-linejoin": string;
+                            fill: string;
+                            "fill-opacity": string;
+                        } | undefined;
+                        Line?: {
+                            stroke: string;
+                            "stroke-width": string;
+                            "stroke-opacity": string;
+                            "stroke-linecap": string;
+                            "stroke-linejoin": string;
+                        } | undefined;
+                        Point?: {
+                            title: string;
+                            abstract: string;
+                            url: string;
+                            size: string;
+                            opacity: string;
+                            rotation: string;
+                            graphics: {
+                                mark: string;
+                                fill: string;
+                                "fill-opacity": string;
+                            }[];
+                        } | undefined;
+                        imgUrl?: string | undefined;
+                    }[];
+                }[];
+                url?: string | undefined;
+            }[] | undefined;
+            showLegend?: boolean | undefined;
         } | undefined;
         interactionManager: {
             map: {

package/index.d.ts

@@ -11,3 +11,4 @@ export * from './components/identify';
 export * from './components/mouse-position';
 export * from './components/scale-line';
 export * from './components/map-view';
+export * from './components/legend';

package/index.js

@@ -12,6 +12,7 @@ import { Identify } from "./components/identify/index.js";
 import { MousePositon } from "./components/mouse-position/index.js";
 import { ScaleLine } from "./components/scale-line/index.js";
 import { MapView } from "./components/map-view/index.js";
+import { Legend } from "./components/legend/index.js";
 export {
   Clear,
   Draw,
@@ -19,6 +20,7 @@ export {
   HorizontallyTopToolbar,
   Identify,
   Import,
+  Legend,
   MapView,
   MousePositon,
   MultiScreen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ym-giswidget-2d",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "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.9"
+    "ym-gis-2d": "1.0.11"
   }
 }