ym-giswidget-2d 1.0.5 → 1.0.8

package/components/export/index.d.ts

@@ -0,0 +1,154 @@
+export declare const Export: import('../../utils').WithInstall<import('vue').DefineComponent<{
+    map: import('ym-giscomm-2d/mapView/Map').default;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    activeInteraction: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{
+    map: import('ym-giscomm-2d/mapView/Map').default;
+}> & Readonly<{
+    onActiveInteraction?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    popupDom: ({
+        $: 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 Export;

package/components/export/index.js

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

package/components/horizontally-top-toolbar/{horizontallyTopToolbar.vue.js → HorizontallyTopToolbar.vue.js}

@@ -1,7 +1,7 @@
-import _sfc_main from "./horizontallyTopToolbar.vue2.js";
+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-05f9a3c8"]]);
+const _HorizontallyTopToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4542e16b"]]);
 export {
   _HorizontallyTopToolbar as default
 };

package/components/horizontally-top-toolbar/{horizontallyTopToolbar.vue2.js → HorizontallyTopToolbar.vue2.js}

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, onMounted, toRaw, defineAsyncComponent, openBlock, createElementBlock, Fragment, createElementVNode, renderList, normalizeClass, createTextVNode, toDisplayString, withDirectives, createCommentVNode, vShow, createBlock, resolveDynamicComponent } from "vue";
+import { defineComponent, reactive, onMounted, toRaw, defineAsyncComponent, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, renderList, withDirectives, normalizeClass, createTextVNode, toDisplayString, vShow, resolveDynamicComponent } from "vue";
 import { ElMessage } from "element-plus";
 const _hoisted_1 = { class: "toolbar-contain" };
 const _hoisted_2 = { class: "toolbar-item-contain" };
@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "YmHorizontallyTopToolbar"
   },
-  __name: "horizontallyTopToolbar",
+  __name: "HorizontallyTopToolbar",
   props: {
     tools: { default: () => [
       {
@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["layerInitLoaded"],
   setup(__props, { emit: __emit }) {
-    const modules = /* @__PURE__ */ Object.assign({ "./horizontallyTopToolbar.vue": () => import("./horizontallyTopToolbar.vue.js"), "./index.ts": () => import("./index.js"), "../layer-tree/index.ts": () => import("../layer-tree/index.js"), "../layer-tree/layerTree.vue": () => import("../layer-tree/layerTree.vue.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"), "../toc-card/index.ts": () => import("../toc-card/index.js"), "../toc-card/tocCard.vue": () => import("../toc-card/tocCard.vue.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"), "../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"), "../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 props = __props;
     const reactiveValue = reactive({
       activeIds: [],

package/components/horizontally-top-toolbar/index.css

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

package/components/horizontally-top-toolbar/index.js

@@ -1,6 +1,6 @@
 import "./index.css";
 import { withInstall } from "../../utils/wthInstall.js";
-import _HorizontallyTopToolbar from "./horizontallyTopToolbar.vue.js";
+import _HorizontallyTopToolbar from "./HorizontallyTopToolbar.vue.js";
 const HorizontallyTopToolbar = withInstall(_HorizontallyTopToolbar);
 export {
   HorizontallyTopToolbar,

package/components/identify/Identify.vue.d.ts

@@ -0,0 +1,13 @@
+import { default as OLMap } from 'ym-giscomm-2d/mapView/Map';
+import { default as Style } from 'ol/style/Style';
+type __VLS_Props = {
+    map: OLMap;
+    pointStyle?: Style;
+    cancePointStyle?: Style;
+    lineStyle?: Style;
+    canceLineStyle?: Style;
+    polygonStyle?: Style;
+    cancePolygonStyle?: Style;
+};
+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, {}, any>;
+export default _default;

package/components/identify/Identify.vue.js

@@ -0,0 +1,96 @@
+import { defineComponent, reactive, onMounted, onUnmounted, createBlock, createCommentVNode, openBlock, unref } from "vue";
+import Select from "ym-giscomm-2d/interaction/Select";
+import { ElLoading } from "element-plus";
+import { Popup } from "../popup/index.js";
+import { getSelectPointStyle, getSelectCancePointStyle, getSelectLineStyle, getSelectCancelLineStyle, getSelectPolygonStyle, getSelectCancelPolygonStyle } from "ym-giscomm-2d/style/StyleManager";
+import FeatureManager from "ym-giscomm-2d/feature/FeatureManager";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Identify",
+  props: {
+    map: {},
+    pointStyle: {},
+    cancePointStyle: {},
+    lineStyle: {},
+    canceLineStyle: {},
+    polygonStyle: {},
+    cancePolygonStyle: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const reactiveValue = reactive({
+      features: [],
+      postion: []
+    });
+    const pointStyle = props.pointStyle || getSelectPointStyle();
+    const cancePointStyle = props.cancePointStyle || getSelectCancePointStyle();
+    const lineStyle = props.lineStyle || getSelectLineStyle();
+    const canceLineStyle = props.canceLineStyle || getSelectCancelLineStyle();
+    const polygonStyle = props.polygonStyle || getSelectPolygonStyle();
+    const cancePolygonStyle = props.cancePolygonStyle || getSelectCancelPolygonStyle();
+    onMounted(() => {
+      const select = new Select("rectangle", {
+        pointStyle,
+        cancePointStyle,
+        lineStyle,
+        canceLineStyle,
+        polygonStyle,
+        cancePolygonStyle,
+        addTempLayer: true,
+        selectTempLayer: false
+      });
+      props.map.interactionManager.addInteraction("identify", select);
+      let loadingInstance;
+      select.on("selectstart", (event) => {
+        loadingInstance = ElLoading.service({ text: "正在查询...", background: "rgba(0, 0, 0, 0.5)", target: props.map.getTarget() });
+      });
+      select.on("selected", (event) => {
+        loadingInstance.close();
+        clearSelected();
+        if (event.allFeatures) {
+          for (const feature of event.allFeatures) {
+            feature.fromType = "identify";
+          }
+          reactiveValue.features = event.allFeatures;
+        }
+        if (event.coordinates) {
+          reactiveValue.postion = event.coordinates[event.coordinates.length - 1];
+        }
+      });
+    });
+    onUnmounted(() => {
+      props.map.interactionManager.removeInteraction("identify");
+      clearSelected();
+    });
+    function handleClose() {
+      reactiveValue.features = [];
+      clearSelected();
+    }
+    function clearSelected() {
+      const featureManager = new FeatureManager(props.map);
+      const features = featureManager.getSelectedFeatures();
+      if (!features || features.length == 0) {
+        return;
+      }
+      for (const feature of features) {
+        if (feature.fromType == "identify" && feature.tempLayer) {
+          const source = feature.tempLayer.getSource();
+          if (source) {
+            source.removeFeature(feature);
+          }
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return reactiveValue.features.length > 0 ? (openBlock(), createBlock(unref(Popup), {
+        key: 0,
+        map: _ctx.map,
+        features: reactiveValue.features,
+        postion: reactiveValue.postion,
+        onClose: handleClose
+      }, null, 8, ["map", "features", "postion"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/identify/Identify.vue2.js

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

package/components/identify/index.d.ts

@@ -0,0 +1,18 @@
+export declare const Identify: import('../../utils').WithInstall<import('vue').DefineComponent<{
+    map: import('ym-giscomm-2d/mapView/Map').default;
+    pointStyle?: import('ol/style').Style;
+    cancePointStyle?: import('ol/style').Style;
+    lineStyle?: import('ol/style').Style;
+    canceLineStyle?: import('ol/style').Style;
+    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;
+    pointStyle?: import('ol/style').Style;
+    cancePointStyle?: import('ol/style').Style;
+    lineStyle?: import('ol/style').Style;
+    canceLineStyle?: import('ol/style').Style;
+    polygonStyle?: import('ol/style').Style;
+    cancePolygonStyle?: import('ol/style').Style;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>>;
+export default Identify;

package/components/identify/index.js

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

package/components/import/Import.vue.d.ts

@@ -0,0 +1,13 @@
+import { default as OLMap } from 'ym-giscomm-2d/mapView/Map';
+import { default as Style } from 'ol/style/Style';
+type __VLS_Props = {
+    map: OLMap;
+    pointStyle?: Style;
+    lineStyle?: Style;
+    polygonStyle?: Style;
+};
+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, {
+    uploadRef: unknown;
+    triggerRef: unknown;
+}, HTMLDivElement>;
+export default _default;

package/components/import/Import.vue.js

@@ -0,0 +1,162 @@
+import { ElUpload, ElButton } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/upload/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent, ref, onMounted, createElementBlock, openBlock, withDirectives, createVNode, withCtx, vShow } from "vue";
+import { ElLoading, ElMessage } from "element-plus";
+import { importFile } from "../../http/SpaceFile.js";
+import { getEsriSpatialReference } from "ym-giscomm-2d/utils/EsriUtil";
+import Feature from "ym-giscomm-2d/entity/Feature";
+import WKT from "../../node_modules/.pnpm/ol@9.2.4/node_modules/ol/format/WKT.js";
+import GeoJSON from "../../node_modules/.pnpm/ol@9.2.4/node_modules/ol/format/GeoJSON.js";
+import { getSelectPointStyle, getSelectLineStyle, getSelectPolygonStyle } from "ym-giscomm-2d/style/StyleManager";
+import { union } from "ym-giscomm-2d/utils/GeometryUtil";
+import { toGeoJSON } from "ym-giscomm-2d/conver/kml";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Import",
+  props: {
+    map: {},
+    pointStyle: {},
+    lineStyle: {},
+    polygonStyle: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const pointStyle = props.pointStyle || getSelectPointStyle();
+    const lineStyle = props.lineStyle || getSelectLineStyle();
+    const polygonStyle = props.polygonStyle || getSelectPolygonStyle();
+    const uploadRef = ref(null);
+    onMounted(() => {
+      var _a;
+      (_a = uploadRef.value) == null ? void 0 : _a.$el.querySelector("input").click();
+    });
+    async function fileChange(uploadFile) {
+      if (!uploadFile.raw) {
+        return;
+      }
+      const extName = uploadFile.name.split(".")[uploadFile.name.split(".").length - 1].toLowerCase();
+      const loadingInstance = ElLoading.service({ text: "正在解析文件...", background: "rgba(0, 0, 0, 0.5)", target: props.map.getTarget() });
+      try {
+        if (extName == "zip") {
+          const res = await importFile(uploadFile.raw, void 0, getEsriSpatialReference(props.map.getView().getProjection().getCode()));
+          showImportResult(res);
+        } else if (extName == "kml" || extName == "kmz") {
+          let features = await toGeoJSON(uploadFile.raw, null);
+          showKmlImportResult(features);
+        }
+        loadingInstance.close();
+      } catch (err) {
+        loadingInstance.close();
+        ElMessage.error("解析文件失败");
+      }
+    }
+    function showKmlImportResult(features) {
+      var _a;
+      if (!features) {
+        return;
+      }
+      var geoJsonFormat = new GeoJSON();
+      let unionGeometry = null;
+      for (const item of features.features) {
+        const feature = geoJsonFormat.readFeature(item, null);
+        const geometry = feature.getGeometry();
+        if (geometry) {
+          let { templayer, style } = getStyle(geometry.getType());
+          feature.setStyle(style);
+          feature.isSelected = true;
+          feature.fromType = "import";
+          (_a = templayer.getSource()) == null ? void 0 : _a.addFeature(feature);
+          if (unionGeometry) {
+            unionGeometry = union(unionGeometry, geometry);
+          } else {
+            unionGeometry = geometry;
+          }
+        }
+      }
+      if (unionGeometry) {
+        props.map.getView().locationGeometry(unionGeometry);
+      }
+    }
+    function showImportResult(res) {
+      var _a;
+      if (!res || !res.features || res.features.length == 0) {
+        ElMessage.error("解析文件失败");
+        return;
+      }
+      const wkt = new WKT();
+      let { templayer, style } = getStyle(res.geoType);
+      let features = [];
+      let unionGeometry = null;
+      for (const item of res.features) {
+        const feature = new Feature();
+        feature.setProperties(
+          item.attributes
+        );
+        const geometry = wkt.readGeometry(item.wkt);
+        feature.setGeometry(geometry);
+        feature.setStyle(style);
+        feature.isSelected = true;
+        feature.fromType = "import";
+        features.push(feature);
+        if (unionGeometry) {
+          unionGeometry = union(unionGeometry, geometry);
+        } else {
+          unionGeometry = geometry;
+        }
+      }
+      (_a = templayer.getSource()) == null ? void 0 : _a.addFeatures(features);
+      if (unionGeometry) {
+        props.map.getView().locationGeometry(unionGeometry);
+      }
+    }
+    function getStyle(geoType) {
+      let templayer = props.map.getPolygonTempLayer();
+      let style = polygonStyle;
+      switch (geoType) {
+        case "MultiPolygon":
+        case "Polygon":
+          templayer = props.map.getPolygonTempLayer();
+          style = polygonStyle;
+          break;
+        case "MultiLineString":
+        case "LineString":
+          templayer = props.map.getLineTempLayer();
+          style = lineStyle;
+          break;
+        case "MultiPoint":
+        case "Point":
+          templayer = props.map.getPointTempLayer();
+          style = pointStyle;
+          break;
+      }
+      return { templayer, style };
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = ElButton;
+      const _component_el_upload = ElUpload;
+      return openBlock(), createElementBlock("div", null, [
+        withDirectives(createVNode(_component_el_upload, {
+          ref_key: "uploadRef",
+          ref: uploadRef,
+          accept: ".zip,.7z,.rar,.tar,.kml,.kmz",
+          limit: 1,
+          "auto-upload": false,
+          onChange: fileChange
+        }, {
+          trigger: withCtx(() => [
+            createVNode(_component_el_button, {
+              type: "primary",
+              ref: "triggerRef"
+            }, null, 512)
+          ]),
+          _: 1
+        }, 512), [
+          [vShow, false]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/components/import/Import.vue2.js

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

package/components/import/index.d.ts

@@ -0,0 +1,15 @@
+export declare const Import: import('../../utils').WithInstall<import('vue').DefineComponent<{
+    map: import('ym-giscomm-2d/mapView/Map').default;
+    pointStyle?: import('ol/style').Style;
+    lineStyle?: import('ol/style').Style;
+    polygonStyle?: import('ol/style').Style;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    map: import('ym-giscomm-2d/mapView/Map').default;
+    pointStyle?: import('ol/style').Style;
+    lineStyle?: import('ol/style').Style;
+    polygonStyle?: import('ol/style').Style;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    uploadRef: unknown;
+    triggerRef: unknown;
+}, HTMLDivElement>>;
+export default Import;

package/components/import/index.js

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