amis/lib/components/condition-builder/Value.js

一种MIS页面生成工具

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Value = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var theme_1 = require("../../theme");
var InputBox_1 = tslib_1.__importDefault(require("../InputBox"));
var NumberInput_1 = tslib_1.__importDefault(require("../NumberInput"));
var DatePicker_1 = tslib_1.__importDefault(require("../DatePicker"));
var Select_1 = tslib_1.__importDefault(require("../Select"));
var Switch_1 = tslib_1.__importDefault(require("../Switch"));
var locale_1 = require("../../locale");
var Value = /** @class */ (function (_super) {
    tslib_1.__extends(Value, _super);
    function Value() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    Value.prototype.render = function () {
        var _a = this.props, cx = _a.classnames, field = _a.field, value = _a.value, onChange = _a.onChange, op = _a.op, __ = _a.translate;
        var input = undefined;
        if (field.type === 'text') {
            input = (react_1.default.createElement(InputBox_1.default, { value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, placeholder: field.placeholder }));
        }
        else if (field.type === 'number') {
            input = (react_1.default.createElement(NumberInput_1.default, { placeholder: field.placeholder || __('NumberInput.placeholder'), min: field.minimum, max: field.maximum, value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange }));
        }
        else if (field.type === 'date') {
            input = (react_1.default.createElement(DatePicker_1.default, { placeholder: field.placeholder || __('Date.placeholder'), format: field.format || 'YYYY-MM-DD', inputFormat: field.inputFormat || 'YYYY-MM-DD', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: "" }));
        }
        else if (field.type === 'time') {
            input = (react_1.default.createElement(DatePicker_1.default, { viewMode: "time", placeholder: field.placeholder || 'Time.placeholder', format: field.format || 'HH:mm', inputFormat: field.inputFormat || 'HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, dateFormat: "", timeFormat: field.format || 'HH:mm' }));
        }
        else if (field.type === 'datetime') {
            input = (react_1.default.createElement(DatePicker_1.default, { placeholder: field.placeholder || '请选择日期时间', format: field.format || '', inputFormat: field.inputFormat || 'YYYY-MM-DD HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: field.timeFormat || 'HH:mm' }));
        }
        else if (field.type === 'select') {
            input = (react_1.default.createElement(Select_1.default, { simpleValue: true, options: field.options, value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, multiple: op === 'select_any_in' || op === 'select_not_any_in' }));
        }
        else if (field.type === 'boolean') {
            input = (react_1.default.createElement(Switch_1.default, { value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange }));
        }
        return react_1.default.createElement("div", { className: cx('CBValue') }, input);
    };
    return Value;
}(react_1.default.Component));
exports.Value = Value;
exports.default = theme_1.themeable(locale_1.localeable(Value));
//# sourceMappingURL=./components/condition-builder/Value.js.map