tntd 1.4.24 → 1.4.27

package/es/Modal/index.js

@@ -1,5 +1,21 @@
-import "antd/lib/modal/style";
-import _Modal from "antd/lib/modal";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _antd = require("antd");
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
 
@@ -17,11 +33,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 { useState, useEffect, Fragment } from 'react';
-import cn from 'classnames';
-import Icon from '../Icon';
-import './index.less';
-
 var Title = function Title(_ref) {
   var title = _ref.title,
       logo = _ref.logo,
@@ -30,22 +41,22 @@ var Title = function Title(_ref) {
       supportFullscreen = _ref$supportFullscree === void 0 ? true : _ref$supportFullscree,
       onToggleFullscreen = _ref.onToggleFullscreen,
       onClose = _ref.onClose;
-  return React.createElement(Fragment, null, React.createElement("div", null, logo && React.createElement("img", {
+  return React.createElement(_react.Fragment, null, React.createElement("div", null, logo && React.createElement("img", {
     src: logo
   }), React.createElement("span", null, title)), React.createElement("div", {
     className: "tnt-modal-header-actions"
-  }, supportFullscreen && React.createElement(Icon, {
+  }, supportFullscreen && React.createElement(_Icon["default"], {
     className: "fullscreen",
     type: fullscreen ? 'fullscreen-exit' : 'fullscreen',
     onClick: onToggleFullscreen
-  }), React.createElement(Icon, {
+  }), React.createElement(_Icon["default"], {
     className: "close",
     type: "close",
     onClick: onClose
   })));
 };
 
-export default (function (props) {
+var _default = function _default(props) {
   var _cn;
 
   var visible = props.visible,
@@ -62,15 +73,15 @@ export default (function (props) {
       onCancel = props.onCancel,
       rest = _objectWithoutProperties(props, ["visible", "children", "logo", "title", "height", "width", "className", "supportFullscreen", "onToggleFullscreen", "onCancel"]);
 
-  var _useState = useState(rest.fullscreen || false),
+  var _useState = (0, _react.useState)(rest.fullscreen || false),
       _useState2 = _slicedToArray(_useState, 2),
       fullscreen = _useState2[0],
       setFullscreen = _useState2[1];
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     setFullscreen(rest.fullscreen);
   }, [rest.fullscreen, visible]);
-  return React.createElement(_Modal, _extends({
+  return React.createElement(_antd.Modal, _extends({
     visible: visible,
     title: React.createElement(Title, {
       logo: logo,
@@ -91,6 +102,8 @@ export default (function (props) {
     style: {
       height: fullscreen ? '100vh' : height
     },
-    className: cn('tnt-modal', (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, "fullscreen", fullscreen), _cn))
+    className: (0, _classnames["default"])('tnt-modal', (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, "fullscreen", fullscreen), _cn))
   }, rest), children);
-});
+};
+
+exports["default"] = _default;

package/es/Page/Box.js

@@ -1,5 +1,17 @@
-import "antd/lib/card/style";
-import _Card from "antd/lib/card";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
 
@@ -13,9 +25,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 from 'react';
-import { addUnitForValue } from './utils';
-
 var Box = function Box(_ref) {
   var inLayout = _ref.inLayout,
       _ref$clsPrefix = _ref.clsPrefix,
@@ -57,9 +66,9 @@ var Box = function Box(_ref) {
   } // 如果传入只有数字，需要默认加px
 
 
-  cardTitleHeight = addUnitForValue(cardTitleHeight);
+  cardTitleHeight = (0, _utils.addUnitForValue)(cardTitleHeight);
   var cardBodyHeight = "calc(".concat(height, " - ").concat(headerHeight, " - ").concat(contentTotalMargin, " - ").concat(cardTitleHeight, ")");
-  return React.createElement(_Card, _extends({
+  return _react["default"].createElement(_antd.Card, _extends({
     className: "".concat(clsPrefix, "-box-card"),
     bordered: bordered,
     bodyStyle: _objectSpread({}, bodyStyle, {
@@ -71,4 +80,5 @@ var Box = function Box(_ref) {
   }, restProps), children);
 };
 
-export default Box;
+var _default = Box;
+exports["default"] = _default;

package/es/Page/index.js

@@ -1,3 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _utils = require("./utils");
+
+var _Box = _interopRequireDefault(require("./Box"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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; }
@@ -20,18 +41,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 from 'react';
-import cn from 'classnames';
-import Icon from '../Icon';
-import { computeWidth, addUnitForValue } from './utils';
-import Box from './Box';
-import './index.less';
 var clsPrefix = 'tnt-page';
 
 var isPageBox = function isPageBox(child) {
   var _child$props;
 
-  return (child == null ? void 0 : child.type) === Box || (child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.pageBox);
+  return (child == null ? void 0 : child.type) === _Box["default"] || (child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.pageBox);
 };
 
 var PageLayout = function PageLayout(_ref) {
@@ -55,8 +70,8 @@ var PageLayout = function PageLayout(_ref) {
       restProps = _objectWithoutProperties(_ref, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
 
   // 如果传入只有数字，需要默认加px
-  var computedHeaderHeight = addUnitForValue(headerHeight);
-  var computedHeight = addUnitForValue(height); // 判断是否有标题栏
+  var computedHeaderHeight = (0, _utils.addUnitForValue)(headerHeight);
+  var computedHeight = (0, _utils.addUnitForValue)(height); // 判断是否有标题栏
 
   if (!(title || extra || center)) {
     computedHeaderHeight = '0px';
@@ -80,12 +95,14 @@ var PageLayout = function PageLayout(_ref) {
     childrenToArray = _toConsumableArray(children);
   }
 
-  console.log('React.Children', React.Children);
-  React.Children.map(children, function (child) {
+  console.log('React.Children', _react["default"].Children);
+
+  _react["default"].Children.map(children, function (child) {
     if (isPageBox(child)) {
       boxCount += 1;
     }
   });
+
   console.log(boxCount);
   whiteCols = (_childrenToArray = childrenToArray) == null ? void 0 : (_childrenToArray$filt = _childrenToArray.filter(function (_ref2) {
     var props = _ref2.props;
@@ -104,33 +121,33 @@ var PageLayout = function PageLayout(_ref) {
     marginTop: computedHeaderHeight,
     padding: inLayout ? '16px 20px' : '0px'
   };
-  return React.createElement("section", _extends({
-    className: cn(clsPrefix, (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, 'in-layout', inLayout), _defineProperty(_cn, 'not-in-layout', !inLayout), _cn))
-  }, restProps), (title || goBack || center || extra) && React.createElement("div", {
+  return _react["default"].createElement("section", _extends({
+    className: (0, _classnames["default"])(clsPrefix, (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, 'in-layout', inLayout), _defineProperty(_cn, 'not-in-layout', !inLayout), _cn))
+  }, restProps), (title || goBack || center || extra) && _react["default"].createElement("div", {
     className: "".concat(clsPrefix, "-header"),
     style: headerStyle
-  }, React.createElement("div", {
+  }, _react["default"].createElement("div", {
     className: "".concat(clsPrefix, "-header-section")
-  }, goBack && React.createElement("div", {
+  }, goBack && _react["default"].createElement("div", {
     className: "page-header-section-back",
     onClick: function onClick() {
       goBack();
     }
-  }, React.createElement(Icon, {
+  }, _react["default"].createElement(_Icon["default"], {
     type: "left"
-  }), React.createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map(function (item, i) {
-    return React.createElement("div", {
+  }), _react["default"].createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map(function (item, i) {
+    return _react["default"].createElement("div", {
       className: "".concat(clsPrefix, "-header-section"),
       key: i
     }, item);
-  })), React.createElement("div", {
+  })), _react["default"].createElement("div", {
     className: "".concat(clsPrefix, "-content"),
     style: contentStyle
-  }, React.Children.map(children, function (child) {
+  }, _react["default"].Children.map(children, function (child) {
     // 如果children不是Box,就不需要多列布局
     if (!child.type) {
       // console.log("没有type");
-      return React.cloneElement(React.createElement("div", null, child));
+      return _react["default"].cloneElement(_react["default"].createElement("div", null, child));
     }
 
     var extraProps = _objectSpread({
@@ -142,7 +159,7 @@ var PageLayout = function PageLayout(_ref) {
     }, child.props);
 
     if (!isPageBox(child)) {
-      return React.cloneElement(child, extraProps);
+      return _react["default"].cloneElement(child, extraProps);
     }
 
     var _child$props2 = child.props,
@@ -150,17 +167,18 @@ var PageLayout = function PageLayout(_ref) {
         mode = _child$props2$mode === void 0 ? 'gray' : _child$props2$mode,
         width = _child$props2.width;
     var style = {
-      flex: computeWidth(width),
+      flex: (0, _utils.computeWidth)(width),
       // 设置cols层级关系
       zIndex: mode === 'gray' ? endIndex-- : startIndex++
     };
-    var className = cn("".concat(clsPrefix, "-box ").concat(clsPrefix, "-box-").concat(mode));
-    return React.createElement('div', {
+    var className = (0, _classnames["default"])("".concat(clsPrefix, "-box ").concat(clsPrefix, "-box-").concat(mode));
+    return _react["default"].createElement('div', {
       className: className,
       style: style
-    }, React.cloneElement(child, extraProps));
+    }, _react["default"].cloneElement(child, extraProps));
   })));
 };
 
-PageLayout.Box = Box;
-export default PageLayout;
+PageLayout.Box = _Box["default"];
+var _default = PageLayout;
+exports["default"] = _default;

package/es/Page/utils.js

@@ -1,3 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addUnitForValue = exports.isValidNumber = exports.computeWidth = void 0;
+
 var computeWidth = function computeWidth(width) {
   var flex = '1';
   var validNumber = isValidNumber(width);
@@ -11,13 +18,17 @@ var computeWidth = function computeWidth(width) {
   return flex;
 };
 
+exports.computeWidth = computeWidth;
+
 var isValidNumber = function isValidNumber(value) {
   return !isNaN(parseFloat(value));
 };
 
+exports.isValidNumber = isValidNumber;
+
 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 };
+exports.addUnitForValue = addUnitForValue;

package/es/QueryForm/Field/Checkbox.js

@@ -1,5 +1,11 @@
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _antd = require("antd");
 
 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); }
 
@@ -7,15 +13,17 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 _default = function _default(_ref) {
   var value = _ref.value,
       _onChange = _ref.onChange,
       props = _objectWithoutProperties(_ref, ["value", "onChange"]);
 
-  return React.createElement(_Checkbox, _extends({}, props, {
+  return React.createElement(_antd.Checkbox, _extends({}, props, {
     checked: value,
     onChange: function onChange(evt) {
       _onChange == null ? void 0 : _onChange(evt.target.checked);
     }
   }));
-});
+};
+
+exports["default"] = _default;

package/es/QueryForm/Field/Select.js

@@ -1,5 +1,19 @@
-import "antd/lib/select/style";
-import _Select from "antd/lib/select";
+"use strict";
+
+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
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+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 _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); }
 
@@ -21,9 +35,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 Option = _antd.Select.Option;
+
+var _default = function _default(props) {
   var options = props.options,
       params = props.params,
       _props$queryKey = props.queryKey,
@@ -36,12 +50,12 @@ export default (function (props) {
       loadData = props.loadData,
       rest = _objectWithoutProperties(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
 
-  var _useState = useState(options || []),
+  var _useState = (0, _react.useState)(options || []),
       _useState2 = _slicedToArray(_useState, 2),
       items = _useState2[0],
       setItems = _useState2[1];
 
-  var _useState3 = useState(''),
+  var _useState3 = (0, _react.useState)(''),
       _useState4 = _slicedToArray(_useState3, 2),
       query = _useState4[0],
       setQuery = _useState4[1];
@@ -51,17 +65,17 @@ export default (function (props) {
   };
 
   if (loadData) {
-    useEffect(function () {
+    (0, _react.useEffect)(function () {
       loadData(_objectSpread(_defineProperty({}, queryKey, query), params || {})).then(function (items) {
         setItems(items);
       });
     }, [params, query]);
   }
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     setItems(options || []);
   }, [options]);
-  return React.createElement(_Select, _extends({
+  return _react["default"].createElement(_antd.Select, _extends({
     allowClear: true,
     showSearch: true,
     optionFilterProp: "children",
@@ -72,9 +86,11 @@ export default (function (props) {
     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, {
+    return _react["default"].createElement(Option, _extends({}, optionProps, {
       key: value,
       value: value
     }), label);
   }));
-});
+};
+
+exports["default"] = _default;

package/es/QueryForm/Field/SelectInput.js

@@ -1,7 +1,21 @@
-import "antd/lib/input/style";
-import _Input from "antd/lib/input";
-import "antd/lib/select/style";
-import _Select from "antd/lib/select";
+"use strict";
+
+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
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _lodash = require("lodash");
+
+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 _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); }
 
@@ -23,31 +37,30 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 Option = _antd.Select.Option;
+
+var _default = function _default(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),
+  var _useState = (0, _react.useState)(options),
       _useState2 = _slicedToArray(_useState, 2),
       items = _useState2[0],
       setItems = _useState2[1];
 
   var getInitialKey = function getInitialKey() {
-    var key = get(options, '0.value');
+    var key = (0, _lodash.get)(options, '0.value');
 
     if (inputProps.value) {
-      key = get(Object.keys(inputProps.value), '0') || key;
+      key = (0, _lodash.get)(Object.keys(inputProps.value), '0') || key;
     }
 
     return key;
   };
 
-  var _useState3 = useState(getInitialKey()),
+  var _useState3 = (0, _react.useState)(getInitialKey()),
       _useState4 = _slicedToArray(_useState3, 2),
       key = _useState4[0],
       setKey = _useState4[1];
@@ -61,32 +74,35 @@ export default (function (props) {
     props.onChange(_defineProperty({}, key, evt.target.value));
   };
 
-  var addonBefore = React.createElement(_Select, {
+  var addonBefore = _react["default"].createElement(_antd.Select, {
     value: key,
     onChange: onKeyChange,
     style: _objectSpread({
       width: '120px'
-    }, addonBeforeStyle)
+    }, addonBeforeStyle),
+    dropdownMatchSelectWidth: false
   }, items.map(function (_ref) {
     var label = _ref.label,
         value = _ref.value;
-    return React.createElement(Option, {
+    return _react["default"].createElement(Option, {
       key: value,
       value: value
     }, label);
   }));
 
   var getInputValue = function getInputValue() {
-    return get(inputProps.value, key);
+    return (0, _lodash.get)(inputProps.value, key);
   };
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     setItems(options);
     setKey(getInitialKey());
   }, [options, inputProps.value]);
-  return React.createElement(_Input, _extends({}, inputProps, {
+  return _react["default"].createElement(_antd.Input, _extends({}, inputProps, {
     value: getInputValue(),
     addonBefore: addonBefore,
     onChange: onChange
   }));
-});
+};
+
+exports["default"] = _default;

package/es/QueryForm/Field/fieldsMap.js

@@ -1,14 +1,24 @@
-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) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.getFieldWidth = exports.defaultFieldWidth = void 0;
+
+var _antd = require("antd");
+
+var _Select = _interopRequireDefault(require("./Select"));
+
+var _SelectInput = _interopRequireDefault(require("./SelectInput"));
+
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+
+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';
   }
@@ -18,15 +28,18 @@ export var getFieldWidth = function getFieldWidth(type) {
     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
-};
+
+exports.getFieldWidth = getFieldWidth;
+var _default = {
+  string: _antd.Input,
+  input: _antd.Input,
+  search: _antd.Input.Search,
+  inputNumber: _antd.InputNumber,
+  number: _antd.InputNumber,
+  select: _Select["default"],
+  checkbox: _Checkbox["default"],
+  date: _antd.DatePicker,
+  dateRange: _antd.DatePicker.RangePicker,
+  selectInput: _SelectInput["default"]
+};
+exports["default"] = _default;