@styzy/vue-amap 1.2.0 → 1.3.0

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
 
 /***/ }),
 
-/***/ 405:
+/***/ 785:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -36,14 +36,14 @@ __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-65bc08c3]{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}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".v-amap-place-search-input[data-v-0b77a6ce]{position:relative}.v-amap-place-search-input input[data-v-0b77a6ce]{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-0b77a6ce]::-webkit-input-placeholder{color:#c0c4cc}.v-amap-place-search-input input.is-disabled[data-v-0b77a6ce]{border-color:#e4e7ed;background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.v-amap-place-search-input .option-ctn[data-v-0b77a6ce]{position:absolute;top:100%;right:0;left:0;z-index:1;box-sizing:border-box;border:1px solid #dcdfe6;background-color:#fff}.v-amap-place-search-input .option-ctn .option[data-v-0b77a6ce]{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-0b77a6ce]:hover{background-color:#f4f5f6}.v-amap-place-search-input .option-ctn .option .name[data-v-0b77a6ce]{color:#424242}.v-amap-place-search-input .option-ctn .option .city[data-v-0b77a6ce]{margin-left:10px;color:#aaa}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
 /***/ }),
 
-/***/ 136:
+/***/ 192:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -184,35 +184,35 @@ var update = add("7ebf2e0a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 698:
+/***/ 985:
 /***/ (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__(405);
+var content = __webpack_require__(785);
 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("cd442028", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("f9ce54c6", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 692:
+/***/ 427:
 /***/ (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__(136);
+var content = __webpack_require__(192);
 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("c612253c", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("41bfd6da", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1341,16 +1341,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=65bc08c3&scoped=true&lang=pug
-var VAMapPlaceSearchInputvue_type_template_id_65bc08c3_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',{directives:[{name:"model",rawName:"v-model",value:(_vm.inputValue),expression:"inputValue"}],ref:"input",attrs:{"placeholder":_vm.placeholder},domProps:{"value":(_vm.inputValue)},on:{"blur":function($event){return _vm.handleBlur()},"input":function($event){if($event.target.composing)return;_vm.inputValue=$event.target.value}}})])
+;// 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=0b77a6ce&scoped=true&lang=pug
+var VAMapPlaceSearchInputvue_type_template_id_0b77a6ce_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()},"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_65bc08c3_scoped_true_lang_pug_staticRenderFns = []
-
+var VAMapPlaceSearchInputvue_type_template_id_0b77a6ce_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: {
@@ -1366,6 +1387,10 @@ var VAMapPlaceSearchInputvue_type_template_id_65bc08c3_scoped_true_lang_pug_stat
 			type: String,
 			default: ''
 		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
 		customEnable: {
 			type: Boolean,
 			default: true
@@ -1374,95 +1399,135 @@ var VAMapPlaceSearchInputvue_type_template_id_65bc08c3_scoped_true_lang_pug_stat
 	data() {
 		return {
 			AMap: null,
-			inputValue: '',
-			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.inputValue = ''
-			this.placeName = ''
-			this.$emit('change', this.placeName)
-			this.$emit('locationChange', null)
+		handlePlaceSelect(place = null) {
+			this.place = place
+			this.placeList = []
+		},
+		handleFocus() {
+			if (this.value?.trim()) {
+				this.getPlaceList()
+			}
 		},
 		handleBlur() {
-			if (this.inputValue !== this.placeName) {
-				if (this.customEnable) {
-					this.$emit('change', this.inputValue)
-				} else {
-					this.clear()
-				}
+			if (this.customEnable) return
+			if (this.value !== this.place?.name) {
+				this.clear()
 			}
 		},
-		handleInput(event) {
-			this.inputValue = event.target.value
+		optionsHideListener(event) {
+			if (utils_isParentNode(this.$el, event.target)) return
+			this.placeList = []
+		},
+		clear() {
+			this.place = null
+			this.$emit('change', '')
 		}
+		// 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)
+		// 			}
+		// 		}
+		// 	)
+		// },
 	}
 });
 
 ;// 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=65bc08c3&prod&lang=stylus&scoped=true
-var VAMapPlaceSearchInputvue_type_style_index_0_id_65bc08c3_prod_lang_stylus_scoped_true = __webpack_require__(698);
-;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=0&id=65bc08c3&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=0&id=0b77a6ce&prod&lang=stylus&scoped=true
+var VAMapPlaceSearchInputvue_type_style_index_0_id_0b77a6ce_prod_lang_stylus_scoped_true = __webpack_require__(985);
+;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=0&id=0b77a6ce&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=65bc08c3&prod&lang=stylus
-var VAMapPlaceSearchInputvue_type_style_index_1_id_65bc08c3_prod_lang_stylus = __webpack_require__(692);
-;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=1&id=65bc08c3&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=1&id=0b77a6ce&prod&lang=stylus
+var VAMapPlaceSearchInputvue_type_style_index_1_id_0b77a6ce_prod_lang_stylus = __webpack_require__(427);
+;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue?vue&type=style&index=1&id=0b77a6ce&prod&lang=stylus
 
 ;// CONCATENATED MODULE: ./src/Components/VAMapPlaceSearchInput.vue
 
@@ -1476,11 +1541,11 @@ var VAMapPlaceSearchInputvue_type_style_index_1_id_65bc08c3_prod_lang_stylus = _
 
 var VAMapPlaceSearchInput_component = normalizeComponent(
   Components_VAMapPlaceSearchInputvue_type_script_lang_js,
-  VAMapPlaceSearchInputvue_type_template_id_65bc08c3_scoped_true_lang_pug_render,
-  VAMapPlaceSearchInputvue_type_template_id_65bc08c3_scoped_true_lang_pug_staticRenderFns,
+  VAMapPlaceSearchInputvue_type_template_id_0b77a6ce_scoped_true_lang_pug_render,
+  VAMapPlaceSearchInputvue_type_template_id_0b77a6ce_scoped_true_lang_pug_staticRenderFns,
   false,
   null,
-  "65bc08c3",
+  "0b77a6ce",
   null
   
 )
@@ -1502,7 +1567,7 @@ var VAMapPlaceSearchInput_component = normalizeComponent(
 ]);
 
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"i8":"1.2.0"};
+var package_namespaceObject = {"i8":"1.3.0"};
 ;// CONCATENATED MODULE: ./src/config/index.js