ym-giswidget-2d 1.0.15 → 1.0.17

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

@@ -1,11 +1,19 @@
-import { default as OLMap, OlMapOptions } from 'ym-giscomm-2d/mapView/Map';
-import { default as IMapService } from 'ym-giscomm-2d/entity/layer/IMapService';
-import { default as OLView } from 'ym-giscomm-2d/mapView/View';
+import { default as OLMap } from 'ym-gis-2d/mapView/Map';
+import { default as IMapService } from 'ym-gis-2d/entity/layer/IMapService';
+import { default as OLView } from 'ym-gis-2d/mapView/View';
 type __VLS_Props = {
     layers: IMapService[];
     screenNum: number;
-    mainMap?: OLMap;
-    options?: OlMapOptions;
+    map?: OLMap;
+    projection?: number;
+    center?: number[];
+    extent?: number[];
+    zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    minResolution?: number;
+    maxResolution?: number;
+    constrainResolution?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     screenMaps: {
@@ -314,25 +322,35 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             removeAllControls: () => void;
             getControl: (name: string) => import('ol/control').Control | undefined;
         };
+        _options: {
+            projection: number | undefined;
+            center: number[] | undefined;
+            extent: number[] | undefined;
+            zoom: number | undefined;
+            minZoom: number | undefined;
+            maxZoom: number | undefined;
+            minResolution: number | undefined;
+            maxResolution: number | undefined;
+            constrainResolution: boolean | undefined;
+        };
         getView: () => OLView;
-        fitLayer: (layer: import('ym-giscomm-2d/layers/IBaseLayer').IBaseLayer) => void;
+        fitLayer: (layer: import('ym-gis-2d/layers/IBaseLayer').IBaseLayer) => 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;
         getLayersById: (id: string) => import('ol/layer/Base').default | undefined;
         getLayersByIds: (ids: string[]) => import('ol/layer/Base').default[];
-        getTempLayerById: (id: string) => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
-        getPointTempLayer: () => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
-        getLineTempLayer: () => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
-        getPolygonTempLayer: () => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
-        getTempLayerByGeoType: (geoType: string) => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
+        getTempLayerById: (id: string) => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
+        getPointTempLayer: () => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
+        getLineTempLayer: () => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
+        getPolygonTempLayer: () => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
+        getTempLayerByGeoType: (geoType: string) => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
         resetViewProjection: (projection: string) => void;
         sortTemLayer: () => void;
         getExtent: () => import('ol/extent').Extent;
         addWKT: (wkt: string, wkid: number, tag?: string, location?: boolean, fillColor?: string, strokeColor?: string, strokeWidth?: number) => void;
         addWKTs: (wkts: string[], wkid: number, tag?: string, location?: boolean, fillColor?: string, strokeColor?: string, strokeWidth?: number) => void;
-        clearTempFeatures: (tag?: string) => void;
         on: import('ol/Map').MapEventHandler<import('ol/events').EventsKey>;
         once: import('ol/Map').MapEventHandler<import('ol/events').EventsKey>;
         un: import('ol/Map').MapEventHandler<void>;
@@ -421,6 +439,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onLoaded?: ((...args: any[]) => any) | undefined;
 }>, {
+    projection: number;
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    constrainResolution: boolean;
     screenNum: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/multi-screen/MultiScreen.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./MultiScreen.vue2.js";
 /* empty css                 */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _MultiScreen = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-174306d9"]]);
+const _MultiScreen = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52b77a87"]]);
 export {
   _MultiScreen as default
 };

package/components/multi-screen/MultiScreen.vue2.js

@@ -1,8 +1,8 @@
 import { defineComponent, reactive, onMounted, onUnmounted, computed, createElementBlock, openBlock, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, createCommentVNode, unref } from "vue";
-import OLMap from "ym-giscomm-2d/mapView/Map";
+import OLMap from "ym-gis-2d/mapView/Map";
 import { TocCard } from "../toc-card/index.js";
-import OLView from "ym-giscomm-2d/mapView/View";
-import { registerProj } from "ym-giscomm-2d/utils/RegisterProjUtil";
+import OLView from "ym-gis-2d/mapView/View";
+import { registerProj } from "ym-gis-2d/utils/RegisterProjUtil";
 const _hoisted_1 = { class: "multi-screen-container" };
 const _hoisted_2 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,8 +13,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     layers: {},
     screenNum: { default: 2 },
-    mainMap: {},
-    options: {}
+    map: {},
+    projection: { default: 4490 },
+    center: {},
+    extent: {},
+    zoom: { default: 10 },
+    minZoom: { default: 0 },
+    maxZoom: { default: 28 },
+    minResolution: {},
+    maxResolution: {},
+    constrainResolution: { type: Boolean, default: false }
   },
   emits: ["loaded"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -25,12 +33,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onMounted(() => {
       var _a;
-      let view = (_a = props.mainMap) == null ? void 0 : _a.getView();
+      let view = (_a = props.map) == null ? void 0 : _a.getView();
       if (!view) {
-        const options = props.options ? props.options : { projection: 4490, center: [117.22718, 31.820386], minZoom: 0, maxZoom: 28, constrainResolution: false };
+        const options = {
+          projection: props.projection,
+          center: props.center,
+          extent: props.extent,
+          zoom: props.zoom,
+          minZoom: props.minZoom,
+          maxZoom: props.maxZoom,
+          minResolution: props.minResolution,
+          maxResolution: props.maxResolution,
+          constrainResolution: props.constrainResolution
+        };
         const projection = options.projection ? "EPSG:" + options.projection : "EPSG:4490";
         registerProj(projection);
-        const view1 = new OLView({
+        view = new OLView({
           center: options.center,
           zoom: 4,
           projection,
@@ -40,10 +58,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           maxResolution: options.maxResolution,
           constrainResolution: options.constrainResolution
         });
-        for (let i = 1; i <= props.screenNum; i++) {
-          const map = new OLMap("screenmap" + i, props.options, view1);
-          reactiveValue.screenMaps.push(map);
-        }
+      } else {
+        view = new OLView({
+          center: view.getCenter(),
+          zoom: view.getZoom(),
+          projection: view.getProjection(),
+          minZoom: view.getMinZoom(),
+          maxZoom: view.getMaxZoom(),
+          minResolution: view.getMinResolution(),
+          maxResolution: view.getMaxResolution(),
+          constrainResolution: view.getConstrainResolution()
+        });
+      }
+      for (let i = 1; i <= props.screenNum; i++) {
+        const map = new OLMap("screenmap" + i, void 0, view);
+        reactiveValue.screenMaps.push(map);
       }
     });
     onUnmounted(() => {

package/components/multi-screen/index.css

@@ -1,12 +1,12 @@
-.multi-screen-container[data-v-174306d9] {
+.multi-screen-container[data-v-52b77a87] {
   display: flex;
   height: 100%;
   width: 100%;
 }
-.multi-screen-container .multi-screen[data-v-174306d9] {
+.multi-screen-container .multi-screen[data-v-52b77a87] {
   border: 1px solid black;
 }
-.multi-screen-container .multi-screen .multi-screen__map[data-v-174306d9] {
+.multi-screen-container .multi-screen .multi-screen__map[data-v-52b77a87] {
   width: 100%;
   height: 100%;
 }

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

@@ -1,8 +1,16 @@
 export declare const MultiScreen: import('../../utils').WithInstall<import('vue').DefineComponent<{
-    layers: import('ym-giscomm-2d/entity').IMapService[];
+    layers: import('ym-gis-2d/entity').IMapService[];
     screenNum: number;
-    mainMap?: import('ym-giscomm-2d/mapView/Map').default;
-    options?: import('ym-giscomm-2d/mapView/Map').OlMapOptions;
+    map?: import('ym-gis-2d/mapView/Map').default;
+    projection?: number;
+    center?: number[];
+    extent?: number[];
+    zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    minResolution?: number;
+    maxResolution?: number;
+    constrainResolution?: boolean;
 }, {
     screenMaps: {
         currentEditLayer?: {
@@ -310,25 +318,35 @@ export declare const MultiScreen: import('../../utils').WithInstall<import('vue'
             removeAllControls: () => void;
             getControl: (name: string) => import('ol/control').Control | undefined;
         };
-        getView: () => import('ym-giscomm-2d/mapView/View').default;
-        fitLayer: (layer: import('ym-giscomm-2d/layers/IBaseLayer').IBaseLayer) => void;
-        addMapLayer: (layerInfo: import('ym-giscomm-2d/entity').IMapService) => Promise<import('ol/layer/Base').default>;
-        addMapLayers: (layerInfo: import('ym-giscomm-2d/entity').IMapService[]) => Promise<import('ol/layer/Base').default[]>;
+        _options: {
+            projection: number | undefined;
+            center: number[] | undefined;
+            extent: number[] | undefined;
+            zoom: number | undefined;
+            minZoom: number | undefined;
+            maxZoom: number | undefined;
+            minResolution: number | undefined;
+            maxResolution: number | undefined;
+            constrainResolution: boolean | undefined;
+        };
+        getView: () => import('ym-gis-2d/mapView/View').default;
+        fitLayer: (layer: import('ym-gis-2d/layers/IBaseLayer').IBaseLayer) => 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;
         getLayersById: (id: string) => import('ol/layer/Base').default | undefined;
         getLayersByIds: (ids: string[]) => import('ol/layer/Base').default[];
-        getTempLayerById: (id: string) => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
-        getPointTempLayer: () => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
-        getLineTempLayer: () => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
-        getPolygonTempLayer: () => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
-        getTempLayerByGeoType: (geoType: string) => import('ol/layer').Vector<import('ym-giscomm-2d/entity/Feature').default>;
+        getTempLayerById: (id: string) => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
+        getPointTempLayer: () => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
+        getLineTempLayer: () => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
+        getPolygonTempLayer: () => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
+        getTempLayerByGeoType: (geoType: string) => import('ol/layer').Vector<import('ym-gis-2d/entity/Feature').default>;
         resetViewProjection: (projection: string) => void;
         sortTemLayer: () => void;
         getExtent: () => import('ol/extent').Extent;
         addWKT: (wkt: string, wkid: number, tag?: string, location?: boolean, fillColor?: string, strokeColor?: string, strokeWidth?: number) => void;
         addWKTs: (wkts: string[], wkid: number, tag?: string, location?: boolean, fillColor?: string, strokeColor?: string, strokeWidth?: number) => void;
-        clearTempFeatures: (tag?: string) => void;
         on: import('ol/Map').MapEventHandler<import('ol/events').EventsKey>;
         once: import('ol/Map').MapEventHandler<import('ol/events').EventsKey>;
         un: import('ol/Map').MapEventHandler<void>;
@@ -415,13 +433,26 @@ export declare const MultiScreen: import('../../utils').WithInstall<import('vue'
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     loaded: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{
-    layers: import('ym-giscomm-2d/entity').IMapService[];
+    layers: import('ym-gis-2d/entity').IMapService[];
     screenNum: number;
-    mainMap?: import('ym-giscomm-2d/mapView/Map').default;
-    options?: import('ym-giscomm-2d/mapView/Map').OlMapOptions;
+    map?: import('ym-gis-2d/mapView/Map').default;
+    projection?: number;
+    center?: number[];
+    extent?: number[];
+    zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    minResolution?: number;
+    maxResolution?: number;
+    constrainResolution?: boolean;
 }> & Readonly<{
     onLoaded?: ((...args: any[]) => any) | undefined;
 }>, {
+    projection: number;
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    constrainResolution: boolean;
     screenNum: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
 export default MultiScreen;

package/components/multi-screen-panel/PanelMultiScreen.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./PanelMultiScreen.vue2.js";
 /* empty css                      */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _PanelMultiScreen = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f99aa501"]]);
+const _PanelMultiScreen = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2c378f72"]]);
 export {
   _PanelMultiScreen as default
 };

package/components/multi-screen-panel/PanelMultiScreen.vue2.js

@@ -5,9 +5,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PanelMultiScreen",
   props: {
     data: {},
-    mainMap: {}
+    map: {}
   },
   setup(__props) {
+    const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(DraggablePanel, {
         class: "multi-screen-panel",
@@ -17,8 +18,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(MultiScreen), {
             layers: _ctx.data,
-            screenNum: 2
-          }, null, 8, ["layers"])
+            screenNum: 2,
+            map: props.map
+          }, null, 8, ["layers", "map"])
         ]),
         _: 1
       });

package/components/multi-screen-panel/index.css

@@ -1,3 +1,3 @@
-.multi-screen-panel1[data-v-f99aa501] {
+.multi-screen-panel1[data-v-2c378f72] {
   width: 100%;
 }

package/components/popup/Popup.vue.d.ts

@@ -1,5 +1,5 @@
-import { default as Feature } from 'ym-giscomm-2d/entity/Feature';
-import { default as OLMap } from 'ym-giscomm-2d/mapView/Map';
+import { default as Feature } from 'ym-gis-2d/entity/Feature';
+import { default as OLMap } from 'ym-gis-2d/mapView/Map';
 import { Coordinate } from 'ol/coordinate';
 import { nextTick } from 'vue';
 type __VLS_Props = {

package/components/popup/Popup.vue.js

@@ -2,7 +2,7 @@ import _sfc_main from "./Popup.vue2.js";
 /* empty css           */
 /* empty css           */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-61fb39d3"]]);
+const _Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f55c868e"]]);
 export {
   _Popup as default
 };

package/components/popup/Popup.vue2.js

@@ -10,7 +10,7 @@ import DraggablePanel from "../../panel/DraggablePanel.vue.js";
 import Overlay from "ol/Overlay";
 import { getLayerFields } from "../../http/LayerField.js";
 import { ElMessage } from "element-plus";
-import FeatureManager from "ym-giscomm-2d/feature/FeatureManager";
+import FeatureManager from "ym-gis-2d/feature/FeatureManager";
 const _hoisted_1 = { class: "identify-popup-content" };
 const _hoisted_2 = { class: "pagination-block" };
 const overlayId = "identify-popup";

package/components/popup/index.css

@@ -1,4 +1,4 @@
-.identify-popup[data-v-61fb39d3] {
+.identify-popup[data-v-f55c868e] {
   top: unset !important;
   overflow: unset !important;
   transform: unset !important;
@@ -7,7 +7,7 @@
   left: -50px;
   transform: unset !important;
 }
-.identify-popup[data-v-61fb39d3]::after, .identify-popup[data-v-61fb39d3]::before {
+.identify-popup[data-v-f55c868e]::after, .identify-popup[data-v-f55c868e]::before {
   top: 100%;
   border: solid transparent;
   content: " ";
@@ -16,39 +16,39 @@
   position: absolute;
   pointer-events: none;
 }
-.identify-popup[data-v-61fb39d3]::after {
+.identify-popup[data-v-f55c868e]::after {
   border-top-color: white;
   border-width: 10px;
   left: 48px;
   margin-left: -10px;
 }
-.identify-popup[data-v-61fb39d3]::before {
+.identify-popup[data-v-f55c868e]::before {
   border-top-color: #cccccc;
   border-width: 11px;
   left: 48px;
   margin-left: -11px;
 }
-.identify-popup .panel-header .el-select[data-v-61fb39d3] {
+.identify-popup .panel-header .el-select[data-v-f55c868e] {
   --el-fill-color-blank: "";
   --el-input-text-color: var(--system-primary-text-color);
   --el-input-icon-color: var(--system-primary-text-color);
 }
-.identify-popup .identify-popup-content[data-v-61fb39d3] {
+.identify-popup .identify-popup-content[data-v-f55c868e] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.identify-popup .identify-popup-content .el-table[data-v-61fb39d3] {
+.identify-popup .identify-popup-content .el-table[data-v-f55c868e] {
   --el-table-bg-color: "";
   --el-table-tr-bg-color: "";
   --el-table-text-color: var(--system-primary-text-color);
   --el-table-row-hover-bg-color: "";
   height: 100%;
 }
-.identify-popup .identify-popup-content .pagination-block[data-v-61fb39d3] {
+.identify-popup .identify-popup-content .pagination-block[data-v-f55c868e] {
   margin-top: 10px;
 }
-.identify-popup .identify-popup-content .pagination-block .el-pagination[data-v-61fb39d3] {
+.identify-popup .identify-popup-content .pagination-block .el-pagination[data-v-f55c868e] {
   justify-content: center;
   --el-pagination-bg-color: "";
   --el-pagination-text-color: var(--system-primary-text-color);
@@ -56,6 +56,6 @@
   --el-pagination-button-disabled-bg-color: "";
   --el-pagination-button-color: var(--system-primary-text-color);
 }
-.identify-popup .identify-popup-content .pagination-block .el-pagination[data-v-61fb39d3] .el-icon {
+.identify-popup .identify-popup-content .pagination-block .el-pagination[data-v-f55c868e] .el-icon {
   color: var(--system-primary-text-color);
 }

package/components/popup/index.d.ts

@@ -1,12 +1,12 @@
 export declare const Popup: import('../../utils').WithInstall<import('vue').DefineComponent<{
-    map: import('ym-giscomm-2d/mapView/Map').default;
-    features: import('ym-giscomm-2d/entity/Feature').default[];
+    map: import('ym-gis-2d/mapView/Map').default;
+    features: import('ym-gis-2d/entity/Feature').default[];
     postion: import('ol/coordinate').Coordinate;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<{
-    map: import('ym-giscomm-2d/mapView/Map').default;
-    features: import('ym-giscomm-2d/entity/Feature').default[];
+    map: import('ym-gis-2d/mapView/Map').default;
+    features: import('ym-gis-2d/entity/Feature').default[];
     postion: import('ol/coordinate').Coordinate;
 }> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;

package/components/scale-line/ScaleLine.vue.d.ts

@@ -0,0 +1,11 @@
+import { default as OLMap } from 'ym-gis-2d/mapView/Map';
+type __VLS_Props = {
+    map: OLMap;
+    position?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    position: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scaleLineRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/components/scale-line/ScaleLine.vue.js

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

package/components/scale-line/ScaleLine.vue2.js

@@ -0,0 +1,47 @@
+import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass } from "vue";
+import MousePositionControl from "ym-gis-2d/controls/MousePositionControl";
+import ScaleLine from "ol/control/ScaleLine";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScaleLine",
+  props: {
+    map: {},
+    position: { default: "bottom-left" }
+  },
+  setup(__props) {
+    const props = __props;
+    const scaleLineRef = ref();
+    const nodeposition = computed(() => {
+      switch (props.position) {
+        case "bottom-left":
+          return "bottom-left";
+        case "bottom-right":
+          return "bottom-right";
+        case "top-left":
+          return "top-left";
+        case "top-right":
+          return "top-right";
+      }
+    });
+    onMounted(() => {
+      new MousePositionControl({
+        target: scaleLineRef.value,
+        className: ""
+      });
+      const scaleLine = new ScaleLine({ target: scaleLineRef.value });
+      props.map.controlManager.addControl("scale-line", scaleLine);
+    });
+    onUnmounted(() => {
+      props.map.controlManager.removeControl("scale-line");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "scaleLineRef",
+        ref: scaleLineRef,
+        class: normalizeClass(["scale-line", nodeposition.value])
+      }, null, 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/scale-line/index.css

@@ -0,0 +1,19 @@
+.mouse-position[data-v-6110b842] {
+  position: absolute;
+}
+.bottom-left[data-v-6110b842] {
+  bottom: 10px;
+  left: 10px;
+}
+.bottom-right[data-v-6110b842] {
+  bottom: 10px;
+  right: 10px;
+}
+.top-left[data-v-6110b842] {
+  top: 10px;
+  left: 10px;
+}
+.top-right[data-v-6110b842] {
+  top: 10px;
+  right: 10px;
+}

package/components/scale-line/index.d.ts

@@ -0,0 +1,12 @@
+export declare const ScaleLine: import('../../utils').WithInstall<import('vue').DefineComponent<{
+    map: import('ym-gis-2d/mapView/Map').default;
+    position?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    map: import('ym-gis-2d/mapView/Map').default;
+    position?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+}> & Readonly<{}>, {
+    position: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scaleLineRef: HTMLDivElement;
+}, HTMLDivElement>>;
+export default ScaleLine;

package/components/scale-line/index.js

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

package/components/select/Select.vue.d.ts

@@ -1,4 +1,4 @@
-import { default as OLMap } from 'ym-giscomm-2d/mapView/Map';
+import { default as OLMap } from 'ym-gis-2d/mapView/Map';
 import { default as Style } from 'ol/style/Style';
 type __VLS_Props = {
     map: OLMap;

package/components/select/Select.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent, onMounted, onUnmounted } from "vue";
-import Select from "ym-giscomm-2d/interaction/Select";
+import Select from "ym-gis-2d/interaction/Select";
 import { ElLoading } from "element-plus";
-import FeatureManager from "ym-giscomm-2d/feature/FeatureManager";
-import { intersects } from "ym-giscomm-2d/utils/GeometryUtil";
-import { getSelectPointStyle, getSelectCancePointStyle, getSelectLineStyle, getSelectCancelLineStyle, getSelectPolygonStyle, getSelectCancelPolygonStyle } from "ym-giscomm-2d/style/StyleManager";
+import FeatureManager from "ym-gis-2d/feature/FeatureManager";
+import { intersects } from "ym-gis-2d/utils/GeometryUtil";
+import { getSelectPointStyle, getSelectCancePointStyle, getSelectLineStyle, getSelectCancelLineStyle, getSelectPolygonStyle, getSelectCancelPolygonStyle } from "ym-gis-2d/style/StyleManager";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {

package/components/select/index.d.ts

@@ -1,5 +1,5 @@
 export declare const Select: import('../../utils').WithInstall<import('vue').DefineComponent<{
-    map: import('ym-giscomm-2d/mapView/Map').default;
+    map: import('ym-gis-2d/mapView/Map').default;
     pointStyle?: import('ol/style').Style;
     cancePointStyle?: import('ol/style').Style;
     lineStyle?: import('ol/style').Style;
@@ -7,7 +7,7 @@ export declare const Select: import('../../utils').WithInstall<import('vue').Def
     polygonStyle?: import('ol/style').Style;
     cancePolygonStyle?: import('ol/style').Style;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    map: import('ym-giscomm-2d/mapView/Map').default;
+    map: import('ym-gis-2d/mapView/Map').default;
     pointStyle?: import('ol/style').Style;
     cancePointStyle?: import('ol/style').Style;
     lineStyle?: import('ol/style').Style;

package/components/swipe-layer/SwipeLayer.vue.d.ts

@@ -1,4 +1,4 @@
-import { default as OLMap } from 'ym-giscomm-2d/mapView/Map';
+import { default as OLMap } from 'ym-gis-2d/mapView/Map';
 type __VLS_Props = {
     map: OLMap;
 };

package/components/swipe-layer/SwipeLayer.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, onMounted, onUnmounted } from "vue";
-import SwipeLayerControl from "ym-giscomm-2d/controls/SwipeLayerControl";
+import SwipeLayerControl from "ym-gis-2d/controls/SwipeLayerControl";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SwipeLayer",
   props: {

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

@@ -1,6 +1,6 @@
 export declare const SwipeLayer: import('../../utils').WithInstall<import('vue').DefineComponent<{
-    map: import('ym-giscomm-2d/mapView/Map').default;
+    map: import('ym-gis-2d/mapView/Map').default;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    map: import('ym-giscomm-2d/mapView/Map').default;
+    map: import('ym-gis-2d/mapView/Map').default;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>>;
 export default SwipeLayer;

package/components/toc-card/TocCard.vue.d.ts

@@ -1,5 +1,5 @@
-import { IMapService } from 'ym-giscomm-2d/entity';
-import { default as OLMap } from 'ym-giscomm-2d/mapView/Map';
+import { IMapService } from 'ym-gis-2d/entity';
+import { default as OLMap } from 'ym-gis-2d/mapView/Map';
 type __VLS_Props = {
     data: IMapService[];
     map: OLMap;