web-component-gallery 1.1.7 → 1.1.9

package/dist/amap.umd.js

@@ -8725,7 +8725,7 @@ eval("/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source cod
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: 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 _components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_1__ = __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_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _AmapDraw_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AmapDraw.less */ \"./plugins/lib/amap/AmapDraw.less\");\n\n\n\n\nconst AmapDrawProps = {\n  /** drawEl为地图容器实例名称 */\n  drawEl: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"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_3__[\"default\"].string.def('point'),\n  /** 绘制图标 （只在point类型下生效 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].any.def('http://qxfa.tpddns.cn:8090/poi/poi-marker-default.png'),\n  /** drawCount为绘制物绘制个数 */\n  drawCount: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].number.def(1),\n  /** drawOptions为绘制物配置项 */\n  drawOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object.def({}),\n  /** drawInfo为绘制物信息 */\n  drawInfo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array]),\n  /** drawInfoAll为所有不同类型绘制物信息(用于回显地图图层)\r\n   *  格式: { point: ([]||{}), line: ([]||{}) }\r\n   */\n  drawInfoAll: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object,\n  /** 限制区域 */\n  drawLimitArea: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string]),\n  /** 限制区域样式配置 */\n  drawLimitAreaOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object.def({}),\n  /** 是否为纯地图展示数据 */\n  isExhibition: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"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    const timer = setTimeout(() => {\n      this.$initAMap({\n        el: this.drawEl\n      }, amap => {\n        this.amap = amap;\n        this.buttonProps = [].concat(this.drawButtonProps);\n        this.echoDrawLayers(this.drawType);\n        /** 如果有限制区域，则描绘在地图上 */\n        this.drawLimitArea && this.setDrawLimitArea();\n        clearTimeout(timer);\n      });\n    }, 60);\n  },\n  destroyed() {\n    this.AmapDrawClear();\n  },\n  methods: {\n    /** 绘制 */\n    AmapDraw() {\n      this.buttonProps = [].concat(this.saveButtonProps);\n      this.drawMouseTool = new this.$amap.MouseTool(this.amap);\n      this.AmapDrawClear();\n      this.setDrawLayers(this.drawType);\n      this.drawMouseTool.on('draw', ({\n        obj\n      }) => {\n        if (this.drawArea && !this[`is${this.drawType}InRing`](obj)) return this.amap.remove(obj), this.$message.error('未在范围内描绘！');\n        /** 暂未支持一次性绘制多个 */\n        this.drawCount > 1 ? (this.drawLayers = this.drawLayers || [], this.drawLayers.push(obj)) : this.drawLayers = obj;\n        if (this.drawLayers && (this.drawLayers.length == this.drawCount || this.drawCount == 1)) {\n          return this.drawMouseTool.close();\n        }\n      });\n    },\n    /** 清空绘制 / 清空搜索 */\n    AmapDrawClear() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && this.amap.remove(layerItem));\n      // this.amap.clearMap()\n      this.drawLayers = null;\n      this.drawLayersInfo = {};\n    },\n    /** 保存当前绘制 */\n    AmapDrawSave() {\n      this.assignDrawLayers(this.drawType);\n      this.buttonProps = [].concat(this.drawButtonProps);\n    },\n    /** 取消当前绘制 */\n    AmapDrawReset() {\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.AmapDrawClear();\n    },\n    /** 搜索地址 */\n    searchChoose(searchMarker, searchInfo) {\n      this.AmapDrawClear();\n      searchMarker.setMap(this.amap);\n      this.amap.setZoomAndCenter(15, searchMarker.getPosition());\n      this.drawType == 'point' && (this.drawLayersInfo = searchInfo);\n      // this.$emit('getAMapLayersInfo', this.drawLayersInfo)\n    },\n    /** 检测覆盖物配置信息并同步 */\n    setOverlayOptions(options) {\n      if (!this.drawLayers) return;\n      this.drawCount > 1 ? this.drawLayers.forEach(drawItem => drawItem.setOptions(options)) : this.drawLayers.setOptions(options);\n    },\n    /** 绘制限定区域 */\n    setDrawLimitArea() {\n      let areaRange = [];\n      try {\n        areaRange = JSON.parse(this.drawLimitArea);\n      } catch {\n        areaRange = this.drawLimitArea;\n      }\n      this.drawArea && this.amap.remove(this.drawArea);\n      /** 判断目前地图上存在的所绘制覆盖物是否在限制范围内 */\n      this.setMapArea(areaRange);\n      this.judgeOverlays();\n    },\n    /** 绘制地图区域范围 */\n    setMapArea(jurisdictionRange) {\n      this.drawArea = new this.$amap.Polygon({\n        map: this.amap,\n        path: jurisdictionRange,\n        extData: 'Area',\n        strokeWeight: 6,\n        ...this.drawLimitAreaOptions\n      });\n      const {\n        lng,\n        lat\n      } = this.drawArea.getBounds().getCenter();\n      this.amap.setZoomAndCenter(15, [lng, lat]);\n    },\n    /** 判断一个线段是否在面内 */\n    islineInRing(polyline) {\n      const paths = polyline.getPath();\n      return paths.every(pointItem => this.ispointInRing(pointItem));\n    },\n    /** 判断一个点是否在面内 */\n    ispointInRing(point) {\n      let position;\n      try {\n        position = point.getPosition();\n      } catch {\n        position = point;\n      }\n      return this.$amap.GeometryUtil.isPointInRing(position, this.drawArea.getPath());\n    },\n    /** 判断地图上所覆盖物是否在限制范围内 */\n    judgeOverlays() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && !this[`is${this.drawType}InRing`](layerItem) && this.removeOverlay(layerItem));\n    },\n    /** 清除单个覆盖物（或 不符合区域范围的覆盖物 */\n    removeOverlay(layerItem) {\n      this.amap.remove(layerItem);\n      this.$message.error('未在区域范围内,请重新描绘！');\n      try {\n        const i = this.drawLayers.findIndex(layer => layer.getExtData() == layerItem.getExtData());\n        this.drawLayers.splice(i, 1);\n      } catch {\n        this.drawLayers = null;\n        this.drawLayersInfo = {};\n      }\n    },\n    /** 根据类型处理不同数据 */\n    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: this.$amapLayers.setIcon(this.drawIcon)\n      } : {\n        strokeWeight: 8\n      };\n      this.drawMouseTool[type[drawType]]({\n        ...drawOptions,\n        ...this.drawOptions\n      });\n    },\n    /** 赋值不同图层数据 */\n    assignDrawLayers(drawType) {\n      if (drawType == 'point') {\n        const {\n          lng,\n          lat\n        } = this.drawLayers.getPosition();\n        const position = {\n          longitude: lng,\n          latitude: lat\n        };\n        this.$amapMethods.getMapAddress(position, address => {\n          this.drawLayersInfo = {\n            ...position,\n            ...address\n          };\n        });\n        return;\n      }\n      const range = this.drawLayers.getPath().map(({\n        lng,\n        lat\n      }) => [lng, lat]);\n      this.drawLayersInfo = {\n        range\n      };\n    },\n    /** 回显不同类型图层 */\n    echoDrawLayers(drawType) {\n      const drawLayersItem = (drawItem, type, i = 0) => {\n        if (drawItem && drawItem.latitude && drawItem.longitude && 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 = this.$amapLayers.setMarker(this.drawIcon, {\n              position: [longitude, latitude],\n              ...setOptions\n            });\n          } else {\n            const options = {\n              path: range,\n              strokeWeight: 8,\n              ...setOptions\n            };\n            layersItem = type == 'line' ? new this.$amap.Polyline(options) : new this.$amap.Polygon(options);\n          }\n          layersItem.setMap(this.amap);\n          this.amap.setFitView();\n        }\n      };\n      if (!this.isExhibition) {\n        drawLayersItem(this.drawLayersInfo, drawType);\n        return;\n      }\n      if (this.drawInfoAll) {\n        for (let key in this.drawInfoAll) {\n          const isArray = Array.isArray(this.drawInfoAll[key]);\n          isArray ? this.drawInfoAll[key].forEach((drawItem, i) => {\n            drawLayersItem(drawItem, key, i);\n          }) : drawLayersItem(this.drawInfoAll[key], key);\n        }\n        return;\n      }\n      drawLayersItem(this.drawLayersInfo, drawType);\n    }\n  },\n  render(h) {\n    const {\n      drawEl,\n      drawIcon,\n      buttonProps,\n      isExhibition,\n      AmapDrawClear,\n      searchChoose\n    } = this;\n    return h(\"div\", {\n      \"class\": \"AmapDraw\"\n    }, [!isExhibition && h(_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_1__[\"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\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: 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 _components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_1__ = __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_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _AmapDraw_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AmapDraw.less */ \"./plugins/lib/amap/AmapDraw.less\");\n\n\n\n\nconst AmapDrawProps = {\n  /** drawEl为地图容器实例名称 */\n  drawEl: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"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_3__[\"default\"].string.def('point'),\n  /** 绘制图标 （只在point类型下生效 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].any.def('http://qxfa.tpddns.cn:8090/poi/poi-marker-default.png'),\n  /** drawCount为绘制物绘制个数 */\n  drawCount: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].number.def(1),\n  /** drawOptions为绘制物配置项 */\n  drawOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object.def({}),\n  /** drawInfo为绘制物信息 */\n  drawInfo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array]),\n  /** drawInfoAll为所有不同类型绘制物信息(用于回显地图图层)\r\n   *  格式: { point: ([]||{}), line: ([]||{}) }\r\n   */\n  drawInfoAll: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object,\n  /** 限制区域 */\n  drawLimitArea: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string]),\n  /** 限制区域样式配置 */\n  drawLimitAreaOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object.def({}),\n  /** 是否为纯地图展示数据 */\n  isExhibition: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"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    const timer = setTimeout(() => {\n      this.$initAMap({\n        el: this.drawEl\n      }, amap => {\n        this.amap = amap;\n        this.buttonProps = [].concat(this.drawButtonProps);\n        this.echoDrawLayers(this.drawType);\n        /** 如果有限制区域，则描绘在地图上 */\n        this.drawLimitArea && this.setDrawLimitArea();\n        clearTimeout(timer);\n      });\n    }, 600);\n  },\n  destroyed() {\n    this.AmapDrawClear();\n  },\n  methods: {\n    /** 绘制 */\n    AmapDraw() {\n      this.buttonProps = [].concat(this.saveButtonProps);\n      this.drawMouseTool = new this.$amap.MouseTool(this.amap);\n      this.AmapDrawClear();\n      this.setDrawLayers(this.drawType);\n      this.drawMouseTool.on('draw', ({\n        obj\n      }) => {\n        if (this.drawArea && !this[`is${this.drawType}InRing`](obj)) return this.amap.remove(obj), this.$message.error('未在范围内描绘！');\n        /** 暂未支持一次性绘制多个 */\n        this.drawCount > 1 ? (this.drawLayers = this.drawLayers || [], this.drawLayers.push(obj)) : this.drawLayers = obj;\n        if (this.drawLayers && (this.drawLayers.length == this.drawCount || this.drawCount == 1)) {\n          return this.drawMouseTool.close();\n        }\n      });\n    },\n    /** 清空绘制 / 清空搜索 */\n    AmapDrawClear() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && this.amap.remove(layerItem));\n      // this.amap.clearMap()\n      this.drawLayers = null;\n      this.drawLayersInfo = {};\n    },\n    /** 保存当前绘制 */\n    AmapDrawSave() {\n      this.assignDrawLayers(this.drawType);\n      this.buttonProps = [].concat(this.drawButtonProps);\n    },\n    /** 取消当前绘制 */\n    AmapDrawReset() {\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.AmapDrawClear();\n    },\n    /** 搜索地址 */\n    searchChoose(searchMarker, searchInfo) {\n      this.AmapDrawClear();\n      searchMarker.setMap(this.amap);\n      this.amap.setZoomAndCenter(15, searchMarker.getPosition());\n      this.drawType == 'point' && (this.drawLayersInfo = searchInfo);\n      // this.$emit('getAMapLayersInfo', this.drawLayersInfo)\n    },\n    /** 检测覆盖物配置信息并同步 */\n    setOverlayOptions(options) {\n      if (!this.drawLayers) return;\n      this.drawCount > 1 ? this.drawLayers.forEach(drawItem => drawItem.setOptions(options)) : this.drawLayers.setOptions(options);\n    },\n    /** 绘制限定区域 */\n    setDrawLimitArea() {\n      let areaRange = [];\n      try {\n        areaRange = JSON.parse(this.drawLimitArea);\n      } catch {\n        areaRange = this.drawLimitArea;\n      }\n      this.drawArea && this.amap.remove(this.drawArea);\n      /** 判断目前地图上存在的所绘制覆盖物是否在限制范围内 */\n      this.setMapArea(areaRange);\n      this.judgeOverlays();\n    },\n    /** 绘制地图区域范围 */\n    setMapArea(jurisdictionRange) {\n      this.drawArea = new this.$amap.Polygon({\n        map: this.amap,\n        path: jurisdictionRange,\n        extData: 'Area',\n        strokeWeight: 6,\n        ...this.drawLimitAreaOptions\n      });\n      const {\n        lng,\n        lat\n      } = this.drawArea.getBounds().getCenter();\n      this.amap.setZoomAndCenter(15, [lng, lat]);\n    },\n    /** 判断一个线段是否在面内 */\n    islineInRing(polyline) {\n      const paths = polyline.getPath();\n      return paths.every(pointItem => this.ispointInRing(pointItem));\n    },\n    /** 判断一个点是否在面内 */\n    ispointInRing(point) {\n      let position;\n      try {\n        position = point.getPosition();\n      } catch {\n        position = point;\n      }\n      return this.$amap.GeometryUtil.isPointInRing(position, this.drawArea.getPath());\n    },\n    /** 判断地图上所覆盖物是否在限制范围内 */\n    judgeOverlays() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && !this[`is${this.drawType}InRing`](layerItem) && this.removeOverlay(layerItem));\n    },\n    /** 清除单个覆盖物（或 不符合区域范围的覆盖物 */\n    removeOverlay(layerItem) {\n      this.amap.remove(layerItem);\n      this.$message.error('未在区域范围内,请重新描绘！');\n      try {\n        const i = this.drawLayers.findIndex(layer => layer.getExtData() == layerItem.getExtData());\n        this.drawLayers.splice(i, 1);\n      } catch {\n        this.drawLayers = null;\n        this.drawLayersInfo = {};\n      }\n    },\n    /** 根据类型处理不同数据 */\n    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: this.$amapLayers.setIcon(this.drawIcon)\n      } : {\n        strokeWeight: 8\n      };\n      this.drawMouseTool[type[drawType]]({\n        ...drawOptions,\n        ...this.drawOptions\n      });\n    },\n    /** 赋值不同图层数据 */\n    assignDrawLayers(drawType) {\n      if (drawType == 'point') {\n        const {\n          lng,\n          lat\n        } = this.drawLayers.getPosition();\n        const position = {\n          longitude: lng,\n          latitude: lat\n        };\n        this.$amapMethods.getMapAddress(position, address => {\n          this.drawLayersInfo = {\n            ...position,\n            ...address\n          };\n        });\n        return;\n      }\n      const range = this.drawLayers.getPath().map(({\n        lng,\n        lat\n      }) => [lng, lat]);\n      this.drawLayersInfo = {\n        range\n      };\n    },\n    /** 回显不同类型图层 */\n    echoDrawLayers(drawType) {\n      const drawLayersItem = (drawItem, type, i = 0) => {\n        if (drawItem && drawItem.latitude && drawItem.longitude && 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 = this.$amapLayers.setMarker(this.drawIcon, {\n              position: [longitude, latitude],\n              ...setOptions\n            });\n          } else {\n            const options = {\n              path: range,\n              strokeWeight: 8,\n              ...setOptions\n            };\n            layersItem = type == 'line' ? new this.$amap.Polyline(options) : new this.$amap.Polygon(options);\n          }\n          layersItem.setMap(this.amap);\n          this.amap.setFitView();\n        }\n      };\n      if (!this.isExhibition) {\n        drawLayersItem(this.drawLayersInfo, drawType);\n        return;\n      }\n      if (this.drawInfoAll) {\n        for (let key in this.drawInfoAll) {\n          const isArray = Array.isArray(this.drawInfoAll[key]);\n          isArray ? this.drawInfoAll[key].forEach((drawItem, i) => {\n            drawLayersItem(drawItem, key, i);\n          }) : drawLayersItem(this.drawInfoAll[key], key);\n        }\n        return;\n      }\n      drawLayersItem(this.drawLayersInfo, drawType);\n    }\n  },\n  render(h) {\n    const {\n      drawEl,\n      drawIcon,\n      buttonProps,\n      isExhibition,\n      AmapDrawClear,\n      searchChoose\n    } = this;\n    return h(\"div\", {\n      \"class\": \"AmapDraw\"\n    }, [!isExhibition && h(_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_1__[\"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\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
 
 /***/ }),
 
