12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- import { VantComponent } from '../common/component';
- import { canIUseModel } from '../common/version';
- 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(event) {
- if (canIUseModel()) {
- this.setData({ value: event.detail });
- }
- this.$emit('change', event.detail);
- },
- onCancel() {
-
- setTimeout(() => {
- if (canIUseModel()) {
- this.setData({ value: '' });
- }
- this.$emit('cancel');
- this.$emit('change', '');
- }, 200);
- },
- onSearch(event) {
- this.$emit('search', event.detail);
- },
- onFocus(event) {
- this.$emit('focus', event.detail);
- },
- onBlur(event) {
- this.$emit('blur', event.detail);
- },
- onClear(event) {
- this.$emit('clear', event.detail);
- },
- onClickInput(event) {
- this.$emit('click-input', event.detail);
- },
- },
- });
|