From fcdceea5e46fcca348443134872319b5d3d7aa5c Mon Sep 17 00:00:00 2001 From: wangwenrui Date: Sun, 14 Jun 2020 22:49:22 +0800 Subject: [PATCH] =?UTF-8?q?feat:explore=E8=87=AA=E5=8A=A8=E6=8F=90?= =?UTF-8?q?=E7=A4=BA=E8=BE=93=E5=85=A5=E6=A1=86=E4=B8=B4=E6=97=B6=E6=8F=90?= =?UTF-8?q?=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../page/dashboard/explore/editor.vue | 23 +++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) diff --git a/nezha-fronted/src/components/page/dashboard/explore/editor.vue b/nezha-fronted/src/components/page/dashboard/explore/editor.vue index 20cff71b0..5af1aabe7 100644 --- a/nezha-fronted/src/components/page/dashboard/explore/editor.vue +++ b/nezha-fronted/src/components/page/dashboard/explore/editor.vue @@ -80,12 +80,22 @@ }else if(/^[=]/g.test(char)){ if(operation=='insert'){ let labelValuesReg=/\{((\w*?=.*?,{0,1})+?)\}/ - let labelValues=labelValuesReg.exec(this.content)[0]; + if(labelValuesReg.test(this.content)){ + let labelValues=labelValuesReg.exec(this.content)[0] + if(labelValues){ + let unCompleteInputReg=/\w*?=[^"|\s]/ + if(unCompleteInputReg.test(labelValues)){ + let unCompleteInput=unCompleteInputReg.exec(labelValues)[0]; + unCompleteInput=unCompleteInput.substring(0,unCompleteInput.length-2) + let values=this.labelValues.get(unCompleteInput); + console.log('values',values) + this.noStyleSuggestions={values:values} + this.showSuggestions=this.deepClone(this.noStyleSuggestions); - - console.log('labelValues',labelValues,'cursor',cursor); - + } + } + } }else{ } @@ -151,6 +161,8 @@ this.handleMetricClick(item) }else if(type == 'labels'){ this.handleLabelClick(item) + }else if(type == 'values'){ + this.handleValueClick(item); } }, handleMetricClick:function(item){ @@ -169,6 +181,9 @@ this.quill.setSelection(this.cursorIndex+1) this.changeSuggestions('value') }) + }, + handleValueClick:function(item){ + }, toggleSelect:function(event){//上下键选择 if(!this.storedSuggestions||this.storedSuggestions.length<1){