@@ -8868,7 +8868,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events.js */ \"./plugins/lib/iframe/events.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/iframe/index.less\");\n\n\n\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('linkUrl'),\n  operatesArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  props: IframeContainerProps,\n  data() {\n    return {\n      componentAdd: true,\n      modalComponents: {}\n    };\n  },\n  render(h, content) {\n    const {\n      $props,\n      modalComponents\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      componentsArr\n    } = $props;\n    const IframeComponents = componentsArr.map(componentItem => {\n      const isActive = activeKey === componentItem[checkedKey];\n      return this.getIframeComponent(componentItem, isActive);\n    });\n    const modalKeys = Object.keys(modalComponents);\n    const ModalOperates = modalKeys.map(modalKey => {\n      return h(_modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n        \"props\": {\n          ...{\n            ...modalComponents[modalKey],\n            cancelHandle: () => this.closeModalHandle(modalKey)\n          }\n        }\n      }, [this.getIframeComponent(modalComponents[modalKey], true)]);\n    });\n    return h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents, ModalOperates]);\n  },\n  watch: {\n    activeKey(newVal) {\n      this.modalComponents = {};\n    },\n    componentsArr: {\n      handler(newVal, oldVal) {\n        this.componentAdd = newVal.length > oldVal.length;\n        this.postCompMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage,\n        componentsArr\n      } = this;\n      return {\n        activeKey,\n        postMessage,\n        componentsArr\n      };\n    }\n  },\n  created() {\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalOpen', ({\n      name,\n      params\n    }) => {\n      const activeModal = this.switchModalHandle(name, params);\n      activeModal && (this.componentAdd = true, this.$set(this.modalComponents, name, {\n        mode: params.mode,\n        visible: true,\n        ...activeModal\n      }));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalClose', ({\n      name,\n      params\n    }) => {\n      this.closeModalHandle(name);\n      params && (this.componentAdd = false, this.postCompMessage(params));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.componentAdd = false;\n      this.closeModalHandle(closeModal);\n      this.switchModalHandle(name, params);\n    });\n  },\n  mounted() {\n    // this.postCompMessage()\n  },\n  methods: {\n    postCompMessage(data = {}) {\n      const {\n        componentsArr,\n        activeKey,\n        postMessage\n      } = this;\n      componentsArr.length && this.postIframeMessage(componentsArr, {\n        type: 'refreshPage',\n        activeKey,\n        data\n      });\n    },\n    closeModalHandle(name) {\n      this.modalComponents[name].visible = false;\n      delete this.modalComponents[name];\n    },\n    switchModalHandle(name, data) {\n      const {\n        operatesArr,\n        checkedKey\n      } = this;\n      const activeModal = operatesArr.find(operatesItem => operatesItem[checkedKey] === name);\n      activeModal && this.postIframeMessage(operatesArr, {\n        type: 'refreshModal',\n        activeKey: name,\n        data\n      });\n      return activeModal;\n    },\n    postIframeMessage(components, iframeConfig) {\n      const {\n        type,\n        activeKey,\n        data = {}\n      } = iframeConfig;\n      this.$nextTick(() => {\n        const {\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = components.find(componentsItem => activeKey === componentsItem[checkedKey])[linkurlKey];\n        const isModal = refKey.includes('?type=modal');\n        const iframeRef = () => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          this.componentAdd ? iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          } : iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n        };\n        if (isModal) {\n          const timer = setTimeout(() => {\n            iframeRef();\n            clearTimeout(timer);\n          }, 0);\n          return;\n        }\n        iframeRef();\n      });\n    },\n    getIframeComponent(componentItem, isActive) {\n      const h = this.$createElement;\n      const {\n        linkurlKey,\n        checkedKey\n      } = this;\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: isActive ? 'block' : 'none'\n        }\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.prototype.$IframeBus = _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"];\n  Vue.component('IframePage', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events.js */ \"./plugins/lib/iframe/events.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/iframe/index.less\");\n\n\n\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('linkUrl'),\n  operatesArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  props: IframeContainerProps,\n  data() {\n    return {\n      componentAdd: true,\n      modalComponents: {}\n    };\n  },\n  render(h, content) {\n    const {\n      $props,\n      modalComponents\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      componentsArr\n    } = $props;\n    const IframeComponents = componentsArr.map(componentItem => {\n      const isActive = activeKey === componentItem[checkedKey];\n      return this.getIframeComponent(componentItem, isActive);\n    });\n    const modalKeys = Object.keys(modalComponents);\n    const ModalOperates = modalKeys.map(modalKey => {\n      return h(_modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n        \"props\": {\n          ...{\n            ...modalComponents[modalKey],\n            cancelHandle: () => this.closeModalHandle(modalKey)\n          }\n        }\n      }, [this.getIframeComponent(modalComponents[modalKey], true)]);\n    });\n    return h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents, ModalOperates]);\n  },\n  watch: {\n    activeKey(newVal) {\n      this.modalComponents = {};\n    },\n    componentsArr: {\n      handler(newVal, oldVal) {\n        this.componentAdd = newVal.length > oldVal.length;\n        this.postCompMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage,\n        componentsArr\n      } = this;\n      return {\n        activeKey,\n        postMessage,\n        componentsArr\n      };\n    }\n  },\n  created() {\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalOpen', ({\n      name,\n      params\n    }) => {\n      const activeModal = this.switchModalHandle(name, params);\n      activeModal && (this.componentAdd = true, this.$set(this.modalComponents, name, {\n        mode: params.mode,\n        visible: true,\n        ...activeModal\n      }));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalClose', ({\n      name,\n      params\n    }) => {\n      this.closeModalHandle(name);\n      params && (this.componentAdd = false, this.postCompMessage(params));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.componentAdd = false;\n      this.closeModalHandle(closeModal);\n      this.switchModalHandle(name, params);\n    });\n  },\n  mounted() {\n    // this.postCompMessage()\n  },\n  methods: {\n    postCompMessage(data = {}) {\n      const {\n        componentsArr,\n        activeKey,\n        postMessage\n      } = this;\n      componentsArr.length && this.postIframeMessage(componentsArr, {\n        type: 'refreshPage',\n        activeKey,\n        data\n      });\n    },\n    closeModalHandle(name) {\n      this.modalComponents[name].visible = false;\n      delete this.modalComponents[name];\n    },\n    switchModalHandle(name, data) {\n      const {\n        operatesArr,\n        checkedKey\n      } = this;\n      const activeModal = operatesArr.find(operatesItem => operatesItem[checkedKey] === name);\n      activeModal && this.postIframeMessage(operatesArr, {\n        type: 'refreshModal',\n        activeKey: name,\n        data\n      });\n      return {\n        ...activeModal,\n        ...(data.attrs ?? {})\n      };\n    },\n    postIframeMessage(components, iframeConfig) {\n      const {\n        type,\n        activeKey,\n        data = {}\n      } = iframeConfig;\n      this.$nextTick(() => {\n        const {\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = components.find(componentsItem => activeKey === componentsItem[checkedKey])[linkurlKey];\n        const isModal = refKey.includes('?type=modal');\n        const iframeRef = () => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          this.componentAdd ? iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          } : iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n        };\n        if (isModal) {\n          const timer = setTimeout(() => {\n            iframeRef();\n            clearTimeout(timer);\n          }, 0);\n          return;\n        }\n        iframeRef();\n      });\n    },\n    getIframeComponent(componentItem, isActive) {\n      const h = this.$createElement;\n      const {\n        linkurlKey,\n        checkedKey\n      } = this;\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: isActive ? 'block' : 'none'\n        }\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.prototype.$IframeBus = _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"];\n  Vue.component('IframePage', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
 
 /***/ }),
 
