web-component-gallery 1.2.13 → 1.2.15

package/dist/amap.umd.js

@@ -8714,7 +8714,7 @@ eval("/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source cod
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: () => (/* binding */ AmapDrawProps),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.every.js */ \"./node_modules/core-js/modules/es.iterator.every.js\");\n/* harmony import */ var core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/AmapSearch/index.jsx */ \"./plugins/lib/amap/components/AmapSearch/index.jsx\");\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _method_AMap_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../method/AMap.js */ \"./plugins/method/AMap.js\");\n/* harmony import */ var _AmapDraw_less__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./AmapDraw.less */ \"./plugins/lib/amap/AmapDraw.less\");\n\n\n\n\n\n\n\n\n\nconst AmapDrawProps = {\n  /** drawEl为地图容器实例名称 */\n  drawEl: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string.def('AmapDraw'),\n  /** drawType为绘制类型\r\n   *  可选值（point点 | line线 | polygon面）\r\n   */\n  drawType: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string.def('point'),\n  /** 绘制图标 （只在point类型下生效 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].any.def('http://api.qxfnkj.com:8090/poi/poi-marker-default.png'),\n  /** drawCount为绘制物绘制个数 */\n  drawCount: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].number.def(1),\n  /** drawOptions为绘制物配置项 */\n  drawOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object.def({}),\n  /** drawInfo为绘制物信息 */\n  drawInfo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].array]),\n  /** drawInfoAll为所有不同类型绘制物信息(用于回显地图图层)\r\n   *  格式: { point: ([]||{}), line: ([]||{}) }\r\n   */\n  drawInfoAll: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object,\n  /** 限制区域 */\n  drawLimitArea: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string]),\n  /** 限制区域样式配置 */\n  drawLimitAreaOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object.def({}),\n  /** 是否为纯地图展示数据 */\n  isExhibition: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].bool.def(false)\n};\nconst AmapDraw = {\n  name: 'AmapDraw',\n  props: AmapDrawProps,\n  data() {\n    return {\n      amap: null,\n      drawArea: null,\n      drawLayers: null,\n      drawMouseTool: null,\n      buttonProps: [],\n      drawButtonProps: [{\n        type: 'primary',\n        text: '绘制',\n        event: {\n          click: this.AmapDraw\n        }\n      }, {\n        text: '清除',\n        event: {\n          click: this.AmapDrawClear\n        }\n      }],\n      saveButtonProps: [{\n        type: 'primary',\n        text: '保存',\n        event: {\n          click: this.AmapDrawSave\n        }\n      }, {\n        text: '取消',\n        event: {\n          click: this.AmapDrawReset\n        }\n      }]\n    };\n  },\n  computed: {\n    drawLayersInfo: {\n      get() {\n        return this.drawInfo;\n      },\n      set(newValue) {\n        this.$emit('getAMapLayersInfo', newValue);\n      }\n    }\n  },\n  watch: {\n    drawInfo: {\n      handler(newVal, oldVal) {\n        const newValue = this.drawLayersInfo;\n        newVal && this.echoDrawLayers(this.drawType);\n      },\n      deep: true\n    },\n    drawInfoAll(newValue) {\n      newValue && this.echoDrawLayers();\n    },\n    drawOptions(newValue) {\n      /** 检测options覆盖物配置是否更改，更改后要同步到地图上 */\n      Object.keys(newValue).length && this.setOverlayOptions(newValue);\n    },\n    drawLimitArea(newValue) {\n      newValue && this.setDrawLimitArea();\n    }\n  },\n  mounted() {\n    this.$amapBus.$on('onAMapMounted', () => {\n      this.amap = this.$initAMap({\n        el: this.drawEl\n      });\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.echoDrawLayers(this.drawType);\n      /** 如果有限制区域，则描绘在地图上 */\n      this.drawLimitArea && this.setDrawLimitArea();\n    });\n  },\n  destroyed() {\n    this.AmapDrawClear();\n  },\n  methods: {\n    /** 绘制 */\n    AmapDraw() {\n      this.buttonProps = [].concat(this.saveButtonProps);\n      this.drawMouseTool = new this.$amap.MouseTool(this.amap);\n      this.AmapDrawClear();\n      this.setDrawLayers(this.drawType);\n      this.drawMouseTool.on('draw', ({\n        obj\n      }) => {\n        if (this.drawArea && !this[`is${this.drawType}InRing`](obj)) return this.amap.remove(obj), this.$message.error('未在范围内描绘！');\n        /** 暂未支持一次性绘制多个 */\n        this.drawCount > 1 ? (this.drawLayers = this.drawLayers || [], this.drawLayers.push(obj)) : this.drawLayers = obj;\n        if (this.drawLayers && (this.drawLayers.length == this.drawCount || this.drawCount == 1)) {\n          return this.drawMouseTool.close();\n        }\n      });\n    },\n    /** 清空绘制 / 清空搜索 */\n    AmapDrawClear() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && this.amap.remove(layerItem));\n      // this.amap.clearMap()\n      this.drawLayers = null;\n      this.drawLayersInfo = {};\n    },\n    /** 保存当前绘制 */\n    AmapDrawSave() {\n      this.assignDrawLayers(this.drawType);\n      this.buttonProps = [].concat(this.drawButtonProps);\n    },\n    /** 取消当前绘制 */\n    AmapDrawReset() {\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.AmapDrawClear();\n    },\n    /** 搜索地址 */\n    searchChoose(searchMarker, searchInfo) {\n      this.AmapDrawClear();\n      searchMarker.setMap(this.amap);\n      this.amap.setZoomAndCenter(15, searchMarker.getPosition());\n      this.drawType == 'point' && (this.drawLayersInfo = searchInfo);\n      // this.$emit('getAMapLayersInfo', this.drawLayersInfo)\n    },\n    /** 检测覆盖物配置信息并同步 */\n    setOverlayOptions(options) {\n      if (!this.drawLayers) return;\n      this.drawCount > 1 ? this.drawLayers.forEach(drawItem => drawItem.setOptions(options)) : this.drawLayers.setOptions(options);\n    },\n    /** 绘制限定区域 */\n    setDrawLimitArea() {\n      let areaRange = [];\n      try {\n        areaRange = JSON.parse(this.drawLimitArea);\n      } catch {\n        areaRange = this.drawLimitArea;\n      }\n      this.drawArea && this.amap.remove(this.drawArea);\n      /** 判断目前地图上存在的所绘制覆盖物是否在限制范围内 */\n      this.setMapArea(areaRange);\n      this.judgeOverlays();\n    },\n    /** 绘制地图区域范围 */\n    setMapArea(jurisdictionRange) {\n      this.drawArea = new this.$amap.Polygon({\n        map: this.amap,\n        path: jurisdictionRange,\n        extData: 'Area',\n        strokeWeight: 6,\n        ...this.drawLimitAreaOptions\n      });\n      const {\n        lng,\n        lat\n      } = this.drawArea.getBounds().getCenter();\n      this.amap.setZoomAndCenter(15, [lng, lat]);\n    },\n    /** 判断一个线段是否在面内 */\n    islineInRing(polyline) {\n      const paths = polyline.getPath();\n      return paths.every(pointItem => this.ispointInRing(pointItem));\n    },\n    /** 判断一个点是否在面内 */\n    ispointInRing(point) {\n      let position;\n      try {\n        position = point.getPosition();\n      } catch {\n        position = point;\n      }\n      return this.$amap.GeometryUtil.isPointInRing(position, this.drawArea.getPath());\n    },\n    /** 判断地图上所覆盖物是否在限制范围内 */\n    judgeOverlays() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && !this[`is${this.drawType}InRing`](layerItem) && this.removeOverlay(layerItem));\n    },\n    /** 清除单个覆盖物（或 不符合区域范围的覆盖物 */\n    removeOverlay(layerItem) {\n      this.amap.remove(layerItem);\n      this.$message.error('未在区域范围内,请重新描绘！');\n      try {\n        const i = this.drawLayers.findIndex(layer => layer.getExtData() == layerItem.getExtData());\n        this.drawLayers.splice(i, 1);\n      } catch {\n        this.drawLayers = null;\n        this.drawLayersInfo = {};\n      }\n    },\n    /** 根据类型处理不同数据 */\n    async setDrawLayers(drawType) {\n      const type = {\n        point: 'marker',\n        line: 'polyline',\n        polygon: 'polygon'\n      };\n\n      /** 图层基础配置 */\n      const drawOptions = drawType == 'point' ? {\n        anchor: 'bottom-center',\n        icon: await this.$amapLayers.setIcon(this.drawIcon)\n      } : {\n        strokeWeight: 8\n      };\n      this.drawMouseTool[type[drawType]]({\n        ...drawOptions,\n        ...this.drawOptions\n      });\n    },\n    /** 赋值不同图层数据 */\n    assignDrawLayers(drawType) {\n      if (drawType == 'point') {\n        const {\n          lng,\n          lat\n        } = this.drawLayers.getPosition();\n        const position = {\n          longitude: lng,\n          latitude: lat\n        };\n        this.$amapMethods.getMapAddress(position, address => {\n          this.drawLayersInfo = {\n            ...position,\n            ...address\n          };\n        });\n        return;\n      }\n      const range = this.drawLayers.getPath().map(({\n        lng,\n        lat\n      }) => [lng, lat]);\n      this.drawLayersInfo = {\n        range\n      };\n    },\n    /** 回显不同类型图层 */\n    echoDrawLayers(drawType) {\n      /** 如若没挂载layers属性则退出 */\n      if (!this.$amapLayers || !this.amap) return;\n      const drawLayersItem = async (drawItem, type, i = 0) => {\n        if (drawItem?.latitude && drawItem?.longitude) {\n          let layersItem = null;\n          const {\n            longitude,\n            latitude,\n            range\n          } = drawItem;\n          const setOptions = {\n            extData: `draw${type}${i}`,\n            ...this.drawOptions\n          };\n          if (type == 'point') {\n            layersItem = await this.$amapLayers.setMarker(this.drawIcon, {\n              position: [longitude, latitude],\n              ...setOptions\n            });\n          } else {\n            const options = {\n              path: range,\n              strokeWeight: 8,\n              ...setOptions\n            };\n            layersItem = type == 'line' ? new this.$amap.Polyline(options) : new this.$amap.Polygon(options);\n          }\n          layersItem.setMap(this.amap);\n          this.amap.setFitView();\n        }\n      };\n      if (!this.isExhibition) {\n        drawLayersItem(this.drawLayersInfo, drawType);\n        return;\n      }\n      if (this.drawInfoAll) {\n        for (let key in this.drawInfoAll) {\n          const isArray = Array.isArray(this.drawInfoAll[key]);\n          isArray ? this.drawInfoAll[key].forEach((drawItem, i) => {\n            drawLayersItem(drawItem, key, i);\n          }) : drawLayersItem(this.drawInfoAll[key], key);\n        }\n        return;\n      }\n      drawLayersItem(this.drawLayersInfo, drawType);\n    }\n  },\n  render(h) {\n    const {\n      drawEl,\n      drawIcon,\n      buttonProps,\n      isExhibition,\n      AmapDrawClear,\n      searchChoose\n    } = this;\n    return h(\"div\", {\n      \"class\": \"AmapDraw\"\n    }, [!isExhibition && h(_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      \"props\": {\n        ...{\n          drawIcon,\n          buttonProps\n        }\n      },\n      \"on\": {\n        ...{\n          searchReset: AmapDrawClear,\n          searchChoose\n        }\n      }\n    }), h(\"div\", {\n      \"attrs\": {\n        \"id\": drawEl\n      }\n    })]);\n  }\n};\nAmapDraw.install = function (Vue) {\n  Vue.use(_method_AMap_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"]);\n  Vue.component('AmapDraw', AmapDraw);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AmapDraw);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: () => (/* binding */ AmapDrawProps),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.every.js */ \"./node_modules/core-js/modules/es.iterator.every.js\");\n/* harmony import */ var core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/AmapSearch/index.jsx */ \"./plugins/lib/amap/components/AmapSearch/index.jsx\");\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _method_AMap_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../method/AMap.js */ \"./plugins/method/AMap.js\");\n/* harmony import */ var _AmapDraw_less__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./AmapDraw.less */ \"./plugins/lib/amap/AmapDraw.less\");\n\n\n\n\n\n\n\n\n\nconst AmapDrawProps = {\n  /** drawEl为地图容器实例名称 */\n  drawEl: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string.def('AmapDraw'),\n  /** drawType为绘制类型\r\n   *  可选值（point点 | line线 | polygon面）\r\n   */\n  drawType: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string.def('point'),\n  /** 绘制图标 （只在point类型下生效 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].any.def('http://api.qxfnkj.com:8090/poi/poi-marker-default.png'),\n  /** drawCount为绘制物绘制个数 */\n  drawCount: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].number.def(1),\n  /** drawOptions为绘制物配置项 */\n  drawOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object.def({}),\n  /** drawInfo为绘制物信息 */\n  drawInfo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].array]),\n  /** drawInfoAll为所有不同类型绘制物信息(用于回显地图图层)\r\n   *  格式: { point: ([]||{}), line: ([]||{}) }\r\n   */\n  drawInfoAll: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object,\n  /** 限制区域 */\n  drawLimitArea: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string]),\n  /** 限制区域样式配置 */\n  drawLimitAreaOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object.def({}),\n  /** 是否为纯地图展示数据 */\n  isExhibition: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].bool.def(false)\n};\nconst AmapDraw = {\n  name: 'AmapDraw',\n  props: AmapDrawProps,\n  data() {\n    return {\n      amap: null,\n      /** 地图存储商店 */\n      amapStore: null,\n      drawArea: null,\n      drawLayers: null,\n      drawMouseTool: null,\n      buttonProps: [],\n      drawButtonProps: [{\n        type: 'primary',\n        text: '绘制',\n        event: {\n          click: this.AmapDraw\n        }\n      }, {\n        text: '清除',\n        event: {\n          click: this.AmapDrawClear\n        }\n      }],\n      saveButtonProps: [{\n        type: 'primary',\n        text: '保存',\n        event: {\n          click: this.AmapDrawSave\n        }\n      }, {\n        text: '取消',\n        event: {\n          click: this.AmapDrawReset\n        }\n      }]\n    };\n  },\n  computed: {\n    drawLayersInfo: {\n      get() {\n        return this.drawInfo;\n      },\n      set(newValue) {\n        this.$emit('getAMapLayersInfo', newValue);\n      }\n    }\n  },\n  watch: {\n    drawInfo: {\n      handler(newVal, oldVal) {\n        const newValue = this.drawLayersInfo;\n        newVal && this.echoDrawLayers(this.drawType);\n      },\n      deep: true\n    },\n    drawInfoAll(newValue) {\n      newValue && this.echoDrawLayers();\n    },\n    drawOptions(newValue) {\n      /** 检测options覆盖物配置是否更改，更改后要同步到地图上 */\n      Object.keys(newValue).length && this.setOverlayOptions(newValue);\n    },\n    drawLimitArea(newValue) {\n      newValue && this.setDrawLimitArea();\n    }\n  },\n  async mounted() {\n    this.amapStore = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_6__.getAMapInstance)();\n    this.amap = this.amapStore.initMap(this.drawEl);\n    this.buttonProps = [].concat(this.drawButtonProps);\n    this.echoDrawLayers(this.drawType);\n    /** 如果有限制区域，则描绘在地图上 */\n    this.drawLimitArea && this.setDrawLimitArea();\n  },\n  destroyed() {\n    this.AmapDrawClear();\n  },\n  methods: {\n    /** 绘制 */\n    AmapDraw() {\n      this.buttonProps = [].concat(this.saveButtonProps);\n      this.drawMouseTool = new this.amapStore.AMap.MouseTool(this.amap);\n      this.AmapDrawClear();\n      this.setDrawLayers(this.drawType);\n      this.drawMouseTool.on('draw', ({\n        obj\n      }) => {\n        if (this.drawArea && !this[`is${this.drawType}InRing`](obj)) return this.amap.remove(obj), this.$message.error('未在范围内描绘！');\n        /** 暂未支持一次性绘制多个 */\n        this.drawCount > 1 ? (this.drawLayers = this.drawLayers || [], this.drawLayers.push(obj)) : this.drawLayers = obj;\n        if (this.drawLayers && (this.drawLayers.length == this.drawCount || this.drawCount == 1)) {\n          return this.drawMouseTool.close();\n        }\n      });\n    },\n    /** 清空绘制 / 清空搜索 */\n    AmapDrawClear() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && this.amap.remove(layerItem));\n      // this.amap.clearMap()\n      this.drawLayers = null;\n      this.drawLayersInfo = {};\n    },\n    /** 保存当前绘制 */\n    AmapDrawSave() {\n      this.assignDrawLayers(this.drawType);\n      this.buttonProps = [].concat(this.drawButtonProps);\n    },\n    /** 取消当前绘制 */\n    AmapDrawReset() {\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.AmapDrawClear();\n    },\n    /** 搜索地址 */\n    searchChoose(searchMarker, searchInfo) {\n      this.AmapDrawClear();\n      searchMarker.setMap(this.amap);\n      this.amap.setZoomAndCenter(15, searchMarker.getPosition());\n      this.drawType == 'point' && (this.drawLayersInfo = searchInfo);\n      // this.$emit('getAMapLayersInfo', this.drawLayersInfo)\n    },\n    /** 检测覆盖物配置信息并同步 */\n    setOverlayOptions(options) {\n      if (!this.drawLayers) return;\n      this.drawCount > 1 ? this.drawLayers.forEach(drawItem => drawItem.setOptions(options)) : this.drawLayers.setOptions(options);\n    },\n    /** 绘制限定区域 */\n    setDrawLimitArea() {\n      let areaRange = [];\n      try {\n        areaRange = JSON.parse(this.drawLimitArea);\n      } catch {\n        areaRange = this.drawLimitArea;\n      }\n      this.drawArea && this.amap.remove(this.drawArea);\n      /** 判断目前地图上存在的所绘制覆盖物是否在限制范围内 */\n      this.setMapArea(areaRange);\n      this.judgeOverlays();\n    },\n    /** 绘制地图区域范围 */\n    setMapArea(jurisdictionRange) {\n      this.drawArea = new this.amapStore.AMap.Polygon({\n        map: this.amap,\n        path: jurisdictionRange,\n        extData: 'Area',\n        strokeWeight: 6,\n        ...this.drawLimitAreaOptions\n      });\n      const {\n        lng,\n        lat\n      } = this.drawArea.getBounds().getCenter();\n      this.amap.setZoomAndCenter(15, [lng, lat]);\n    },\n    /** 判断一个线段是否在面内 */\n    islineInRing(polyline) {\n      const paths = polyline.getPath();\n      return paths.every(pointItem => this.ispointInRing(pointItem));\n    },\n    /** 判断一个点是否在面内 */\n    ispointInRing(point) {\n      let position;\n      try {\n        position = point.getPosition();\n      } catch {\n        position = point;\n      }\n      return this.amapStore.AMap.GeometryUtil.isPointInRing(position, this.drawArea.getPath());\n    },\n    /** 判断地图上所覆盖物是否在限制范围内 */\n    judgeOverlays() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && !this[`is${this.drawType}InRing`](layerItem) && this.removeOverlay(layerItem));\n    },\n    /** 清除单个覆盖物（或 不符合区域范围的覆盖物 */\n    removeOverlay(layerItem) {\n      this.amap.remove(layerItem);\n      this.$message.error('未在区域范围内,请重新描绘！');\n      try {\n        const i = this.drawLayers.findIndex(layer => layer.getExtData() == layerItem.getExtData());\n        this.drawLayers.splice(i, 1);\n      } catch {\n        this.drawLayers = null;\n        this.drawLayersInfo = {};\n      }\n    },\n    /** 根据类型处理不同数据 */\n    async setDrawLayers(drawType) {\n      const type = {\n        point: 'marker',\n        line: 'polyline',\n        polygon: 'polygon'\n      };\n\n      /** 图层基础配置 */\n      const drawOptions = drawType == 'point' ? {\n        anchor: 'bottom-center',\n        icon: await this.amapStore.setIcon(this.drawIcon)\n      } : {\n        strokeWeight: 8\n      };\n      this.drawMouseTool[type[drawType]]({\n        ...drawOptions,\n        ...this.drawOptions\n      });\n    },\n    /** 赋值不同图层数据 */\n    assignDrawLayers(drawType) {\n      if (drawType == 'point') {\n        const {\n          lng,\n          lat\n        } = this.drawLayers.getPosition();\n        const position = {\n          longitude: lng,\n          latitude: lat\n        };\n        this.amapStore.getMapAddress(position, address => {\n          this.drawLayersInfo = {\n            ...position,\n            ...address\n          };\n        });\n        return;\n      }\n      const range = this.drawLayers.getPath().map(({\n        lng,\n        lat\n      }) => [lng, lat]);\n      this.drawLayersInfo = {\n        range\n      };\n    },\n    /** 回显不同类型图层 */\n    echoDrawLayers(drawType) {\n      /** 如若没挂载layers属性则退出 */\n      if (!this.amapStore || !this.amap) return;\n      const drawLayersItem = async (drawItem, type, i = 0) => {\n        if (drawItem?.latitude && drawItem?.longitude) {\n          let layersItem = null;\n          const {\n            longitude,\n            latitude,\n            range\n          } = drawItem;\n          const setOptions = {\n            extData: `draw${type}${i}`,\n            ...this.drawOptions\n          };\n          if (type == 'point') {\n            layersItem = await this.amapStore.setMarker(this.drawIcon, {\n              position: [longitude, latitude],\n              ...setOptions\n            });\n          } else {\n            const options = {\n              path: range,\n              strokeWeight: 8,\n              ...setOptions\n            };\n            layersItem = type == 'line' ? new this.amapStore.AMap.Polyline(options) : new this.amapStore.AMap.Polygon(options);\n          }\n          layersItem.setMap(this.amap);\n          this.amap.setFitView();\n        }\n      };\n      if (!this.isExhibition) {\n        drawLayersItem(this.drawLayersInfo, drawType);\n        return;\n      }\n      if (this.drawInfoAll) {\n        for (let key in this.drawInfoAll) {\n          const isArray = Array.isArray(this.drawInfoAll[key]);\n          isArray ? this.drawInfoAll[key].forEach((drawItem, i) => {\n            drawLayersItem(drawItem, key, i);\n          }) : drawLayersItem(this.drawInfoAll[key], key);\n        }\n        return;\n      }\n      drawLayersItem(this.drawLayersInfo, drawType);\n    }\n  },\n  render(h) {\n    const {\n      drawEl,\n      drawIcon,\n      buttonProps,\n      isExhibition,\n      AmapDrawClear,\n      searchChoose\n    } = this;\n    return h(\"div\", {\n      \"class\": \"AmapDraw\"\n    }, [!isExhibition && h(_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      \"props\": {\n        ...{\n          drawIcon,\n          buttonProps\n        }\n      },\n      \"on\": {\n        ...{\n          searchReset: AmapDrawClear,\n          searchChoose\n        }\n      }\n    }), h(\"div\", {\n      \"attrs\": {\n        \"id\": drawEl\n      }\n    })]);\n  }\n};\nAmapDraw.install = function (Vue) {\n  Vue.component('AmapDraw', AmapDraw);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AmapDraw);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
 
 /***/ }),
 
