antd-mini/less/Input/index.js

antd-mini 是支付宝小程序 UI 组件库，遵循 Ant Design 规范。

import { Component, triggerEvent } from '../_util/simply';
import { InputDefaultProps } from './props';
import mixinValue from '../mixins/value';
Component(InputDefaultProps, {
    onChange: function (e) {
        var value = e.detail.value;
        if (!this.isControlled()) {
            this.update(value);
        }
        triggerEvent(this, 'change', value, e);
    },
    onFocus: function (e) {
        var value = e.detail.value;
        this.setData({
            selfFocus: true,
        });
        triggerEvent(this, 'focus', value, e);
    },
    onBlur: function (e) {
        var value = e.detail.value;
        this.setData({
            selfFocus: false,
        });
        triggerEvent(this, 'blur', value, e);
    },
    onConfirm: function (e) {
        var value = e.detail.value;
        triggerEvent(this, 'confirm', value, e);
    },
    onClear: function (e) {
        if (!this.isControlled()) {
            this.update('');
        }
        triggerEvent(this, 'change', '', e);
    },
}, {
    selfFocus: false,
}, [mixinValue({ scopeKey: 'state' })]);