@@ -9033,7 +9033,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/modal */ \"./node_modules/ant-design-vue/es/modal/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/modal/index.less\");\n\n\n\nconst ModalProps = {\n  mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('small'),\n  title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('标题'),\n  visible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bool.def(false),\n  cancelHandle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].func\n};\nconst ModalComp = {\n  name: 'ModalComp',\n  props: ModalProps,\n  functional: true,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const attrs = {\n      width: null,\n      footer: null,\n      keyboard: false,\n      maskClosable: false\n    };\n    return h(ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"props\": {\n        ...props\n      },\n      \"attrs\": {\n        ...attrs,\n        \"wrapClassName\": `AntModal__${props.mode}`\n      },\n      \"on\": {\n        ...{\n          cancel: props.cancelHandle\n        }\n      }\n    }, [children]);\n  },\n  mounted() {},\n  methods: {}\n};\nModalComp.install = function (Vue) {\n  Vue.component('ModalComp', ModalComp);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModalComp);\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/modal */ \"./node_modules/ant-design-vue/es/modal/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/modal/index.less\");\n\n\n\nconst ModalProps = {\n  mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('small'),\n  title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('标题'),\n  visible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bool.def(false),\n  cancelHandle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].func,\n  attrs: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].object.def({})\n};\nconst ModalComp = {\n  name: 'ModalComp',\n  props: ModalProps,\n  functional: true,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const attrs = Object.assign({\n      width: null,\n      footer: null,\n      keyboard: false,\n      maskClosable: false\n    }, props.attrs);\n    delete props.attrs;\n    props.mode == 'screen' && delete props.title;\n    return h(ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"props\": {\n        ...props\n      },\n      \"attrs\": {\n        ...attrs,\n        \"wrapClassName\": `AntModal__${props.mode}`\n      },\n      \"on\": {\n        ...{\n          cancel: props.cancelHandle\n        }\n      }\n    }, [children]);\n  },\n  mounted() {},\n  methods: {}\n};\nModalComp.install = function (Vue) {\n  Vue.component('ModalComp', ModalComp);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModalComp);\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.jsx?");
 
 /***/ }),
 