@@ -8725,7 +8725,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapSearchProps: () => (/* binding */ AmapSearchProps),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../index */ \"./plugins/lib/index.js\");\n/* harmony import */ var _method_AMap_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../method/AMap.js */ \"./plugins/method/AMap.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/amap/components/AmapSearch/index.less\");\n\n\n\n\n\n\nconst {\n  ASelectCustom\n} = _index__WEBPACK_IMPORTED_MODULE_2__.FormComp;\nconst AmapSearchProps = {\n  /** 搜索后绘制图标 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].any,\n  buttonProps: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].array.def([])\n};\nconst AmapSearch = {\n  name: 'AmapSearch',\n  props: AmapSearchProps,\n  data() {\n    return {\n      searchMarker: null,\n      addressValue: undefined,\n      selectOptions: []\n    };\n  },\n  methods: {\n    /** 选择地址 */\n    async changeHandle() {\n      if (!this.addressValue) return this.$emit('searchReset', this.searchMarker), this.searchMarker = null;\n      const {\n        label,\n        location\n      } = this.selectOptions.find(({\n        id\n      }) => id == this.addressValue);\n      const searchInfo = {\n        longitude: location.lng,\n        latitude: location.lat,\n        address: label\n      };\n      this.searchMarker = await this.$amapLayers.setMarker(this.drawIcon, {\n        position: [location.lng, location.lat]\n      });\n      this.$emit('searchChoose', this.searchMarker, searchInfo);\n    },\n    /** 根据搜索框搜索地址 */\n    searchHandle(keyword) {\n      this.$amapMethods.getMapSearch(keyword, addressOptions => {\n        this.selectOptions = addressOptions;\n      });\n    }\n  },\n  render(h) {\n    const {\n      selectOptions,\n      changeHandle,\n      searchHandle,\n      buttonProps\n    } = this;\n    const props = {\n      valueKey: 'id',\n      labelKey: 'label',\n      options: selectOptions,\n      placeholder: '请输入目的地进行搜索'\n    };\n    return h(\"div\", {\n      \"class\": \"AmapDraw__Search\"\n    }, [h(ASelectCustom, {\n      \"props\": {\n        ...props\n      },\n      \"on\": {\n        ...{\n          change: changeHandle,\n          search: searchHandle\n        }\n      },\n      \"model\": {\n        value: this.addressValue,\n        callback: $$v => {\n          this.addressValue = $$v;\n        }\n      }\n    }), buttonProps && h(_index__WEBPACK_IMPORTED_MODULE_2__.Button, {\n      \"attrs\": {\n        \"buttonProps\": buttonProps\n      },\n      \"class\": \"AmapDraw__Search__Button\"\n    })]);\n  }\n};\nAmapSearch.install = function (Vue) {\n  Vue.use(_method_AMap_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n  Vue.component('AmapSearch', AmapSearch);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AmapSearch);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/components/AmapSearch/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapSearchProps: () => (/* binding */ AmapSearchProps),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../index */ \"./plugins/lib/index.js\");\n/* harmony import */ var _method_AMap_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../method/AMap.js */ \"./plugins/method/AMap.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/amap/components/AmapSearch/index.less\");\n\n\n\n\n\n\nconst {\n  ASelectCustom\n} = _index__WEBPACK_IMPORTED_MODULE_2__.FormComp;\nconst AmapSearchProps = {\n  /** 搜索后绘制图标 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].any,\n  buttonProps: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].array.def([])\n};\nconst AmapSearch = {\n  name: 'AmapSearch',\n  props: AmapSearchProps,\n  data() {\n    return {\n      /** 地图存储商店 */\n      amapStore: null,\n      searchMarker: null,\n      addressValue: undefined,\n      selectOptions: []\n    };\n  },\n  async mounted() {\n    this.amapStore = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_3__.getAMapInstance)();\n  },\n  methods: {\n    /** 选择地址 */\n    async changeHandle() {\n      if (!this.addressValue) return this.$emit('searchReset', this.searchMarker), this.searchMarker = null;\n      const {\n        label,\n        location\n      } = this.selectOptions.find(({\n        id\n      }) => id == this.addressValue);\n      const searchInfo = {\n        longitude: location.lng,\n        latitude: location.lat,\n        address: label\n      };\n      this.searchMarker = await this.amapStore.setMarker(this.drawIcon, {\n        position: [location.lng, location.lat]\n      });\n      this.$emit('searchChoose', this.searchMarker, searchInfo);\n    },\n    /** 根据搜索框搜索地址 */\n    searchHandle(keyword) {\n      this.amapStore.getMapSearch(keyword, addressOptions => {\n        this.selectOptions = addressOptions;\n      });\n    }\n  },\n  render(h) {\n    const {\n      selectOptions,\n      changeHandle,\n      searchHandle,\n      buttonProps\n    } = this;\n    const props = {\n      valueKey: 'id',\n      labelKey: 'label',\n      options: selectOptions,\n      placeholder: '请输入目的地进行搜索'\n    };\n    return h(\"div\", {\n      \"class\": \"AmapDraw__Search\"\n    }, [h(ASelectCustom, {\n      \"props\": {\n        ...props\n      },\n      \"on\": {\n        ...{\n          change: changeHandle,\n          search: searchHandle\n        }\n      },\n      \"model\": {\n        value: this.addressValue,\n        callback: $$v => {\n          this.addressValue = $$v;\n        }\n      }\n    }), buttonProps && h(_index__WEBPACK_IMPORTED_MODULE_2__.Button, {\n      \"attrs\": {\n        \"buttonProps\": buttonProps\n      },\n      \"class\": \"AmapDraw__Search__Button\"\n    })]);\n  }\n};\nAmapSearch.install = function (Vue) {\n  Vue.component('AmapSearch', AmapSearch);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AmapSearch);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/components/AmapSearch/index.jsx?");
 
 /***/ }),
 
