(function webpackUniversalModuleDefinition(root, factory) {
	if(typeof exports === 'object' && typeof module === 'object')
		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/util.js"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig.js"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/const-image"));
	else if(typeof define === 'function' && define.amd)
		define("@kq_npm/client_leaflet_vue", ["vue", "@kq_npm/client_common_vue/_utils/util.js", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/configprovider/useGlobalConfig.js", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/_utils/const-image"], factory);
	else if(typeof exports === 'object')
		exports["@kq_npm/client_leaflet_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/util.js"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig.js"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/_utils/const-image"));
	else
		root["@kq_npm/client_leaflet_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/util.js"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/configprovider/useGlobalConfig.js"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/_utils/const-image"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE__154__, __WEBPACK_EXTERNAL_MODULE__3684__, __WEBPACK_EXTERNAL_MODULE__64__, __WEBPACK_EXTERNAL_MODULE__5711__, __WEBPACK_EXTERNAL_MODULE__455__, __WEBPACK_EXTERNAL_MODULE__4822__) {
return /******/ (function() { // webpackBootstrap
/******/ 	"use strict";
/******/ 	var __webpack_modules__ = ({

/***/ 64:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__64__;

/***/ }),

/***/ 154:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__154__;

/***/ }),

/***/ 455:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__455__;

/***/ }),

/***/ 1092:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6363);
/* harmony import */ var element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _common_KqGIS__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8353);
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(455);
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_init__WEBPACK_IMPORTED_MODULE_2__);
/*
 * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
 * All rights reserved.
 */





element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
  _init__WEBPACK_IMPORTED_MODULE_2___default()(Vue, opts);
  Vue.component("KqMessage", element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
};

/* harmony default export */ __webpack_exports__.A = (element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage);

_common_KqGIS__WEBPACK_IMPORTED_MODULE_1__/* .kq_npm_client_common_vue */ .y.KqMessage = element_plus_dist_index_full_js__WEBPACK_IMPORTED_MODULE_0__.ElMessage;


/***/ }),

/***/ 3684:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__3684__;

/***/ }),

/***/ 4822:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__4822__;

/***/ }),

/***/ 5698:
/***/ (function(module) {

module.exports = require("@kq_npm/client_icons_vue");

/***/ }),

/***/ 5711:
/***/ (function(module) {

module.exports = __WEBPACK_EXTERNAL_MODULE__5711__;

/***/ }),

/***/ 6363:
/***/ (function(module) {

module.exports = require("element-plus/dist/index.full.js");

/***/ }),

/***/ 8353:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   y: function() { return /* binding */ kq_npm_client_common_vue; }
/* harmony export */ });
/* unused harmony export kq_npm_client_leaflet_vue */
let kq_npm_client_common_vue = (window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {});

__webpack_require__.g.kq_npm_client_common_vue = kq_npm_client_common_vue;

let kq_npm_client_leaflet_vue = (window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {});

__webpack_require__.g.kq_npm_client_leaflet_vue = kq_npm_client_leaflet_vue;


/***/ }),