@@ -9340,7 +9340,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.AntModal__small .ant-modal {\\n  width: 712px;\\n  height: 640px;\\n}\\n.AntModal__middle .ant-modal {\\n  width: 1104px;\\n  height: 848px;\\n}\\n.AntModal__large .ant-modal {\\n  width: 1600px;\\n  height: 848px;\\n}\\n.AntModal__max .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.ant-modal-content {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.ant-modal-body {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.AntModal__small .ant-modal {\\n  width: 712px;\\n  height: 640px;\\n}\\n.AntModal__middle .ant-modal {\\n  width: 1104px;\\n  height: 848px;\\n}\\n.AntModal__large .ant-modal {\\n  width: 1600px;\\n  height: 848px;\\n}\\n.AntModal__max .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.AntModal__screen .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.AntModal__screen .ant-modal-body {\\n  padding: 0;\\n}\\n.ant-modal-content {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.ant-modal-body {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8725,7 +8725,7 @@ eval("/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source cod
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: 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 _components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_1__ = __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_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _AmapDraw_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AmapDraw.less */ \"./plugins/lib/amap/AmapDraw.less\");\n\n\n\n\nconst AmapDrawProps = {\n  /** drawEl为地图容器实例名称 */\n  drawEl: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"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_3__[\"default\"].string.def('point'),\n  /** 绘制图标 （只在point类型下生效 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].any.def('http://qxfa.tpddns.cn:8090/poi/poi-marker-default.png'),\n  /** drawCount为绘制物绘制个数 */\n  drawCount: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].number.def(1),\n  /** drawOptions为绘制物配置项 */\n  drawOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object.def({}),\n  /** drawInfo为绘制物信息 */\n  drawInfo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array]),\n  /** drawInfoAll为所有不同类型绘制物信息(用于回显地图图层)\r\n   *  格式: { point: ([]||{}), line: ([]||{}) }\r\n   */\n  drawInfoAll: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object,\n  /** 限制区域 */\n  drawLimitArea: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string]),\n  /** 限制区域样式配置 */\n  drawLimitAreaOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object.def({}),\n  /** 是否为纯地图展示数据 */\n  isExhibition: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"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    const timer = setTimeout(() => {\n      this.$initAMap({\n        el: this.drawEl\n      }, amap => {\n        this.amap = amap;\n        this.buttonProps = [].concat(this.drawButtonProps);\n        this.echoDrawLayers(this.drawType);\n        /** 如果有限制区域，则描绘在地图上 */\n        this.drawLimitArea && this.setDrawLimitArea();\n        clearTimeout(timer);\n      });\n    }, 60);\n  },\n  destroyed() {\n    this.AmapDrawClear();\n  },\n  methods: {\n    /** 绘制 */\n    AmapDraw() {\n      this.buttonProps = [].concat(this.saveButtonProps);\n      this.drawMouseTool = new this.$amap.MouseTool(this.amap);\n      this.AmapDrawClear();\n      this.setDrawLayers(this.drawType);\n      this.drawMouseTool.on('draw', ({\n        obj\n      }) => {\n        if (this.drawArea && !this[`is${this.drawType}InRing`](obj)) return this.amap.remove(obj), this.$message.error('未在范围内描绘！');\n        /** 暂未支持一次性绘制多个 */\n        this.drawCount > 1 ? (this.drawLayers = this.drawLayers || [], this.drawLayers.push(obj)) : this.drawLayers = obj;\n        if (this.drawLayers && (this.drawLayers.length == this.drawCount || this.drawCount == 1)) {\n          return this.drawMouseTool.close();\n        }\n      });\n    },\n    /** 清空绘制 / 清空搜索 */\n    AmapDrawClear() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && this.amap.remove(layerItem));\n      // this.amap.clearMap()\n      this.drawLayers = null;\n      this.drawLayersInfo = {};\n    },\n    /** 保存当前绘制 */\n    AmapDrawSave() {\n      this.assignDrawLayers(this.drawType);\n      this.buttonProps = [].concat(this.drawButtonProps);\n    },\n    /** 取消当前绘制 */\n    AmapDrawReset() {\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.AmapDrawClear();\n    },\n    /** 搜索地址 */\n    searchChoose(searchMarker, searchInfo) {\n      this.AmapDrawClear();\n      searchMarker.setMap(this.amap);\n      this.amap.setZoomAndCenter(15, searchMarker.getPosition());\n      this.drawType == 'point' && (this.drawLayersInfo = searchInfo);\n      // this.$emit('getAMapLayersInfo', this.drawLayersInfo)\n    },\n    /** 检测覆盖物配置信息并同步 */\n    setOverlayOptions(options) {\n      if (!this.drawLayers) return;\n      this.drawCount > 1 ? this.drawLayers.forEach(drawItem => drawItem.setOptions(options)) : this.drawLayers.setOptions(options);\n    },\n    /** 绘制限定区域 */\n    setDrawLimitArea() {\n      let areaRange = [];\n      try {\n        areaRange = JSON.parse(this.drawLimitArea);\n      } catch {\n        areaRange = this.drawLimitArea;\n      }\n      this.drawArea && this.amap.remove(this.drawArea);\n      /** 判断目前地图上存在的所绘制覆盖物是否在限制范围内 */\n      this.setMapArea(areaRange);\n      this.judgeOverlays();\n    },\n    /** 绘制地图区域范围 */\n    setMapArea(jurisdictionRange) {\n      this.drawArea = new this.$amap.Polygon({\n        map: this.amap,\n        path: jurisdictionRange,\n        extData: 'Area',\n        strokeWeight: 6,\n        ...this.drawLimitAreaOptions\n      });\n      const {\n        lng,\n        lat\n      } = this.drawArea.getBounds().getCenter();\n      this.amap.setZoomAndCenter(15, [lng, lat]);\n    },\n    /** 判断一个线段是否在面内 */\n    islineInRing(polyline) {\n      const paths = polyline.getPath();\n      return paths.every(pointItem => this.ispointInRing(pointItem));\n    },\n    /** 判断一个点是否在面内 */\n    ispointInRing(point) {\n      let position;\n      try {\n        position = point.getPosition();\n      } catch {\n        position = point;\n      }\n      return this.$amap.GeometryUtil.isPointInRing(position, this.drawArea.getPath());\n    },\n    /** 判断地图上所覆盖物是否在限制范围内 */\n    judgeOverlays() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && !this[`is${this.drawType}InRing`](layerItem) && this.removeOverlay(layerItem));\n    },\n    /** 清除单个覆盖物（或 不符合区域范围的覆盖物 */\n    removeOverlay(layerItem) {\n      this.amap.remove(layerItem);\n      this.$message.error('未在区域范围内,请重新描绘！');\n      try {\n        const i = this.drawLayers.findIndex(layer => layer.getExtData() == layerItem.getExtData());\n        this.drawLayers.splice(i, 1);\n      } catch {\n        this.drawLayers = null;\n        this.drawLayersInfo = {};\n      }\n    },\n    /** 根据类型处理不同数据 */\n    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: this.$amapLayers.setIcon(this.drawIcon)\n      } : {\n        strokeWeight: 8\n      };\n      this.drawMouseTool[type[drawType]]({\n        ...drawOptions,\n        ...this.drawOptions\n      });\n    },\n    /** 赋值不同图层数据 */\n    assignDrawLayers(drawType) {\n      if (drawType == 'point') {\n        const {\n          lng,\n          lat\n        } = this.drawLayers.getPosition();\n        const position = {\n          longitude: lng,\n          latitude: lat\n        };\n        this.$amapMethods.getMapAddress(position, address => {\n          this.drawLayersInfo = {\n            ...position,\n            ...address\n          };\n        });\n        return;\n      }\n      const range = this.drawLayers.getPath().map(({\n        lng,\n        lat\n      }) => [lng, lat]);\n      this.drawLayersInfo = {\n        range\n      };\n    },\n    /** 回显不同类型图层 */\n    echoDrawLayers(drawType) {\n      const drawLayersItem = (drawItem, type, i = 0) => {\n        if (drawItem && drawItem.latitude && drawItem.longitude && 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 = this.$amapLayers.setMarker(this.drawIcon, {\n              position: [longitude, latitude],\n              ...setOptions\n            });\n          } else {\n            const options = {\n              path: range,\n              strokeWeight: 8,\n              ...setOptions\n            };\n            layersItem = type == 'line' ? new this.$amap.Polyline(options) : new this.$amap.Polygon(options);\n          }\n          layersItem.setMap(this.amap);\n          this.amap.setFitView();\n        }\n      };\n      if (!this.isExhibition) {\n        drawLayersItem(this.drawLayersInfo, drawType);\n        return;\n      }\n      if (this.drawInfoAll) {\n        for (let key in this.drawInfoAll) {\n          const isArray = Array.isArray(this.drawInfoAll[key]);\n          isArray ? this.drawInfoAll[key].forEach((drawItem, i) => {\n            drawLayersItem(drawItem, key, i);\n          }) : drawLayersItem(this.drawInfoAll[key], key);\n        }\n        return;\n      }\n      drawLayersItem(this.drawLayersInfo, drawType);\n    }\n  },\n  render(h) {\n    const {\n      drawEl,\n      drawIcon,\n      buttonProps,\n      isExhibition,\n      AmapDrawClear,\n      searchChoose\n    } = this;\n    return h(\"div\", {\n      \"class\": \"AmapDraw\"\n    }, [!isExhibition && h(_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_1__[\"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\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   AmapDrawProps: 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 _components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_1__ = __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_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _AmapDraw_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./AmapDraw.less */ \"./plugins/lib/amap/AmapDraw.less\");\n\n\n\n\nconst AmapDrawProps = {\n  /** drawEl为地图容器实例名称 */\n  drawEl: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"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_3__[\"default\"].string.def('point'),\n  /** 绘制图标 （只在point类型下生效 */\n  drawIcon: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].any.def('http://qxfa.tpddns.cn:8090/poi/poi-marker-default.png'),\n  /** drawCount为绘制物绘制个数 */\n  drawCount: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].number.def(1),\n  /** drawOptions为绘制物配置项 */\n  drawOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object.def({}),\n  /** drawInfo为绘制物信息 */\n  drawInfo: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array]),\n  /** drawInfoAll为所有不同类型绘制物信息(用于回显地图图层)\r\n   *  格式: { point: ([]||{}), line: ([]||{}) }\r\n   */\n  drawInfoAll: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object,\n  /** 限制区域 */\n  drawLimitArea: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string]),\n  /** 限制区域样式配置 */\n  drawLimitAreaOptions: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object.def({}),\n  /** 是否为纯地图展示数据 */\n  isExhibition: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"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    const timer = setTimeout(() => {\n      this.$initAMap({\n        el: this.drawEl\n      }, amap => {\n        this.amap = amap;\n        this.buttonProps = [].concat(this.drawButtonProps);\n        this.echoDrawLayers(this.drawType);\n        /** 如果有限制区域，则描绘在地图上 */\n        this.drawLimitArea && this.setDrawLimitArea();\n        clearTimeout(timer);\n      });\n    }, 600);\n  },\n  destroyed() {\n    this.AmapDrawClear();\n  },\n  methods: {\n    /** 绘制 */\n    AmapDraw() {\n      this.buttonProps = [].concat(this.saveButtonProps);\n      this.drawMouseTool = new this.$amap.MouseTool(this.amap);\n      this.AmapDrawClear();\n      this.setDrawLayers(this.drawType);\n      this.drawMouseTool.on('draw', ({\n        obj\n      }) => {\n        if (this.drawArea && !this[`is${this.drawType}InRing`](obj)) return this.amap.remove(obj), this.$message.error('未在范围内描绘！');\n        /** 暂未支持一次性绘制多个 */\n        this.drawCount > 1 ? (this.drawLayers = this.drawLayers || [], this.drawLayers.push(obj)) : this.drawLayers = obj;\n        if (this.drawLayers && (this.drawLayers.length == this.drawCount || this.drawCount == 1)) {\n          return this.drawMouseTool.close();\n        }\n      });\n    },\n    /** 清空绘制 / 清空搜索 */\n    AmapDrawClear() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && this.amap.remove(layerItem));\n      // this.amap.clearMap()\n      this.drawLayers = null;\n      this.drawLayersInfo = {};\n    },\n    /** 保存当前绘制 */\n    AmapDrawSave() {\n      this.assignDrawLayers(this.drawType);\n      this.buttonProps = [].concat(this.drawButtonProps);\n    },\n    /** 取消当前绘制 */\n    AmapDrawReset() {\n      this.buttonProps = [].concat(this.drawButtonProps);\n      this.AmapDrawClear();\n    },\n    /** 搜索地址 */\n    searchChoose(searchMarker, searchInfo) {\n      this.AmapDrawClear();\n      searchMarker.setMap(this.amap);\n      this.amap.setZoomAndCenter(15, searchMarker.getPosition());\n      this.drawType == 'point' && (this.drawLayersInfo = searchInfo);\n      // this.$emit('getAMapLayersInfo', this.drawLayersInfo)\n    },\n    /** 检测覆盖物配置信息并同步 */\n    setOverlayOptions(options) {\n      if (!this.drawLayers) return;\n      this.drawCount > 1 ? this.drawLayers.forEach(drawItem => drawItem.setOptions(options)) : this.drawLayers.setOptions(options);\n    },\n    /** 绘制限定区域 */\n    setDrawLimitArea() {\n      let areaRange = [];\n      try {\n        areaRange = JSON.parse(this.drawLimitArea);\n      } catch {\n        areaRange = this.drawLimitArea;\n      }\n      this.drawArea && this.amap.remove(this.drawArea);\n      /** 判断目前地图上存在的所绘制覆盖物是否在限制范围内 */\n      this.setMapArea(areaRange);\n      this.judgeOverlays();\n    },\n    /** 绘制地图区域范围 */\n    setMapArea(jurisdictionRange) {\n      this.drawArea = new this.$amap.Polygon({\n        map: this.amap,\n        path: jurisdictionRange,\n        extData: 'Area',\n        strokeWeight: 6,\n        ...this.drawLimitAreaOptions\n      });\n      const {\n        lng,\n        lat\n      } = this.drawArea.getBounds().getCenter();\n      this.amap.setZoomAndCenter(15, [lng, lat]);\n    },\n    /** 判断一个线段是否在面内 */\n    islineInRing(polyline) {\n      const paths = polyline.getPath();\n      return paths.every(pointItem => this.ispointInRing(pointItem));\n    },\n    /** 判断一个点是否在面内 */\n    ispointInRing(point) {\n      let position;\n      try {\n        position = point.getPosition();\n      } catch {\n        position = point;\n      }\n      return this.$amap.GeometryUtil.isPointInRing(position, this.drawArea.getPath());\n    },\n    /** 判断地图上所覆盖物是否在限制范围内 */\n    judgeOverlays() {\n      this.amap.getAllOverlays().forEach(layerItem => layerItem.getExtData() != 'Area' && !this[`is${this.drawType}InRing`](layerItem) && this.removeOverlay(layerItem));\n    },\n    /** 清除单个覆盖物（或 不符合区域范围的覆盖物 */\n    removeOverlay(layerItem) {\n      this.amap.remove(layerItem);\n      this.$message.error('未在区域范围内,请重新描绘！');\n      try {\n        const i = this.drawLayers.findIndex(layer => layer.getExtData() == layerItem.getExtData());\n        this.drawLayers.splice(i, 1);\n      } catch {\n        this.drawLayers = null;\n        this.drawLayersInfo = {};\n      }\n    },\n    /** 根据类型处理不同数据 */\n    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: this.$amapLayers.setIcon(this.drawIcon)\n      } : {\n        strokeWeight: 8\n      };\n      this.drawMouseTool[type[drawType]]({\n        ...drawOptions,\n        ...this.drawOptions\n      });\n    },\n    /** 赋值不同图层数据 */\n    assignDrawLayers(drawType) {\n      if (drawType == 'point') {\n        const {\n          lng,\n          lat\n        } = this.drawLayers.getPosition();\n        const position = {\n          longitude: lng,\n          latitude: lat\n        };\n        this.$amapMethods.getMapAddress(position, address => {\n          this.drawLayersInfo = {\n            ...position,\n            ...address\n          };\n        });\n        return;\n      }\n      const range = this.drawLayers.getPath().map(({\n        lng,\n        lat\n      }) => [lng, lat]);\n      this.drawLayersInfo = {\n        range\n      };\n    },\n    /** 回显不同类型图层 */\n    echoDrawLayers(drawType) {\n      const drawLayersItem = (drawItem, type, i = 0) => {\n        if (drawItem && drawItem.latitude && drawItem.longitude && 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 = this.$amapLayers.setMarker(this.drawIcon, {\n              position: [longitude, latitude],\n              ...setOptions\n            });\n          } else {\n            const options = {\n              path: range,\n              strokeWeight: 8,\n              ...setOptions\n            };\n            layersItem = type == 'line' ? new this.$amap.Polyline(options) : new this.$amap.Polygon(options);\n          }\n          layersItem.setMap(this.amap);\n          this.amap.setFitView();\n        }\n      };\n      if (!this.isExhibition) {\n        drawLayersItem(this.drawLayersInfo, drawType);\n        return;\n      }\n      if (this.drawInfoAll) {\n        for (let key in this.drawInfoAll) {\n          const isArray = Array.isArray(this.drawInfoAll[key]);\n          isArray ? this.drawInfoAll[key].forEach((drawItem, i) => {\n            drawLayersItem(drawItem, key, i);\n          }) : drawLayersItem(this.drawInfoAll[key], key);\n        }\n        return;\n      }\n      drawLayersItem(this.drawLayersInfo, drawType);\n    }\n  },\n  render(h) {\n    const {\n      drawEl,\n      drawIcon,\n      buttonProps,\n      isExhibition,\n      AmapDrawClear,\n      searchChoose\n    } = this;\n    return h(\"div\", {\n      \"class\": \"AmapDraw\"\n    }, [!isExhibition && h(_components_AmapSearch_index_jsx__WEBPACK_IMPORTED_MODULE_1__[\"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\n//# sourceURL=webpack://mui/./plugins/lib/amap/AmapDraw.jsx?");
 
 /***/ }),
 
@@ -8868,7 +8868,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events.js */ \"./plugins/lib/iframe/events.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/iframe/index.less\");\n\n\n\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('linkUrl'),\n  operatesArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  props: IframeContainerProps,\n  data() {\n    return {\n      componentAdd: true,\n      modalComponents: {}\n    };\n  },\n  render(h, content) {\n    const {\n      $props,\n      modalComponents\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      componentsArr\n    } = $props;\n    const IframeComponents = componentsArr.map(componentItem => {\n      const isActive = activeKey === componentItem[checkedKey];\n      return this.getIframeComponent(componentItem, isActive);\n    });\n    const modalKeys = Object.keys(modalComponents);\n    const ModalOperates = modalKeys.map(modalKey => {\n      return h(_modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n        \"props\": {\n          ...{\n            ...modalComponents[modalKey],\n            cancelHandle: () => this.closeModalHandle(modalKey)\n          }\n        }\n      }, [this.getIframeComponent(modalComponents[modalKey], true)]);\n    });\n    return h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents, ModalOperates]);\n  },\n  watch: {\n    activeKey(newVal) {\n      this.modalComponents = {};\n    },\n    componentsArr: {\n      handler(newVal, oldVal) {\n        this.componentAdd = newVal.length > oldVal.length;\n        this.postCompMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage,\n        componentsArr\n      } = this;\n      return {\n        activeKey,\n        postMessage,\n        componentsArr\n      };\n    }\n  },\n  created() {\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalOpen', ({\n      name,\n      params\n    }) => {\n      const activeModal = this.switchModalHandle(name, params);\n      activeModal && (this.componentAdd = true, this.$set(this.modalComponents, name, {\n        mode: params.mode,\n        visible: true,\n        ...activeModal\n      }));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalClose', ({\n      name,\n      params\n    }) => {\n      this.closeModalHandle(name);\n      params && (this.componentAdd = false, this.postCompMessage(params));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.componentAdd = false;\n      this.closeModalHandle(closeModal);\n      this.switchModalHandle(name, params);\n    });\n  },\n  mounted() {\n    // this.postCompMessage()\n  },\n  methods: {\n    postCompMessage(data = {}) {\n      const {\n        componentsArr,\n        activeKey,\n        postMessage\n      } = this;\n      componentsArr.length && this.postIframeMessage(componentsArr, {\n        type: 'refreshPage',\n        activeKey,\n        data\n      });\n    },\n    closeModalHandle(name) {\n      this.modalComponents[name].visible = false;\n      delete this.modalComponents[name];\n    },\n    switchModalHandle(name, data) {\n      const {\n        operatesArr,\n        checkedKey\n      } = this;\n      const activeModal = operatesArr.find(operatesItem => operatesItem[checkedKey] === name);\n      activeModal && this.postIframeMessage(operatesArr, {\n        type: 'refreshModal',\n        activeKey: name,\n        data\n      });\n      return activeModal;\n    },\n    postIframeMessage(components, iframeConfig) {\n      const {\n        type,\n        activeKey,\n        data = {}\n      } = iframeConfig;\n      this.$nextTick(() => {\n        const {\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = components.find(componentsItem => activeKey === componentsItem[checkedKey])[linkurlKey];\n        const isModal = refKey.includes('?type=modal');\n        const iframeRef = () => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          this.componentAdd ? iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          } : iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n        };\n        if (isModal) {\n          const timer = setTimeout(() => {\n            iframeRef();\n            clearTimeout(timer);\n          }, 0);\n          return;\n        }\n        iframeRef();\n      });\n    },\n    getIframeComponent(componentItem, isActive) {\n      const h = this.$createElement;\n      const {\n        linkurlKey,\n        checkedKey\n      } = this;\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: isActive ? 'block' : 'none'\n        }\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.prototype.$IframeBus = _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"];\n  Vue.component('IframePage', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events.js */ \"./plugins/lib/iframe/events.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/iframe/index.less\");\n\n\n\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('linkUrl'),\n  operatesArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  props: IframeContainerProps,\n  data() {\n    return {\n      componentAdd: true,\n      modalComponents: {}\n    };\n  },\n  render(h, content) {\n    const {\n      $props,\n      modalComponents\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      componentsArr\n    } = $props;\n    const IframeComponents = componentsArr.map(componentItem => {\n      const isActive = activeKey === componentItem[checkedKey];\n      return this.getIframeComponent(componentItem, isActive);\n    });\n    const modalKeys = Object.keys(modalComponents);\n    const ModalOperates = modalKeys.map(modalKey => {\n      return h(_modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n        \"props\": {\n          ...{\n            ...modalComponents[modalKey],\n            cancelHandle: () => this.closeModalHandle(modalKey)\n          }\n        }\n      }, [this.getIframeComponent(modalComponents[modalKey], true)]);\n    });\n    return h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents, ModalOperates]);\n  },\n  watch: {\n    activeKey(newVal) {\n      this.modalComponents = {};\n    },\n    componentsArr: {\n      handler(newVal, oldVal) {\n        this.componentAdd = newVal.length > oldVal.length;\n        this.postCompMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage,\n        componentsArr\n      } = this;\n      return {\n        activeKey,\n        postMessage,\n        componentsArr\n      };\n    }\n  },\n  created() {\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalOpen', ({\n      name,\n      params\n    }) => {\n      const activeModal = this.switchModalHandle(name, params);\n      activeModal && (this.componentAdd = true, this.$set(this.modalComponents, name, {\n        mode: params.mode,\n        visible: true,\n        ...activeModal\n      }));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalClose', ({\n      name,\n      params\n    }) => {\n      this.closeModalHandle(name);\n      params && (this.componentAdd = false, this.postCompMessage(params));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.componentAdd = false;\n      this.closeModalHandle(closeModal);\n      this.switchModalHandle(name, params);\n    });\n  },\n  mounted() {\n    // this.postCompMessage()\n  },\n  methods: {\n    postCompMessage(data = {}) {\n      const {\n        componentsArr,\n        activeKey,\n        postMessage\n      } = this;\n      componentsArr.length && this.postIframeMessage(componentsArr, {\n        type: 'refreshPage',\n        activeKey,\n        data\n      });\n    },\n    closeModalHandle(name) {\n      this.modalComponents[name].visible = false;\n      delete this.modalComponents[name];\n    },\n    switchModalHandle(name, data) {\n      const {\n        operatesArr,\n        checkedKey\n      } = this;\n      const activeModal = operatesArr.find(operatesItem => operatesItem[checkedKey] === name);\n      activeModal && this.postIframeMessage(operatesArr, {\n        type: 'refreshModal',\n        activeKey: name,\n        data\n      });\n      return {\n        ...activeModal,\n        ...(data.attrs ?? {})\n      };\n    },\n    postIframeMessage(components, iframeConfig) {\n      const {\n        type,\n        activeKey,\n        data = {}\n      } = iframeConfig;\n      this.$nextTick(() => {\n        const {\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = components.find(componentsItem => activeKey === componentsItem[checkedKey])[linkurlKey];\n        const isModal = refKey.includes('?type=modal');\n        const iframeRef = () => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          this.componentAdd ? iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          } : iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n        };\n        if (isModal) {\n          const timer = setTimeout(() => {\n            iframeRef();\n            clearTimeout(timer);\n          }, 0);\n          return;\n        }\n        iframeRef();\n      });\n    },\n    getIframeComponent(componentItem, isActive) {\n      const h = this.$createElement;\n      const {\n        linkurlKey,\n        checkedKey\n      } = this;\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: isActive ? 'block' : 'none'\n        }\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.prototype.$IframeBus = _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"];\n  Vue.component('IframePage', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
 
 /***/ }),
 
@@ -9033,7 +9033,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/modal */ \"./node_modules/ant-design-vue/es/modal/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/modal/index.less\");\n\n\n\nconst ModalProps = {\n  mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('small'),\n  title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('标题'),\n  visible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bool.def(false),\n  cancelHandle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].func\n};\nconst ModalComp = {\n  name: 'ModalComp',\n  props: ModalProps,\n  functional: true,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const attrs = {\n      width: null,\n      footer: null,\n      keyboard: false,\n      maskClosable: false\n    };\n    return h(ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"props\": {\n        ...props\n      },\n      \"attrs\": {\n        ...attrs,\n        \"wrapClassName\": `AntModal__${props.mode}`\n      },\n      \"on\": {\n        ...{\n          cancel: props.cancelHandle\n        }\n      }\n    }, [children]);\n  },\n  mounted() {},\n  methods: {}\n};\nModalComp.install = function (Vue) {\n  Vue.component('ModalComp', ModalComp);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModalComp);\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/modal */ \"./node_modules/ant-design-vue/es/modal/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/modal/index.less\");\n\n\n\nconst ModalProps = {\n  mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('small'),\n  title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('标题'),\n  visible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bool.def(false),\n  cancelHandle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].func,\n  attrs: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].object.def({})\n};\nconst ModalComp = {\n  name: 'ModalComp',\n  props: ModalProps,\n  functional: true,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const attrs = Object.assign({\n      width: null,\n      footer: null,\n      keyboard: false,\n      maskClosable: false\n    }, props.attrs);\n    delete props.attrs;\n    props.mode == 'screen' && delete props.title;\n    return h(ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"props\": {\n        ...props\n      },\n      \"attrs\": {\n        ...attrs,\n        \"wrapClassName\": `AntModal__${props.mode}`\n      },\n      \"on\": {\n        ...{\n          cancel: props.cancelHandle\n        }\n      }\n    }, [children]);\n  },\n  mounted() {},\n  methods: {}\n};\nModalComp.install = function (Vue) {\n  Vue.component('ModalComp', ModalComp);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModalComp);\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.jsx?");
 
 /***/ }),
 
