(0, require("../common/component").VantComponent)({
    field: !0,
    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"
        },
        icon: {
            type: String,
            value: "search"
        },
        label: String
    },
    methods: {
        onChange: function(e) {
            this.set({
                value: e.detail.value
            }), this.$emit("change", e.detail.value);
        },
        onCancel: function() {
            this.set({
                value: ""
            }), this.$emit("cancel"), this.$emit("change", "");
        },
        onSearch: function() {
            this.$emit("search", this.data.value);
        },
        onFocus: function() {
            this.$emit("focus");
        },
        onBlur: function() {
            this.$emit("blur");
        },
        onClear: function() {
            this.$emit("clear");
        }
    }
});