|
|
@@ -2,11 +2,15 @@
|
|
|
<setting-item-box name="名称" :alone="true">
|
|
|
<n-input
|
|
|
type="text"
|
|
|
- maxlength="6"
|
|
|
- show-count
|
|
|
+ maxlength="12"
|
|
|
+ minlength="1"
|
|
|
placeholder="请输入图表名称"
|
|
|
size="small"
|
|
|
+ clearable
|
|
|
+ show-count
|
|
|
v-model:value="chartConfig.title"
|
|
|
+ @focus="handleFocus"
|
|
|
+ @blur="handleBlur"
|
|
|
></n-input>
|
|
|
</setting-item-box>
|
|
|
</template>
|
|
|
@@ -23,4 +27,16 @@ const props = defineProps({
|
|
|
},
|
|
|
})
|
|
|
|
|
|
+let valueCatch = ''
|
|
|
+
|
|
|
+const handleFocus = () => {
|
|
|
+ valueCatch = props.chartConfig.title
|
|
|
+}
|
|
|
+
|
|
|
+const handleBlur = () => {
|
|
|
+ if(!props.chartConfig.title.length) {
|
|
|
+ window['$message'].warning('请输入至少一个字符!')
|
|
|
+ props.chartConfig.title = valueCatch
|
|
|
+ }
|
|
|
+}
|
|
|
</script>
|