@@ -9340,7 +9340,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.AntModal__small .ant-modal {\\n  width: 712px;\\n  height: 640px;\\n}\\n.AntModal__middle .ant-modal {\\n  width: 1104px;\\n  height: 848px;\\n}\\n.AntModal__large .ant-modal {\\n  width: 1600px;\\n  height: 848px;\\n}\\n.AntModal__max .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.ant-modal-content {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.ant-modal-body {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.AntModal__small .ant-modal {\\n  width: 712px;\\n  height: 640px;\\n}\\n.AntModal__middle .ant-modal {\\n  width: 1104px;\\n  height: 848px;\\n}\\n.AntModal__large .ant-modal {\\n  width: 1600px;\\n  height: 848px;\\n}\\n.AntModal__max .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.AntModal__screen .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.AntModal__screen .ant-modal-body {\\n  padding: 0;\\n}\\n.ant-modal-content {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.ant-modal-body {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
 
 /***/ }),
 

package/lib/amap/AmapDraw.jsx

@@ -89,7 +89,7 @@ const AmapDraw = {
         this.drawLimitArea && this.setDrawLimitArea()
         clearTimeout(timer)
       })
-    }, 60)
+    }, 600)
   },
   destroyed() {
     this.AmapDrawClear()

package/lib/iframe/index.jsx

@@ -90,7 +90,7 @@ const IframeContainer = {
           mode: params.mode,
           visible: true,
           ...activeModal
-        })
+        }) 
       )
     }) 
     IframeEvent.$on('modalClose', ({ name, params }) => {
@@ -131,7 +131,7 @@ const IframeContainer = {
         activeKey: name,
         data
       })
-      return activeModal
+      return {...activeModal, ...(data.attrs ?? {})}
     },
     postIframeMessage(components, iframeConfig) {
       const { type, activeKey, data = {} } = iframeConfig

package/lib/modal/index.css

@@ -1 +1 @@
-.AntModal__small .ant-modal{width:712px;height:640px}.AntModal__middle .ant-modal{width:1104px;height:848px}.AntModal__large .ant-modal{width:1600px;height:848px}.AntModal__max .ant-modal{width:100%;height:100%;top:0}.ant-modal-content{display:flex;flex-direction:column;height:100%}.ant-modal-body{flex:1}
+.AntModal__small .ant-modal{width:712px;height:640px}.AntModal__middle .ant-modal{width:1104px;height:848px}.AntModal__large .ant-modal{width:1600px;height:848px}.AntModal__max .ant-modal,.AntModal__screen .ant-modal{width:100%;height:100%;top:0}.AntModal__screen .ant-modal-body{padding:0}.ant-modal-content{display:flex;flex-direction:column;height:100%}.ant-modal-body{flex:1}

package/lib/modal/index.jsx

@@ -7,7 +7,8 @@ const ModalProps = {
   mode: PropTypes.string.def('small'),
   title: PropTypes.string.def('标题'),
   visible: PropTypes.bool.def(false),
-  cancelHandle: PropTypes.func
+  cancelHandle: PropTypes.func,
+  attrs: PropTypes.object.def({})
 } 
 
 const ModalComp = {
@@ -18,12 +19,16 @@ const ModalComp = {
 
     const { props, children } = content
 
-    const attrs = {
-        width: null,
-        footer: null,
-        keyboard: false,
-        maskClosable: false
-    }
+    const attrs = Object.assign({
+      width: null,
+      footer: null,
+      keyboard: false,
+      maskClosable: false
+    }, props.attrs)
+
+    delete props.attrs
+
+    props.mode == 'screen' && delete props.title
 
     return (
       <Modal 

package/lib/modal/index.less

@@ -25,6 +25,17 @@
     }
 }
 
+.AntModal__screen {
+    .ant-modal {
+       .layout( 100%, 100% );
+       top: 0;
+
+       &-body {
+           padding: 0;
+       }
+    }
+}
+
 .ant-modal {
     &-content {
         display: flex;

package/package.json

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

package/plugins/lib/amap/AmapDraw.jsx

@@ -89,7 +89,7 @@ const AmapDraw = {
         this.drawLimitArea && this.setDrawLimitArea()
         clearTimeout(timer)
       })
-    }, 60)
+    }, 600)
   },
   destroyed() {
     this.AmapDrawClear()

package/plugins/lib/iframe/index.jsx

@@ -90,7 +90,7 @@ const IframeContainer = {
           mode: params.mode,
           visible: true,
           ...activeModal
-        })
+        }) 
       )
     }) 
     IframeEvent.$on('modalClose', ({ name, params }) => {
@@ -131,7 +131,7 @@ const IframeContainer = {
         activeKey: name,
         data
       })
-      return activeModal
+      return {...activeModal, ...(data.attrs ?? {})}
     },
     postIframeMessage(components, iframeConfig) {
       const { type, activeKey, data = {} } = iframeConfig

package/plugins/lib/modal/index.jsx

@@ -7,7 +7,8 @@ const ModalProps = {
   mode: PropTypes.string.def('small'),
   title: PropTypes.string.def('标题'),
   visible: PropTypes.bool.def(false),
-  cancelHandle: PropTypes.func
+  cancelHandle: PropTypes.func,
+  attrs: PropTypes.object.def({})
 } 
 
 const ModalComp = {
@@ -18,12 +19,16 @@ const ModalComp = {
 
     const { props, children } = content
 
-    const attrs = {
-        width: null,
-        footer: null,
-        keyboard: false,
-        maskClosable: false
-    }
+    const attrs = Object.assign({
+      width: null,
+      footer: null,
+      keyboard: false,
+      maskClosable: false
+    }, props.attrs)
+
+    delete props.attrs
+
+    props.mode == 'screen' && delete props.title
 
     return (
       <Modal 

package/plugins/lib/modal/index.less

@@ -25,6 +25,17 @@
     }
 }
 
+.AntModal__screen {
+    .ant-modal {
+       .layout( 100%, 100% );
+       top: 0;
+
+       &-body {
+           padding: 0;
+       }
+    }
+}
+
 .ant-modal {
     &-content {
         display: flex;