/******/ (function() { // webpackBootstrap
/******/ 	"use strict";
/******/ 	// The require scope
/******/ 	var __webpack_require__ = {};
/******/ 	
/************************************************************************/
/******/ 	/* 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/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__, {
  "BasemapGalleryViewModel": function() { return /* reexport */ BasemapGalleryViewModel; },
  "default": function() { return /* reexport */ BasemapGallery; }
});

;// CONCATENATED MODULE: external {"root":"Vue","commonjs":"vue","commonjs2":"vue","amd":"vue"}
var external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject = require("vue");
;// CONCATENATED MODULE: external "@element-plus/icons-vue"
var icons_vue_namespaceObject = require("@element-plus/icons-vue");
;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/gis-utils"
var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/gis-utils");
;// CONCATENATED MODULE: ./src/leaflet/basemapgallery/BasemapGalleryViewModel.js

let _data = [{
  name: "天地图-矢量（CGCS2000）",
  guid: 1000,
  className: "img1",
  epsg: "4490",
  children: [{
    name: "注记",
    serverType: "tianditu",
    layerType: "cva",
    isDegree: true,
    guid: "10001"
  }, {
    name: "矢量",
    serverType: "tianditu",
    layerType: "vec",
    isDegree: true,
    guid: "10002"
  }, {
    name: "地形晕染图",
    serverType: "tianditu",
    layerType: "ter",
    isDegree: true,
    guid: "10003"
  }, {
    name: "地形中文注记",
    serverType: "tianditu",
    layerType: "cta",
    isDegree: true,
    guid: "10004"
  }]
}, {
  name: "天地图-影像（CGCS2000）",
  guid: 1001,
  className: "img3",
  epsg: "4490",
  children: [{
    name: "注记",
    serverType: "tianditu",
    layerType: "cia",
    isDegree: true,
    guid: "10013"
  }, {
    name: "影像",
    serverType: "tianditu",
    layerType: "img",
    isDegree: true,
    guid: "10014"
  }]
}, {
  name: "天地图-矢量（球面墨卡托投影）",
  guid: 1002,
  className: "img4",
  epsg: "3857",
  children: [{
    name: "注记",
    serverType: "tianditu",
    layerType: "cva",
    guid: "10021"
  }, {
    name: "矢量",
    serverType: "tianditu",
    layerType: "vec",
    guid: "10022"
  }, {
    name: "地形晕染图",
    serverType: "tianditu",
    layerType: "ter",
    guid: "10023"
  }, {
    name: "地形中文注记",
    serverType: "tianditu",
    layerType: "cta",
    guid: "10024"
  }]
}, {
  name: "天地图-影像（球面墨卡托投影）",
  guid: 1003,
  className: "img2",
  epsg: "3857",
  children: [{
    name: "注记",
    serverType: "tianditu",
    layerType: "cia",
    guid: "10031"
  }, {
    name: "影像",
    serverType: "tianditu",
    layerType: "img",
    guid: "10032"
  }]
}, {
  name: "百度地图",
  guid: 1004,
  className: "img5",
  epsg: "3857",
  children: [{
    name: "全球矢量",
    layerType: "vec",
    serverType: "baidu",
    guid: "100401"
  }, {
    name: "中国影像",
    layerType: "imgd",
    serverType: "baidu",
    guid: "100402"
  }, {
    name: "全球注记",
    layerType: "imgz",
    serverType: "baidu",
    guid: "100403"
  }, {
    name: "路况图",
    layerType: "time",
    serverType: "baidu",
    guid: "100404"
  }, {
    name: "清新蓝",
    layerType: "light",
    serverType: "baidu",
    guid: "100405"
  }, {
    name: "黑夜",
    layerType: "dark",
    serverType: "baidu",
    guid: "100406"
  }, {
    name: "红色警戒",
    layerType: "redalert",
    serverType: "baidu",
    guid: "100407"
  }, {
    name: "精简",
    layerType: "googlelite",
    serverType: "baidu",
    guid: "100408"
  }, {
    name: "自然绿",
    layerType: "grassgreen",
    serverType: "baidu",
    guid: "100409"
  }, {
    name: "浪漫粉",
    layerType: "pink",
    serverType: "baidu",
    guid: "100410"
  }, {
    name: "青春绿",
    layerType: "darkgreen",
    serverType: "baidu",
    guid: "100411"
  }, {
    name: "高端灰",
    layerType: "grayscale",
    serverType: "baidu",
    guid: "100412"
  }, {
    name: "强边界",
    layerType: "hardedge",
    serverType: "baidu",
    guid: "100413"
  }]
}, {
  name: "高德地图",
  guid: 1005,
  className: "img6",
  epsg: "3857",
  children: [{
    name: "全球矢量",
    layerType: "vec",
    serverType: "gaode",
    guid: "10051"
  }, {
    name: "全球影像",
    layerType: "img",
    serverType: "gaode",
    guid: "10052"
  }, {
    name: "影像注记",
    layerType: "cia",
    serverType: "gaode",
    guid: "10053"
  }, {
    name: "道路标注纯图",
    layerType: "prd",
    serverType: "gaode",
    guid: "10054"
  }, {
    name: "道路标注简图",
    layerType: "srd",
    serverType: "gaode",
    guid: "10055"
  }, {
    name: "道路标注详图",
    layerType: "drd",
    serverType: "gaode",
    guid: "10056"
  }, {
    name: "纯道路透明标注图",
    layerType: "tpr",
    serverType: "gaode",
    guid: "10057"
  }, {
    name: "纯地标透明标注图",
    layerType: "tpm",
    serverType: "gaode",
    guid: "10058"
  }]
}, {
  name: "腾讯地图",
  guid: 1006,
  className: "img7",
  epsg: "3857",
  children: [{
    name: "暗色调地图",
    layerType: "vec_ink",
    serverType: "tencent",
    guid: "10061"
  }, {
    name: "经典地图",
    layerType: "vec_classic_1",
    serverType: "tencent",
    guid: "10062"
  }, {
    name: "卫星图",
    layerType: "sate_tiles",
    serverType: "tencent",
    guid: "10063"
  }, {
    name: "地形图",
    layerType: "dem_tiles",
    serverType: "tencent",
    guid: "10064"
  }]
}, {
  name: "必应地图",
  guid: 1007,
  className: "img8",
  epsg: "3857",
  children: [{
    name: "Aerial",
    layerType: "Aerial",
    serverType: "bing",
    guid: "10071"
  }, {
    name: "AerialWithLabels",
    layerType: "AerialWithLabels",
    serverType: "bing",
    guid: "10072"
  }, {
    name: "AerialWithLabelsOnDemand",
    layerType: "AerialWithLabelsOnDemand",
    serverType: "bing",
    guid: "10073"
  }, {
    name: "CanvasDark",
    layerType: "CanvasDark",
    serverType: "bing",
    guid: "10074"
  }, {
    name: "CanvasLight",
    layerType: "CanvasLight",
    serverType: "bing",
    guid: "10075"
  }, {
    name: "CanvasGray",
    layerType: "CanvasGray",
    serverType: "bing",
    guid: "10076"
  }, {
    name: "Road",
    layerType: "Road",
    serverType: "bing",
    guid: "10077"
  }, {
    name: "RoadOnDemand",
    layerType: "RoadOnDemand",
    serverType: "bing",
    guid: "10078"
  }]
}, {
  name: "智图",
  guid: 1008,
  className: "img9",
  epsg: "3857",
  children: [{
    name: "彩色版",
    layerType: "ChinaOnlineCommunity",
    serverType: "geoq",
    guid: "10081"
  }, {
    name: "蓝黑版",
    layerType: "ChinaOnlineStreetPurplishBlue",
    serverType: "geoq",
    guid: "10082"
  }, {
    name: "灰色版",
    layerType: "ChinaOnlineStreetGray",
    serverType: "geoq",
    guid: "10083"
  }, {
    name: "暖色版",
    layerType: "ChinaOnlineStreetWarm",
    serverType: "geoq",
    guid: "10084"
  }, {
    name: "英文版",
    layerType: "ChinaOnlineCommunityENG",
    serverType: "geoq",
    guid: "10085"
  }, {
    name: "移动版",
    layerType: "ChinaOnlineCommunity_Mobile",
    serverType: "geoq",
    guid: "10086"
  }]
}, {
  name: "ArcGIS Online地图",
  guid: 1009,
  className: "img10",
  epsg: "3857",
  children: [{
    name: "ArcGisOnline-NatGeo_World_Map",
    layerType: "NatGeo_World_Map",
    serverType: "arcgisonline",
    guid: "10091"
  }, {
    name: "ArcGisOnline-USA_Topo_Maps",
    layerType: "USA_Topo_Maps",
    serverType: "arcgisonline",
    guid: "10092"
  }, {
    name: "ArcGisOnline-World_Imagery",
    layerType: "World_Imagery",
    serverType: "arcgisonline",
    guid: "10093"
  }, {
    name: "ArcGisOnline-World_Physical_Map",
    layerType: "World_Physical_Map",
    serverType: "arcgisonline",
    guid: "10094"
  }, {
    name: "ArcGisOnline-World_Shaded_Relief",
    layerType: "World_Shaded_Relief",
    serverType: "arcgisonline",
    guid: "10095"
  }, {
    name: "ArcGisOnline-World_Street_Map",
    layerType: "World_Street_Map",
    serverType: "arcgisonline",
    guid: "10096"
  }, {
    name: "ArcGisOnline-World_Terrain_Base",
    layerType: "World_Terrain_Base",
    serverType: "arcgisonline",
    guid: "10097"
  }, {
    name: "ArcGisOnline-World_Topo_Map",
    layerType: "World_Topo_Map",
    serverType: "arcgisonline",
    guid: "10098"
  }]
}, {
  name: "Mapbox地图",
  guid: 1010,
  className: "img11",
  epsg: "3857",
  children: [{
    name: "Mapbox Streets",
    layerType: "streets",
    serverType: "mapbox",
    guid: "10101"
  }, {
    name: "Mapbox Outdoors",
    layerType: "outdoors",
    serverType: "mapbox",
    guid: "10102"
  }, {
    name: "Mapbox Dark",
    layerType: "dark",
    serverType: "mapbox",
    guid: "10103"
  }, {
    name: "Mapbox Light",
    layerType: "light",
    serverType: "mapbox",
    guid: "10104"
  }, {
    name: "Mapbox Satellite",
    layerType: "satellite",
    serverType: "mapbox",
    guid: "10105"
  }, {
    name: "Mapbox Satellite-Streets",
    layerType: "satellite-streets",
    serverType: "mapbox",
    guid: "10106"
  }, {
    name: "Mapbox Navigation-Day",
    layerType: "navigation-day",
    serverType: "mapbox",
    guid: "10107"
  }, {
    name: "Mapbox Satellite-Streets",
    layerType: "navigation-night",
    serverType: "mapbox",
    guid: "10108"
  }]
}, {
  name: "OSM地图",
  guid: 1011,
  className: "img12",
  epsg: "3857",
  children: [{
    name: "OSM标准",
    layerType: "normal",
    serverType: "osm",
    guid: "10111"
  }, {
    name: "OSM自行车地图",
    layerType: "bike",
    serverType: "osm",
    guid: "10112"
  }, {
    name: "OSM交通地图",
    layerType: "transport",
    serverType: "osm",
    guid: "10113"
  }, {
    name: "OSM人道主义地图",
    layerType: "humanitarian",
    serverType: "osm",
    guid: "10114"
  }]
}];
class BasemapGalleryViewModel extends L.Evented {
  constructor(mapTarget) {
    super();
    this._mapTarget = mapTarget;
    this._loaded = this._loaded.bind(this);

    this._registerEvents();
  }
  /**
   * 注册事件
   */