@@ -9033,7 +9033,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   getAMapInstance: () => (/* binding */ getAMapInstance),\n/* harmony export */   setAMapSecurity: () => (/* binding */ setAMapSecurity)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @amap/amap-jsapi-loader */ \"./node_modules/@amap/amap-jsapi-loader/dist/index.js\");\n/* harmony import */ var _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n// amap-plugin.js\n\nlet AMapKey = null;\nlet AMapStyle = null;\nlet AMapInstance = null;\n/** 默认地图key、样式及安全解码 */\nlet AMapConfig = {\n  key: '722d07dd44d442d72a25a1304bac7743',\n  style: 'amap://styles/ff26c7ed32880397f692f5b69b1c1f9f',\n  securityJsCode: '90366326a87f1d0e3ddb43e05cc021b1'\n};\n\n// 安全配置 / 地图样式配置\nconst setAMapSecurity = (config = AMapConfig) => {\n  const {\n    key,\n    style,\n    securityJsCode\n  } = config;\n  AMapKey = key;\n  AMapStyle = style;\n  /** 设置高德地图密钥 */\n  window.forceWebGL = true;\n  window._AMapSecurityConfig = {\n    securityJsCode\n  };\n};\n\n// 核心地图服务类\nclass AMapService {\n  constructor(AMap) {\n    this.AMap = AMap;\n    this._iconCache = new Map(); // 图标缓存\n\n    /** 常用覆盖物 */\n    this.layers = {\n      setIcon: this.setIcon.bind(this),\n      setMarker: this.setMarker.bind(this),\n      setInfoWindow: this._createInfoWindowHandler()\n    };\n\n    /** 抛出地图常用方法 */\n    this.methods = {\n      getMapAddress: this.getMapAddress.bind(this),\n      getMapSearch: this.getMapSearch.bind(this),\n      setMapDriving: this.setMapDriving.bind(this),\n      drawMapAnimation,\n      parseRouteToPath,\n      getOverlayPos\n    };\n  }\n\n  /** 初始化地图 */\n  initMap(container, options = {}) {\n    const map = new this.AMap.Map(container, {\n      zoom: 13,\n      zooms: [3, 20],\n      pitch: 30,\n      rotation: -15,\n      viewMode: '3D',\n      mapStyle: AMapStyle,\n      ...options\n    });\n    options.zoomTool && map.addControl(new this.AMap.ToolBar());\n    options.directionTool && map.addControl(new this.AMap.ControlBar());\n    return map;\n  }\n\n  /** 格式化地图经纬度 */\n  setLngLat(position) {\n    return new this.AMap.LngLat(position[0], position[1]);\n  }\n\n  /** 创建信息窗口处理器（柯里化函数） */\n  _createInfoWindowHandler() {\n    return Vue => {\n      if (!Vue || !Vue.extend) {\n        throw new Error('必须传入有效的Vue构造函数');\n      }\n      return ({\n        component,\n        props,\n        options = {}\n      }) => {\n        if (!component) throw new Error('component参数必填');\n        const InfoWindowComponent = Vue.extend(component);\n        const instance = new InfoWindowComponent({\n          propsData: props\n        }).$mount(document.createElement('div'));\n        return new this.AMap.InfoWindow({\n          isCustom: true,\n          content: instance.$el,\n          ...options\n        });\n      };\n    };\n  }\n\n  /** 带缓存的图标创建方法 */\n  async setIcon(iconUrl) {\n    if (this._iconCache.has(iconUrl)) {\n      return this._iconCache.get(iconUrl);\n    }\n    return new Promise((resolve, reject) => {\n      const icon = new this.AMap.Icon({\n        image: iconUrl,\n        imageOffset: new this.AMap.Pixel(0, 0)\n      });\n      const img = new Image();\n      img.onload = () => {\n        const size = new this.AMap.Size(img.width, img.height);\n        icon.setSize(size);\n        icon.setImageSize(size);\n        this._iconCache.set(iconUrl, icon);\n        resolve(icon);\n      };\n      img.onerror = () => reject(new Error(`图标加载失败: ${iconUrl}`));\n      img.src = iconUrl;\n    });\n  }\n\n  /** 增强的标记点创建方法 */\n  async setMarker(iconUrl, options = {}) {\n    try {\n      const icon = await this.setIcon(iconUrl);\n      const marker = new this.AMap.Marker({\n        anchor: 'bottom-center',\n        ...options,\n        icon\n      });\n      return marker;\n    } catch (error) {\n      console.error('创建标记点失败:', error);\n      throw error;\n    }\n  }\n\n  /** 地图逆地理编码 */\n  getMapAddress({\n    longitude,\n    latitude\n  }, callBack) {\n    return new Promise((resolve, reject) => {\n      const geocoder = new this.AMap.Geocoder({\n        city: '全国',\n        extensions: 'all'\n      });\n      geocoder.getAddress([longitude, latitude], (status, result) => {\n        if (status === 'complete' && result.info === 'OK') {\n          const {\n            formattedAddress,\n            pois\n          } = result.regeocode;\n          const {\n            district,\n            township\n          } = result.regeocode.addressComponent;\n          const division = township && formattedAddress.includes(township) ? formattedAddress.indexOf(township) + township.length : formattedAddress.indexOf(district) + district.length;\n          const addressMsg = {\n            address: formattedAddress.slice(0, division) + (pois[0]?.address || ''),\n            addressInfo: result.regeocode.addressComponent\n          };\n          callBack?.(addressMsg);\n          resolve(addressMsg);\n        } else {\n          reject(new Error('转换失败'));\n        }\n      });\n    });\n  }\n\n  /** 根据地址搜索地图poi点及其他信息 */\n  /**\r\n   * \r\n   * @param {*} keywords 根据关键字搜索\r\n   * @param {*} callBack 查询成功后过滤信息及转换格式 传递回调函数 兼容老版本代码\r\n   */\n  getMapSearch(keywords, callBack) {\n    return new Promise(resolve => {\n      const placeSearch = new this.AMap.PlaceSearch();\n      placeSearch.search(keywords, (status, searchList) => {\n        const options = searchList?.poiList?.pois?.map(node => ({\n          ...node,\n          label: `${node.name}（${node.address}）`\n        })) || [];\n        callBack?.(options);\n        resolve(options);\n      });\n    });\n  }\n\n  /** 道路规划 */\n  /**\r\n   * \r\n   * @param {*} AMapInit 当前地图实例\r\n   * @param {*} paths 需查询的路径起始点及途径点集合\r\n   * @param {*} roadOptions 路线规划的其他参数\r\n   * { paths: 需查询的路径起始点及途径点集合, options: 为查询路线配置项 }\r\n   * @param {*} callBack 查询成功后回调函数 兼容老版本代码\r\n   */\n  async setMapDriving(mapInstance, roadOptions, callBack) {\n    const {\n      paths,\n      options = {}\n    } = roadOptions;\n    return new Promise(resolve => {\n      mapInstance.plugin(\"AMap.Driving\", () => {\n        const driving = new this.AMap.Driving({\n          map: mapInstance,\n          ...options\n        });\n        driving.search(this.setLngLat(paths[0]), this.setLngLat(paths[paths.length - 1]), {\n          waypoints: paths.slice(1, -1).map(path => this.setLngLat(path))\n        }, (status, {\n          routes\n        }) => status === 'complete' && (callBack?.(roadDriving, routes), resolve({\n          driving,\n          routes\n        })));\n      });\n    });\n  }\n\n  // 其他方法保持类似改造...\n}\n\n// 获取AMap实例（组件内使用）\nconst getAMapInstance = async (options = {}) => {\n  if (AMapInstance) return AMapInstance;\n  try {\n    const AMap = await _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4___default().load({\n      key: AMapKey,\n      version: '2.0',\n      plugins: ['AMap.Geocoder', 'AMap.PlaceSearch',\n      // 搜索\n      'AMap.MouseTool',\n      // 鼠标\n      'AMap.ControlBar',\n      // 方向盘\n      'AMap.ToolBar',\n      // 缩放\n      ...(options.plugins || [])]\n    });\n    AMapInstance = new AMapService(AMap);\n    return AMapInstance;\n  } catch (e) {\n    throw new Error(`高德地图加载失败: ${e.message}`);\n  }\n};\n\n// 在 Vue 插件中封装高德地图的初始化和常用方法 \n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  async install(Vue, options = {}) {\n    const amap = await getAMapInstance(options);\n    const {\n      AMap,\n      methods,\n      layers\n    } = amap;\n    Vue.prototype.$amap = AMap;\n\n    /** 初始化地图 */\n    Vue.prototype.$initAMap = (mapOptions, callBack) => {\n      const amapInit = amap.initMap(mapOptions.el, mapOptions.options || {});\n      /** 兼容之前版本代码 */\n      callBack?.(amapInit);\n      return amapInit;\n    };\n\n    /** 地图加载完成 */\n    Vue.prototype.$amapBus.$emit('onAMapMounted');\n\n    /** 常用覆盖物 */\n    Vue.prototype.$amapLayers = {\n      ...layers,\n      setInfoWindow: layers.setInfoWindow(Vue)\n    };\n\n    /** 抛出地图常用方法 */\n    Vue.prototype.$amapMethods = methods || {};\n  }\n});\n\n/** \r\n * 安全获取覆盖物坐标信息 \r\n * @param {AMap.Overlay} overlay 地图覆盖物实例\r\n * @returns {Array<Array<number>>} 坐标点数组\r\n */\nfunction getOverlayPos(overlay) {\n  if (!overlay) throw new Error('覆盖物实例不存在');\n  try {\n    return overlay.type === 'AMap.Marker' ? [overlay.getPosition().lng, overlay.getPosition().lat] : overlay.getPath().map(({\n      lng,\n      lat\n    }) => [lng, lat]);\n  } catch (e) {\n    console.error('转换失败', e);\n    return [];\n  }\n}\n\n/**\r\n * 轨迹动画执行器\r\n * @param {AMap.Map} AMapInit 地图实例\r\n * @param {AMap.Marker} animationMarker 动画标记物\r\n * @param {Array<Array<number>>} paths 路径坐标数组\r\n * @param {Object} [options] 动画配置\r\n * @param {Function} [callBack] 动画完成回调\r\n */\nfunction drawMapAnimation(AMapInit, animationMarker, paths, options = {}, callBack) {\n  if (!AMapInit || !animationMarker || !paths?.length) {\n    return console.error('缺少参数信息');\n  }\n  AMapInit.plugin('AMap.MoveAnimation', () => {\n    const defaultOptions = {\n      duration: 500,\n      autoRotation: true,\n      ...options\n    };\n    animationMarker.moveAlong(paths, defaultOptions);\n    callBack?.(animationMarker);\n  });\n}\n\n/**\r\n * 转换导航路线为可绘制路径\r\n * @param {AMap.DrivingRoute} route 导航路线对象\r\n * @returns {{\r\n*   path: Array<Array<number>>,\r\n*   approachPoints: Array<number>\r\n* }}\r\n*/\nfunction parseRouteToPath(route) {\n  if (!route?.steps) return {\n    path: [],\n    approachPoints: []\n  };\n  const result = {\n    path: [],\n    approachPoints: []\n  };\n  route.steps.forEach((step, stepIndex) => {\n    step.path.forEach((point, pointIndex) => {\n      result.path.push([point.lng, point.lat]);\n      if (step.assistant_action === \"到达途经地\" && pointIndex === step.path.length - 1) {\n        result.approachPoints.push(result.path.length - 1);\n      }\n    });\n  });\n  return result;\n}\n\n//# sourceURL=webpack://mui/./plugins/method/AMap.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   getAMapInstance: () => (/* binding */ getAMapInstance),\n/* harmony export */   setAMapSecurity: () => (/* binding */ setAMapSecurity)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @amap/amap-jsapi-loader */ \"./node_modules/@amap/amap-jsapi-loader/dist/index.js\");\n/* harmony import */ var _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n// amap-plugin.js\n\n\n/** 入口文件不同 作用域不同 */\nlet AMapKey = null;\nlet AMapStyle = null;\nlet AMapInstance = null;\n/** 默认地图key、样式及安全解码 */\nlet AMapConfig = {\n  key: '722d07dd44d442d72a25a1304bac7743',\n  style: 'amap://styles/ff26c7ed32880397f692f5b69b1c1f9f',\n  securityJsCode: '90366326a87f1d0e3ddb43e05cc021b1'\n};\n\n// 安全配置 / 地图样式配置\nconst setAMapSecurity = (config = AMapConfig) => {\n  const {\n    key,\n    style,\n    securityJsCode\n  } = config;\n  AMapKey = key;\n  AMapStyle = style;\n  /** 设置高德地图密钥 */\n  window.forceWebGL = true;\n  window._AMapSecurityConfig = {\n    securityJsCode\n  };\n};\n\n// 核心地图服务类\nclass AMapService {\n  constructor(AMap) {\n    this.AMap = AMap;\n    this._iconCache = new Map(); // 图标缓存\n\n    /** 常用覆盖物 */\n    this.layers = {\n      setIcon: this.setIcon.bind(this),\n      setMarker: this.setMarker.bind(this),\n      setInfoWindow: this._createInfoWindowHandler()\n    };\n\n    /** 抛出地图常用方法 */\n    this.methods = {\n      getMapAddress: this.getMapAddress.bind(this),\n      getMapSearch: this.getMapSearch.bind(this),\n      setMapDriving: this.setMapDriving.bind(this),\n      drawMapAnimation,\n      parseRouteToPath,\n      getOverlayPos\n    };\n  }\n\n  /** 初始化地图 */\n  initMap(container, options = {}) {\n    const map = new this.AMap.Map(container, {\n      zoom: 13,\n      zooms: [3, 20],\n      pitch: 30,\n      rotation: -15,\n      viewMode: '3D',\n      mapStyle: AMapStyle,\n      ...options\n    });\n    options.zoomTool && map.addControl(new this.AMap.ToolBar());\n    options.directionTool && map.addControl(new this.AMap.ControlBar());\n    return map;\n  }\n\n  /** 格式化地图经纬度 */\n  setLngLat(position) {\n    return new this.AMap.LngLat(position[0], position[1]);\n  }\n\n  /** 创建信息窗口处理器（柯里化函数） */\n  _createInfoWindowHandler() {\n    return Vue => {\n      if (!Vue || !Vue.extend) {\n        throw new Error('必须传入有效的Vue构造函数');\n      }\n      return ({\n        component,\n        props,\n        options = {}\n      }) => {\n        if (!component) throw new Error('component参数必填');\n        const InfoWindowComponent = Vue.extend(component);\n        const instance = new InfoWindowComponent({\n          propsData: props\n        }).$mount(document.createElement('div'));\n        return new this.AMap.InfoWindow({\n          isCustom: true,\n          content: instance.$el,\n          ...options\n        });\n      };\n    };\n  }\n\n  /** 带缓存的图标创建方法 */\n  async setIcon(iconUrl) {\n    if (this._iconCache.has(iconUrl)) {\n      return this._iconCache.get(iconUrl);\n    }\n    return new Promise((resolve, reject) => {\n      const icon = new this.AMap.Icon({\n        image: iconUrl,\n        imageOffset: new this.AMap.Pixel(0, 0)\n      });\n      const img = new Image();\n      img.onload = () => {\n        const size = new this.AMap.Size(img.width, img.height);\n        icon.setSize(size);\n        icon.setImageSize(size);\n        this._iconCache.set(iconUrl, icon);\n        resolve(icon);\n      };\n      img.onerror = () => reject(new Error(`图标加载失败: ${iconUrl}`));\n      img.src = iconUrl;\n    });\n  }\n\n  /** 增强的标记点创建方法 */\n  async setMarker(iconUrl, options = {}) {\n    try {\n      const icon = await this.setIcon(iconUrl);\n      const marker = new this.AMap.Marker({\n        anchor: 'bottom-center',\n        ...options,\n        icon\n      });\n      return marker;\n    } catch (error) {\n      console.error('创建标记点失败:', error);\n      throw error;\n    }\n  }\n\n  /** 地图逆地理编码 */\n  getMapAddress({\n    longitude,\n    latitude\n  }, callBack) {\n    return new Promise((resolve, reject) => {\n      const geocoder = new this.AMap.Geocoder({\n        city: '全国',\n        extensions: 'all'\n      });\n      geocoder.getAddress([longitude, latitude], (status, result) => {\n        if (status === 'complete' && result.info === 'OK') {\n          const {\n            formattedAddress,\n            pois\n          } = result.regeocode;\n          const {\n            district,\n            township\n          } = result.regeocode.addressComponent;\n          const division = township && formattedAddress.includes(township) ? formattedAddress.indexOf(township) + township.length : formattedAddress.indexOf(district) + district.length;\n          const addressMsg = {\n            address: formattedAddress.slice(0, division) + (pois[0]?.address || ''),\n            addressInfo: result.regeocode.addressComponent\n          };\n          callBack?.(addressMsg);\n          resolve(addressMsg);\n        } else {\n          reject(new Error('转换失败'));\n        }\n      });\n    });\n  }\n\n  /** 根据地址搜索地图poi点及其他信息 */\n  /**\r\n   * \r\n   * @param {*} keywords 根据关键字搜索\r\n   * @param {*} callBack 查询成功后过滤信息及转换格式 传递回调函数 兼容老版本代码\r\n   */\n  getMapSearch(keywords, callBack) {\n    return new Promise(resolve => {\n      const placeSearch = new this.AMap.PlaceSearch();\n      placeSearch.search(keywords, (status, searchList) => {\n        const options = searchList?.poiList?.pois?.map(node => ({\n          ...node,\n          label: `${node.name}（${node.address}）`\n        })) || [];\n        callBack?.(options);\n        resolve(options);\n      });\n    });\n  }\n\n  /** 道路规划 */\n  /**\r\n   * \r\n   * @param {*} AMapInit 当前地图实例\r\n   * @param {*} paths 需查询的路径起始点及途径点集合\r\n   * @param {*} roadOptions 路线规划的其他参数\r\n   * { paths: 需查询的路径起始点及途径点集合, options: 为查询路线配置项 }\r\n   * @param {*} callBack 查询成功后回调函数 兼容老版本代码\r\n   */\n  async setMapDriving(mapInstance, roadOptions, callBack) {\n    const {\n      paths,\n      options = {}\n    } = roadOptions;\n    return new Promise(resolve => {\n      mapInstance.plugin(\"AMap.Driving\", () => {\n        const driving = new this.AMap.Driving({\n          map: mapInstance,\n          ...options\n        });\n        driving.search(this.setLngLat(paths[0]), this.setLngLat(paths[paths.length - 1]), {\n          waypoints: paths.slice(1, -1).map(path => this.setLngLat(path))\n        }, (status, {\n          routes\n        }) => status === 'complete' && (callBack?.(roadDriving, routes), resolve({\n          driving,\n          routes\n        })));\n      });\n    });\n  }\n\n  // 其他方法保持类似改造...\n}\n\n// 获取AMap实例（组件内使用）\nconst getAMapInstance = async (options = {}) => {\n  if (AMapInstance) return AMapInstance;\n\n  // 确保key存在\n  if (!AMapKey) {\n    try {\n      setAMapSecurity();\n    } catch (e) {\n      throw new Error('请先设置地图Key！');\n    }\n  }\n  try {\n    const AMap = await _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4___default().load({\n      key: AMapKey,\n      version: '2.0',\n      plugins: ['AMap.Geocoder', 'AMap.PlaceSearch',\n      // 搜索\n      'AMap.MouseTool',\n      // 鼠标\n      'AMap.ControlBar',\n      // 方向盘\n      'AMap.ToolBar',\n      // 缩放\n      ...(options.plugins || [])]\n    });\n    AMapInstance = new AMapService(AMap);\n    return AMapInstance;\n  } catch (e) {\n    throw new Error(`高德地图加载失败: ${e.message}`);\n  }\n};\n\n// 在 Vue 插件中封装高德地图的初始化和常用方法 \n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  async install(Vue, options = {}) {\n    const amap = await getAMapInstance(options);\n    const {\n      AMap,\n      methods,\n      layers\n    } = amap;\n    Vue.prototype.$amap = AMap;\n\n    /** 初始化地图 */\n    Vue.prototype.$initAMap = (mapOptions, callBack) => {\n      const amapInit = amap.initMap(mapOptions.el, mapOptions.options || {});\n      /** 兼容之前版本代码 */\n      callBack?.(amapInit);\n      return amapInit;\n    };\n\n    /** 地图加载完成 */\n    Vue.prototype.$amapBus.$emit('onAMapMounted');\n\n    /** 常用覆盖物 */\n    Vue.prototype.$amapLayers = {\n      ...layers,\n      setInfoWindow: layers.setInfoWindow(Vue)\n    };\n\n    /** 抛出地图常用方法 */\n    Vue.prototype.$amapMethods = methods || {};\n  }\n});\n\n/** \r\n * 安全获取覆盖物坐标信息 \r\n * @param {AMap.Overlay} overlay 地图覆盖物实例\r\n * @returns {Array<Array<number>>} 坐标点数组\r\n */\nfunction getOverlayPos(overlay) {\n  if (!overlay) throw new Error('覆盖物实例不存在');\n  try {\n    return overlay.type === 'AMap.Marker' ? [overlay.getPosition().lng, overlay.getPosition().lat] : overlay.getPath().map(({\n      lng,\n      lat\n    }) => [lng, lat]);\n  } catch (e) {\n    console.error('转换失败', e);\n    return [];\n  }\n}\n\n/**\r\n * 轨迹动画执行器\r\n * @param {AMap.Map} AMapInit 地图实例\r\n * @param {AMap.Marker} animationMarker 动画标记物\r\n * @param {Array<Array<number>>} paths 路径坐标数组\r\n * @param {Object} [options] 动画配置\r\n * @param {Function} [callBack] 动画完成回调\r\n */\nfunction drawMapAnimation(AMapInit, animationMarker, paths, options = {}, callBack) {\n  if (!AMapInit || !animationMarker || !paths?.length) {\n    return console.error('缺少参数信息');\n  }\n  AMapInit.plugin('AMap.MoveAnimation', () => {\n    const defaultOptions = {\n      duration: 500,\n      autoRotation: true,\n      ...options\n    };\n    animationMarker.moveAlong(paths, defaultOptions);\n    callBack?.(animationMarker);\n  });\n}\n\n/**\r\n * 转换导航路线为可绘制路径\r\n * @param {AMap.DrivingRoute} route 导航路线对象\r\n * @returns {{\r\n*   path: Array<Array<number>>,\r\n*   approachPoints: Array<number>\r\n* }}\r\n*/\nfunction parseRouteToPath(route) {\n  if (!route?.steps) return {\n    path: [],\n    approachPoints: []\n  };\n  const result = {\n    path: [],\n    approachPoints: []\n  };\n  route.steps.forEach((step, stepIndex) => {\n    step.path.forEach((point, pointIndex) => {\n      result.path.push([point.lng, point.lat]);\n      if (step.assistant_action === \"到达途经地\" && pointIndex === step.path.length - 1) {\n        result.approachPoints.push(result.path.length - 1);\n      }\n    });\n  });\n  return result;\n}\n\n//# sourceURL=webpack://mui/./plugins/method/AMap.js?");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8714,7 +8714,7 @@ eval("/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source cod
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: () => (/* binding */ AmapDrawProps),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.every.js */ \"./node_modules/core-js/modules/es.iterator.every.js\");\n/* harmony import */ var core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/AmapSearch/index.jsx */ \"./plugins/lib/amap/components/AmapSearch/index.jsx\");\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _method_AMap_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../method/AMap.js */ \"./plugins/method/AMap.js\");\n/* harmony import */ var _AmapDraw_less__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./AmapDraw.less */ \"./plugins/lib/amap/AmapDraw.less\");\n\n\n\n\n\n\n\n\n\nconst AmapDrawProps = {\n  /** drawEl为地图容器实例名称 */\n  drawEl: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string.def('AmapDraw'),\n  /** drawType为绘制类型\r\n   *  可选值（point点 | line线 | polygon面）\r\n   */\n  drawType: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string.def('point'),\n  /** 绘制图标 （只在point类型下生效 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].any.def('http://api.qxfnkj.com:8090/poi/poi-marker-default.png'),\n  /** drawCount为绘制物绘制个数 */\n  drawCount: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].number.def(1),\n  /** drawOptions为绘制物配置项 */\n  drawOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object.def({}),\n  /** drawInfo为绘制物信息 */\n  drawInfo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].array]),\n  /** drawInfoAll为所有不同类型绘制物信息(用于回显地图图层)\r\n   *  格式: { point: ([]||{}), line: ([]||{}) }\r\n   */\n  drawInfoAll: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object,\n  /** 限制区域 */\n  drawLimitArea: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string]),\n  /** 限制区域样式配置 */\n  drawLimitAreaOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object.def({}),\n  /** 是否为纯地图展示数据 */\n  isExhibition: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].bool.def(false)\n};\nconst AmapDraw = {\n  name: 'AmapDraw',\n  props: AmapDrawProps,\n  data() {\n    return {\n      amap: null,\n      drawArea: null,\n      drawLayers: null,\n      drawMouseTool: null,\n      buttonProps: [],\n      drawButtonProps: [{\n        type: 'primary',\n        text: '绘制',\n        event: {\n          click: this.AmapDraw\n        }\n      }, {\n        text: '清除',\n        event: {\n          click: this.AmapDrawClear\n        }\n      }],\n      saveButtonProps: [{\n        type: 'primary',\n        text: '保存',\n        event: {\n          click: this.AmapDrawSave\n        }\n      }, {\n        text: '取消',\n        event: {\n          click: this.AmapDrawReset\n        }\n      }]\n    };\n  },\n  computed: {\n    drawLayersInfo: {\n      get() {\n        return this.drawInfo;\n      },\n      set(newValue) {\n        this.$emit('getAMapLayersInfo', newValue);\n      }\n    }\n  },\n  watch: {\n    drawInfo: {\n      handler(newVal, oldVal) {\n        const newValue = this.drawLayersInfo;\n        newVal && this.echoDrawLayers(this.drawType);\n      },\n      deep: true\n    },\n    drawInfoAll(newValue) {\n      newValue && this.echoDrawLayers();\n    },\n    drawOptions(newValue) {\n      /** 检测options覆盖物配置是否更改，更改后要同步到地图上 */\n      Object.keys(newValue).length && this.setOverlayOptions(newValue);\n    },\n    drawLimitArea(newValue) {\n      newValue && this.setDrawLimitArea();\n    }\n  },\n  mounted() {\n    this.$amapBus.$on('onAMapMounted', () => {\n      this.amap = this.$initAMap({\n        el: this.drawEl\n      });\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.echoDrawLayers(this.drawType);\n      /** 如果有限制区域，则描绘在地图上 */\n      this.drawLimitArea && this.setDrawLimitArea();\n    });\n  },\n  destroyed() {\n    this.AmapDrawClear();\n  },\n  methods: {\n    /** 绘制 */\n    AmapDraw() {\n      this.buttonProps = [].concat(this.saveButtonProps);\n      this.drawMouseTool = new this.$amap.MouseTool(this.amap);\n      this.AmapDrawClear();\n      this.setDrawLayers(this.drawType);\n      this.drawMouseTool.on('draw', ({\n        obj\n      }) => {\n        if (this.drawArea && !this[`is${this.drawType}InRing`](obj)) return this.amap.remove(obj), this.$message.error('未在范围内描绘！');\n        /** 暂未支持一次性绘制多个 */\n        this.drawCount > 1 ? (this.drawLayers = this.drawLayers || [], this.drawLayers.push(obj)) : this.drawLayers = obj;\n        if (this.drawLayers && (this.drawLayers.length == this.drawCount || this.drawCount == 1)) {\n          return this.drawMouseTool.close();\n        }\n      });\n    },\n    /** 清空绘制 / 清空搜索 */\n    AmapDrawClear() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && this.amap.remove(layerItem));\n      // this.amap.clearMap()\n      this.drawLayers = null;\n      this.drawLayersInfo = {};\n    },\n    /** 保存当前绘制 */\n    AmapDrawSave() {\n      this.assignDrawLayers(this.drawType);\n      this.buttonProps = [].concat(this.drawButtonProps);\n    },\n    /** 取消当前绘制 */\n    AmapDrawReset() {\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.AmapDrawClear();\n    },\n    /** 搜索地址 */\n    searchChoose(searchMarker, searchInfo) {\n      this.AmapDrawClear();\n      searchMarker.setMap(this.amap);\n      this.amap.setZoomAndCenter(15, searchMarker.getPosition());\n      this.drawType == 'point' && (this.drawLayersInfo = searchInfo);\n      // this.$emit('getAMapLayersInfo', this.drawLayersInfo)\n    },\n    /** 检测覆盖物配置信息并同步 */\n    setOverlayOptions(options) {\n      if (!this.drawLayers) return;\n      this.drawCount > 1 ? this.drawLayers.forEach(drawItem => drawItem.setOptions(options)) : this.drawLayers.setOptions(options);\n    },\n    /** 绘制限定区域 */\n    setDrawLimitArea() {\n      let areaRange = [];\n      try {\n        areaRange = JSON.parse(this.drawLimitArea);\n      } catch {\n        areaRange = this.drawLimitArea;\n      }\n      this.drawArea && this.amap.remove(this.drawArea);\n      /** 判断目前地图上存在的所绘制覆盖物是否在限制范围内 */\n      this.setMapArea(areaRange);\n      this.judgeOverlays();\n    },\n    /** 绘制地图区域范围 */\n    setMapArea(jurisdictionRange) {\n      this.drawArea = new this.$amap.Polygon({\n        map: this.amap,\n        path: jurisdictionRange,\n        extData: 'Area',\n        strokeWeight: 6,\n        ...this.drawLimitAreaOptions\n      });\n      const {\n        lng,\n        lat\n      } = this.drawArea.getBounds().getCenter();\n      this.amap.setZoomAndCenter(15, [lng, lat]);\n    },\n    /** 判断一个线段是否在面内 */\n    islineInRing(polyline) {\n      const paths = polyline.getPath();\n      return paths.every(pointItem => this.ispointInRing(pointItem));\n    },\n    /** 判断一个点是否在面内 */\n    ispointInRing(point) {\n      let position;\n      try {\n        position = point.getPosition();\n      } catch {\n        position = point;\n      }\n      return this.$amap.GeometryUtil.isPointInRing(position, this.drawArea.getPath());\n    },\n    /** 判断地图上所覆盖物是否在限制范围内 */\n    judgeOverlays() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && !this[`is${this.drawType}InRing`](layerItem) && this.removeOverlay(layerItem));\n    },\n    /** 清除单个覆盖物（或 不符合区域范围的覆盖物 */\n    removeOverlay(layerItem) {\n      this.amap.remove(layerItem);\n      this.$message.error('未在区域范围内,请重新描绘！');\n      try {\n        const i = this.drawLayers.findIndex(layer => layer.getExtData() == layerItem.getExtData());\n        this.drawLayers.splice(i, 1);\n      } catch {\n        this.drawLayers = null;\n        this.drawLayersInfo = {};\n      }\n    },\n    /** 根据类型处理不同数据 */\n    async setDrawLayers(drawType) {\n      const type = {\n        point: 'marker',\n        line: 'polyline',\n        polygon: 'polygon'\n      };\n\n      /** 图层基础配置 */\n      const drawOptions = drawType == 'point' ? {\n        anchor: 'bottom-center',\n        icon: await this.$amapLayers.setIcon(this.drawIcon)\n      } : {\n        strokeWeight: 8\n      };\n      this.drawMouseTool[type[drawType]]({\n        ...drawOptions,\n        ...this.drawOptions\n      });\n    },\n    /** 赋值不同图层数据 */\n    assignDrawLayers(drawType) {\n      if (drawType == 'point') {\n        const {\n          lng,\n          lat\n        } = this.drawLayers.getPosition();\n        const position = {\n          longitude: lng,\n          latitude: lat\n        };\n        this.$amapMethods.getMapAddress(position, address => {\n          this.drawLayersInfo = {\n            ...position,\n            ...address\n          };\n        });\n        return;\n      }\n      const range = this.drawLayers.getPath().map(({\n        lng,\n        lat\n      }) => [lng, lat]);\n      this.drawLayersInfo = {\n        range\n      };\n    },\n    /** 回显不同类型图层 */\n    echoDrawLayers(drawType) {\n      /** 如若没挂载layers属性则退出 */\n      if (!this.$amapLayers || !this.amap) return;\n      const drawLayersItem = async (drawItem, type, i = 0) => {\n        if (drawItem?.latitude && drawItem?.longitude) {\n          let layersItem = null;\n          const {\n            longitude,\n            latitude,\n            range\n          } = drawItem;\n          const setOptions = {\n            extData: `draw${type}${i}`,\n            ...this.drawOptions\n          };\n          if (type == 'point') {\n            layersItem = await this.$amapLayers.setMarker(this.drawIcon, {\n              position: [longitude, latitude],\n              ...setOptions\n            });\n          } else {\n            const options = {\n              path: range,\n              strokeWeight: 8,\n              ...setOptions\n            };\n            layersItem = type == 'line' ? new this.$amap.Polyline(options) : new this.$amap.Polygon(options);\n          }\n          layersItem.setMap(this.amap);\n          this.amap.setFitView();\n        }\n      };\n      if (!this.isExhibition) {\n        drawLayersItem(this.drawLayersInfo, drawType);\n        return;\n      }\n      if (this.drawInfoAll) {\n        for (let key in this.drawInfoAll) {\n          const isArray = Array.isArray(this.drawInfoAll[key]);\n          isArray ? this.drawInfoAll[key].forEach((drawItem, i) => {\n            drawLayersItem(drawItem, key, i);\n          }) : drawLayersItem(this.drawInfoAll[key], key);\n        }\n        return;\n      }\n      drawLayersItem(this.drawLayersInfo, drawType);\n    }\n  },\n  render(h) {\n    const {\n      drawEl,\n      drawIcon,\n      buttonProps,\n      isExhibition,\n      AmapDrawClear,\n      searchChoose\n    } = this;\n    return h(\"div\", {\n      \"class\": \"AmapDraw\"\n    }, [!isExhibition && h(_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      \"props\": {\n        ...{\n          drawIcon,\n          buttonProps\n        }\n      },\n      \"on\": {\n        ...{\n          searchReset: AmapDrawClear,\n          searchChoose\n        }\n      }\n    }), h(\"div\", {\n      \"attrs\": {\n        \"id\": drawEl\n      }\n    })]);\n  }\n};\nAmapDraw.install = function (Vue) {\n  Vue.use(_method_AMap_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"]);\n  Vue.component('AmapDraw', AmapDraw);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AmapDraw);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: () => (/* binding */ AmapDrawProps),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.every.js */ \"./node_modules/core-js/modules/es.iterator.every.js\");\n/* harmony import */ var core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_every_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/AmapSearch/index.jsx */ \"./plugins/lib/amap/components/AmapSearch/index.jsx\");\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _method_AMap_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../method/AMap.js */ \"./plugins/method/AMap.js\");\n/* harmony import */ var _AmapDraw_less__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./AmapDraw.less */ \"./plugins/lib/amap/AmapDraw.less\");\n\n\n\n\n\n\n\n\n\nconst AmapDrawProps = {\n  /** drawEl为地图容器实例名称 */\n  drawEl: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string.def('AmapDraw'),\n  /** drawType为绘制类型\r\n   *  可选值（point点 | line线 | polygon面）\r\n   */\n  drawType: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string.def('point'),\n  /** 绘制图标 （只在point类型下生效 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].any.def('http://api.qxfnkj.com:8090/poi/poi-marker-default.png'),\n  /** drawCount为绘制物绘制个数 */\n  drawCount: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].number.def(1),\n  /** drawOptions为绘制物配置项 */\n  drawOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object.def({}),\n  /** drawInfo为绘制物信息 */\n  drawInfo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].array]),\n  /** drawInfoAll为所有不同类型绘制物信息(用于回显地图图层)\r\n   *  格式: { point: ([]||{}), line: ([]||{}) }\r\n   */\n  drawInfoAll: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object,\n  /** 限制区域 */\n  drawLimitArea: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].string]),\n  /** 限制区域样式配置 */\n  drawLimitAreaOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].object.def({}),\n  /** 是否为纯地图展示数据 */\n  isExhibition: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_8__[\"default\"].bool.def(false)\n};\nconst AmapDraw = {\n  name: 'AmapDraw',\n  props: AmapDrawProps,\n  data() {\n    return {\n      amap: null,\n      /** 地图存储商店 */\n      amapStore: null,\n      drawArea: null,\n      drawLayers: null,\n      drawMouseTool: null,\n      buttonProps: [],\n      drawButtonProps: [{\n        type: 'primary',\n        text: '绘制',\n        event: {\n          click: this.AmapDraw\n        }\n      }, {\n        text: '清除',\n        event: {\n          click: this.AmapDrawClear\n        }\n      }],\n      saveButtonProps: [{\n        type: 'primary',\n        text: '保存',\n        event: {\n          click: this.AmapDrawSave\n        }\n      }, {\n        text: '取消',\n        event: {\n          click: this.AmapDrawReset\n        }\n      }]\n    };\n  },\n  computed: {\n    drawLayersInfo: {\n      get() {\n        return this.drawInfo;\n      },\n      set(newValue) {\n        this.$emit('getAMapLayersInfo', newValue);\n      }\n    }\n  },\n  watch: {\n    drawInfo: {\n      handler(newVal, oldVal) {\n        const newValue = this.drawLayersInfo;\n        newVal && this.echoDrawLayers(this.drawType);\n      },\n      deep: true\n    },\n    drawInfoAll(newValue) {\n      newValue && this.echoDrawLayers();\n    },\n    drawOptions(newValue) {\n      /** 检测options覆盖物配置是否更改，更改后要同步到地图上 */\n      Object.keys(newValue).length && this.setOverlayOptions(newValue);\n    },\n    drawLimitArea(newValue) {\n      newValue && this.setDrawLimitArea();\n    }\n  },\n  async mounted() {\n    this.amapStore = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_6__.getAMapInstance)();\n    this.amap = this.amapStore.initMap(this.drawEl);\n    this.buttonProps = [].concat(this.drawButtonProps);\n    this.echoDrawLayers(this.drawType);\n    /** 如果有限制区域，则描绘在地图上 */\n    this.drawLimitArea && this.setDrawLimitArea();\n  },\n  destroyed() {\n    this.AmapDrawClear();\n  },\n  methods: {\n    /** 绘制 */\n    AmapDraw() {\n      this.buttonProps = [].concat(this.saveButtonProps);\n      this.drawMouseTool = new this.amapStore.AMap.MouseTool(this.amap);\n      this.AmapDrawClear();\n      this.setDrawLayers(this.drawType);\n      this.drawMouseTool.on('draw', ({\n        obj\n      }) => {\n        if (this.drawArea && !this[`is${this.drawType}InRing`](obj)) return this.amap.remove(obj), this.$message.error('未在范围内描绘！');\n        /** 暂未支持一次性绘制多个 */\n        this.drawCount > 1 ? (this.drawLayers = this.drawLayers || [], this.drawLayers.push(obj)) : this.drawLayers = obj;\n        if (this.drawLayers && (this.drawLayers.length == this.drawCount || this.drawCount == 1)) {\n          return this.drawMouseTool.close();\n        }\n      });\n    },\n    /** 清空绘制 / 清空搜索 */\n    AmapDrawClear() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && this.amap.remove(layerItem));\n      // this.amap.clearMap()\n      this.drawLayers = null;\n      this.drawLayersInfo = {};\n    },\n    /** 保存当前绘制 */\n    AmapDrawSave() {\n      this.assignDrawLayers(this.drawType);\n      this.buttonProps = [].concat(this.drawButtonProps);\n    },\n    /** 取消当前绘制 */\n    AmapDrawReset() {\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.AmapDrawClear();\n    },\n    /** 搜索地址 */\n    searchChoose(searchMarker, searchInfo) {\n      this.AmapDrawClear();\n      searchMarker.setMap(this.amap);\n      this.amap.setZoomAndCenter(15, searchMarker.getPosition());\n      this.drawType == 'point' && (this.drawLayersInfo = searchInfo);\n      // this.$emit('getAMapLayersInfo', this.drawLayersInfo)\n    },\n    /** 检测覆盖物配置信息并同步 */\n    setOverlayOptions(options) {\n      if (!this.drawLayers) return;\n      this.drawCount > 1 ? this.drawLayers.forEach(drawItem => drawItem.setOptions(options)) : this.drawLayers.setOptions(options);\n    },\n    /** 绘制限定区域 */\n    setDrawLimitArea() {\n      let areaRange = [];\n      try {\n        areaRange = JSON.parse(this.drawLimitArea);\n      } catch {\n        areaRange = this.drawLimitArea;\n      }\n      this.drawArea && this.amap.remove(this.drawArea);\n      /** 判断目前地图上存在的所绘制覆盖物是否在限制范围内 */\n      this.setMapArea(areaRange);\n      this.judgeOverlays();\n    },\n    /** 绘制地图区域范围 */\n    setMapArea(jurisdictionRange) {\n      this.drawArea = new this.amapStore.AMap.Polygon({\n        map: this.amap,\n        path: jurisdictionRange,\n        extData: 'Area',\n        strokeWeight: 6,\n        ...this.drawLimitAreaOptions\n      });\n      const {\n        lng,\n        lat\n      } = this.drawArea.getBounds().getCenter();\n      this.amap.setZoomAndCenter(15, [lng, lat]);\n    },\n    /** 判断一个线段是否在面内 */\n    islineInRing(polyline) {\n      const paths = polyline.getPath();\n      return paths.every(pointItem => this.ispointInRing(pointItem));\n    },\n    /** 判断一个点是否在面内 */\n    ispointInRing(point) {\n      let position;\n      try {\n        position = point.getPosition();\n      } catch {\n        position = point;\n      }\n      return this.amapStore.AMap.GeometryUtil.isPointInRing(position, this.drawArea.getPath());\n    },\n    /** 判断地图上所覆盖物是否在限制范围内 */\n    judgeOverlays() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && !this[`is${this.drawType}InRing`](layerItem) && this.removeOverlay(layerItem));\n    },\n    /** 清除单个覆盖物（或 不符合区域范围的覆盖物 */\n    removeOverlay(layerItem) {\n      this.amap.remove(layerItem);\n      this.$message.error('未在区域范围内,请重新描绘！');\n      try {\n        const i = this.drawLayers.findIndex(layer => layer.getExtData() == layerItem.getExtData());\n        this.drawLayers.splice(i, 1);\n      } catch {\n        this.drawLayers = null;\n        this.drawLayersInfo = {};\n      }\n    },\n    /** 根据类型处理不同数据 */\n    async setDrawLayers(drawType) {\n      const type = {\n        point: 'marker',\n        line: 'polyline',\n        polygon: 'polygon'\n      };\n\n      /** 图层基础配置 */\n      const drawOptions = drawType == 'point' ? {\n        anchor: 'bottom-center',\n        icon: await this.amapStore.setIcon(this.drawIcon)\n      } : {\n        strokeWeight: 8\n      };\n      this.drawMouseTool[type[drawType]]({\n        ...drawOptions,\n        ...this.drawOptions\n      });\n    },\n    /** 赋值不同图层数据 */\n    assignDrawLayers(drawType) {\n      if (drawType == 'point') {\n        const {\n          lng,\n          lat\n        } = this.drawLayers.getPosition();\n        const position = {\n          longitude: lng,\n          latitude: lat\n        };\n        this.amapStore.getMapAddress(position, address => {\n          this.drawLayersInfo = {\n            ...position,\n            ...address\n          };\n        });\n        return;\n      }\n      const range = this.drawLayers.getPath().map(({\n        lng,\n        lat\n      }) => [lng, lat]);\n      this.drawLayersInfo = {\n        range\n      };\n    },\n    /** 回显不同类型图层 */\n    echoDrawLayers(drawType) {\n      /** 如若没挂载layers属性则退出 */\n      if (!this.amapStore || !this.amap) return;\n      const drawLayersItem = async (drawItem, type, i = 0) => {\n        if (drawItem?.latitude && drawItem?.longitude) {\n          let layersItem = null;\n          const {\n            longitude,\n            latitude,\n            range\n          } = drawItem;\n          const setOptions = {\n            extData: `draw${type}${i}`,\n            ...this.drawOptions\n          };\n          if (type == 'point') {\n            layersItem = await this.amapStore.setMarker(this.drawIcon, {\n              position: [longitude, latitude],\n              ...setOptions\n            });\n          } else {\n            const options = {\n              path: range,\n              strokeWeight: 8,\n              ...setOptions\n            };\n            layersItem = type == 'line' ? new this.amapStore.AMap.Polyline(options) : new this.amapStore.AMap.Polygon(options);\n          }\n          layersItem.setMap(this.amap);\n          this.amap.setFitView();\n        }\n      };\n      if (!this.isExhibition) {\n        drawLayersItem(this.drawLayersInfo, drawType);\n        return;\n      }\n      if (this.drawInfoAll) {\n        for (let key in this.drawInfoAll) {\n          const isArray = Array.isArray(this.drawInfoAll[key]);\n          isArray ? this.drawInfoAll[key].forEach((drawItem, i) => {\n            drawLayersItem(drawItem, key, i);\n          }) : drawLayersItem(this.drawInfoAll[key], key);\n        }\n        return;\n      }\n      drawLayersItem(this.drawLayersInfo, drawType);\n    }\n  },\n  render(h) {\n    const {\n      drawEl,\n      drawIcon,\n      buttonProps,\n      isExhibition,\n      AmapDrawClear,\n      searchChoose\n    } = this;\n    return h(\"div\", {\n      \"class\": \"AmapDraw\"\n    }, [!isExhibition && h(_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n      \"props\": {\n        ...{\n          drawIcon,\n          buttonProps\n        }\n      },\n      \"on\": {\n        ...{\n          searchReset: AmapDrawClear,\n          searchChoose\n        }\n      }\n    }), h(\"div\", {\n      \"attrs\": {\n        \"id\": drawEl\n      }\n    })]);\n  }\n};\nAmapDraw.install = function (Vue) {\n  Vue.component('AmapDraw', AmapDraw);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AmapDraw);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
 
 /***/ }),
 
