You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
2.7 KiB
101 lines
2.7 KiB
2 years ago
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
var component_1 = require("../common/component");
|
||
|
|
var version_1 = require("../common/version");
|
||
|
|
(0, component_1.VantComponent)({
|
||
|
|
field: true,
|
||
|
|
classes: ['field-class', 'input-class', 'cancel-class'],
|
||
|
|
props: {
|
||
|
|
value: {
|
||
|
|
type: String,
|
||
|
|
value: '',
|
||
|
|
},
|
||
|
|
label: String,
|
||
|
|
focus: Boolean,
|
||
|
|
error: Boolean,
|
||
|
|
disabled: Boolean,
|
||
|
|
readonly: Boolean,
|
||
|
|
inputAlign: String,
|
||
|
|
showAction: Boolean,
|
||
|
|
useActionSlot: Boolean,
|
||
|
|
useLeftIconSlot: Boolean,
|
||
|
|
useRightIconSlot: Boolean,
|
||
|
|
leftIcon: {
|
||
|
|
type: String,
|
||
|
|
value: 'search',
|
||
|
|
},
|
||
|
|
rightIcon: String,
|
||
|
|
placeholder: String,
|
||
|
|
placeholderStyle: String,
|
||
|
|
actionText: {
|
||
|
|
type: String,
|
||
|
|
value: '取消',
|
||
|
|
},
|
||
|
|
background: {
|
||
|
|
type: String,
|
||
|
|
value: '#ffffff',
|
||
|
|
},
|
||
|
|
maxlength: {
|
||
|
|
type: Number,
|
||
|
|
value: -1,
|
||
|
|
},
|
||
|
|
shape: {
|
||
|
|
type: String,
|
||
|
|
value: 'square',
|
||
|
|
},
|
||
|
|
clearable: {
|
||
|
|
type: Boolean,
|
||
|
|
value: true,
|
||
|
|
},
|
||
|
|
clearTrigger: {
|
||
|
|
type: String,
|
||
|
|
value: 'focus',
|
||
|
|
},
|
||
|
|
clearIcon: {
|
||
|
|
type: String,
|
||
|
|
value: 'clear',
|
||
|
|
},
|
||
|
|
cursorSpacing: {
|
||
|
|
type: Number,
|
||
|
|
value: 0,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onChange: function (event) {
|
||
|
|
if ((0, version_1.canIUseModel)()) {
|
||
|
|
this.setData({ value: event.detail });
|
||
|
|
}
|
||
|
|
this.$emit('change', event.detail);
|
||
|
|
},
|
||
|
|
onCancel: function () {
|
||
|
|
var _this = this;
|
||
|
|
/**
|
||
|
|
* 修复修改输入框值时，输入框失焦和赋值同时触发，赋值失效
|
||
|
|
* https://github.com/youzan/vant-weapp/issues/1768
|
||
|
|
*/
|
||
|
|
setTimeout(function () {
|
||
|
|
if ((0, version_1.canIUseModel)()) {
|
||
|
|
_this.setData({ value: '' });
|
||
|
|
}
|
||
|
|
_this.$emit('cancel');
|
||
|
|
_this.$emit('change', '');
|
||
|
|
}, 200);
|
||
|
|
},
|
||
|
|
onSearch: function (event) {
|
||
|
|
this.$emit('search', event.detail);
|
||
|
|
},
|
||
|
|
onFocus: function (event) {
|
||
|
|
this.$emit('focus', event.detail);
|
||
|
|
},
|
||
|
|
onBlur: function (event) {
|
||
|
|
this.$emit('blur', event.detail);
|
||
|
|
},
|
||
|
|
onClear: function (event) {
|
||
|
|
this.$emit('clear', event.detail);
|
||
|
|
},
|
||
|
|
onClickInput: function (event) {
|
||
|
|
this.$emit('click-input', event.detail);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|