form-render-v3 3.0.0-alpha.1

package/lib/widgets/fields/dateRange/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Updated by Tw93 on 2019-12-08.
+ * 日历多选组件
+ */
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/widgets/fields/dateRange/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _quarterOfYear = _interopRequireDefault(require("dayjs/plugin/quarterOfYear"));
+var _DatePicker = _interopRequireDefault(require("../../components/DatePicker"));
+var _utils = require("../../utils");
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+/**
+ * Updated by Tw93 on 2019-12-08.
+ * 日历多选组件
+ */
+
+_dayjs.default.extend(_quarterOfYear.default);
+var RangePicker = _DatePicker.default.RangePicker;
+var DateRange = function DateRange(_a) {
+  var onChange = _a.onChange,
+    format = _a.format,
+    value = _a.value,
+    style = _a.style,
+    rest = (0, _tslib.__rest)(_a, ["onChange", "format", "value", "style"]);
+  var dateFormat = (0, _utils.getFormat)(format);
+  var valueObj = (0, _react.useMemo)(function () {
+    if (!value) {
+      return value;
+    }
+    return value.map(function (item) {
+      return (0, _utils.transformDateValue)(item, format, dateFormat);
+    });
+  }, [value]);
+  var handleChange = function handleChange(val, _stringList) {
+    var stringList = _stringList;
+    if (['week', 'quarter'].includes(format)) {
+      stringList = (val || []).map(function (item) {
+        return (0, _dayjs.default)(item).format(dateFormat);
+      });
+    }
+    var isPass = stringList.every(function (item) {
+      return !!item;
+    });
+    if (!isPass) {
+      stringList = null;
+    }
+    onChange(stringList);
+  };
+  var dateParams = {
+    value: valueObj,
+    style: Object.assign({
+      width: '100%'
+    }, style),
+    onChange: handleChange
+  };
+  // TODO: format是在options里自定义的情况，是否要判断一下要不要showTime
+  if (format === 'dateTime') {
+    dateParams.showTime = true;
+  }
+  if (['week', 'month', 'quarter', 'year'].indexOf(format) > -1) {
+    dateParams.picker = format;
+  }
+  dateParams = Object.assign(Object.assign({}, dateParams), rest);
+  if (dateFormat === format) {
+    dateParams.format = format;
+  }
+  return /*#__PURE__*/_react.default.createElement(RangePicker, Object.assign({}, dateParams));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(DateRange);

package/lib/widgets/fields/html/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function html({ value, checked, options, schema }: any): React.JSX.Element;

package/lib/widgets/fields/html/index.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = html;
+require("antd/es/image/style");
+var _image = _interopRequireDefault(require("antd/es/image"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function html(_ref) {
+  var value = _ref.value,
+    checked = _ref.checked,
+    options = _ref.options,
+    _ref$schema = _ref.schema,
+    schema = _ref$schema === void 0 ? {} : _ref$schema;
+  var __html = '-';
+  if (schema.type === 'boolean') {
+    __html = value === true || checked === true ? '✔' : '✘';
+  } else if ((options === null || options === void 0 ? void 0 : options.length) > 0) {
+    if (['string', 'number'].indexOf(_typeof(value)) > -1) {
+      var item = options.find(function (item) {
+        return item.value === value;
+      });
+      __html = (item === null || item === void 0 ? void 0 : item.label) || '-';
+    } else if (Array.isArray(value)) {
+      var idxStr = '-';
+      value.forEach(function (v) {
+        var item = options.find(function (item) {
+          return item.value === v;
+        });
+        var name = item.label;
+        if (name) {
+          idxStr += ',' + name;
+        }
+      });
+      __html = idxStr.replace('-,', '');
+    }
+  } else if (typeof value === 'number') {
+    __html = String(value);
+  } else if (typeof value === 'string') {
+    __html = value;
+  } else if (schema.type === 'range' && Array.isArray(value) && value[0] && value[1]) {
+    __html = "".concat(value[0], " - ").concat(value[1]);
+  } else if (value && ['number', 'string'].indexOf(_typeof(value)) === -1) {
+    __html = JSON.stringify(value);
+  }
+  if (schema.format === 'image') {
+    return /*#__PURE__*/_react.default.createElement(_image.default, Object.assign({
+      height: 56,
+      src: value
+    }, schema.imageProps));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: __html
+    }
+  });
+}

package/lib/widgets/fields/imageInput/index.css

@@ -0,0 +1,7 @@
+.fr-preview-image {
+  width: 160px;
+}
+.fr-preview {
+  position: relative;
+  cursor: pointer;
+}

package/lib/widgets/fields/imageInput/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/widgets/fields/imageInput/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/input/style");
+var _input = _interopRequireDefault(require("antd/es/input"));
+var _PictureOutlined2 = _interopRequireDefault(require("@ant-design/icons/lib/icons/PictureOutlined"));
+require("antd/es/popover/style");
+var _popover = _interopRequireDefault(require("antd/es/popover"));
+require("antd/es/config-provider/style");
+var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils");
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+require("./index.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var DEFAULT_IMG = 'https://img.alicdn.com/tfs/TB14tSiKhTpK1RjSZFKXXa2wXXa-354-330.png';
+var PreviewNode = function PreviewNode(_ref) {
+  var value = _ref.value;
+  var configCtx = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  var t = (0, _utils.translation)(configCtx);
+  return /*#__PURE__*/_react.default.createElement(_popover.default, {
+    content: /*#__PURE__*/_react.default.createElement("img", {
+      src: value || DEFAULT_IMG,
+      alt: t('img_src_error'),
+      className: 'fr-preview-image'
+    }),
+    className: 'fr-preview',
+    placement: 'bottom'
+  }, /*#__PURE__*/_react.default.createElement(_PictureOutlined2.default, null));
+};
+var ImageInput = function ImageInput(_a) {
+  var value = _a.value,
+    rest = (0, _tslib.__rest)(_a, ["value"]);
+  return /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
+    value: value,
+    addonAfter: /*#__PURE__*/_react.default.createElement(PreviewNode, {
+      value: value
+    })
+  }, rest));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(ImageInput);

