tntd 1.3.66 → 1.4.2

package/es/Page/index.less

@@ -0,0 +1,144 @@
+.large-size > .ant-layout-content {
+    .tnt-page.in-layout {
+        height: calc(100vh - 60px);
+    }
+}
+.tnt-page {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow-y: hidden;
+
+    &.in-layout {
+        box-shadow: none;
+        height: calc(100vh - 50px);
+        .tnt-page-box,
+        .tnt-page-box > .ant-card {
+            height: 100%;
+        }
+        .tnt-page-content .tnt-page-box .ant-card .ant-card-body {
+            overflow-x: hidden;
+            overflow-y: auto;
+        }
+    }
+
+    &-box-white {
+        z-index: 1;
+        background: #f3f5f6;
+        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 10px 12px 2px rgba(170, 182, 206, 0.2);
+
+        .in-layout & {
+            background: #fafbfc;
+        }
+    }
+
+
+    &-box-gray {
+        background: #e8ebed;
+        box-shadow: 0 10px 12px 2px rgba(0, 0, 0, 0.1);
+
+        .in-layout & {
+            background: #f8f9fa;
+            // box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
+        }
+    }
+
+    &-header {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        background: #f0f2f3;
+        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1),
+                    0 10px 6px 0 rgba(170, 182, 206, 0.2);
+
+        .in-layout & {
+            background: #ffffff;
+            box-shadow: none;
+        }
+
+        &-section {
+            display: flex;
+            align-items: center;
+            &:nth-child(1) > * {
+                margin-right: 10px;
+            }
+            &:nth-child(2) > * {
+                margin: 0 5px;
+            }
+            &:nth-child(3) > * {
+                margin-left: 10px;
+            }
+        }
+    }
+
+    &-content {
+        height: calc(~"100% - 40px");
+        flex-direction: row;
+        width: 100%;
+        position: relative;
+        z-index: 0;
+    }
+
+    &-box {
+        overflow: auto;
+        .ant-card {
+            background: inherit;
+        }
+    }
+
+    &-box-card {
+        background-color: transparent !important;
+        .ant-card-head {
+            border-bottom: 1px solid #e0e0e0;
+            margin-bottom: 0;
+            // height: 60px;
+            .small & {
+                height: 40px;
+                line-height: 40px;
+            }
+            .ant-card-head-title {
+                font-weight: normal;
+            }
+        }
+        .ant-card-body {
+            overflow: auto;
+        }
+    }
+}
+
+
+.page-header-section-back {
+    position: relative;
+    display: inline-block;
+    margin-right: 40px !important;
+    cursor: pointer;
+    &::after {
+      content: "";
+      position: absolute;
+      width: 1px;
+      height: 16px;
+      right: -20px;
+      top: 50%;
+      transform: translateY(-50%);
+      background-color: #dcdfe6;
+    }
+    &:hover {
+        &,i {
+          color: #126BFB;
+        }
+    }
+    i {
+      font-size: 14px;
+      margin-right: 6px;
+      color: #4c4c4c;
+    }
+    span {
+      font-size: 14px;
+      font-weight: normal;
+    }
+}

package/es/Page/utils.js

@@ -0,0 +1,23 @@
+var computeWidth = function computeWidth(width) {
+  var flex = '1';
+  var validNumber = isValidNumber(width);
+
+  if (/(%|px)$/.test(width) && validNumber) {
+    flex = "0 0 ".concat(width);
+  } else if (!isNaN(width)) {
+    flex = "0 0 ".concat(width, "px");
+  }
+
+  return flex;
+};
+
+var isValidNumber = function isValidNumber(value) {
+  return !isNaN(parseFloat(value));
+};
+
+var addUnitForValue = function addUnitForValue(value) {
+  var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
+  return !isNaN(value) ? "".concat(value).concat(unit) : value;
+};
+
+export { computeWidth, isValidNumber, addUnitForValue };

package/es/QueryForm/Field/Checkbox.js

@@ -0,0 +1,21 @@
+import "antd/lib/checkbox/style";
+import _Checkbox from "antd/lib/checkbox";
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+export default (function (_ref) {
+  var value = _ref.value,
+      _onChange = _ref.onChange,
+      props = _objectWithoutProperties(_ref, ["value", "onChange"]);
+
+  return React.createElement(_Checkbox, _extends({}, props, {
+    checked: value,
+    onChange: function onChange(evt) {
+      _onChange == null ? void 0 : _onChange(evt.target.checked);
+    }
+  }));
+});

package/es/QueryForm/Field/Select.js

