tntd 2.0.11 → 2.0.12

package/lib/query-form/Field/SelectInput.js

@@ -1,77 +1,114 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+exports["default"] = void 0;
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _select = _interopRequireDefault(require("../../select"));
+
+var _input = _interopRequireDefault(require("../../input"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
-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 = require("lodash");
-const select_1 = __importDefault(require("../../select"));
-const input_1 = __importDefault(require("../../input"));
-const { Option } = select_1.default;
-exports.default = (props) => {
-    const { options = [], addonBeforeStyle } = props, inputProps = __rest(props, ["options", "addonBeforeStyle"]);
-    const [items, setItems] = (0, react_1.useState)(options);
-    const getInitialKey = () => {
-        let key = (0, lodash_1.get)(options, '0.value');
-        if (inputProps.value) {
-            key = (0, lodash_1.get)(Object.keys(inputProps.value), '0') || key;
-        }
-        return key;
-    };
-    const [key, setKey] = (0, react_1.useState)(getInitialKey());
-    const onKeyChange = (key) => {
-        setKey(key);
-        props.onChange({
-            [key]: '',
-        });
-    };
-    const onChange = (evt) => {
-        props.onChange({
-            [key]: evt.target.value,
-        });
-    };
-    const addonBefore = (react_1.default.createElement(select_1.default, { value: key, onChange: onKeyChange, style: Object.assign({ width: '120px' }, addonBeforeStyle) }, items.map(({ label, value }) => (react_1.default.createElement(Option, { key: value, value: value }, label)))));
-    const getInputValue = () => {
-        return (0, lodash_1.get)(inputProps.value, key);
-    };
-    (0, react_1.useEffect)(() => {
-        setItems(options);
-        setKey(getInitialKey());
-    }, [options, inputProps.value]);
-    return (react_1.default.createElement(input_1.default, Object.assign({}, inputProps, { value: getInputValue(), addonBefore: addonBefore, onChange: onChange })));
+
+var Option = _select["default"].Option;
+
+var _default = function _default(props) {
+  var _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      addonBeforeStyle = props.addonBeforeStyle,
+      inputProps = __rest(props, ["options", "addonBeforeStyle"]);
+
+  var _useState = (0, _react.useState)(options),
+      _useState2 = _slicedToArray(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var getInitialKey = function getInitialKey() {
+    var key = (0, _get2["default"])(options, '0.value');
+
+    if (inputProps.value) {
+      key = (0, _get2["default"])(Object.keys(inputProps.value), '0') || key;
+    }
+
+    return key;
+  };
+
+  var _useState3 = (0, _react.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["default"].createElement(_select["default"], {
+    value: key,
+    onChange: onKeyChange,
+    style: Object.assign({
+      width: '120px'
+    }, addonBeforeStyle)
+  }, items.map(function (_ref) {
+    var label = _ref.label,
+        value = _ref.value;
+    return _react["default"].createElement(Option, {
+      key: value,
+      value: value
+    }, label);
+  }));
+
+  var getInputValue = function getInputValue() {
+    return (0, _get2["default"])(inputProps.value, key);
+  };
+
+  (0, _react.useEffect)(function () {
+    setItems(options);
+    setKey(getInitialKey());
+  }, [options, inputProps.value]);
+  return _react["default"].createElement(_input["default"], Object.assign({}, inputProps, {
+    value: getInputValue(),
+    addonBefore: addonBefore,
+    onChange: onChange
+  }));
 };
-//# sourceMappingURL=SelectInput.js.map
+
+exports["default"] = _default;

package/lib/query-form/Field/fieldsMap.d.ts

@@ -3,13 +3,13 @@ export function getFieldWidth(type: any): any;
 declare namespace _default {
     export { Input as string };
     export { Input as input };
-    export const search: typeof import("antd/es/input/Search").default;
+    export const search: typeof import("antd/lib/input/Search").default;
     export { InputNumber as inputNumber };
     export { InputNumber as number };
     export { SelectField as select };
     export { CheckboxField as checkbox };
     export { DatePicker as date };
-    export const dateRange: import("react").ClassicComponentClass<import("antd/es/date-picker/interface").RangePickerProps>;
+    export const dateRange: import("react").ClassicComponentClass<import("antd/lib/date-picker/interface").RangePickerProps>;
     export { SelectInput as selectInput };
 }
 export default _default;

package/lib/query-form/Field/fieldsMap.js

@@ -1,36 +1,49 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFieldWidth = exports.defaultFieldWidth = void 0;
-const Checkbox_1 = __importDefault(require("./Checkbox"));
-const Select_1 = __importDefault(require("./Select"));
-const SelectInput_1 = __importDefault(require("./SelectInput"));
-const date_picker_1 = __importDefault(require("../../date-picker"));
-const input_1 = __importDefault(require("../../input"));
-const input_number_1 = __importDefault(require("../../input-number"));
-exports.defaultFieldWidth = '200px';
-const getFieldWidth = (type) => {
-    if (type === 'dateRange') {
-        return '340px';
-    }
-    return ({
-        dateRange: '340px',
-        selectInput: '320px',
-    }[type] || exports.defaultFieldWidth);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.getFieldWidth = exports.defaultFieldWidth = void 0;
+
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+
+var _Select = _interopRequireDefault(require("./Select"));
+
+var _SelectInput = _interopRequireDefault(require("./SelectInput"));
+
+var _datePicker = _interopRequireDefault(require("../../date-picker"));
+
+var _input = _interopRequireDefault(require("../../input"));
+
+var _inputNumber = _interopRequireDefault(require("../../input-number"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var defaultFieldWidth = '200px';
+exports.defaultFieldWidth = defaultFieldWidth;
+
+var getFieldWidth = function getFieldWidth(type) {
+  if (type === 'dateRange') {
+    return '340px';
+  }
+
+  return {
+    dateRange: '340px',
+    selectInput: '320px'
+  }[type] || defaultFieldWidth;
 };
+
 exports.getFieldWidth = getFieldWidth;
-exports.default = {
-    string: input_1.default,
-    input: input_1.default,
-    search: input_1.default.Search,
-    inputNumber: input_number_1.default,
-    number: input_number_1.default,
-    select: Select_1.default,
-    checkbox: Checkbox_1.default,
-    date: date_picker_1.default,
-    dateRange: date_picker_1.default.RangePicker,
-    selectInput: SelectInput_1.default,
+var _default = {
+  string: _input["default"],
+  input: _input["default"],
+  search: _input["default"].Search,
+  inputNumber: _inputNumber["default"],
+  number: _inputNumber["default"],
+  select: _Select["default"],
+  checkbox: _Checkbox["default"],
+  date: _datePicker["default"],
+  dateRange: _datePicker["default"].RangePicker,
+  selectInput: _SelectInput["default"]
 };
-//# sourceMappingURL=fieldsMap.js.map
+exports["default"] = _default;

package/lib/query-form/Field/index.js

@@ -1,103 +1,179 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+exports["default"] = void 0;
+
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _fieldsMap = _interopRequireWildcard(require("./fieldsMap"));
+
+var _form = _interopRequireDefault(require("../../form"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 _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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+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); }
+
+var FormItem = _form["default"].Item;
+
+var isInput = function isInput(type) {
+  return ['input', 'string', 'search'].includes(type);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const lodash_1 = require("lodash");
-const fieldsMap_1 = __importStar(require("./fieldsMap"));
-const form_1 = __importDefault(require("../../form"));
-const FormItem = form_1.default.Item;
-const isInput = (type) => ['input', 'string', 'search'].includes(type);
-class Field extends react_1.PureComponent {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "updateValue", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (name, value) => {
-                if (name === this.props.name) {
-                    this.setState({ value });
-                    this.props.onChange(name, value);
-                }
-            }
+
+var Field =
+/*#__PURE__*/
+function (_PureComponent) {
+  _inherits(Field, _PureComponent);
+
+  function Field(props) {
+    var _this;
+
+    _classCallCheck(this, Field);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(Field).call(this, props));
+    Object.defineProperty(_assertThisInitialized(_this), "updateValue", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function value(name, _value) {
+        if (name === _this.props.name) {
+          _this.setState({
+            value: _value
+          });
+
+          _this.props.onChange(name, _value);
+        }
+      }
+    });
+    Object.defineProperty(_assertThisInitialized(_this), "onChange", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function value() {
+        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] = (0, _get2["default"])(args[0], 'target.value');
+        }
+
+        _this.setState({
+          value: args[0]
         });
-        Object.defineProperty(this, "onChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (...args) => {
-                const { name, type = 'input', component, props: fieldProps } = this.props;
-                const { onChange } = fieldProps || {};
-                onChange && onChange(...args);
-                // Input onChange第一个参数为Event对象，取值特殊处理
-                if (!component && isInput(type)) {
-                    args[0] = (0, lodash_1.get)(args[0], 'target.value');
-                }
-                this.setState({ value: args[0] });
-                this.props.onChange(name, args[0]);
-            }
+
+        _this.props.onChange(name, args[0]);
+      }
+    });
+    Object.defineProperty(_assertThisInitialized(_this), "onFormChange", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: function value(formData) {
+        _this.setState({
+          value: (0, _get2["default"])(formData, _this.props.name)
         });
-        Object.defineProperty(this, "onFormChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (formData) => {
-                this.setState({
-                    value: (0, lodash_1.get)(formData, this.props.name),
-                });
-            }
-        });
-        this.state = {
-            value: props.initialValue,
-        };
-    }
-    render() {
-        var _a;
-        const { type = 'input', title, name, isFieldInDrawer = false, className = '', component, form, props: fieldProps, } = this.props;
-        const { value } = this.state;
-        const Field = component || fieldsMap_1.default[type];
-        return (react_1.default.createElement(FormItem, { label: title, className: className },
-            react_1.default.createElement(Field, Object.assign({ value: value }, (isInput(type)
-                ? {
-                    onPressEnter: (evt) => { var _a; return form.emit('search', { [name]: (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value, current: 1 }); },
-                }
-                : {}), fieldProps, { style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), { width: isFieldInDrawer ? '100%' : ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || (0, fieldsMap_1.getFieldWidth)(type) }), onChange: this.onChange }))));
+      }
+    });
+    _this.state = {
+      value: props.initialValue
+    };
+    return _this;
+  }
+
+  _createClass(Field, [{
+    key: "render",
+    value: function render() {
+      var _a;
+
+      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["default"][type];
+      return _react["default"].createElement(FormItem, {
+        label: title,
+        className: className
+      }, _react["default"].createElement(Field, Object.assign({
+        value: value
+      }, isInput(type) ? {
+        onPressEnter: function onPressEnter(evt) {
+          var _form$emit;
+
+          var _a;
+
+          return form.emit('search', (_form$emit = {}, _defineProperty(_form$emit, name, (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value), _defineProperty(_form$emit, "current", 1), _form$emit));
+        }
+      } : {}, fieldProps, {
+        style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {
+          width: isFieldInDrawer ? '100%' : ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || (0, _fieldsMap.getFieldWidth)(type)
+        }),
+        onChange: this.onChange
+      })));
     }
-    componentDidMount() {
-        const { form } = this.props;
-        form.on('setValue', this.updateValue);
-        form.on('setValues', this.onFormChange);
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var form = this.props.form;
+      form.on('setValue', this.updateValue);
+      form.on('setValues', this.onFormChange);
     }
-    componentWillUnmount() {
-        const { form } = this.props;
-        form.off('setValue', this.updateValue);
-        form.off('setValues', this.onFormChange);
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var form = this.props.form;
+      form.off('setValue', this.updateValue);
+      form.off('setValues', this.onFormChange);
     }
-}
-exports.default = Field;
-//# sourceMappingURL=index.js.map
+  }]);
+
+  return Field;
+}(_react.PureComponent);
+
+exports["default"] = Field;