@@ -8725,7 +8725,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapSearchProps: () => (/* binding */ AmapSearchProps),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../index */ \"./plugins/lib/index.js\");\n/* harmony import */ var _method_AMap_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../method/AMap.js */ \"./plugins/method/AMap.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/amap/components/AmapSearch/index.less\");\n\n\n\n\n\n\nconst {\n  ASelectCustom\n} = _index__WEBPACK_IMPORTED_MODULE_2__.FormComp;\nconst AmapSearchProps = {\n  /** 搜索后绘制图标 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].any,\n  buttonProps: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].array.def([])\n};\nconst AmapSearch = {\n  name: 'AmapSearch',\n  props: AmapSearchProps,\n  data() {\n    return {\n      searchMarker: null,\n      addressValue: undefined,\n      selectOptions: []\n    };\n  },\n  methods: {\n    /** 选择地址 */\n    async changeHandle() {\n      if (!this.addressValue) return this.$emit('searchReset', this.searchMarker), this.searchMarker = null;\n      const {\n        label,\n        location\n      } = this.selectOptions.find(({\n        id\n      }) => id == this.addressValue);\n      const searchInfo = {\n        longitude: location.lng,\n        latitude: location.lat,\n        address: label\n      };\n      this.searchMarker = await this.$amapLayers.setMarker(this.drawIcon, {\n        position: [location.lng, location.lat]\n      });\n      this.$emit('searchChoose', this.searchMarker, searchInfo);\n    },\n    /** 根据搜索框搜索地址 */\n    searchHandle(keyword) {\n      this.$amapMethods.getMapSearch(keyword, addressOptions => {\n        this.selectOptions = addressOptions;\n      });\n    }\n  },\n  render(h) {\n    const {\n      selectOptions,\n      changeHandle,\n      searchHandle,\n      buttonProps\n    } = this;\n    const props = {\n      valueKey: 'id',\n      labelKey: 'label',\n      options: selectOptions,\n      placeholder: '请输入目的地进行搜索'\n    };\n    return h(\"div\", {\n      \"class\": \"AmapDraw__Search\"\n    }, [h(ASelectCustom, {\n      \"props\": {\n        ...props\n      },\n      \"on\": {\n        ...{\n          change: changeHandle,\n          search: searchHandle\n        }\n      },\n      \"model\": {\n        value: this.addressValue,\n        callback: $$v => {\n          this.addressValue = $$v;\n        }\n      }\n    }), buttonProps && h(_index__WEBPACK_IMPORTED_MODULE_2__.Button, {\n      \"attrs\": {\n        \"buttonProps\": buttonProps\n      },\n      \"class\": \"AmapDraw__Search__Button\"\n    })]);\n  }\n};\nAmapSearch.install = function (Vue) {\n  Vue.use(_method_AMap_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n  Vue.component('AmapSearch', AmapSearch);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AmapSearch);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/components/AmapSearch/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapSearchProps: () => (/* binding */ AmapSearchProps),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.find.js */ \"./node_modules/core-js/modules/es.iterator.find.js\");\n/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../index */ \"./plugins/lib/index.js\");\n/* harmony import */ var _method_AMap_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../method/AMap.js */ \"./plugins/method/AMap.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/amap/components/AmapSearch/index.less\");\n\n\n\n\n\n\nconst {\n  ASelectCustom\n} = _index__WEBPACK_IMPORTED_MODULE_2__.FormComp;\nconst AmapSearchProps = {\n  /** 搜索后绘制图标 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].any,\n  buttonProps: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_5__[\"default\"].array.def([])\n};\nconst AmapSearch = {\n  name: 'AmapSearch',\n  props: AmapSearchProps,\n  data() {\n    return {\n      /** 地图存储商店 */\n      amapStore: null,\n      searchMarker: null,\n      addressValue: undefined,\n      selectOptions: []\n    };\n  },\n  async mounted() {\n    this.amapStore = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_3__.getAMapInstance)();\n  },\n  methods: {\n    /** 选择地址 */\n    async changeHandle() {\n      if (!this.addressValue) return this.$emit('searchReset', this.searchMarker), this.searchMarker = null;\n      const {\n        label,\n        location\n      } = this.selectOptions.find(({\n        id\n      }) => id == this.addressValue);\n      const searchInfo = {\n        longitude: location.lng,\n        latitude: location.lat,\n        address: label\n      };\n      this.searchMarker = await this.amapStore.setMarker(this.drawIcon, {\n        position: [location.lng, location.lat]\n      });\n      this.$emit('searchChoose', this.searchMarker, searchInfo);\n    },\n    /** 根据搜索框搜索地址 */\n    searchHandle(keyword) {\n      this.amapStore.getMapSearch(keyword, addressOptions => {\n        this.selectOptions = addressOptions;\n      });\n    }\n  },\n  render(h) {\n    const {\n      selectOptions,\n      changeHandle,\n      searchHandle,\n      buttonProps\n    } = this;\n    const props = {\n      valueKey: 'id',\n      labelKey: 'label',\n      options: selectOptions,\n      placeholder: '请输入目的地进行搜索'\n    };\n    return h(\"div\", {\n      \"class\": \"AmapDraw__Search\"\n    }, [h(ASelectCustom, {\n      \"props\": {\n        ...props\n      },\n      \"on\": {\n        ...{\n          change: changeHandle,\n          search: searchHandle\n        }\n      },\n      \"model\": {\n        value: this.addressValue,\n        callback: $$v => {\n          this.addressValue = $$v;\n        }\n      }\n    }), buttonProps && h(_index__WEBPACK_IMPORTED_MODULE_2__.Button, {\n      \"attrs\": {\n        \"buttonProps\": buttonProps\n      },\n      \"class\": \"AmapDraw__Search__Button\"\n    })]);\n  }\n};\nAmapSearch.install = function (Vue) {\n  Vue.component('AmapSearch', AmapSearch);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AmapSearch);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/components/AmapSearch/index.jsx?");
 
 /***/ }),
 