  _registerEvents() {
    gis_utils_namespaceObject.utils.getWebMap(this._mapTarget, this._loaded);
  }

  _loaded(webmap) {
    this._webMap = webmap;

    const info = this._webMap.getWebMapInfo(); // 获取空间参考 过滤底图图层数据


    if (!info) {
      this._epsg = "3857";
    } else {
      this._epsg = info.spatialReference.epsg;
    }

    let that = this;

    _data.forEach(item => {
      if (that._epsg === 3857) {
        if (item.epsg === "3857") {
          item.disabled = false;
        } else {
          item.disabled = true;
        }
      } else if (that._epsg === 4490 || that._epsg === 4326) {
        if (item.epsg === "4490") {
          item.disabled = false;
        } else {
          item.disabled = true;
        }
      } else {
        item.disabled = true;
      }
    });

    this.fire("setData", {
      data: _data
    });
  }

  rowClick(item) {
    let key = item.serverType + "_" + item.layerType;
    let layerConfig = {
      serverType: item.serverType,
      layerType: item.layerType,
      guid: key
    };

    if (item.isDegree) {
      layerConfig.guid += "_2000";
      layerConfig.isDegree = item.isDegree;
    }

    this._webMap.showOnlineBaseLayer(layerConfig, item.visible);
  }

