mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-05 19:41:42 +08:00
83 lines
1.6 KiB
Vue
83 lines
1.6 KiB
Vue
<template>
|
|
<cell :class="b()">
|
|
<field
|
|
v-on="$listeners"
|
|
autosize
|
|
ref="field"
|
|
:rows="detailRows"
|
|
:clearable="!isAndroid"
|
|
type="textarea"
|
|
maxlength="200"
|
|
:value="value"
|
|
:error="error"
|
|
:label="$t('label')"
|
|
:placeholder="$t('placeholder')"
|
|
>
|
|
<span
|
|
v-if="showIcon && isAndroid"
|
|
slot="icon"
|
|
:class="b('finish')"
|
|
@click="$refs.field.blur()"
|
|
>
|
|
{{ $t('complete') }}
|
|
</span>
|
|
</field>
|
|
<cell
|
|
v-for="express in searchList"
|
|
:key="express.name + express.address"
|
|
:title="express.name"
|
|
:label="express.address"
|
|
icon="location"
|
|
clickable
|
|
@click="onSelect(express)"
|
|
/>
|
|
</cell>
|
|
</template>
|
|
|
|
<script>
|
|
import create from '../utils/create';
|
|
import Field from '../field';
|
|
import { isAndroid } from '../utils';
|
|
|
|
export default create({
|
|
name: 'address-edit-detail',
|
|
|
|
components: {
|
|
Field
|
|
},
|
|
|
|
props: {
|
|
value: String,
|
|
error: Boolean,
|
|
focused: Boolean,
|
|
detailRows: Number,
|
|
searchResult: Array,
|
|
showSearchResult: Boolean
|
|
},
|
|
|
|
created() {
|
|
this.isAndroid = isAndroid();
|
|
},
|
|
|
|
computed: {
|
|
searchList() {
|
|
if (this.showSearchResult && this.focused) {
|
|
return this.searchResult || [];
|
|
}
|
|
return [];
|
|
},
|
|
|
|
showIcon() {
|
|
return this.value && this.focused;
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
onSelect(express) {
|
|
this.$emit('select-search', express);
|
|
this.$emit('input', `${express.address || ''} ${express.name || ''}`.trim());
|
|
}
|
|
}
|
|
});
|
|
</script>
|