@@ -9033,7 +9033,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   getAMapInstance: () => (/* binding */ getAMapInstance),\n/* harmony export */   setAMapSecurity: () => (/* binding */ setAMapSecurity)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @amap/amap-jsapi-loader */ \"./node_modules/@amap/amap-jsapi-loader/dist/index.js\");\n/* harmony import */ var _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n// amap-plugin.js\n\nlet AMapKey = null;\nlet AMapStyle = null;\nlet AMapInstance = null;\n/** 默认地图key、样式及安全解码 */\nlet AMapConfig = {\n  key: '722d07dd44d442d72a25a1304bac7743',\n  style: 'amap://styles/ff26c7ed32880397f692f5b69b1c1f9f',\n  securityJsCode: '90366326a87f1d0e3ddb43e05cc021b1'\n};\n\n// 安全配置 / 地图样式配置\nconst setAMapSecurity = (config = AMapConfig) => {\n  const {\n    key,\n    style,\n    securityJsCode\n  } = config;\n  AMapKey = key;\n  AMapStyle = style;\n  /** 设置高德地图密钥 */\n  window.forceWebGL = true;\n  window._AMapSecurityConfig = {\n    securityJsCode\n  };\n};\n\n// 核心地图服务类\nclass AMapService {\n  constructor(AMap) {\n    this.AMap = AMap;\n    this._iconCache = new Map(); // 图标缓存\n\n    /** 常用覆盖物 */\n    this.layers = {\n      setIcon: this.setIcon.bind(this),\n      setMarker: this.setMarker.bind(this),\n      setInfoWindow: this._createInfoWindowHandler()\n    };\n\n    /** 抛出地图常用方法 */\n    this.methods = {\n      getMapAddress: this.getMapAddress.bind(this),\n      getMapSearch: this.getMapSearch.bind(this),\n      setMapDriving: this.setMapDriving.bind(this),\n      drawMapAnimation,\n      parseRouteToPath,\n      getOverlayPos\n    };\n  }\n\n  /** 初始化地图 */\n  initMap(container, options = {}) {\n    const map = new this.AMap.Map(container, {\n      zoom: 13,\n      zooms: [3, 20],\n      pitch: 30,\n      rotation: -15,\n      viewMode: '3D',\n      mapStyle: AMapStyle,\n      ...options\n    });\n    options.zoomTool && map.addControl(new this.AMap.ToolBar());\n    options.directionTool && map.addControl(new this.AMap.ControlBar());\n    return map;\n  }\n\n  /** 格式化地图经纬度 */\n  setLngLat(position) {\n    return new this.AMap.LngLat(position[0], position[1]);\n  }\n\n  /** 创建信息窗口处理器（柯里化函数） */\n  _createInfoWindowHandler() {\n    return Vue => {\n      if (!Vue || !Vue.extend) {\n        throw new Error('必须传入有效的Vue构造函数');\n      }\n      return ({\n        component,\n        props,\n        options = {}\n      }) => {\n        if (!component) throw new Error('component参数必填');\n        const InfoWindowComponent = Vue.extend(component);\n        const instance = new InfoWindowComponent({\n          propsData: props\n        }).$mount(document.createElement('div'));\n        return new this.AMap.InfoWindow({\n          isCustom: true,\n          content: instance.$el,\n          ...options\n        });\n      };\n    };\n  }\n\n  /** 带缓存的图标创建方法 */\n  async setIcon(iconUrl) {\n    if (this._iconCache.has(iconUrl)) {\n      return this._iconCache.get(iconUrl);\n    }\n    return new Promise((resolve, reject) => {\n      const icon = new this.AMap.Icon({\n        image: iconUrl,\n        imageOffset: new this.AMap.Pixel(0, 0)\n      });\n      const img = new Image();\n      img.onload = () => {\n        const size = new this.AMap.Size(img.width, img.height);\n        icon.setSize(size);\n        icon.setImageSize(size);\n        this._iconCache.set(iconUrl, icon);\n        resolve(icon);\n      };\n      img.onerror = () => reject(new Error(`图标加载失败: ${iconUrl}`));\n      img.src = iconUrl;\n    });\n  }\n\n  /** 增强的标记点创建方法 */\n  async setMarker(iconUrl, options = {}) {\n    try {\n      const icon = await this.setIcon(iconUrl);\n      const marker = new this.AMap.Marker({\n        anchor: 'bottom-center',\n        ...options,\n        icon\n      });\n      return marker;\n    } catch (error) {\n      console.error('创建标记点失败:', error);\n      throw error;\n    }\n  }\n\n  /** 地图逆地理编码 */\n  getMapAddress({\n    longitude,\n    latitude\n  }, callBack) {\n    return new Promise((resolve, reject) => {\n      const geocoder = new this.AMap.Geocoder({\n        city: '全国',\n        extensions: 'all'\n      });\n      geocoder.getAddress([longitude, latitude], (status, result) => {\n        if (status === 'complete' && result.info === 'OK') {\n          const {\n            formattedAddress,\n            pois\n          } = result.regeocode;\n          const {\n            district,\n            township\n          } = result.regeocode.addressComponent;\n          const division = township && formattedAddress.includes(township) ? formattedAddress.indexOf(township) + township.length : formattedAddress.indexOf(district) + district.length;\n          const addressMsg = {\n            address: formattedAddress.slice(0, division) + (pois[0]?.address || ''),\n            addressInfo: result.regeocode.addressComponent\n          };\n          callBack?.(addressMsg);\n          resolve(addressMsg);\n        } else {\n          reject(new Error('转换失败'));\n        }\n      });\n    });\n  }\n\n  /** 根据地址搜索地图poi点及其他信息 */\n  /**\r\n   * \r\n   * @param {*} keywords 根据关键字搜索\r\n   * @param {*} callBack 查询成功后过滤信息及转换格式 传递回调函数 兼容老版本代码\r\n   */\n  getMapSearch(keywords, callBack) {\n    return new Promise(resolve => {\n      const placeSearch = new this.AMap.PlaceSearch();\n      placeSearch.search(keywords, (status, searchList) => {\n        const options = searchList?.poiList?.pois?.map(node => ({\n          ...node,\n          label: `${node.name}（${node.address}）`\n        })) || [];\n        callBack?.(options);\n        resolve(options);\n      });\n    });\n  }\n\n  /** 道路规划 */\n  /**\r\n   * \r\n   * @param {*} AMapInit 当前地图实例\r\n   * @param {*} paths 需查询的路径起始点及途径点集合\r\n   * @param {*} roadOptions 路线规划的其他参数\r\n   * { paths: 需查询的路径起始点及途径点集合, options: 为查询路线配置项 }\r\n   * @param {*} callBack 查询成功后回调函数 兼容老版本代码\r\n   */\n  async setMapDriving(mapInstance, roadOptions, callBack) {\n    const {\n      paths,\n      options = {}\n    } = roadOptions;\n    return new Promise(resolve => {\n      mapInstance.plugin(\"AMap.Driving\", () => {\n        const driving = new this.AMap.Driving({\n          map: mapInstance,\n          ...options\n        });\n        driving.search(this.setLngLat(paths[0]), this.setLngLat(paths[paths.length - 1]), {\n          waypoints: paths.slice(1, -1).map(path => this.setLngLat(path))\n        }, (status, {\n          routes\n        }) => status === 'complete' && (callBack?.(roadDriving, routes), resolve({\n          driving,\n          routes\n        })));\n      });\n    });\n  }\n\n  // 其他方法保持类似改造...\n}\n\n// 获取AMap实例（组件内使用）\nconst getAMapInstance = async (options = {}) => {\n  if (AMapInstance) return AMapInstance;\n  try {\n    const AMap = await _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4___default().load({\n      key: AMapKey,\n      version: '2.0',\n      plugins: ['AMap.Geocoder', 'AMap.PlaceSearch',\n      // 搜索\n      'AMap.MouseTool',\n      // 鼠标\n      'AMap.ControlBar',\n      // 方向盘\n      'AMap.ToolBar',\n      // 缩放\n      ...(options.plugins || [])]\n    });\n    AMapInstance = new AMapService(AMap);\n    return AMapInstance;\n  } catch (e) {\n    throw new Error(`高德地图加载失败: ${e.message}`);\n  }\n};\n\n// 在 Vue 插件中封装高德地图的初始化和常用方法 \n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  async install(Vue, options = {}) {\n    const amap = await getAMapInstance(options);\n    const {\n      AMap,\n      methods,\n      layers\n    } = amap;\n    Vue.prototype.$amap = AMap;\n\n    /** 初始化地图 */\n    Vue.prototype.$initAMap = (mapOptions, callBack) => {\n      const amapInit = amap.initMap(mapOptions.el, mapOptions.options || {});\n      /** 兼容之前版本代码 */\n      callBack?.(amapInit);\n      return amapInit;\n    };\n\n    /** 地图加载完成 */\n    Vue.prototype.$amapBus.$emit('onAMapMounted');\n\n    /** 常用覆盖物 */\n    Vue.prototype.$amapLayers = {\n      ...layers,\n      setInfoWindow: layers.setInfoWindow(Vue)\n    };\n\n    /** 抛出地图常用方法 */\n    Vue.prototype.$amapMethods = methods || {};\n  }\n});\n\n/** \r\n * 安全获取覆盖物坐标信息 \r\n * @param {AMap.Overlay} overlay 地图覆盖物实例\r\n * @returns {Array<Array<number>>} 坐标点数组\r\n */\nfunction getOverlayPos(overlay) {\n  if (!overlay) throw new Error('覆盖物实例不存在');\n  try {\n    return overlay.type === 'AMap.Marker' ? [overlay.getPosition().lng, overlay.getPosition().lat] : overlay.getPath().map(({\n      lng,\n      lat\n    }) => [lng, lat]);\n  } catch (e) {\n    console.error('转换失败', e);\n    return [];\n  }\n}\n\n/**\r\n * 轨迹动画执行器\r\n * @param {AMap.Map} AMapInit 地图实例\r\n * @param {AMap.Marker} animationMarker 动画标记物\r\n * @param {Array<Array<number>>} paths 路径坐标数组\r\n * @param {Object} [options] 动画配置\r\n * @param {Function} [callBack] 动画完成回调\r\n */\nfunction drawMapAnimation(AMapInit, animationMarker, paths, options = {}, callBack) {\n  if (!AMapInit || !animationMarker || !paths?.length) {\n    return console.error('缺少参数信息');\n  }\n  AMapInit.plugin('AMap.MoveAnimation', () => {\n    const defaultOptions = {\n      duration: 500,\n      autoRotation: true,\n      ...options\n    };\n    animationMarker.moveAlong(paths, defaultOptions);\n    callBack?.(animationMarker);\n  });\n}\n\n/**\r\n * 转换导航路线为可绘制路径\r\n * @param {AMap.DrivingRoute} route 导航路线对象\r\n * @returns {{\r\n*   path: Array<Array<number>>,\r\n*   approachPoints: Array<number>\r\n* }}\r\n*/\nfunction parseRouteToPath(route) {\n  if (!route?.steps) return {\n    path: [],\n    approachPoints: []\n  };\n  const result = {\n    path: [],\n    approachPoints: []\n  };\n  route.steps.forEach((step, stepIndex) => {\n    step.path.forEach((point, pointIndex) => {\n      result.path.push([point.lng, point.lat]);\n      if (step.assistant_action === \"到达途经地\" && pointIndex === step.path.length - 1) {\n        result.approachPoints.push(result.path.length - 1);\n      }\n    });\n  });\n  return result;\n}\n\n//# sourceURL=webpack://mui/./plugins/method/AMap.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */   getAMapInstance: () => (/* binding */ getAMapInstance),\n/* harmony export */   setAMapSecurity: () => (/* binding */ setAMapSecurity)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @amap/amap-jsapi-loader */ \"./node_modules/@amap/amap-jsapi-loader/dist/index.js\");\n/* harmony import */ var _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n// amap-plugin.js\n\n\n/** 入口文件不同 作用域不同 */\nlet AMapKey = null;\nlet AMapStyle = null;\nlet AMapInstance = null;\n/** 默认地图key、样式及安全解码 */\nlet AMapConfig = {\n  key: '722d07dd44d442d72a25a1304bac7743',\n  style: 'amap://styles/ff26c7ed32880397f692f5b69b1c1f9f',\n  securityJsCode: '90366326a87f1d0e3ddb43e05cc021b1'\n};\n\n// 安全配置 / 地图样式配置\nconst setAMapSecurity = (config = AMapConfig) => {\n  const {\n    key,\n    style,\n    securityJsCode\n  } = config;\n  AMapKey = key;\n  AMapStyle = style;\n  /** 设置高德地图密钥 */\n  window.forceWebGL = true;\n  window._AMapSecurityConfig = {\n    securityJsCode\n  };\n};\n\n// 核心地图服务类\nclass AMapService {\n  constructor(AMap) {\n    this.AMap = AMap;\n    this._iconCache = new Map(); // 图标缓存\n\n    /** 常用覆盖物 */\n    this.layers = {\n      setIcon: this.setIcon.bind(this),\n      setMarker: this.setMarker.bind(this),\n      setInfoWindow: this._createInfoWindowHandler()\n    };\n\n    /** 抛出地图常用方法 */\n    this.methods = {\n      getMapAddress: this.getMapAddress.bind(this),\n      getMapSearch: this.getMapSearch.bind(this),\n      setMapDriving: this.setMapDriving.bind(this),\n      drawMapAnimation,\n      parseRouteToPath,\n      getOverlayPos\n    };\n  }\n\n  /** 初始化地图 */\n  initMap(container, options = {}) {\n    const map = new this.AMap.Map(container, {\n      zoom: 13,\n      zooms: [3, 20],\n      pitch: 30,\n      rotation: -15,\n      viewMode: '3D',\n      mapStyle: AMapStyle,\n      ...options\n    });\n    options.zoomTool && map.addControl(new this.AMap.ToolBar());\n    options.directionTool && map.addControl(new this.AMap.ControlBar());\n    return map;\n  }\n\n  /** 格式化地图经纬度 */\n  setLngLat(position) {\n    return new this.AMap.LngLat(position[0], position[1]);\n  }\n\n  /** 创建信息窗口处理器（柯里化函数） */\n  _createInfoWindowHandler() {\n    return Vue => {\n      if (!Vue || !Vue.extend) {\n        throw new Error('必须传入有效的Vue构造函数');\n      }\n      return ({\n        component,\n        props,\n        options = {}\n      }) => {\n        if (!component) throw new Error('component参数必填');\n        const InfoWindowComponent = Vue.extend(component);\n        const instance = new InfoWindowComponent({\n          propsData: props\n        }).$mount(document.createElement('div'));\n        return new this.AMap.InfoWindow({\n          isCustom: true,\n          content: instance.$el,\n          ...options\n        });\n      };\n    };\n  }\n\n  /** 带缓存的图标创建方法 */\n  async setIcon(iconUrl) {\n    if (this._iconCache.has(iconUrl)) {\n      return this._iconCache.get(iconUrl);\n    }\n    return new Promise((resolve, reject) => {\n      const icon = new this.AMap.Icon({\n        image: iconUrl,\n        imageOffset: new this.AMap.Pixel(0, 0)\n      });\n      const img = new Image();\n      img.onload = () => {\n        const size = new this.AMap.Size(img.width, img.height);\n        icon.setSize(size);\n        icon.setImageSize(size);\n        this._iconCache.set(iconUrl, icon);\n        resolve(icon);\n      };\n      img.onerror = () => reject(new Error(`图标加载失败: ${iconUrl}`));\n      img.src = iconUrl;\n    });\n  }\n\n  /** 增强的标记点创建方法 */\n  async setMarker(iconUrl, options = {}) {\n    try {\n      const icon = await this.setIcon(iconUrl);\n      const marker = new this.AMap.Marker({\n        anchor: 'bottom-center',\n        ...options,\n        icon\n      });\n      return marker;\n    } catch (error) {\n      console.error('创建标记点失败:', error);\n      throw error;\n    }\n  }\n\n  /** 地图逆地理编码 */\n  getMapAddress({\n    longitude,\n    latitude\n  }, callBack) {\n    return new Promise((resolve, reject) => {\n      const geocoder = new this.AMap.Geocoder({\n        city: '全国',\n        extensions: 'all'\n      });\n      geocoder.getAddress([longitude, latitude], (status, result) => {\n        if (status === 'complete' && result.info === 'OK') {\n          const {\n            formattedAddress,\n            pois\n          } = result.regeocode;\n          const {\n            district,\n            township\n          } = result.regeocode.addressComponent;\n          const division = township && formattedAddress.includes(township) ? formattedAddress.indexOf(township) + township.length : formattedAddress.indexOf(district) + district.length;\n          const addressMsg = {\n            address: formattedAddress.slice(0, division) + (pois[0]?.address || ''),\n            addressInfo: result.regeocode.addressComponent\n          };\n          callBack?.(addressMsg);\n          resolve(addressMsg);\n        } else {\n          reject(new Error('转换失败'));\n        }\n      });\n    });\n  }\n\n  /** 根据地址搜索地图poi点及其他信息 */\n  /**\r\n   * \r\n   * @param {*} keywords 根据关键字搜索\r\n   * @param {*} callBack 查询成功后过滤信息及转换格式 传递回调函数 兼容老版本代码\r\n   */\n  getMapSearch(keywords, callBack) {\n    return new Promise(resolve => {\n      const placeSearch = new this.AMap.PlaceSearch();\n      placeSearch.search(keywords, (status, searchList) => {\n        const options = searchList?.poiList?.pois?.map(node => ({\n          ...node,\n          label: `${node.name}（${node.address}）`\n        })) || [];\n        callBack?.(options);\n        resolve(options);\n      });\n    });\n  }\n\n  /** 道路规划 */\n  /**\r\n   * \r\n   * @param {*} AMapInit 当前地图实例\r\n   * @param {*} paths 需查询的路径起始点及途径点集合\r\n   * @param {*} roadOptions 路线规划的其他参数\r\n   * { paths: 需查询的路径起始点及途径点集合, options: 为查询路线配置项 }\r\n   * @param {*} callBack 查询成功后回调函数 兼容老版本代码\r\n   */\n  async setMapDriving(mapInstance, roadOptions, callBack) {\n    const {\n      paths,\n      options = {}\n    } = roadOptions;\n    return new Promise(resolve => {\n      mapInstance.plugin(\"AMap.Driving\", () => {\n        const driving = new this.AMap.Driving({\n          map: mapInstance,\n          ...options\n        });\n        driving.search(this.setLngLat(paths[0]), this.setLngLat(paths[paths.length - 1]), {\n          waypoints: paths.slice(1, -1).map(path => this.setLngLat(path))\n        }, (status, {\n          routes\n        }) => status === 'complete' && (callBack?.(roadDriving, routes), resolve({\n          driving,\n          routes\n        })));\n      });\n    });\n  }\n\n  // 其他方法保持类似改造...\n}\n\n// 获取AMap实例（组件内使用）\nconst getAMapInstance = async (options = {}) => {\n  if (AMapInstance) return AMapInstance;\n\n  // 确保key存在\n  if (!AMapKey) {\n    try {\n      setAMapSecurity();\n    } catch (e) {\n      throw new Error('请先设置地图Key！');\n    }\n  }\n  try {\n    const AMap = await _amap_amap_jsapi_loader__WEBPACK_IMPORTED_MODULE_4___default().load({\n      key: AMapKey,\n      version: '2.0',\n      plugins: ['AMap.Geocoder', 'AMap.PlaceSearch',\n      // 搜索\n      'AMap.MouseTool',\n      // 鼠标\n      'AMap.ControlBar',\n      // 方向盘\n      'AMap.ToolBar',\n      // 缩放\n      ...(options.plugins || [])]\n    });\n    AMapInstance = new AMapService(AMap);\n    return AMapInstance;\n  } catch (e) {\n    throw new Error(`高德地图加载失败: ${e.message}`);\n  }\n};\n\n// 在 Vue 插件中封装高德地图的初始化和常用方法 \n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  async install(Vue, options = {}) {\n    const amap = await getAMapInstance(options);\n    const {\n      AMap,\n      methods,\n      layers\n    } = amap;\n    Vue.prototype.$amap = AMap;\n\n    /** 初始化地图 */\n    Vue.prototype.$initAMap = (mapOptions, callBack) => {\n      const amapInit = amap.initMap(mapOptions.el, mapOptions.options || {});\n      /** 兼容之前版本代码 */\n      callBack?.(amapInit);\n      return amapInit;\n    };\n\n    /** 地图加载完成 */\n    Vue.prototype.$amapBus.$emit('onAMapMounted');\n\n    /** 常用覆盖物 */\n    Vue.prototype.$amapLayers = {\n      ...layers,\n      setInfoWindow: layers.setInfoWindow(Vue)\n    };\n\n    /** 抛出地图常用方法 */\n    Vue.prototype.$amapMethods = methods || {};\n  }\n});\n\n/** \r\n * 安全获取覆盖物坐标信息 \r\n * @param {AMap.Overlay} overlay 地图覆盖物实例\r\n * @returns {Array<Array<number>>} 坐标点数组\r\n */\nfunction getOverlayPos(overlay) {\n  if (!overlay) throw new Error('覆盖物实例不存在');\n  try {\n    return overlay.type === 'AMap.Marker' ? [overlay.getPosition().lng, overlay.getPosition().lat] : overlay.getPath().map(({\n      lng,\n      lat\n    }) => [lng, lat]);\n  } catch (e) {\n    console.error('转换失败', e);\n    return [];\n  }\n}\n\n/**\r\n * 轨迹动画执行器\r\n * @param {AMap.Map} AMapInit 地图实例\r\n * @param {AMap.Marker} animationMarker 动画标记物\r\n * @param {Array<Array<number>>} paths 路径坐标数组\r\n * @param {Object} [options] 动画配置\r\n * @param {Function} [callBack] 动画完成回调\r\n */\nfunction drawMapAnimation(AMapInit, animationMarker, paths, options = {}, callBack) {\n  if (!AMapInit || !animationMarker || !paths?.length) {\n    return console.error('缺少参数信息');\n  }\n  AMapInit.plugin('AMap.MoveAnimation', () => {\n    const defaultOptions = {\n      duration: 500,\n      autoRotation: true,\n      ...options\n    };\n    animationMarker.moveAlong(paths, defaultOptions);\n    callBack?.(animationMarker);\n  });\n}\n\n/**\r\n * 转换导航路线为可绘制路径\r\n * @param {AMap.DrivingRoute} route 导航路线对象\r\n * @returns {{\r\n*   path: Array<Array<number>>,\r\n*   approachPoints: Array<number>\r\n* }}\r\n*/\nfunction parseRouteToPath(route) {\n  if (!route?.steps) return {\n    path: [],\n    approachPoints: []\n  };\n  const result = {\n    path: [],\n    approachPoints: []\n  };\n  route.steps.forEach((step, stepIndex) => {\n    step.path.forEach((point, pointIndex) => {\n      result.path.push([point.lng, point.lat]);\n      if (step.assistant_action === \"到达途经地\" && pointIndex === step.path.length - 1) {\n        result.approachPoints.push(result.path.length - 1);\n      }\n    });\n  });\n  return result;\n}\n\n//# sourceURL=webpack://mui/./plugins/method/AMap.js?");
 
 /***/ }),
 

