web-component-gallery 1.2.4 → 1.2.6

package/dist/amap.umd.js

@@ -8714,7 +8714,7 @@ eval("/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source cod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.a(module, async function (__webpack_handle_async_dependencies__, __webpack_async_result__) { try {\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: function() { return /* binding */ AmapDrawProps; }\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\");\nvar __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__]);\n_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];\n\n\n\n\n\n\n\n\nconst amap = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_6__.getAMapInstance)();\nconst {\n  AMap,\n  methods,\n  layers\n} = amap;\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.amap = amap.initMap({\n      el: this.drawEl\n    });\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 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 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 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    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: layers.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        methods.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      const drawLayersItem = (drawItem, type, i = 0) => {\n        // && drawItem.latitude && drawItem.longitude 忘记当时为什么加这个了 后续在想\n        if (drawItem && this.amap) {\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 = layers.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 AMap.Polyline(options) : new 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 */ __webpack_exports__[\"default\"] = (AmapDraw);\n__webpack_async_result__();\n} catch(e) { __webpack_async_result__(e); } }, 1);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
+eval("__webpack_require__.a(module, async function (__webpack_handle_async_dependencies__, __webpack_async_result__) { try {\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: function() { return /* binding */ AmapDrawProps; }\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\");\nvar __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__]);\n_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];\n\n\n\n\n\n\n\n\nconst amap = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_6__.getAMapInstance)();\nconst {\n  AMap,\n  methods,\n  layers\n} = amap;\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.amap = amap.initMap({\n      el: this.drawEl\n    });\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 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 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 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    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: layers.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        methods.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      const drawLayersItem = (drawItem, type, i = 0) => {\n        // && drawItem.latitude && drawItem.longitude 忘记当时为什么加这个了 后续在想\n        if (drawItem && this.amap) {\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 = layers.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 AMap.Polyline(options) : new 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 */ __webpack_exports__[\"default\"] = (AmapDraw);\n__webpack_async_result__();\n} catch(e) { __webpack_async_result__(e); } }, 1);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
 
 /***/ }),
 