  removeAllLayers() {
    this._webMap.removeAllOnlineBaseLayer();
  }

  destroy() {
    this.off();
    this.removeAllLayers();
  }

}
;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/util"
var util_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/util");
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/leaflet/basemapgallery/BasemapGallery.vue?vue&type=script&setup=true&lang=js

const _hoisted_1 = {
  style: {
    "height": "100%"
  }
};
const _hoisted_2 = {
  style: {
    "height": "100%"
  }
};
const _hoisted_3 = ["title"];




const __default__ = {
  name: "kq2dBasemapGallery"
};
/* harmony default export */ var BasemapGalleryvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
  props: {
    mapTarget: String,
    position: [String, Object]
  },

  setup(__props) {
    const props = __props;
    let box_ref = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(null);
    let showMain = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(true); //选中值

    let currentIndex = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)(0);
    let currentMap = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.ref)("");
    let currentData = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
      data: []
    }); // list数据源

    let dataList = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.reactive)({
      data: []
    }); //逻辑类对象

    let viewModel = null;
    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onMounted)(() => {
      (0,util_namespaceObject.updatePosition)(box_ref.value, props);
      viewModel = new BasemapGalleryViewModel(props.mapTarget);
      viewModel.on("setData", e => {
        dataList.data.value = e.data;
      });
    });

    function changePanel() {
      showMain.value = !showMain.value;
    } //选择事件


    function clickHandler(item) {
      if (item.disabled) return;
      viewModel.removeAllLayers();
      currentIndex.value = item.guid;
      currentMap.value = item.name;
      currentData.data.value = item.children;
    }
    /**
     * uilist的行点击事件
     * @param item
     */


    function rowClick(item) {
      if (item.visible === "undefined") {
        item.visible = false;
      }

      item.visible = !item.visible;
      viewModel.rowClick(item);
    } // 销毁


    (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.onBeforeUnmount)(() => {
      viewModel.destroy();
    });
    return (_ctx, _cache) => {
      const _component_kq_icon = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-icon");

      const _component_kq_form_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form-item");

      const _component_kq_row = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-row");

      const _component_kq_col = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-col");

      const _component_kq_scrollbar = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-scrollbar");

      const _component_kq_form = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-form");

      const _component_kq_menu_item = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-menu-item");

      const _component_kq_menu = (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.resolveComponent)("kq-menu");

      return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)("div", {
        class: "kq2d-basemap-gallery",
        ref_key: "box_ref",
        ref: box_ref
      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_1, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
        style: {
          "line-height": "48px",
          "height": "48px"
        }
      }, {
        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form_item, {
          label: "当前底图"
        }, {
          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
            class: "divSpan",
            onClick: changePanel
          }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentMap)) + " ", 1
          /* TEXT */
          ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, {
            class: "icon"
          }, {
            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.ArrowRight))]),
            _: 1
            /* STABLE */

          })])]),
          _: 1
          /* STABLE */

        })]),
        _: 1
        /* STABLE */

      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_row, {
        style: {
          "height": "calc(100% - 64px)"
        }
      }, {
        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
          span: 24
        }, {
          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_form, null, {
            default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_scrollbar, {
              style: {
                "height": "100%"
              }
            }, {
              default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(dataList).data.value, item => {
                return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_row, {
                  onClick: $event => clickHandler(item),
                  class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(item.disabled ? 'rowDisabled' : (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentIndex) === item.guid ? 'active' : '')
                }, {
                  default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
                    span: 5
                  }, {
                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("img", {
                      class: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.normalizeClass)(item.className),
                      alt: "",
                      style: {
                        "background-size": "64px 64px"
                      }
                    }, null, 2
                    /* CLASS */
                    )]),
                    _: 2
                    /* DYNAMIC */

                  }, 1024
                  /* DYNAMIC_SLOTS */
                  ), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_col, {
                    span: 19
                  }, {
                    default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)(item.name), 1
                    /* TEXT */
                    )]),
                    _: 2
                    /* DYNAMIC */

                  }, 1024
                  /* DYNAMIC_SLOTS */
                  )]),
                  _: 2
                  /* DYNAMIC */

                }, 1032
                /* PROPS, DYNAMIC_SLOTS */
                , ["onClick", "class"]);
              }), 256
              /* UNKEYED_FRAGMENT */
              ))]),
              _: 1
              /* STABLE */

            })]),
            _: 1
            /* STABLE */

          })]),
          _: 1
          /* STABLE */

        })]),
        _: 1
        /* STABLE */

      })], 512
      /* NEED_PATCH */
      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showMain)]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", _hoisted_2, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("div", {
        class: "divSpan",
        onClick: changePanel
      }, [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, {
        class: "icon1"
      }, {
        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.ArrowLeft))]),
        _: 1
        /* STABLE */

      }), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createTextVNode)("   " + (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentMap)), 1
      /* TEXT */
      )]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_menu, {
        class: "list-ul"
      }, {
        default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_scrollbar, {
          class: "scrollbarClass"
        }, {
          default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(true), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementBlock)(external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.Fragment, null, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.renderList)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(currentData).data.value, item => {
            return (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.openBlock)(), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createBlock)(_component_kq_menu_item, {
              index: item.guid,
              key: item.guid,
              onClick: $event => rowClick(item)
            }, {
              title: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, null, {
                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.View))]),
                _: 2
                /* DYNAMIC */

              }, 1536
              /* NEED_PATCH, DYNAMIC_SLOTS */
              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, item.visible]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withDirectives)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)(_component_kq_icon, null, {
                default: (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.withCtx)(() => [(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createVNode)((0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(icons_vue_namespaceObject.Hide))]),
                _: 2
                /* DYNAMIC */

              }, 1536
              /* NEED_PATCH, DYNAMIC_SLOTS */
              ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, !item.visible]]), (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.createElementVNode)("span", {
                title: item.name
              }, (0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.toDisplayString)(item.name), 9
              /* TEXT, PROPS */
              , _hoisted_3)]),
              _: 2
              /* DYNAMIC */

            }, 1032
            /* PROPS, DYNAMIC_SLOTS */
            , ["index", "onClick"]);
          }), 128
          /* KEYED_FRAGMENT */
          ))]),
          _: 1
          /* STABLE */

        })]),
        _: 1
        /* STABLE */

      })], 512
      /* NEED_PATCH */
      ), [[external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.vShow, !(0,external_root_Vue_commonjs_vue_commonjs2_vue_amd_vue_namespaceObject.unref)(showMain)]])], 512
      /* NEED_PATCH */
      );
    };
  }

}));
;// CONCATENATED MODULE: ./src/leaflet/basemapgallery/BasemapGallery.vue?vue&type=script&setup=true&lang=js
 
;// CONCATENATED MODULE: ./src/leaflet/basemapgallery/BasemapGallery.vue



const __exports__ = BasemapGalleryvue_type_script_setup_true_lang_js;

/* harmony default export */ var BasemapGallery = (__exports__);
;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/init.js"
var init_js_namespaceObject = require("@zpc_npm/vue-iclient-common/init.js");
var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_namespaceObject);
;// CONCATENATED MODULE: ./src/leaflet/basemapgallery/index.js




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


module.exports = __webpack_exports__;
/******/ })()
;