ym-giswidget-2d 1.0.46 → 1.0.48

package/components/area-measurement/AreaMeasurement.vue.d.ts

@@ -0,0 +1,150 @@
+import { default as OLMap } from 'ym-gis-2d/mapView/Map';
+type __VLS_Props = {
+    map: OLMap;
+};
+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, {
+    areaMeasureDom: ({
+        $: 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;
+    formRef: unknown;
+}, HTMLDivElement>;
+export default _default;

package/components/area-measurement/AreaMeasurement.vue.js

@@ -0,0 +1,192 @@
+import { ElForm, ElFormItem, ElSelect, ElOption } 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/form-item/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent, reactive, onMounted, onUnmounted, withDirectives, createBlock, openBlock, withCtx, createVNode, unref, createCommentVNode, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, vShow } from "vue";
+import DraggablePanel from "../../panel/DraggablePanel.vue.js";
+import Draw from "ym-gis-2d/interaction/Draw";
+import { getArea } from "ym-gis-2d/utils/GeometryUtil";
+const _hoisted_1 = { class: "el-current-value" };
+const _hoisted_2 = { class: "el-current-unit" };
+const _hoisted_3 = { class: "el-current-value" };
+const _hoisted_4 = { class: "el-current-unit" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AreaMeasurement",
+  props: {
+    map: {}
+  },
+  setup(__props) {
+    const props = __props;
+    let reactiveValue = reactive({
+      visible: true,
+      allArea: 0,
+      allPerimeter: 0,
+      measureTypes: [
+        {
+          type: "square-meters",
+          label: "平方米",
+          persimeterLabel: "米"
+        },
+        {
+          type: "square-kilometers",
+          label: "平方公里",
+          persimeterLabel: "千米"
+        },
+        {
+          type: "mu",
+          label: "亩",
+          persimeterLabel: "米"
+        },
+        {
+          type: "hectare",
+          label: "公顷",
+          persimeterLabel: "千米"
+        }
+      ]
+    });
+    reactiveValue.currentType = reactiveValue.measureTypes[0];
+    onMounted(() => {
+      const tempLayer = props.map.getPolygonTempLayer();
+      let source = void 0;
+      const layersource = tempLayer == null ? void 0 : tempLayer.getSource();
+      if (layersource) {
+        source = layersource;
+      }
+      const draw = new Draw("polygon", {
+        source,
+        tipText: "点击开始测量，双击结束测量"
+      });
+      props.map.interactionManager.addInteraction("areaMeasure", draw);
+      draw.on("drawend", (event) => {
+        const features = event.feature;
+        if (features) {
+          features.isSelected = true;
+          features.tempLayer = tempLayer;
+          features.fromType = "draw";
+        }
+      });
+      draw.on("drawaddpoint", (event) => {
+        const features = event.feature;
+        if (features) {
+          features.isSelected = true;
+          features.tempLayer = tempLayer;
+          features.fromType = "draw";
+        }
+      });
+      draw.on("drawmoving", (event) => {
+        var _a;
+        if (!event.coordinates || event.coordinates.length < 2) {
+          return;
+        }
+        const geometry = (_a = event.feature) == null ? void 0 : _a.getGeometry();
+        const area = getArea(geometry, props.map.getView().getProjection());
+        console.log(area);
+      });
+    });
+    onUnmounted(() => {
+      reactiveValue.visible = false;
+      props.map.interactionManager.removeInteraction("areaMeasure");
+    });
+    function handleClose() {
+      reactiveValue.visible = false;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_form = ElForm;
+      return withDirectives((openBlock(), createBlock(DraggablePanel, {
+        ref: "areaMeasureDom",
+        class: "el-current",
+        title: "面积测量",
+        drag: true,
+        width: 300,
+        height: 268,
+        showMaximize: false,
+        showOk: false,
+        "show-cancel": true,
+        "cancel-text": "关闭",
+        onClose: handleClose
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_form, {
+            ref: "formRef",
+            model: unref(reactiveValue),
+            "label-width": "auto"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_form_item, {
+                label: "单位",
+                prop: "currentType",
+                rules: {
+                  required: true,
+                  message: "请选择单位",
+                  trigger: "change"
+                }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_select, {
+                    modelValue: unref(reactiveValue).currentType,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(reactiveValue).currentType = $event),
+                    "value-key": "type",
+                    class: "el-current",
+                    "popper-class": "el-current"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(reactiveValue).measureTypes, (item) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: item.type,
+                          label: item.label,
+                          value: item
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              unref(reactiveValue).allArea > 0 ? (openBlock(), createBlock(_component_el_form_item, {
+                key: 0,
+                label: "面积",
+                prop: "allArea"
+              }, {
+                default: withCtx(() => {
+                  var _a;
+                  return [
+                    createElementVNode("span", _hoisted_1, toDisplayString(unref(reactiveValue).allArea), 1),
+                    createElementVNode("span", _hoisted_2, toDisplayString((_a = unref(reactiveValue).currentType) == null ? void 0 : _a.label), 1)
+                  ];
+                }),
+                _: 1
+              })) : createCommentVNode("", true),
+              unref(reactiveValue).allPerimeter > 0 ? (openBlock(), createBlock(_component_el_form_item, {
+                key: 1,
+                label: "周长",
+                prop: "allArea"
+              }, {
+                default: withCtx(() => {
+                  var _a;
+                  return [
+                    createElementVNode("span", _hoisted_3, toDisplayString(unref(reactiveValue).allPerimeter), 1),
+                    createElementVNode("span", _hoisted_4, toDisplayString((_a = unref(reactiveValue).currentType) == null ? void 0 : _a.persimeterLabel), 1)
+                  ];
+                }),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["model"])
+        ]),
+        _: 1
+      }, 512)), [
+        [vShow, unref(reactiveValue).visible]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/area-measurement/AreaMeasurement.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./AreaMeasurement.vue.js";
+export {
+  _sfc_main as default
+};

package/components/area-measurement/index.d.ts

@@ -0,0 +1,150 @@
+export declare const AreaMeasurement: import('../../utils').WithInstall<import('vue').DefineComponent<{
+    map: import('ym-gis-2d/mapView/Map').default;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    map: import('ym-gis-2d/mapView/Map').default;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    areaMeasureDom: ({
+        $: 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;
+    formRef: unknown;
+}, HTMLDivElement>>;
+export default AreaMeasurement;

package/components/area-measurement/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/wthInstall.js";
+import _sfc_main from "./AreaMeasurement.vue.js";
+const AreaMeasurement = withInstall(_sfc_main);
+export {
+  AreaMeasurement,
+  AreaMeasurement as default
+};

package/components/distance-measurement/DistanceMeasurement.vue.js

@@ -0,0 +1,9 @@
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return null;
+}
+const DistanceMeasurement = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  DistanceMeasurement as default
+};

package/components/export/Export.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onActiveInteraction?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    popupDom: ({
+    exportDom: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {

package/components/export/Export.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Export.vue2.js";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _Export = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b476454e"]]);
+const _Export = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11975a70"]]);
 export {
   _Export as default
 };

package/components/export/Export.vue2.js

@@ -179,7 +179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_input = ElInput;
       const _component_el_form = ElForm;
       return withDirectives((openBlock(), createBlock(DraggablePanel, {
-        ref: "popupDom",
+        ref: "exportDom",
         class: "el-current",
         title: "导出",
         drag: true,

package/components/export/index.css

@@ -1,3 +1,3 @@
-.panel-content[data-v-b476454e] .el-form-item {
+.panel-content[data-v-11975a70] .el-form-item {
   margin-bottom: 10px;
 }

package/components/export/index.d.ts

@@ -7,7 +7,7 @@ export declare const Export: import('../../utils').WithInstall<import('vue').Def
 }> & Readonly<{
     onActiveInteraction?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    popupDom: ({
+    exportDom: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./HorizontallyTopToolbar.vue2.js";
 /* empty css                            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const _HorizontallyTopToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c8586f4"]]);
+const _HorizontallyTopToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f42f3be5"]]);
 export {
   _HorizontallyTopToolbar as default
 };

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-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"), "../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({ "../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"), "../distance-measurement/DistanceMeasurement.vue": () => import("../distance-measurement/DistanceMeasurement.vue.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"), "../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/horizontally-top-toolbar/index.css

@@ -1,4 +1,4 @@
-.toolbar-contain[data-v-3c8586f4] {
+.toolbar-contain[data-v-f42f3be5] {
   position: absolute;
   top: 44px;
   display: flex;
@@ -9,7 +9,7 @@
   border: 1px solid var(--system-primary-border-color);
   border-radius: 3px;
 }
-.toolbar-contain .toolbar-item-contain[data-v-3c8586f4] {
+.toolbar-contain .toolbar-item-contain[data-v-f42f3be5] {
   height: 43px;
   line-height: 43px;
   display: flex;
@@ -18,41 +18,42 @@
   align-items: center;
   cursor: pointer;
 }
-.toolbar-contain .toolbar-item-contain .toolbar-item[data-v-3c8586f4] {
+.toolbar-contain .toolbar-item-contain .toolbar-item[data-v-f42f3be5] {
   display: flex;
   align-items: center;
   padding: 0px 10px;
 }
-.toolbar-contain .toolbar-item-contain .toolbar-icon[data-v-3c8586f4] {
+.toolbar-contain .toolbar-item-contain .toolbar-icon[data-v-f42f3be5] {
   width: 24px;
   height: 24px;
   margin-right: 6px;
 }
-.toolbar-contain .toolbar-item-contain .toolbar-children-contain[data-v-3c8586f4] {
+.toolbar-contain .toolbar-item-contain .toolbar-children-contain[data-v-f42f3be5] {
   position: absolute;
   top: 50px;
   background: var(--system-primary-color);
   border: 1px solid var(--system-primary-border-color);
   border-radius: 3px;
+  margin: 0px -1px;
 }
-.toolbar-contain .active[data-v-3c8586f4] {
+.toolbar-contain .active[data-v-f42f3be5] {
   color: var(--system-primary-text-active-color);
 }
-.toolbar-contain .toolbar-split[data-v-3c8586f4] {
+.toolbar-contain .toolbar-split[data-v-f42f3be5] {
   width: 2px;
   height: 20px;
   background: #7EA08E;
   margin: auto;
   opacity: 0.5;
 }
-.toolbar-contain .toolbar-h-split[data-v-3c8586f4] {
+.toolbar-contain .toolbar-h-split[data-v-f42f3be5] {
   height: 2px;
   background: #7EA08E;
   margin: auto;
   opacity: 0.5;
   margin: 0px 10px;
 }
-.component-position[data-v-3c8586f4] {
+.component-position[data-v-f42f3be5] {
   position: absolute;
   right: 300px;
 }