@@ -0,0 +1,80 @@
+import "antd/lib/select/style";
+import _Select from "antd/lib/select";
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { useState, useEffect } from 'react';
+var Option = _Select.Option;
+export default (function (props) {
+  var options = props.options,
+      params = props.params,
+      _props$queryKey = props.queryKey,
+      queryKey = _props$queryKey === void 0 ? 'name' : _props$queryKey,
+      _props$fieldNames = props.fieldNames,
+      fieldNames = _props$fieldNames === void 0 ? {
+    label: 'label',
+    value: 'value'
+  } : _props$fieldNames,
+      loadData = props.loadData,
+      rest = _objectWithoutProperties(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
+
+  var _useState = useState(options || []),
+      _useState2 = _slicedToArray(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      query = _useState4[0],
+      setQuery = _useState4[1];
+
+  var onSearch = function onSearch(val) {
+    setQuery(val);
+  };
+
+  if (loadData) {
+    useEffect(function () {
+      loadData(_objectSpread(_defineProperty({}, queryKey, query), params || {})).then(function (items) {
+        setItems(items);
+      });
+    }, [params, query]);
+  }
+
+  useEffect(function () {
+    setItems(options || []);
+  }, [options]);
+  return React.createElement(_Select, _extends({
+    allowClear: true,
+    showSearch: true,
+    optionFilterProp: "children",
+    onSearch: onSearch
+  }, rest), items.map(function (item) {
+    var labelKey = (fieldNames == null ? void 0 : fieldNames.label) || 'label';
+    var valueKey = (fieldNames == null ? void 0 : fieldNames.value) || 'value';
+    var value = item instanceof Object ? item[valueKey] : item;
+    var label = item instanceof Object ? item[labelKey] : item;
+    var optionProps = item instanceof Object ? item : {};
+    return React.createElement(Option, _extends({}, optionProps, {
+      key: value,
+      value: value
+    }), label);
+  }));
+});

package/es/QueryForm/Field/SelectInput.js

@@ -0,0 +1,92 @@
+import "antd/lib/input/style";
+import _Input from "antd/lib/input";
+import "antd/lib/select/style";
+import _Select from "antd/lib/select";
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { useState, useEffect } from 'react';
+import { get } from 'lodash';
+var Option = _Select.Option;
+export default (function (props) {
+  var _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      addonBeforeStyle = props.addonBeforeStyle,
+      inputProps = _objectWithoutProperties(props, ["options", "addonBeforeStyle"]);
+
+  var _useState = useState(options),
+      _useState2 = _slicedToArray(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var getInitialKey = function getInitialKey() {
+    var key = get(options, '0.value');
+
+    if (inputProps.value) {
+      key = get(Object.keys(inputProps.value), '0') || key;
+    }
+
+    return key;
+  };
+
+  var _useState3 = useState(getInitialKey()),
+      _useState4 = _slicedToArray(_useState3, 2),
+      key = _useState4[0],
+      setKey = _useState4[1];
+
+  var onKeyChange = function onKeyChange(key) {
+    setKey(key);
+    props.onChange(_defineProperty({}, key, ''));
+  };
+
+  var onChange = function onChange(evt) {
+    props.onChange(_defineProperty({}, key, evt.target.value));
+  };
+
+  var addonBefore = React.createElement(_Select, {
+    value: key,
+    onChange: onKeyChange,
+    style: _objectSpread({
+      width: '120px'
+    }, addonBeforeStyle)
+  }, items.map(function (_ref) {
+    var label = _ref.label,
+        value = _ref.value;
+    return React.createElement(Option, {
+      key: value,
+      value: value
+    }, label);
+  }));
+
+  var getInputValue = function getInputValue() {
+    return get(inputProps.value, key);
+  };
+
+  useEffect(function () {
+    setItems(options);
+    setKey(getInitialKey());
+  }, [options, inputProps.value]);
+  return React.createElement(_Input, _extends({}, inputProps, {
+    value: getInputValue(),
+    addonBefore: addonBefore,
+    onChange: onChange
+  }));
+});

package/es/QueryForm/Field/fieldsMap.js

@@ -0,0 +1,32 @@
+import "antd/lib/date-picker/style";
+import _DatePicker from "antd/lib/date-picker";
+import "antd/lib/input-number/style";
+import _InputNumber from "antd/lib/input-number";
+import "antd/lib/input/style";
+import _Input from "antd/lib/input";
+import SelectField from './Select';
+import SelectInput from './SelectInput';
+import CheckboxField from './Checkbox';
+export var defaultFieldWidth = '200px';
+export var getFieldWidth = function getFieldWidth(type) {
+  if (type === 'dateRange') {
+    return '340px';
+  }
+
+  return {
+    dateRange: '340px',
+    selectInput: '320px'
+  }[type] || defaultFieldWidth;
+};
+export default {
+  string: _Input,
+  input: _Input,
+  search: _Input.Search,
+  inputNumber: _InputNumber,
+  number: _InputNumber,
+  select: SelectField,
+  checkbox: CheckboxField,
+  date: _DatePicker,
+  dateRange: _DatePicker.RangePicker,
+  selectInput: SelectInput
+};

package/es/QueryForm/Field/index.js

@@ -0,0 +1,157 @@
+import "antd/lib/form/style";
+import _Form from "antd/lib/form";
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+import { PureComponent } from 'react';
+import { get } from 'lodash';
+import fieldsMap, { getFieldWidth } from './fieldsMap';
+var FormItem = _Form.Item;
+
+var isInput = function isInput(type) {
+  return ['input', 'string', 'search'].includes(type);
+};
+
+var Field =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inherits(Field, _PureComponent);
+
+  function Field(props) {
+    var _this;
+
+    _classCallCheck(this, Field);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(Field).call(this, props));
+
+    _this.updateValue = function (name, value) {
+      if (name === _this.props.name) {
+        _this.setState({
+          value: value
+        });
+
+        _this.props.onChange(name, value);
+      }
+    };
+
+    _this.onChange = function () {
+      var _this$props = _this.props,
+          name = _this$props.name,
+          _this$props$type = _this$props.type,
+          type = _this$props$type === void 0 ? 'input' : _this$props$type,
+          component = _this$props.component,
+          fieldProps = _this$props.props;
+
+      var _ref = fieldProps || {},
+          onChange = _ref.onChange;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      onChange && onChange.apply(void 0, args); // Input onChange第一个参数为Event对象，取值特殊处理
+
+      if (!component && isInput(type)) {
+        args[0] = get(args[0], 'target.value');
+      }
+
+      _this.setState({
+        value: args[0]
+      });
+
+      _this.props.onChange(name, args[0]);
+    };
+
+    _this.onFormChange = function (formData) {
+      _this.setState({
+        value: get(formData, _this.props.name)
+      });
+    };
+
+    _this.state = {
+      value: props.initialValue
+    };
+    return _this;
+  }
+
+  _createClass(Field, [{
+    key: "render",
+    value: function render() {
+      var _fieldProps$style;
+
+      var _this$props2 = this.props,
+          _this$props2$type = _this$props2.type,
+          type = _this$props2$type === void 0 ? 'input' : _this$props2$type,
+          title = _this$props2.title,
+          name = _this$props2.name,
+          _this$props2$isFieldI = _this$props2.isFieldInDrawer,
+          isFieldInDrawer = _this$props2$isFieldI === void 0 ? false : _this$props2$isFieldI,
+          _this$props2$classNam = _this$props2.className,
+          className = _this$props2$classNam === void 0 ? '' : _this$props2$classNam,
+          component = _this$props2.component,
+          form = _this$props2.form,
+          fieldProps = _this$props2.props;
+      var value = this.state.value;
+      var Field = component || fieldsMap[type];
+      return React.createElement(FormItem, {
+        label: title,
+        className: className
+      }, React.createElement(Field, _extends({
+        value: value
+      }, isInput(type) ? {
+        onPressEnter: function onPressEnter(evt) {
+          var _evt$target, _form$emit;
+
+          return form.emit('search', (_form$emit = {}, _defineProperty(_form$emit, name, evt == null ? void 0 : (_evt$target = evt.target) == null ? void 0 : _evt$target.value), _defineProperty(_form$emit, "current", 1), _form$emit));
+        }
+      } : {}, fieldProps, {
+        style: _objectSpread({}, fieldProps == null ? void 0 : fieldProps.style, {
+          width: isFieldInDrawer ? '100%' : (fieldProps == null ? void 0 : (_fieldProps$style = fieldProps.style) == null ? void 0 : _fieldProps$style.width) || getFieldWidth(type)
+        }),
+        onChange: this.onChange
+      })));
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var form = this.props.form;
+      form.on('setValue', this.updateValue);
+      form.on('setValues', this.onFormChange);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var form = this.props.form;
+      form.off('setValue', this.updateValue);
+      form.off('setValues', this.onFormChange);
+    }
+  }]);
+
+  return Field;
+}(PureComponent);
+
+export { Field as default };