/***/ 9371:
/***/ (function(module) {

module.exports = require("@element-plus/icons-vue");

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// The module cache
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// Check if module is in cache
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// Execute the module function
/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/compat get default export */
/******/ 	!function() {
/******/ 		// getDefaultExport function for compatibility with non-harmony modules
/******/ 		__webpack_require__.n = function(module) {
/******/ 			var getter = module && module.__esModule ?
/******/ 				function() { return module['default']; } :
/******/ 				function() { return module; };
/******/ 			__webpack_require__.d(getter, { a: getter });
/******/ 			return getter;
/******/ 		};
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/define property getters */
/******/ 	!function() {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = function(exports, definition) {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/global */
/******/ 	!function() {
/******/ 		__webpack_require__.g = (function() {
/******/ 			if (typeof globalThis === 'object') return globalThis;
/******/ 			try {
/******/ 				return this || new Function('return this')();
/******/ 			} catch (e) {
/******/ 				if (typeof window === 'object') return window;
/******/ 			}
/******/ 		})();
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	!function() {
/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	!function() {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = function(exports) {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	}();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  RasterTransformViewModel: function() { return /* reexport */ RasterTransformViewModel; },
  "default": function() { return /* reexport */ RasterTransform; }
});

// EXTERNAL MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_ = __webpack_require__(154);
// EXTERNAL MODULE: external "@element-plus/icons-vue"
var icons_vue_ = __webpack_require__(9371);
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/util.js"
var util_js_ = __webpack_require__(3684);
// EXTERNAL MODULE: external "@kq_npm/client_icons_vue"
var client_icons_vue_ = __webpack_require__(5698);
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/gis-utils"
var gis_utils_ = __webpack_require__(64);
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/configprovider/useGlobalConfig.js"
var useGlobalConfig_js_ = __webpack_require__(5711);
;// ./src/leaflet/rastertransform/RasterTransformViewModel.js



/**
 * @class RasterTransformViewModel
 * @classdesc 2d栅格转换逻辑层
 * @param {string} mapTarget - 绑定的当前mapview
 */
class RasterTransformViewModel extends L.Evented {
  constructor(options) {
    const { locale } = (0,useGlobalConfig_js_.useLocale)();
    super();
    /**
     * 组件绑定的map的id
     * @type {string}
     */
    this.mapTarget = options.mapTarget;

    /**
     * 绘图分组名称
     * @type {string}
     */
    this.drawGroupName = options.drawGroupName;

    /**
     * 绘图样式
     * @type {object}
     */
    this.drawStyle = options.drawStyle;

    /**
     * 图形geojson
     * @type {object}
     */
    this._orignGeoJson = null;
  }

  startDraw() {
    let that = this;
    this.drawStyle = {
      fill: true
    };
    gis_utils_.mapDrawUtils.startDraw(
      this.mapTarget,
      (jsonGeometry, event) => {
        that._orignGeoJson = jsonGeometry;
        that._featureCollection.features.push({ type: "Feature", geometry: this._orignGeoJson });
        that.fire("drawEnd", {
          eType: "draw",
          graphicJson: that._featureCollection
        });
      },
      "point",
      this.drawGroupName,
      this.drawStyle
    );
  }

  /**
   * 清除绘图
   * @param {string} [mapTarget] map的id
   */
  clearDraw(mapTarget) {
    this._featureCollection = { type: "FeatureCollection", features: [] };
    this._orignGeoJson = null;
    gis_utils_.mapDrawUtils.stopDrawState(mapTarget || this.mapTarget);
    gis_utils_.mapDrawUtils.removeGeometryByIdCustom(mapTarget || this.mapTarget, this.drawGroupName);
  }

  /**
   * 组件销毁时，执行的函数，删除事件监听
   */
  destroy() {
    //清理绘图
    this.clearDraw();

    this.off();
  }
}

// EXTERNAL MODULE: ./src/common/_ui/message/index.js
var message = __webpack_require__(1092);
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/_utils/const-image"
var const_image_ = __webpack_require__(4822);
;// ./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/leaflet/rastertransform/RasterTransform.vue?vue&type=script&setup=true&lang=js


const _hoisted_1 = { class: "btn-box" }
const _hoisted_2 = {
  key: 0,
  class: "btn-box",
  style: {"width":"194px"}
}

;









// 国际化

const __default__ = {
  name: "Kq2dRasterTransform"
};

/* harmony default export */ var RasterTransformvue_type_script_setup_true_lang_js = (/*@__PURE__*/Object.assign(__default__, {
  props: {
  // 每个地图相关组件的必须参数 非必传 指定组件绑定的map对象的div的id
  mapTarget: String,
  // 是否显示阴影
  showShadow: {
    type: Boolean,
    default: false
  },
  /**
   * 例："center","topLeft","topRight","bottomLeft","bottomRight", "topCenter", "bottomCenter" {top:'16px',left:'16px'}, {top:16,left:16}
   */
  position: [String, Object],
  // 是否生成HeaderTemp
  showHeaderTemp: {
    type: Boolean,
    default: false
  },
  // 是否折叠HeaderTemp，showHeaderTemp为true时生效
  isCollapseHeaderTemp: {
    type: Boolean,
    default: false
  },
  // HeaderTemp标题
  headerTempTitle: {
    type: String
  },
  // HeaderTempIcon
  headerTempIcon: {
    type: [Object, String],
    default: client_icons_vue_.IconRasterTransform
  },
  // HeaderTemp Title&Icon的位置
  isRight: {
    type: Boolean,
    default: true
  },
  // 绘图分组名称
  drawGroupName: { type: String, default: "draw" },
  // 绘图样式
  drawStyle: Object,
  // 是否可以绘制多个
  isMultiple: {
    type: Boolean,
    default: false
  }
},
  setup(__props) {

const { t, lang, locale } = (0,useGlobalConfig_js_.useLocale)();
const props = __props;

// 组件容器Ref
let boxRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);

// 生成组件默认header
let headerTemp = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();
let headerTempRef = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();

let ref_upload = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)();

let imgUrl = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);
let imgWidth = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(0);
let imgHeight = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(0);
let imgAnchors = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)([]);
let originalLatLng = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);

let layerGroup = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.ref)(null);

// 逻辑类
let viewModel = null;

(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onMounted)(() => {
  // 组件位置定位
  (0,util_js_.updatePosition)(boxRef.value, props);
  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(
    () => props.position,
    (newVal, oldVal) => {
      (0,util_js_.updatePosition)(boxRef.value, props);
    }
  );
  watchCreateHeaderTemp();
  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.watch)(
    () => props.showHeaderTemp,
    (newVal, oldVal) => {
      nextTick(() => {
        watchCreateHeaderTemp();
      });
    }
  );
  initViewModel();
});

/*
 * @description 监听header生成
 */
const watchCreateHeaderTemp = () => {
  if (props.showHeaderTemp) {
    // 生成headerTemp
    headerTemp.value = (0,util_js_.createHeaderTemp)(boxRef.value, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toRefs)(props), headerTempRef, "leaflet.rasterTransformTitle");
  }
};

const initViewModel = () => {
  viewModel = new RasterTransformViewModel({
    mapTarget: props.mapTarget,
    drawGroupName: props.drawGroupName,
    drawStyle: props.drawStyle
  });

  viewModel.on("drawEnd", result => {
    let x = result.graphicJson.features[0].geometry.coordinates[1];
    let y = result.graphicJson.features[0].geometry.coordinates[0];
    imgAnchors.value = [];
    originalLatLng.value = window.L.latLng(x, y);
    imgAnchors.value.push([x, y]);
    calculateImgposition();
  });
};

/**
 * 上传按钮点击后失去焦点
 * @param {object} e
 */
const onClickUpload = e => {
  ref_upload.value.$el.blur();
};

const onUpload = file => {
  if (!props.isMultiple) {
    reset();
  }
  const imageUrl = URL.createObjectURL(file.raw); // 获取图片的 URL
  const img = new Image(); // 创建一个 Image 对象
  img.onload = function () {
    // 图片加载完成后执行
    imgWidth.value = img.width;
    imgHeight.value = img.height;
    URL.revokeObjectURL(imageUrl); // 释放 URL 对象
    const reader = new FileReader();
    reader.onload = e => {
      imgUrl.value = e.target.result;
    };
    reader.readAsDataURL(file.raw);
  };
  img.src = imageUrl;
};

const onClickDrawPoint = () => {
  if (!imgUrl.value) {
    (0,message/* default */.A)({
      message: "请先上传图片",
      type: "warning"
    });
    return false;
  }
  cleanDrawing();
  viewModel.startDraw();
};

const cleanDrawing = () => {
  // 清除图形
  viewModel.clearDraw();
};

// 计算获取图片四个位置 以及 生成图片
const calculateImgposition = () => {
  let pixelOffset1 = window.L.point(imgWidth.value, 0);
  let pixelOffset2 = window.L.point(imgWidth.value, imgHeight.value);
  let pixelOffset3 = window.L.point(0, imgHeight.value);
  gis_utils_.utils.getWebMap(props.mapTarget, webMap => {
    cleanDrawing();
    if (!layerGroup.value) {
      layerGroup.value = window.L.layerGroup().addTo(webMap.map);
    }
    let p1 = webMap.map.layerPointToLatLng(webMap.map.latLngToLayerPoint(originalLatLng.value).add(pixelOffset1));
    imgAnchors.value.push([p1.lat, p1.lng]);
    let p2 = webMap.map.layerPointToLatLng(webMap.map.latLngToLayerPoint(originalLatLng.value).add(pixelOffset2));
    imgAnchors.value.push([p2.lat, p2.lng]);
    let p3 = webMap.map.layerPointToLatLng(webMap.map.latLngToLayerPoint(originalLatLng.value).add(pixelOffset3));
    imgAnchors.value.push([p3.lat, p3.lng]);

    let image = window.L.imageTransform(imgUrl.value, imgAnchors.value).addTo(layerGroup.value);
    let externalPolygon = window.L.polygon(imgAnchors.value, { fill: false }).addTo(layerGroup.value);

    let updateAnchors = function () {
      let _anchors = anchorMarkers.map(function (marker) {
        return marker.getLatLng();
      });
      image.setAnchors(_anchors);
      externalPolygon.setLatLngs(_anchors);
    };
    let myIcon = L.icon({
      iconUrl: const_image_.MARKER_URL, // 图标图片的URL
      iconSize: [30, 30],
      iconAnchor: [30 / 2, 30]
    });
    let anchorMarkers = imgAnchors.value.map(function (anchor) {
      return L.marker(anchor, { icon: myIcon, draggable: true }).addTo(layerGroup.value).on("drag", updateAnchors);
    });
  });
};

const reset = () => {
  imgUrl.value = null;
  imgWidth.value = 0;
  imgHeight.value = 0;
  imgAnchors.value = [];
  originalLatLng.value = null;
  layerGroup.value && layerGroup.value.clearLayers();
};

(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.onBeforeUnmount)(() => {
  viewModel.destroy();
  viewModel = null;
  reset();
});

return (_ctx, _cache) => {
  const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-icon")
  const _component_kq_button = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-button")
  const _component_kq_upload = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-upload")
  const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form-item")
  const _component_kq_tag = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-tag")
  const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveComponent)("kq-form")

  return ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("section", {
    class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.normalizeClass)(["kq2d-add-temporary-image-wrapper", [{ 'kq-box-shadow': __props.showShadow }]]),
    ref_key: "boxRef",
    ref: boxRef
  }, [
    (__props.showHeaderTemp)
      ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createBlock)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.resolveDynamicComponent)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(headerTemp)), {
          key: 0,
          ref_key: "headerTempRef",
          ref: headerTempRef
        }, null, 512 /* NEED_PATCH */))
      : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true),
    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form, {
      "label-width": "98px",
      "label-position": "left",
      class: "kq2d-add-temporary-image-box"
    }, {
      default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("div", _hoisted_1, [
          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(t)('leaflet.uploadRasterFile')
          }, {
            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_upload, {
                class: "upload",
                "show-file-list": false,
                action: '',
                "auto-upload": false,
                accept: ".png,.jpg,.jpeg",
                "on-change": onUpload
              }, {
                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
                    class: "btn",
                    title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(t)('leaflet.uploadRasterFile'),
                    onClick: onClickUpload,
                    ref_key: "ref_upload",
                    ref: ref_upload
                  }, {
                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, {
                        size: 20,
                        class: "icon-upload-cloud"
                      }, {
                        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconUploadCloud))
                        ]),
                        _: 1 /* STABLE */
                      })
                    ]),
                    _: 1 /* STABLE */
                  }, 8 /* PROPS */, ["title"])
                ]),
                _: 1 /* STABLE */
              })
            ]),
            _: 1 /* STABLE */
          }, 8 /* PROPS */, ["label"]),
          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
            style: {"margin-left":"16px"},
            label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(t)('leaflet.placementLocation')
          }, {
            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
                class: "btn",
                title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(t)('common.drawPoint'),
                onClick: _cache[0] || (_cache[0] = $event => (onClickDrawPoint()))
              }, {
                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, { size: 20 }, {
                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(client_icons_vue_.IconLocation))
                    ]),
                    _: 1 /* STABLE */
                  })
                ]),
                _: 1 /* STABLE */
              }, 8 /* PROPS */, ["title"])
            ]),
            _: 1 /* STABLE */
          }, 8 /* PROPS */, ["label"])
        ]),
        ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(imgAnchors) && (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(imgAnchors).length === 4)
          ? ((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementBlock)("div", _hoisted_2, [
              (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_form_item, {
                label: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(t)('common.deleteBtnText')
              }, {
                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                  (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_button, {
                    class: "delete-btn",
                    type: "danger",
                    title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(t)('common.deleteBtnText'),
                    plain: "",
                    onClick: reset
                  }, {
                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                      (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, { size: 20 }, {
                        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                          (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.Delete))
                        ]),
                        _: 1 /* STABLE */
                      })
                    ]),
                    _: 1 /* STABLE */
                  }, 8 /* PROPS */, ["title"])
                ]),
                _: 1 /* STABLE */
              }, 8 /* PROPS */, ["label"])
            ]))
          : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createCommentVNode)("v-if", true),
        (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_tag, {
          size: "large",
          type: "info",
          class: "kq-raster-transform-tip_box kq-spatial-analysis-tag-tip_box"
        }, {
          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
            (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)(_component_kq_icon, null, {
              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.withCtx)(() => [
                (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(icons_vue_.InfoFilled))
              ]),
              _: 1 /* STABLE */
            }),
            (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.createElementVNode)("span", null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_.unref)(t)("leaflet.rasterTransformTip")), 1 /* TEXT */)
          ]),
          _: 1 /* STABLE */
        })
      ]),
      _: 1 /* STABLE */
    })
  ], 2 /* CLASS */))
}
}

}));
;// ./src/leaflet/rastertransform/RasterTransform.vue?vue&type=script&setup=true&lang=js
 
;// ./src/leaflet/rastertransform/RasterTransform.vue



const __exports__ = RasterTransformvue_type_script_setup_true_lang_js;

/* harmony default export */ var RasterTransform = (__exports__);
// EXTERNAL MODULE: external "@kq_npm/client_common_vue/init.js"
var init_js_ = __webpack_require__(455);
var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
;// ./src/leaflet/rastertransform/index.js
/*
 * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
 * All rights reserved.
 */




RasterTransform.install = (Vue, opts) => {
  init_js_default()(Vue, opts);
  Vue.component(RasterTransform.name, RasterTransform);
};



/******/ 	return __webpack_exports__;
/******/ })()
;
});