demo-tabledata-redis/src/web/src/modules/components/parameter/parameter_input/input/input_number.ts

import { shortcut } from '../../../../core/core';
import { EditorXtype } from 'ui';
import { input } from './input.service';

@shortcut()
@input('number')
export class InputNumber extends BI.Widget {
    static xtype = 'plugin.report.json.components.parameter_input.number'

    props = {
        value: '',
    }

    input: any;
    
    render() {
        const { value } = this.options;
        
        return {
            type: EditorXtype,
            height: 22,
            allowBlank: true,
            value,
            ref: (_ref: any) => {
                this.input = _ref;
            },
            validationChecker: (v: string) => BI.isNumeric(v),
            listeners: [{
                eventName: BI.TextEditor.EVENT_CHANGE,
                action: () => {
                    const value = this.input.getValue();
                    this.fireEvent('EVENT_CHANGE', value);
                },
            }, {
                eventName: BI.TextEditor.EVENT_FOCUS,
                action: () => {
                    this.fireEvent('EVENT_FOCUS');
                },
            }],
        };
    }
}