package/lib/amap/AmapDraw.jsx

@@ -1,6 +1,6 @@
 import AmapSearch from './components/AmapSearch/index.jsx'
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import AMap from '../../method/AMap.js'
+import { getAMapInstance } from '../../method/AMap.js'
 
 import './AmapDraw.less'
 
@@ -37,6 +37,8 @@ const AmapDraw = {
   data() {
     return {
       amap: null,
+      /** 地图存储商店 */
+      amapStore: null,
       drawArea: null,
       drawLayers: null,
       drawMouseTool: null,
@@ -80,14 +82,13 @@ const AmapDraw = {
       newValue && this.setDrawLimitArea()
     }
   },
-  mounted() {
-    this.$amapBus.$on('onAMapMounted', () => {
-      this.amap = this.$initAMap({ el: this.drawEl })
-      this.buttonProps = [].concat(this.drawButtonProps)
-      this.echoDrawLayers(this.drawType)
-      /** 如果有限制区域，则描绘在地图上 */
-      this.drawLimitArea && this.setDrawLimitArea()
-    })
+  async mounted() {
+    this.amapStore = await getAMapInstance()
+    this.amap = this.amapStore.initMap(this.drawEl)
+    this.buttonProps = [].concat(this.drawButtonProps)
+    this.echoDrawLayers(this.drawType)
+    /** 如果有限制区域，则描绘在地图上 */
+    this.drawLimitArea && this.setDrawLimitArea()
   },
   destroyed() {
     this.AmapDrawClear()
@@ -96,7 +97,7 @@ const AmapDraw = {
     /** 绘制 */
     AmapDraw() {
       this.buttonProps = [].concat(this.saveButtonProps)
-      this.drawMouseTool = new this.$amap.MouseTool(this.amap)
+      this.drawMouseTool = new this.amapStore.AMap.MouseTool(this.amap)
 
       this.AmapDrawClear()
       this.setDrawLayers(this.drawType)
@@ -160,7 +161,7 @@ const AmapDraw = {
     },
     /** 绘制地图区域范围 */
     setMapArea(jurisdictionRange) {
-      this.drawArea = new this.$amap.Polygon({
+      this.drawArea = new this.amapStore.AMap.Polygon({
         map: this.amap,
         path: jurisdictionRange,
         extData: 'Area',
@@ -183,7 +184,7 @@ const AmapDraw = {
       } catch {
         position = point
       }
-      return this.$amap.GeometryUtil.isPointInRing(position, this.drawArea.getPath())
+      return this.amapStore.AMap.GeometryUtil.isPointInRing(position, this.drawArea.getPath())
     },
     /** 判断地图上所覆盖物是否在限制范围内 */
     judgeOverlays() {
@@ -221,7 +222,7 @@ const AmapDraw = {
         drawType == 'point'
           ? {
               anchor: 'bottom-center',
-              icon: await this.$amapLayers.setIcon(this.drawIcon)
+              icon: await this.amapStore.setIcon(this.drawIcon)
             }
           : { strokeWeight: 8 }
 
@@ -235,7 +236,7 @@ const AmapDraw = {
       if (drawType == 'point') {
         const { lng, lat } = this.drawLayers.getPosition()
         const position = { longitude: lng, latitude: lat }
-        this.$amapMethods.getMapAddress(position, address => {
+        this.amapStore.getMapAddress(position, address => {
           this.drawLayersInfo = {
             ...position,
             ...address
@@ -249,7 +250,7 @@ const AmapDraw = {
     /** 回显不同类型图层 */
     echoDrawLayers(drawType) {
       /** 如若没挂载layers属性则退出 */
-      if (!this.$amapLayers || !this.amap) return
+      if (!this.amapStore || !this.amap) return
 
       const drawLayersItem = async (drawItem, type, i = 0) => {
         if (drawItem?.latitude && drawItem?.longitude) {
@@ -261,7 +262,7 @@ const AmapDraw = {
           }
 
           if (type == 'point') {
-            layersItem = await this.$amapLayers.setMarker(this.drawIcon, {
+            layersItem = await this.amapStore.setMarker(this.drawIcon, {
               position: [longitude, latitude],
               ...setOptions
             })
@@ -271,7 +272,8 @@ const AmapDraw = {
               strokeWeight: 8,
               ...setOptions
             }
-            layersItem = type == 'line' ? new this.$amap.Polyline(options) : new this.$amap.Polygon(options)
+            layersItem =
+              type == 'line' ? new this.amapStore.AMap.Polyline(options) : new this.amapStore.AMap.Polygon(options)
           }
 
           layersItem.setMap(this.amap)
@@ -314,7 +316,6 @@ const AmapDraw = {
 }
 
 AmapDraw.install = function (Vue) {
-  Vue.use(AMap)
   Vue.component('AmapDraw', AmapDraw)
 }
 

package/lib/amap/components/AmapSearch/index.jsx

@@ -1,84 +1,73 @@
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import {FormComp, Button} from '../../../index'
-import AMap from '../../../../method/AMap.js'
+import { FormComp, Button } from '../../../index'
+import { getAMapInstance } from '../../../../method/AMap.js'
 
 import './index.less'
 
 const { ASelectCustom } = FormComp
 
 export const AmapSearchProps = {
-    /** 搜索后绘制图标 */
-    drawIcon: PropTypes.any,
-    buttonProps: PropTypes.array.def([])
+  /** 搜索后绘制图标 */
+  drawIcon: PropTypes.any,
+  buttonProps: PropTypes.array.def([])
 }
 
 const AmapSearch = {
   name: 'AmapSearch',
   props: AmapSearchProps,
-  data () {
+  data() {
     return {
+      /** 地图存储商店 */
+      amapStore: null,
       searchMarker: null,
-      addressValue: undefined, 
+      addressValue: undefined,
       selectOptions: []
     }
   },
+  async mounted() {
+    this.amapStore = await getAMapInstance()
+  },
   methods: {
     /** 选择地址 */
     async changeHandle() {
-      if(!this.addressValue) return (
-        this.$emit('searchReset', this.searchMarker),
-        this.searchMarker = null
-      )
-      const {label,location} = 
-            this.selectOptions.find(({id}) => id == this.addressValue)
+      if (!this.addressValue) return this.$emit('searchReset', this.searchMarker), (this.searchMarker = null)
+      const { label, location } = this.selectOptions.find(({ id }) => id == this.addressValue)
       const searchInfo = {
         longitude: location.lng,
         latitude: location.lat,
         address: label
       }
-      this.searchMarker = await this.$amapLayers.setMarker( 
-        this.drawIcon,
-        { position: [location.lng, location.lat] }
-      ) 
+      this.searchMarker = await this.amapStore.setMarker(this.drawIcon, { position: [location.lng, location.lat] })
       this.$emit('searchChoose', this.searchMarker, searchInfo)
     },
     /** 根据搜索框搜索地址 */
     searchHandle(keyword) {
-      this.$amapMethods.getMapSearch(keyword, addressOptions => {
+      this.amapStore.getMapSearch(keyword, addressOptions => {
         this.selectOptions = addressOptions
-      }) 
+      })
     }
   },
-  render (h) {
-
+  render(h) {
     const { selectOptions, changeHandle, searchHandle, buttonProps } = this
 
     const props = {
-        valueKey: 'id',
-        labelKey: 'label',
-        options: selectOptions,
-        placeholder: '请输入目的地进行搜索'
+      valueKey: 'id',
+      labelKey: 'label',
+      options: selectOptions,
+      placeholder: '请输入目的地进行搜索'
     }
 
     return (
-        <div class="AmapDraw__Search"> 
-            <ASelectCustom
-                v-model={this.addressValue} 
-                {...{ props, on: { change: changeHandle, search: searchHandle } }}
-            /> 
-            { 
-                buttonProps && 
-                <Button buttonProps={buttonProps} class="AmapDraw__Search__Button" />  
-            }
-        </div>
-    ) 
+      <div class="AmapDraw__Search">
+        <ASelectCustom v-model={this.addressValue} {...{ props, on: { change: changeHandle, search: searchHandle } }} />
+        {buttonProps && <Button buttonProps={buttonProps} class="AmapDraw__Search__Button" />}
+      </div>
+    )
   }
 }
 
 AmapSearch.install = function (Vue) {
-  Vue.use(AMap)
   Vue.component('AmapSearch', AmapSearch)
-} 
+}
 
 export default AmapSearch
-

package/method/AMap.js

@@ -1,6 +1,7 @@
 // amap-plugin.js
 import AMapLoader from '@amap/amap-jsapi-loader'
 
+/** 入口文件不同 作用域不同 */
 let AMapKey = null
 let AMapStyle = null
 let AMapInstance = null
@@ -225,6 +226,15 @@ class AMapService {
 export const getAMapInstance = async (options = {}) => {
   if (AMapInstance) return AMapInstance
 
+  // 确保key存在
+  if (!AMapKey) {
+    try {
+      setAMapSecurity()
+    } catch (e) {
+      throw new Error('请先设置地图Key！')
+    }
+  }
+
   try {
     const AMap = await AMapLoader.load({
       key: AMapKey,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "1.2.13",
+  "version": "1.2.15",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [

package/plugins/lib/amap/AmapDraw.jsx

@@ -1,6 +1,6 @@
 import AmapSearch from './components/AmapSearch/index.jsx'
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import AMap from '../../method/AMap.js'
+import { getAMapInstance } from '../../method/AMap.js'
 
 import './AmapDraw.less'
 
@@ -37,6 +37,8 @@ const AmapDraw = {
   data() {
     return {
       amap: null,
+      /** 地图存储商店 */
+      amapStore: null,
       drawArea: null,
       drawLayers: null,
       drawMouseTool: null,
@@ -80,14 +82,13 @@ const AmapDraw = {
       newValue && this.setDrawLimitArea()
     }
   },
-  mounted() {
-    this.$amapBus.$on('onAMapMounted', () => {
-      this.amap = this.$initAMap({ el: this.drawEl })
-      this.buttonProps = [].concat(this.drawButtonProps)
-      this.echoDrawLayers(this.drawType)
-      /** 如果有限制区域，则描绘在地图上 */
-      this.drawLimitArea && this.setDrawLimitArea()
-    })
+  async mounted() {
+    this.amapStore = await getAMapInstance()
+    this.amap = this.amapStore.initMap(this.drawEl)
+    this.buttonProps = [].concat(this.drawButtonProps)
+    this.echoDrawLayers(this.drawType)
+    /** 如果有限制区域，则描绘在地图上 */
+    this.drawLimitArea && this.setDrawLimitArea()
   },
   destroyed() {
     this.AmapDrawClear()
@@ -96,7 +97,7 @@ const AmapDraw = {
     /** 绘制 */
     AmapDraw() {
       this.buttonProps = [].concat(this.saveButtonProps)
-      this.drawMouseTool = new this.$amap.MouseTool(this.amap)
+      this.drawMouseTool = new this.amapStore.AMap.MouseTool(this.amap)
 
       this.AmapDrawClear()
       this.setDrawLayers(this.drawType)
@@ -160,7 +161,7 @@ const AmapDraw = {
     },
     /** 绘制地图区域范围 */
     setMapArea(jurisdictionRange) {
-      this.drawArea = new this.$amap.Polygon({
+      this.drawArea = new this.amapStore.AMap.Polygon({
         map: this.amap,
         path: jurisdictionRange,
         extData: 'Area',
@@ -183,7 +184,7 @@ const AmapDraw = {
       } catch {
         position = point
       }
-      return this.$amap.GeometryUtil.isPointInRing(position, this.drawArea.getPath())
+      return this.amapStore.AMap.GeometryUtil.isPointInRing(position, this.drawArea.getPath())
     },
     /** 判断地图上所覆盖物是否在限制范围内 */
     judgeOverlays() {
@@ -221,7 +222,7 @@ const AmapDraw = {
         drawType == 'point'
           ? {
               anchor: 'bottom-center',
-              icon: await this.$amapLayers.setIcon(this.drawIcon)
+              icon: await this.amapStore.setIcon(this.drawIcon)
             }
           : { strokeWeight: 8 }
 
@@ -235,7 +236,7 @@ const AmapDraw = {
       if (drawType == 'point') {
         const { lng, lat } = this.drawLayers.getPosition()
         const position = { longitude: lng, latitude: lat }
-        this.$amapMethods.getMapAddress(position, address => {
+        this.amapStore.getMapAddress(position, address => {
           this.drawLayersInfo = {
             ...position,
             ...address
@@ -249,7 +250,7 @@ const AmapDraw = {
     /** 回显不同类型图层 */
     echoDrawLayers(drawType) {
       /** 如若没挂载layers属性则退出 */
-      if (!this.$amapLayers || !this.amap) return
+      if (!this.amapStore || !this.amap) return
 
       const drawLayersItem = async (drawItem, type, i = 0) => {
         if (drawItem?.latitude && drawItem?.longitude) {
@@ -261,7 +262,7 @@ const AmapDraw = {
           }
 
           if (type == 'point') {
-            layersItem = await this.$amapLayers.setMarker(this.drawIcon, {
+            layersItem = await this.amapStore.setMarker(this.drawIcon, {
               position: [longitude, latitude],
               ...setOptions
             })
@@ -271,7 +272,8 @@ const AmapDraw = {
               strokeWeight: 8,
               ...setOptions
             }
-            layersItem = type == 'line' ? new this.$amap.Polyline(options) : new this.$amap.Polygon(options)
+            layersItem =
+              type == 'line' ? new this.amapStore.AMap.Polyline(options) : new this.amapStore.AMap.Polygon(options)
           }
 
           layersItem.setMap(this.amap)
@@ -314,7 +316,6 @@ const AmapDraw = {
 }
 
 AmapDraw.install = function (Vue) {
-  Vue.use(AMap)
   Vue.component('AmapDraw', AmapDraw)
 }
 

package/plugins/lib/amap/components/AmapSearch/index.jsx

@@ -1,84 +1,73 @@
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
-import {FormComp, Button} from '../../../index'
-import AMap from '../../../../method/AMap.js'
+import { FormComp, Button } from '../../../index'
+import { getAMapInstance } from '../../../../method/AMap.js'
 
 import './index.less'
 
 const { ASelectCustom } = FormComp
 
 export const AmapSearchProps = {
-    /** 搜索后绘制图标 */
-    drawIcon: PropTypes.any,
-    buttonProps: PropTypes.array.def([])
+  /** 搜索后绘制图标 */
+  drawIcon: PropTypes.any,
+  buttonProps: PropTypes.array.def([])
 }
 
 const AmapSearch = {
   name: 'AmapSearch',
   props: AmapSearchProps,
-  data () {
+  data() {
     return {
+      /** 地图存储商店 */
+      amapStore: null,
       searchMarker: null,
-      addressValue: undefined, 
+      addressValue: undefined,
       selectOptions: []
     }
   },
+  async mounted() {
+    this.amapStore = await getAMapInstance()
+  },
   methods: {
     /** 选择地址 */
     async changeHandle() {
-      if(!this.addressValue) return (
-        this.$emit('searchReset', this.searchMarker),
-        this.searchMarker = null
-      )
-      const {label,location} = 
-            this.selectOptions.find(({id}) => id == this.addressValue)
+      if (!this.addressValue) return this.$emit('searchReset', this.searchMarker), (this.searchMarker = null)
+      const { label, location } = this.selectOptions.find(({ id }) => id == this.addressValue)
       const searchInfo = {
         longitude: location.lng,
         latitude: location.lat,
         address: label
       }
-      this.searchMarker = await this.$amapLayers.setMarker( 
-        this.drawIcon,
-        { position: [location.lng, location.lat] }
-      ) 
+      this.searchMarker = await this.amapStore.setMarker(this.drawIcon, { position: [location.lng, location.lat] })
       this.$emit('searchChoose', this.searchMarker, searchInfo)
     },
     /** 根据搜索框搜索地址 */
     searchHandle(keyword) {
-      this.$amapMethods.getMapSearch(keyword, addressOptions => {
+      this.amapStore.getMapSearch(keyword, addressOptions => {
         this.selectOptions = addressOptions
-      }) 
+      })
     }
   },
-  render (h) {
-
+  render(h) {
     const { selectOptions, changeHandle, searchHandle, buttonProps } = this
 
     const props = {
-        valueKey: 'id',
-        labelKey: 'label',
-        options: selectOptions,
-        placeholder: '请输入目的地进行搜索'
+      valueKey: 'id',
+      labelKey: 'label',
+      options: selectOptions,
+      placeholder: '请输入目的地进行搜索'
     }
 
     return (
-        <div class="AmapDraw__Search"> 
-            <ASelectCustom
-                v-model={this.addressValue} 
-                {...{ props, on: { change: changeHandle, search: searchHandle } }}
-            /> 
-            { 
-                buttonProps && 
-                <Button buttonProps={buttonProps} class="AmapDraw__Search__Button" />  
-            }
-        </div>
-    ) 
+      <div class="AmapDraw__Search">
+        <ASelectCustom v-model={this.addressValue} {...{ props, on: { change: changeHandle, search: searchHandle } }} />
+        {buttonProps && <Button buttonProps={buttonProps} class="AmapDraw__Search__Button" />}
+      </div>
+    )
   }
 }
 
 AmapSearch.install = function (Vue) {
-  Vue.use(AMap)
   Vue.component('AmapSearch', AmapSearch)
-} 
+}
 
 export default AmapSearch
-

package/plugins/method/AMap.js

@@ -1,6 +1,7 @@
 // amap-plugin.js
 import AMapLoader from '@amap/amap-jsapi-loader'
 
+/** 入口文件不同 作用域不同 */
 let AMapKey = null
 let AMapStyle = null
 let AMapInstance = null
@@ -225,6 +226,15 @@ class AMapService {
 export const getAMapInstance = async (options = {}) => {
   if (AMapInstance) return AMapInstance
 
+  // 确保key存在
+  if (!AMapKey) {
+    try {
+      setAMapSecurity()
+    } catch (e) {
+      throw new Error('请先设置地图Key！')
+    }
+  }
+
   try {
     const AMap = await AMapLoader.load({
       key: AMapKey,