vant-weapp/packages/search/index.ts

import { VantComponent } from '../common/component';
import { Weapp } from 'definitions/weapp';

VantComponent({
  field: true,

  classes: ['field-class', 'input-class', 'cancel-class'],

  props: {
    focus: Boolean,
    error: Boolean,
    disabled: Boolean,
    readonly: Boolean,
    inputAlign: String,
    showAction: Boolean,
    useActionSlot: Boolean,
    placeholder: String,
    placeholderStyle: String,
    background: {
      type: String,
      value: '#ffffff'
    },
    maxlength: {
      type: Number,
      value: -1
    },
    shape: {
      type: String,
      value: 'square'
    },
    label: String
  },

  methods: {
    onChange(event: Weapp.Event) {
      this.set({ value: event.detail });
      this.$emit('change', event.detail);
    },

    onCancel() {
      /**
       * 修复修改输入框值时，输入框失焦和赋值同时触发，赋值失效
       * // https://github.com/youzan/vant-weapp/issues/1768
       */
      setTimeout(() => {
        this.set({ value: '' });
        this.$emit('cancel');
        this.$emit('change', '');
      }, 200);
    },

    onSearch() {
      this.$emit('search', this.data.value);
    },

    onFocus() {
      this.$emit('focus');
    },

    onBlur() {
      this.$emit('blur');
    },

    onClear() {
      this.$emit('clear');
    },
  }
});