@styzy/vue-amap 1.2.1 → 1.3.1

package/lib/vue-amap.common.js

@@ -22,7 +22,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".v-amap-ctn[data-v-0a8871e0],.v-amap-c
 
 /***/ }),
 
-/***/ 83:
+/***/ 774:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -36,28 +36,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".v-amap-place-search-input input[data-v-01341cd6]{display:inline-block;box-sizing:border-box;padding:0 15px;width:100%;height:40px;outline:0;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;background-image:none;color:#606266;font-size:inherit;line-height:40px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);-webkit-appearance:none}.v-amap-place-search-input input[data-v-01341cd6]::-webkit-input-placeholder{color:#c0c4cc}.v-amap-place-search-input input.is-disabled[data-v-01341cd6]{border-color:#e4e7ed;background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 820:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".amap-sug-result{display:none}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".v-amap-place-search-input[data-v-6fee8e59]{position:relative}.v-amap-place-search-input input[data-v-6fee8e59]{display:inline-block;box-sizing:border-box;padding:0 15px;width:100%;height:40px;outline:0;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;background-image:none;color:#606266;font-size:inherit;line-height:40px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);-webkit-appearance:none}.v-amap-place-search-input input[data-v-6fee8e59]::-webkit-input-placeholder{color:#c0c4cc}.v-amap-place-search-input input.is-disabled[data-v-6fee8e59]{border-color:#e4e7ed;background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.v-amap-place-search-input .option-ctn[data-v-6fee8e59]{position:absolute;top:100%;right:0;left:0;z-index:1;overflow-y:auto;box-sizing:border-box;max-height:402px;border:1px solid #dcdfe6;background-color:#fff}.v-amap-place-search-input .option-ctn[data-v-6fee8e59]::-webkit-scrollbar{width:10px}.v-amap-place-search-input .option-ctn[data-v-6fee8e59]::-webkit-scrollbar-track-piece{background-color:transparent}.v-amap-place-search-input .option-ctn[data-v-6fee8e59]::-webkit-scrollbar-thumb{border-radius:10px;background-color:transparent}.v-amap-place-search-input .option-ctn[data-v-6fee8e59]:hover::-webkit-scrollbar-track-piece{background-color:hsla(0,0%,67%,.2)}.v-amap-place-search-input .option-ctn[data-v-6fee8e59]:hover::-webkit-scrollbar-thumb{background-color:#aaa}.v-amap-place-search-input .option-ctn[data-v-6fee8e59]:hover::-webkit-scrollbar-thumb:hover{background-color:#888}.v-amap-place-search-input .option-ctn .option[data-v-6fee8e59]{overflow:hidden;padding-right:5px;padding-left:15px;height:40px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:40px;cursor:pointer}.v-amap-place-search-input .option-ctn .option[data-v-6fee8e59]:hover{background-color:#f4f5f6}.v-amap-place-search-input .option-ctn .option .name[data-v-6fee8e59]{color:#424242}.v-amap-place-search-input .option-ctn .option .city[data-v-6fee8e59]{margin-left:5px;color:#c1c1c1}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -184,35 +163,19 @@ var update = add("7ebf2e0a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 427:
+/***/ 229:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(83);
+var content = __webpack_require__(774);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("a0517e8c", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
-/***/ 641:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(820);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("1cb88330", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("a5026dd6", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1341,16 +1304,37 @@ var VAMapPolygon_component = normalizeComponent(
 )
 
 /* harmony default export */ var VAMapPolygon = (VAMapPolygon_component.exports);
-;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/pug-plain-loader/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Components/VAMapPlaceSearchInput.vue?vue&type=template&id=01341cd6&scoped=true&lang=pug
-var VAMapPlaceSearchInputvue_type_template_id_01341cd6_scoped_true_lang_pug_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"v-amap-place-search-input"},[_c('input',{ref:"input",class:{ 'is-disabled': _vm.disabled },attrs:{"disabled":_vm.disabled,"placeholder":_vm.placeholder},domProps:{"value":_vm.value},on:{"blur":function($event){return _vm.handleBlur()},"input":_vm.handleInput}})])
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/pug-plain-loader/index.js!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Components/VAMapPlaceSearchInput.vue?vue&type=template&id=6fee8e59&scoped=true&lang=pug
+var VAMapPlaceSearchInputvue_type_template_id_6fee8e59_scoped_true_lang_pug_render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"v-amap-place-search-input"},[_c('input',{class:{ 'is-disabled': _vm.disabled },attrs:{"disabled":_vm.disabled,"placeholder":_vm.placeholder},domProps:{"value":_vm.value},on:{"blur":function($event){return _vm.handleBlur()},"focus":function($event){return _vm.handleFocus()},"input":function($event){return _vm.handleInput($event)}}}),(_vm.placeList.length)?_c('div',{staticClass:"option-ctn"},_vm._l((_vm.placeList),function(place){return _c('div',{staticClass:"option",attrs:{"title":place.name + place.cityname},on:{"click":function($event){return _vm.handlePlaceSelect(place)}}},[_c('span',{staticClass:"name"},[_vm._v(_vm._s(place.name))]),_c('span',{staticClass:"city"},[_vm._v(_vm._s(place.cityname))])])}),0):_vm._e()])
 }