@@ -8725,7 +8725,7 @@ eval("__webpack_require__.a(module, async function (__webpack_handle_async_depen
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.a(module, async function (__webpack_handle_async_dependencies__, __webpack_async_result__) { try {\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapSearchProps: function() { return /* binding */ AmapSearchProps; }\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\");\nvar __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_index__WEBPACK_IMPORTED_MODULE_2__]);\n_index__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];\n\n\n\n\n\n\nconst {\n  ASelectCustom\n} = _index__WEBPACK_IMPORTED_MODULE_2__.FormComp;\nconst {\n  methods,\n  layers\n} = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_3__.getAMapInstance)();\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    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 = layers.setMarker(this.drawIcon, {\n        position: [location.lng, location.lat]\n      });\n      this.$emit('searchChoose', this.searchMarker, searchInfo);\n    },\n    /** 根据搜索框搜索地址 */\n    searchHandle(keyword) {\n      methods.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 */ __webpack_exports__[\"default\"] = (AmapSearch);\n__webpack_async_result__();\n} catch(e) { __webpack_async_result__(e); } }, 1);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/components/AmapSearch/index.jsx?");
+eval("__webpack_require__.a(module, async function (__webpack_handle_async_dependencies__, __webpack_async_result__) { try {\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapSearchProps: function() { return /* binding */ AmapSearchProps; }\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\");\nvar __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_index__WEBPACK_IMPORTED_MODULE_2__]);\n_index__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];\n\n\n\n\n\n\nconst {\n  ASelectCustom\n} = _index__WEBPACK_IMPORTED_MODULE_2__.FormComp;\nconst {\n  methods,\n  layers\n} = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_3__.getAMapInstance)();\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    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 = layers.setMarker(this.drawIcon, {\n        position: [location.lng, location.lat]\n      });\n      this.$emit('searchChoose', this.searchMarker, searchInfo);\n    },\n    /** 根据搜索框搜索地址 */\n    searchHandle(keyword) {\n      methods.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 */ __webpack_exports__[\"default\"] = (AmapSearch);\n__webpack_async_result__();\n} catch(e) { __webpack_async_result__(e); } }, 1);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/components/AmapSearch/index.jsx?");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8714,7 +8714,7 @@ eval("/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source cod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.a(module, async function (__webpack_handle_async_dependencies__, __webpack_async_result__) { try {\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: function() { return /* binding */ AmapDrawProps; }\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\");\nvar __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__]);\n_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];\n\n\n\n\n\n\n\n\nconst amap = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_6__.getAMapInstance)();\nconst {\n  AMap,\n  methods,\n  layers\n} = amap;\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.amap = amap.initMap({\n      el: this.drawEl\n    });\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 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 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 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    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: layers.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        methods.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      const drawLayersItem = (drawItem, type, i = 0) => {\n        // && drawItem.latitude && drawItem.longitude 忘记当时为什么加这个了 后续在想\n        if (drawItem && this.amap) {\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 = layers.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 AMap.Polyline(options) : new 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 */ __webpack_exports__[\"default\"] = (AmapDraw);\n__webpack_async_result__();\n} catch(e) { __webpack_async_result__(e); } }, 1);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
+eval("__webpack_require__.a(module, async function (__webpack_handle_async_dependencies__, __webpack_async_result__) { try {\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: function() { return /* binding */ AmapDrawProps; }\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\");\nvar __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__]);\n_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];\n\n\n\n\n\n\n\n\nconst amap = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_6__.getAMapInstance)();\nconst {\n  AMap,\n  methods,\n  layers\n} = amap;\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.amap = amap.initMap({\n      el: this.drawEl\n    });\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 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 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 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    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: layers.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        methods.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      const drawLayersItem = (drawItem, type, i = 0) => {\n        // && drawItem.latitude && drawItem.longitude 忘记当时为什么加这个了 后续在想\n        if (drawItem && this.amap) {\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 = layers.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 AMap.Polyline(options) : new 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 */ __webpack_exports__[\"default\"] = (AmapDraw);\n__webpack_async_result__();\n} catch(e) { __webpack_async_result__(e); } }, 1);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
 
 /***/ }),
 
@@ -8725,7 +8725,7 @@ eval("__webpack_require__.a(module, async function (__webpack_handle_async_depen
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.a(module, async function (__webpack_handle_async_dependencies__, __webpack_async_result__) { try {\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapSearchProps: function() { return /* binding */ AmapSearchProps; }\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\");\nvar __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_index__WEBPACK_IMPORTED_MODULE_2__]);\n_index__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];\n\n\n\n\n\n\nconst {\n  ASelectCustom\n} = _index__WEBPACK_IMPORTED_MODULE_2__.FormComp;\nconst {\n  methods,\n  layers\n} = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_3__.getAMapInstance)();\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    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 = layers.setMarker(this.drawIcon, {\n        position: [location.lng, location.lat]\n      });\n      this.$emit('searchChoose', this.searchMarker, searchInfo);\n    },\n    /** 根据搜索框搜索地址 */\n    searchHandle(keyword) {\n      methods.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 */ __webpack_exports__[\"default\"] = (AmapSearch);\n__webpack_async_result__();\n} catch(e) { __webpack_async_result__(e); } }, 1);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/components/AmapSearch/index.jsx?");
+eval("__webpack_require__.a(module, async function (__webpack_handle_async_dependencies__, __webpack_async_result__) { try {\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapSearchProps: function() { return /* binding */ AmapSearchProps; }\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\");\nvar __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_index__WEBPACK_IMPORTED_MODULE_2__]);\n_index__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];\n\n\n\n\n\n\nconst {\n  ASelectCustom\n} = _index__WEBPACK_IMPORTED_MODULE_2__.FormComp;\nconst {\n  methods,\n  layers\n} = await (0,_method_AMap_js__WEBPACK_IMPORTED_MODULE_3__.getAMapInstance)();\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    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 = layers.setMarker(this.drawIcon, {\n        position: [location.lng, location.lat]\n      });\n      this.$emit('searchChoose', this.searchMarker, searchInfo);\n    },\n    /** 根据搜索框搜索地址 */\n    searchHandle(keyword) {\n      methods.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 */ __webpack_exports__[\"default\"] = (AmapSearch);\n__webpack_async_result__();\n} catch(e) { __webpack_async_result__(e); } }, 1);\n\n//# sourceURL=webpack://mui/./plugins/lib/amap/components/AmapSearch/index.jsx?");
 
 /***/ }),
 

package/method/AMap.js

@@ -0,0 +1,347 @@
+// amap-plugin.js
+import AMapLoader from '@amap/amap-jsapi-loader'
+
+let AMapKey = null
+let AMapStyle = null
+let AMapInstance = null
+
+// 安全配置 / 地图样式配置
+export const setAMapSecurity = ({key, style, securityJsCode}) => {
+  AMapKey = key
+  AMapStyle = style
+  /** 设置高德地图密钥 */
+  window.forceWebGL = true
+  window._AMapSecurityConfig = { securityJsCode }
+}
+
+// 核心地图服务类
+class AMapService {
+  constructor(AMap) {
+    this.AMap = AMap
+    this._iconCache = new Map() // 图标缓存
+
+    /** 常用覆盖物 */
+    this.layers = {
+      setIcon: this.setIcon.bind(this),
+      setMarker: this.setMarker.bind(this),
+      setInfoWindow: this._createInfoWindowHandler()
+    } 
+
+    /** 抛出地图常用方法 */ 
+    this.methods = {
+      getMapAddress: this.getMapAddress.bind(this),
+      getMapSearch: this.getMapSearch.bind(this),
+      setMapDriving: this.setMapDriving.bind(this),
+      drawMapAnimation,
+      parseRouteToPath,
+      getOverlayPos
+    }
+
+  }
+
+  /** 初始化地图 */
+  initMap(container, options = {}) {
+    const map = new this.AMap.Map(container, {
+      zoom: 13,
+      zooms: [3, 20],
+      pitch: 30,
+      rotation: -15,
+      viewMode: '3D',
+      mapStyle: AMapStyle,
+      ...options
+    })
+    
+    options.zoomTool && map.addControl(new this.AMap.ToolBar())
+    options.directionTool && map.addControl(new this.AMap.ControlBar())
+    
+    return map
+  }
+
+  /** 格式化地图经纬度 */
+  setLngLat(position) {
+    return new this.AMap.LngLat(position[0], position[1])
+  } 
+
+  /** 创建信息窗口处理器（柯里化函数） */
+  _createInfoWindowHandler() {
+    return (Vue) => {
+      if (!Vue || !Vue.extend) {
+        throw new Error('必须传入有效的Vue构造函数')
+      }
+      
+      return ({component, props, options = {}}) => {
+        if (!component) throw new Error('component参数必填')
+        
+        const InfoWindowComponent = Vue.extend(component)
+        const instance = new InfoWindowComponent({ 
+          propsData: props 
+        }).$mount(document.createElement('div'))
+        
+        return new this.AMap.InfoWindow({
+          isCustom: true,
+          content: instance.$el,
+          ...options
+        })
+      }
+    }
+  }
+
+  /** 带缓存的图标创建方法 */
+  async setIcon(iconUrl) {
+    if (this._iconCache.has(iconUrl)) {
+      return this._iconCache.get(iconUrl)
+    }
+
+    return new Promise((resolve, reject) => {
+      const icon = new this.AMap.Icon({
+        image: iconUrl,
+        imageOffset: new this.AMap.Pixel(0, 0)
+      })
+
+      const img = new Image()
+      img.onload = () => {
+        const size = new this.AMap.Size(img.width, img.height)
+        icon.setSize(size)
+        icon.setImageSize(size)
+        this._iconCache.set(iconUrl, icon)
+        resolve(icon)
+      }
+      img.onerror = () => reject(new Error(`图标加载失败: ${iconUrl}`))
+      img.src = iconUrl
+    })
+  }
+
+  /** 增强的标记点创建方法 */
+  async setMarker(iconUrl, options = {}) { 
+    try {
+      const icon = await this.setIcon(iconUrl)
+      const marker = new this.AMap.Marker({
+        anchor: 'bottom-center',
+        ...options,
+        icon
+      })
+      return marker
+    } catch (error) {
+      console.error('创建标记点失败:', error)
+      throw error
+    }
+  }
+
+  /** 地图逆地理编码 */
+  getMapAddress({longitude, latitude}, callBack) {
+    return new Promise((resolve, reject) => {
+      const geocoder = new this.AMap.Geocoder({
+        city: '全国',
+        extensions: 'all'
+      })
+      
+      geocoder.getAddress([longitude, latitude], (status, result) => {
+        if (status === 'complete' && result.info === 'OK') {
+          const { formattedAddress, pois } = result.regeocode
+          const { district, township } = result.regeocode.addressComponent
+          const division = township && formattedAddress.includes(township) 
+            ? formattedAddress.indexOf(township) + township.length
+            : formattedAddress.indexOf(district) + district.length
+          
+          const addressMsg = {
+            address: formattedAddress.slice(0, division) + (pois[0]?.address || ''),
+            addressInfo: result.regeocode.addressComponent
+          }
+
+          callBack?.(addressMsg)
+          resolve(addressMsg) 
+        } else {
+          reject(new Error('转换失败'))
+        }
+      })
+    })
+  }
+
+  /** 根据地址搜索地图poi点及其他信息 */
+  /**
+   * 
+   * @param {*} keywords 根据关键字搜索
+   * @param {*} callBack 查询成功后过滤信息及转换格式 传递回调函数 兼容老版本代码
+   */
+  getMapSearch(keywords, callBack) {
+    return new Promise((resolve) => {
+      const placeSearch = new this.AMap.PlaceSearch()
+      placeSearch.search(keywords, (status, searchList) => {
+        const options = searchList?.poiList?.pois?.map(node => ({
+          ...node,
+          label: `${node.name}（${node.address}）`
+        })) || []
+        callBack?.(options)
+        resolve(options)
+      })
+    })
+  } 
+
+  /** 道路规划 */
+  /**
+   * 
+   * @param {*} AMapInit 当前地图实例
+   * @param {*} paths 需查询的路径起始点及途径点集合
+   * @param {*} roadOptions 路线规划的其他参数
+   * { paths: 需查询的路径起始点及途径点集合, options: 为查询路线配置项 }
+   * @param {*} callBack 查询成功后回调函数 兼容老版本代码
+   */
+  async setMapDriving(mapInstance, roadOptions, callBack) {
+    const { paths, options = {} } = roadOptions
+    return new Promise((resolve) => {
+      mapInstance.plugin("AMap.Driving", () => {
+        const driving = new this.AMap.Driving({ 
+          map: mapInstance,
+          ...options
+        })
+        
+        driving.search(
+          this.setLngLat(paths[0]),
+          this.setLngLat(paths[paths.length - 1]),
+          { 
+            waypoints: paths.slice(1, -1).map(path => this.setLngLat(path)) 
+          },
+          (status, {routes}) => status === 'complete' && (
+            callBack?.(roadDriving, routes),
+            resolve({ driving, routes })
+          )
+        )
+      })
+    })
+  }
+
+  // 其他方法保持类似改造...
+}
+
+// 获取AMap实例（组件内使用）
+export const getAMapInstance = async (options = {}) => {
+  if (AMapInstance) return AMapInstance
+
+  try {
+    const AMap = await AMapLoader.load({
+      key: AMapKey,
+      version: '2.0',
+      plugins: [
+        'AMap.Geocoder',
+        'AMap.PlaceSearch', // 搜索
+        'AMap.MouseTool', // 鼠标
+        'AMap.ControlBar', // 方向盘
+        'AMap.ToolBar', // 缩放
+        ...(options.plugins || [])
+      ]
+    })
+    AMapInstance = new AMapService(AMap)
+    return AMapInstance
+  } catch (e) {
+    throw new Error(`高德地图加载失败: ${e.message}`)
+  }
+}
+
+// 在 Vue 插件中封装高德地图的初始化和常用方法 
+export default {
+  async install(Vue, options = {}) {
+
+    const amap = await getAMapInstance(options)
+
+    const { AMap, methods, layers } = amap
+    
+    Vue.prototype.$amap = AMap
+
+    /** 初始化地图 */
+    Vue.prototype.$initAMap = (mapOptions, callBack) => {
+      const amapInit = amap.initMap(
+        mapOptions.el, 
+        mapOptions.options || {}
+      )
+      /** 兼容之前版本代码 */
+      callBack?.(amapInit)
+      return amapInit
+    }
+
+    /** 地图加载完成 */
+    Vue.prototype.$amapBus.$emit('onAMapMounted')
+
+    /** 常用覆盖物 */
+    Vue.prototype.$amapLayers = {
+      ...layers,
+      setInfoWindow: layers.setInfoWindow(Vue)
+    }
+  
+    /** 抛出地图常用方法 */ 
+    Vue.prototype.$amapMethods = methods || {}
+
+  }
+}
+
+/** 
+ * 安全获取覆盖物坐标信息 
+ * @param {AMap.Overlay} overlay 地图覆盖物实例
+ * @returns {Array<Array<number>>} 坐标点数组
+ */
+function getOverlayPos(overlay) {
+  if (!overlay) throw new Error('覆盖物实例不存在')
+  
+  try {
+    return overlay.type === 'AMap.Marker' 
+      ? [overlay.getPosition().lng, overlay.getPosition().lat] 
+      : overlay.getPath().map(({lng, lat}) => [lng, lat])
+  } catch (e) {
+    console.error('转换失败', e)
+    return []
+  }
+}
+
+/**
+ * 轨迹动画执行器
+ * @param {AMap.Map} AMapInit 地图实例
+ * @param {AMap.Marker} animationMarker 动画标记物
+ * @param {Array<Array<number>>} paths 路径坐标数组
+ * @param {Object} [options] 动画配置
+ * @param {Function} [callBack] 动画完成回调
+ */
+function drawMapAnimation(AMapInit, animationMarker, paths, options = {}, callBack) {
+  if (!AMapInit || !animationMarker || !paths?.length) {
+    return console.error('缺少参数信息')
+  }
+
+  AMapInit.plugin('AMap.MoveAnimation', () => {
+    const defaultOptions = {
+      duration: 500,
+      autoRotation: true,
+      ...options
+    }
+    
+    animationMarker.moveAlong(paths, defaultOptions)
+    callBack?.(animationMarker)
+  })
+}
+
+/**
+ * 转换导航路线为可绘制路径
+ * @param {AMap.DrivingRoute} route 导航路线对象
+ * @returns {{
+*   path: Array<Array<number>>,
+*   approachPoints: Array<number>
+* }}
+*/
+function parseRouteToPath(route) {
+ if (!route?.steps) return { path: [], approachPoints: [] }
+
+ const result = {
+   path: [],
+   approachPoints: []
+ }
+
+ route.steps.forEach((step, stepIndex) => {
+   step.path.forEach((point, pointIndex) => {
+     result.path.push([point.lng, point.lat])
+     
+     if (step.assistant_action === "到达途经地" && 
+         pointIndex === step.path.length - 1) {
+       result.approachPoints.push(result.path.length - 1)
+     }
+   })
+ })
+
+ return result
+}

package/method/Dialog.js

@@ -0,0 +1,134 @@
+import Modal from 'ant-design-vue/es/modal'
+import {Brower} from './lib/index.js'
+
+const defaultComponents = {
+  Brower
+}
+
+export default Vue => {
+  function dialog(component, componentProps, modalProps) {
+    const _vm = this
+    if (!_vm || !_vm._isVue) {
+      return
+    }
+    let dialogDiv = document.querySelector('body>div[type=dialog]')
+    if (!dialogDiv) {
+      dialogDiv = document.createElement('div')
+      dialogDiv.setAttribute('type', 'dialog')
+      document.body.appendChild(dialogDiv)
+    } 
+
+    const handle = function (checkFunction, afterHandel) {
+      if (checkFunction instanceof Function) {
+        const res = checkFunction()
+        if (res instanceof Promise) {
+          res.then(c => {
+            c && afterHandel()
+          })
+        } else {
+          res && afterHandel()
+        }
+      } else {
+        // checkFunction && afterHandel()
+        checkFunction || afterHandel()
+      }
+    }
+
+    const dialogInstance = new Vue({
+      data() {
+        return {
+          visible: true
+        }
+      },
+      router: _vm.$router,
+      store: _vm.$store,
+      mounted() {
+        this.$on('close', () => {
+          this.handleClose()
+        })
+      },
+      methods: {
+        handleClose() {
+          handle(this.$refs._component.onCancel, () => {
+            this.visible = false
+            this.$refs._component.$emit('close')
+            this.$refs._component.$emit('cancel')
+            dialogInstance.$destroy()
+          })
+        },
+        handleOk() {
+          handle(this.$refs._component.onOK || this.$refs._component.onOk, () => {
+            this.visible = false
+            this.$refs._component.$emit('close')
+            this.$refs._component.$emit('ok')
+            dialogInstance.$destroy()
+          })
+        }
+      },
+      render: function (h) {
+        const that = this
+        const modalModel = modalProps && modalProps.model
+        if (modalModel) {
+          delete modalProps.model
+        }
+        const ModalProps = Object.assign({}, (modalModel && { model: modalModel }) || {}, {
+          attrs: Object.assign(
+            {},
+            {
+              ...(modalProps.attrs || modalProps)
+            },
+            {
+              visible: this.visible
+            }
+          ),
+          on: Object.assign(
+            {},
+            {
+              ...(modalProps.on || modalProps)
+            },
+            {
+              ok: () => {
+                that.handleOk()
+              },
+              cancel: () => {
+                that.handleClose()
+              }
+            }
+          )
+        })
+
+        const componentModel = componentProps && componentProps.model
+        if (componentModel) {
+          delete componentProps.model
+        }
+        const ComponentProps = Object.assign({}, (componentModel && { model: componentModel }) || {}, {
+          ref: '_component',
+          attrs: Object.assign(
+            {},
+            {
+              ...((componentProps && componentProps.attrs) || componentProps)
+            }
+          ),
+          on: Object.assign(
+            {},
+            {
+              ...((componentProps && componentProps.on) || componentProps)
+            }
+          )
+        })
+
+        const componentContent = component instanceof String ? defaultComponents[ component ] : component
+
+        return h(Modal, ModalProps, [h(componentContent, ComponentProps)])
+      }
+    }).$mount(dialogDiv) 
+  }
+
+  Object.defineProperty(Vue.prototype, '$dialog', {
+    get: () => {
+      return function () {
+        dialog.apply(this, arguments)
+      }
+    }
+  })
+}

package/method/PageLoading.jsx

@@ -0,0 +1,106 @@
+import { Spin } from 'ant-design-vue'
+
+export const PageLoading = {
+  name: 'PageLoading',
+  props: {
+    tip: {
+      type: String,
+      default: 'Loading..'
+    },
+    size: {
+      type: String,
+      default: 'large'
+    }
+  },
+  render () {
+    const style = {
+      textAlign: 'center',
+      background: 'rgba(0,0,0,0.6)',
+      position: 'fixed',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      zIndex: 1100
+    } 
+    const spinStyle = {
+      position: 'absolute',
+      left: '50%',
+      top: '40%',
+      transform: 'translate(-50%, -50%)'
+    }
+    return (<div style={style}>
+      <Spin size={this.size} style={spinStyle} tip={this.tip} />
+    </div>)
+  }
+}
+
+const version = '0.0.1'
+const loading = {}
+
+loading.newInstance = (Vue, options) => {
+  let loadingElement = document.querySelector('body>div[type=loading]')
+  if (!loadingElement) {
+    loadingElement = document.createElement('div')
+    loadingElement.setAttribute('type', 'loading')
+    loadingElement.setAttribute('class', 'ant-loading-wrapper')
+    document.body.appendChild(loadingElement)
+  }
+
+  const cdProps = Object.assign({ visible: false, size: 'large', tip: 'Loading...' }, options)
+
+  const instance = new Vue({
+    data () {
+      return {
+        ...cdProps
+      }
+    },
+    render () {
+      const { tip } = this
+      const props = {}
+      this.tip && (props.tip = tip)
+      if (this.visible) {
+        return <PageLoading { ...{ props } } />
+      }
+      return null
+    }
+  }).$mount(loadingElement)
+
+  function update (config) {
+    const { visible, size, tip } = { ...cdProps, ...config }
+    instance.$set(instance, 'visible', visible)
+    if (tip) {
+      instance.$set(instance, 'tip', tip)
+    }
+    if (size) {
+      instance.$set(instance, 'size', size)
+    }
+  }
+
+  return {
+    instance,
+    update
+  }
+}
+
+const api = {
+  show: function (options) {
+    this.instance.update({ ...options, visible: true })
+  },
+  hide: function () {
+    this.instance.update({ visible: false })
+  }
+}
+
+const install = function (Vue, options) {
+  if (Vue.prototype.$loading) {
+    return
+  }
+  api.instance = loading.newInstance(Vue, options)
+  Vue.prototype.$loading = api
+}
+
+export default {
+  version,
+  install
+}

package/method/Theme.js

@@ -0,0 +1,88 @@
+import {toggleTheme} from "@zougt/theme-css-extract-webpack-plugin/dist/toggleTheme"
+
+import message from 'ant-design-vue/es/message'
+
+const watchTheme = {
+    created() {
+        /** 全局添加标志变量来控制是否已经添加过监听器 */
+        if (!window._storageListenerAdded) {
+            /** 监听storage变化 */
+            window.addEventListener('storage', this.handleStorageChange)
+            window._storageListenerAdded = true
+        }
+    },
+    methods: {
+        handleStorageChange(event) {
+            // console.log('Storage changed:', event.newValue)
+            /** 判断是否为主题key更改并执行资源切换 */
+            event.key === 'projectTheme' && this.$setTheme(event.newValue)
+        }
+    },
+    beforeDestroy() {
+        /** 销毁标志变量及监听器 */
+        if (window._storageListenerAdded) {
+            window.removeEventListener('storage', this.handleStorageChange)
+            window._storageListenerAdded = false
+        }
+    }
+}
+
+export default {
+    install(Vue) {
+        /** 判断是否属于内嵌项目 */
+        const isHas = window.parent !== window
+
+        Vue.prototype.$setTheme = function(theme) {
+            /** 子项目则只需切换主题资源 */
+            if(isHas) {
+                return ToggleThemeSource(theme)
+            }
+            ToggleTheme(theme)
+        }
+        /** 子项目需挂载监听主题变化自动执行切换 */
+        isHas && Vue.mixin(watchTheme) 
+
+        /** 切换当前主题 */
+        function ToggleTheme(scopeName) {
+            /** 切换主题loading */
+            const hideMessage = message.loading('正在切换主题！', 0)
+
+            ToggleThemeSource(scopeName)
+
+            const loadingTimer=setTimeout(() => {
+              hideMessage()
+              clearTimeout(loadingTimer)
+            }, 10)
+
+            Vue.prototype.$store.commit('SET_THEME',scopeName)
+        }
+
+        /** 切换主题资源 */
+        function ToggleThemeSource(scopeName) {
+            /** 获取初始配置项 */
+            // env.themeConfig 来源 vue.config.js define (webpack的DefinePlugin)
+            const themeConfig = env.themeConfig
+            /** 主题配置
+             *  @scopeName 名称
+             *  @multipleScopeVars 主题项
+             *  @extract 是否提取
+             *  @publicPath 资源输出路径
+             *  @outputDir 提取的 css 文件存放目录
+             */ 
+            toggleTheme({ 
+              scopeName: `theme-${scopeName}`,
+              multipleScopeVars: themeConfig.multipleScopeVars,
+              extract: themeConfig.extract,
+              publicPath: themeConfig.publicPath,
+              outputDir: themeConfig.extractCssOutputDir
+            })
+
+            /** 加载主题对应样式文件 */
+            // const requireLess = require.context('@/theme/styles', false, /\.less$/)
+            // requireLess(`./${scopeName}.less`)
+            let themeLink = document.getElementById('theme-stylesheet')
+            themeLink.href = `${process.env.BASE_URL}static/style/${scopeName}.css`
+        }
+
+    }
+}

package/method/index.js

@@ -0,0 +1,12 @@
+/** 全局便捷弹出框 */
+import Dialog from "./Dialog"
+/** 全局页面加载框 */
+import PageLoading from "./PageLoading"
+
+/** 加载便捷弹窗等 */
+export default {
+    install(Vue) {
+      Vue.use(Dialog)
+      Vue.use(PageLoading)  
+    }
+}

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "web-component-gallery",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [
     "dist",
     "plugins",
     "lib",
-    "utils"
+    "utils",
+    "method"
   ],
   "scripts": {
     "serve": "vue-cli-service serve",

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 { getAMapInstance } from '@/method/AMap.js'
+import { getAMapInstance } from '../../method/AMap.js'
 
 const amap = await getAMapInstance()
 const { AMap, methods, layers } = amap

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

@@ -1,6 +1,6 @@
 import PropTypes from 'ant-design-vue/es/_util/vue-types'
 import {FormComp, Button} from '../../../index'
-import {getAMapInstance} from '@/method/AMap.js'
+import {getAMapInstance} from '../../../../method/AMap.js'
 
 import './index.less'