@zpc_npm/vue-iclient-common
Version:
KQGIS iClient for Vue.js
899 lines (785 loc) • 30.9 kB
JavaScript
/******/ (function() { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ 1349:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
/* harmony import */ var element_plus_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2442);
/* harmony import */ var element_plus_es__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(element_plus_es__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8945);
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_init__WEBPACK_IMPORTED_MODULE_1__);
element_plus_es__WEBPACK_IMPORTED_MODULE_0__.ElMessage.install = (Vue, opts) => {
_init__WEBPACK_IMPORTED_MODULE_1___default()(Vue, opts);
Vue.component("KqMessage", element_plus_es__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
};
/* harmony default export */ __webpack_exports__["default"] = (element_plus_es__WEBPACK_IMPORTED_MODULE_0__.ElMessage);
/***/ }),
/***/ 2442:
/***/ (function(module) {
module.exports = require("element-plus/es");
/***/ }),
/***/ 8945:
/***/ (function(module) {
module.exports = require("@zpc_npm/vue-iclient-common/init.js");
/***/ })
/******/ });
/************************************************************************/
/******/ // 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/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__ = {};
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
!function() {
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"XzqNavigationViewModel": function() { return /* reexport */ XzqNavigationViewModel; },
"default": function() { return /* reexport */ XzqNavigation; }
});
;// CONCATENATED MODULE: external "vue"
var external_vue_namespaceObject = require("vue");
;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/mitt"
var mitt_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/mitt");
var mitt_default = /*#__PURE__*/__webpack_require__.n(mitt_namespaceObject);
;// CONCATENATED MODULE: external "@zpc_npm/vue-iclient-common/_utils/gis-utils"
var gis_utils_namespaceObject = require("@zpc_npm/vue-iclient-common/_utils/gis-utils");
// EXTERNAL MODULE: ./src/common/_ui/message/index.js
var message = __webpack_require__(1349);
;// CONCATENATED MODULE: ./src/common/xzqnavigation/XzqNavigationViewModel.js
/**
* Author: renjun
* Date: 2022-11-24
* Description: 行政区导航逻辑层
*/
/**
* @class XzqNavigationViewModel
* @classdesc 行政区导航
* @param {Object} props
* @param {string} props.mapTarget map对象渲染的div的id
* @param {string} props.dataJsonName 第一层级(省/市)数据的json文件名,.json文件，文件夹与文件同名
* @param {string} props.staticPath 行政区导航geojson文件放置的文件夹路径
* @param {string} props.code geojson中行政区划代码字段名。
* @param {string} props.name geojson中行政区划名称字段名
* @param {Object} props.limitScalsSheng 第一层级(省/市)的比例尺,用于缩放时的透明度的变化
* @param {Object} props.limitScalsShi 第二层级(市/县)的比例尺,用于缩放时的透明度的变化
* @param {Object} props.limitScalsXian 第三层级(县/乡(街道))的比例尺,用于缩放时的透明度的变化"
*/
class XzqNavigationViewModel extends (mitt_default()) {
constructor(props) {
super();
/**
* 属性
* @type {object}
* @private
*/
this._props = JSON.parse(JSON.stringify(props));
/**
* 绑定地图的target，可为“”
* @type {string}
* @private
*/
this._mapTarget = this._props.mapTarget;
/**
* 定位后的绘图样式
* @type {object}
* @private
*/
this.drawStyle = this._props.drawStyle;
/**
* 第二级的行政编码
* @type {object}
* @private
*/
this.cityCode = null;
/**
* 第一级的行政编码
* @type {object}
* @private
*/
this.provinceCode = null;
/**
* 当前地图的缩放级别
* @type {object}
* @private
*/
this.scale = null;
/**
* 当前点击的级别
* @type {object}
* @private
*/
this.adminType = null;
/**
* 当前高亮的行政区
* @type {object}
* @private
*/
this._currentLayer = null;
this._resetListData = this._resetListData.bind(this);
this._changeMap = this._changeMap.bind(this);
this._registerEvents();
this.initData();
}
/**
* 注册事件
*/
_registerEvents() {
gis_utils_namespaceObject.utils.getWebMap(this._mapTarget, this._resetListData); // 切换监听事件 指定mapTarget时 不需要监听
if (!(this._mapTarget && this._mapTarget !== "")) {
gis_utils_namespaceObject.utils.bindChangeMapEvents(this._changeMap);
}
}
/**
* 图层监听事件
* @param {object} e
* @returns
*/
_resetListData(e) {
this.scale = e.getScale();
}
/**
* 地图切换事件
* @param {object} e
*/
_changeMap(e) {
if (e.preMapTarget !== e.currentMapTarget) {
this.fire("cleanData");
}
}
/**
*初始化行政区数据
*/
initData() {
let countryCode = this._props.dataJsonName.replace(".json", "");
let staticPath = this._props.staticPath;
let path = staticPath + "/" + countryCode + ".json";
let self = this;
fetch(path).then(res => {
return res.json();
}).then(data => {
data.features.level = 1;
self.provinceCode = data.features[0].properties[self._props.code];
let cityPath = staticPath + "/" + countryCode + "/" + self.provinceCode + ".json";
fetch(cityPath).then(rescity => {
return rescity.json();
}).then(datacity => {
datacity.features.level = 2;
this.fire("setData", {
data,
datacity
});
}).catch(error => {
self.fire("setShowData", {
error
});
(0,message["default"])({
message: "获取数据失败" + error,
type: "error",
duration: 2000
});
});
});
}
/**
* 显示当前点击的行政区
* @param {string} adminCode 行政区编码
* @param {object} datas 行政区数据
*/
showCurrent(adminCode, datas) {
let staticPath = this._props.staticPath;
let countryCode = this._props.dataJsonName.replace(".json", "");
let provinceCode = this.provinceCode;
let code = adminCode.toString();
this.adminType = null;
let adminType = null;
let self = this;
if (datas.level === 1) {
let provincePath = staticPath + "/" + countryCode + ".json";
let cityPath = staticPath + "/" + countryCode + "/" + code + ".json";
fetch(provincePath).then(res => {
return res.json();
}).then(data => {
data.features.level = 1;
fetch(cityPath).then(rescity => {
return rescity.json();
}).then(cityDatas => {
cityDatas.features.level = 2;
self.adminType = "province";
adminType = self.adminType;
self.fire("setShowData", {
data,
cityDatas,
adminType
});
}).catch(error => {
self.fire("setShowData", {
error
});
(0,message["default"])({
message: "获取数据失败" + error,
type: "error",
duration: 2000
});
});
}).catch(error => {
self.fire("setShowData", {
error
});
(0,message["default"])({
message: "获取数据失败" + error,
type: "error",
duration: 2000
});
});
} else if (datas.level === 2) {
let cityPath = staticPath + "/" + countryCode + "/" + provinceCode + ".json";
let districtPath = staticPath + "/" + countryCode + "/" + provinceCode + "/" + code + ".json";
fetch(cityPath).then(res => {
return res.json();
}).then(cityDatas => {
cityDatas.features.level = 2;
fetch(districtPath).then(rescity => {
return rescity.json();
}).then(districtDatas => {
districtDatas.features.level = 3;
self.adminType = "city";
adminType = self.adminType;
self.cityCode = code;
self.fire("setShowData", {
cityDatas,
districtDatas,
adminType
});
}).catch(error => {
self.fire("setShowData", {
error
});
(0,message["default"])({
message: "获取数据失败" + error,
type: "error",
duration: 2000
});
});
}).catch(error => {
self.fire("setShowData", {
error
});
(0,message["default"])({
message: "获取数据失败" + error,
type: "error",
duration: 2000
});
});
} else if (datas.level === 3) {
let districtPath = staticPath + "/" + countryCode + "/" + provinceCode + "/" + self.cityCode + ".json";
fetch(districtPath).then(rescity => {
return rescity.json();
}).then(districtDatas => {
districtDatas.features.level = 3;
self.adminType = "district";
adminType = self.adminType;
self.fire("setShowData", {
districtDatas,
adminType
});
}).catch(error => {
self.fire("setShowData", {
error
});
(0,message["default"])({
message: "获取数据失败,请检查",
type: "error",
duration: 2000
});
});
}
}
/**
* 行政区定位方法
* @param {object} geoJsonData
* @param {string} adminCode
* @returns
*/
drawGeoLayer(geoJsonData, adminCode) {
if (!geoJsonData) {
return false;
}
let geoData = null;
this.drawStyle.fillOpacity = 0.1;
this.changeTransparent(); // 创建行政区划矢量图层
for (let geojson of geoJsonData) {
if (geojson.properties[this._props.code].toString() === adminCode) {
geoData = geojson;
}
}
this.removeShownLayer();
let self = this;
gis_utils_namespaceObject.mapDrawUtils.drawAndFlytoGeometry(this._mapTarget, geoData, "navigation", function (layer) {
if (layer) {
self._currentLayer = layer;
}
}, this.drawStyle, null, false);
}
/**
* 缩放时变更透明度
*/
changeTransparent() {
let self = this;
gis_utils_namespaceObject.mapViewUtils.bindMapEvents("zoomend", function (e) {
let zoom = e.target.getZoom();
let adminType = self.adminType;
let mapscale = self.scale[zoom];
let limitScals = adminType === "province" ? self._props.limitScalsSheng : adminType === "city" ? self._props.limitScalsShi : self._props.limitScalsXian;
if (mapscale <= limitScals) {
if (self._currentLayer) {
self._currentLayer.setStyle({
fillOpacity: 0
});
}
} else {
if (self._currentLayer) {
self._currentLayer.setStyle({
fillOpacity: 0.1
});
}
}
}, this._mapTarget);
}
/**
* 清除定位时的图形
*/
removeShownLayer() {
gis_utils_namespaceObject.mapDrawUtils.removeGeometryByIdCustom(this._mapTarget, "navigation");
}
/**
* 销毁执行方法。删除所有事件监听
*/
destroy() {
this.removeShownLayer();
gis_utils_namespaceObject.mapViewUtils.offMapEvents("zoomend", null, this._mapTarget);
this.off();
if (!(this._mapTarget && this._mapTarget !== "")) {
gis_utils_namespaceObject.utils.offChangeMapEvents(this._changeMap);
}
}
}
;// 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/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/common/xzqnavigation/XzqNavigation.vue?vue&type=script&setup=true&lang=js
const _hoisted_1 = {
class: "current"
};
const _hoisted_2 = /*#__PURE__*/(0,external_vue_namespaceObject.createElementVNode)("span", {
class: "currentfont"
}, "当前位置：", -1
/* HOISTED */
);
const _hoisted_3 = {
class: "pointerTitleNav"
};
const _hoisted_4 = {
class: "cityBox"
};
const _hoisted_5 = {
class: "adminLevel noneBorder"
};
const _hoisted_6 = {
class: "boldFont"
};
const _hoisted_7 = ["id"];
const _hoisted_8 = {
key: 0,
class: "adminLevel noneBorder"
};
const _hoisted_9 = {
class: "title"
};
const _hoisted_10 = {
class: "boldFont"
};
const _hoisted_11 = ["id"];
const _hoisted_12 = {
key: 1,
class: "adminLevel noneBorder"
};
const _hoisted_13 = {
class: "title"
};
const _hoisted_14 = {
class: "boldFont"
};
const _hoisted_15 = ["id"];
// 逻辑类 逻辑运算代码都写在里面
// 获取组件传参
// vue3.2声明名称暂时只支持这样写 name在绑定组件的时候使用
const __default__ = {
name: "KqXzqNavigation"
};
/* harmony default export */ var XzqNavigationvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
props: {
// 每个地图相关组件的必须参数 非必传 指定组件绑定的map对象的div的id
mapTarget: String,
// 导航层次类型，1为省市县，2为市县乡
navigationType: {
type: Number
},
//行政区导航geojson文件放置的文件夹路径
staticPath: {
type: String,
default: ""
},
//第一层级(省/市)数据的json文件名,.json文件，文件夹与文件同名
dataJsonName: {
type: String,
default: ""
},
//geojson中行政区划代码字段名
code: {
type: String,
default: "adcode"
},
//geojson中行政区划名称字段名
name: {
type: String,
default: "name"
},
//第一层级(省/市)的比例尺,用于缩放时的透明度的变化
limitScalsSheng: {
type: Number,
default: 20000000
},
//第二层级(市/县)的比例尺,用于缩放时的透明度的变化
limitScalsShi: {
type: Number,
default: 288888
},
//第三层级(县/乡(街道))的比例尺,用于缩放时的透明度的变化
limitScalsXian: {
type: Number,
default: 150000
},
//初始化组件位置
position: [String, Object],
//定位后的绘图样式
drawStyle: {
type: Object,
default: function () {
return {
fill: true,
fillColor: "#3388FF",
fillOpacity: 0.1,
weight: 2,
dashArray: "3, 4"
};
}
}
},
setup(__props, {
expose
}) {
const props = __props; // 逻辑类
let viewModel = null; //当前位置
let positionTitle = (0,external_vue_namespaceObject.ref)(null); //省数据
let provincesDatas = (0,external_vue_namespaceObject.ref)([]); //市数据
let cityDatas = (0,external_vue_namespaceObject.ref)([]); //县数据
let districtDatas = (0,external_vue_namespaceObject.ref)([]); //是否点击过
let cityRestBtnActive = (0,external_vue_namespaceObject.ref)(false); //当前点击的行政区的id
let adminCode = null; //标题
let title = (0,external_vue_namespaceObject.ref)(["省", "市", "县"]); //省点击样式
const useProvinceClickStyle = (0,external_vue_namespaceObject.ref)(); //市点击样式
const useCityClickStyle = (0,external_vue_namespaceObject.ref)(); //县点击样式
const useDistrictClickStyle = (0,external_vue_namespaceObject.ref)();
let xzq_ref = (0,external_vue_namespaceObject.ref)(null);
(0,external_vue_namespaceObject.onMounted)(() => {
(0,util_namespaceObject.updatePosition)(xzq_ref.value, props);
if (props.navigationType === 2) {
title.value = ["市", "县", "乡"];
}
viewModel = new XzqNavigationViewModel(props);
viewModel.on("setData", _data => {
provincesDatas.value = _data.data.features;
cityDatas.value = _data.datacity.features;
});
viewModel.on("cleanData", () => {
removeAllRegionLayer();
});
});
(0,external_vue_namespaceObject.onBeforeUnmount)(() => {
clearAll();
viewModel = null;
});
/**
* 清除所有数据
*/
function clearAll() {
viewModel.destroy();
removeAllRegionLayer();
}
/**
* 行政区定位
* @param {object} geoJsonData
* @param {string} adminCode
*/
function drawGeoLayer(geoJsonData, adminCode) {
viewModel.drawGeoLayer(geoJsonData, adminCode);
}
/**
* 显示当前点击的行政区
* @param {object} event 点击对象
* @param {object} datas 数据
*/
function showCurrent(event, datas) {
adminCode = event.target.id || "";
positionTitle.value = event.target.outerText;
viewModel.on("setShowData", _data => {
if (_data.error) {
return false;
}
let adminType = _data.adminType;
if (adminType === "province") {
provincesDatas.value = _data.data.features;
cityDatas.value = _data.cityDatas.features;
useProvinceClickStyle.value = adminCode;
useCityClickStyle.value = false;
cityRestBtnActive.value = true;
drawGeoLayer(provincesDatas.value, adminCode);
} else if (adminType === "city") {
cityDatas.value = _data.cityDatas.features;
districtDatas.value = _data.districtDatas.features;
useCityClickStyle.value = adminCode;
useDistrictClickStyle.value = false;
cityRestBtnActive.value = true;
drawGeoLayer(cityDatas.value, adminCode);
} else if (adminType === "district") {
districtDatas.value = _data.districtDatas.features;
useDistrictClickStyle.value = adminCode;
cityRestBtnActive.value = true;
drawGeoLayer(districtDatas.value, adminCode);
}
});
viewModel.showCurrent(adminCode, datas);
}
/**
* 移除点击的行政区
*/
function removeAllRegionLayer() {
positionTitle.value = "";
districtDatas.value = null;
cityRestBtnActive.value = false;
useProvinceClickStyle.value = false;
useCityClickStyle.value = false;
useDistrictClickStyle.value = false;
viewModel.removeShownLayer();
}
expose({
clearAll
});
return (_ctx, _cache) => {
const _component_kq_button = (0,external_vue_namespaceObject.resolveComponent)("kq-button");
const _component_kq_col = (0,external_vue_namespaceObject.resolveComponent)("kq-col");
const _component_kq_row = (0,external_vue_namespaceObject.resolveComponent)("kq-row");
return (0,external_vue_namespaceObject.openBlock)(), (0,external_vue_namespaceObject.createElementBlock)("div", {
class: "xzqnavigation",
ref_key: "xzq_ref",
ref: xzq_ref
}, [(0,external_vue_namespaceObject.createElementVNode)("div", null, [(0,external_vue_namespaceObject.createElementVNode)("div", _hoisted_1, [(0,external_vue_namespaceObject.createElementVNode)("div", null, [_hoisted_2, (0,external_vue_namespaceObject.createElementVNode)("span", _hoisted_3, (0,external_vue_namespaceObject.toDisplayString)((0,external_vue_namespaceObject.unref)(positionTitle)), 1
/* TEXT */
)]), (0,external_vue_namespaceObject.createElementVNode)("div", null, [(0,external_vue_namespaceObject.unref)(cityRestBtnActive) ? ((0,external_vue_namespaceObject.openBlock)(), (0,external_vue_namespaceObject.createBlock)(_component_kq_button, {
key: 0,
icon: (0,external_vue_namespaceObject.unref)(icons_vue_namespaceObject.CircleClose),
class: "iconstyle",
title: "清除图层",
text: "",
onClick: removeAllRegionLayer
}, null, 8
/* PROPS */
, ["icon"])) : (0,external_vue_namespaceObject.createCommentVNode)("v-if", true)])]), (0,external_vue_namespaceObject.createElementVNode)("div", _hoisted_4, [(0,external_vue_namespaceObject.createElementVNode)("div", _hoisted_5, [(0,external_vue_namespaceObject.createVNode)(_component_kq_row, {
style: {
"align-items": "center"
}
}, {
default: (0,external_vue_namespaceObject.withCtx)(() => [(0,external_vue_namespaceObject.createVNode)(_component_kq_col, {
span: 3
}, {
default: (0,external_vue_namespaceObject.withCtx)(() => [(0,external_vue_namespaceObject.createElementVNode)("div", null, [(0,external_vue_namespaceObject.createElementVNode)("span", _hoisted_6, (0,external_vue_namespaceObject.toDisplayString)((0,external_vue_namespaceObject.unref)(title)[0]), 1
/* TEXT */
)])]),
_: 1
/* STABLE */
}), (0,external_vue_namespaceObject.createVNode)(_component_kq_col, {
span: 21
}, {
default: (0,external_vue_namespaceObject.withCtx)(() => [(0,external_vue_namespaceObject.createElementVNode)("ul", null, [((0,external_vue_namespaceObject.openBlock)(true), (0,external_vue_namespaceObject.createElementBlock)(external_vue_namespaceObject.Fragment, null, (0,external_vue_namespaceObject.renderList)((0,external_vue_namespaceObject.unref)(provincesDatas), prov => {
return (0,external_vue_namespaceObject.openBlock)(), (0,external_vue_namespaceObject.createElementBlock)("li", {
class: (0,external_vue_namespaceObject.normalizeClass)({
regionClicked: prov.properties[props.code] == useProvinceClickStyle.value
}),
id: prov.properties[props.code],
key: prov.properties[props.code],
ref_for: true,
ref: "provinceArrs",
onClick: _cache[0] || (_cache[0] = (0,external_vue_namespaceObject.withModifiers)($event => showCurrent($event, (0,external_vue_namespaceObject.unref)(provincesDatas)), ["stop"]))
}, (0,external_vue_namespaceObject.toDisplayString)(prov.properties[props.name]), 11
/* TEXT, CLASS, PROPS */
, _hoisted_7);
}), 128
/* KEYED_FRAGMENT */
))])]),
_: 1
/* STABLE */
})]),
_: 1
/* STABLE */
})]), (0,external_vue_namespaceObject.unref)(cityDatas) != null ? ((0,external_vue_namespaceObject.openBlock)(), (0,external_vue_namespaceObject.createElementBlock)("div", _hoisted_8, [(0,external_vue_namespaceObject.createVNode)(_component_kq_row, null, {
default: (0,external_vue_namespaceObject.withCtx)(() => [(0,external_vue_namespaceObject.createVNode)(_component_kq_col, {
span: 3
}, {
default: (0,external_vue_namespaceObject.withCtx)(() => [(0,external_vue_namespaceObject.createElementVNode)("div", _hoisted_9, [(0,external_vue_namespaceObject.createElementVNode)("span", _hoisted_10, (0,external_vue_namespaceObject.toDisplayString)((0,external_vue_namespaceObject.unref)(title)[1]), 1
/* TEXT */
)])]),
_: 1
/* STABLE */
}), (0,external_vue_namespaceObject.createVNode)(_component_kq_col, {
span: 21
}, {
default: (0,external_vue_namespaceObject.withCtx)(() => [(0,external_vue_namespaceObject.createElementVNode)("ul", null, [((0,external_vue_namespaceObject.openBlock)(true), (0,external_vue_namespaceObject.createElementBlock)(external_vue_namespaceObject.Fragment, null, (0,external_vue_namespaceObject.renderList)((0,external_vue_namespaceObject.unref)(cityDatas), prov => {
return (0,external_vue_namespaceObject.openBlock)(), (0,external_vue_namespaceObject.createElementBlock)("li", {
class: (0,external_vue_namespaceObject.normalizeClass)({
regionClicked: prov.properties[props.code] == useCityClickStyle.value
}),
id: prov.properties[props.code],
key: prov.properties[props.code],
ref_for: true,
ref: "cityArrs",
onClick: _cache[1] || (_cache[1] = (0,external_vue_namespaceObject.withModifiers)($event => showCurrent($event, (0,external_vue_namespaceObject.unref)(cityDatas)), ["stop"]))
}, (0,external_vue_namespaceObject.toDisplayString)(prov.properties[props.name]), 11
/* TEXT, CLASS, PROPS */
, _hoisted_11);
}), 128
/* KEYED_FRAGMENT */
))])]),
_: 1
/* STABLE */
})]),
_: 1
/* STABLE */
})])) : (0,external_vue_namespaceObject.createCommentVNode)("v-if", true), (0,external_vue_namespaceObject.unref)(districtDatas) != null ? ((0,external_vue_namespaceObject.openBlock)(), (0,external_vue_namespaceObject.createElementBlock)("div", _hoisted_12, [(0,external_vue_namespaceObject.createVNode)(_component_kq_row, null, {
default: (0,external_vue_namespaceObject.withCtx)(() => [(0,external_vue_namespaceObject.createVNode)(_component_kq_col, {
span: 3
}, {
default: (0,external_vue_namespaceObject.withCtx)(() => [(0,external_vue_namespaceObject.createElementVNode)("div", _hoisted_13, [(0,external_vue_namespaceObject.createElementVNode)("span", _hoisted_14, (0,external_vue_namespaceObject.toDisplayString)((0,external_vue_namespaceObject.unref)(title)[2]), 1
/* TEXT */
)])]),
_: 1
/* STABLE */
}), (0,external_vue_namespaceObject.createVNode)(_component_kq_col, {
span: 21
}, {
default: (0,external_vue_namespaceObject.withCtx)(() => [(0,external_vue_namespaceObject.createElementVNode)("ul", null, [((0,external_vue_namespaceObject.openBlock)(true), (0,external_vue_namespaceObject.createElementBlock)(external_vue_namespaceObject.Fragment, null, (0,external_vue_namespaceObject.renderList)((0,external_vue_namespaceObject.unref)(districtDatas), prov => {
return (0,external_vue_namespaceObject.openBlock)(), (0,external_vue_namespaceObject.createElementBlock)("li", {
class: (0,external_vue_namespaceObject.normalizeClass)({
regionClicked: prov.properties[props.code] == useDistrictClickStyle.value
}),
id: prov.properties[props.code],
key: prov.properties[props.code],
ref_for: true,
ref: "districtArrs",
onClick: _cache[2] || (_cache[2] = (0,external_vue_namespaceObject.withModifiers)($event => showCurrent($event, (0,external_vue_namespaceObject.unref)(districtDatas)), ["stop"]))
}, (0,external_vue_namespaceObject.toDisplayString)(prov.properties[props.name]), 11
/* TEXT, CLASS, PROPS */
, _hoisted_15);
}), 128
/* KEYED_FRAGMENT */
))])]),
_: 1
/* STABLE */
})]),
_: 1
/* STABLE */
})])) : (0,external_vue_namespaceObject.createCommentVNode)("v-if", true)])])], 512
/* NEED_PATCH */
);
};
}
}));
;// CONCATENATED MODULE: ./src/common/xzqnavigation/XzqNavigation.vue?vue&type=script&setup=true&lang=js
;// CONCATENATED MODULE: ./src/common/xzqnavigation/XzqNavigation.vue
const __exports__ = XzqNavigationvue_type_script_setup_true_lang_js;
/* harmony default export */ var XzqNavigation = (__exports__);
// EXTERNAL MODULE: external "@zpc_npm/vue-iclient-common/init.js"
var init_js_ = __webpack_require__(8945);
var init_js_default = /*#__PURE__*/__webpack_require__.n(init_js_);
;// CONCATENATED MODULE: ./src/common/xzqnavigation/index.js
XzqNavigation.install = (Vue, opts) => {
init_js_default()(Vue, opts);
Vue.component(XzqNavigation.name, XzqNavigation);
};
}();
module.exports = __webpack_exports__;
/******/ })()
;