package/lib/widgets/fields/input/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: any) => import("react").JSX.Element;
+export default _default;

package/lib/widgets/fields/input/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/input/style");
+var _input = _interopRequireDefault(require("antd/es/input"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _withFieldWrap.default)(_input.default);

package/lib/widgets/fields/number/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: any) => import("react").JSX.Element;
+export default _default;

package/lib/widgets/fields/number/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/input-number/style");
+var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _withFieldWrap.default)(_inputNumber.default);

package/lib/widgets/fields/percentSlider/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface Props {
+    schema: {
+        max?: number;
+        min?: number;
+        step?: number;
+    };
+    options?: {
+        hideNumber?: boolean;
+    };
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    readonly?: boolean;
+}
+declare const PercentSlider: React.FC<Props>;
+export default PercentSlider;

package/lib/widgets/fields/percentSlider/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/slider/style");
+var _slider = _interopRequireDefault(require("antd/es/slider"));
+require("antd/es/input-number/style");
+var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
+var React = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var PercentSlider = function PercentSlider(p) {
+  var _p$schema = p.schema,
+    max = _p$schema.max,
+    min = _p$schema.min,
+    step = _p$schema.step;
+  var setting = {};
+  if (max || max === 0) {
+    setting = {
+      max: max
+    };
+  }
+  if (min || min === 0) {
+    setting = Object.assign(Object.assign({}, setting), {
+      min: min
+    });
+  }
+  if (step) {
+    setting = Object.assign(Object.assign({}, setting), {
+      step: step
+    });
+  }
+  var hideNumber = false;
+  if (p.options && p.options.hideNumber) {
+    hideNumber = true;
+  }
+  var isPercent = function isPercent(string) {
+    return typeof string === 'string' && string.endsWith('%');
+  };
+  var numberValue = 100;
+  if (isPercent(p.value)) {
+    try {
+      numberValue = Number(p.value.split('%')[0]);
+      if (Number.isNaN(numberValue)) numberValue = 100;
+    } catch (error) {}
+  }
+  var handleChange = function handleChange(newNumber) {
+    var a = newNumber + '%';
+    p.onChange(a);
+  };
+  var renderNumber = p.readonly ? (/*#__PURE__*/React.createElement("span", {
+    style: {
+      width: '80px'
+    }
+  }, p.value === (undefined || '') ? '-' : p.value + '%')) : (/*#__PURE__*/React.createElement(_inputNumber.default, Object.assign({}, p.options, setting, {
+    style: {
+      width: '80px'
+    },
+    value: numberValue,
+    disabled: p.disabled,
+    onChange: handleChange,
+    formatter: function formatter(value) {
+      return "".concat(value, "%");
+    },
+    parser: function parser(value) {
+      return Number(value.replace('%', ''));
+    }
+  })));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fr-slider"
+  }, /*#__PURE__*/React.createElement(_slider.default, Object.assign({
+    style: {
+      flexGrow: 1,
+      marginRight: hideNumber ? 0 : 12
+    }
+  }, setting, {
+    onChange: handleChange,
+    max: 100,
+    tooltip: {
+      formatter: function formatter(v) {
+        return v + '%';
+      }
+    },
+    value: numberValue || 100,
+    disabled: p.disabled || p.readonly
+  })), hideNumber ? null : renderNumber);
+};
+var _default = exports.default = PercentSlider;

