vap1 0.2.3 → 0.2.4

package/components/_setup/UForm/UFormDate.js

@@ -1,4 +1,15 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -22,47 +33,63 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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 = __importStar(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const antd_1 = require("antd");
-const _register_1 = require("../../UForm/_register");
-const _input_1 = require("../../UForm/_input");
-const utils_1 = require("../../../utils");
-const DateRange_1 = require("../../_common/DateRange");
-const dayjs_1 = __importDefault(require("dayjs"));
-const Const_1 = require("../Const");
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var antd_1 = require("antd");
+var _register_1 = require("../../UForm/_register");
+var _input_1 = require("../../UForm/_input");
+var utils_1 = require("../../../utils");
+var DateRange_1 = require("../../_common/DateRange");
+var dayjs_1 = __importDefault(require("dayjs"));
+var Const_1 = require("../Const");
 // 日期输入相关的组件
-const DatePick = (props) => {
-    const { field, disabled, value, form, onChange } = props;
-    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+var DatePick = function (props) {
+    var field = props.field, disabled = props.disabled, value = props.value, form = props.form, onChange = props.onChange;
+    var params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled: disabled, allowClear: true };
     if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
         params.allowClear = false;
     if (field.config && field.config._startField) {
-        params.disabledDate = (current) => {
-            let startStr = form.getFieldValue(field.config._startField);
+        params.disabledDate = function (current) {
+            var startStr = form.getFieldValue(field.config._startField);
             if (startStr == null || field.config._startField == '')
                 return false;
             return (0, dayjs_1.default)(startStr).diff(current) > 0;
         };
     }
     else if (field.config && field.config._endField) {
-        params.disabledDate = (current) => {
-            let endDateStr = form.getFieldValue(field.config._endField);
+        params.disabledDate = function (current) {
+            var endDateStr = form.getFieldValue(field.config._endField);
             if (endDateStr == null || field.config._endField == '')
                 return false;
             return (0, dayjs_1.default)(endDateStr).diff(current) < 0;
         };
     }
     if (value) {
-        let day = (0, dayjs_1.default)(value);
+        var day = (0, dayjs_1.default)(value);
         if (day.isValid())
             params.value = day;
     }
-    const format = (0, react_1.useMemo)(() => {
+    var format = (0, react_1.useMemo)(function () {
         var _a;
         if ((_a = field.config) === null || _a === void 0 ? void 0 : _a.format)
             return field.config.format;
@@ -70,7 +97,7 @@ const DatePick = (props) => {
             return utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT;
         return utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT;
     }, []);
-    return react_1.default.createElement(antd_1.DatePicker, Object.assign({ style: { width: '80%' } }, params, field.config, { showTime: props.showTime, format: format, onChange: day => {
+    return react_1.default.createElement(antd_1.DatePicker, __assign({ style: { width: '80%' } }, params, field.config, { showTime: props.showTime, format: format, onChange: function (day) {
             if (day == null) {
                 onChange(undefined);
             }
@@ -79,36 +106,36 @@ const DatePick = (props) => {
             }
         } }));
 };
-const DatePickRender = (value, data, field, showTime) => {
+var DatePickRender = function (value, data, field, showTime) {
     if (field.render)
         return field.render(value, data);
     if (value == null || value == '')
         return '';
-    let mnt = (0, dayjs_1.default)(value);
+    var mnt = (0, dayjs_1.default)(value);
     if (mnt.isValid()) {
-        const format = lodash_1.default.has(field.config, 'format') ? field.config.format : (showTime ? utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT : utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT);
+        var format = lodash_1.default.has(field.config, 'format') ? field.config.format : (showTime ? utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT : utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT);
         return mnt.format(format);
     }
     return '';
 };
-(0, _register_1.registerFormField)('date', (props) => react_1.default.createElement(DatePick, Object.assign({}, props, { showTime: false })), {
-    render: (value, data, field) => DatePickRender(value, data, field, false)
+(0, _register_1.registerFormField)('date', function (props) { return react_1.default.createElement(DatePick, __assign({}, props, { showTime: false })); }, {
+    render: function (value, data, field) { return DatePickRender(value, data, field, false); }
 });
-(0, _register_1.registerFormField)('datetime', (props) => react_1.default.createElement(DatePick, Object.assign({}, props, { showTime: true })), {
-    render: (value, data, field) => DatePickRender(value, data, field, true)
+(0, _register_1.registerFormField)('datetime', function (props) { return react_1.default.createElement(DatePick, __assign({}, props, { showTime: true })); }, {
+    render: function (value, data, field) { return DatePickRender(value, data, field, true); }
 });
-(0, _register_1.registerFormField)('month', (props) => {
-    const { field, disabled, value, onChange } = props;
-    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+(0, _register_1.registerFormField)('month', function (props) {
+    var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
+    var params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled: disabled, allowClear: true };
     if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
         params.allowClear = false;
     if (value) {
-        let day = (0, dayjs_1.default)(value);
+        var day = (0, dayjs_1.default)(value);
         if (day.isValid())
             params.value = day;
     }
-    const format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.MONTH_FORMAT;
-    return react_1.default.createElement(antd_1.DatePicker.MonthPicker, Object.assign({ style: { width: '80%' } }, params, field.config, { format: format, onChange: day => {
+    var format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.MONTH_FORMAT;
+    return react_1.default.createElement(antd_1.DatePicker.MonthPicker, __assign({ style: { width: '80%' } }, params, field.config, { format: format, onChange: function (day) {
             if (day == null) {
                 onChange(undefined);
             }
@@ -117,31 +144,31 @@ const DatePickRender = (value, data, field, showTime) => {
             }
         } }));
 }, {
-    render: (value, data, field) => {
+    render: function (value, data, field) {
         if (field.render)
             return field.render(value, data);
         if (value == null || value == '')
             return '';
-        let mnt = (0, dayjs_1.default)(value);
+        var mnt = (0, dayjs_1.default)(value);
         if (mnt.isValid()) {
-            const format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.MONTH_FORMAT;
+            var format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.MONTH_FORMAT;
             return mnt.format(format);
         }
         return '';
     }
 });
-(0, _register_1.registerFormField)('week', (props) => {
-    const { field, disabled, value, onChange } = props;
-    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+(0, _register_1.registerFormField)('week', function (props) {
+    var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
+    var params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled: disabled, allowClear: true };
     if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
         params.allowClear = false;
     if (value) {
-        let day = (0, dayjs_1.default)(value);
+        var day = (0, dayjs_1.default)(value);
         if (day.isValid())
             params.value = day;
     }
-    const format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.WEEK_FORMAT;
-    return react_1.default.createElement(antd_1.DatePicker.WeekPicker, Object.assign({ style: { width: '80%' } }, params, field.config, { format: format, onChange: day => {
+    var format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.WEEK_FORMAT;
+    return react_1.default.createElement(antd_1.DatePicker.WeekPicker, __assign({ style: { width: '80%' } }, params, field.config, { format: format, onChange: function (day) {
             if (day == null) {
                 onChange(undefined);
             }
@@ -150,36 +177,36 @@ const DatePickRender = (value, data, field, showTime) => {
             }
         } }));
 }, {
-    render: (value, data, field) => {
+    render: function (value, data, field) {
         if (field.render)
             return field.render(value, data);
         if (value == null || value == '')
             return '';
-        let mnt = (0, dayjs_1.default)(value);
+        var mnt = (0, dayjs_1.default)(value);
         if (mnt.isValid()) {
-            const format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.WEEK_FORMAT;
+            var format = lodash_1.default.has(field.config, 'format') ? field.config.format : utils_1.GLOBAL.CONFIG.DATE.WEEK_FORMAT;
             return mnt.format(format);
         }
         return '';
     }
 });
-(0, _register_1.registerFormField)('time', (props) => {
-    const { field, disabled, value, onChange } = props;
-    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+(0, _register_1.registerFormField)('time', function (props) {
+    var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
+    var params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled: disabled, allowClear: true };
     if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
         params.allowClear = false;
-    const format = (0, react_1.useMemo)(() => {
+    var format = (0, react_1.useMemo)(function () {
         var _a;
         if ((_a = field.config) === null || _a === void 0 ? void 0 : _a.format)
             return field.config.format;
         return utils_1.GLOBAL.CONFIG.DATE.TIME_FORMAT;
     }, []);
     if (value) {
-        let day = (0, dayjs_1.default)(value, format);
+        var day = (0, dayjs_1.default)(value, format);
         if (day.isValid())
             params.value = day;
     }
-    return react_1.default.createElement(antd_1.TimePicker, Object.assign({ style: { width: '80%' } }, params, field.config, { format: format, onChange: day => {
+    return react_1.default.createElement(antd_1.TimePicker, __assign({ style: { width: '80%' } }, params, field.config, { format: format, onChange: function (day) {
             if (day == null) {
                 onChange(undefined);
             }
@@ -188,10 +215,10 @@ const DatePickRender = (value, data, field, showTime) => {
             }
         } }));
 });
-(0, _register_1.registerFormField)('timerange', (props) => {
-    const { field, disabled, value, onChange } = props;
-    const ptn = (0, react_1.useMemo)(() => field.field.split(','), []);
-    const format = (0, react_1.useMemo)(() => {
+(0, _register_1.registerFormField)('timerange', function (props) {
+    var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
+    var ptn = (0, react_1.useMemo)(function () { return field.field.split(','); }, []);
+    var format = (0, react_1.useMemo)(function () {
         var _a;
         if ((_a = field.config) === null || _a === void 0 ? void 0 : _a.format)
             return field.config.format;
@@ -199,37 +226,37 @@ const DatePickRender = (value, data, field, showTime) => {
     }, []);
     if (ptn.length != 2) {
         console.error('daterange field must hava a start and end, eg: field:"startTime,endTime"');
-        return react_1.default.createElement(antd_1.TimePicker, { value: value, onChange: (val) => onChange(val.format(format)), disabled: disabled });
+        return react_1.default.createElement(antd_1.TimePicker, { value: value, onChange: function (val) { return onChange(val.format(format)); }, disabled: disabled });
     }
-    const [startField, endField] = ptn;
-    let startProps = { disabled, format };
-    let endProps = { disabled, format };
+    var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
+    var startProps = { disabled: disabled, format: format };
+    var endProps = { disabled: disabled, format: format };
     if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true })) {
         startProps.allowClear = false;
         endProps.allowClear = false;
     }
     if (value) {
         if (value[startField]) {
-            let day = (0, dayjs_1.default)(value[startField], format);
+            var day = (0, dayjs_1.default)(value[startField], format);
             if (day.isValid())
                 startProps.value = day;
         }
         if (value[endField]) {
-            let day = (0, dayjs_1.default)(value[endField], format);
+            var day = (0, dayjs_1.default)(value[endField], format);
             if (day.isValid())
                 endProps.value = day;
         }
         if (!lodash_1.default.has(field, 'config.cross') || field.config.cross != true) {
             if (endProps.value) {
                 startProps.hideDisabledOptions = true;
-                startProps.disabledHours = () => lodash_1.default.range(endProps.value.hour() + 1, 24);
-                startProps.disabledMinutes = (selectedHour) => {
+                startProps.disabledHours = function () { return lodash_1.default.range(endProps.value.hour() + 1, 24); };
+                startProps.disabledMinutes = function (selectedHour) {
                     if (selectedHour == endProps.value.hour()) {
                         return lodash_1.default.range(endProps.value.minute() + 1, 60);
                     }
                     return [];
                 };
-                startProps.disabledSeconds = (selectedHour, selectedMinute) => {
+                startProps.disabledSeconds = function (selectedHour, selectedMinute) {
                     if (selectedHour == endProps.value.hour() && selectedMinute == endProps.value.minute()) {
                         return lodash_1.default.range(endProps.value.second() + 1, 60);
                     }
@@ -238,14 +265,14 @@ const DatePickRender = (value, data, field, showTime) => {
             }
             if (startProps.value) {
                 endProps.hideDisabledOptions = true;
-                endProps.disabledHours = () => lodash_1.default.range(0, startProps.value.hour());
-                endProps.disabledMinutes = (selectedHour) => {
+                endProps.disabledHours = function () { return lodash_1.default.range(0, startProps.value.hour()); };
+                endProps.disabledMinutes = function (selectedHour) {
                     if (selectedHour == startProps.value.hour()) {
                         return lodash_1.default.range(0, startProps.value.minute());
                     }
                     return [];
                 };
-                endProps.disabledSeconds = (selectedHour, selectedMinute) => {
+                endProps.disabledSeconds = function (selectedHour, selectedMinute) {
                     if (selectedHour == startProps.value.hour() && selectedMinute == startProps.value.minute()) {
                         return lodash_1.default.range(0, startProps.value.second());
                     }
@@ -255,72 +282,76 @@ const DatePickRender = (value, data, field, showTime) => {
         }
     }
     return react_1.default.createElement(antd_1.Input.Group, null,
-        react_1.default.createElement(antd_1.TimePicker, Object.assign({ style: { width: '40%' } }, startProps, { 
+        react_1.default.createElement(antd_1.TimePicker, __assign({ style: { width: '40%' } }, startProps, { 
             // {...field.config}
-            format: format, onChange: time => {
+            format: format, onChange: function (time) {
+                var _a, _b;
                 if (time == null) {
-                    onChange({ [startField]: null, [endField]: (value && value[endField]) ? value[endField] : null });
+                    onChange((_a = {}, _a[startField] = null, _a[endField] = (value && value[endField]) ? value[endField] : null, _a));
                 }
                 else {
-                    onChange({ [startField]: time.format(format), [endField]: (value && value[endField]) ? value[endField] : null });
+                    onChange((_b = {}, _b[startField] = time.format(format), _b[endField] = (value && value[endField]) ? value[endField] : null, _b));
                 }
             } })),
         react_1.default.createElement(antd_1.Button, { ghost: true, disabled: true, style: { border: 'none' } }, "~"),
-        react_1.default.createElement(antd_1.TimePicker, Object.assign({ style: { width: '40%' } }, endProps, { format: format, onChange: time => {
+        react_1.default.createElement(antd_1.TimePicker, __assign({ style: { width: '40%' } }, endProps, { format: format, onChange: function (time) {
+                var _a, _b;
                 if (time == null) {
-                    onChange({ [startField]: (value && value[startField]) ? value[startField] : null, [endField]: null });
+                    onChange((_a = {}, _a[startField] = (value && value[startField]) ? value[startField] : null, _a[endField] = null, _a));
                 }
                 else {
-                    onChange({ [startField]: (value && value[startField]) ? value[startField] : null, [endField]: time.format(format) });
+                    onChange((_b = {}, _b[startField] = (value && value[startField]) ? value[startField] : null, _b[endField] = time.format(format), _b));
                 }
             } })));
 }, {
     isMultiple: true,
-    render: (value, data, field) => {
-        const ptn = field.field.split(',');
+    render: function (value, data, field) {
+        var ptn = field.field.split(',');
         if (ptn.length != 2)
             return '';
-        const [startField, endField] = ptn;
+        var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
         if (data[startField] && data[endField]) {
-            return `${data[startField]} - ${data[endField]}`;
+            return "".concat(data[startField], " - ").concat(data[endField]);
         }
         return '';
     }
 });
-const AntdRangePick = (props) => {
-    const { field, disabled, value, onChange } = props;
-    let ptn = field.field.split(',');
+var AntdRangePick = function (props) {
+    var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange;
+    var ptn = field.field.split(',');
     if (ptn.length != 2) {
         console.error('daterange field must hava a start and end, eg: field:"startTime,endTime"');
-        return react_1.default.createElement(DatePick, Object.assign({}, props));
+        return react_1.default.createElement(DatePick, __assign({}, props));
     }
-    const [startField, endField] = ptn;
-    let params = { disabled, allowClear: true };
+    var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
+    var params = { disabled: disabled, allowClear: true };
     if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
         params.allowClear = false;
     params.value = [undefined, undefined];
     if (value) {
         if (value[startField]) {
-            let day = (0, dayjs_1.default)(value[startField]);
+            var day = (0, dayjs_1.default)(value[startField]);
             if (day.isValid())
                 params.value[0] = day;
         }
         if (value[endField]) {
-            let day = (0, dayjs_1.default)(value[endField]);
+            var day = (0, dayjs_1.default)(value[endField]);
             if (day.isValid())
                 params.value[1] = day;
         }
     }
-    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 (field.config && field.config.showTime) {
             showTime = true;
         }
     }
-    return react_1.default.createElement(antd_1.DatePicker.RangePicker, Object.assign({ style: { width: '80%' } }, params, field.config, { showTime: !props.isDate && showTime, format: format, onChange: ([start, end]) => {
+    return react_1.default.createElement(antd_1.DatePicker.RangePicker, __assign({ style: { width: '80%' } }, params, field.config, { 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';
@@ -341,61 +372,66 @@ const AntdRangePick = (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));
             }
         } }));
 };
-const DateRangePick = (props) => {
-    const { field, disabled, value, onChange, showTime } = props;
-    let ptn = field.field.split(',');
+var DateRangePick = function (props) {
+    var field = props.field, disabled = props.disabled, value = props.value, onChange = props.onChange, showTime = props.showTime;
+    var ptn = field.field.split(',');
     if (ptn.length != 2) {
         console.error('daterange field must hava a start and end, eg: field:"startTime,endTime"');
-        return react_1.default.createElement(DatePick, Object.assign({}, props));
+        return react_1.default.createElement(DatePick, __assign({}, props));
     }
-    const [startField, endField] = ptn;
-    let params = {
-        disabled, allowClear: true, showTime, onChange: ([start, end]) => {
-            onChange({
-                [startField]: start || undefined,
-                [endField]: end || undefined,
-            });
+    var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
+    var params = {
+        disabled: disabled,
+        allowClear: true,
+        showTime: showTime,
+        onChange: function (_a) {
+            var _b;
+            var _c = __read(_a, 2), start = _c[0], end = _c[1];
+            onChange((_b = {},
+                _b[startField] = start || undefined,
+                _b[endField] = end || undefined,
+                _b));
         }
     };
     if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
         params.allowClear = false;
     if (value) {
         if (value[startField]) {
-            let day = (0, dayjs_1.default)(value[startField]);
+            var day = (0, dayjs_1.default)(value[startField]);
             if (day.isValid())
                 params.start = day;
         }
         if (value[endField]) {
-            let day = (0, dayjs_1.default)(value[endField]);
+            var day = (0, dayjs_1.default)(value[endField]);
             if (day.isValid())
                 params.end = day;
         }
     }
-    return react_1.default.createElement(DateRange_1.DateRange, Object.assign({}, field.config, params));
+    return react_1.default.createElement(DateRange_1.DateRange, __assign({}, field.config, params));
 };
-const RangePickRender = (value, data, field, showTime) => {
+var RangePickRender = function (value, data, field, showTime) {
     if (!lodash_1.default.isPlainObject) {
         if (lodash_1.default.isString(value))
             return value;
         return '';
     }
-    let ptn = field.field.split(',');
+    var ptn = field.field.split(',');
     if (ptn.length != 2)
         return '';
-    const [startField, endField] = ptn;
+    var _a = __read(ptn, 2), startField = _a[0], endField = _a[1];
     if (data[startField] == null && data[endField] == null)
         return '';
     if (data[startField] == null)
@@ -404,23 +440,23 @@ const RangePickRender = (value, data, field, showTime) => {
         return utils_1.i18n.txt(Const_1.V.DATE_END_TO, data[startField]);
     return utils_1.i18n.txt(Const_1.V.DATE_START_TO_END, data[startField], data[endField]);
 };
-(0, _register_1.registerFormField)('daterange', (props) => react_1.default.createElement(AntdRangePick, Object.assign({}, props, { isDate: true })), {
-    render: (value, data, field) => RangePickRender(value, data, field, false),
+(0, _register_1.registerFormField)('daterange', function (props) { return react_1.default.createElement(AntdRangePick, __assign({}, props, { isDate: true })); }, {
+    render: function (value, data, field) { return RangePickRender(value, data, field, false); },
     breakCol: true,
     isMultiple: true
 });
-(0, _register_1.registerFormField)('datetimerange', (props) => react_1.default.createElement(AntdRangePick, Object.assign({}, props, { isDate: false })), {
-    render: (value, data, field) => RangePickRender(value, data, field, true),
+(0, _register_1.registerFormField)('datetimerange', function (props) { return react_1.default.createElement(AntdRangePick, __assign({}, props, { isDate: false })); }, {
+    render: function (value, data, field) { return RangePickRender(value, data, field, true); },
     breakCol: true,
     isMultiple: true
 });
-(0, _register_1.registerFormField)('daterange-single', (props) => react_1.default.createElement(DateRangePick, Object.assign({}, props, { showTime: false })), {
-    render: (value, data, field) => RangePickRender(value, data, field, false),
+(0, _register_1.registerFormField)('daterange-single', function (props) { return react_1.default.createElement(DateRangePick, __assign({}, props, { showTime: false })); }, {
+    render: function (value, data, field) { return RangePickRender(value, data, field, false); },
     breakCol: true,
     isMultiple: true
 });
-(0, _register_1.registerFormField)('datetimerange-single', (props) => react_1.default.createElement(DateRangePick, Object.assign({}, props, { showTime: true })), {
-    render: (value, data, field) => RangePickRender(value, data, field, true),
+(0, _register_1.registerFormField)('datetimerange-single', function (props) { return react_1.default.createElement(DateRangePick, __assign({}, props, { showTime: true })); }, {
+    render: function (value, data, field) { return RangePickRender(value, data, field, true); },
     breakCol: true,
     isMultiple: true
 });