vap1 0.2.2 → 0.2.4

package/components/_setup/SearchField/SearchFieldDate.js

@@ -1,47 +1,74 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const dayjs_1 = __importDefault(require("dayjs"));
-const _register_1 = require("../../SearchBar/_register");
-const antd_1 = require("antd");
-const SearchFieldInput_1 = require("./SearchFieldInput");
-const DateRange_1 = require("../../_common/DateRange");
-const MonthRange_1 = require("../../_common/MonthRange");
-const utils_1 = require("../../../utils");
-(0, _register_1.registerSearchField)('datetime', (props) => {
-    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
-    let param = {
+var react_1 = __importDefault(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var dayjs_1 = __importDefault(require("dayjs"));
+var _register_1 = require("../../SearchBar/_register");
+var antd_1 = require("antd");
+var SearchFieldInput_1 = require("./SearchFieldInput");
+var DateRange_1 = require("../../_common/DateRange");
+var MonthRange_1 = require("../../_common/MonthRange");
+var utils_1 = require("../../../utils");
+(0, _register_1.registerSearchField)('datetime', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
+    var param = {
         allowClear: allowClear,
-        placeholder,
-        disabled,
+        placeholder: placeholder,
+        disabled: disabled,
         format: lodash_1.default.has(config, 'format') ? config.format : utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT,
     };
     if (data[field])
         param.value = (0, dayjs_1.default)(data[field]);
-    return react_1.default.createElement(antd_1.DatePicker, Object.assign({}, config, param, { style: { width }, showTime: true, onChange: date => onChange(date ? date.format(param.format) : '') }));
+    return react_1.default.createElement(antd_1.DatePicker, __assign({}, config, param, { style: { width: width }, showTime: true, onChange: function (date) { return onChange(date ? date.format(param.format) : ''); } }));
 });
-(0, _register_1.registerSearchField)('date', (props) => {
-    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
-    let param = {
+(0, _register_1.registerSearchField)('date', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
+    var param = {
         allowClear: allowClear,
-        placeholder,
-        disabled,
+        placeholder: placeholder,
+        disabled: disabled,
         format: lodash_1.default.has(config, 'format') ? config.format : utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT,
     };
     if (data[field])
         param.value = (0, dayjs_1.default)(data[field]);
-    return react_1.default.createElement(antd_1.DatePicker, Object.assign({}, config, param, { style: { width }, showTime: false, onChange: date => onChange(date ? date.format(param.format) : '') }));
+    return react_1.default.createElement(antd_1.DatePicker, __assign({}, config, param, { style: { width: width }, showTime: false, onChange: function (date) { return onChange(date ? date.format(param.format) : ''); } }));
 });
-(0, _register_1.registerSearchField)('month', (props) => {
-    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
-    let param = {
-        allowClear,
-        placeholder,
-        disabled,
+(0, _register_1.registerSearchField)('month', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
+    var param = {
+        allowClear: allowClear,
+        placeholder: placeholder,
+        disabled: disabled,
         // showTime: false,
         // format: _.has(config, 'format') ? config.format : GLOBAL.CONFIG.DATE.MONTH_FORMAT,
     };
@@ -49,7 +76,7 @@ const utils_1 = require("../../../utils");
     // props.show
     if (data[field])
         param.value = (0, dayjs_1.default)(data[field]);
-    return react_1.default.createElement(antd_1.DatePicker.MonthPicker, Object.assign({}, config, param, { style: { width }, onChange: date => {
+    return react_1.default.createElement(antd_1.DatePicker.MonthPicker, __assign({}, config, param, { style: { width: width }, onChange: function (date) {
             if (data == null) {
                 onChange('');
                 return;
@@ -69,56 +96,62 @@ const utils_1 = require("../../../utils");
             onChange(date.format(utils_1.GLOBAL.CONFIG.DATE.MONTH_FORMAT));
         } }));
 });
-const Range = (props) => {
-    const { field: { field, allowClear, }, disabled, onChange, data, width } = props;
-    let ptn = field.split(',');
+var Range = function (props) {
+    var _a = props.field, field = _a.field, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
+    var ptn = field.split(',');
     if (ptn.length != 2) {
         console.error('timerange field must hava a start and end, eg: field:"startTime,endTime"');
-        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, __assign({}, props));
     }
-    const [startField, endField] = ptn;
-    const params = {
+    var _b = __read(ptn, 2), startField = _b[0], endField = _b[1];
+    var params = {
         showTime: props.showTime,
         allowClear: allowClear !== false,
-        disabled,
-        onChange: ([start, end]) => onChange({
-            [startField]: start,
-            [endField]: end,
-        })
+        disabled: disabled,
+        onChange: function (_a) {
+            var _b;
+            var _c = __read(_a, 2), start = _c[0], end = _c[1];
+            return onChange((_b = {},
+                _b[startField] = start,
+                _b[endField] = end,
+                _b));
+        }
     };
     if (data[startField])
-        params.defaultStart = data[startField];
+        params.start = data[startField];
     if (data[endField])
-        params.defaultEnd = data[endField];
-    return react_1.default.createElement(DateRange_1.DateRange, Object.assign({}, params));
+        params.end = data[endField];
+    return react_1.default.createElement(DateRange_1.DateRange, __assign({}, params));
 };
-const AntdRnage = (props) => {
-    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
-    let ptn = field.split(',');
+var AntdRnage = function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
+    var ptn = field.split(',');
     if (ptn.length != 2) {
         console.error('timerange field must hava a start and end, eg: field:"startTime,endTime"');
-        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, __assign({}, props));
     }
-    const [startField, endField] = ptn;
-    const params = {
+    var _b = __read(ptn, 2), startField = _b[0], endField = _b[1];
+    var params = {
         value: [undefined, undefined],
-        allowClear,
-        disabled,
+        allowClear: allowClear,
+        disabled: disabled,
     };
     if (data[startField])
         params.value[0] = (0, dayjs_1.default)(data[startField]);
     if (data[endField])
         params.value[1] = (0, dayjs_1.default)(data[endField]);
-    let format = props.isDate ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss';
-    let showTime = !props.isDate;
+    var format = props.isDate ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss';
+    var showTime = !props.isDate;
     if (props.isDate) {
         if (config && config.showTime) {
             showTime = true;
         }
     }
-    return react_1.default.createElement(antd_1.DatePicker.RangePicker, Object.assign({}, params, { style: { width }, showTime: !props.isDate && showTime, format: format, onChange: ([start, end]) => {
+    return react_1.default.createElement(antd_1.DatePicker.RangePicker, __assign({}, params, { style: { width: width }, showTime: !props.isDate && showTime, format: format, onChange: function (_a) {
+            var _b, _c;
+            var _d = __read(_a, 2), start = _d[0], end = _d[1];
             if (start && end) {
-                let startFormat, endFormat;
+                var startFormat = void 0, endFormat = void 0;
                 if (props.isDate) {
                     if (showTime) {
                         startFormat = 'YYYY-MM-DD 00:00:00';
@@ -139,16 +172,16 @@ const AntdRnage = (props) => {
                         endFormat = 'YYYY-MM-DD HH:mm:ss';
                     }
                 }
-                onChange({
-                    [startField]: start.format(startFormat),
-                    [endField]: end.format(endFormat),
-                });
+                onChange((_b = {},
+                    _b[startField] = start.format(startFormat),
+                    _b[endField] = end.format(endFormat),
+                    _b));
             }
             else {
-                onChange({
-                    [startField]: undefined,
-                    [endField]: undefined,
-                });
+                onChange((_c = {},
+                    _c[startField] = undefined,
+                    _c[endField] = undefined,
+                    _c));
             }
         } }));
     // return <DatePicker.RangePicker
@@ -157,30 +190,34 @@ const AntdRnage = (props) => {
     //     {...field.config}
     // />
 };
-const MonthRangePicker = (props) => {
-    const { field: { field, allowClear, config }, disabled, onChange, data, width } = props;
-    let ptn = field.split(',');
+var MonthRangePicker = function (props) {
+    var _a = props.field, field = _a.field, allowClear = _a.allowClear, config = _a.config, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
+    var ptn = field.split(',');
     if (ptn.length != 2) {
         console.error('timerange field must hava a start and end, eg: field:"startTime,endTime"');
-        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, __assign({}, props));
     }
-    const [startField, endField] = ptn;
-    const params = {
+    var _b = __read(ptn, 2), startField = _b[0], endField = _b[1];
+    var params = {
         allowClear: allowClear !== false,
-        disabled,
-        onChange: ([start, end]) => onChange({
-            [startField]: start,
-            [endField]: end,
-        })
+        disabled: disabled,
+        onChange: function (_a) {
+            var _b;
+            var _c = __read(_a, 2), start = _c[0], end = _c[1];
+            return onChange((_b = {},
+                _b[startField] = start,
+                _b[endField] = end,
+                _b));
+        }
     };
     if (data[startField])
         params.defaultStart = data[startField];
     if (data[endField])
         params.defaultEnd = data[endField];
-    return react_1.default.createElement(MonthRange_1.MonthRange, Object.assign({}, config, { width: width }, params));
+    return react_1.default.createElement(MonthRange_1.MonthRange, __assign({}, config, { width: width }, params));
 };
-(0, _register_1.registerSearchField)('daterange', (props) => react_1.default.createElement(AntdRnage, Object.assign({}, props, { isDate: true })), { defaultSpan: 2 });
-(0, _register_1.registerSearchField)('daterange-single', (props) => react_1.default.createElement(Range, Object.assign({}, props, { showTime: false })), { defaultSpan: 2 });
-(0, _register_1.registerSearchField)('datetimerange', (props) => react_1.default.createElement(AntdRnage, Object.assign({}, props, { isDate: false })), { defaultSpan: 2 });
-(0, _register_1.registerSearchField)('datetimerange-single', (props) => react_1.default.createElement(Range, Object.assign({}, props, { showTime: true })), { defaultSpan: 2 });
-(0, _register_1.registerSearchField)('monthrange', (props) => react_1.default.createElement(MonthRangePicker, Object.assign({}, props)), { defaultSpan: 2 });
+(0, _register_1.registerSearchField)('daterange', function (props) { return react_1.default.createElement(AntdRnage, __assign({}, props, { isDate: true })); }, { defaultSpan: 2 });
+(0, _register_1.registerSearchField)('daterange-single', function (props) { return react_1.default.createElement(Range, __assign({}, props, { showTime: false })); }, { defaultSpan: 2 });
+(0, _register_1.registerSearchField)('datetimerange', function (props) { return react_1.default.createElement(AntdRnage, __assign({}, props, { isDate: false })); }, { defaultSpan: 2 });
+(0, _register_1.registerSearchField)('datetimerange-single', function (props) { return react_1.default.createElement(Range, __assign({}, props, { showTime: true })); }, { defaultSpan: 2 });
+(0, _register_1.registerSearchField)('monthrange', function (props) { return react_1.default.createElement(MonthRangePicker, __assign({}, props)); }, { defaultSpan: 2 });

package/components/_setup/SearchField/SearchFieldInput.js

@@ -1,20 +1,31 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TEXT = void 0;
-const react_1 = __importDefault(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const _register_1 = require("../../SearchBar/_register");
-const antd_1 = require("antd");
-const TEXT = (props) => {
-    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, triggerSearch, data, width } = props;
-    return react_1.default.createElement(antd_1.Input, Object.assign({ allowClear: allowClear !== false, placeholder: placeholder, disabled: disabled }, config, { style: { width }, value: data[field], onChange: (evt) => onChange(evt.target.value), onPressEnter: () => triggerSearch() }));
+var react_1 = __importDefault(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var _register_1 = require("../../SearchBar/_register");
+var antd_1 = require("antd");
+var TEXT = function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, triggerSearch = props.triggerSearch, data = props.data, width = props.width;
+    return react_1.default.createElement(antd_1.Input, __assign({ allowClear: allowClear !== false, placeholder: placeholder, disabled: disabled }, config, { style: { width: width }, value: data[field], onChange: function (evt) { return onChange(evt.target.value); }, onPressEnter: function () { return triggerSearch(); } }));
 };
 exports.TEXT = TEXT;
 (0, _register_1.registerSearchField)('text', exports.TEXT);
-(0, _register_1.registerSearchField)('number', (props) => {
-    const { field: { field, config, placeholder }, onChange, triggerSearch, data, width, disabled } = props;
-    return react_1.default.createElement(antd_1.InputNumber, Object.assign({ disabled: disabled, placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder }, config, { style: { width }, value: data[field], onChange: onChange, onPressEnter: () => triggerSearch() }));
+(0, _register_1.registerSearchField)('number', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, onChange = props.onChange, triggerSearch = props.triggerSearch, data = props.data, width = props.width, disabled = props.disabled;
+    return react_1.default.createElement(antd_1.InputNumber, __assign({ disabled: disabled, placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder }, config, { style: { width: width }, value: data[field], onChange: onChange, onPressEnter: function () { return triggerSearch(); } }));
 });

package/components/_setup/SearchField/SearchFieldSelect.js

@@ -1,87 +1,98 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const utils_1 = require("../../../utils");
-const _register_1 = require("../../SearchBar/_register");
-const antd_1 = require("antd");
-const Select_1 = require("../../_adapt/Select");
-const Radio_1 = require("../../_adapt/Radio");
-const SearchFieldInput_1 = require("./SearchFieldInput");
-(0, _register_1.registerSearchField)('select', (props) => {
-    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+var react_1 = __importDefault(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var utils_1 = require("../../../utils");
+var _register_1 = require("../../SearchBar/_register");
+var antd_1 = require("antd");
+var Select_1 = require("../../_adapt/Select");
+var Radio_1 = require("../../_adapt/Radio");
+var SearchFieldInput_1 = require("./SearchFieldInput");
+(0, _register_1.registerSearchField)('select', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
     if (!lodash_1.default.isArray(props.field.options)) {
         console.error('field type : select must have a options field');
-        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, __assign({}, props));
     }
-    let options = utils_1.PageUtil.getOptions(props.field.options);
-    let param = {
+    var options = utils_1.PageUtil.getOptions(props.field.options);
+    var param = {
         disabled: disabled,
         allowClear: typeof allowClear == 'boolean' ? allowClear : true,
         placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
         value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined,
-        style: { width },
+        style: { width: width },
     };
-    return react_1.default.createElement(Select_1.Select, Object.assign({}, param, config, { onChange: value => onChange(value) }), options.map(option => react_1.default.createElement(Select_1.Select.Option, { value: option.value }, option.label)));
+    return react_1.default.createElement(Select_1.Select, __assign({}, param, config, { onChange: function (value) { return onChange(value); } }), options.map(function (option) { return react_1.default.createElement(Select_1.Select.Option, { value: option.value }, option.label); }));
 });
-(0, _register_1.registerSearchField)('multi-select', (props) => {
-    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+(0, _register_1.registerSearchField)('multi-select', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
     if (!lodash_1.default.isArray(props.field.options)) {
         console.error('field type : select must have a options field');
-        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, __assign({}, props));
     }
-    let options = utils_1.PageUtil.getOptions(props.field.options);
-    let param = {
+    var options = utils_1.PageUtil.getOptions(props.field.options);
+    var param = {
         disabled: disabled,
         allowClear: typeof allowClear == 'boolean' ? allowClear : true,
         placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
         value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field].split(',') : [],
-        style: { width },
+        style: { width: width },
     };
-    return react_1.default.createElement(Select_1.Select, Object.assign({}, param, config, { mode: "multiple", onChange: value => onChange(value.join(',')) }), options.map(option => react_1.default.createElement(Select_1.Select.Option, { value: option.value + '' }, option.label)));
+    return react_1.default.createElement(Select_1.Select, __assign({}, param, config, { mode: "multiple", onChange: function (value) { return onChange(value.join(',')); } }), options.map(function (option) { return react_1.default.createElement(Select_1.Select.Option, { value: option.value + '' }, option.label); }));
 });
-(0, _register_1.registerSearchField)('radio', (props) => {
-    const { field: { field, config, }, disabled, onChange, data } = props;
+(0, _register_1.registerSearchField)('radio', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, disabled = props.disabled, onChange = props.onChange, data = props.data;
     if (!lodash_1.default.isArray(props.field.options)) {
         console.error('field type : select must have a options field');
-        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, __assign({}, props));
     }
-    let options = utils_1.PageUtil.getOptions(props.field.options);
-    return react_1.default.createElement(Radio_1.Radio.Group, Object.assign({}, config, { disabled: disabled, onChange: evt => onChange(evt.target.value), value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined, optionType: "default", options: options }));
+    var options = utils_1.PageUtil.getOptions(props.field.options);
+    return react_1.default.createElement(Radio_1.Radio.Group, __assign({}, config, { disabled: disabled, onChange: function (evt) { return onChange(evt.target.value); }, value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined, optionType: "default", options: options }));
 }, { outside: true });
-(0, _register_1.registerSearchField)('radio-button', (props) => {
-    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+(0, _register_1.registerSearchField)('radio-button', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
     if (!lodash_1.default.isArray(props.field.options)) {
         console.error('field type : select must have a options field');
-        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, __assign({}, props));
     }
-    let options = utils_1.PageUtil.getOptions(props.field.options);
-    return react_1.default.createElement(Radio_1.Radio.Group, Object.assign({}, config, { style: { width }, disabled: disabled, onChange: evt => onChange(evt.target.value), value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined, optionType: "button", buttonStyle: "solid", options: options }));
+    var options = utils_1.PageUtil.getOptions(props.field.options);
+    return react_1.default.createElement(Radio_1.Radio.Group, __assign({}, config, { style: { width: width }, disabled: disabled, onChange: function (evt) { return onChange(evt.target.value); }, value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined, optionType: "button", buttonStyle: "solid", options: options }));
 });
-(0, _register_1.registerSearchField)('checkbox', (props) => {
-    const { field: { field, config, }, disabled, onChange, data, width } = props;
+(0, _register_1.registerSearchField)('checkbox', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
     if (!lodash_1.default.isArray(props.field.options)) {
         console.error('field type : select must have a options field');
-        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, __assign({}, props));
     }
-    let options = utils_1.PageUtil.getOptions(props.field.options);
-    return react_1.default.createElement(antd_1.Checkbox.Group, Object.assign({}, config, { className: "i-checkbox", disabled: disabled, onChange: val => onChange(val.join(',')), value: (lodash_1.default.has(data, field) && data[field]) ? data[field].split(',') : [] }), options.map(option => react_1.default.createElement(antd_1.Checkbox, { value: option.value + '' }, option.label)));
+    var options = utils_1.PageUtil.getOptions(props.field.options);
+    return react_1.default.createElement(antd_1.Checkbox.Group, __assign({}, config, { className: "i-checkbox", disabled: disabled, onChange: function (val) { return onChange(val.join(',')); }, value: (lodash_1.default.has(data, field) && data[field]) ? data[field].split(',') : [] }), options.map(function (option) { return react_1.default.createElement(antd_1.Checkbox, { value: option.value + '' }, option.label); }));
 }, { outside: true });
-(0, _register_1.registerSearchField)('switch', (props) => {
-    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+(0, _register_1.registerSearchField)('switch', function (props) {
+    var _a = props.field, field = _a.field, config = _a.config, placeholder = _a.placeholder, allowClear = _a.allowClear, disabled = props.disabled, onChange = props.onChange, data = props.data, width = props.width;
     if (!lodash_1.default.isArray(props.field.options) || (props.field.options.length <= 1)) {
         console.error('Type Switch Must have 2 Options');
-        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, __assign({}, props));
     }
-    let options = utils_1.PageUtil.getOptions(props.field.options);
-    let CHECKED = utils_1.GLOBAL.CONFIG.FORM.SWITCH_DEFAULT_CHECKED;
+    var options = utils_1.PageUtil.getOptions(props.field.options);
+    var CHECKED = utils_1.GLOBAL.CONFIG.FORM.SWITCH_DEFAULT_CHECKED;
     if (lodash_1.default.has(config, 'reverse') && config.reverse)
         CHECKED = 1 - CHECKED;
-    let UNCHECKED = 1 - CHECKED;
-    return react_1.default.createElement(antd_1.Switch, Object.assign({ checkedChildren: options[CHECKED].label, unCheckedChildren: options[UNCHECKED].label }, config, { disabled: disabled, checked: (lodash_1.default.has(data, field) && data[field] == options[CHECKED].value), onChange: (isCheck, evt) => {
+    var UNCHECKED = 1 - CHECKED;
+    return react_1.default.createElement(antd_1.Switch, __assign({ checkedChildren: options[CHECKED].label, unCheckedChildren: options[UNCHECKED].label }, config, { disabled: disabled, checked: (lodash_1.default.has(data, field) && data[field] == options[CHECKED].value), onChange: function (isCheck, evt) {
             utils_1.PageUtil.stopEvent(evt);
             onChange(isCheck ? options[CHECKED].value : options[UNCHECKED].value);
         } }));