package/lib/widgets/fields/radio/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/widgets/fields/radio/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/radio/style");
+var _radio = _interopRequireDefault(require("antd/es/radio"));
+var _tslib = require("tslib");
+var _react = _interopRequireDefault(require("react"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var RadioComp = function RadioComp(props) {
+  var _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'row' : _props$direction,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    rest = (0, _tslib.__rest)(props, ["direction", "options"]);
+  if (direction === 'column') {
+    return /*#__PURE__*/_react.default.createElement(_radio.default.Group, Object.assign({}, rest), /*#__PURE__*/_react.default.createElement(_space.default, {
+      direction: 'vertical'
+    }, options.map(function (item) {
+      var value = item.value,
+        label = item.label,
+        rest = (0, _tslib.__rest)(item, ["value", "label"]);
+      return /*#__PURE__*/_react.default.createElement(_radio.default, Object.assign({
+        key: value,
+        value: value
+      }, rest), label);
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_radio.default.Group, Object.assign({}, rest, {
+    options: options
+  }));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(RadioComp);

package/lib/widgets/fields/rate/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: any) => import("react").JSX.Element;
+export default _default;

package/lib/widgets/fields/rate/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/rate/style");
+var _rate = _interopRequireDefault(require("antd/es/rate"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _withFieldWrap.default)(_rate.default);

package/lib/widgets/fields/select/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: any) => import("react").JSX.Element;
+export default _default;

package/lib/widgets/fields/select/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/select/style");
+var _select = _interopRequireDefault(require("antd/es/select"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _withFieldWrap.default)(_select.default);

package/lib/widgets/fields/slider/index.css

@@ -0,0 +1,5 @@
+.fr-slider {
+  display: flex;
+  width: 100%;
+  align-items: center;
+}

package/lib/widgets/fields/slider/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 滑动输入组件
+ */
+import React from 'react';
+import './index.less';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/widgets/fields/slider/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/input-number/style");
+var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
+require("antd/es/slider/style");
+var _slider = _interopRequireDefault(require("antd/es/slider"));
+var _tslib = require("tslib");
+var _react = _interopRequireDefault(require("react"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+require("./index.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 滑动输入组件
+ */
+
+var SliderWithNumber = function SliderWithNumber(_a) {
+  var schema = _a.schema,
+    value = _a.value,
+    onChange = _a.onChange,
+    hideInput = _a.hideInput,
+    inputProps = _a.inputProps,
+    style = _a.style,
+    rest = (0, _tslib.__rest)(_a, ["schema", "value", "onChange", "hideInput", "inputProps", "style"]);
+  var max = schema.max,
+    min = schema.min,
+    step = schema.step;
+  var setting = {};
+  if (max || max === 0) {
+    setting = {
+      max: max
+    };
+  }
+  if (min || min === 0) {
+    setting = Object.assign(Object.assign({}, setting), {
+      min: min
+    });
+  }
+  if (step) {
+    setting = Object.assign(Object.assign({}, setting), {
+      step: step
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'fr-slider',
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_slider.default, Object.assign({
+    style: {
+      flexGrow: 1,
+      marginRight: hideInput ? 0 : 12
+    }
+  }, setting, {
+    onChange: onChange,
+    value: typeof value === 'number' ? value : min || 0
+  }, rest)), hideInput ? null : (/*#__PURE__*/_react.default.createElement(_inputNumber.default, Object.assign({}, setting, inputProps, {
+    style: {
+      width: '90px'
+    },
+    value: value,
+    onChange: onChange
+  }))));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(SliderWithNumber, ['addons', 'dependValues']);

package/lib/widgets/fields/switch/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: any) => import("react").JSX.Element;
+export default _default;

package/lib/widgets/fields/switch/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/switch/style");
+var _switch = _interopRequireDefault(require("antd/es/switch"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _withFieldWrap.default)(_switch.default);

package/lib/widgets/fields/textArea/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/widgets/fields/textArea/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("antd/es/input/style");
+var _input = _interopRequireDefault(require("antd/es/input"));
+var _react = _interopRequireDefault(require("react"));
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var TextArea = function TextArea(props) {
+  var finalProps = Object.assign({
+    autoSize: {
+      minRows: 3
+    }
+  }, props);
+  if (finalProps.rows) delete finalProps.autoSize;
+  return /*#__PURE__*/_react.default.createElement(_input.default.TextArea, Object.assign({}, finalProps));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(TextArea);

package/lib/widgets/fields/time/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/lib/widgets/fields/time/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _tslib = require("tslib");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _react = _interopRequireDefault(require("react"));
+var _TimePicker = _interopRequireDefault(require("../../components/TimePicker"));
+var _utils = require("../../utils");
+var _withFieldWrap = _interopRequireDefault(require("../../utils/withFieldWrap"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var Time = function Time(_a) {
+  var onChange = _a.onChange,
+    _a$format = _a.format,
+    format = _a$format === void 0 ? 'time' : _a$format,
+    value = _a.value,
+    style = _a.style,
+    rest = (0, _tslib.__rest)(_a, ["onChange", "format", "value", "style"]);
+  var timeFormat = (0, _utils.getFormat)(format);
+  var _value = value ? (0, _dayjs.default)(value, timeFormat) : undefined;
+  var handleChange = function handleChange(_, valueStr) {
+    onChange(valueStr);
+  };
+  var timeParams = Object.assign({
+    value: _value,
+    style: Object.assign({
+      width: '100%'
+    }, style),
+    onChange: handleChange,
+    format: timeFormat
+  }, rest);
+  return /*#__PURE__*/_react.default.createElement(_TimePicker.default, Object.assign({}, timeParams));
+};
+var _default = exports.default = (0, _withFieldWrap.default)(Time);

package/lib/widgets/fields/timeRange/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const TimeRange: ({ onChange, format, value, style, schema }: {
+    onChange: any;
+    format?: string;
+    value: any;
+    style: any;
+    schema: any;
+}) => React.JSX.Element;
+export default TimeRange;