-var VAMapPlaceSearchInputvue_type_template_id_01341cd6_scoped_true_lang_pug_staticRenderFns = []
-
+var VAMapPlaceSearchInputvue_type_template_id_6fee8e59_scoped_true_lang_pug_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./src/utils/isParentNode.js
+// 是否是父节点
+const isParentNode = function (parentObj, obj) {
+	if (parentObj === obj) return false
+	while (
+		obj != undefined &&
+		obj != null &&
+		obj.tagName &&
+		obj.tagName.toUpperCase() != 'BODY'
+	) {
+		if (obj == parentObj) {
+			return true
+		}
+		obj = obj.parentNode
+	}
+	return false
+}
+
+/* harmony default export */ var utils_isParentNode = (isParentNode);
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Components/VAMapPlaceSearchInput.vue?vue&type=script&lang=js
 
 
 
+
 /* harmony default export */ var VAMapPlaceSearchInputvue_type_script_lang_js = ({
 	name: 'VAMapPlaceSearchInput',
 	model: {
@@ -1378,91 +1362,90 @@ var VAMapPlaceSearchInputvue_type_template_id_01341cd6_scoped_true_lang_pug_stat
 	data() {
 		return {
 			AMap: null,
-			placeName: '',
-			autocompleteListener: null,
-			placeSearchListener: null
+			placeSearch: null,
+			placeList: [],
+			place: null
 		}
 	},
-	async mounted() {
-		this.AMap = await loader.load()
-		this.addListener()
+	watch: {
+		place() {
+			this.$emit('change', this.place ? this.place.name : '')
+			this.$emit(
+				'locationChange',
+				this.place
+					? [this.place.location.lng, this.place.location.lat]
+					: null
+			)
+			this.$emit('placeChange', this.place)
+		}
 	},
-	destroyed() {
-		this.removeListener()
+	mounted() {
+		window.addEventListener('click', this.optionsHideListener, true)
+		window.addEventListener('contextmenu', this.optionsHideListener, true)
+	},
+	beforeDestroy() {
+		window.removeEventListener('click', this.optionsHideListener, true)
+		window.removeEventListener(
+			'contextmenu',
+			this.optionsHideListener,
+			true
+		)
 	},
 	methods: {
-		async addListener() {
-			const autocomplete = new this.AMap.Autocomplete({
-					input: this.$refs.input
-				}),
-				placeSearch = new this.AMap.PlaceSearch({})
-
-			this.autocompleteListener = this.AMap.event.addListener(
-				autocomplete,
-				'select',
-				event => {
-					this.placeName = event.poi.name
-					placeSearch.search(event.poi.name)
-				}
-			)
-
-			this.placeSearchListener = this.AMap.event.addListener(
-				placeSearch,
-				'complete',
-				event => {
-					var position = null
-					if (
-						event &&
-						event.poiList &&
-						event.poiList.pois &&
-						event.poiList.pois.length
-					) {
-						position = [
-							event.poiList.pois[0].location.lng,
-							event.poiList.pois[0].location.lat
-						]
-					}
-
-					if (!position && !this.customEnable) {
-						this.clear()
-					} else {
-						this.$emit('change', this.placeName)
-						this.$emit('locationChange', position)
-					}
+		async createPlaceSearch() {
+			this.AMap = await loader.load()
+			this.placeSearch = new this.AMap.PlaceSearch({
+				extensions: 'all'
+			})
+		},
+		async getPlaceList() {
+			if (!this.placeSearch) {
+				await this.createPlaceSearch()
+			}
+			this.placeSearch.search(this.value, (status, result) => {
+				if (status === 'complete') {
+					this.placeList = result?.poiList?.pois || []
+				} else {
+					this.placeList = []
 				}
-			)
+			})
 		},
-		removeListener() {
-			this.AMap.event.removeListener(this.autocompleteListener)
-			this.AMap.event.removeListener(this.placeSearchListener)
+		async handleInput(event) {
+			this.$emit('change', event.target.value)
+			await this.$nextTick()
+			this.getPlaceList()
 		},
-		clear() {
-			this.placeName = ''
-			this.$emit('change', '')
-			this.$emit('locationChange', null)
+		handlePlaceSelect(place = null) {
+			this.place = place
+			this.placeList = []
+		},
+		handleFocus() {
+			if (this.value?.trim()) {
+				this.getPlaceList()
+			}
 		},
 		handleBlur() {
-			if (this.value !== this.placeName) {
-				if (!this.customEnable) {
-					this.clear()
-				}
+			if (this.customEnable) return
+			if (this.value !== this.place?.name) {
+				this.clear()
 			}
 		},
-		handleInput(event) {
-			this.$emit('change', event.target.value)
+		optionsHideListener(event) {
+			if (utils_isParentNode(this.$el, event.target)) return
+			this.placeList = []
+		},
+		clear() {
+			this.place = null
+			this.$emit('change', '')
 		}
 	}
 });
 
 ;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue?vue&type=script&lang=js
  /* harmony default export */ var Components_VAMapPlaceSearchInputvue_type_script_lang_js = (VAMapPlaceSearchInputvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-34.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-34.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-34.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-34.use[3]!./node_modules/stylus-loader/index.js??clonedRuleSet-34.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=0&id=01341cd6&prod&lang=stylus&scoped=true
-var VAMapPlaceSearchInputvue_type_style_index_0_id_01341cd6_prod_lang_stylus_scoped_true = __webpack_require__(427);
-;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=0&id=01341cd6&prod&lang=stylus&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-34.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-34.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-34.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-34.use[3]!./node_modules/stylus-loader/index.js??clonedRuleSet-34.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=1&id=01341cd6&prod&lang=stylus
-var VAMapPlaceSearchInputvue_type_style_index_1_id_01341cd6_prod_lang_stylus = __webpack_require__(641);
-;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=1&id=01341cd6&prod&lang=stylus
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-34.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-34.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-34.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-34.use[3]!./node_modules/stylus-loader/index.js??clonedRuleSet-34.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=0&id=6fee8e59&prod&lang=stylus&scoped=true
+var VAMapPlaceSearchInputvue_type_style_index_0_id_6fee8e59_prod_lang_stylus_scoped_true = __webpack_require__(229);
+;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=0&id=6fee8e59&prod&lang=stylus&scoped=true
 
 ;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue
 
@@ -1471,16 +1454,15 @@ var VAMapPlaceSearchInputvue_type_style_index_1_id_01341cd6_prod_lang_stylus = _
 ;
 
 
-
 /* normalize component */
 
 var VAMapPlaceSearchInput_component = normalizeComponent(
   Components_VAMapPlaceSearchInputvue_type_script_lang_js,
-  VAMapPlaceSearchInputvue_type_template_id_01341cd6_scoped_true_lang_pug_render,
-  VAMapPlaceSearchInputvue_type_template_id_01341cd6_scoped_true_lang_pug_staticRenderFns,
+  VAMapPlaceSearchInputvue_type_template_id_6fee8e59_scoped_true_lang_pug_render,
+  VAMapPlaceSearchInputvue_type_template_id_6fee8e59_scoped_true_lang_pug_staticRenderFns,
   false,
   null,
-  "01341cd6",
+  "6fee8e59",
   null
   
 )
@@ -1502,7 +1484,7 @@ var VAMapPlaceSearchInput_component = normalizeComponent(
 ]);
 
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"i8":"1.2.1"};
+var package_namespaceObject = {"i8":"1.3.1"};
 ;// CONCATENATED MODULE: ./src/config/index.js